/*--------------------------------------------
 * Default layout
 * 
 * Copyright (c) 2009 by Jan VL
 * http://www.designrequest.be
 *
--------------------------------------------*/


/*--------------------------------
 	Header
-------------------------------*/
body            {
	font-family: sans-serif, arial, verdana; font-size: 10pt; color: #000;
	margin: 0; padding: 0;
        background: #FFF url(/img/layout/containerbg.png) repeat-x scroll 0 130px;
}

#header         {
	height: 100px; background: #06C; color: #FFF;
        background: #333 url(/img/layout/header_dark.png) repeat center;
}

#header_container {
	margin: 0 auto;	width: 960px; height: 100px;
	font-weight: bold;
}

#logo           { position: absolute; background: url(/img/layout/logo.png) no-repeat top left; z-index: 0; height: 115px; width: 300px; }
#logo a         { display: block; height: 100px; width: 300px; }
#languages      { position: absolute; margin-left: 807px; top: 10px; }
#languages a    { margin-right: 8px; }
#languages img  { border: 1px solid #666; }


#navinfo {
        position: absolute; color: #F60; font-size: 1.2em; text-align: left;
        top: 63px; margin-left: 150px;
        float: left; padding: 10px; white-space: nowrap;
        width: 443px;
}

#logininfo      {
        position: absolute; color: #CCC; text-align: left;
        margin-left: 333px; z-index: 0;
        top: 0; padding: 10px;
        width: 320px; height: 80px; line-height: 20px;
}

#logininfo a    {
        color: #CCC; text-decoration: none;
}

#header .searchdiv {
        position: absolute; margin-left: 750px; width: 200px; height: 26px; top: 62px; z-index:5;
}

/*--------------------------------
 	Navigation
-------------------------------*/

#nav		{
        border-style: solid; border-width: 1px 0 0 0; border-color: #333;
	margin: 0 auto; padding: 0; font-weight: bold;
	height: 30px;
	background: url(/img/layout/nav_bar.gif) repeat-x;
	background-color: #000;
	text-align: center;

}

#nav ul      {

        margin: 0 0 0 19px;
        margin-left: 177px;
	display: inline-block;
	width: 780px; padding: 0;
	
}

#nav ul li	{
	cursor: pointer; color: #CCC;
	width: 153px;
	float: left;
	list-style-type: none;
	line-height: 30px;
	vertical-align: middle;
	border-style: solid; border-color: #333; border-width: 0 0 0 1px;
}


#nav ul li span.disabled  {
        background: url(/img/layout/nav_hover.png); cursor: default;
        display: block;	
}
#nav ul li a	{
	color: #CCC;
	text-decoration:none;
        display: block;	
}

#nav ul li:hover	{
	/*background-color: #F60;*/
	background: url(/img/layout/nav_hover.png);
}

/* Subnav */
.subnav      {
        position: absolute; top: 131px; width: 950px; height: 160px; z-index: 2; /*margin-left: 179px; width: 771px; */
        border-radius: 0 0 10px 10px; background-color: #111; display: none; opacity:0.95; filter:alpha(opacity=95);
}

.subnav ul, .subnavpage ul      { display: inline-block; margin: 0; padding: 15px; }
.subnav ul li, .subnavpage ul li { list-style-type: none; list-style-image: none; float: left; width: 230px; padding: 0; }
.subnav img, .subnavpage img { float: left; padding-right: 15px; margin-top: -10px; }
.subnav a, .subnavpage a { 	display: block; height: 30px; padding: 15px 0 20px 15px; vertical-align: top; color: #CCC; text-decoration: none; border-radius: 5px; }
.subnav a:hover { background: #F60 url(/img/layout/nav_hover.png); text-decoration: none; color: #FFF; }
#content .subnavpage a:hover { background: #F60 url(/img/layout/nav_hover.png); text-decoration: none;  }

/*--------------------------------
 	Main container
-------------------------------*/

div#container   {
        width: 960px; min-height: 400px; margin: 0 auto; padding: 0; margin-top: 25px;
}

div#subcontent  {
        width: 159px; float: left; position: absolute;
        padding: 0 10px 0 10px; margin: 0;
}
div#content	{
        float: right;
	width: 750px;
	border-width: 0 0 0 1px; border-style: solid; border-color: #CCC;
	padding: 0 10px 0 20px; margin: 0;
}

