/* 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;}
td#boarder {border: #000000 solid 1px;  background-color:#FFFFFF;}
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:10px;}
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;}

div#contentLanding {width:675px; border: #000000 solid 1px;  background-color:#FFFFFF; margin-bottom:10px; }
div#contentLandingPadding {margin:10px 0px 10px 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; }



/* ------------------------------------------------------------------------------ */
/* 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: #000; 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: #000; 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: #fff200; 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:#ffa405; 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: #666; 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: #fa9e0e; 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: #e9de03; 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; }
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}

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

/* 1. Header */

div#searchres-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: #000; }
div#reoderContainer a.selected { color: #fff; background: #000; }

/* 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; }
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#price-left {float:left; width:560px;}
div#price-right {float:left}


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; }
.now-detail {line-height: 1.8em; color: #000; font-size: 1em; font-weight:bold; text-decoration:none; letter-spacing: -0.03em}
.was-detail {line-height: 1.8em; color: #000; font-size: 1em; font-weight:normal; text-decoration:none; letter-spacing: 0.03em}
span.addtoBasket {float:left; margin:10px 0px 10px 0px; padding:5px 0px 0px 0px; width:450px; height:60px; background:url(layout/addtoBasket.gif) no-repeat #f2f2f2;}
div#icon {float:right; top}
div#stock {float:left}
.StockCount {color:f5f5f5}

/* 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:0px 0px 10px 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:#fff200; font-weight:bold;}
table#shopping-basket { width: 655px; }


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

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

.was {
	line-height: 1.8em; color: #000; 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: 650px;
	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: #fff200; 
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 10.5pt;  
  	cursor: pointer;
}


.ItemExp {
	background: #5f5f5f; 
  	color: #fff200; 
  	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: #222; font-weight: bold;}
span.sub {	font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #888; font-weight: normal;}

/* Site Map Styles */
/* ------------------------------------------ */
div.map0  {
	font-family: Tahoma;
	font-size: 12.5pt;
	font-weight: bold;
	color: #fa9e0e;
	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 40px;
	font-weight:bold;
}

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

div.map3  {
	font-family: Tahoma;
	font-size: 10.5pt;
	color: #666;
	height: 20px;
	width: 600px;
	padding: 15px 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 }