@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	background:#E3E4E5 url(../i/bg_body.png) repeat-x top;
	text-align:center
}

/* default some tags to zero margin and padding
------------------------------------------------*/
h1, h2, h3, h4, div, ul, ol, li, dl, dt, dd, form, input, select {margin:0; padding:0}


/* header styling
------------------*/
h1, h2, h3 {
	color:#009CCA;
	font:26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	margin:0 0 10px;
}

h2 {
	font-size:22px;
	margin:10px 0 5px
}
h2 span {
	color:#666;
	font-size:14px;
}

h3 {
	font-size:18px;
	margin:10px 0 5px;
}

h3 strong {
	text-transform:uppercase;
	color:#333
}

h4 {
	font-size:16px;
	margin:10px 0;
	color:#999
}

/* <p>, <span>, <em>, <strong> etc
------------------------------------*/
p {
	margin:10px 0 5px;
}

p.error, p.success {
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
	border-style:solid;
	border-width:1px;
	border-color:#CC9999;
	padding:5px 10px;
	text-align:center;
	background:#F5E5E5;
	color:#c00;
}
p.success {
	background:#E5F5E5;
	border-color:#66CC00;
	color:green
}

p#giftvouchers {
	background:url(../i/icon_gift.png) no-repeat top left;
	padding-left:40px;
	font-weight:bold;
	margin:15px 0 0;
	font-size:16px
}

span.formerr {
	color:#C00;
	padding-left:5px
}

span.star {
	color:#c00;
	font-weight:bold;
	font-size:13px;
	padding-left:5px
}

span.wasprice {
	text-decoration:line-through;
	color:#888
}

span.date {
	background:url(../i/icon_date.png) no-repeat center left;
	padding:3px 0 3px 25px;
	color:#888;
	font-style:italic
}

strong.saleprice {
	color:#000;
}

strong.currentpagenum { color:#009CCA; font-size:13px }

strong.instock { color:#690 }
strong.outstock { color:#c00 }

div#recently_viewed strong {
	color:#fff;
	display:block;
	margin-bottom:10px;
	font-size:12px
}

span.price {}

address { font-style:normal }

small { font-size:9px }

.blue { color:#009CCA }
.grey { color:#999 }
.red { color:#c00 }

.lrgtext { font-size:16px }

span.new, span.hot, span.sale {
	width:41px;
	height:41px;
	display:block;
	top:0;
	right:0;
	position:absolute;
	background:url(../i/overlay_new.png) no-repeat top right
}
span.hot {
	background:url(../i/overlay_hot.png) no-repeat top right
}
span.sale {
	background:url(../i/overlay_sale.png) no-repeat top right
}

/* ul, ol, li, dl, dt, dd styling
------------------------------------*/
ul.sitemaplist {
	margin:10px
}
ul.sitemaplist li {
	list-style:none
}

ul#latestnews {
	width:512px
}
ul#latestnews li {
	list-style:none;
	border-bottom:1px solid #ddd;
	padding:7px 0
}
ul#latestnews li h3 {
	margin:0;
	padding:0 0 2px
}

ul#archivenews {
	margin-bottom:20px
}
ul#archivenews li{
	list-style:none;
	
	padding:7px 0
}
ul#archivenews li ul li {
	border-bottom:1px solid #ddd;
}
ul#archivenews li h3 {
	margin:0;
	padding:0 0 2px
}

/* Recently viewed products
-------------------------------------------------------------*/
div#recently_viewed ol {
	padding:0
}
div#recently_viewed ol li {
	padding:2px 0;
	list-style:none;
	border-bottom:1px dotted #ccc
}
div#recently_viewed ol li a:link, div#recently_viewed ol li a:visited {
	font-weight:normal;
	color:#333;
	text-decoration:none
}
div#recently_viewed ol li a:hover {
	color:#009CCA;
	text-decoration:underline;
}


/* Link styling
----------------*/

