h1, h2, h3, h4, h5, h6, p, ul{margin: 0;}
ul{
	padding: 0;
	list-style: none;
}
img{
	display: block;
	border: none;
}
a{
	color: #FFFFFF;
	text-decoration: none;
}
a:hover
{
    color: #43B548;
}
html, body{height: 100%;}
form{
	margin: 0;
	padding: 0;
	display:inline;
}

.expand a
{
    font-weight: normal;
}

input[type=text]:focus{outline: none;}
input.text{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
input.keywords {width:121px; margin-top:3px;}
select.criteria {width:124px; margin-top:1px;}
select.departments {width:124px; margin-top:1px;}
select.brand {width:124px; margin-top:1px;}
select.attributefilter {width:124px; margin-top:1px;}
.checklist {
    border: 1px solid #ccc;
    list-style: none;
    height: 20em;
    overflow: auto;
    width: 124px;
}
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}
.checklist label:hover { background: #fff; color: #222; }

.pricefields h4 {color:#222; text-align:center;font-size:12px;}
.filtersearch {
	background:#000000;
	padding:0 3px;
	color:white;
}
.filtersearch .pricefields input {
	width:3.5em;
}
.search label {display:none;}

body
{
	margin: 0 auto;
	padding: 0;
	font: 13px Helvetica, arial;
	background: #000 url(../templateimages/contentbg3.jpg) no-repeat top;
}

#wrapper
{
	min-height: 1047px;
	margin: 0 auto;
	padding:0;
}

h2{
	font-size: 16px;
	line-height: 18px;
}
#container{
	width: 831px;
	margin:auto;
	padding: 0;
	background: #000000;
	color: #FFFFFF;
	text-align:left;
}
* html #container{height: 100%;}

#leftcontainer
{
    font-family: 13px helvetica, arial;
    color: #A5A5A5;
}

.contact strong{font-size: 34px;}
.contact span{color: #fff;}
.contact p{margin: -8px 0 0;}
.action{
	height: 30px;
	width: 982px;
	background: url(../templateimages/action-bg.png) no-repeat;
}
.top-nav, .top-nav li, .top-nav li a{float: left;}
.top-nav{padding: 7px 0 0 7px;}
.top-nav li{padding: 0 0 0 15px;}
.top-nav li a{
	background-repeat: no-repeat !important;
	background-position: left !important;
	padding: 0 0 0 29px;
	color: #535454;
	line-height: 16px;
}
.top-nav li.item-0 a{background: url(../templateimages/sf_home.gif);}
.top-nav li.item-1 a{background: url(../templateimages/top-nav-item-1.gif);}
.top-nav li.item-2 a{background: url(../templateimages/top-nav-item-2.gif);}
.top-nav li.item-3 a{background: url(../templateimages/top-nav-item-3.gif);}
.top-nav li.item-4 a{background: url(../templateimages/top-nav-item-4.gif);}
.action em{
	color: #3686d2;
	float: left;
	margin: 7px 0 0 70px;
}
.action .form{
	float: right;
	padding: 3px 14px 0 0;
}
.action .form li{
	float: left;
	padding: 0 4px 0 0;
}
.action .form .text{
	width: 183px;
	padding: 2px 5px 3px;
	border: 1px solid #848484;
	height: 16px;
	text-align: center;
	font-size: 13px;
}

#content
{
	float: left;
	height: 800px;
	width: 994px;
	overflow: hidden;
	padding: 0px 0 97px 9px;
	clear:both;
	margin-top: 1px;
}
.seo-block{
	width: 851px;
	float: left;
	margin-top: 5px;

}
.primary-block{
	width: 692px;
	float: left;
	margin: 1px 0 0;
	background: url(../templateimages/primary-block-bg.gif) repeat-x;
	min-height: 272px;
}
* html .primary-block{height: 272px;}
.primary-block .page-title{
	display: block;
	text-align: center;
	font-size: 58px;
	color: #767577;
	margin: 9px 0 0;
	line-height: 69px;
}
.primary-block .page-title em{color: #3686d2;}

/* self clearing floats, remember to add these elements to the IE stylesheets (remove :after) */

.sf_showproduct_container:after, #sf_showproducts:after, .sf_showproduct_footer:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sf_showproduct_container {
 position:relative;
	float: left;
	/*height: 130px;*/
	height: 210px;
	width: 207px;
	margin-right: 4px;
	/*background: url(../templateimages/productcontainerbg.jpg) no-repeat;*/
	background: url(../templateimages/productcontainerbg.jpg) repeat-y;
	margin-bottom:5px;
}
.sf_showproduct_footer {
    position: relative;
    text-align:center;
    /*bottom: 24px;*/
    /*padding: 4px;*/
    /*height: 35px;*/
    height: 35px;
	/*width: 193px;*/
	/*padding-left:4px;
	padding-right:4px;*/
	/*padding-top:4px;*/
	width: 206px;
	color: #FFFFFF;
    /*background: transparent url(../templateimages/productfooterbg.png) no-repeat scroll 0 0;*/
    background: transparent url(../templateimages/productfooterbg.png) repeat scroll 0 0;
}

table.sf_showproduct_wrapper {
    /*min-height: 131px;*/
    min-height: 158px;
	height: 158px;
	/*height: 131px;*/
	width: 206px;
    vertical-align: middle;
	text-align:center;
}

#sf_showproducts .stamp
{
	background:transparent url(../templateimages/newitem.png) no-repeat scroll 0 0;
	position: absolute;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-left: 147px;
	margin-top: 45px;
}

#sf_showproducts .promo{
	background:transparent url(../templateimages/promo.png) no-repeat scroll 0 0;
	position: absolute;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-left: 3px;
	margin-top: 25px;
}

.product_detail
{
    background: #FFFFFF;
}

h2.product_title {
	color:#28629C;
	font-size:2.462em;
	letter-spacing:-0.03em;
	line-height:1.19em;
	margin-bottom:15px;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:bold;
	margin:10px;
}
.pager{
	text-align: center;
	margin: -8px 0 0;
	position: relative;
}
.pager li{display: inline;}
.pager li a{color: #535354;}
.pager li a:hover, .pager li.active a{
	color: #3686d2;
	text-decoration: none;
}
.secondary-block{
	width: 150px;
	float: right;
}
.secondary-block .box{
	width: 144px;
	background: url(../templateimages/secondary-block-box-bg.gif) repeat-y;
}
.secondary-block .box .top{background: url(../templateimages/secondary-block-box-top-bg.gif) no-repeat;}
.secondary-block .box .bot{
	background: url(../templateimages/secondary-block-box-bot-bg.gif) no-repeat 0 100%;
	padding: 0 7px 7px 0;
	width: 137px;
}
.basket-block{
	width: 136px;
	padding: 1px 0 7px 1px;
	color: #a6a9ad;
}
.basket-block .head{
	background: #3686d2;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding: 4px 0 2px;
}
.basket-block .head img{
	display: inline;
	vertical-align: top;
	margin: 0 4px 0 0;
}
.basket-block .main{
	text-align: center;
	padding: 9px 0 8px;
}
.basket-block .main img{
	display: inline;
	margin: 0 0 1px;
}
.basket-block .cart{
	width: 123px;
	border: 1px solid #090909;
	overflow: hidden;
	margin: 6px 0 0 6px;
	padding: 3px 0 2px;
}
.basket-block .cart li{float: left;}
.basket-block .cart li.items{
	float: left;
	padding: 0 10px;
	color:#db0000;
	font-weight:bold;
}

.basket-block .button{
	width: 127px;
	overflow: hidden;
	padding: 8px 0 0 4px;
}
.basket-block .button li{
	float: left;
	padding: 0 0 0 2px;
}
.basket-block .button li a{
	height: 23px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat !important;
}
.basket-block .button li.item-1 a{
	background: url(../templateimages/button-basket.gif);
	width: 60px;
}
.basket-block .button li.item-2 a{
	background: url(../templateimages/button-checkout.gif);
	width: 63px;
}
.stock-block{
	padding: 15px 9px;
	width: 118px;
	color: #393a3c;
}
.stock-block .head{
	height: 67px;
	background: url(../templateimages/stock-head-bg.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.stock-block .main{
	text-align: center;
	padding: 18px 0 5px;
}
.stock-block .main img{display: inline;}
.stock-block .main p{margin: 9px 0 0;}
.stock-block a{
	width: 100px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../templateimages/button-click-here.png) no-repeat;
	margin: 0 0 0 11px;
}
.email-block{
	width: 130px;
	background: #3786d3 url(../templateimages/email-block-bg.png) no-repeat 83px 44px;
	margin: 0 0 0 1px;
	padding: 9px 2px 5px 4px;
	color: #e4e4e4;
}
.email-block .head{
	height: 20px;
	background: url(../templateimages/email-block-head.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.email-block p{margin: 3px 0 0;}
.email-block .form{
	width: 100%;
	overflow: hidden;
	padding: 8px 0 0;
}
.email-block .form li{
	float: left;
}
.email-block .form li .text{
	width: 92px;
	height: 13px;
	padding: 1px 4px 0;
	border: 0;
	color: #000;
	font-size: 9px;
}
.email-block .form li .button{
	margin: 0 0 0 6px;
}
.valid-list{
	width: 100%;
	overflow: hidden;
	padding: 2px 0 0;
}
.valid-list li{
	float: left;
	padding: 0 2px 0 0;
}
.sidebar{
	width: 132px;
	float: left;
	padding: 1px 0 0;
	font-size: 12px;
}
.subcats ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: disc;
}

.subcats li {
  float: left;
  width: 30%;
  margin: 0 0 0.5em;
  padding: 0;
}

.nav-holder{padding: 0 0 8px;}
.nav-holder .head{
	background: #000;
	font-weight: bold;
	padding: 8px 10px 7px 16px;
	color: #fff;
}

#sub-nav{background: #000000;}
#sub-nav li{
	border-top: 1px solid #94bce3;
	position: relative;
}
#sub-nav li div{
	position: absolute;
	top: 0;
	left: 100%;
	width: 153px;
	display: none;
}
#sub-nav li ul{background: url(../templateimages/sub-nav-bg.png);}
#sub-nav li ul li{
	border: none;
	padding: 1px 0 0;
}
#sub-nav li ul li a{width: 123px;}
#sub-nav li:hover a, #sub-nav li.hover a{
	background: #1a4065;
	text-decoration: none;
}
#sub-nav li:hover li a, #sub-nav li.hover li a{background: none;}
#sub-nav li li a:hover{background: #000;}
#sub-nav li:hover div, #sub-nav li.hover div{display: block;}
.sub-nav{background: #868786 url(../templateimages/sub-nav-2.png) repeat-x;}
.sub-nav li{border-top: 1px solid #fff;}
.sub-nav li a:hover{
	background: #5b5c5b;
	text-decoration: none;
}

.banners{
	height: 53px;
	margin: 34px 13px 0 0;
	font-size: 9px;
	width: 500px;
	float: left;
}
.banners span{
	width: 3px;
	height: 31px;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat !important;
	overflow: hidden;
}
.banners span.left{background: url(../templateimages/banners-left-bg.gif);}
.banners span.right{background: url(../templateimages/banners-right-bg.gif);}
.banners ul, .banners li{float: left;}
.banners ul{
	padding: 6px 0 0 6px;
	line-height: 41px;
}
.banners li{padding: 0 9px 0 0;}
#footerLogos {
	background: #fff;
	width: 1003px;
	position: relative;
	color: #fff;
	margin:0 auto;
}
#homepagerotate {
float:left;
height:110px;
position:relative;
width:690px;
margin-bottom:10px;
}

