body { text-align: center; background:#090F33 url(../images/bg_body.jpg) 50% 0 no-repeat; font:62.5%/1.4 arial, sans-serif; color:#333; }

h2, h3, h4, h5, p {  }
h1 {  }
h2	{ font-size:2.6em; color:#99705C; font-weight:bold; margin:0.9em 0 }
h2 em	{ color:#4CAAD4; display:block; padding:0 0 0 170px; }
h3, legend	{ font-size:1.4em; font-weight:bold; color:#99705C; margin:1.5em 0 0.5em }
h3.intro	{ color:#4CAAD4; }
h4	{ font-weight:bold; font-size:1.2em }
p{ text-align: left; line-height: 1.4em; font-size:1.2em; margin:0 0 1em; }
a { color: #99705C; text-decoration: none; }
a:hover, a:focus { color: #4CAAD4; }

a.special-offer {
	width: 160px; height: 141px;
	margin: 0 0 10px 0; padding: 55px 15px 15px 15px;
	display: block; clear: both;
	background: url(../images/bg-special-offer.gif) no-repeat; color: #FFF;
	text-align: center; cursor: pointer;
}
a.special-offer:hover { color: #FFF; }
a.special-offer .offer, a.special-offer .offer-ends { display: block; clear: both; }
a.special-offer .offer { height: 120px; font-size: 14px; font-weight: bold; }
a.special-offer .offer-ends { font-size: 12px; font-weight: bold; }

.cheque { width: 220px; margin: 0; padding: 0; float: right; }
.cheque input.submit { width: 214px; }

.bulleted, .no-bullet	{ margin:0 0 2em; }
.bulleted li	{ list-style:disc inside; font-size:1.2em; }
.no-bullet li	{ margin:0 0 0.5em; font-size:1.2em }

.req, .warning	{ color:#F00 !important }

.return	{ font-size:1.4em; font-weight:bold; margin:1em 0 2em; display:block; width:14em; color:#4CAAD4; white-space:nowrap; }
.return:hover, .return:focus	{ color:#99705C; }

.clearfix:after, #container:after { content: "."; 	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix, #container { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

::-moz-selection{background:#4CAAD4;color:#fff;}
::selection {background:#4CAAD4;color:#fff;}


img.right	{ float:right }

.cb	{ clear:both; }
div.cb, dd.cb	{ height:0; width:100% }
.ir	{ display:block; text-indent:-1000em; background:0 0 no-repeat; overflow:hidden; text-align:left; }
.ir.logo	{ background-image:url(../images/bg_logo.png); width:238px; height:89px; float:left; clear:left; margin:40px 0 0 }
.ir.delivery	{ background-image:url(../images/delivery.png); width:243px; height:60px; float:right; clear:right; margin:55px 0 0 }

/**********	LAYOUT BLOCKS	***********/
#container { width:990px; margin:0 auto; text-align:left; }

#header { width:100%; height:190px; clear:both; position:relative; }

#content { width:100%; clear:both; background:#CFBAB0 url(../images/page-top.gif) 0 0 no-repeat; padding-top:10px; }
	#content #left-col, #content #right-col	{ float:left; width:186px; padding:5px 10px 5px 10px; background:#CFBAB0; margin:5px 0 0; }
	#content #right-col	{ padding:5px 9px }
	#content #centre	{ width:540px; min-height:900px; padding:0 20px; float:left; background:url(../images/page-sides.gif) 0 0 repeat-y; margin-top:7px; }

#footer { width:100%; clear: both; background:url(../images/bg_footer.jpg) 0 0 no-repeat; padding:250px 0 20px; position:relative; color:#CFBAB0; }
	.copyright	{ text-align:center; }
	#footer .payment_methods	{ position:absolute; top:0; left:32% }

/**********	NAV	**************/
.nav a	{ display:block; white-space:nowrap; color:#FFF; }

.nav.main	{ display:block; width:368px; height:28px; position:absolute; right:0; top:0; background:url(../images/bg_orderline.gif) 0 100% no-repeat;  }
.nav.main a, .nav .tel	{ float:left; color:#99705C; font-size:1.2em; margin:0 0.5em; line-height:28px; }
.nav.main a:hover, .nav.main a:focus	{ color:#4CAAD4; }
.nav .tel	{ float:right; font-weight:bold; }
#header .payment_methods	{ position:absolute; top:0; left:0; width:auto; padding:3px 123px 1px 10px; background:url(../images/bg_orderline-small.gif) 0 100% no-repeat; }

.nav.category	{ margin:0 0 2em }
.nav.category a	{ min-height:1em; padding:5px 10px; margin:0 0 1px; line-height:1.2em; background:#AE9B92; font-size: 12px; white-space:normal }
.nav.category a:hover, .nav.category a:focus	{ background:#99705C; }

.nav.actions	{ margin:0 0 1em; }
.nav.actions a	{ background:url(../images/action-bg.gif) 0 0 no-repeat; color:#FFF; width:164px; height:31px; padding:0 10px; line-height:31px; font-size:1.2em;  }
.nav.actions a:hover, .nav.actions a:focus	{ background-position:0 -31px; }

.nav.minor	{ display:block; margin:0 auto; }
.nav.minor li	{ float:left; padding:0 2px; color:#99705C; }
.nav.minor a	{ color:#CFBAB0; }
.nav.minor a:hover, .nav.minor a:focus	{ color:#4CAAD4; }

form.search	{ position:absolute; right:0; bottom:0; width:228px; }
.search label	{ line-height:27px; color:#FFF; font-size:1.3em; display:block; float:left; margin:0 10px 0 0 }
.search input	{ background:url(../images/bg_searchbox.gif) 0 0 no-repeat; color:#FFF; font-size:1.3em; border:none; width:138px; height:22px;line-height:27px; padding:5px 5px 0; display:block; float:left; }
.search input.submit	{ background:none; width:auto; height:auto; padding:0.5em 0.6em;  }

.breadcrumbs	{ display:block; width:100%; height:1.5em; }
.breadcrumbs li	{ display:block; float:left; padding:0 0.5em 0 0 }
.breadcrumbs a	{ display:block; }



/**********	PRODUCTS	**********/

.products	{ clear:both; width:100%; display:block; }
.products li	{ display:block; float:left; width:49%; margin:0 2% 4% 0;}
.products li:nth-child(even)	{ margin-right:0; }
.products li:nth-child(odd)	{ clear:left; }
.products a	{ display:block; }
.products h4	{ margin:0 0 0.3em; line-height:1.2em; color:#99705C; }
.products p	{ margin:0 0 0.5em 90px }
.products .image	{ float:left; display:block; width:80px; border:1px solid #CCC; background:#FFF; margin:0 10px 20px 0; }
.products img	{ display:block; margin:0 auto; }
.products .image:hover, .products .image:focus	{ border-color:#4CAAD4; }
.products .price	{ color:#999 }
.products .view_details	{ background:url(../images/bg_details.gif) 0 0 no-repeat; color:#FFF; display:block; margin:0.5em 0 2em 90px; width:102px; height:29px; text-align:center; font-size:1.1em; line-height:29px; white-space:nowrap; }
.products .view_details:hover, .products .view_details:focus	{ color:#49362C; }
.price strong	{ font-weight:bold; color:#4CAAD4; font-size:1.6em }

#price	{ float:left; width:43.5% }
#availability	{ float:right; width:56.5%; padding:8px 0 0; }
#availability h4	{ font-weight:normal; padding-left:15px; line-height:1em; margin:0 0 1em }
#availability .count	{ color:#4CAAD4; display:block; }

#product_images	{ float:left; width:264px; display:block; font-size:1.2em; color:#999; }
#product_images li	{ float:left; display:block; width:32%; margin:0 2% 5px 0; }
#product_images li:nth-child(3n+1)	{ margin-right:0; }
#product_images .main	{ width:100%; clear:both; }
#product_images .magnify	{ padding-left:15px; background:url(../images/magnify.gif) 0 50% no-repeat; }
#product_images a	{ display:block; border:1px solid #999 }
#product_images a img	{ display:block; margin:0 auto; }
#product_images a:hover, #product_images a:focus	{ border-color:#4CAAD4; }
#product_details	{ float:right; width:264px; }
.list_price, .our_price	{ color:#999; font-style:italic; font-size:0.8em; }
.our_price	{ color:#4CAAD4; }
.our_price em, .list_price del	{ color:#4CAAD4; font-size:2.5em; line-height:1em; font-style:normal; display:block; }
.list_price	{ margin:0 0 0.5em }
.list_price del	{ color:#999 }
.save	{ color:#F00; font-weight:bold; }
.buy	{ margin:1em 0; background:#EEE; padding:0.9em 0.9em 0; font-size:1.2em; clear:both; }
.buy li	{ width:49%; float:left; display:block; margin:0 0 0.9em; }

.buy select	{ width:90%; color:#49362C; clear:left; float:left }
.buy label	{ color:#99705C; margin:0 0.5em 0 0; width:3.7em; display:block; float:left; }
.buy input	{ color:#49362C; width:6em; clear:left; float:left }
input.short	{ width:3em; }
.buy .fullwidth	{ width:100%; }
.buy #in_stock	{ display:block; float:right; width:170px;  padding:0 0 0 20px; margin:0; height:auto; font-weight:normal; font-size:1em; color:#F00 }
.buy #in_stock.not-available	{ background:url(../images/cross.gif) 0 50% no-repeat; }
.buy #in_stock.available	{ color:#4CAAD4; background:url(../images/tick.gif) 0 50% no-repeat; margin:0.5em 0 0;  }
.buy .submit	{ background:url(../images/buy.gif) 0 0 no-repeat; display:block; float:left; text-align:centre; width:40px; height:29px; line-height:29px; padding:0; margin:0 1em 0 0; border:none; color:#FFF; }
.buy .submit:hover, .buy .submit:focus	{ color:#49362c; background:url(../images/buy.gif) 0 0 no-repeat; }
.buy .submit[disabled]	{ color:#CFBAB0; }
.buy .submit:hover[disabled]	{ color:#CFBAB0; background:url(../images/buy.gif) 0 0 no-repeat; cursor:default; }
#product_actions	{ clear:left; float:left; display:block; width:220px; margin:1em 0 }
#product_actions li	{ display:block; font-size:1.2em; }
.related	{ display:block; width:100% ; clear:both; float:left; position:relative; }

/***********	REVIEWS	*************/
#reviews	{ clear:both; background:#EEE; padding:15px; margin:0 0 2em }
#reviews .add, #reviews .view_more	{ color:#4CAAD4; font-size:1.1em; font-weight:bold; display:block; width:12em; white-space:nowrap }
#reviews h3	{ margin-top:0; }
#reviews h3 .view_more	{ font-size:0.8em; font-style:italic; margin-left:1em; display:inline; margin:0; color:#99705C }
#reviews h3 .view_more:hover, #reviews h3 .view_more:focus	{ color:#4CAAD4; }
#reviews .add:hover, #reviews .add:focus,
#reviews .view_more:hover, #reviews .view_more:focus	{ color:#99705C; }
.reviews li	{ border-bottom:1px dotted #99705C; padding:10px 0 5px; margin:0 0 5px; }
.reviews li:first-child	{ border-top:1px dotted #99705C }

.reviews .date	{ display:block; float:left; width:5em; line-height:15px; height:15px; }
.reviews .rating	{ display:block; float:left; background:url(../images/star.gif) 0 50% repeat-x; text-indent:-9999em; overflow:hidden; }
.reviews p	{ clear:both; }
.rating.one-star	{ width:15px; }
.rating.two-star	{ width:30px; }
.rating.three-star	{ width:45px; }
.rating.four-star	{ width:60px; }
.rating.five-star	{ width:75px; }

/*************	CATEGORIES	*********/
.categories li	{ display:block; float:left; width:49%; margin:0 2% 2% 0 }
.categories li:nth-child(even)	{ margin-right:0 }
.categories li:nth-child(odd)	{ clear:left }
.categories a	{ height: 100px; display:block; padding:2%; background:#AE9B92; color:#FFF; }
.categories a:hover, .categories a:focus	{ background:#99705C; }
.categories h3	{ margin:0; }
.title	{ color:#49362c; }
.categories .desc, .categories .count	{ font-size:0.8em; }
.categories span	{ display:block; }
.categories img	{ float:left; margin:0 0.5em 0 0 }

.sort-bar	{ padding:0.5em; margin:2.5em 0; display:block; clear:both; text-align:right; background:#EEE; }

/**********	SIDES	*********/
#basket	{ background:url(../images/basket-bg.gif) 0 0 no-repeat; width:184px; height:101px; }
#basket h3	{ margin:0; }
#basket h3 a	{ padding:0 10px; color:#FFF; font-weight:bold; font-size:1em; min-height:1em; }
#basket a	{ padding:15px 0 0 60px; display:block; font-size:1.4em; font-weight:bold; color:#49362C; min-height:58px; }
#basket .title	{ float:left; clear:left; margin:0 1em 0 0; font-size:0.8em; line-height:20px; display:block; width:5em; white-space:nowrap }
#basket .value	{ float:left; line-height:20px; }

.section	{ background:#644A3C url(../images/side-header-bg.gif) 0 0 no-repeat; display:block; padding:0 10px; margin:0; height:31px; font-weight:bold; color:#FFF; line-height:31px; }
a.section	{ font-size:1.4em; font-weight:bold; text-transform:uppercase; margin-bottom:1em;}
.callout	{ margin:0 0 1em;  }
.callout, .callout a	{ color:#FFF; display: block }
.callout a:hover, .callout a:focus	{ color:#99705C; }
.callout a:hover img, .callout a:focus img	{ border-color:#99705C; }
.callout ol{ padding:5px 10px 10px; }
.callout li	{ color:#49362C; margin:0 0 0.5em; clear:left; display:block; min-height:50px }
.callout img	{ float:left; margin:0 3px 5px 0; }
.callout h3	{ background:url(../images/curved-top.png) 0 0 no-repeat; padding:3px 10px 2px; color:#FFF; margin-top:0.5em; }
.callout.bestsellers	{ background-color:#9bb4be; }
.callout.bestsellers h3	{ background-color:#4CAAD4; }
.callout.new_products	{ background-color:#93B1AD; clear: both; }
.callout.new_products h3	{ background-color:#39A3A9; }
.callout.bestsellers img		{ border:1px solid #5ba4ae; }
.callout.new_products img		{ border:1px solid #53A19D; }

/*********	CENTRE	*********/
#centre .payment_methods	{ margin:2em 0 1em; }

.sitemap	{ font-size:1.2em; }
.sitemap li	{ padding-left:1.5em; list-style:circle inside; color:#99705C; line-height:1.6em }
.sitemap li li	{ list-style-type:disc }
.sitemap li li li	{ list-style-type:square }
.sitemap ul	{ margin:0 0 0.7em }

.sitemap .count	{ color:#999; }


/***********	BASKET	********/
.basket	{ width:100%; clear:both; font-size:1.2em; }
.basket th, .basket td	{ padding:5px; border-bottom:1px solid #DDD;  }
.basket th	{ vertical-align:bottom; color:#99705C; text-align:right; }
.basket td	{ vertical-align:right; background:#FFF; text-align:right; }
.basket tr:nth-child(even) td	{ background:#EEE }
.basket .remove	{ width:50px; }
.basket .item	{ width:360px; }
	.basket .item_image	{ width:80px; }
		.basket .item_image a	{ display:block; background:#FFF; border:1px solid #CCC; }
		.basket .item_image a:hover, .basket .item_image a:focus	{ border-color:#4CAAD4; }
		.basket .item_image img	{ display:block; margin:0 auto; }
	.basket .item_name	{ width:260px; font-weight:bold; text-align:left; }
.basket .price	{ width:40px; }
.basket .price-new	{ width:50%; }
.basket .quantity	{ width:50px; }

.basket .remove input	{ display:block; margin:0 auto; }
.basket .quantity input	{ width:3em; }


.totals	{ margin:0 0 2em; }
.totals th	{ width:100px; font-weight:bold; text-align:right; }
.totals td	{ width:200px; font-weight:bold; color:#999; text-align:right; }
.totals .total th	{ font-size:1.6em; }
.totals .total td	{ color:#4CAAD4; font-size:1.6em; }
.totals tr:nth-child(even) td	{ background:#FFF; }
.totals tr:nth-child(odd) td, .totals tr:nth-child(odd) th	{ background:#EEE; text-align: right!important; }

#discount, #postage_select	{ background:#FFF; font-size:1em; border-bottom:none; color:#999; font-weight:normal; }
#postage_select { width: 200px;}

.buttons	{ display:block; width:100%; margin:0 0 3em; min-height:3em; }
.buttons li	{ display:block; }
.buttons #continue	{ float:left; font-size:1.4em; }
.buttons #checkout	{ float:right; font-size:1.4em }
.buttons a	{ display:block; }

/************	CONTACT	**********/
.contact	{ width:350px; margin:2em 0; }
.contact.checkout	{ width:400px; }
.contact input, .contact label, .contact textarea	{ display:block; float:right; clear:both; border:1px solid #99705C; color:#99705C; font-size:1.2em; padding:0.2em 0; width:200px; margin:0 0 0.5em; line-height:1.2em; height:1.2em; }
.contact select	{ float:right; display:block; clear:both; font-size:1.2em; width:100px; margin:0 100px 0 0.5em; color:#99705C;line-height:1.2em;  }
.contact label	{ border:none; margin-right:10px; float:left; clear:none; width:120px }
.contact textarea	{ height:80px; }
.contact h3	{ clear:both;  }

.contact input:focus, .contact textarea:focus,
.contact input:active, .contact textarea:active	{ border-color:#4CAAD4; color:#002503; }
.contact input:hover, .contact textarea:hover	{ border-color:#4CAAD4; color:#444; }
.contact input:focus + label, .contact textarea:focus + label, .contact select:focus + label,
.contact input:active + label, .contact textarea:active + label, .contact select:active + label	{ color:#4CAAD4; }

.contact input[type=hidden]	{ display:none; }

.contact .radio	{ clear:left; }
.contact .radio input	{ width:20px; margin-left:195px; clear:left; float:left; margin-right:5px; }
.contact .radio label	{ width:180px; clear:none; margin-right:0; }

.submit, .contact .submit	{ width:auto; padding:5px 7px; height:auto; cursor:pointer; color:#FFF; border:1px solid #49362C; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background:#49362C; font-weight:bold; text-transform:uppercase; font-size:15px }
.submit:hover, .contact .submit:hover,
.submit:focus, .contact .submit:focus	{ background:#99705C; color:#FFF; border-color:#99705C; }

.submit.secondary	{ background:#AE9B92; border-color:#AE9B92; }
.submit.secondary:hover, .submit.secondary:focus	{ background:#99705C; border-color:#99705C; }

.contact.two-col	{ width:41%; float:left; margin:2em 7% 2em 0; padding:2%; background:#CFBAB0; position:relative; }
.contact.two-col:last-child	{ margin-right:0; }
.contact.two-col input	{ float:none; }
.contact.two-col label	{ float:none; margin:1em 0 0 }


.vcard	{ clear:both; margin:2em 0 0 }
.vcard .org	{ font-weight:bold; color:#99705C; }

.physical	{ display:block; float:left; width:264px }
.physical span	{ font-size:1.2em; display:block;  }
.remote	{ display:block; float:left; width:264px; }

form.newsletter	{ font-size:1.2em; margin:1em 0 2em; }

#cds-container { border:1px solid #6B4739; width:973px; padding:6px;margin:0 0 2em}
.cds { width:961px; overflow:auto; padding-right:10px; height:110px;}
.jScrollPaneContainer {position:relative; overflow:hidden; z-index:1;}
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background-color:#CFBAB0; padding:0;}
.jScrollPaneDrag { position: absolute; border: 0px solid #6B4739; background-color:#6B4739; cursor: pointer; overflow: hidden; _right: 0px; *right: 0;}


input.radio { width: auto !important; float: none; display: inline !important; border: 0 !important; }

table.voucher { background: #FFF; }
table.voucher tr td { background: #FFF; border: 0; }



label.discount_code, input.voucher_code, input.discount_button { display: block; float: left; }
input.voucher_code { margin: 3px 0 0 0; }
input.discount_button {
	margin: 3px 0 0 0; padding: 3px;
	background: #49362C; color: #FFF; border: 0;
	cursor: pointer; width: 85%; 
}
input.discount_button:hover { background: #99705C; }

/*************** contact form */

fieldset.contact_form {
	width: 326px;
	margin: 10px 40px 0 0; padding: 0;
	float: left;
}
fieldset.contact_form dl dt { width: 100px; margin: 5px 0; padding: 0 5px 0 0; float: left; clear: both; font-size: 13px; text-align: right; }
fieldset.contact_form dl dd { width: 210px; margin: 5px 0;  float: left; }
fieldset.contact_form dl dd input#submit { cursor: pointer; width: auto; }
form, fieldset, dl, dt, dd { margin: 0; padding: 0; border: 0; }
input.text, textarea.text {
	width: 200px; padding: 3px;
	font-size: 13px; font-family: Arial, Sans-Serif;
}
textarea.text { height: 100px; }