/* CSS Stylesheet for a new CS2.0 Ecommerce Project */

/* ------------------------------------------------------------------------------ */
/* Global Layout */

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	background-color:#002160;
	background-image:url(/layout/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

div#wrapper {
	width: 945px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

table#store-grid {
	background: #fff;
	width: 945px;
	margin: 0 auto;
}

td#masthead {
	width: 945px;
	margin: 0 auto;
	height:210px;
}

td#sub-header {
	width: 945px;
}

td#column-a {
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#efefef;
	width: 225px;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
	padding-right:0px;
}

td#column-b {
	border-top:1px #efefef solid;
	background-position:top;
	background-repeat:repeat-x;
	height: 250px;
	width: 680px;
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}

div#pageName{
	padding:0px;
	display:block;
	
}

td#footer {
	height: 250px;
	width: 945px;
	text-align: center;
	vertical-align: top;
	margin-top:10px;
	line-height:150%;
	
}

td#footer h2 {
	font-family: Georgia;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #005984;
	line-height:150%;
}

td#footer a {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	line-height:200%;
}

div#footerblue p {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	line-height:200%;
	color:#FFFFFF;
}

div#footerblue a {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	line-height:200%;
	color:#c7deff;
}

div#shoppingcart {
	text-align:right;
	position:relative;
	width:245px;
	height:50px;
	background-color:#42639b;
	float:right;
	margin:1px;
}

div#icon {
	position:absolute;
	top:-7px;
	right:185px;
	width:50px;
}

div#shoppingcart p {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height:normal;
	padding:10px;
}

div#shoppingcart a {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color:#c7ddff;
	margin: 0px;
	padding: 0px;
	line-height:normal;
}



img.floatLeft { 
    float: left;
    margin-right:15px;
    margin-bottom:10px;
    margin-top:10px;
}
div#padding {
	margin-bottom:10px;
	display:block;
}

/* ------------------------------------------------------------------------------ */
/* Common Controls */

.Instructions {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	font-weight: normal;
	font-style: normal;
	margin-bottom:10px;
}

/* ------------------------------------------------------------------------------ */
/* General Font Styles */

h1 {font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold; font-size:20px; color: #005984; line-height:250%}

h2 {
	font-family: Georgia;
	font-size: 14pt;
	font-weight: normal;
	font-style: italic;
	color: #005984;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	display:inline;
}

h3 {
	font-family: Georgia;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #005984;
	display:inline;
}

h4 {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

p, ul, li {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 8.5pt;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
}

a {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #005984;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

a:hover {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #005984;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

a.a-button {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 106px;
	height: 22px;
	margin-right: 10px;
	background: #FF9900;
	float: left;
}

a.a-button:hover {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF9900;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 106px;
	height: 22px;
	margin-right: 10px;
	background: #FFCC00;
	float: left;
}

a.forgot-button {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 200px;
	height: 22px;
	margin-right: 10px;
	background: #FF9900;
	float: left;
}

a.forgot-button:hover {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF9900;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 200px;
	height: 22px;
	margin-right: 10px;
	background: #FFCC00;
	float: left;
}

.ContentTableHeader {
	font-family: Georgia;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #005984;
	text-decoration: none;
	background: #f5f4f1;
	text-align: left;
	height: 30px;
	text-indent: 2px;
}

tr.alt-row {
	background: #ECE9E6;
}

.Content  {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}

.required {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FF9900;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}

a.who { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-who.jpg) 0 0 no-repeat } 
a.who:hover { background-position: -76px }

a.news { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-news.jpg) 0 0 no-repeat }
a.news:hover { background-position: -76px } 

a.contact { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-contact.jpg) 0 0 no-repeat } 
a.contact:hover { background-position: -76px }

a.demo { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-demo.jpg) 0 0 no-repeat }
a.demo:hover { background-position: -76px }

a.tips { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-tips.jpg) 0 0 no-repeat }
a.tips:hover { background-position: -76px }

a.blog { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-blog.jpg) 0 0 no-repeat }
a.blog:hover { background-position: -76px }

