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

/* ------------------------------------------------------------------------------ */
/* Global Layout */
body { margin: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; background:repeat url(layout/home-page-background.jpg); overflow:auto;  }

table#masthead-grid { background: url(layout/footer-bg.jpg) no-repeat top #383838; width: 100%; height: 150px; margin: 0 auto 0 auto; text-align: center; border-bottom: 5px solid #c5c5c5; }
table#masthead-grid tr td { width: 100%; }


table#sub-grid { width: 100%; height: 100px; margin: 0 auto 0 auto; text-align: center; }
table#sub-grid tr td { width: 100%; }

table.masthead-content { width: 945px; height: 150px; border: none; padding: 0px; margin: 0px; }
table.sub-grid-content { width: 950px; height: 100px; border: none; padding: 0px; margin: 0px; }


table#store-grid { background:url(layout/background-black.png) repeat; width: 945px; text-align: center; margin: 0 auto 0 auto;  z-index:-1;  }
table#footer-grid { background:url(layout/background-black.png) repeat; width: 945px; height: 300px; margin: 0 auto 0 auto; vertical-align:top; }

td#masthead { height: 150px; width: 100%; margin: 0 auto 0 auto; text-align: center; position: relative; }
td#subhead { height: 150px; width: 100%; margin: 0 auto 0 auto; text-align: center; position: relative; }


td#column-a { width: 245px; text-align: left; vertical-align: top; padding-left: 10px; padding-right:0px; padding-top: 10px; padding-bottom:10px; position: relative;z-index:10000; }
td#boarder {border: #000000 solid 1px;  background-color:#FFFFFF;}
td#boarder-nowhite { border:none; background:none; }
div#padding {margin: 10px}

td#column-b { width: 695px; text-align: left; vertical-align: top; padding-left: 10px; padding-right:10px; padding-top: 10px; padding-bottom:10px; position: relative; }
div#padding-bottom {margin: 0 0 10 0;}

td#full-width { width: 945px; text-align: left; vertical-align: top; padding: 10px; position: relative; }
td#footer { height: 250px; width: 100%; margin: 0 auto 0 auto; text-align: center; vertical-align:top; }

div#topLogo {float:left; margin-right:20px;}
div#topFresshipping{float:left;}
div#logo {margin:0px 0px 0px 0px;}

div#content {width:675px; border: #000000 solid 1px;  background-color:#FFFFFF; margin-bottom:10px; }
div#contentPadding {margin:10px; }

div#contentLanding {width:675px; border: #000000 solid 1px;  background-color:#FFFFFF; margin-bottom:10px; }
div#contentLandingPadding {margin:10px 0px 10px 10px; }
div#contentLandingPadding img.header {margin-bottom:10px;}