#hpb_1, #hpb_2, #hpb_3, #hpb_4, #hpb_5, #hpb_6, #hpb_7, #hpb_8, #hpb_9, #hpb_10 {
	display:none;
	position:absolute;
}

#hpb_1 img, #hpb_2 img, #hpb_3 img, #hpb_4 img, #hpb_5 img, #hpb_6 img, #hpb_7 img, #hpb_8 img, #hpb_9 img, #hpb_10 img {
	border:none;
}
div.ticker {
display:none;
border:1px solid #CCCCCC;
background: #DDDDDD;
font-size:10pt;
margin-bottom:5px;
margin-left: 5px;
padding: 2px 5px 0px 4px;
width: 674px;
}
.detail .pad {
	margin:0 10px;
}

.main .fix {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 150px;
	min-height: 150px;
}

img.center {
  display: block;
 margin: 0 auto;
}
#homepagemessage {
	margin:10px 0;
	text-align:center;
}

#homepagemessage span {
	color:red;
	font-size:12pt;
	font-style:italic;
}

/*--------------------------------------------
Product Page
---------------------------------------------*/
.description {clear:both; }

.highlightpromos {
	background:#FFFBE5 url(/images/special-offer.png) no-repeat scroll -10px -13px;
	border-color:#EFEBD5 #DFDBC5 #DFDBC5 #EFEBD5;
	border-style:solid;
	border-width:1px;
	font-size:9pt;
	margin:0 5px 10px 5px;
	padding:5px 10px 5px 70px;
	height:45px;
}

