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

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

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

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

table#store-grid {
	width: 100px;
}

td#masthead {
	height: 50px;
	width: 945px;
}

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

div#navigation {
	height:30px; margin:0px; float:left; padding:0px; width:945px;
}

div#subnavigation {
	height:70px;
	width:945px;
	clear:both
}
div#subnavigation a.sub {font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:underline}
div#subnavigation a.sub:hover {color:#ffb500; text-decoration:none}

div#subnavigation p {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

td#column-a {
	height: 250px;
	width: 245px;
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	padding-top: 10px;
}

td#column-b {
	height: 250px;
	width: 945px;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
}

td#footer {
	height: 250px;
	width: 945px;
	text-align: center;
	vertical-align: middle;
	padding-top:20px;
}
div#background {
	background-color:#FFFFFF;
	padding:10px;
	width:915px;
	min-height: 350px;
}
.BlogHeaderImage { background-image:url(layout/blog-header.png); height:221px; width:660px; }

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

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

.searchBoxForm {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:250px; border-top:1px solid #3a662e; border-bottom:1px solid #3a662e; border-left:1px solid #3a662e; border-right:1px dotted #CCC; background:url(/Images/search-icon.png) #F0F0F0 no-repeat; background-position:4px 4px; padding-left:30px; float:right; margin:12px 0; height:25px}
.searchBoxForm:focus {color:#333; background:url(/Images/search-icon.png) no-repeat #FFF; background-position:4px 4px;  outline:none}
.searchButton { float:right; color:#2e4d26; width:75px; margin:12px 0; height:27px; background-color:#fafafa; border-top:1px solid #3a662e; border-bottom:1px solid #3a662e; border-right:1px solid #3a662e; line-height:200%; font-weight:bold; font-size:12px; text-decoration:none; text-align:center}
.searchButton:Hover  { float:right; color:#666; width:75px; margin:12px 0; height:27px; background-color:#FFF; border-top:1px solid #3a662e; border-bottom:1px solid #3a662e; border-right:1px solid #3a662e; font-weight:bold; font-size:12px; text-decoration:none;}

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

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17pt;
	color: #3b782b;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #3b782b;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}

h2.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #3b782b;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}

h2.repeat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #3b782b;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color:#666666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color:#3b782b;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}

h2.BlogTitle, a.BlogTitle, a.BlogTitle:Hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color:#3b782b;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
	text-transform:capitalize;
	letter-spacing:0.1px;
}


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: #437037;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

img.right {
	float:left;
	clear: left; 
	margin-right:10px;
	margin-bottom:10px;
}


a:hover {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #589449;
	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: #589449;
	float: left;
}

a.a-button:hover {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ebffe6;
	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: #66b651;
	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: #589449;
	float: left;
}

a.forgot-button:hover {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #f1ffee;
	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: #66b651;
	float: left;
}

td.ContentTableHeader {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #ffffff;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: #2e4d26;
	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;
}

span.top{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#3b782b;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
	line-height:200%;
}
span.top a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#3b782b;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	display: inline;
	letter-spacing: -1px;
	line-height:200%;
}
span.top a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#3b782b;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
	line-height:200%;
}

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

div#hm-content-container { position: relative; width: 945px; margin-top:10px; }
div#viewer-container { position: relative; width: 945px; height: 360px; }
/* ----- homepage Adverts --- */
.homepage-MessageContainer { float:left; height:343px; width:220px; background-image:url(/layout/messagecontainer-bg.png); text-align:right; font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top:3px }
.homepage-MessageContainer h1 { font-size:32px; color:#fbaf41; text-shadow: 1px 1px #3c6633; line-height:110%;  }
.homepage-MessageContainer p { font-size:14px; color:#ffffff; text-shadow: 1px 0px 0px 0px #3c6633; font-weight:bold; line-height:180%; }
.flexslider-bgContainer { width:699px; height:356px; float:right;background-image:url(/layout/flexslider-bg.png)}
.flex-container a:active,.flexslider a:active{outline:none;}
.slides,.flex-control-nav,.flex-direction-nav{list-style:none;margin:0;padding:0;}
.flexslider{width:100%;background:#fff;border:0 solid #fff;position:absolute;top:27px; left:2px; zoom:1;margin:0;padding:0;}
.flexslider .slides > li{display:none;position:relative;}
.flexslider .slides img{max-width:640px;display:block;}
.flex-pauseplay span{text-transform:capitalize;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
* html .slides{height:1%;}
.flex-container{width:640px;height:298px;zoom:1;position:relative;}
.flexslider .slides{zoom:1;}
.flex-caption{-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom:1;width:100%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px;padding:2%;}
.flex-direction-nav li a{width:26px;height:42px;display:block;background:url(/layout/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:55%;cursor:pointer;text-indent:-9999px;margin:-13px 0 0;}
.flex-direction-nav li .next{background-position:-35px 0;right:-46px;}
.flex-direction-nav li .next:hover{background-position:-35px -51px;}
.flex-direction-nav li .prev{left:-42px;}
.flex-direction-nav li .prev:hover{left:-42px; background-position:0 -51px;}
.flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -46px; 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;}
html[xmlns] .slides,.no-js .slides > li:first-child{display:block;}
div#hotproducticon { position: absolute; width: 113px; height: 110px; top: 6px; right:8px; z-index:99999 }

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

div#content-b {
	width: 450px;
	margin-left:30px;
	float: left;
}
div#cart{
	background-image:url(layout/shopping.gif);
	height:70px;
	width: 232px;
	text-align: center;
}
div#cart p {
	margin-top:40px;
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	text-align: center
}
div#cart a {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	cursor: pointer;
	color: #ffb500;
	font-weight: bold;
}



h2.hotproductsTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #cb8219;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}
h2.hotproductsSub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #cb8219;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}
span.hotproducts{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cb8219;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
span.hotproducts a{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cb8219;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
span.hotproducts a:hover{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cb8219;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
}


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

/* 1. Re-order Buttons */

#reorder-container {
	width: 945px;
	height: 30px;
	float: left;
	clear: both;
}

/* 2. Search Results */

#search-container {
	width: 935px;
	float: left;
}

#search-title {
	height: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#category-description {
	width: 283px;
	margin-bottom: 20px;
}