/* START Main product by cat navigation */
dl#categorynav {
	margin:-17px 0 20px;
}
dl#categorynav a {
	text-decoration:none;
}
dl#categorynav dt {
	padding:10px 0 0;
}
dl#categorynav dd {
	padding:2px 0; 
	margin:0;
	border-bottom:1px solid #ddd
}
dl#categorynav dt a {
	font-weight:bold;
	text-transform:lowercase;
	padding:10px 0 0;  
	color:#009CCA;
	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif 
}
dl#categorynav dt a:hover {
	text-decoration:underline
}
dl#categorynav dd a {
	font-weight:normal;
	color:#000
}
dl#categorynav dd a:hover {
	text-decoration:underline;
	color:#009CCA
}
dl#categorynav a#current_cat {
	color:#009CCA;
	font-weight:bold
}
/* END Main product by cat navigation */


/* START Main product by brand navigation */
ul#brandnav {
	list-style:none;
	margin-top:5px
}
ul#brandnav li {
	border-bottom:1px solid #ddd;
	padding:2px 0;
}
ul#brandnav li a {
	margin:0;
	font-weight:normal;
	text-decoration:none;
	color:#000
}
ul#brandnav li a:hover {
	text-decoration:underline;
	color:#009CCA
}
/* END Main product by brand navigation */


/* START My Account navigation */
div#mymenu {
	margin: 0 0 20px;
	padding:5px 0 3px;
	border-bottom:1px solid #ccc
}
div#mymenu ul {
	list-style:none;
	padding:0 2px
}
div#mymenu ul li {
	display:inline;
	margin:0 -2px
}
div#mymenu ul li a {
	padding: 4px 10px 3px;
	text-decoration: none;
	font-weight:normal;
	background:#fff;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc
}
div#mymenu ul li a:hover {
	color:#009CCA;
	text-decoration:underline;
}
div#mymenu ul li a#mycurrenttab {
	padding-bottom: 4px;
	font-weight: bold;
	color: #333
}
/* END My Account navigation */


/* START Top navigation */
ul#head_menu {
	list-style:none;
}
ul#head_menu li {
	display:inline;
	padding:0 1px;
	color:#009CCA;
}
ul#head_menu li a {
	color:#CFD1D2;
	text-decoration:none;
	font-weight:bold
}
ul#head_menu li a#loginlink {
	text-decoration:underline
}
ul#head_menu li a:hover {
	text-decoration:underline
}
/* END Top navigation */


/* START Footer navigation */
ul#footer_menu {
	list-style:none;
	margin-bottom:5px
}
ul#footer_menu li {
	display:inline;
	padding:0 1px;
	color:#009CCA;
}
ul#footer_menu li a {
	color:#999;
	text-decoration:none;
}
ul#footer_menu li a:hover {
	text-decoration:underline;
	color:#009CCA
}
/* END Footer navigation */


/* Generic links */
a:link, a:visited {
	color:#999;
	text-decoration:none
}
a:hover {
	color:#009CCA;
	text-decoration:underline;
}

a:link strong, a:visited strong {
	color:#333;
}
a:hover strong {
	color:#009CCA;
}

/* Add to basket button */
a:link.btnlink, a:visited.btnlink {
	display:block;
	width:45px;
	color:#fff;
	background:#009CCA;
	text-align:center;
	padding:4px
}


/* action links in my account area */
a:link.myacc_editaddr, a:visited.myacc_editaddr {
	background:url(../i/icon_edit.png) no-repeat center left;
	padding:0 23px;
}

a:link.myacc_deleteaddr, a:visited.myacc_deleteaddr {
	background:url(../i/icon_delete.png) no-repeat center left;
	padding:0 20px;
}


/* mailing list button in the header */
a:link#mailing_list_top, a:visited#mailing_list_top {
	display:block;
	float:left;
	width:101px;
	height:30px;
	margin:0 0 0 200px;
	padding:5px 0 5px 55px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	background:url(../i/bg_mailing_list_top.png) no-repeat top left;
}
a:hover#mailing_list_top {
	background:url(../i/bg_mailing_list_top_h.png) no-repeat top left;
}

