/* Main Stylesheet Containers And Essentials */
/* Main Containers */
html, body{
 margin:0;
 padding:0 0 20px 0;
 text-align:center;
 font-size:82%;
 font-family:Verdana, sans-serif;
 background-color:#FFFFFF;
 color:#5A6571;
}

a:link, a:visited, a:hover, a:active { color:#CC0000; }

#pagewidth{
 width:738px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 padding:0 11px 0 11px;
 background-color:#FFFFFF;
 background: url("../images/main_back_shader.gif");
 background-repeat:repeat-y;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 background-color:#FFFFFF;
 }

.clearfix{display: inline-table;  background-color:#FFFFFF;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


#header{
 width:718px;
 height:40px;
 background: url(../images/header_back.gif);
 padding:10px 10px 0 10px;
}

#slogan{
 width:718px;
 height:25px;
 padding:0 10px 0 10px;
 font-size:0.85em;
 background: url(../images/slogan_back.gif);
 color:#03387B;
}

#login {
 width:722px;
 margin:0;
 /*height:40px;*/
 padding:0 6px 5px 10px;
 text-align:right;
 background:url(../images/login_back.gif) top left repeat-x #EFEFF1;
}

#mainnav{
 clear:both;
 width:738px;
 background: url("../images/tabs_back.gif");
 background-repeat:no-repeat;
}

div.content{
 clear:both;
 width:698px;
 padding:15px 20px 30px 20px;
}

#footer{
 clear:both;
 width:736px;
 background-color:#FFFFFF;
 background: url("../images/footer_back.gif");
 background-repeat:no-repeat;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 padding:20px 12px 20px 12px;
 text-align:center;
 font-size:0.85em;
 color:#a1a6ad;
}


/* Essentials */
img {border:0;}
form{ padding:0; margin:0; border:0; }

h1{
 font-size:1.1em;
 padding-top:0;
 margin-top:0;
 margin-bottom:5px;
 color:#A4A9AF;
}

div.content h1{
 font-size:1.1em;
 padding-top:0;
 margin-top:0;
 margin-bottom:10px;
 color:#ACB2B8;
}

div.content h2{
 font-size:1.1em;
 padding-top:0;
 margin-top:0;
 margin-bottom:10px;
 color:#DA4444;
}

/* Additional CoreStyles */

span.italic{font-style:italic;}
span.bold{font-weight:bold;}
span.footer{ font-weight:bold; color:#78818A; }
span.right{float:right;}

p.header_right{
 text-align:right;
 width:398px;
 float:right;
 margin:0;
}

p.header_left{
 width:320px;
 float:left;
 margin:0;
}

img.header{float:left;}

table.login {padding:0; margin:0; float:right; text-align:left; }
th.login { vertical-align:top; font-size:0.9em; font-weight:normal; padding:0; width:100px;}
th.loginError, td.loginError { vertical-align:top; font-size:0.9em; font-weight:normal; padding:0; color:#C62626;}
div#login div p { margin:6px 0 0 0; }
div#login div.loggedIn { margin-bottom:4px;float:right;width:300px;text-align:left; }
div#login div.loggedIn table.login { font-size:0.9em; margin-bottom:4px; }
div#login div.loggedIn table.login td { vertical-align:top; }

input.login{
 border:1px solid #666;
 height:14px;
 width:100px;
 font-size:11px;
}

.loginbutton{
 border:0;
 height:19px;
 width:80px;
 background:url("../images/button_back.gif");
 background-repeat:no-repeat;
 font-weight:bold;
 font-size:0.9em;
}

.orderbutton{
 border:0;
 height:19px;
 width:190px;
 background:url("../images/button_order.gif");
 background-repeat:no-repeat;
 font-weight:bold;
 font-size:0.9em;
}

input.long{
 border:1px solid #000000;
 height:14px;
 width:150px;
}

select {height:18px; width:80px; border:0; margin:0; padding:0;}

/* Link Elements */

#header a:link , #header a:visited{
 font-size:1em;
 color:#a1a6ad;
 text-decoration:none;
 font-weight:bold;
 padding:0px;
 margin:0px;
}

#header a:hover , #header a:active{
 font-size:1em;
 color:#000000;
 text-decoration:none;
 font-weight:bold;
 padding:0px;
 margin:0px;
}

a.footer:link , a.footer:visited , a.footer:active , a.footer:hover{
 font-weight:normal;
 text-decoration:none;
 color:#a1a6ad;
}

#retailermain{
 clear:both;
 width:738px;
 background: url("../images/tabs_back.gif");
 background-repeat:no-repeat;
 background-color:#FFFFFF;
 color:#5A6571;
}

#retailer{
 background-color:#FFFFFF;
 padding:0 20px 0 20px;
 margin-top:20px;
 margin-bottom:20px;
}

table.retailer_shops{
 table-layout:fixed;
 border:0;
 padding:0;
 border-collapse:collapse;
 border:1px solid #bababa;
}

td.retailer_shops{
 padding:2px 0 2px 5px;
 font-size:0.85em;
}

#shops{ float:right; }

table.retailer_status{
 border:0;
 padding:0;
 border-collapse:collapse;
 border:1px solid #bababa;
}

th.retailer_status{
 border:1px solid #bababa;
 font-size:0.8em;
 padding:2px 2px 2px 5px;
 background: url("../images/table_back.gif");
 color:#FFFFFF;
}

td.retailer_productscontent{
 font-size:0.8em;
 empty-cells:show;
 padding:0 0 2px 5px;
}

tr.retailer_table1{ background-color:#e6e8ea; }
tr.retailer_table2{ background-color:#f2f3f4; }

input.disabled { border: 0px; background-color:#FFFFFF; color: black; width:100px;}

#content_left, #content_mid, #content_right{
 width:143px;
 float:left;
 padding: 25px 20px 25px 20px;
}


/* Float clearing workaround also working on Mozilla */
.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px; 
}


/* ------------------------------ */
/* printer styles                 */
/* ------------------------------ */


@media print{
#pagewidth{float:none; border:none; width: 100% !important;}
#content {
 border: 0;
 width: 100% !important;
 float: none !important;
}
 #header{display:none; border:none;}
 #slogan{display:none; border:none;}
 #login{display:none; border:none;}
 #mainnav{display:none; border:none;}
 #retailernav{display:none; border:none;}
 #product_navbottom{display:none; border:none;}
 table.products_overviewbody{display:none; border:none;}
 #footer{display:none; border:none;}
 table.path{display:none; border:none;}
 
html {
 margin: 0;
 padding:0;
 width: 100% !important;
}

body {
 margin: 0;
 padding:0;
 width: 100% !important;
}
}