/* a.reviews { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-reviews.jpg) 0 0 no-repeat }
a.reviews:hover { background-position: -76px } */

a.links { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-links.jpg) 0 0 no-repeat }
a.links:hover { background-position: -76px }

a.shipping { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-shipping.jpg) 0 0 no-repeat }
a.shipping:hover { background-position: -76px } 

a.terms { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-terms.jpg) 0 0 no-repeat }
a.terms:hover { background-position: -76px } 

a.account { float: left; display: block; width: 76px; height: 50px; background: url(/layout/but-account.jpg) 0 0 no-repeat }
a.account:hover { background-position: -76px }

a.hotproducts { float: right; display: block; width: 176px; height: 40px; background: url(/layout/hot.jpg) 0 0 no-repeat; top:-3px; margin-right: 1px }
a.hotproducts:hover { background-position: -176px 0px } 

a.prod-info span { display: none }
a.prod-info:hover { position: relative }
a.prod-info:hover span { display: block; position: absolute; top:0; left:20px; list-style: none; width: 200px; padding: 10px; margin: 0px; text-align: left; overflow: visible; background: #fff; border: 1px solid #0072bc }

/* ------------------------------------------------------------------------------ */
/* Home Specific */

div#hm-content-container {
	width: 690px;
}

div#content-a {
	width: 300px;
	float: left;
}

div#content-b {
	width: 300px;
	float: left;
}

/* ------------------------------------------------------------------------------ */
/* New Search Results Layout and Styles */

/* 1. Re-order Buttons */

.reorder {
	margin-right:15px;
}

#reorder-container {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	float: left;
	clear: both;
	margin-bottom:10px;
}
#reorder-container img { float:left}

/* 2. Search Results */

#search-container {
	width: 690px;
	float: left;
	clear:both
}

#search-title {
	width: 690px;
}

#category-description {
	width: 700px;
}

div.product {
	width: 690px;
	height:180px;
	float: left;
}

div.productimage {
	width: 167px;
	float: left;
	border: 1px solid #ECE9E6;
}
div.productdetails {
	float: left;
	height: 169px;
	width: 520px;
	background-color:#f5f4f1;
}

span.ProductListHead {
	width: 500px;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	text-align: left;
	vertical-align: text-top
}

/* 3. Pagination */

span.search-now {
	width: 230px;
	height: 30px;
	padding-top: 5px;
	color: #FF6600;
	font-size: 8.5pt;
	display: block;
	clear: right;
}

span.search-was {
	display: block;
	clear: right;
}

div.navigation {
	clear: both;
}

div.numnav {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 8.5pt;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------ */
/* Basket Specific */

table#shopping-basket {
	width: 680px;
}



/* ------------------------------------------------------------------------------ */
/* Was, Now Pricing Style */

.now {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #777777;
	font-weight:bold;
	font-style: normal;
	text-decoration:none;
}

.was {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #8698b7;
	font-weight: normal;
	font-style: normal;
	text-decoration:line-through;
}

div#divCurrency {
	background-color: #ECF9FF;
	padding: 5px;
	height: 20px;
	width: 680;
	border: 1px dashed #006699;
}

span.euronow, span.eurowas, span.usdnow, span.usdwas, span.Swednow, span.Swedwas, span.Nornow, span.Norwas, span.Dannow, span.Danwas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #362f2d;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------ */
/* Recommended Items ... IN A GRID!!!! */

div#recommended {
	width: 220px;
	height: 70px;
	float: left;
	margin-right: 8px;
	margin-bottom:10px;
	padding-right: 5px;
}

.recommended {
	border: 1px solid #ECE9E6;
}



/* ------------------------------------------------------------------------------ */
/* Save As... Guide */

#nick-name {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display: none;
	position: absolute;
	background: #FFFFFF;
}

/* ------------------------------------------------------------------------------ */
/* For top products DIV's which hide small images */