/* main container <div>'s generally in order of appearance
-----------------------------------------------------------*/

div#sitewrap {
	width:960px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	border-bottom:2px solid #CFD1D2;
}

div#head {
	background:#000;
	color:#fff;
	height:133px
}
div#head_right {
	padding:15px 10px 0;
	text-align:right
}
div#head_basket {
	padding:25px 0 0;
	text-align:right
}
	div#head_basket a { color:#fff }

div#searchbar {
	height:45px;
	text-align:right
}

div#breadcrumb {
	float:left;
	padding:16px 10px 15px;
}
	div#breadcrumb a:link,
	div#breadcrumb a:visited { text-transform:uppercase; color:#000 }
	div#breadcrumb a:hover { color:#009CCA }

div#mainwrap {
	clear:both;
	padding:0 10px;
}

div#left_col {
	width:150px;
	float:left;
}
	
div#middle_col {
	width:776px;
	float:left;
	margin:0 0 0 14px;
}

div#recently_viewed {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ccc;
	padding:5px;
	margin-top:10px;
	background:#f5f5f5
}
div#recently_viewed h3 { margin:0 0 5px; padding:0 }

div#foot {
	border-top:2px solid #CFD1D2;
	margin-top:10px;
	padding:10px 0 1px;
	text-align:right;
	font-size:14px;
}

div#footer {
	text-align:right;
	color:#999;
	padding-bottom:10px;
}

div#twitter_follow {
	background:#E3E4E5 url(../i/logo_follow_on_twitter.png) no-repeat center left;
	width:910px;
	margin:0 auto;
	text-align:left;
	padding:10px 0 10px 50px;
	height:30px;
	font-size:12px;
}
	div#twitter_follow a:link, div#twitter_follow a:visited { color:#777 }

/* product list <div>s
-----------------------*/
div.product {
	height:185px;
	width:116px;
	margin:0 16px 0 0;
	overflow:hidden;
	float:left;
	position:relative;
}
div.product_last {
	margin:0 0 10px;
}
div.product_img {
	border:1px solid #999;
	overflow:hidden;
	position:relative
}
div.product_info {
	padding:5px 0 0;
}
div.product_price {
	padding-top:2px;
	font-weight:bold
}

/* product page <div>s
-----------------------*/
div#productpage_mainimage {
	border:1px solid #ccc;
	width:288px;
	overflow:hidden;
	position:relative
}

div#productpage_images {
	float:left;
	width:305px;
}

div#productpage_info {
	float:left;
	width:470px
}
	div#productpage_info h1 { font-size:20px; color:#000 }
	div#productpage_info h1 span { color:#999 }
	div#productpage_info img#brandlogo { float:right }

div#relatedproducts {
	clear:both;
	border-top:2px solid #ccc;
}

div.addthis_toolbox {
	margin:20px 0 0;
	text-align:right;
	float:right
}

/* misc <div>'s
-----------------*/

div#promobanner_left {
	float:left;
	width:512px;
	margin-right:16px;
	height:345px
}

div#promobanner_right {
	float:left;
	width:248px;
	height:345px
}

div.clear, div.clearleft, div.clearright {
	clear:both;
	height:0;
	font-size:0;
	overflow:hidden
}

div.clearleft {
	clear:left;
}

div.clearright {
	clear:right;
}

div#deliveryinfo {
	text-align:right;
	padding:40px 0 10px;
	clear:right
}

div.pagenumlinks {
	text-align:right;
	border-bottom:1px solid #999;
	margin-bottom:10px;
	padding-bottom:2px
}
	div.pagenumlinks span { float:left }
	div.pagenumlinks a:link,
	div.pagenumlinks a:visited { color:#000; padding:0 2px	}
	div.pagenumlinks a:hover { color:#009CCA }

div#map {
	height:400px;
	border:1px solid #999
}

div.checkout_summary_addr {
	float:left;
	height:145px;
	width:230px;
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:0 10px;
	margin-right:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#paymentimages {
	width:139px;
	float:left;
	text-align:center
}
	div#paymentimages img { margin-bottom:10px }
	
	
div#xmasbanner {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color:#fff;
	height:265px;
	font-size:12px;
	padding:70px 10px 10px 10px; 
	background:url(../banners/banner_dec09_xmas.jpg) no-repeat top left	
}
	div#xmasbanner strong { font-size:14px}
	div#xmasbanner a:link, div#xmasbanner a:visited { color:#fff; text-decoration:underline }