div#widecontent { padding: 0 10px 0 10px; }

/*--------------------------------
 	Content objects
-------------------------------*/

#content a, #widecontent a, #subcontent a		{
	color: #06C; text-decoration: none; font-weight: bold;
}

#content a:hover, #widecontent a:hover, #subcontent a:hover	{
	text-decoration: underline;
}


h1		{
	color: #333;
	border-color: #CCC; border-style: solid; border-width: 0 0 1px 0;
        margin-bottom: 30px;
}

h2		{
        color: #333;
	margin-bottom: 30px;
}


div#showprint	{
	display: none;
}


#content ul	{
	list-style-image: url(/img/template/bullet-grey.png);
}

#subcontent ul  {
        list-style-type: none; padding: 0; margin-bottom: 20px;
}

#content a.glowbutton, #widecontent a.glowbutton	{
        color: #FFF; background-color: #F60; text-decoration: none; text-align: center; white-space: nowrap;
	display: inline-block; width: 200px; line-height: 30px; margin: 0 10px 10px 0;
        background: url(../img/layout/glowbutton_hover.gif) repeat-x;
        border-radius: 3px; box-shadow: 2px 2px 1px #333;
}

#content a.glowbutton:hover, #widecontent a.glowbutton:hover	{
	background: url(/img/layout/glowbutton.gif);
}

/*--------------------------------
 	Tables
-------------------------------*/

table	{
	border: 1px solid #CCC; margin: 0 auto; width: 100%;
        
}

th,td	{
	padding: 5px;
}

th	{
	background-color: #DDF;
}

tr:not(.tr_submit)	{
	background-color: #EEF;
}

table.formtable		{
	border: 0;
}


tr.alternate_on td	{
	background-color: #DDF;
}

tr.alternate_off td	{
	background-color: #EEF;
}

tr.hover:hover	{
	background-color: #DDF;
	cursor: pointer;
}

/* Product list */
tr.h_alternate_on	{
	background-color: #DDF;
}

tr.h_alternate_off	{
	background-color: #EEF;
}

tr.h_alternate_focus	{
	background-color: #FC3;
}


tr.h_alternate_on:hover	{
	background-color: #CCF;
}

tr.h_alternate_off:hover{
	background-color: #CCF;
}

#productlist label {
        display: inline-block; width: 60px;
}

#productlist input {
        margin-bottom: 3px;
}

#productlist select {
        margin-top: 6px;
}

#productlist .productlink {
        display: inline-block; margin: 0 auto; width: 50px; height: 50px; border: 1px solid #666;
}

/*
.suggestbox { display: none; border: 0; position: absolute; background-color: #FFF; width: 168px; text-align: left; z-index: 10; }
a.livesuggest { display: block; padding: 5px; white-space: nowrap; text-decoration: none; border-style: solid; border-width: 0 1px 1px 1px; border-color: #CCC; width: 168px; background-color: #FFF; color: #333; }
.livesuggest:hover { background-color: #EEF; width: 168px; text-decoration: none; }
*/

/*--------------------------------
 	Forms
-------------------------------*/

input, select, textarea	{
	border: 1px solid #000;
        border-radius: 3px;
}

input[type="checkbox"]	{
	border: 0;
}

input[type="radio"]	{
	border: 0;
}
input[type="submit"]    {
        color: #FFF; background-color: #F60; white-space: nowrap; float: right;
	width: 200px; height: 30px; border: 0; font-weight: bold;
        background: url(../img/layout/glowbutton_hover.gif) repeat-x;
        border-radius: 3px; box-shadow: 2px 2px 1px #333;
}

input[type="submit"]:hover	{
	background: url(/img/layout/glowbutton.gif); cursor: pointer;
}
/*--------------------------------
 	Footer
-------------------------------*/

div#footer 	{
	clear: both;
	bottom: 0; height: 70px; padding-top: 10px;
	background: #545454 url(../img/layout/footer.png) repeat-x; color: #FFF;
	font-weight: bold; text-align: right;
}

div#footer a	{
	color: #FFF;
	text-decoration: none;
}

div#footer a:hover	{
	color: #F60;
}

#footer p#bottomnav     {
        text-align: center;
}

#footer p#footertext	{
	margin: 0; padding: 5px 5px 5px 0;
	text-align: right; font-size: 0.8em;
}