/* WFD CSS */

img.pngme { behavior: url(/css/fixme.htc) }

* {margin:0;padding:0;}

html{ margin:0;padding:0;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}

html, body { height:100%; }

body {
	margin:0;
	padding:0;
	background:#F3F1E5 url('/img/body-bg.jpg') top left repeat-x;
	color:#444;
	font-size:62.5%; /* reset to 10px */
}

#container {
		min-height:100%;
		margin-bottom:-9.1em;
		background:transparent url('/img/container-bg.gif') repeat-y center top;
		/* do not use position:relative due to IE6 bug with top menu */
	}

.wrap { margin:0 auto; width:98em; padding:1em;position:relative; }
.wrap:after {content:".";display:block;height:0;clear:both;visibility:none;overflow:hidden;color:#fff;}



/* header styling */

#header 			{ margin:0 auto;width:98em;padding:1em 1em 0 1em;background:transparent url('/img/container-bg.gif') repeat-y center top;}
.header-wrap 	{ background:transparent url('/img/header-bg.jpg') repeat-x top left; }
.header-cta 	{ color:#FFF;background:#9BBA39; }
.header-cta a { color:#FFF;text-decoration:none; }

#header-content {padding:1em;}
#header-content .logo-and-search {vertical-align:top;height:130px;width:60%;}
#header-content .sign-in-and-phone {height:30px;font-size:1.2em;color:#fff;text-align:right;}
#header-content .sign-in-and-phone a {color:#fff}

.site-search {vertical-align:middle;padding-bottom:0.4em;}
.phone-number {margin-left:1em;font:bold 1.6em Arial;text-decoration:none;}
.phone-number img {vertical-align:middle;border:0;}

#colwrap { width:78em; float:right; padding-top:0.5em;}
#colwrap.fullwidth {width:100%;}

.main {
	float:left;
 	padding:0;
	width:59.4em;
	display:inline; /* IE margin fix */
}

.fullwidth {width:100%;margin-left:0;}
.width2col {width:78em;margin-left:0;}

.main a {color:#4268B4;}

.main p {
	color:#444;
	line-height:1.5;
	font-size:1.2em;
	padding-bottom:0.8em;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

.main ol, .main ul {color:#444;line-height:1.5;font-size:1.2em;padding-bottom:0.8em;margin-left:1.5em;}
.main #content-tabs ul {margin-left:0;}

/* must appear after main for applying style*/
#crumb {color:#666;margin:0;font:normal 1.3em Arial;margin-bottom:0.5em;padding-bottom:0.6em;border-bottom:1px solid #ddd;}
#crumb a {color:#DA8121;text-transform:capitalize;}
#crumb a:hover {text-decoration:underline;}
#crumb em {font-style:normal;color:#000;font-weight:bold;text-transform:capitalize;}

h1 { font:bold 2.2em Arial; padding:0.2em 0 0.4em 0; font-weight:bold; color:#333; }
h1.nopad {margin:0; padding:0.2em 0 0 0;}
h2,h3,h4,h5 {font:bold 1.5em Trebuchet MS, Arial; padding:0.4em 0 0.4em 0;color:#333; }

.main p.strapline { display:block; color:#666; font:bold 1.5em "Trebuchet MS", Verdana; padding-bottom:0.4em; }
.main p .highlight {color:#F08721;}
.main div.benefits ul {margin:0;padding:0;}
.main div.benefits ul li {background:transparent url(/img/icons/tick-benefits.gif) no-repeat top left;padding-left:1.2em;margin:0;list-style:none;}
.main div.hr {margin:0.5em 0;padding:0;height:1px;}
.main div.hr hr {display:none;}

/* styling elements */
.no-border-t {border-top:0;}
.no-border-b {border-bottom:0;}
.no-border-l {border-left:0;}
.no-border-r {border-right:0;}
.nopad {padding:0;}
.padr {padding-right:1em;}
.padl {padding-left:1em;}
.padt	{padding-top:1em;}
.margint {margin-top:0.5em;}
.marginl {margin-left:0.5em;}
.vmiddle {vertical-align:middle;}
.floatl {float:left;}
.floatr {float:right;}
.center {text-align:center;}
.left 	{text-align:left;}
.right 	{text-align:right}
.rrp	{color:#aaa;text-decoration:line-through;}
.offer {color:#9F3041;}
.clear  {clear:both}
.outline {border:1px solid #c06;}
.border {border:1px solid #CCC;}
.highlight {color:#F08721;}
input.btnme {padding:0.3em 0.5em;cursor:pointer;} /* style the input buttons */

/* TABLES */
table td, table th {font-size:1em;}
table.padall td,
table.padall th {padding:0.5em 1em;}
table. 		{font:normal 13px Arial;border:1px solid #ccc;}
table.delivery td {padding:0.5em;border-left:1px solid #ddd;border-bottom:1px solid #bbb;}
table.delivery th {padding:0.5em;border-left:1px solid #ddd;border-bottom:1px solid #bbb;background:#eee;}
.bottom-line td {border-bottom:1px solid #CDCDCD;}


/* ERROR elements */
.error-input {background:#FFA6A6;border:1px solid #FF4D4D;}
div.error {padding:0.5em 1em 0.2em 1em;background:#FCDBDB;border:1px solid #f00;margin-bottom:0.5em;}
.main div.error p,
.main div.error li,
.main div.error h2 {color:#990000;}


/* categories/wood-finishes.htm */
.categories	td 			{ vertical-align:bottom;padding:2em 1em 1.5em 0.5em;border-top:1px dotted #dedede;}
.categories	img			{ border:1px solid #ccc; width:90px; height:76px;}


/* categories/wood-finishes/wood-fillers.htm from cat.tpl */
.cat-hot-deals td {padding:1em;text-align:center;vertical-align:top;border:1px solid #ddd;border-right:0;}
.cat-hot-deals td.last {border-right:1px solid #ddd;}
.cat-hot-deals img {border:0;}
.cat-hot-deals .product-image {position:relative;width:100px;margin:0 auto;}
.cat-hot-deals .today-only-image {position:absolute;top:0;left:0;}
.cat-hot-deals .product-title {font-size:1.3em;display:block;height:40px;margin-top:0.5em;}
.cat-hot-deals .today-only-max-saving {color:#9C3333;font-size:1.2em;}
.cat-hot-deals .product-price {font:bold 1.8em Arial;color:#789E35;}

.product-list tr.first td { border-top:1px dotted #ccc; }
.product-list td	{ border-bottom:1px dotted #ccc;vertical-align:top;padding:1em 2em 1em 0;}
.product-list img	{ border:0; width:100; height:100; }
.product-list a		{ font-size:1.2em; }
.product-list .brand	{ font-size:0.8em; }
.product-list .brand a {color:#DA8121}
.product-list .today-only { color:#9C3333;font-size:1.2em;}
.product-list .price {text-align:left;}
.product-list .price a {text-decoration:none;color:#666;}
.product-list .price img {border:0;margin-top:0.5em;}
.product-list .price-now {font:bold 1.8em Arial;color:#789E35;}

.related-products-list tr td {border-top:1px dotted #ccc;font-size:1.2em;padding:0.5em 1em 0.5em 0;}


/* TODAY ONLY page */
.today-only td {border-top:2px solid #9D9D32;font-size:1.2em;padding:1em 1em 1em 0;}
.today-only-product td {border-top:0;border-bottom:1px dotted #ccc;font-size:1em;padding:0em 1em 0.5em 0;}
.today-only-product td.right {text-align:right;}
.today-only-product td.discount-today-only	{width:90px;color:#c03;text-align:left;}
.today-only-product td.discount-today-only span {font:bold 1.4em Arial;display:block;}
.today-only-product td.price-then {width:80px;text-align:left;}
.today-only-product td.price-then span {font:normal 1.4em Arial;text-decoration:line-through;display:block;}
.today-only-product td.price-now {width:80px;text-align:left;}
.today-only-product td.price-now span {font:bold 1.8em Arial;color:#789E35;display:block;}


/* PRODUCT page */
.product-page h2,
.product-page h3 {border-bottom:1px dotted #bbb;margin-bottom:0.5em;}

#product-overview td {vertical-align:top;}
#product-overview td.summary {padding-left:1em;padding-right:1em;}
#product-overview td.quick-links {width:200px;padding-left:1em;border-left:1px dotted #bbb;}
#product-overview td.quick-links a {display:block;padding:0.5em 0;border-top:1px solid #ddd;font:normal 1.2em Arial;}

#filters 		{width:100%;background:#fff;border-bottom:1px dotted #333;}
#filters a,
#filters span {text-decoration:none;margin-right:0.5em;white-space:nowrap;}
#filters a:hover {text-decoration:underline;}
#filters img {border:0;}
#filters th {text-align:left;font-size:1.2em;padding:1em;background:#e9e9e9;}
#filters td {font-size:1.1em;padding:0 0 0.3em 0;line-height:1.5;}
#filters td.title {text-align:left;vertical-align:top;width:7.5em;padding-right:1em;}
#filters .current {color:#DA8121;}

#sort-by {width:100%;margin-bottom:2px;}
#sort-by td {padding:0.5em 0;font:normal 14px Arial;}
#sort-by b {color:#DA8121;}
#sort-by em {font-style:normal;font-weight:bold;color:#000;}

#product-price-table	{width:100%;}
#product-price-table th {text-align:left;padding:0.5em;background:#ddd;font-size:1.2em;border-bottom:2px solid #fff;}
#product-price-table td {padding:0.5em; border-bottom:2px solid #fff; font-size:1.2em; background:#F5F5F5;}
#product-price-table td.swatch img {border:1px solid #aaa;}
#product-price-table th.variation {}
#product-price-table th.stock {text-align:center;}
#product-price-table td.stock {text-align:center;}
#product-price-table td.discount-today-only {text-align:left;color:#c03;width:80px;}
#product-price-table td.discount-today-only span {font:bold 1.4em Arial;display:block;}
#product-price-table td.price {text-align:right;width:80px;}
#product-price-table .price-then {text-decoration:line-through;display:block;}
#product-price-table .price-now {font:bold 1.8em Arial;color:#789E35;display:block;}
#product-price-table th.qty {text-align:left;}
#product-price-table td.qty {text-align:left;width:120px;}
#product-price-table div.add-message {position:absolute;top:0;left:-2em; padding:0.5em 1em;background:#fff; border:2px solid #89B2C3;color:#4444;width:8em;text-align:center;}
#product-price-table .add {cursor:pointer;vertical-align:middle;}

/* colour chart popup */
#colour-chart td {padding:1em;}
#colour-chart td.selected {background:#fff;border:2px solid #cc0066;}

.also-purchased td	{ padding:1em;text-align:center;vertical-align:top;background:#fff;border:1px solid #ddd;border-right:0;}
.also-purchased td.last {border-right:1px solid #ddd;}
.also-purchased p {line-height:1;padding-bottom:0;}
.also-purchased img	{ border:0; }
.also-purchased .product-image {position:relative;width:100px;margin:0 auto;}
.also-purchased .product-title {font-size:1.3em;display:block;height:40px;margin-top:0.5em;}
.also-purchased .product-price {font:bold 1.8em Arial;color:#789E35;}
.also-purchased .today-only-image {position:absolute;top:0;left:0;}

/* GUIDES page */
#guide-overview td.quick-links {width:200px;padding-left:1em;border-left:1px dotted #ddd;}
#guide-overview td.quick-links a {display:block;padding:0.5em 0;border-top:1px solid #ccc;font:normal 1.2em Arial;}

.product-guides tr.first td { border-top:1px dotted #ccc; }
.product-guides td	{ border-bottom:1px dotted #ccc;vertical-align:top;padding:1em 2em 1em 0;}
.product-guides img	{ border:0; width:100; height:100; }
.product-guides a		{ font-size:1.2em; }
.product-guides .brand	{ font-size:0.8em; }
.product-guides .brand a {color:#DA8121}
.product-guides .today-only { color:#9C3333;font-size:1.2em;}
.product-guides .price {text-align:left;}
.product-guides .price a {text-decoration:none;color:#666;}
.product-guides .price img {border:0;margin-top:0.5em;}
.product-guides .price-now {font:bold 1.8em Arial;color:#789E35;}


/* BRANDS page */
.brands td {vertical-align:bottom;padding:1em 1em 2em 0em;}
.brands img {border:1px solid #ccc;padding:0.5em;}

.brand-items td {vertical-align:bottom;padding:0.5em;border-top:1px solid #eee;}
.brand-items tr.first td {border:0;}
.brand-items img {float:left;margin:0.5em 1em 0 0;border:0;}


/* BASKET mini */
#basketsummary {
	line-height:1em;
	color:#fff;
	font-size:1.2em;
	vertical-align:top;
	/* MS IE image filter */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/basket-bg.png');
}

/* Mozilla style */
#basketsummary[id]	{ background-image:url("/img/basket-bg.png"); }
#basketsummary td {padding:1em;vertical-align:bottom;line-height:1.8em;}
#basketsummary a {color:#fff;position:relative;}
#basketsummary .title {width:30px;vertical-align:top;}
#basketsummary .total {border-top:1px dotted #eee;margin-top:0.5em}
#basketsummary .total strong {color:#DA8121}
#basketsummary #edit-basket-link {padding-bottom:0.6em;font-size:0.9em;}
#basketsummary .items  {width:55%;text-align:left;}


/* BASKET popup */

#basket-popup-totals td {padding:0.5em 1em;border-bottom:2px solid #fff;color:#000;font-size:1.2em;background:#f5f5f5;}
.also-purchased-basket td	{ padding:1em;text-align:center;vertical-align:top;border:1px solid #ddd;background:#fff;}
.also-purchased-basket p {line-height:1;padding-bottom:0;}
.also-purchased-basket img	{ border:0; width:100px;}
.also-purchased-basket .product-image {position:relative;width:100px;margin:0 auto;}
.also-purchased-basket .product-title {font-size:1.2em;display:block;height:30px;margin-top:0.5em;}
.also-purchased-basket .product-price {font:bold 1.6em Arial;color:#789E35;}
.also-purchased-basket .today-only-image {position:absolute;top:0;left:0;}



/* BASKET */
#basket {font-size:1.2em;font-family:Arial;}
#basket th {padding:0.5em 1em 0.5em 1em; background:#ddd; border-bottom:2px solid #fff;}
#basket td {padding:0.5em 1em 0.5em 1em;vertical-align:bottom;background:#F5F5F5;}
#basket tr.bottom-line td {border-bottom:2px solid #fff;}
#basket tr.subtotal-line td {border-bottom:1px solid #888;margin-bottom:1px;}
#basket tr.subtotal-line td.no-border {border-bottom:0;}
#basket th.delete,
#basket td.delete {text-align:right;width:1em;padding-left:0.5em;padding-right:0;vertical-align:middle;}
#basket th.description,
#basket td.description {text-align:left;width:20em;}
#basket th.stock,
#basket td.stock {text-align:left;}
#basket th.qty,
#basket td.qty {text-align:left;}
#basket td.discount-today-only {text-align:left;color:#c03;width:80px;}
#basket td.discount-today-only span {font:bold 1.4em Arial;display:block;}
#basket th.price,
#basket td.price {text-align:right;}
#basket td.price {text-align:right;width:80px;}
#basket td.subtotal .price-then,
#basket td.price .price-then {text-decoration:line-through;display:block;text-align:right;width:100%;}
#basket td.price .price-now {font-weight:normal;/*font:bold 1.4em Arial;color:#789E35;*/display:block;text-align:right;width:100%;}
#basket th.subtotal,
#basket td.subtotal {text-align:right;}
#basket .price-subtotal {/*font:bold 1.4em Arial;color:#789E35;*/font-weight:normal;}

#basket #delivery-types input,
#basket #delivery-types label,
#basket .delivery-option label,
#basket .delivery-option input {cursor:pointer;}

#basket .selected-delivery-option {background:#D3E8A2;}

/* Associated */
.add-message {padding:8px;background:#DDEAC5;color:#789E35;border:2px solid #789E35;font-size:13px;font-weight:bold;}


/* form */
.webform ol			{list-style-type:none;margin:0;}
.webform li			{margin-bottom:0.5em;}
.webform fieldset	{border:1px solid #ccc;padding:1em 2em;}
.webform legend	{font:bold 1.3em Arial;padding:0 0 1em 0;color:#000;}
.webform label	{display:block;}
.webform input	{
	border-color:#a6a6a6 #dadada #dadada #a6a6a6;
	border-style:solid;
	border-width:1px;
	padding:3px;
	}


#payment ul {margin:0;padding:0;font-size:1.3em;}
#payment li {list-style:none;padding:0.5em 0;}
#payment li label {display:block;float:left;width:10em;text-align:right;margin-right:1em;color:#777;}
#payment li.error,
#payment li.error label {color:#f00;}
#payment li.error input,
#payment li.error select {border:1px solid #f00;}


#swatchContainer img {border:1px solid #cdcdcd;}
#swatchContainer a {padding-right:1px;}

/* FOOTER */

.clearfooter {
height: 9em;
clear: both;
}

#footer 				{ width:98em; padding:1em;	margin:0 auto; position:relative; background:transparent url('/img/container-bg.gif') repeat-y center top; height:7em;}
#footer img.rss { vertical-align:middle; border:0; }
#footer a				{ padding:0 0.2em; font-size:1.2em; color:#4268B4;}
#footer label		{ font-weight:bold; display:block; width:100px; float:left; position:relative; }
#footer-content { position:relative; z-index:10; background:#EFE9E0; padding:1em;}

/* USEFUL RESOURCES pages */
#the-links ul{padding-left:0;margin-left:0;}
#the-links li {margin:0;padding-bottom:8px;list-style:none;}


#popup-wrapper {
	margin-left:auto;
	margin-right:auto;
	width:700px;
	margin-top:4.5em;
	position:relative;
	z-index:11;
}

#popup-div {
	position:fixed !important;
	position:absolute;
	border:2px solid #000;
	width:700px;
	z-index:12;
	background:#fff;
}

#hide-popup-div {
	position:absolute;
	top:-1.9em;
	right:-1.9em;
	color:#3582AC;
	cursor:pointer;
	z-index:13;
}

#popup-shadow {
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#666;
	filter:alpha(opacity=6);
 	-moz-opacity:0.6;
	opacity:0.6;
	z-index: 10;
}