table.stef { padding: 10px; background: #fff; }
table.stef tr, table.stef td { background: #fff }
div#contentSSL {width:925px; border: #000000 solid 1px;  background-color:#FFFFFF; margin-bottom:10px; height:900; }
div#contentSSLPadding {margin:10px; }

div#aboutus {width:675; border: #000000 solid 1px;  background-color:#FFFFFF; margin-top:10px; }
div#aboutusPadding {margin:10px; }

.searchBoxForm{font-family:Arial,Helvetica,sans-serif;font-size:9pt;col or:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:200px;border-top:1px solid #CCC;border-bottom:5px solid #CCC;border-left:5px solid #CCC;border-right:1px dotted #CCC;background:url(/layout/generalLyout/search-icon.png) #FFF no-repeat;background-position:10px 6px;float:right;margin:0;padding:0 0 0 50px; height:41px; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.08);-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.08);box-shadow: 0px 1px 2px rgba(0,0,0,0.08);box-sizing:border-box;}
.searchBoxForm:hover{color:#333;}
.searchBoxForm:focus{color:#333; outline-style:none}
.searchButton{float:right; text-align:center;color:#666;width:96px;height:35px;background-color:#fafafa;border-top:1px solid #CCC;border-bottom:5px solid #CCC;border-right:5px solid #CCC;line-height:320%;font-weight:700;font-size:11px;text-decoration:none; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.08);-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.08);box-shadow: 0px 1px 2px rgba(0,0,0,0.08); text-transform:uppercase}
.searchButton:Hover{background-color:#b1db1b}

/* ----- END - Newsletter ----- */
#footer-signup {float:left; text-align:left; font-size:8.5pt;color:#919191;width:194px;}
input {outline: none!important;}
.newsletter-footer { border:none; outline:none; margin: 0; width: 219px; border:5px solid #9ebd2e; padding:6px 8px; float:left; clear:left; margin-top:10px; font-size:11px; color:#919191;box-sizing:border-box;}
.newsletter-footer:hover { color:#868c8f;}
.newsletter-footer:active { color:#656b6f;}
.newsletter-footer-submit{position:relative;right:8px;top: -29px;height:12px; background-color:#b7bec4;color:#FFF;padding:5px; text-decoration:none; cursor:pointer; font-size:10px; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:180%; float:right;}
.newsletter-footer-submit:hover {background-color:#666;color:#9ebd2e;}
#newsletter-footer-text {float:left; clear:both; margin-top:10px; font-size: 9px; color: #fff; display:none; margin-right:14px;}
#newsletter-footer-text b {color: #fff;}
.newsletterSuccess { background: #549c1f url(layout/reviews/tick.png) no-repeat; background-size:14px; background-position:5px; padding:5px 10px 5px 25px}
.newsletterFail { background:#b51515 url(layout/reviews/cross.png) no-repeat; background-size:14px; background-position:5px; padding:5px 10px 5px 25px}
.newsletter-form {font-family: Arial, Helvetica, sans-serif;color: #777777;font-size: 18px;font-weight: normal;font-style: normal;line-height: 150%;text-decoration: none;padding-left: 10px;width:446px;height:56px;border: 1px solid #dbdbdb; float:left}
.newsletter-form:hover {border: 1px solid #c5c5c5;}
.newsletter-form:focus { color:#333}
.newsletter-Send { border:0; width:112px; height:60px; cursor:pointer; float:left; background:#8dc63f; background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#77ad2f));background: -moz-linear-gradient(top,  #8dc63f,  #77ad2f);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc63f', endColorstr='#77ad2f'); color:#FFFFFF; font-weight:bold; font-size:18px; text-transform:uppercase; text-align:center; line-height:320%}
.newsletter-Send:hover {background:#77ad2f; background: -webkit-gradient(linear, left top, left bottom, from(#77ad2f), to(#8dc63f));background: -moz-linear-gradient(top,  #77ad2f,  #8dc63f);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ad2f', endColorstr='#8dc63f');}
.newsletter-Send:active {background:#77ad2f; background: -webkit-gradient(linear, left top, left bottom, from(#77ad2f), to(#77ad2f));background: -moz-linear-gradient(top,  #77ad2f,  #77ad2f);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ad2f', endColorstr='#77ad2f');}
#newsletter-popup-text, #newsletter-page-text { float:left; clear:both; margin-top:7px;  color:#FFFFFF}
#newsletter-page-text {margin:7px 0;clear:both;}
/* ----- END - Newsletter ----- */

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

.Instructions { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666; font-weight: normal; font-style:normal; margin-bottom:10px; }

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

div#pagination {background-color:#ffffff; width:675px; height:550px; padding: 0px 0px 10px 0px; margin: 0px; border-bottom:#000000 solid 1px; border-left:#000000 solid 1px; border-right:#000000 solid 1px;}

div#galleryalt {background:#000000;}




h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; color: #666; font-weight: bold; font-style: normal; text-decoration: none; display: inline; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; font-weight: bold; font-style: normal; text-decoration: none; display: inline; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; font-weight:bold; font-style: normal; text-decoration: none;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; }
h5 {font-family: Helvetica, sans-serif; font-size: 18pt; color: #9ebd2e; font-weight:bold; font-style: normal; text-decoration: none; display: inline; letter-spacing: -1px; }
h6 {font-family: Helvetica, sans-serif; font-size: 18pt; color: #666; font-weight:200; font-style: normal; text-decoration: none; display: inline; letter-spacing: -1px;}

p, ul, li { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 10.5pt; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none; }
font.green { font-family: Arial, Helvetica, sans-serif; color: #9ebd2e; font-size: 9.5pt; font-weight: normal; font-style: normal; line-height: 175%; text-decoration: none; display:inline; }
p.select { font-family: Arial, Helvetica, sans-serif; color: #9ebd2e; font-size: 9.5pt; font-weight: normal; font-style: normal; line-height: 175%; text-decoration: none; }
p.header { line-height: 1.8em; color: #abd319; font-size: 1em; font-weight:bold; text-decoration:none; letter-spacing: -0.05em}
p.footer { color:#FFFFFF; text-decoration: none; line-height:150%; font-size: 0.8em;}
table#footer-grid a { color:#FFFFFF; text-decoration: none; line-height:150%; font-size: 0.8em;}
table#footer-grid a:hover { color:#f5fed3; text-decoration: underline;  line-height:150px%; font-size: 0.8em;}

.ErrorMessages {background:#FF0000; color:#FFFFFF; padding:10px; display:block; height:20px; font-size:12px; font-weight:bold}
.ErrorMessagesReviews {color:#FF0000; padding:10px; display:block; height:20px; font-size:12px; font-weight:bold}
.Messages {background:#FF0000; color:#9ebd2e; padding:10px; font-size:12px; font-weight:bold}

a { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: underline; }
>a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #8caa11; font-weight: normal; font-style: normal; text-decoration: none; }

a.a-button { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt;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: Arial, Helvetica, sans-serif; font-size: 10.5pt; 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: Arial, Helvetica, sans-serif; font-size: 10.5pt; 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: #9ebd2e; float: left; }
a.forgot-button:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #fbffeb; 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: #a3c81e; float: left; }

td.ContentTableHeader { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; font-weight: bold; font-style: normal; text-decoration: none; background: #efefef; text-align: left; height: 30px; text-indent: 2px; }

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

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

a.tab-co { float:left; display: block; width: 146px; height: 40px; background: url("/layout/tab-co.gif") 0 0 no-repeat; }
a:hover.tab-co{ background-position: -146px 0; } 

a.tab-wp { float:left; display: block; width: 89px; height: 40px; background: url("/layout/tab-wp.png") 0 0 no-repeat; }
a:hover.tab-wp{ background-position: -89px 0; } 


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

div#hm-content-container { width: 100%; }
div#content-a { width: 50%; float: left; }
div#content-b { width: 50%; float: left; }


div#topNine{ float:left; margin-top:0px; margin-bottom:0px; width:675px;}
ul.topNine { margin: 10px 0px 0px 10px; padding: 0px 0px 0px 0px; list-style: none; width: 320px; height:175px; float: left; position:relative }
ul.topNine li.img { width: 167px; height: 169px; margin: 0px; padding: 0px 0px 0px 0px; 0px; float: left; height:167px; border: 1px solid #dddddd;}
ul.topNine li.txt { width: 150px; height:172px; margin: 0px; padding: 0px; float: left; background: #f2f2f2; }
ul.topNine li.txt a { line-height: 1.8em; color: #5d5d5d; font-size: 13px; font-weight:bold; text-decoration:none; letter-spacing: -0.05em }
ul.topNine li.txt a:Hover { text-decoration: underline; }
div.textPadding { margin:10px 10px 10px 13px}

.onsale { position:absolute; left:103px; top:-7px;}

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

/* 1. Header */

div#	res-header { float:left; background-color:#ffffff; width:675px; padding: 0px 0px 0px 0px; margin: 0px; border-left:#000000 solid 1px; border-right:#000000 solid 1px;}
div#searchres-padding{ margin: 10px 0px 0px 10px;}
div#searchres-padding p { margin: 0px 0px 10px 0px;}
div#searchres-padding img { margin: 10px 0px 0px 0px;}

/* 2. Top Sellers In Category */

div#top-sellers{float:left; margin: 0px 0px 10px 0px; padding:0px 0px 10px 0px; width:675px; background-color:#FFF; list-style: none; border-left:#000000 solid 1px; border-right:#000000 solid 1px;}
div#top-sellers-padding{ margin: 0px 0px 0px 10px;}
ul.top-sellers { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; height: 110px; width: 330px; float: left; }
ul.top-sellers li.img { width: 100px; height: 100px; margin: 0px; padding: 0px; float: left; border: 1px solid #dddddd; }
ul.top-sellers li.txt { width: 215px; height:105px; margin: 0px; padding: 0px; float: left; background: #f2f2f2; }
ul.top-sellers li.txt a { line-height: 1.8em; color: #5d5d5d; font-size: 13px; font-weight:bold; text-decoration:none; letter-spacing: -0.05em }
ul.top-sellers li.txt a:Hover { text-decoration: underline; }

/* 3. Re-order Buttons */

ul.reorder { list-style: none; width: 675px; height: 65px; }
ul.reorder li { float: left; width: 113px; height: 65px; }
div#reoderContainer { padding:0px; margin:10px; float:left; clear:both;}
div#reoderContainer a { padding: 3px 10px 3px 10px; color: #666; background: #fff; text-decoration: none; line-height: 180%; font-size: 9.5pt; }
div#reoderContainer a:hover { color: #fff; background: #9ebd2e; }
div#reoderContainer a.selected { color: #fff; background: #9ebd2e; }

/* 4. Search Result Items + Alternating Item template */

div#NewSearch1_UpdatePanel1 { clear: both; }
div#searchres{float:left; margin:0px; padding:0px; width:675px; background-color:#FFF; list-style: none; border-left:#000000 solid 1px; border-right:#000000 solid 1px;}
ul.searchres { margin: 0px 0px 10px 10px; padding: 0px; list-style: none; width: 320px; height:175px; float: left; position:relative; }
ul.searchres li.img { width: 167px; height: 169px; margin: 0px; padding: 0px 0px 0px 0px; 0px; float: left; height:167px; border: 1px solid #dddddd;}
ul.searchres li.txt { width: 150px; height:172px; margin: 0px; padding: 0px; float: left; background: #f2f2f2; }
ul.searchres li.txt a { line-height: 1.8em; color: #5d5d5d; font-size: 13px; font-weight:bold; text-decoration:none; letter-spacing: -0.05em }
ul.searchres li.txt a:Hover { text-decoration: underline; }

div.navigation { width: 675px; height: 100px; text-align: center; margin: 0 auto 0 auto; }
div#leftnav { float: left; width: 113px; height: 45px; }
div#rightnav { float: left; width: 113px; height: 45px; }
div#numnav {}


/* ------------------------------------------------------------------------------ */
/* Product Detail Layout and Styles */

/* 1.layout */
div#deatil-header { float:left; background-color:#ffffff; width:675px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; border-left:#000000 solid 1px; border-right:#000000 solid 1px;}
div#deatil-header-padding{ margin: 10px;}
tr#trProductName {margin-bottom:10px;}

/* 2.Price */
div#Price {width:655; height:220px; margin:10px 0px 10px 0px; background-color:#f2f2f2;}
div#Price-padding {margin:10px}
div#priceUk{float:left; background:url(layout/flag-uk.gif) no-repeat; padding-top:30px; margin:10px 10px 0px 0px; padding-right:10px; border-right:#d7d6d6 solid 1px;}
div#priceUS{float:left; background:url(layout/flag-us.gif) no-repeat; padding-top:30px; margin:10px 10px 0px 0px; padding-right:10px; border-right:#d7d6d6 solid 1px;}
div#priceEuro{float:left; background:url(layout/flag-euro.gif) no-repeat; padding-top:30px; margin:10px 10px 0px 0px; padding-right:10px; }
span.addtoBasket {float:left; margin:10px 0px 10px 0px; padding:5px 0px 0px 0px; width:450px; height:52px; background:url(layout/addtoBasket.gif) no-repeat #f2f2f2;}
div#icon {float:right; top}
div#stock {float:left}
.StockCount {background-color:#abd319; padding:5px; font-weight:bold; color:ffffff}
.priceDisp { display: block; width: 100%; margin: 14px 0 7px 0px; padding: 0px; float: left; text-align: left;  line-height: 280%;}
.now-detail { display: block; height: 40px; width: 94px; margin: 0px; padding: 0px; float: left; background: #fff; color: #666; text-align: center; color:#3e7ca3 }
.was-detail { background: 3px; display: block; height: 40px; width: 100px; margin: 0px; padding: 0px; float: left; background: url(/layout/wasPriceOverlay.png) top left no-repeat #fff; color: #999; text-align: center; background-position: -4px;}
.save-detail { display: block; height: 40px; width: 86px; margin: 0px; padding: 0px; float: left; background: #dc4040; color: #fff; text-align: center }

/* 3.moreInfo */
div#moreinfo {float:left; width:675; margin:0px 0px 10px 0px; background-color:#fff; border-left:#000000 solid 1px; border-right:#000000 solid 1px; border-bottom:#000000 solid 1px;}
div#moreinfo-padding {margin:10px}

/* 4.recommended */
div#similar-title {margin:10px 0px 10px 0px;}
div#recommendedContainer {float:left; width:675; margin:0px 0px 10px 0px; background-color:#fff; border-left:#000000 solid 1px; border-right:#000000 solid 1px; border-bottom:#000000 solid 1px;}
div#recommendedContainer-padding {margin-left: 10px}
div#recommended {width: 320px; height: 103px; float: left; padding: 0px; margin:0px 10px 10px 00px; background:#f2f2f2}
div#recommended img {width: 100px; height: 100px; margin: 0px; padding: 0px; float: left; border: 1px solid #dddddd;}

div#recommended a { line-height: 1.8em; color: #5d5d5d; font-size: 1em; font-weight:bold; text-decoration:none; letter-spacing: -0.05em }
div#recommended a:Hover { text-decoration: underline; }


/* Basket Specific */

div#basket {float: right; width:235px; height:46px; background:url(layout/basket.jpg) no-repeat; margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; }
div#basketPadding { margin:10px 0px 0px 15px; }
div#basket P {color:#909090;}
div#basket a {color:#FFFFFF; font-weight:bold;}
div#basket a.green {color:#9ebd2e; font-weight:bold;}
table#shopping-basket { width: 655px; }


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

.now {
	line-height: 1.8em; color: #9ebd2e; font-size: 1em; font-weight:bold; text-decoration:none; letter-spacing: -0.03em
}

.was {
	line-height: 1.8em; color: #888; font-size: 1em; font-weight:normal; text-decoration:none; letter-spacing: 0.03em
}

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: Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #362f2d;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------ */



/* Save As... Guide */

#nick-name {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	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;
}

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

/* ------------------------------------------------------------------------------ */
/* 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: 650px;
	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: 650px;
	border-bottom: 1px solid #c5d8cd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

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


span.review-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.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 

.TopGroup { background: #fff; }

.Group { background: #fff; }

.Item {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	cursor: pointer;
	color: #666;
	font-weight: normal;
}


.ItemH {
	background: #5f5f5f; 
	color: #c5e359; 
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 10.5pt;  
  	cursor: pointer;
}


.ItemExp {
	background: #5f5f5f; 
  	color: #c5e359; 
  	font-weight: normal;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 10.5pt;  
  	cursor: pointer;
}
*/
/* Blog */
/* ------------------------------------------ */
div#News&Updates a.blogTitle {	font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; font-weight: bold;}
span.sub {	font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #799611; font-weight: normal;}
font.blogTitle{ font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #9ebd2e; font-weight: bold;}

/* Site Map Styles */
/* ------------------------------------------ */
div.map0  {
	font-family: Tahoma;
	font-size: 12.5pt;
	font-weight: bold;
	color: #9ebd2e;
	height: 30px;
	width: 600px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

div.map1  {
	font-family: Tahoma;
	font-size: 10.5pt;
	color: #666;
	height: 20px;
	width: 600px;
	padding: 15px 0px 0px 20px;
	font-weight:bold;
}

div.map2  {
	font-family: Tahoma;
	font-size: 10.5pt;
	color: #666;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 40px;
	font-weight:bold;
}

div.map3  {
	font-family: Tahoma;
	font-size: 10.5pt;
	color: #666;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 60px;
	font-weight:bold;
}

/* TotalCatNav Styles */
/* ------------------------------------------ */

div.total0 a  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10.5pt;
	font-weight: bold;
	color: #F7941C;
	float: left;
	display: block;
	width: 150px;
	height: 20px;
	padding-right: 10px;
}

div.total0 a:hover  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10.5pt;
	font-weight: bold;
	color: #F7941C;
	float: left;
	display: block;
	width: 150px;
	height: 20px;
	padding-right: 10px;
	text-decoration: none;
}

/* Shipping Charges Table */

table#shipping {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
}

table#shipping th {
	background: #f3f3f3;
	font-weight: normal;
	color: #666666;
	border: 1px solid #d6d6d6;
}

table#shipping tr {
	font-weight: normal;
	color: #666;
}

table#shipping td {
	font-weight: normal;
	border: 1px solid #d6d6d6;
	text-align: center;
}

/* ------------------------------------------------------------------------------ */
/* Tag Cloud */

table#tag-cloud { width: 278px; background: #e8f6ff; margin-bottom: 20px; }

table#tag-cloud a { float: left; display: inline; position: relative; line-height: 120%; padding: 2px; color: #004080; text-decoration: none; }
table#tag-cloud a:hover { background: #004080; color: #fff; text-decoration: none; }

/* ------------------------------------------------------------------------------ */
/* style for add to basket box */
#myOnPageContent { margin: 0px; padding: 10px; display: none; }

/* -------------------------------------------------- */
/* Fx.Slide Navigation 

div#nav-container {
	width: 945px;
	height: 65px;
	border: 1px solid #666;
}

div#vertical_slide {
	background: #FFE6E6;
	font-weight: bold;
}

div#vertical_slide2 {
	background: #E6F2FF;
	font-weight: bold;
	clear: right;
}

a#v_toggle, a#v2_toggle, a#v3_toggle, a#v4_toggle, a#v5_toggle, a#v6_toggle, a#v7_toggle { cursor: pointer; }

table#existing-account { float: left; margin-right: 10px; background-color:#FFFFFF }
table#new-account { float: left; background-color:#FFFFFF }
*/
/* ----- FLEXSLIDER -------------------------------------------------------------------------------------- */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 677px; padding:0; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.flex-container { width: 677px; height: 300px }

/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 0px solid #fff; position: relative; zoom: 1}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 677px; padding: 15px 10px 15px 10px; position: absolute; left: 0px; bottom: -14px; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
.flex-caption a {color: #238BB0; text-decoration:none;}

/* Direction Nav */
.flex-direction-nav li a {width: 54px; height: 54px; margin: 0; display: block; background: url(/layout/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 46%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -54px 0; right:14px;}
.flex-direction-nav li .prev {left: 13px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: left; left:10px}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -42px; text-align: center;}
.flex-control-nav li {margin: 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(/layout/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -22px;}
.flex-control-nav li a.active {background-position: 0 -22px; cursor: default;}

/* ----- END FLEXSLIDER ----- */

/* ----- TABS -------------------------------------------------------------------------------------- */

ul.tabs-none{float:left;list-style:none;height:31px;width:100%;margin:0;padding:0; clear:both; background:none; border:none; }
ul.tabs-none li{float:left;margin-right:5px;}
ul.tabs-none li a{text-decoration:none;display:block;outline:none; font-size:10.5pt;font-weight:bold;font-style:normal;line-height:225%;text-decoration:none; border:none; height:30px; overflow:hidden;position:relative;margin:0 0 -1px; padding:0px 15px; color:#ffffff; background:rgba(0,0,0,.5); }
ul.tabs-none li a:hover {color:#5f5f5f; background:#ffffff }
html ul.tabs-none li.active{background:#fff;border-bottom:1px solid #fff; }
html ul.tabs-none li.active a, html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff; color:#000000; }
.tab_container-none{border-top:none;overflow:hidden;clear:both;float:left;width:100%;background:#fff; text-align:left; margin-bottom:10px;}
.tab_content-none{font-family:Arial,Helvetica,sans-serif;color:#666;font-size:9.5pt;font-weight:normal;font-style:normal;line-height:150%; padding:10px 0;}
.tab_content-none p, .tab_content-none, .tab_content li {font-family:Arial,Helvetica,sans-serif;color:#666;font-size:9.5pt;font-weight:normal;font-style:normal;line-height:150%;}
.tab_content-none p b, .tab_content-none p strong, .tab_content-none p b, .tab_content-none 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}


ul.tabs{float:left;list-style:none;height:31px;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:225%;text-decoration:none;  border:1px solid #fff; height:30px;border:1px solid #dadada;border-left:none;overflow:hidden;position:relative;margin:0 0 -1px; padding:0px 15px; color:#aaaaaa; background:url(/layout/button-bg.png) repeat-x }
ul.tabs li a:hover {color:#5f5f5f; }
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:#5f5f5f;}
.tab_container{border:1px solid #dadada;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}


/* ----- Related items ----- */
.container {float:left; text-align:left; width:655px; position:relative;}
.container h2 { font-size:22px; line-height:150%; text-align:left; padding: 0 0 5px 0; margin: 10px 0; width:100%; height: 40px; display: block; border-bottom: 1px dashed #e2e2e2;}

.search-item-PR {float:left; list-style:none;margin:0;padding:0;}
.search-item-PR a li {float:left;list-style:none;width:163px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; padding: 0; margin: 0 0 14px 0; padding:0; text-align:center; position:relative; min-height:260px; }
.search-item-PR a li img.cacheImage{margin:0 0 0 0; padding:0 0 0 0; float:left; border-top:1px dotted #dcdcdc}
.search-item-PR a li h3{font-size:12px;color:#666;display:block;margin:0; left:0; bottom:0px; margin-right:14px; margin-top:14px; padding: 0; text-align:left; height:50px; clear:both; width: 140px;}
.search-item-PR a li p{font-size:11px;color:#888;margin:0;}
.search-item-PR a:nth-child(4n) li{width:163px;background:none; margin: 0 }
.search-item-PR a:nth-child(4n) li h3 {margin:0px;}
.search-item-PR-title { float:left; height:120px; background:#f2f2f2; width:100%; outline:1px solid #f2f2f2}
.search-item-PR li:nth-child(3n) .search-item-hm-title {width:163px; margin:0; outline:1px solid #f2f2f2}
.search-item-PR a:nth-child(1) li img.cacheImage, .search-item-PR a:nth-child(2) li img.cacheImage, .search-item-PR a:nth-child(3) li img.cacheImage, .search-item-PR a:nth-child(4) li img.cacheImage {border-top:none; margin-bottom: 14px;}



/* ----- Related item end ----- */

/* ----- END TABS ----- */



/* jQuery Fly-out Nav */
#nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 1.5em; width: 235px; z-index:10000 }
#nav a:link, #nav a:active, #nav a:visited { display:block; padding:0px;text-indent: 7px;border-right: 4px solid #9EBD2E;border-bottom:1px solid #e5e5e5;color:#666;text-decoration:none; background:#fafafa;width: 235px;height: 30px;line-height: 240%; z-index:10000}
#nav a:hover{background-color:#5f5f5f;color:#9EBD2E; z-index:10000}
#nav li{float:left;position:relative; z-index:10000}
#nav ul {position:absolute;width:235px;display:none;left:240px;top:0px; z-index:10000}
#nav li ul a, #nav li ul a:hover{width:235px;float:left; z-index:10000}
#nav ul ul{top:0px;width: 235px; z-index:10000}
#nav li ul ul {left:235px;margin:0px 0 0 10px; z-index:10000}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none; z-index:10000}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block; z-index:10000}
/*.navarrow { background:url(/layout/nav-arrow.png) no-repeat top right; }*/