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

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

html, body { height: 100%; margin: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; background:#f6f4eb url(layout/bg-lines.gif) }
table#store-grid { width: 1000px; text-align: center; margin: 0 auto 0 auto; }
table#footer-grid { width: 100%; height: 200px; margin: 0 auto 0 auto; }
td#column-a { width: 225px; text-align: left; vertical-align: top; padding-left: 10px; padding-top: 10px; background: url(/layout/vertical-spacer.jpg) top right repeat-y; }
td#column-b { width: 900px; text-align: left; vertical-align: top; padding-top: 0px; margin:0px 30px 0px 30px}
td#full-width { width: 945px; text-align: left; vertical-align: top; padding-top: 10px; }
td#footer { height: 200px; width: 100%; margin: 0 auto 0 auto; text-align: center; vertical-align: middle; }

table#footer-cards {background:url(layout/footer-bg.png) no-repeat; width:960px; height:120px; padding:65px 0px 0px 315px; }
table#footer-cards p a {font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration:underline; text-align: left}
table#footer-cards a:hover { text-decoration:none;}
dl { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left }
dl dt { float: left; padding: 2px 0px 5px 0px; line-height: 130%; font-weight: bold; width: 75px; }
dl dd { margin: 0px; padding: 2px 0px 5px 0px; line-height: 130%; }
table#footer-grid tr td p.header { text-decoration: none; line-height: 200%; color: #666; font-weight: bold }
/* ------------------------------------------------------------------------------ */
/* Top banner */

table#masthead-grid { background: #cfc6be; width: 100%; height: 40px; margin: 0px 0px 10px 0px; }
td#masthead { height: 40px; width: 100%; margin: 0 auto 0 auto; text-align: center; }
table.masthead-content { width: 945px; height: 40px; border: none; padding: 0px; margin: 0px; }

ul#header-tabs { margin:0px; padding:0px;}
ul#header-tabs li { float:left; color:#FFFFFF; font-weight:bold; list-style:none; margin-right:15px; line-height:300%;}
ul#header-tabs a {color:#FFFFFF; font-weight:bold; margin:0px; border:0px; font-size: 10pt; }
ul#header-tabs a:hover {color:#f8f1eb;}

div#basket { margin:0px; padding:0px; color:#FFFFFF; float:right}
div#basket a {color:#FFFFFF; font-weight:bold; margin:0px; border:0px; line-height:200%}
div#basket a:hover {color:#f8f1eb;}

/* ------------------------------------------------------------------------------ */
/* Sub banner */

td#sub-header { height: 50px; width: 960px; margin: 0px; padding: 0px; text-align: center;}
table.sub-grid-contents { width: 960px; height: 50px; padding: 0px 0px 0px 0px; margin: 0px; background:url(layout/subBanner-bg.png) no-repeat; }
table#sub-grid { width: 100%; height: 50px; margin:0px; border:0px; text-align: center; }
table#sub-grid tr td { width: 100%; }


/* ------------------------------------------------------------------------------ */
/* Sub banner */

td#sub-header { height: 50px; width: 960px; margin: 0px; padding: 0px; text-align: center;}
table#sub-grid { width: 100%; height: 50px; margin:0px; border:0px; text-align: center; }
table.sub-grid-content { width: 960px; height: 50px; padding: 5px 0px 0px 0px; margin: 0px; background:url(layout/subBanner-bg.png) no-repeat; }
table#sub-grid tr td { width: 100%; }


/* ------------------------------------------------------------------------------ */
/* flash banner */
table#flash-grid { width: 100%; height: 50px; margin:0px; border:0px; text-align: center; }
table.flash-grid-content { width: 1150px; height: 510px; padding: 0px 0px 0px 0px; margin: 0px; background:url(layout/flash-grid-bg.png) no-repeat; }
table#sub-grid tr td { width: 100%; }
td#homeContent { padding:20px; text-align:left;}

div#viewer {width:500px; padding:0px}
div#viewerPadding { margin:35px 0px 0px 115px; }

div#homepage {width:350px; padding:0px}
div#homepagePadding { margin:270px 0px 0px 0px; }



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


.ErrorMessage {color:#993300; font-weight:bold}
.Message {color:#993300; font-weight:bold}

.ErrorMessageDetail {color:#ffffff; background-color:#993300; font-weight:bold; size:18px; text-align:center; text-indent:20px; padding:15px; line-height:200%}
.MessageDetail {color:#ffffff; background-color:#666666; font-weight:bold; size:18px; text-align:center; text-indent:20px; padding:15px; line-height:200%}

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

div#brand{ float:left; height:100px; margin-left:20px;}
div#serachTitle{ float:left; height:100px; width:625px;}


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

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; color: #666; font-weight: bold; font-style: normal; text-decoration: none; display: inline; letter-spacing: -0.05em }
h1.detail { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color: #666; font-weight: bold; font-style: normal; text-decoration: none; display: inline; letter-spacing: -0.05em }
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: normal; 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; }

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

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: #a49b91; float: left; }
a.forgot-button:hover { 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: #9b9086; 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; }

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

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

table#hotProducts {width:1000px; background:url(layout/shadow-bg-side.png) repeat-y; padding:0px}
table#hotProducts tr td { padding:10px 0px 0px 40px;}

ul.topNine { margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; width: 167px; height:280px; float: left; }
ul.topNine li.img { width: 167px; margin: 0px; padding: 0px; float: left; height:167px;}
ul.topNine li.txt { width: 167px; margin: 0px; padding: 0px; float: left; text-align:center; }
ul.topNine li.txt a { line-height: 1.8em; color: #666666; font-size: 1em; font-weight:bold; text-decoration:none; letter-spacing: -0.05em }
ul.topNine li.txt a:Hover { text-decoration: underline; }

/* ------------------------------------------------------------------------------ */
/* Additional Pages */


table#AdditonalPages {width:1000px; background:url(layout/shadow-bg-side.png) repeat-y; padding:0px}
table#AdditonalPages tr td { padding:20px 40px 20px 40px;}

table#SizingPages {width:1000px; background:url(layout/shadow-bg-side.png) repeat-y; padding:0px}

img.floatLeft {float:left; margin:20px 20px 20px 0px}
img.sizing {float:left; margin:20px 30px 20px 20px}

table.pressblog h2 {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 13pt; font-weight: normal; font-style: normal; font-weight:bold;}
table.pressblog {width: 910px;}
table.pressblog tr td {padding: 20px 40px 20px 40px;}
table.pressblog img {float: left; vertical-align: top; margin: 0px 20px 10px 0px; padding-top:0px; width: 600px; border: 1px solid  #cdcbc1;}
p.pressblogContent { text-align:justify; margin:15px 10px 20px 10px;}

table.othermediablog h2 {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12pt; font-style: normal; font-weight:bold;}
table.othermediablog {width: 910px;}
table.othermediablog tr td {padding: 0px 40px 0px 40px;}
table.othermediablog img {float: right; vertical-align: top; margin: 0px 0px 10px 20px; padding-top:0px; width: 250px; border: 1px solid  #cdcbc1;}

table.bloghome h2 {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 13pt; font-style: normal; font-weight:bold;}
table.bloghome {padding:50px 25px 10px 20px; text-align:left;}
table.bloghome tr td 
table.bloghome img {float: left; vertical-align: top; margin: 0px 20px 10px 0px; padding-top:0px; width: 300px; border: 1px solid  #cdcbc1;}


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

/* 1. Re-order Buttons */

ul.reorder { list-style: none; width: 678px; height: 65px; margin: 0px; padding: 0px; }
ul.reorder li { float: left; width: 113px; height: 65px; } 

/* 2. Top Sellers In Category */

ul.top-sellers { margin: 0px 10px 0px 0px; padding: 0px; list-style: none; height: 51px; width: 300px; float: left; border-bottom: 1px solid #CCC; }
ul.top-sellers li.img { width: 50px; height: 50px; margin: 0px; padding: 0px; float: left; }
ul.top-sellers li.txt { width: 250px; height: 50px; margin: 0px; padding: 0px; float: left; }

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

div#NewSearch1_UpdatePanel1 { clear: both; }

ul.search-item { margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; width: 167px; height:280px; float: left; }
ul.topsearch-itemine li.img { width: 167px; margin: 0px; padding: 0px; float: left; height:167px;}
ul.search-item li.txt { width: 167px; margin: 0px; padding: 0px; float: left; text-align:center; }
ul.search-item li.txt a { line-height: 1.8em; color: #666666; font-size: 1em; font-weight:bold; text-decoration:none; letter-spacing: -0.05em }
ul.search-item li.txt a:Hover { text-decoration: underline; }


div.navigation { width: 500px; 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 {width: 100%; text-align:center; margin:10px;}

table#search-grid { }
table.search-grid-content { width: 1000px; height: 472px; padding: 0px 0px 0px 0px; margin: 0px; background:url(layout/search-grid-bg.png) no-repeat; }

div#catImage { width: 580;}
div#catImagePadding {margin: 22px 0px 0px 30px}

div#catDesc { width: 915;}
div#catDescPadding {margin: 0px 0px 20px 0px;}

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

table#detail-grid { width: 100%; height: 50px; margin:0px; border:0px; text-align: center; }
table.detail-grid-content { width: 1000px; height: 520px; padding: 0px 0px 0px 0px; margin: 0px; background:url(layout/detail-grid-bg.png) no-repeat; }

div#mivImage { width: 700px;}
div#mivImagePadding {margin: 22px 0px 0px 26px}

div#addToBasket { width: 250;}
div#addToBasketPadding {margin: 100px 0px 0px 0px}

div#padding { margin-bottom:20px;}
div#paddinSizing { padding:20px 40px 20px 40px;}

table.buy-tools {margin: 10px 0px 30px 10px; padding: 0px; height: 78px; width:970px; background:url(layout/buy-bg.png) no-repeat; }
table.buy-tools tr td.container { height: 45px; margin: 0px; padding:25px 0px 0px 80px; vertical-align:top;  }
table.buy-tools tr td.butAddToBasket { padding:12px 0px 0px 0px; vertical-align:top;}

table.Description tr td.DescriptionContainer {padding:0px 0px 30px 20px; list-style:none;}
table.Description tr td.DescriptionContainer p { line-height:200%}
table.Description tr td.DescriptionContainer li {margin:0px 0px 0px 30px; padding:0px 0px 0px 15px;}


table#store-grid-checkout { width: 960px; text-align: center; margin: 0 auto 0 auto; background-color:#FFFFFF; padding:10px;}
table#store-grid-account { width: 960px; text-align: center; margin: 0 auto 0 auto;  padding:10px;}



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

.now {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #888;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
}

.was {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #d18080;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	
}
.nowDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #666;
	font-weight:bold;
	text-decoration: none;
	letter-spacing: -0.05em
}

.wasDetail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #736357;
	font-weight: bold;
	text-decoration: none;
	
}

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

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

table#recommended-grid {width:1000px; background:url(layout/shadow-bg-side.png) repeat-y; padding:0px 0px 0px 0px; margin:0px 0px 30px 0px}
table#recommended-grid tr td { padding:5px 0px 0px 11px; text-align:left;}
img.title { padding:5px 0px 0px 30px; text-align:left;}

table#recommended-grid tr td a { line-height: 1.8em; color: #666666; font-size: 14px; font-weight:bold; text-decoration:none; letter-spacing: -0.05em}
table#recommended { width: 167px; height:280px; float: left; margin: 0px 0px 0px 0px; padding:0px; }

table#recommendedTitle {width:1000px; background:url(layout/shadow-bg-side.png) repeat-y; padding:0px; margin:0px 0px 00px 0px}
table#recommendedTitle tr td { padding:10px 0px 0px 40px}

table#topSeller {width:1000px; background:url(layout/shadow-bg-side.png) repeat-y; padding:0px; margin:0px 0px 30px 0px}
table#topSeller tr td { padding:10px 0px 0px 40px}

/* ------------------------------------------------------------------------------ */
/* 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: 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 */
div#nav { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background: none; }
div#nav td { font-size: 18px; }

.TopGroup {}

.Group { background: none }

.Item {
	background: #bcb2a9; 
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5pt;
	cursor: pointer;
	color: #ebe8c2;
	font-weight:bold;
}


.ItemH {
	background: #bcb2a9;
	color: #fffde8; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11.5pt;  
  	cursor: pointer;
}


.ItemExp {
	background: #bcb2a9; 
  	color: #FFFFFF; 
  	font-weight: bold;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11.5pt;  
  	cursor: pointer;
}

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

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

table#sizing {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	margin-bottom:20px;
}

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

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

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



/* Site Map Styles */
/* ------------------------------------------ */
div.map0  {
	font-family: Tahoma;
	font-size: 10.5pt;
	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: 10.5pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 20px;
}

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

div.map3  {
	font-family: Tahoma;
	font-size: 10.5pt;
	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: 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;
}

/* ------------------------------------------------------------------------------ */
/* 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; }
table#new-account { float: left; }

img.icon {float:left; margin: 0px 10px 10px 0px}