/* 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-image:url(/Images/grass.jpg);
	background-repeat:repeat;
	background-position:center;
	background-position:top
}

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

table#store-grid {
	width: 945px;
	background-color:#FFFFFF;
}

td#masthead {
	height: 105px;
	width: 960px;
	vertical-align: top;
	background-image:url(Images/bg-top.jpg);
	padding:0px;
}

td#sub-header {
	
}

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

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

td#footer {
	height: 250px;
	width: 945px;
	text-align: center;
	vertical-align: middle;
}

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

.Instructions {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #adadad;
	font-weight: normal;
	font-style: normal;
}
#sidebarheader {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	width:225px;
	background:#aea790;
	padding:10px;
}

#search{
	width:250px;
	height:30px;
	float:right;
	padding:0px;
	position:relative;
	top:10px;
}
#logo{
	width:150px;
	height:100px;
	float:left;
	padding:0px;
	position:relative;
	left:-25px;
	top:10px;
}
#bg {
	background-image:url(Images/bg.jpg);
}

#nav {
	float:right;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	color: #FFFFFF;
	position:relative;
	left:+3px;
	top: 30px;
	width:625px;
	height:46px;
}

#carttext {
	padding:5px;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#444444;
}

/* ------------------------------------------------------------------------------ */
/* Naviagtion Font Styles */

a.home {
	float:left;
    display: block;
    width: 58px;
    height: 46px;
    background: url("/layout/but-home.jpg") 0 0 no-repeat;
}
 
a:hover.home {
    background-position: -58px 0;
} 

a.where {
	float:left;
    display: block;
    width: 101px;
    height: 46px;
    background: url("/layout/but-where.jpg") 0 0 no-repeat;
}
 
a:hover.where {
    background-position: -101px 0;
}
a.brands {
	float:left;
    display: block;
    width: 78px;
    height: 46px;
    background: url("/layout/but-brands.jpg") 0 0 no-repeat;
}
 
a:hover.brands {
    background-position: -78px 0;
} 
a.contact {
	float:left;
    display: block;
    width: 94px;
    height: 46px;
    background: url("/layout/but-contact.jpg") 0 0 no-repeat;
}
 
a:hover.contact {
    background-position: -94px 0;
} 

a.contact {
	float:left;
    display: block;
    width: 94px;
    height: 46px;
    background: url("/layout/but-contact.jpg") 0 0 no-repeat;
}
 
a:hover.contact {
    background-position: -94px 0;
} 

a.shipping {
	float:left;
    display: block;
    width: 75px;
    height: 46px;
    background: url("/layout/but-shipping.jpg") 0 0 no-repeat;
}
 
a:hover.shipping {
    background-position: -75px 0;
}

a.terms {
	float:left;
    display: block;
    width: 140px;
    height: 46px;
    background: url("/layout/but-terms.jpg") 0 0 no-repeat;
}
a:hover.terms {
    background-position: -140px 0;
}  
a.signin {
	float:left;
    display: block;
    width: 154px;
    height: 46px;
    background: url("/layout/but-signin.jpg") 0 0 no-repeat;
}
 
a:hover.signin {
    background-position: -154px 0;
} 


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

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #7c3889;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-image: none;
	text-align: left;
	display: inline;
	letter-spacing: -1px;
}

h2.strap {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #999;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
}

h2 {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline;
}

h2.search-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #7c3889;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-image: none;
	text-align: left;
	display: inline;
	letter-spacing: -0.5px;
}

h3 {
	font-weight:bold;
    	font-size:14px;
    	font-family:Arial, Helvetica, sans-serif;
	color:#9fa370;
    	margin:12px 0 4px 0;
}

h4 {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

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

span.brand {
	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: #666;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

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

a.a-button:hover {
	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: #bab4a3;
	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: #FF9900;
	float: left;
}

a.forgot-button:hover {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	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: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #444;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: #d2b3d4;
	text-align: left;
	height: 30px;
	text-indent: 2px;
}
td.bold {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	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;
}


/* ------------------------------------------------------------------------------ */
/* Home Specific */
div#header-container {
	width:690px;
	background: #7e398b;
}

div.header-text {
	color:#FFFFFF;
	font-size:19px;
	font-weight:normal;
    	font-family:Arial, Helvetica, sans-serif;
	line-height:27px;
	margin:10px;
	line-height: 200%;
}

div#hm-content-container {
	width: 700px;
}

div#hm-content-container-colour{
	width: 690px;
	background: #f5f4f1;
}

div#content-a {
	padding-top:15px;
	padding-right:10px;
	width: 340px;
	float: left;
}

div#content-b {
	padding-top:15px;
	width: 340px;
	float: left;
}

