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

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

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

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

table#store-grid {
	background:;
	width: 1000px;
}

td#masthead { height: 100px; width: 980px; margin: 0px; padding: 0px; }

ul.general-links { list-style: none; padding: 0px; margin: 0px; width: 100% }
ul.general-links a { margin-right:10px; }

ul.general-links li { float: left; height: 40px; }
ul.general-links li.cards { float: left; height: 40px; text-align: right; width: 233px; }
ul.general-links li a { display: block; height: 30px; line-height: 210%; background: #94b0bc; padding-left: 5px; padding-right: 5px; margin-right: 10px; font-weight: bold; color: #fff; text-decoration: none; }
ul.general-links li a.alt { display: block; height: 30px; line-height: 210%; background: #eaf0f2; padding-left: 5px; padding-right: 5px; margin-right: 10px; font-weight: bold; color: #94b0bc; text-decoration: none; }

td#sub-header {}

td#column-a {
	width: 150px;
	text-align: left;
	vertical-align: top;
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
	margin: 0px;
	background:#f6f6f5;
	
}

td#column-b {
	width: 688px;
	text-align: left;
	vertical-align: top;
	padding-left: 12px; padding-right: 0px; padding-top: 12px; padding-bottom: 0px;
	margin: 0px;
}

td#column-b-Checkout {
	width: 1000px;
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

td#column-c {
	width: 150px;
	text-align: left;
	vertical-align: top;
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
	margin: 0px;
	background:#d6e2e7;
}

