/*--------------------------------------------
 * Default layout
 * 
 * Copyright (c) 2013 by Jan Van Liedekerke
 * http://www.designrequest.be
 *
--------------------------------------------*/


/*--------------------------------
 	Header
-------------------------------*/
body            {
	font-family: arial,sans-serif; font-size: 90%; color: #000; background-color: #FFF;
	margin: 0; padding: 0;
}

#header         {
	position: fixed; top: 0; left: 0; width: 100%; height: 62px; z-index: 5; background: #FFF; color: #FFF;
        background: #333 url(/img/layout/bg.png) repeat center;
	border-style: solid; border-width: 0 0 1px 0; border-color: #F60;
}

#header_container {
	margin: 0 auto;	width: 960px; height: 30px;
}

#accountbar	{ position: fixed; top: 0; left: 0; width: 100%; z-index: 5; color: #CCC; background-color: #111; font-weight: bold;
		line-height: 22px; font-size: 0.9em;  border-style: solid; border-width: 0 0 1px 0; border-color: #666;}
#accountbar a	{ color: #F60; text-decoration: none; }
#accountbar_container	{ margin: 0 auto; width: 960px; }

#logo           { position: absolute; background: url(/img/layout/logo.png) no-repeat top left; z-index: 7; height: 81px; width: 180px; }
#logo a         { display: block; height: 70px; width: 180px; }
#cvrt		{ position: absolute; margin: 12px 0 0 185px; color: #444; }


#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;
}

/*--------------------------------
 	Search box - Language choice
-------------------------------*/

#ewsearch {
        position: absolute; margin-left: 225px; height: 23px; top: 6px; z-index:5;
}

#ewsearch input {
	width: 420px; height: 20px; padding: 0; border-color: #EEE;
	font-size: 1.2em;
	background: #EEE url('/img/layout/ewsearch.png') no-repeat right bottom;
}

.searchsubmit	{
	position: absolute; width: 22px; height: 22px; margin-left: 398px; cursor: pointer;
}

.suggestbox { position:absolute;width:420px;display:none;background-color:#EEE;z-index:10;border-color:#CCC;border-style:solid;border-width:0 1px 1px;margin:23px 0 0;padding:0;

	border-radius: 4px;
}

#ewsearch a.liveresult{ display:block;color:#333;line-height:16px;text-decoration:none;white-space:nowrap;width:410px;height: 20px; font-weight:400;text-align:left;border-color:#CCC;border-style:solid;border-width:0 0 1px;margin:0;padding:5px;}

#ewsearch a.liveresult:hover{background-color:#CCC;}
#ewsearch img{float:left;border:none;width:16px;height:16px;margin:0;padding:0;}

#languages	{
	float: right; margin-top: 6px;
	width: 200px; height: 20px; text-align: center; padding-top: 3px;
	border-radius: 4px;
	background-color: #EEE; color: #333;
}
#languages a	{ color: #333; }
#languages img  { border: 1px solid #CCC; }

#subnav6	{ position: fixed; top: 0; width: 100%; height: auto; z-index: 7; border-radius: 0; padding: 25px; }
#subnav6 a	{ display: block; width: 224px; float: left; }
#subnav6 img	{ margin-top: 0; }

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

#nav		{
	margin: 0 auto; padding: 0;
	height: 30px;
	text-align: center;

}

#nav ul      {
        margin: 4px 0 0 187px;
	display: inline-block;
	width: 775px; padding: 0;
        
	border-radius: 4px 4px 0 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#111111');
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#111111));
	background: -moz-linear-gradient(top, #777777,  #111111);

}

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


#nav ul li span.disabled  {
        cursor: default; display: block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111');
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#111111));
	background: -moz-linear-gradient(top, #555555,  #111111);
}
#nav ul li a	{
	color: #CCC;
	text-decoration:none;
        display: block;	
}

#nav ul li:hover a	{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111');
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#111111));
	background: -moz-linear-gradient(top, #555555,  #111111);
}

/* Subnav */
.subnav      {
        position: absolute; top: 62px; width: 960px; 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: 228px; padding: 0; margin: 2px; }
