@charset "utf-8";
/* CSS Document */
body {background:url(../images/template/bg_page.jpg) #bb9 repeat-x;font-size:12px;margin:20px;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;}

#PageContainer {width:900px;border:1px solid #ccc;background-color:#fff;min-height:700px;}

#HeaderBar {width:900px;height:120px;background-color:#fff;background:url(../images/template/bg_headerbar.gif) no-repeat;}
#HeaderBar #Logo {width:200px;height:110px;float:left;}
#HeaderBar #Logo img {margin:17px 0 0 14px;}
#HeaderBar #HeaderContent {width:690px;height:110px;float:right;}
#HeaderBar #HeaderContent #HeaderDisplay {height:60px;margin-top:20px;margin-left:350px;width:300px;font-size:10px;color:#555;}
#HeaderBar #HeaderContent #HeaderDisplay a {text-decoration:none;color:#555;}
#HeaderBar #HeaderContent #HeaderDisplay form {margin-top:10px;}
#HeaderBar #HeaderContent #HeaderDisplay form .SearchBox {height:12px;width:120px;font-size:10px;letter-spacing:1px;border:1px solid #aaa;background-color:#eee;}
#HeaderBar #HeaderContent #MainNav {height:30px;text-align:right;margin-right:40px;}
#HeaderBar #HeaderContent #MainNav a img {border:none;margin-left:1px;}

/*#MainNav {}
#MainNav a {display:block;height:30px;font-size:10px;width:160px;margin:0 10px;float:left;text-decoration:none;color:#555;letter-spacing:1px;text-align:center;}
#MainNav a:hover, #MainNav a.Current {color:#cc9;}
#MainNav a div {margin-top:10px;}*/


#PageDisplay {height:100%;}
#PageDisplay #SubNav {float:left;width:200px;line-height:1.75;margin-left:16px;min-height:500px;} /*min-height:400px;display:table-cell;height:400px;*/
#PageDisplay #SubNav .Header {font-family:"Times New Roman", Times, serif;font-size:14px;color:#666;}
#PageDisplay #SubNav .Table {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#333;width:170px;border-top:1px dotted #666;background:url(../images/template/bg_subnav.jpg) #fff no-repeat;min-height:220px;display:table-cell;}
#PageDisplay #SubNav .Table a {padding-left:12px;text-decoration:none;display:block;color:#333;background:url(../images/Template/bul_nav-off.gif) left center no-repeat;}
#PageDisplay #SubNav .Table a:hover, #PageDisplay #SubNav .Table a.Current  {color:#333;font-weight:bold;background:url(../images/Template/bul_nav-on.gif) left center no-repeat;}

#PageDisplay #ContentContainer {float:right;width:610px;margin:0 40px 0 10px;}
#PageDisplay #ContentContainer #ContentHeader {color:#963;text-transform:uppercase;font-size:16px;font-family:"Times New Roman", Times, serif;border-bottom:1px dotted #666;letter-spacing:1px;}
#PageDisplay #ContentContainer #ContentHeader .ByLine {text-transform:none;}
#PageDisplay #ContentContainer #ContentText {margin:12px;line-height:16px;color:#444;}
#PageDisplay #ContentContainer #ContentText ul {margin-left:0;padding-left:1.5em;}
#PageDisplay #ContentContainer #ContentText ul li {margin-top:6px;}
#PageDisplay #ContentContainer #CookieCrumbs {height:20px;text-align:right;font-size:10px;margin-right:20px;}

#PageDisplay #ContentContainer #ContentText .ProductDisplayContainer {width:180px;height:200px;font-size:11px;margin:4px;}
#PageDisplay #ContentContainer #ContentText .ProductDisplayContainer .ProductDisplayImageContainer {font-size:10px;text-align:center;}
#PageDisplay #ContentContainer #ContentText .ProductDisplayContainer .ProductDisplayImageContainer img {border:1px solid #666;margin:4px 40px;}
#PageDisplay #ContentContainer #ContentText .ProductDisplayContainer .ProductDisplayImageContainer a.thickbox {text-decoration:none;}
#PageDisplay #ContentContainer #ContentText .ProductDisplayContainer .ProductDisplayImageContainer a.thickbox img {border:none;width:auto;height:auto;margin:4px;}
#PageDisplay #ContentContainer #ContentText .ProductDisplayContainer .ProductDisplayTextContainer {width:150px;height:65px;color:#663;margin:4px 15px;text-align:center;}

#PageDisplay #ContentContainer #ContentText table.AccountTable {width:550px;border:1px solid #555;margin-top:20px;}
#PageDisplay #ContentContainer #ContentText table.AccountTable th {font-size:10px;text-align:right;background-color:#ddc;}
#PageDisplay #ContentContainer #ContentText table.AccountTable tr.TableHeader th {font-size:11px;text-align:center;background-color:#ddc;}
#PageDisplay #ContentContainer #ContentText table.AccountTable td {font-size:10px;background-color:#eed;}

#PageDisplay #ContentContainer #CartDisplay table.CartTable {width:600px;border:1px solid #555;border-color:margin-top:20px;}
#PageDisplay #ContentContainer #CartDisplay table.CartTable th {font-size:10px;text-align:center;background-color:#ddc;}
#PageDisplay #ContentContainer #CartDisplay table.CartTable td {font-size:10px;background-color:#eed;}

#PageDisplay #ContentContainer #CartDisplay table.QOFTable {width:600px;border:1px solid #555;border-color:margin-top:20px;}
#PageDisplay #ContentContainer #CartDisplay table.QOFTable th {font-size:10px;text-align:center;background-color:#ddc;border-top:1px solid #555;}
#PageDisplay #ContentContainer #CartDisplay table.QOFTable td {font-size:10px;border-top:1px dotted #555;border-right:1px dotted #555;}
#PageDisplay #ContentContainer #CartDisplay table.QOFTable td.QTYFieldCell {border-right:none;}

#PageDisplay #ContentContainer #ContentText table.MSDSTable {width:600px;border:1px solid #555;margin-top:20px;}
#PageDisplay #ContentContainer #ContentText table.MSDSTable th {font-size:10px;text-align:left;background-color:#ddc;}
#PageDisplay #ContentContainer #ContentText table.MSDSTable td {font-size:10px;background-color:#eed;vertical-align:top;}



/*--------------------------------06 - MAIN NAVIGATION---------------------------------------------*/
#HeaderBar #HeaderContent #mainNav {height:18px;text-align:right;margin-right:40px;}
#HeaderBar #HeaderContent .mainMenu {position:relative;z-index:22;text-align:right;font-family:Verdana, Helvetica, sans-serif;}
#HeaderBar #HeaderContent .mainMenu div {font-size:11px;color:#333;margin:4px 18px 6px 0;float:right;height:20px;width:550px;}/*border-bottom:1px dotted #cdc;*/
#HeaderBar #HeaderContent .mainMenu div a {color:#fff;margin:0 6px;}
#HeaderBar #HeaderContent .mainMenu div a:hover {color:#fdb;}
#HeaderBar #HeaderContent .mainMenu div input[type="button"] {margin-top:0;}

#HeaderBar #HeaderContent .mainMenu ul {margin:0;padding:0;list-style-type:none;display:block;float:right;border-top:1px dotted #999;border-left:1px dotted #999;
	background-color:#c3c4a7;
	background: -moz-linear-gradient(top,#edf5ec 0%,#c3c4a7);
	background: -webkit-gradient(linear, left top, left bottom, from(#edf5ec),to(#c3c4a7));
	background: linear-gradient(#edf5ec, #c3c4a7);
	background: -ms-linear-gradient(#edf5ec, #c3c4a7);
	border: 1px solid #275682;
	color:#444;
	-pie-background: linear-gradient(#edf5ec, #c3c4a7);
	behavior: url(media/css/PIE.htc);
}

/* edf5ec / c3c4a7 */
#HeaderBar #HeaderContent .mainMenu ul li {position:relative;display:inline;float:left;font-size:12px;height:18px;}
#HeaderBar #HeaderContent .mainMenu ul li:hover , #HeaderBar #HeaderContent .mainMenu ul li.Current {
	background-color:#edf5ec;
	background: -moz-linear-gradient(top,#c3c4a7 0%,#edf5ec);
	background: -webkit-gradient(linear, left top, left bottom, from(#c3c4a7),to(#edf5ec));
	background: linear-gradient(#c3c4a7, #edf5ec);
	background: -ms-linear-gradient(#c3c4a7, #edf5ec);
	color:#444;
	-pie-background: linear-gradient(#c3c4a7, #edf5ec);
	behavior: url(media/css/PIE.htc);
}

#HeaderBar #HeaderContent .mainMenu ul li a, .mainMenu ul li a:link, .mainMenu ul li a:visited {color:#333;text-align:right;font:bold 11px Verdana, Geneva, sans-serif;margin-top:3px;}
#HeaderBar #HeaderContent .mainMenu ul li a:hover, .mainMenu ul li a.Current {color:#466;}

#HeaderBar #HeaderContent .mainMenu ul li a {display:block;text-decoration:none;color:#333;overflow:hidden;padding:0px 12px;border-right:1px dotted #999;}

* html #HeaderBar #HeaderContent .mainMenu ul li a {display:inline-block;}
#HeaderBar #HeaderContent .mainMenu ul li ul {width:160px;position:absolute;left:0px;display:block;visibility:hidden;}
#HeaderBar #HeaderContent .mainMenu ul li ul li {display:list-item;float:none;height:auto;background:#fff;}
#HeaderBar #HeaderContent .mainMenu ul li ul li a {color:#333;padding:5px 10px;font-size:11px;margin-top:0px;font-weight:normal;}
#HeaderBar #HeaderContent .mainMenu ul li ul li a:hover, #HeaderBar #HeaderContent .mainMenu ul li ul li ul li a:hover {background-color:#d6ddd6;color:#333;}
#HeaderBar #HeaderContent .mainMenu ul ul ul {width:200px;}
#HeaderBar #HeaderContent .mainMenu ul ul {
	background:#fff;
	border:1px solid #e0e0e0;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
}
#HeaderBar #HeaderContent .mainMenu ul ul li a,.mainMenu ul ul li a:link,.mainMenu ul ul li a:visited {
	height:100%;
	line-height:1;
	color:#333;
	text-align:left;
	font-size:10px;margin-top:0px;
	margin-right:-2px!important;
	border-bottom:dotted 1px #e1e1e1;
	padding:5px 10px!important;font-weight:normal;
}


  #LoginTableHeader {margin-top:20px;width:165px;height:30px;background-color:#466;font-family:'Times New Roman', Times, serif;font-size:18px;color:#fff;padding:0px;text-align:center;}
  #LoginTableContent {width:165px;height:125px;font-size:10px;padding:4px;background:url(../images/template/bg_subnav-infobox.jpg) no-repeat;}

#OrderReceipt table {width:600px;border:1px solid #555;margin-top:20px;}
#OrderReceipt table th {font-size:10px;text-align:center;}
#OrderReceipt table td {font-size:10px;}

.SuccessBox {width:500px;border:2px dashed green;padding:10px;color:green;}
.ErrorBox {width:500px;border:2px dashed maroon;padding:10px;color:maroon;}

#PageDisplay #ContentContainer #CartDisplay table.CartTable input.CartButton {font-size:10px;width:60px;height:18px;}

#Footer {margin-top:20px;font-size:11px;color:#777;}