div.product {
	width: 452px;
	float: left;
	margin-bottom: 10px;
	margin-right:10px;
}

div.productimage {
	width: 167px;
	height: 180px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 1px solid #3b782b;
	background-color:#FFFFFF;
	vertical-align: middle;
}

div.productdetails {
	float: left;
	background: #ECE9E6;
	height: 182px;
	width:283px;
}

span.ProductListHead {
	width: 268px;
	height: 120px;
	margin: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	display: block;
	text-align: left;
	vertical-align: text-top;
}

img.overlay { position: absolute; top: 0; left: 0; border: 0; }

div.hotproduct {
	width: 460px;
	float: left;
	margin-bottom: 10px;
}

div.hotproductimage {
	width: 120px;
	height: 120px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 1px solid #cb8219;
	background-color:#FFFFFF;
	vertical-align: middle;
	text-align: center;
	position: relative;
}

div.hotproductdetails {
	float: left;
	background: #ECE9E6;
	height: 125px;
	width: 330px;
}

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

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


.bgimage {
	background-image:url(layout/bg-image.jpg);
	background-repeat:no-repeat;
}


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

table#shopping-basket {
	width: 915px;
	background: #fff
}


tr#trDescription {
	padding:10px;	
}
div#flashcontent {
	padding:2px;
}



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

.now {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #05974e;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}

.was {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}
.nowHotproducts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #e8861c;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}

.wasHotproducts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #888;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
	letter-spacing: -1px;
}

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: 75px;
	float: left;
	margin-bottom:10px;
}

div#recommendedtitle {
	width: 145px;
	height: 67px;
	float: left;
	padding: 10px 0px 0px 10px;
}

div#recommended img {
	width: 75px;
	height: 75px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 1px solid #3b782b;
	background-color:#FFFFFF;
	vertical-align: middle;
	text-align: center;
	position: relative;
}

/* ------------------------------------------------------------------------------ */
/* 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: 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 */

.TopGroup {
	background: #2e4d26;
}

.Group {
	background: #2e4d26;
}

.Item {
  	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
}


.ItemH {
	background: #2e4d26; 
	color: #ffb500; 
	font-weight: bold;
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
  	font-size: 14px;  
  	cursor: pointer;
}


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


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

div.map1  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 20px;
}

div.map2  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 40px;
}

div.map3  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 60px;
}

/* TotalCatNav Styles */
/* ------------------------------------------ */
div.total0 a  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
	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: 8pt;
	font-weight: bold;
	color: #F7941C;
	float: left;
	display: block;
	width: 150px;
	height: 20px;
	padding-right: 10px;
	text-decoration: none;
}

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

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

ul#top-sellers { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
ul#top-sellers li { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; list-style: none; float: left; display: block; width: 300px; height: 50px; border-bottom: 1px solid #CCC; }
ul#top-sellers li img { float: left; display: block; width: 50px; height: 50px; margin-right: 5px; }

div.top-seller-title { float: left; display: block; width: 245px; height: 25px; }
div.top-seller-prices { float: left; display: block; width: 245px; height: 25px; }



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

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

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

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

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

/* -------------------------------------------------- */
/* additonal */

div#additonal {
	margin-top:10px;
}