.subnav img, .subnavpage img { float: left; padding-right: 15px; margin-top: -10px; }
.subnav a, .subnavpage a, #lndiag a { 	display: block; height: 30px; padding: 15px 0 20px 15px; vertical-align: top; color: #CCC; text-decoration: none; border-radius: 5px; }
.subnav a:hover, .subnav li.active a {  background: #222; } /* url(/img/layout/nav_hover2.png) */
#content .subnavpage a:hover, #widecontent .subnavpage a:hover { background: #EEF; margin: -1px; border: 1px solid #DDF; text-decoration: none; }


/* Tabnav */
ul#tabnav		{ padding: 0; margin: 0; text-align: center; color: #06C; min-width: 770px; text-align: right;  }
#content ul#tabnav	{ margin-left: -20px; }
ul#tabnav li {
	width: 150px; line-height: 30px; display: inline-block; margin-bottom: 9px;
	border: 1px solid #CCC; border-radius: 5px 5px 0 0; text-align: center;
}
ul#tabnav a { width: 146px; line-height: 30px; display: inline-block; }
ul#tabnav li:hover, ul#tabnav a:hover	{ cursor: pointer; background: #EEF; text-decoration: none; }
li.disabledTab		{ background: #EEF; }
ul#tabnav li.disabledTab:hover	{ cursor: default; }

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

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

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

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

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

#container a {
	color: #06C; text-decoration: none;
}

#container a:hover {
	text-decoration: underline;
}


h1		{
	color: #444; font-weight: normal; font-size: 1.6em;
        margin: 30px 0 30px;
}

h2		{
        color: #444; font-weight: normal; font-size: 1.3em;
	margin-bottom: 30px;
}


div#showprint	{
	display: none;
}


#content ul, #widecontent 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, input[type="submit"], input[type="button"]	{
	white-space: nowrap; display: inline-block; min-width: 210px; margin: 0 0 10px 0; padding: 0;
	text-decoration: none; text-align: center;
	color: #FFF; background-color: #F80; border: 0; border-radius: 3px;
	font-family: arial,sans-serif; font-weight: bold; line-height: 33px; height: 33px;
	font-size: 1em;
}

#content a.glowbutton:hover, #widecontent a.glowbutton:hover, input[type="submit"]:hover	{
	background-color: #F90;
}

.leftbuttons a		{ margin-right: 10px !important; }


hr { border-style: solid; border-width: 1px 0 0 0; border-color: #CCC; }


a img{border:none;outline:none;}
label{display:inline-block;text-indent:3px;cursor:pointer;}
div.error,div.info,div.help,div.warning{margin:10px 0 20px 0;padding:10px;}
div.error{background-color:#F99;border:1px solid red;color:#C00;font-weight: bold;}
div.info{background-color:#9F9;color:#000;}
div.help{background-color:#EEF;color:#000;margin-bottom:30px;border: 1px solid #CCC;}
div.warning{background-color:#FC3;color:#000;}
div#box_err{font-weight:700;position:absolute;display:none;padding:10px;background:#F99;border:1px solid red;color:#C00;}
.searchdiv .searchfields{background-image:url(/img/layout/searchbg300.png);height:23px;border:0;width:265px;margin:0;padding:0;}
.searchdiv input,.searchdiv input:hover{border:0;background:none;height:26px;line-height:19px;width:265px;margin:0;padding:0;}
.searchdiv input.searchtext{float:left;width:215px;padding:0 8px 0 10px;}
.searchdiv input.searchsubmit{float:left;width:31px;cursor:pointer;}
.searchdiv .suggestbox{position:absolute;width:263px;display:none;background-color:#FFF;z-index:10;border-color:#CCC;border-style:solid;border-width:0 1px 1px;margin:23px 0 0;padding:0;}.searchdiv a.liveresult{display:block;color:#333;line-height:16px;text-decoration:none;white-space:nowrap;width:253px;font-weight:400;font-size:8pt;text-align:left;border-color:#CCC;border-style:solid;border-width:0 0 1px;margin:0;padding:5px;}
.searchdiv a.liveresult:hover{background-color:#CCC;}
#searchdiv img{float:left;border:none;width:16px;height:16px;margin:0;padding:0;}
/*--------------------------------
 	Tables
-------------------------------*/

table	{
	border: 0; margin: 0 auto; width: 100%;
        
}

th,td	{
	padding: 5px;
}

th	{
	background-color: #DDF; text-align: left;
}

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;
}

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

input, select, textarea				{ border: 1px solid #999; border-radius: 3px; padding: 3px; }
input:focus, textarea:focus			{ background-color: #EEE; }
input[type="checkbox"], input[type="radio"]	{ border: 0;}
input[type="submit"], input[type="button"]	{ cursor: pointer; float: right; margin: 10px 0 0 0; }
.tr_submit td					{ padding: 10px 0 10px 0; }
/*--------------------------------
 	Footer
-------------------------------*/

#footer 	{
	clear: both; height: 100px; padding-top: 10px; text-align: center;
	border-style: solid; border-width: 1px 0 0 0; border-color: #CCC;
}


#bottomnav a	{ padding: 0 15px 0 15px; line-height: 25px; }

#footertext, #footertext a	{
	margin: 0; padding: 0;
	text-align: right; color: #999;
}