.highlightpromos span {
	font-style:italic;
	color:#333;
}

/*--------------------------------------------
Dropbox menus as per JohnLewis.com
---------------------------------------------*/

ul.dropboxmenu {
	padding:0;
	margin:0 0 1px 0;
	list-style:none;
	position:relative;
	left:0px;
	float:left;
	width:100%;
	background:url(../templateimages/navbck4.gif) 0 0;
	font-size:12px;
	text-align:center;
	height:2.1em;
	color:#222;
}
ul.dropboxmenu li {
	display:inline;
	float:left;
	height:2.1em;
	text-align:center;
}

/*Button widths medium 10 version*/
ul.dropboxmenu .smlb {width:5.6%;}
html>body ul.dropboxmenu .smlb {width:6%;}
ul.dropboxmenu .medb {width:9%;}
ul.dropboxmenu .lrgb {width:12%;}
ul.dropboxmenu .xlrgb {width:15.8%;}
ul.dropboxmenu .toplevel {width:12.46%;}

ul.dropboxmenu li a {
	display:block;
	width:100%;
	text-decoration:none;
	line-height:1.2em;
	font-size:1em;
	color:#fff;
	padding-top:0.5em;
	font-weight:bold;
	height:1.6em;
}

ul.dropboxmenu li a.norm {
	background:url(../templateimages/div-line.gif) 100% 0 repeat-y;
	white-space:nowrap;
}