div#additonal td.green {
	background-color:#ffffff;
	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;
	text-align:left;
	
}

div#additonal tr {
	background-color:#EEF2EC;
	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;
}
div#additonal th {
	background-color:#2e4d26;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
	height:30px;
}

div#terms Strong{ margin-right:10px;}
div#terms li{ margin-bottom:10px; list-style: none;}
div#shipping li{ margin-bottom:10px;}


/* ----- flyout navigation ------------------------------------------------------------------------- */
#nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; display:inline; z-index:500;}
#nav a:link, #nav a:active, #nav a:visited   {display:block; padding:0px 0px 0px 5px;border:0;color:#FFFFFF;text-decoration:none; height:30px; line-height: 250%; text-align:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
#nav li a { color:#FFF; font-weight:bold; line-height: 250%; padding:0px 0px 0px 5px;}
#nav a:hover{font-size:13px;}
#nav li{float:left;position:relative;}
#nav ul{position:absolute;width:auto;display:none;top:30px;}
#nav li ul a{width:245px;float:left;display:block;font-size:11px;background:#2e4c26;}
#nav li ul a:hover{width:245px;float:left;display:block;font-size:11px;color:#ffb500;background:#243f1c;}
#nav ul ul{top:0;width:240px;}
#nav li ul ul{left:240px;margin:0 0 0 10px;}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block;}
.CSSParent{font-size:13px;margin:0 5px 0 0; font-family:Arial, Helvetica, sans-serif}
/* ----- END - Fancybox ------------------------------------------------------------------------- */



/* ----- Fancybox ------------------------------------------------------------------------- */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(/layout/fancybox/fancybox.png);}
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;}
#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0;}
#fancybox-wrap{position:absolute;top:0;left:0;z-index:1101;outline:none;display:none;padding:20px;}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff;}
#fancybox-content{width:0;height:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #FFF;padding:0;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url(/layout/fancybox/fancybox.png) -40px 0;cursor:pointer;z-index:1103;display:none;}
#fancybox-error{color:#444;font:normal 12px/20px Arial;margin:0;padding:14px;}
#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0;padding:0;}
#fancybox-frame{width:100%;height:100%;border:none;display:block;}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url(/layout/fancybox/blank.gif);z-index:1102;display:none;}
#fancybox-left{left:0;}
#fancybox-right{right:0;}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -30px; left:-20px}
#fancybox-right-ico{background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -60px; right:-20px; left:auto}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:-20px;}
#fancybox-right:hover span{left:auto;right:-20px;}
.fancybox-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;margin:0;padding:0;}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url(/layout/fancybox/fancybox-x.png);}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -162px;}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url(/layout/fancybox/fancybox-y.png);background-position:-20px 0;}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -182px;}
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url(/layout/fancybox/fancybox-x.png);background-position:0 -20px;}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -142px;}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url(/layout/fancybox/fancybox-y.png);}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -122px;}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}
.fancybox-title-outside{padding-top:10px;color:#fff;}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;}
#fancybox-title-over{background-image:url(fancy_title_over.png);display:block;padding:10px;}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;}
#fancybox-title-float-wrap td{border:none;white-space:nowrap;}
#fancybox-title-float-left{background:url(/layout/fancybox/fancybox.png) -40px -90px no-repeat;padding:0 0 0 15px;}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:700;background:url(/layout/fancybox/fancybox-x.png) 0 -40px;padding:0 0 3px;}
#fancybox-title-float-right{background:url(/layout/fancybox/fancybox.png) -55px -90px no-repeat;padding:0 0 0 15px;}
.fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_close.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_nav_left.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_nav_right.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1;}
.fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_title_left.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_title_main.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_title_right.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px");}
#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression((-20+(document.documentElement.clientHeight?document.documentElement.clientHeight/2:document.body.clientHeight/2) 0 (ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)) 0 px);}
#fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_loading.png',sizingMethod='scale');}
.fancybox-ie .fancybox-bg{background:transparent!important;}
.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_shadow_n.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_shadow_ne.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_shadow_e.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_shadow_se.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_shadow_s.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_shadow_sw.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_shadow_w.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/fancybox/fancy_shadow_nw.png',sizingMethod='scale');}
/* ----- END - Fancybox ------------------------------------------------------------------------- */