#TopProd1, #TopProd2, #TopProd3, #TopProd4, #TopProd5, #TopProd6, #TopProd7, #TopProd8, #TopProd9, #TopProd10 {
	margin: 0px;
	padding: 10px;
	border: 1px solid #003366;
	display: none;
	position: absolute;
	background: #FFFFFF;
}

#alt-billing {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display:none;
	position:absolute;
	background: #FFFFFF;
}

/* ------------------------------------------------------------------------------ */
/* Customer Reviews */

div#review-header {
	width: 305px;
	height: 95px;
	background: url(/Images/review-bg.jpg);
}

div#review-title {
	position: relative;
	top: 28px;
	left: 10px;
}

div#review-average {
	width: 305px;
	height: 40px;
	border-bottom: 1px solid #c5d8cd;
	margin-bottom: 10px;
}

div#average-text {
	width: 155px;
	height: 25px;
	line-height: 25px;
	float: left;
}

div#average-stars {
	width: 150px;
	height: 25px;
	float: left;
}

div.review {
	width: 305px;
	border-bottom: 1px solid #c5d8cd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.review-details {
	width: 295px;
	position: relative;
	left: 5px;
}

span.review-date {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
}

div#feedback-header {
	width: 305px;
	height: 95px;
	background: url(/Images/review-bg.jpg);
	margin-bottom: 10px;
}

div#feedback-title {
	position: relative;
	top: 28px;
	left: 10px;
}

div.feedback-name {
	width: 305px;
	height: 40px;
}

div.feedback-comments {
	width: 305px;
	height: 100px;
}

div.feedback-score {
	width: 305px;
	height: 40px;
	margin-bottom: 10px;
	border-bottom: 1px solid #c5d8cd;
}

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

div#header{
	background-image:url(/layout/header-bg.jpg);
	width:215px;
	height:30px;;
	text-align:center;
	font-family: Georgia;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #005984;
	margin: 0px 0px 0px 0px;
	padding-top:5px;
}

.TopGroup {
	background: #ffffff;
}

.Group {
	background: #ffffff;
}

.Item {
  	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	cursor: pointer;
	color: #335d65;
	font-weight: normal;
}


.ItemH {
	background: #42639b; 
	color: #FFF; 
	font-weight: normal;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8.5pt;  
  	cursor: pointer;
}


.ItemExp {
	background: #FFFFFF; 
  	color: #FFFFFF; 
  	font-weight: normal;
  	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8.5pt;  
  	cursor: pointer;
}

/* Site Map Styles */
/* ------------------------------------------ */

#map {
	display:block;
	width:690px;
	height:500px;
}

.map0  {

	font-family: Georgia;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #005984;
	line-height:150%;
	height: 30px;
	width: 690px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	
}

.map1  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 20px;
	background-image:url(layout/sitemap.jpg);
	background-repeat:no-repeat;
	background-position:left
}

.map2  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 40px;
	background-image:url(layout/sitemap.jpg);
	background-repeat:no-repeat;
	background-position:left
}

.map3  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 60px;
	background-image:url(layout/sitemap.jpg);
	background-repeat:no-repeat;
	background-position:left
}




.ErrorMessages {
	font-family: Georgia;
	font-size: 13pt;
	font-weight: normal;
	font-style: italic;
	color: #C90D4F;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	display:inline;
}

.Messages {
	font-family: Georgia;
	font-size: 13pt;
	font-weight: normal;
	font-style: italic;
	color: #C90D4F;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	display:inline;
}

div#long-description table, div#long-description td, div#long-description tr { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; color: #666; font-size: 8.5pt; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none; padding-top:10px; }

table#shipping{font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;text-align:left; margin-bottom:20px; width:100%;}
table#shipping th{background:#f8f8f8;font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;color:#666;border:1px solid #d6d6d6; text-align:center}
table#shipping tr{font-weight:normal;color:#544741;}
table#shipping td{font-weight:normal;background:#fff;border:1px solid #d6d6d6;text-align:center;}
table#shipping td b{font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;color:#666;}