ul.dropboxmenu li a.end {
	white-space:nowrap;
}

ul.dropboxmenu li a.select {
	background:url(../templateimages/navback-s.jpg) 100% 0 repeat-y;
	white-space:nowrap;
}

ul.dropboxmenu li a:hover, ul.dropboxmenu li:hover > a{
	text-decoration:underline;
}

ul.dropboxmenu a.norm:hover, ul.dropboxmenu a.end:hover{background:#000 url(../templateimages/navback-h.jpg) 100% 0 no-repeat;}
ul.dropboxmenu :hover > a.norm, ul.dropboxmenu :hover > a.end{background:#000 url(../templateimages/navback-h.jpg) 100% 0 no-repeat;}

ul.dropboxmenu div {
	display:none;
}

ul.dropboxmenu :hover div {
	display:block;
	position:absolute;
	top:2.1em;
	border:1px solid #92A19B;
	padding-bottom:0.7em;
	background:#FDFDFD;
	font-size:11px;

}


html>body ul.dropboxmenu :hover div {
	top:2.1em;
}

ul.dropboxmenu .one:hover, .two:hover, .three:hover, .four:hover, .five:hover, .end:hover {
	position:relative;
}

/*Drop down positions medium 10 version*/
ul.dropboxmenu .pos1b {left:0%;}
html>body ul.dropboxmenu .pos1b {left:0%;}
ul.dropboxmenu .pos2b {left:0%;}
html>body ul.dropboxmenu .pos2b {left:12.46%;}
ul.dropboxmenu .pos3b {left:0%;}
html>body ul.dropboxmenu .pos3b {left:24.92%;}
ul.dropboxmenu .pos4b {left:0%;}
html>body ul.dropboxmenu .pos4b {left:37.5%;}
ul.dropboxmenu .pos5b {right:0%;}
html>body ul.dropboxmenu .pos5b {right:37.5%;}
ul.dropboxmenu .pos6b {right:0%;}
html>body ul.dropboxmenu .pos6b {right:24.92%;}
ul.dropboxmenu .pos7b {right:0%;}
html>body ul.dropboxmenu .pos7b {right:12.46%;}
ul.dropboxmenu .pos8b {right:0%;}
html>body ul.dropboxmenu .pos8b {right:0%;}



/*Drop down width*/
ul.dropboxmenu .one:hover div {width:5em;}
ul.dropboxmenu .two:hover div {width:24.1em;}
html>body ul.dropboxmenu .one:hover div {width:24em;}
ul.dropboxmenu .three:hover div {width:36.1em;}
html>body ul.dropboxmenu .one:hover div {width:36em;}
ul.dropboxmenu .four:hover div {width:30.1em;}
html>body ul.dropboxmenu .one:hover div {width:30em;}
ul.dropboxmenu .five:hover div {width:60.1em;}
html>body ul.dropboxmenu .one:hover div {width:60em;}
ul.dropboxmenu .six:hover div {width:72.1em;}
html>body ul.dropboxmenu .one:hover div {width:72em;}

ul.dropboxmenu :hover div dl {
	display:inline;
	padding:0;
	margin:0;
	float:left;
}

ul.dropboxmenu :hover div dt {
	width:12em;
	display:block;
	background:#DFF0FF;
	text-indent:0.75em;
	text-decoration:none;
	padding:0.3em 0;
	text-align:left;
	margin:0;
	font-weight:bold;
	color:#222;
	cursor:default;
}

ul.dropboxmenu :hover div dt a {
	color:#222;
}

ul.dropboxmenu :hover div dd {
	width:11em;
	display:block;
	padding:0.6em 0 0 0.75em;
	margin:0;
	text-align:left;
}

ul.dropboxmenu :hover div dd a {
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	color:#000;
	margin:0;
	padding:0;
	height:auto;
}

ul.dropboxmenu :hover div dd a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}

h4.checkoutTitle {color:#2D6FB1;margin-bottom:10px !important;}

	#top
	{
		float: left;
		height: auto;
		min-height: 800px;
		width: 700px;
		background: #FFFFFF;
        border: 1px solid #000000;
		-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
		margin: 0px 0px 12px 0px;
		padding: 10px 0px 10px 6px;
	}
						.productContainer
						{
							float: left;
							border: 1px solid #CCCCCC;
							height: 261px;
							width: 213px;
							background: url(../templateimages/productcontainerbg.png) no-repeat;
							margin: 5px 0px 5px 5px;
							padding: 5px 0px 0px 10px;
						}

						.productName
						{
							height: 27px;
							width: 202px;
							background: url(../templateimages/productnamebg.png) no-repeat;
							padding: 2px 0px 0px 5px;
							text-align: center;
							color: #FFFFFF;
							font-size: 9px;
						}

							a.productNameLink
							{
								color: #FFFFFF;
							}

						.productImage
						{
							height: 100px;
							width: 180px;
							padding: 20px 0px 0px 32px;
						}

						.productPrice
						{
							float: left;
							height: 60px;
							width: 220px;
							padding: 80px 0px 0px 0px;
							font-size: 16px;
						}

						.price
						{
							float: left;
							padding-top: 5px;
							padding-left: 20px;
							font-weight: bold;
							color: #666666;
						}

						.moreinfo
						{
							float: right;
							padding-right: 15px;
							border: none;
						}

	#bottom
	{
		float: left;
		height: 252px;
		width: 703px;
		background: #FFFFFF;
		padding-top: 7px;
		padding-left: 2px;
	}

	#latestadditionstitle
	{
		padding-bottom: 5px;
		text-align: center;
	}

	.latestadditionstext
	{
		color: #FFFFFF;
		font-weight: bold;
	}

		#latestadditionsholder
		{
			height: 234px;
			width: 678px;
			background: #828282;
			padding: 10px 0px 0px 9px;
			margin: 0px 0px 0px 4px;
		}

		.additionHolder
		{
			float: left;
			height: 195px;
			width: 131px;
			background: url(../templateimages/additionholder.png) no-repeat;
			padding-top: 5px;
			margin-bottom: 10px;
			padding-right: 4px;
			text-align: center;
		}

		.additionImage
		{
			padding: 14px 0px 0px 9px;
		}

		.additionPrice
		{
			font-size: 8px;
			width: 110px;
			padding-left: 7px;
			overflow: hidden;
			padding-bottom: 3px;
		}

	#bottom2
	{
		float: right;
		height: 252px;
		width: 230px;
		background: url(../templateimages/contentbottom2bg.png) no-repeat;
		padding: 5px 0px 0px 0px;
	}

		.bottom2content
		{
			margin-left: 9px;
		}

#rightColumnContainer
{
	float: right;
	height: 950px auto;
	width: 204px;
	background: #FFFFFF;
	margin: 9px 0px 0px 8px;
	padding: 0px 0px 5px 0px;
}

	#basket
	{
		height: auto;
		width: 170px;
		background: #FFFFFF;
		border: 1px solid #888888;
		padding: 7px 0px 0px 2px;
		margin: 10px 0px 8px 12px;
	}

	#paymentmethods
	{
		height: 62px;
		width: 146px;
		padding-left: 18px;
		margin-left: 12px;
	}

	#navheader
{
	height: 90px;
	width: 920px;
	padding: 5px 5px 5px 5px;
	background: url(../templateimages/headerbg.png) no-repeat;
	text-align: center;
}

			#headertopnav
			{
				height: 25px;
				width: 904px;
				margin: 3px 3px;
				padding: 10px 5px;
				background: url(../templateimages/headertopnavbg.png) no-repeat;
				color: #FFFFFF;
				font-size: 14px;
			}

				#headertopnav .topnavlink
				{
					color: #FFFFFF;
					font-weight: normal;
				}

				#headertopnav .topnavlink a:hover
				{
					color: #43B548;
				}

			#headerbottomnav
			{
				font-family: arial;
				font-weight: bold;
				font-size: 13px;
				padding-top: 6px;
			}

			.navsearch
			{
				float: right;
				padding: 0px 0px 5px 0px;
			}

			.text
			{
				margin: -6px 0px 0px 0px;
			}

			.home_region
			{
				float: left;
				width: 690px;
			}

#footer
{
	margin-top: 20px;
	margin-left: 160px;
	height: 55px;
	width: 875px;
	background: #828282;
	color: #FFFFFF;
	padding: 20px;
}

	.footerlink
	{
		position: relative;
		margin-right: 25px;
	}

	a.footerlink:hover
	{
		color: #FFFFFF;
		text-decoration: none;
	}