div.expresscheckout_address {
	float:left;
	background:#f5f5f5;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:0 10px 5px;
	width:340px;
	margin:5px 20px 0 0
}

/* my account area divs
-----------------------------*/

div.my_acc_addr {
	float:left;
	width:200px;
	padding:0 10px;
	border:1px solid #ccc;
	background:#f5f5f5;
	margin-right:20px;
	height:170px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}



/* table styling
-------------------*/

/* shopping basket table */
table#basket_tbl {
	width:100%
}
table#basket_tbl tr th {
	padding:4px 3px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-transform:uppercase;
	font-weight:normal
}
table#basket_tbl tr td {
	padding:4px 3px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-weight:bold
}
table#basket_tbl tr td.basket_tbl_subtotal {
	font-size:13px
}
table#basket_tbl tr td.basket_tbl_pandp {
	font-size:13px;
}
table#basket_tbl tr td.basket_tbl_total {
	color:#009CCA;
	font-size:16px;
}

/* shopping basket total figures table */
table#basket_totals_tbl {
	width:180px;
	margin:10px 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	float:right
}
table#basket_totals_tbl tr td {
	padding:4px 3px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-weight:bold;
	font-size:13px;
	text-align:right;
	background:#f5f5f5
}
table#basket_totals_tbl tr#totalrow td {
	color:#fff;
	background:#009CCA;
}


/* general table for displaying product and address options*/
table.data_tbl {
	width:100%;
	margin-top:10px
}
table.data_tbl tr th {
	padding:4px 3px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-transform:uppercase;
	font-weight:normal
}
table.data_tbl tr td {
	padding:4px 3px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-weight:bold
}

/* change of style for product options out of stock */
tr.outstock_row td {
	color:#999
}

/* specific styling for address list during checkout */
table#checkout_addr_tbl tr td { font-weight:normal }

table.general_tbl tr td {
	padding:2px 15px 2px 0;
}

table.generic_tbl tr td {
	padding:3px 5px;
}
td.leftcell {
	text-align:right;
	vertical-align:top
}

table#logreg_tbl {width:100%}
table#logreg_tbl tr td {
	vertical-align:top;
	padding:5px 10px;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#f5f5f5
}

.oddrow { background:#f5f5f5 }
.evenrow { background:#fff }

/* form styling
----------------------------*/

form#searchform {
	padding:13px 10px 0
}
form#searchform input, form#enewsform input {
	vertical-align:top;
}
input#searchfield, input#enewsfield {
	border:1px solid #999;
	color:#999;
	font:11px Arial, Helvetica, sans-serif;
	padding:3px;
	width:211px;
	margin-right:5px
}

input#enewsfield {
	margin:0;
}

input, select { font:14px Arial, Helvetica, sans-serif; color:#333 }

fieldset {
	position:relative;
	margin:0 0 20px;
	padding: 0 10px 10px;
	background-color:#fff;
	border-width:1px 1px 1px 5px;
	border-style:solid;
	border-color:#E3E4E5;
	overflow: auto
}

legend {
	padding:3px 7px;
	background-color:#fff;
	border-width:1px 1px 1px 5px;
	border-color:#009CCA;
	border-style:solid;	
	color:#666;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px
}

input.textfield, select, textarea {
	border:1px solid #999;
	margin:1px 0;
	padding:2px
}

input.inputbtn {
	background:#009CCA;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	border:1px solid #999;
	padding:1px 2px;
	font-size:12px
}


/* image styling
---------------------*/
img { border:none }

img.smlthumb { margin:10px 10px 10px 0 }

img.framed {
	border:1px solid #ccc;
}