/* ------------------------------------------------------------------------------ */
/* CS Legacy Styles
.Headings {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: Black;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: #FFFFFF;
}

.Inputs {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: #FFFFFF;
}

.ContentTable {
	background: #E7E3D7;
}

.ContentTableHorizontal {
	background: #E7E3D7;
}

.productlist li{} */


#navTop { margin-left:10px;}
#navTop li { float:left; list-style:none; border-right:1px dotted #CCC; height:30px; margin-top:10px;}
#navTop li a { line-height:225%; padding:10px 15px;  font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold; font-size:14px; text-decoration:none}
#navTop li a:hover { background:#F4F4F4; color:#137ccb}


/* ----- Detail Page ------------------------------------------------------------------------------------------------------------------------ */
/* ----- Detail Page --- Image ----- */
#detail-image { width:650px;}
#detail-image img { border: 1px solid #e5e5e5; margin:0px 10px 5px 0;}
/* ----- Detail Page --- Price ----- */
#detail-description {}
.price { margin:20px 0}
/* ----- Detail Page --- social ----- */
.social { float:left; width:350px;}
.social li { list-style:none}
/* ----- Detail Page --- add to basket ----- */
#detail-buying { clear:both}
table.ContentTableHeader tr { height: 30px; padding: 0px; margin: 0px }
table.ContentTableHeader td.name { width: 350px; padding: 0px; margin: 0px; text-indent: 10px }
table.ContentTableHeader td.price { width:90px; padding: 0px; margin: 0px }
table.ContentTableHeader td.stock { width:175px; padding: 0px; margin: 0px }
table.ContentTableHeader td.add { width:130px; padding: 0px; margin: 0px }
table.clAttributeGrid { font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#666; height:40px; width: 100%; background: #FFFFFF; border-bottom:1px dashed #CCCCCC }
table.clAttributeGrid tr { height: 40px; padding: 0px; margin: 0px }
table.clAttributeGrid td.name { width: 350px; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGrid td.price { width:90px; padding: 0px; margin: 0px }
table.clAttributeGrid td.stock { width:175px; padding: 0px; margin: 0px }
table.clAttributeGrid td.add { width:130px; padding: 0px; margin: 0px; background: url(/layout/Unavailable.png) top left no-repeat;}
table.clAttributeGrid-alt { font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#666; height:40px; width: 100%; background: #fafafa; border-bottom:1px dashed #CCCCCC }
table.clAttributeGrid-alt tr { height: 40px }
table.clAttributeGrid-alt td.name { width:350px; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGrid-alt td.price { width:90px; padding: 0px; margin: 0px }
table.clAttributeGrid-alt td.stock { width:175px; padding: 0px; margin: 0px }
table.clAttributeGrid-alt td.add { width:130px; padding: 0px; margin: 0px; background: url(/layout/Unavailable.png) top left no-repeat; }
table.clAttributeGrid-nomatrix { font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#666; width: 100%; background: #FFFFFF; border-bottom:1px dashed #CCCCCC; clear:both}
table.clAttributeGrid-nomatrix tr { height: 5px; padding: 0px; margin: 0px }
table.clAttributeGrid-nomatrix td.name { width: 350px; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGrid-nomatrix td.price { width:90px; padding: 0px; margin: 0px }
table.clAttributeGrid-nomatrix td.stock { width:175px; padding: 0px; margin: 0px }
table.clAttributeGrid-nomatrix td.add { width:130px;}


.OutofStockCSS { color:#990000}
.InStockCSS { color:#060}
.NotifyWarning { font-family: Arial,Helvetica,sans-serif; color: #ed1c24; font-weight: normal; font-size: 8.5pt; line-height:250%; display:block }
.outStock { font-family: Arial,Helvetica,sans-serif; color: #666; font-weight: normal; font-size: 8.5pt; line-height:250%; padding-left:10px;}
/* ----- Detail --- addtobasket-None Matrix --- */
.StockCount {font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#666; width:550px; display:block; height:32px; background:#f2f2f2; text-indent:10px; line-height:250%; font-weight:normal; padding-top:5px; float:left }
.lblLeadTime {font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#990000; width:550px; display:block; height:28px; background:#f2f2f2; text-indent:10px; line-height:200%; font-weight:normal; padding-top:5px; float:left }
.AddButton-container { height:40px; background:#f2f2f2; padding:4px 3px 3px 3px }
/* ----- Detail Page --- detailed description ----- */
#Description { padding:40px 0}
#Description, #Description p, ul,li { font-family:Arial,Helvetica,sans-serif;color:#666;font-size:9.5pt;font-weight:normal;font-style:normal;line-height:150%;text-decoration:none}
#Description b, #Description strong, #Description p b, #Description p strong  { font-family:Arial,Helvetica,sans-serif;color:#333;font-size:10.5pt;font-weight:bold;font-style:normal;line-height:150%;text-decoration:none}
/* ----- Main Content --- recommended Items --- */
ul.recommended-item { display:inline; margin: 0px; padding: 0px}
.recommended-item  li {float:left; list-style:none;}
.recommended-item  li a { text-decoration:none; float:left; width:195px; height:400px; outline:none; background:#FFFFFF; border-right:1px dashed #ccc; border-bottom:1px dashed #ccc; }
.recommended-item  li img { border:none; padding:10px}
.recommended-item  li h3 { padding:5px 10px; font-size:11px; color:#212121; display:block; height:20px;}
.recommended-item  li p{ padding:5px 10px; font-size:11px; color:#888}
.recommended-item  li a span.more {padding:5px 10px; font-size:11px; display:block; height:5px; color:#666666; }
.recommended-item  li a:hover span.more{ text-decoration:underline; display:block; color:#333333}

/* ----- Detail Page --- Tabs 
ul.tabs{float:left;list-style:none;height:36px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;width:100%;margin:0;padding:0; clear:both}
ul.tabs li{float:left;}
ul.tabs li a{text-decoration:none;display:block;outline:none; font-size:10.5pt;font-weight:bold;font-style:normal;line-height:250%;text-decoration:none;  border:1px solid #fff; height:35px;border:1px solid #dadada;border-left:none;overflow:hidden;position:relative;margin:0 0 -1px; padding:0px 15px; color:#aaaaaa }
ul.tabs li a:hover {color:#666; }
html ul.tabs li.active{background:#fff;border-bottom:1px solid #fff;}
html ul.tabs li.active a, html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff; color:#333;}*/

.tab_container{border-top:none;overflow:hidden;clear:both;float:left;width:100%;background:#fff; text-align:left; margin-bottom:10px;}
.tab_content{font-family:Arial,Helvetica,sans-serif;color:#666;font-size:9.5pt;font-weight:normal;font-style:normal;line-height:150%; padding:15px;}
.tab_content p, .tab_contentul, .tab_contentli {font-family:Arial,Helvetica,sans-serif;color:#666;font-size:9.5pt;font-weight:normal;font-style:normal;line-height:150%;}
.tab_content p b, .tab_content p strong, .tab_content p b, .tab_content p p strong  { font-family:Arial,Helvetica,sans-serif;color:#333;font-size:9.5pt;font-weight:bold;font-style:normal;line-height:150%;text-decoration:none}


/* ----- Generic Forms & Buttons --------------------------------------------------------------------------------------------------------------------- */
/* ----- Generic Forms & Buttons --- Text fields ----- */
.formSingle {font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999999;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width:200px; padding:5px; border:1px solid #CCC; background:#F8F8F8;}
.formSingle:focus {color:#333; background:#FFF; border:1px solid #b5b5b5;  outline:none}
.formMulti{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999999;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width:400px; padding:5px; border:1px solid #CCC; height:100px; background:#F8F8F8;display:block}
.formMulti:focus {color:#333; background:#FFF; border:1px solid #b5b5b5; outline:none}
.formSmall {font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999999;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width:50px; padding:5px; border:1px solid #CCC; background:#F8F8F8;}
.formSmall:focus {color:#333; background:#FFF; border:1px solid #b5b5b5;  outline:none}
.formSingle-button {font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999999;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width:200px; padding:5px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:none;  background:#F8F8F8; height:25px; float:left; line-height:200%; text-indent:5px;}
.formSingle-button:focus {color:#333; background: no-repeat #FFF;  outline:none}
.formMulti-Delivery {font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999999;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width:965px; padding:5px; border:1px solid #CCC; height:150px; background:#F8F8F8;display:block}
.formMulti-Delivery:focus {color:#333; background: no-repeat #FFF; border:1px solid #b5b5b5; outline:none}
.formSingle-stock {font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999999;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width:180px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:none;  background:#F8F8F8; float:right; line-height:200%; text-indent:5px; height:30px; float:right}
.formSingle-stock:focus {color:#333; background: no-repeat #FFF;  outline:none}
/* ----- Generic Forms & Buttons --- buttons ----- */
.button, input.button { float:left; color:#FFF; width:130px; height:35px; background:#666666 url(layout/but-arrow-dark-grey.png) no-repeat; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 105px 12px; display:block; border:1px solid #333333;}
.button:Hover, input.button:Hover  { color:#666666; width:130px; height:35px; background-color:#F4F4F4; border:1px solid #CCC; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-align:center; cursor:pointer}
.button-large { color:#FFF; width:250px; height:50px; background:#666666 url(layout/but-arrow-dark-grey.png) no-repeat; line-height:290%; font-weight:bold; font-size:18px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 200px 21px; display:block; border:1px solid #333333;}
.button-large:Hover  { color:#666666; background-color:#F4F4F4; border:1px solid #CCC; line-height:290%; font-weight:bold; text-decoration:none; text-align:center; cursor:pointer}
.button-small { color:#FFF; width:115px; height:30px; background:#666666 url(layout/but-arrow-dark-grey.png) no-repeat; line-height:270%; font-weight:bold; font-size:11px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 95px 10px; display:block; border:1px solid #333333;}
.button-small:Hover  { color:#666666; background-color:#F4F4F4; border:1px solid #CCC; line-height:290%; font-weight:bold; text-decoration:none; text-align:center; cursor:pointer}
.button-matrix { float:left; background:#f2f2f2; color:#FFF; width:130px; height:30px; background:#e04242 url(layout/addtobasket.png); no-repeat; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 0px 0px; display:block; border:1px solid #f2f2f2;}
.button-matrix:Hover  { float:left; color:#e04242; width:130px; height:30px; background-color:#FFF; border:1px solid #CCC; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-align:center; cursor:pointer; background-position: 0px 30px;}
.button-outofStock { float:left; background:#f2f2f2; color:#FFF; width:130px; height:30px; background:#e04242 url(layout/outofStock.png); no-repeat; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 0px 0px; display:block; border:1px solid #f2f2f2; float:right; float:right}
.button-outofStock:Hover  { float:left; color:#e04242; width:130px; height:30px; background-color:#FFF; border:1px solid #CCC; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-align:center; cursor:pointer; background-position: 0px 30px; float:right;}


div#topnav { position: relative; top: 0px; left: 0px; width: 215px; z-index: 30; text-align: left; }

div#topnav ul { list-style: none; margin: 0px; padding: 0px; float: left; }
div#topnav ul li { position: relative; }

div#topnav ul li.Level0 ul { display: none; }
div#topnav ul li.Level0:hover ul { display: block; }

div#topnav ul li.Level0 ul li.Level1 ul { display: none; }
div#topnav ul li.Level0 ul li.Level1:hover ul { display: block; }

div#topnav ul li.Level0 ul li.Level1 ul li.Level2 ul { display: none; }
div#topnav ul li.Level0 ul li.Level1 ul li.Level2:hover ul { display: block; }

div#topnav ul li.Level0 ul li.Level1 ul li.Level2 ul li.Level3 ul { display: none; }
div#topnav ul li.Level0 ul li.Level1 ul li.Level2 ul li.Level3:hover ul { display: block; }

div#topnav ul li.Level0 ul li.Level1 ul li.Level2 ul li.Level3 ul li.Level4 ul { display: none; }
div#topnav ul li.Level0 ul li.Level1 ul li.Level2 ul li.Level3 ul li.Level4:hover ul { display: block; }

li.Level0 a  { margin: 0px; padding: 0px; display: block; background: #FFF; width: 215px; height: 30px; cursor: pointer; line-height: 250%; text-align: left; font-size: 8.5pt; color: #666; letter-spacing: normal; text-indent: 10px; font-weight: normal; text-transform: none; text-decoration: none }
li.Level0 a:hover { background: #42639b; color: #e2edff }

li.Level1 a  { margin: 0px; padding: 0px; display: block; background: #FFF; width: 215px; height: 30px; cursor: pointer; line-height: 250%; text-align: left; font-size: 8.5pt; color: #666; letter-spacing: normal; text-indent: 10px; font-weight: normal; text-transform: none; text-decoration: none }
li.Level1 a:hover { background: #42639b; color: #e2edff }

li.Level2 a  { margin: 0px; padding: 0px; display: block; background: #FFF; width: 215px; height: 30px; cursor: pointer; line-height: 250%; text-align: left; font-size: 8.5pt; color: #666; letter-spacing: normal; text-indent: 10px; font-weight: normal; text-transform: none }
li.Level2 a:hover { background: #42639b; color: #e2edff }

li.Level3 a  { margin: 0px; padding: 0px; display: block; background: #FFF; width: 215px; height: 30px; cursor: pointer; line-height: 250%; text-align: left; font-size: 8.5pt; color: #666; letter-spacing: normal; text-indent: 10px; font-weight: normal; text-transform: none }
li.Level3 a:hover { background: #42639b; color: #e2edff }

li.Level4 a  { margin: 0px; padding: 0px; display: block; background: #FFF; width: 215px; height: 30px; cursor: pointer; line-height: 250%; text-align: left; font-size: 8.5pt; color: #666; letter-spacing: normal; text-indent: 10px; font-weight: normal; text-transform: none }
li.Level4 a:hover { background: #42639b; color: #e2edff }

div#topnav ul li.Level0 ul  { position: absolute; top: 0px; left: 215px; height: 30px; width: 215px; float: left; }
div#topnav ul li.Level0 ul  li { padding: 0px; height: 30px; width: 215px; float: left; }

div#topnav ul li.Level0 ul li.Level1 ul { position: absolute; top: 0px; left: 215px; height: 30px; width: 215px; float: left; }
div#topnav ul li.Level0 ul li.Level1 ul li { padding: 0px; height: 30px; width: 215px; float: left; }

div#topnav ul li.Level0 ul li.Level1 ul { position: absolute; top: 0px; left: 215px; height: 30px; width: 215px; float: left; }
div#topnav ul li.Level0 ul li.Level1 ul li.Level2 { padding: 0px; height: 30px; width: 215px; float: left; }

div#topnav ul li.Level0 ul li.Level1 ul li.Level2 ul { position: absolute; top: 0px; left: 215px; height: 30px; width: 215px; float: left; }
div#topnav ul li.Level0 ul li.Level1 ul li.Level2 ul li.Level3 { padding: 0px; height: 30px; width: 215px; float: left; }

div#topnav ul li.Level0 ul li.Level1 ul li.Level2 ul li.Level3 ul { position: absolute; top: 0px; left: 215px; height: 30px; width: 215px; float: left; }
div#topnav ul li.Level0 ul li.Level1 ul li.Level2 ul li.Level3 ul li.Level4 { padding: 0px; height: 30px; width: 215px; float: left; }

#brandsColumn{ display:block; text-align:left; margin-bottom:10px;}
.srch-filter-msg-brand { display: block; color: #666; font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold; font-size:14px;margin-bottom: 5px; clear:both; text-align:left  }
.srch-filter-msg { display: block; color: #666; font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold; font-size:14px; margin-bottom: 5px; clear:both; padding-top:15px; border-top:1px dashed #dddddd; text-align:left}
.srch-filter-msg-filter { display: block; color: #666; font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold; font-size:14px; margin-bottom: 5px; clear:both; text-align:left}