ul.brand-list { list-style: none; margin: 0px; padding: 0px; }
ul.brand-list li { margin: 0px; padding: 3px; background: #d6e2e7; }
ul.brand-list li.alt { margin: 0px; padding: 3px; background: #c8d7dc; }

td#footer {
	height: 150px;
	width: 1000px;
	text-align: right;
	vertical-align: top;
	background: #f1efe9;
	margin: 0px;
	padding: 0px;
}

/* Home Page Top Products */

ul.hm-top-products { list-style: none; margin: 0px 12px 0px 0px; padding: 0px; float: left; width: 217px; height: 299px; }

ul.hm-top-products li.txt { text-align: center; margin: 0 auto 0 auto; padding-top: 5px; width: 217px; height: 50px; background: #666; }
ul.hm-top-products li.txt:hover { background: #e69814; }
ul.hm-top-products li.img { text-align: center; margin: 0 auto 0 auto; padding-top:10px; padding-bottom:10px; height: 167px; width: 215px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; background: #fff;  }
ul.hm-top-products li.price { text-align: center; margin: 0 auto 0 auto; height: 42px; width: 215px; border: 1px solid #efefef; background: #f3e9d9; }

ul.hm-top-products li.txt a.txt {  font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #fff; font-weight: bold; font-style: normal; text-decoration: none; display: inline-block; height: 50px; width: 217px; text-decoration: none; }
ul.hm-top-products li.txt a.txt:hover {  font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #fff; font-weight: bold; font-style: normal; text-decoration: none; display: inline-block; height: 50px; width: 217px; text-decoration: none; vertical-align: middle; }

span.hm-now { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #e69814; font-weight: bold; font-style: normal; text-decoration: none; }
span.hm-was { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #999; font-weight: bold; font-style: normal; text-decoration: none; }

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

.Instructions { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #666; font-weight: normal; font-style: normal; }

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

h1 { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #60605d; font-weight: bold; font-style: normal; text-decoration: none; display: inline; letter-spacing: -1pt; margin-bottom:10px; }
h2 { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #60605d; font-weight: bold; font-style: normal; text-decoration: none; display: inline; letter-spacing: -0.5pt; text-transform:capitalize; }
h3 { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #000; font-weight: normal; font-style: normal; text-decoration: none; }
h4 { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #000; font-weight: normal; font-style: normal; text-decoration: none; }

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

P.orange {
	color: #e69814;
}

P.red {
	color: #e64514;
}

a {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

a:hover {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e69814;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

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

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

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

a.buy-button:hover {
font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; font-weight: bold; font-style: normal; text-decoration: none; text-align: center; line-height: 200%; display: block; width: 135px; height: 25px; margin-right: 10px; background: #e69814; float: left;
}

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

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

/*td.ContentTableHeader { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #FFFFFF; font-weight: bold; font-style: normal; text-decoration: none; display: inline; letter-spacing: -0.5pt; text-transform:capitalize; height: 25px; background: #666; text-decoration: none; padding-left:5px;}*/

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

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

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

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

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

div#shopping {
	width:170px;
	height:70px;
	background-image:url(layout/bg-top-shopping.jpg);
	background-repeat:no-repeat;
	padding-top:22px;
}

div#padding {
	padding-left:10px;
}

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

/* 1. Re-order Buttons */

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

/* 2. Search Results */

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

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

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

div.product {
	width: 680px;
	float: left;
	margin-bottom: 5px;
	margin-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}
div.product-alt {
	background-color:#f6f6f5;
	width: 680px;
	float: left;
	margin-bottom: 5px;
	margin-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

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

div.productimage {
	width: 167px;
	height: 167px;
	float: left;
	margin-left:5px;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
div.productdetails {
	float: left;
	width: 500px;
}

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

span.ProductListHead a { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #60605d; font-weight: bold; font-style: normal; text-decoration: none; display: inline; letter-spacing: -0.5pt; text-transform:capitalize; }
span.ProductListHead a:hover { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #e69814; font-weight: bold; font-style: normal; text-decoration: none; display: inline; letter-spacing: -0.5pt; text-transform:capitalize; }

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

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

div#price {
	background:#f1efe9;
	padding:5px;
	border:1px dashed #dad8d2;
	margin-bottom:15px;
	width:300px;
}

/* -------------------------------------------------------------------- */
/* Shipping Charges Table */

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

table#shipping th {
	background: #666;
	font-weight: normal;
	color: #fff;
	border: 1px solid #666;
}

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

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

table#shipping td.free {
	font-weight: normal;
	border: 1px solid #e69814;
	background: #e69814;
	color:#FFFFFF;
	text-align: center;
}

/* Shipping Charges Table */

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

table#refund th {
	background: #666;
	font-weight: normal;
	color: #fff;
	border: 1px solid #666;
}

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

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

table#refund td.free {
	font-weight: normal;
	border: 1px solid #e69814;
	background: #e69814;
	color:#FFFFFF;
	text-align: center;
}



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

.now { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #e69814;  font-weight: bold; font-style: normal; text-decoration: none; letter-spacing:-0.8pt; text-transform:capitalize; }
.was { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #999; font-weight: bold; font-style: normal; text-decoration: none; letter-spacing:2.0pt; text-transform:capitalize; }

div#divCurrency {
	background: #ECF9FF;
	padding: 5px;
	height: 20px;
	width: 680px;
	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: 230px;
	height: 105px;
	float: left;
	margin-right: 8px;
	padding-right: 5px;
}

.recommended {
	border: 1px solid thin #f5f4f1;
}

/* ------------------------------------------------------------------------------ */
/* 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: 335px;
	height: 95px;
	background: url(/Images/review-bg.jpg);
}

div#review-title {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
	position: relative;
	top: 28px;
	left: 10px;
}

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

div#average-text {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
	width: 155px;
	height: 25px;
	line-height: 25px;
	float: left;
}

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

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

div.review-details {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
	width: 335px;
	position: relative;
	left: 5px;
}

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

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

div#feedback-title {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
}

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

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

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

div#comments  {
	padding:10px;
	width:335px;
	background: fbf2e3;
	border: 1px solid #c5d8cd;
}

div.deliverybg  {
	padding:10px;
	width:335px;
	background: fbf2e3;
	border: 1px solid #c5d8cd;
}

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

.TopGroup {
	background: #e9e9e9;
	border-bottom: 1px solid #FFFFFF;
}

.Group {
	background: #e9e9e9;
	border-bottom: 1px solid #FFFFFF;
}

.Item {
  	font-family: "arail", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	color: #333;
	font-weight: normal;
}


.ItemH {
	background: #e69814; 
	color: #FFFFFF; 
	font-weight: normal;
	font-family: "arail", Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	cursor: pointer;
}


.ItemExp {
	background: #e69814; 
  	color: #FFFFFF; 
  	font-weight: normal;
  	font-family: "arail", Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px; 
  	cursor: pointer;
}


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

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

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

div.map3  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 670px;
	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: "Arial", Verdana, Arial, Helvetica, sans-serif;
	color: #e64514;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
	
}

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

.ContentTableHeader {
	font-family: Tahoma;
	font-size: 10pt;
	color: #FFF;
	font-weight: Normal;
	font-style: normal;
	text-decoration: none;
	background: #666;
	text-align: center;
	padding: 5 0 5 0;
}

/* ------------------------------------------------------------------------------ */
/* 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: 10px;
	padding: 15px;
	display: none;
}

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

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

div#vertical_slide {
	font-weight: bold;
}

div#vertical_slide2 {
	background: #E6F2FF;
	font-weight: bold;
	clear: right;
}
a#toggle_shipping { cursor: pointer; }

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