/* ----- Add to Basket ----- */
table.clAttributeGrid { font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#134662; height:30px; width: 510px; background: #e9e9e9; margin-bottom:7px }
table.clAttributeGrid tr { height: 30px; width: 510px; padding: 0px; margin: 0px }
table.clAttributeGrid td.name { width: 211px; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGrid td.price { width:76px; padding: 0px; margin: 0px }
table.clAttributeGrid td.stock { width:169px; padding: 0px; margin: 0px }
table.clAttributeGrid td.add { width:54px; padding: 0px; margin: 0px; background: url(/layout/Unavailable.png) top left no-repeat;}
table.clAttributeGrid-nomatrix { font-family: Arial, Helvetica, sans-serif; font-size:9pt; color:#666; width: 994px; background: #e7e8e9; margin-bottom:7px}
table.clAttributeGrid-nomatrix tr { height: 30px; width: 510px; padding: 0px; margin: 0px }
table.clAttributeGrid-nomatrix td.name { width: 211px; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGrid-nomatrix td.price { width:76px; padding: 0px; margin: 0px }
table.clAttributeGrid-nomatrix td.stock { width:211px; padding: 0px; margin: 0px }
table.clAttributeGrid-nomatrix td.add { width:54px; padding: 0px; margin: 0px; background: url(/layout/Unavailable.png) top left no-repeat;}
.out-of-stock { background-color:#e9d4d4; width:100%; padding:5px;}
.out-of-stock td { padding:10px;}
.formSingle-stock {font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#ab7374;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width:400px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:none;  background:#F8F8F8; height:30px; float:left; line-height:200%; text-indent:5px;}
.formSingle-stock:focus {color:#bd4c50; background: no-repeat #FFF;  outline:none; border-bottom:1px solid #caafb0; border-left:1px solid #caafb0; border-top:1px solid #caafb0; }
.button-matrix { float:left; background:#f2f2f2; color:#FFF; width:54px; height:30px; background: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:54px; 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: 86px; height:30px; background: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;}
.button-outofStock:Hover  { float:left; color:#e04242; width: 86px; 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;}
.NotifyWarning { color: #ab7374 }
.OutofStockCSS { color: #990000 }
.InStockCSS { color: #060 }
.BackOrderCSS { color: #f7941d }
/* ----- END - Add to Basket ----- */


/* ----- Call to Action container ----- */
.CTA {position:relative}
.CTAHeader {background-color:#FFFFFF; padding:0 7px; font-size:12px; position:absolute; left:14px; top:-6px; z-index:1; color:#888888}
.CTA-border { border:5px solid #F0F0F0; height:1%; overflow:hidden; padding:10px; margin-top:28px; position:relative; text-align:center}
#basket-cards { clear:both; }
#basket-cards img{ margin-left:7px; margin-top:7px; padding-right:7px; border-right:1px solid #D1D1D1}
#basket-cards img.end{ margin-left:7px; margin-top:7px; padding-right:7px; border-right: none}
/* ----- END - Call to Action container ----- */

table#cookies {
	font-family: "arial", Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	text-align: left;
	margin-bottom:20px;
	line-height: 170%;
}
table#cookies p {
	font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 8.5pt; font-weight: normal; font-style: normal; line-height: 170%; text-decoration: none;
	
}

table#cookies th {
	background: whitesmoke;
	font-weight: normal;
	color: #666666;
	border: 1px solid #CCC;
	padding:10px;
}

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

table#cookies td {
	font-weight: normal;
	border: 1px solid #CCC;
	text-align: left;
}

table#cookies td a {
	color:#3B782B;
	font-size: 8.5pt;
}

/* ----- END - Newsletter ----- */
input {outline: none!important;}
.newsletter-footer { border:none; outline:none; margin: 0; width: 100%; padding: 7px; float:left; clear:left; margin: 7px 0; font-size:11px; color:#919191; -webkit-border-radius: 0px; background: #49545a; height: 30px;}
.newsletter-footer:hover, .newsletter-footer:active {color:#FFF; background:#4d5e68}
.newsletter-footer-submit{position:absolute;left: 197px;top: 35px;height: 30px; background-color: #00aeef;color:#FFF;padding:0; text-decoration:none; cursor:pointer; font-size:10px; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif;  padding: 0 7px;line-height: 250%;}
.newsletter-footer-submit:hover {background-color:#666; color:#fff}
#newsletter-footer-text {float:left; clear:both; margin-top: 0px; font-size: 9px; color: #fff; display:none; }
#newsletter-footer-text b {color: #fff;}
.newsletterSuccess { background: #549c1f url(layout/reviews/tick.png) no-repeat; background-size:14px; background-position:5px; padding: 0px 14px 0px 25px;}
.newsletterFail { background:#b51515 url(layout/reviews/cross.png) no-repeat; background-size:14px; background-position:5px; padding: 0 10px 0 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:60px;border: 1px solid #dbdbdb; float:left}
.newsletter-form:hover {border: 1px solid #c5c5c5;}
.newsletter-form:focus { color:#333}
.newsletter-Send { border:0; width:124px; 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 { color:#fff; 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 {color:#fff; 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:24px;  color:#FFFFFF}
#newsletter-page-text {margin:7px 0;}
/* ----- END - Newsletter ----- */