/* 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: url(/layout/wolves-bg.jpg) top left repeat-x; }

table#masthead-grid { background: ; width: 100%; height: 223px; margin: 0 auto 8 auto; }
table#store-grid { background: ; width: 960px; text-align: center; margin: 0 auto 0 auto; }
table#footer-grid { background: url(/layout/footer-bg.png) top left no-repeat; width: 960px; height: 200px; margin: 0 auto 0 auto; }

table.footer-content { width: 960px;  }
table.footer-content td.ft-general-links { border-top: 1px solid #004885; background: url(/layout/wolves-logo-small.png) top right no-repeat; height: 120px; }

ul.ft-quick-links { list-style: none; padding: 0px; margin: 20px 0px 0px 0px }
ul.ft-quick-links li { float: left; padding: 0px 25px 10px 0px; margin: 0px }
ul.ft-quick-links li a { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #004885; font-weight: normal; font-style: normal; text-decoration: none }
ul.ft-quick-links li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #3399CC; font-weight: normal; font-style: normal; text-decoration: none }


td#masthead { height: 223px; width: 100%; margin: 0 auto 0 auto; text-align: center; }
td#sub-header { height: 50px; width: 960px; margin: 0 auto 0 auto; text-align: center; }

td#column-a { width: 274px; text-align: left; vertical-align: top; padding-top: 10px }
td#column-b { width: 678px; text-align: left; vertical-align: top; padding-top: 10px; padding-right: 8px }

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

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

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

/* ------------------------------------------------------------------------------ */
/* Common Features */

table.masthead-features { width: 960px; height: 223px; text-align: center; background: ; }
table.masthead-features tr td.brand { background: url(/layout/dummy-masthead-promo.jpg) top left no-repeat; width: 480px; height: 185px }

table.masthead-features tr td.brand div.bounding-box { width: 480px; height: 185px; position: relative }

table.masthead-features tr td.brand div.bounding-box div.wolves-logo { position: absolute; float: left; top: 0px; left: 0px }

table.masthead-features tr td.brand div.bounding-box ul.mini-menu { list-style: none; padding: 0px; margin: 0px; width: 480px; height: 41px; position: absolute; top: 144px; left: 0px; }
table.masthead-features tr td.brand div.bounding-box ul.mini-menu li { padding: 0px; margin: 0px; float: left }