div#content-a-colour {
	padding:15px;
	width: 340px;
	float: left;
}

div#content-b-colour {
	padding:15px;
	width: 340px;
	float: left;
}

div#content-c {
	padding:10px;
	width: 690px;
	float: left;
	background-color:#f5f4f1;
}

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

/* 1. Re-order Buttons */

#reorder-container {
	width: 690px;
	height: 50px;
	float: left;
	clear: both;
	padding-top:10px;
	padding-bottom:10px;
}

/* 2. Search Results */

.searchnow {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	display: inline;
}

.searchwas {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666;
	font-weight:normal;
	font-style: normal;
	text-decoration:line-through;
	display: inline;
}

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

#search-title {
	width: 700px;
}

#category-description {
	width: 700px;
}

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

div.productimage {
	width: 167px;
	float: left;
	border: 1px solid #ECE9E6;
}
div.productdetails {
	float: left;
	background: #ecdaeb;
	height: 170px;
	width: 523px;
}

span.ProductListHead {
	width: 523px;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	text-align: left;
	vertical-align: text-top
}

/* 3. Pagination */

span.search-now {
	width: 230px;
	height: 30px;
	padding-top: 5px;
	color: #FF6600;
	font-size: 8.5pt;
	display: block;
	clear: right;
}

span.search-was {
	display: block;
	clear: right;
}

div.navigation {
	clear: both;
}

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

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

/* ------------------------------------------------------------------------------ */
/* Detail Page */
.title {
	color:#FFFFFF;
	font-size:19px;
	font-weight:normal;
    	font-family:Arial, Helvetica, sans-serif;
	line-height:27px;
	padding:10px;
	background-color:#7e398b;
}
div#largeImage {
	background:url(Images/bg-detail.jpg);
	background-repeat:no-repeat;
	width:685px;
	padding:1px;
	border:#990000;
	height:430px;
}


img.detail-bg {
	background-image:url(layout/detail-bg.gif);
	background-repeat:repeat-y;
	
}

div#long-description p, div#long-description ul, div#long-description 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;
}

/* Home page Top Nine */
/* ------------------------------------------------------------------------------ */

div.hot-product {
	width: 680px;
	height: 167px;
	float: left;
	margin-bottom: 18px;
}

div.hot-productimage {
	width: 167px;
	height: 167px;
	float: left;
	border: 1px solid #ECE9E6;
}

div.hot-productdetails {
	float: left;
	background: #ecdaeb;
	height: 168px;
	width: 511px;
}

span.hot-ProductListHead {
	width: 481px;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	text-align: left;
	vertical-align: text-top;
}

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

.now {
	color:#7e398a;
	font-size:16px;
	font-weight:bold;
    	font-family:Arial, Helvetica, sans-serif;
}

.was {
	color:#7e398a;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: line-through;
}
.saving {
	font-family: Tahoma;
	font-size: 7pt;
	color: #666;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: ;
	background-image: none;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 5px;
}
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: 300px;
	height:80px;
	float: left;
	margin-right: 8px;
	padding-right: 5px;
}

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

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

.Group {
	background: #ecdaeb;
}

.Item {
  	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	cursor: pointer;
	color: #666666;
	font-weight: normal;
}


.ItemH {
	background: #9c6f9e; 
	color: #FFFFFF; 
	font-weight: normal;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8.5pt;  
  	cursor: pointer;
}


.ItemExp {
	background: #9c6f9e; 
  	color: #FFFFFF; 
  	font-weight: normal;
  	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8.5pt;  
  	cursor: pointer;
}

/* Site Map Styles */
/* ------------------------------------------ */
.map0  {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: #7e398b;
	text-align: left;
	padding: 10px 10px 10px 10px;
	text-indent: 2px;
	width:680px;
}

.map1  {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: #ecdaeb;
	text-align: left;
	height: 20px;
	text-indent: 2px;
	padding: 10px 10px 10px 20px;
	width:680px;
}

.map2  {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: #ecdaeb;
	text-align: left;
	height: 20px;
	text-indent: 2px;
	padding: 10px 10px 10px 40px;
	width:680px;
}

.map3  {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: #ecdaeb;
	text-align: left;
	height: 20px;
	text-indent: 2px;
	padding: 10px 10px 10px 60px;
	width:680px;
}
/* ------------------------------------------------------------------------------ */
 

.ErrorMessages {
	font-weight:bold;
    	font-size:14px;
    	font-family:Arial, Helvetica, sans-serif;
	color:#cc6576;
    	margin:12px 0 4px 0;
	
}

.Messages {
	font-weight:bold;
    	font-size:14px;
    	font-family:Arial, Helvetica, sans-serif;
	color:#7c3889;
    	margin:12px 0 4px 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{} */