table.masthead-features tr td.mini-promo { background: url(/layout/dummy-mini-promo.jpg) top left no-repeat; width: 480px; height: 144px }
table.masthead-features tr td.log-in { background: url(/layout/dummy-log-in.jpg) top left no-repeat; width: 480px; height: 41px; text-align: left; color: #FFFF00 }
table.masthead-features tr td.log-in span { display: block; width: 420px; height: 36px; margin: 5px 0px 0px 60px }
table.masthead-features tr td.log-in span a { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #FFFF00; font-weight: normal; font-style: normal; text-decoration: underline; }
table.masthead-features tr td.log-in span a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #FFFF00; font-weight: normal; font-style: normal; text-decoration: none; }  

table.navigation { width: 960px; height: 38px; background: url(/layout/navigation-bg.jpg) top left no-repeat;  }

table.basket { border: 1px solid #004885; margin-bottom: 8px; height: 130px }
table.basket tr td.basket-title-bg { background: url(/layout/leftcol-title-bg.jpg) top left no-repeat }
table.basket tr td.basket-content { padding: 0px 10px 0px 10px }
table.basket tr td.basket-content p { padding: 0px; margin: 0px }

ul.basket-controls { list-style: none; padding: 0px; margin: 0px }
ul.basket-controls li { float: left; padding: 0px; margin: 0px }
ul.basket-controls li.button { padding-left: 40px }

table.subscribe { background: #0060a0; border: 1px solid #004885; margin-bottom: 8px; height: 130px }

table.subscribe ul.connected { list-style: none; padding: 0px; margin: 0px }
table.subscribe ul.connected li { float: left; padding: 0px; margin: 0px }

table.promo { border: 1px solid #004885; margin-bottom: 8px; height: 266px }
table.promo tr td.promo-title-bg { background: url(/layout/leftcol-title-bg.jpg) top left no-repeat; height: 32px }

span.titles { display: block; height: 32px; font-family: Arial, Helvetica, sans-serif; font-size: 9.5pt; font-weight: bold; color: #fff; text-transform: uppercase; padding: 8px 0px 0px 8px; margin: 0px }

table.float-a { float: left; padding-right: 16px; margin-right: 8px; }
table.float-b { float: left; padding-left: 16px; margin-left: 8px; }

.Headings { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #3399CC; font-weight: bold; font-style: normal; text-decoration: none; display: inline; }

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

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20pt; color: #004885; font-weight: bold; font-style: normal; text-decoration: none; display: inline; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #3399CC; font-weight: bold; font-style: normal; text-decoration: none; display: inline; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 8.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: 8.5pt; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none; }

a { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #004885; font-weight: normal; font-style: normal; text-decoration: underline; }
a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #3399CC; font-weight: normal; font-style: normal; text-decoration: none; }

a.a-button { font-family: Arial, Helvetica, sans-serif; font-size: 8.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: 8.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: 8.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: #004885; float: left; }
a.forgot-button:hover { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #FFFF00; 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: #3399CC; float: left; }

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

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

.Content { font-family: 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: Arial, Helvetica, sans-serif; font-size: 8.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-a { width: 50%; float: left; }
div#content-b { width: 50%; float: left; }

table.flash-promo { border: 1px solid #004885; margin-bottom: 8px; height: 268px; width: 678px; }

table.hot-products { border: 1px solid #004885; margin-bottom: 8px; width: 678px; }
table.hot-products tr td.hot-products-bg { background: url(/layout/main-content-bg.jpg) top left no-repeat; height: 32px }

table.rep-items { width: 167px; height: 250px; float: left; text-align: center }
table.rep-items tr td.hot-products-content { padding: 10px }
table.rep-items tr td.hot-products-content a { font-family: Arial, Helvetica, sans-serif; color: #004885; font-size: 8.5pt; font-weight: bold; font-style: normal; line-height: 150%; text-transform: uppercase; text-decoration: underline; }
table.rep-items tr td.hot-products-content a:hover { font-family: Arial, Helvetica, sans-serif; color: #004885; font-size: 8.5pt; font-weight: bold; font-style: normal; line-height: 150%; text-transform: uppercase; text-decoration: none; }

/* ------------------------------------------------------------------------------ */
/* 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 8px 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 { list-style: none; width: 167px; height: 250px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 00px; background: #fff; float: left; text-align: center }

ul.search-item li.img { float: left; width: 167px; height: 125px; overflow: visible; padding: 0px; }
ul.search-item li.img img { border: none; }

ul.search-item li.txt { float: left; width: 167px; height: 125px; padding: 10px; }

ul.search-item li.txt a { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #004885; text-transform: uppercase; font-weight: bold }

div.navigation { width: 678px; 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 Page Specific */

table.product-info { border: none }  

tr.ProductName td { background: url(/layout/main-content-bg.jpg) top left no-repeat; height: 40px; width: 678px }

td.main-product-img { width: 340px; height: 249px }
td.buy-tools { background: #f8f8f8; width: 338px; height: 249px; padding: 10px }

.mask { float: left; position: absolute }

td.related-title { background: url(/layout/main-content-bg.jpg) top left no-repeat; height: 32px; width: 678px }

table.related-item { width: 167px; height: 165px; float: left; }

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

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


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

p.now { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: #004885; font-weight: normal; font-style: normal; text-decoration: none }
p.was { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #3399CC; font-weight: normal; font-style: normal; text-decoration: none }

p.now-sml { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #FF0000; font-weight: normal; font-style: normal; text-decoration: none; display: inline }
p.was-sml { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #004885; font-weight: normal; font-style: normal; text-decoration: none; display: inline }

div#divCurrency {
	background-color: #ECF9FF;
	padding: 0px;
	height: 0px;
	width: 0px;
}

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: 8.5pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #362f2d;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------ */
/* Save As... Guide */

#nick-name {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display: none;
	position: absolute;
	background: #FFFFFF;
}

#alt-billing {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display:none;
	position:absolute;
	background: #FFFFFF;
}

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

#TopProd1, #TopProd2, #TopProd3, #TopProd4, #TopProd5, #TopProd6, #TopProd7, #TopProd8, #TopProd9, #TopProd10 {
	margin: 0px;
	padding: 10px;
	border: 1px solid #003366;
	display: none;
	position: absolute;
	background: #FFFFFF;
}

/* ------------------------------------------------------------------------------ */
/* Customer Reviews */

div#review-header {
	width: 305px;
	height: 95px;
	background: url(/Images/review-bg.jpg);
}

div#review-title {
	position: relative;
	top: 28px;
	left: 10px;
}

div#review-average {
	width: 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: 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: ; }

.Group { background: #004885; }

.Item {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	cursor: pointer;
	color: #FFFF00;
}


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


.ItemExp {
	background: #f3f1ea; 
  	color: #fff; 
	font-weight: bold;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 8.5pt;  
  	cursor: pointer;
}


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

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

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

div.map3  {
	font-family: Tahoma;
	font-size: 8.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: 8.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: 8.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: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	width:100%;
}

table#shipping th {
	background: #f3f3f3;
	font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666;
	border: 1px solid #d6d6d6;
}

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

table#shipping td {
	font-weight: normal;
	background: #fff;
	border: 1px solid #d6d6d6;
	text-align: center;
}
table#shipping td b{
	font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666;
}

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

/* -------------------------------------------------- */
/* Collect@Store */

table.collectatstore { border: 1px solid #e5e5e5; margin: 10px 0px 10px 0px }
table.collectatstore p { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10.5pt; color: #333 }


/*---------------------------------------------------*/
/*Personalise Link */

.personalise a {color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:8.5pt; text-decoration:none;}
.personalise a:hover {font-weight: bold; text-decoration:none; color: #f7e614;}