@charset "utf-8";
/* -------------------------------------------------------- MAIN */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background: url(../../skin/skin1/images/global/main-bg.jpg) top left repeat-x;
}
h1, h2, h3, h4, ul, ol, form, label, p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
img {
	border: none;
}
input {
	font-size: 1em;
}

.png {
	behavior: url(includes/htc/iepngfix.htc);
}

.clear {
	clear: both;
}
#layouttop {
	float: left;
	width: 100%;
	text-align: center;
}
#centerall {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}
#header {
	float: left;
	width: 980px;
}
#mainlogo {
	float: left;
	width: 188px;
	height: 97px;
	padding: 22px 0 15px 27px;
}
#mainlogo img {
	float: left;
}
#topmenu {
	float: right;
}
#topmenu ul {
	float: left;
	padding: 3px 0 0 0;
}
#topmenu ul li {
	float: left;
	border-left: 3px solid #eeeeee;
}
#topmenu ul li a {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #4b4b4b;
}
#topmenu ul li a:hover {
	text-decoration: underline;
}
#basketpanel {
	float: left;
	height: 28px;
	padding: 0 2px 0 90px;
	background: #7e9c82 url(../../skin/skin1/images/global/basket-bg.jpg) bottom left no-repeat;
}
#itemspanel {
	float: left;
}
#itemspanel div {
	float: left;
	font-size: 1.1em;
	padding: 7px 0 6px 0;
	color: #FFFFFF;
	background: url(../../skin/skin1/images/global/basket-items-bg.jpg) top left repeat-x;
}
#itemspanel img {
	float: left;
}
#pagetitle {
	float: left;
	width: 480px;
}
#pagetitle h1 {
	padding: 18px 0 0 28px;
	font-size: 1.4em;
	color: #0c4214;
	font-weight: normal;
}
#phonenumbers {
	float: right;
	width: 275px;
	height: 53px;
	padding: 8px 0 0 0;
}
#phonenumbers img {
	float: left;
}
#searchpanel {
	float: right;
	padding: 6px 16px 5px 0;
	margin: 10px 0 0 0;
	width: 730px;
	background: url(../../skin/skin1/images/global/search-panel-bg.jpg) top right repeat-y;
}
#searchpanel input {
	float: right;
	margin: 0 0 0 9px;
}
#searchpanel img {
	float: right;
	margin: 6px 0 0 0;
}
input.keywords {
	width: 190px;
	padding: 4px 5px 3px 5px;
	border: 1px solid #a3b9a7;
}
#mainmenu {
	float: left;
	width: 977px;
	height: 41px;
	padding: 5px 0 0 3px;
	background: #ede9e3 url(../../skin/skin1/images/global/main-menu-bg.jpg) top left repeat-x;
}
#mainmenu .tab {
	float: left;
	width: 159px;
	display: inline;
	margin: 0 0 0 3px;
	font-size: 1.1em;
}
#mainmenu .tab a {
	display: block;
	position: relative;
	width: 158px;
	padding: 9px 0 7px 0;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background: url(../../skin/skin1/images/global/menu-tab.jpg) top left no-repeat;
}
#mainmenu .tab a:hover {
	padding: 9px 0 17px 0;
	color: #9c8f7a;
	background: url(../../skin/skin1/images/global/menu-tab-selected.jpg) top left no-repeat;
}
#mainmenu .tab a span {
	display: none;
}
#mainmenu .tab a:hover span {
	display: block;
	position: absolute;
	bottom: -2px;
	left: 1px;
	height: 2px;
	/*width: 189px;*/
	clear: both;
}
#mainmenu .tab a.current {
	padding: 9px 0 17px 0;
	color: #9c8f7a;
	background: url(../../skin/skin1/images/global/menu-tab-selected.jpg) top left no-repeat;
}
#mainmenu .tab a.current span {
	display: block;
	position: absolute;
	bottom: -2px;
	left: 1px;
	height: 2px;
	width: 189px;
	clear: both;
}

#insidemainmenu {
	float: left;
	width: 977px;
	height: 38px;
	padding: 5px 0 0 3px;
	background: #ede9e3 url(../../skin/skin1/images/global/main-menu-bg.jpg) top left repeat-x;
}
#insidemainmenu .tab {
	float: left;
	width: 159px;
	display: inline;
	margin: 0 0 0 3px;
	font-size: 1.1em;
}
#insidemainmenu .tab a {
	display: block;
	position: relative;
	width: 158px;
	padding: 9px 0 7px 0;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background: url(../../skin/skin1/images/global/menu-tab.jpg) top left no-repeat;
}
#insidemainmenu .tab a:hover {
	padding: 9px 0 7px 0;
	color: #9c8f7a;
	background: url(../../skin/skin1/images/global/menu-tab-selected.jpg) top left no-repeat;
}
#insidemainmenu .tab a.current {
	padding: 9px 0 7px 0;
	color: #9c8f7a;
	background: url(../../skin/skin1/images/global/menu-tab-selected.jpg) top left no-repeat;
}

#categoryintro {
	float: left;
	width: 968px;
	margin: 0 0 0 0;
	padding: 0 6px 0 6px;
}
#categoryintro .content {
	float: left;
	width: 954px;
	padding: 6px 6px;
	border: 1px solid #dcd5cb;
	background: #fff;
}
#homeboxes {
	float: left;
	display: inline;
	width: 950px;
	margin: -1px 0 0 14px;
	padding: 10px 0;
	background: #e9f1e9;
	border: 1px solid #cbdccb;
}
#homeboxes .box {
	float: left;
	width: 215px;
	padding: 6px 0 6px 19px;
	border-right: 3px solid #f4f8f4;
}
#homeboxes .last {
	border: none;
}
#homeboxes .box .imagebox {
	float: left;
	width: 196px;
	border: 1px solid #cfddcc;
}
#homeboxes .box .imagebox h4 {
	float: left;
	display: block;
	width: 183px;
	padding: 5px 5px 5px 8px;
	color: #fff;
	font-size: 1.1em;
	background: #5d8163 url(../../skin/skin1/images/panels/homebox-h4-bg.jpg) top left repeat-x;
}
#homeboxes .box .imagebox h4 a {
	color: #fff;
	text-decoration: none;
}
#homeboxes .box .imagebox img {
	float: left;
	border-top: 1px solid #cfddcc;
}
#homeboxes .box h4 {
	display: block;
	float: left;
	font-size: 1em;
	padding: 10px 0 5px 0;
	width: 198px;
}
#homeboxes .box h4 a {
	color: #5a7e60;
	text-decoration: none;
}
#homeboxes .box h4 a:hover {
	text-decoration: underline;
}
#homeboxes .box div.oldprice {
	float: left;
	padding: 8px 0 0 0;
	width: 198px;
	color: #646464;
	font-size: 1.1em;
	text-decoration: line-through;
}
#homeboxes .box div.price {
	float: left;
	padding: 0;
	width: 198px;
	color: #646464;
	font-size: 1.5em;
}
#homeboxes .box div.price span {
	color: #cc6767;
	font-weight: bold;
}
#threehomepanels {
	float: left;
	width: 974px;
	padding: 16px 0 17px 6px;
}
#threehomepanels .centerpanel {
	margin: 0 29px;
	display: inline;
}
#postcodebox {
	float: left;
	width: 141px;
	height: 122px;
	font-size: 1.1em;
	padding: 0 0 0 160px;
	border: 1px solid #cbdccb;
	background: #f2f8f2 url(../../skin/skin1/images/panels/postcode-bg.jpg) top left no-repeat;
}
#postcodebox p {
	padding: 15px 10px 10px 0;
	color: #646464;
}
#postcodebox input.postcode {
	border: 1px solid #cbdccb;
	width: 110px;
	font-size: 0.9em;
	padding: 3px 5px 2px 5px;
}
#postcodebox a {
	display: block;
	color: #24552b;
	padding: 5px 0 0 15px;
	text-decoration: none;
	font-weight: bold;
	background: url(../../skin/skin1/images/bullets/arrow-green.gif) 5px 9px no-repeat;
}
#postcodebox a:hover {
	text-decoration: underline;
}
#directionsbox {
	float: left;
	width: 141px;
	height: 122px;
	font-size: 1.1em;
	padding: 0 0 0 160px;
	border: 1px solid #dcd5cb;
	background: url(../../skin/skin1/images/panels/get-directions-panel-bg.jpg) top left no-repeat;
}
#directionsbox p {
	padding: 15px 10px 10px 0;
	color: #646464;
}
#directionsbox input.postcode {
	border: 1px solid #dcd5cb;
	width: 110px;
	font-size: 0.9em;
	padding: 3px 5px 2px 5px;
}
#directionsbox a {
	display: block;
	color: #24552b;
	padding: 5px 0 0 15px;
	text-decoration: none;
	font-weight: bold;
	background: url(../../skin/skin1/images/bullets/arrow-green-on-brown.gif) 5px 9px no-repeat;
}
#directionsbox a:hover {
	text-decoration: underline;
}
#brandspanel {
	float: left;
	width: 284px;
	height: 32px;
	font-size: 1.1em;
	padding: 90px 0 0 17px;
	border: 1px solid #dcd5cb;
	background: url(../../skin/skin1/images/panels/brands-bg.jpg) top left no-repeat;
}
#brandspanel select {
	float: left;
	margin: 3px 0 0 0;
	font-size: 0.9em;
}
#brandspanel a {
	display: block;
	float: left;
	color: #24552b;
	padding: 5px 0 0 15px;
	text-decoration: none;
	font-weight: bold;
	background: url(../../skin/skin1/images/bullets/arrow-green-on-brown.gif) 5px 9px no-repeat;
}
#brandspanel a:hover {
	text-decoration: underline;
}
#layoutfooter {
	float: left;
	width: 100%;
	text-align: center;
	background: url(../../skin/skin1/images/global/footer-bg.jpg) top left repeat-x;
}
#footerwrapper {
	width: 980px;
	margin: 0 auto;
}
#footer {
	float: left;
	width: 980px;
	text-align: left;
}
#welcomefooter {
	float: left;
	display: inline;
	width: 928px;
	border: 1px solid #dcd5cb;
	background: #fff;
	margin: 17px 6px 0 6px;
	padding: 20px;
}
#welcome {
	float: left;
	width: 295px;
}
#welcome .title {
	float: left;
	width: 295px;
}
#welcome .desc {
	float: left;
	width: 265px;
	padding: 15px 0 0 0;
	font-size: 1.1em;
	color: #646464;
}
#welcome .cards {
	float: left;
	width: 229px;
	color: #646464;
	margin: 15px 0 0 0;
	padding: 5px 0 8px 66px;
	background: url(../../skin/skin1/images/panels/thawte.jpg) top left no-repeat;
}
#welcome .cards img {
	margin: 4px 0 0 0;
}
#hotproducts {
	float: left;
	width: 280px;
	padding: 0 0 0 30px;
	border-right: 3px solid #ebe6de;
}
#hotproducts .title {
	float: left;
	width: 280px;
	padding: 0 0 20px 0;
}
#hotproducts .desc {
	float: left;
	width: 270px;
}
#hotproducts .desc .product img {
	float: left;
	margin: 0 10px 0 0;
}
#hotproducts .desc .product {
	float: left;
	width: 270px;
	padding: 0 0 10px 0;
	color: #978870;
}
#hotproducts .desc .product a {
	color: #978870;
}
#hotproducts .desc .product a:hover {
	color: #000;
}
#recentlyviewed {
	float: left;
	width: 280px;
	padding: 0 0 0 25px;
}
#recentlyviewed .title {
	float: left;
	width: 280px;
	padding: 0 0 20px 0;
}
#recentlyviewed .desc {
	float: left;
	width: 270px;
}
#recentlyviewed .desc .product img {
	float: left;
	margin: 0 10px 0 0;
}
#recentlyviewed .desc .product {
	float: left;
	width: 270px;
	padding: 0 0 10px 0;
	color: #978870;
}
#recentlyviewed .desc .product a {
	color: #978870;
}
#recentlyviewed .desc .product a:hover {
	color: #000;
}



#breadcrumbs {
	float: left;
	width: 968px;
	padding: 0 0 7px 12px;
	color: #787878;
}
#breadcrumbs a {
	padding: 0 2px 0 10px;
	background: url(../../skin/skin1/images/bullets/arrow-breadcrumb.gif) 0px 4px no-repeat;
	color: #787878;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #000;
}


#leftcolumn {
	float: left;
	width: 216px;
	padding: 0 10px 45px 0px;
}
#centercolumn {
	float: left;
	width: 744px;
	padding: 0 0px 15px 0;
}

#centercolumn #checkoutsteps .steps div {
	float: left;
}
#centercolumn #checkoutsteps .steps div img {
	float: left;
}
#checkoutsteps {
	float: left;
	width: 700px;
	margin: 0 0 10px 0;
}

#categories {
	float: left;
	width: 174px;
	margin: 0 0 11px 0;
	padding: 20px;
	border: 1px solid #dcd5cb;
	background: #fff;
}
#categories h3 {
	display: block;
	width: 174px;
	padding: 0 0 3px 0;
	margin: 0 0 3px 0;
	font-size: 1.1em;
	color: #24552b;
	border-bottom: 3px solid #e8e8e8;
}
#categories a {
	display: block;
	width: 174px;
	padding: 3px 0 3px 0;
	color: #787878;
	text-decoration: none;
	border-bottom: 1px solid #e7e7e7;
}
#categories a:hover {
	color: #000;
}
#categories a.current {
	color: #507755;
	width: 164px;
	font-weight: bold;
	background: url(../../skin/skin1/images/bullets/arrow-current-category.gif) 0px 7px no-repeat;
	padding: 3px 0 3px 10px;
}
.insidepanel {
	float: left;
	width: 174px;
	padding: 20px;
	margin: 0 0 11px 0;
	border: 1px solid #dcd5cb;
	background: #fff url(../../skin/skin1/images/panels/inside-panel-bg.jpg) bottom left repeat-x;
}
.insidepanel .title {
	width: 100%;
	padding: 0 0 10px 0;
}
.insidepanel a {
	color: #787878;
}
.insidepanel a:hover {
	color: #000;
}
.insidepanel ol {
	margin: 0 0 0 20px;
	color: #787878;
}
.insidepanel ol li {
	margin: 10px 0 0 0;
}
.brandbox {
	float: left;
	width: 214px;
	margin: 0 0 1px 0;
	padding: 3px 0 3px 0;
	text-align: center;
	border: 1px solid #dcd5cb;
	background: #f8f5ef url(../../skin/skin1/images/panels/brandbox-bg.jpg) bottom left repeat-x;
}



#postcodeboxinside {
	float: left;
	width: 144px;
	height: 122px;
	font-size: 1.1em;
	margin: 11px 0 0 0;
	padding: 0 0 0 70px;
	border: 1px solid #cbdccb;
	background: #f2f8f2 url(../../skin/skin1/images/panels/postcode-bg.jpg) -50px 0 no-repeat;
}
#postcodeboxinside p {
	padding: 7px 0 7px 0px;
	color: #4d7451;
}
#postcodeboxinside input.postcode {
	border: 1px solid #cbdccb;
	width: 80px;
	margin: 0 0 0 30px;
	font-size: 0.9em;
	padding: 3px 5px 2px 5px;
}
#postcodeboxinside a {
	display: block;
	color: #24552b;
	padding: 5px 0 0 42px;
	text-decoration: none;
	font-weight: bold;
	background: url(../../skin/skin1/images/bullets/arrow-green.gif) 33px 9px no-repeat;
}
#postcodeboxinside a:hover {
	text-decoration: underline;
}



#listingtop {
	float: left;
	width: 730px;
	padding: 6px;
	background: #fff;
	border: 1px solid #dcd5cb;
	margin:0px 0px 10px 0px;
}
#listingtop .pic {
	float: left;
	width: 514px;
	height: 269px;
}
#listingtop .pic img {
	float: left;
}
#listingtop .filterbox {
	float: left;
	width: 193px;
	padding: 19px 0 50px 22px;
	height: 200px;
	background: url(../../skin/skin1/images/panels/filter-box-leather.jpg) top left no-repeat;
}
#listingtop .filterbox .h2 {
	color: #c1d093;
	font-size: 2.0em;
	margin: 0 0 8px 0;
	font-weight: normal;
}
#listingtop .filterbox .h3 {
	color: #c1d093;
	font-size: 1.3em;
	margin: 0 0 8px 0;
}
#listingtop .filterbox .row {
	float: left;
	width: 170px;
	padding: 0 0 10px 0;
}
#listingtop .filterbox .row label {
	color: #FFFFFF;
	font-size: 1.1em;
}
#listingtop .filterbox .row select {
	font-size: 100%;
	width: 170px;
	margin: 2px 0 0 0;
}
#listingtop .filterbox .submit {
	float: left;
	width: 170px;
	text-align: right;
}


#listing {
	float: left;
	background-color:#FFFFFF;
	border:1px solid #dcd5cb;
	padding: 10px 8px 12px 15px;
}
#listing h2 {
	display: block;
	float: left;
	width: 721px;
	font-size: 1.3em;
	color: #24552b;
	padding: 0 0 4px 0;
	margin: 0 0 7px 0;
	border-bottom: 3px solid #e8e8e8;
}
#listingdescription {
	float: left;
	color: #666666;
	width: 716px;
	padding: 0 0 8px 5px;
	margin: 0 0 7px 0;
	border-bottom: 1px solid #e8e8e8;
}
#centercolumn .row {
	float: left;
}
#centercolumn #contactColumn .row {
	float: none;
}
.paging {
	float: left;
	width: 716px;
	padding: 0 0 5px 0;
	color: #787878;
}
.paging strong {
/*	display: block;
	float: left;
	width: 100%;*/
}
.paging .results strong {
/*		display: inline !important;
	float: none !important;*/
}
.paging h3{
	color: #0c4214;
}
.paging p {
	padding: 0 0 10px 0;
}
.paging p span {
	font-size:1.2em;
}
.paging a {
	color: #787878;
	text-decoration: underline;
}
.paging a:hover {
	color: #000;
}
.paging a.bold {
	font-weight: bold;
	text-decoration: none;
}
.paging a.previous {
	float: left;
	padding: 0 10px 0 10px;
	background: url(../../skin/skin1/images/bullets/arrow-paging-previous.gif) 0 4px no-repeat;
}
.paging a.next {
	float: right;
	padding: 0 10px 0 10px;
	background: url(../../skin/skin1/images/bullets/arrow-paging-next.gif) 37px 4px no-repeat;
}
.paging div.results {
	float: right;
	width: 200px;
	padding: 0 0 5px 0;
	text-align: right;
}
.paging div.resultsNumbers {
	float: left;
	width: 716px !important;
	}
.listingbox {
	float: left;
	width: 198px;
	display: inline;
	margin: 15px 56px 0 0;
	padding: 0 0 10px 0;
}
.lastinrow {
	margin: 15px 0 0 0 !important;
}
.listingbox .box .imagebox {
	float: left;
	width: 196px;
	border: 1px solid #cfddcc;
}
.listingbox .box .imagebox h4 {
	float: left;
	display: block;
	width: 183px;
	padding: 5px 5px 5px 8px;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	background: #5d8163 url(../../skin/skin1/images/panels/homebox-h4-bg.jpg) top left repeat-x;
}
.listingbox .box .imagebox h4 a {
	color: #fff;
	text-decoration: none;
}
.listingbox .box .imagebox img {
	float: left;
	border-top: 1px solid #cfddcc;
}
.listingbox .box h4 {
	display: block;
	float: left;
	font-size: 1em;
	font-weight: normal;
	padding: 10px 0 5px 0;
	width: 198px;
}
.listingbox .box h4 a {
	color: #808080;
	text-decoration: none;
}
.listingbox .box h4 a:hover {
	text-decoration: underline;
}
.listingbox .box a.moreinfo {
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: none;
	color: #24552b;
	background: url(../../skin/skin1/images/bullets/arrow-current-category.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
}
.listingbox .box a.moreinfo:hover {
	text-decoration: underline;
}


#showpagepics {
	float: left;
	width: 744px;
}
#showpagepics .largepic {
	float: left;
	display: inline;
	width: 493px;
	padding: 6px;
	margin: 0 7px 0 0;
	background: #fff;
	border: 1px solid #dcd5cb;
}
#showpagepics .thumb {
	float: left;
	width: 214px;
	height: 125px;
	padding: 6px;
	margin: 0 0 7px 0;
	background: #fff;
	border: 1px solid #dcd5cb;
}
#showpagedesc {
	float: left;
	width: 720px;
	display: inline;
	padding: 10px 0 0 0;
	margin: 0 0 0 18px;
}
#showpagedesc h2 {
	display: block;
	float: left;
	width: 721px;
	font-size: 1.3em;
	color: #24552b;
	padding: 0 0 4px 0;
	margin: 0 0 7px 0;
	border-bottom: 3px solid #e8e8e8;
}
#showpagedesc .desc {
	float: left;
	width: 100%;
}
#showpagedesc .desc p {
	padding: 0 0 10px 2px;
	color: #787878;
	line-height: 1.5em;
}
#showpagedesc div.price {
	float: left;
	padding: 10px 0 0 15px;
	width: 198px;
	color: #646464;
	font-size: 1.1em;
}
#showpagedesc div.price span {
	color: #cc6767;
	font-size: 1.7em;
	font-weight: bold;
}
#showpagedesc .logo {
	float: right;
	margin: 0 0 10px 0;
}
#showpagedesc .logo img {
	float: left;
	border: 1px solid #dcd5cb;
}
#showpagedesc span.pricesshowpage {
	font-size: 1.3em;
	color: #666666;
	font-weight: bold;
}
#showpagedesc span.pricesshowpage .price_lowest {
	color: #b83939;
	padding: 0 0 0 6px;
}
#showpagedescinner {
	float: left;
	width: 469px;
}
#showpagedescinner h2 {
	display: block;
	float: left;
	width: 100%;
	font-size: 1.3em;
	color: #24552b;
	padding: 0 0 4px 0;
	margin: 0 0 7px 0;
	border-bottom: 3px solid #e8e8e8;
}
#showpagedescinner .desc {
	float: left;
	width: 100%;
}
#showpagedescinner .desc p {
	padding: 0 0 10px 2px;
	color: #787878;
	line-height: 1.5em;
}
#showpagedescinner .logo {
	float: right;
}
#showpagedescinner .logo img {
	border: 1px solid #dcd5cb;
}
#showpagedescinner span.pricesshowpage {
	font-size: 1.3em;
	color: #666666;
	font-weight: bold;
}
#showpagedescinner span.pricesshowpage .price_lowest {
	color: #b83939;
	padding: 0 0 0 6px;
}
#options {
	float: left;
	width: 720px;
	display: inline;
	padding: 10px 0 0 0;
	margin: 0 0 0 18px;
}
#coveringscolours {
	float: left;
	position: relative;
	width: 469px;
}
#coveringscolours #calculatingprice {
	position: absolute;
	top: 285px;
	left: 160px;
	padding: 12px 10px 10px 38px;
	color: #fff;
	clear: both;
	background: #5c8162 url(../../images/misc/loading.gif) 5px 4px no-repeat;
	border: 1px solid #4f6953;
}
#coveringscolours .chooser {
	float: left;
	width: 469px;
}
#coveringscolours .chooser img {
	float: left;
}
#coveringscolours .class {
	float: left;
	width: 469px;
}
#coveringscolours .mainbox {
	float: left;
	width: 467px;
	border: 1px solid #dce6da;
	background: #fff;
}
#coveringscolours .mainbox p.intro {
	color: #787878;
	display: block;
	width: 427px;
	padding: 10px 10px;
	margin: 0 10px 10px 10px;
	border-bottom: 3px solid #e8e8e8;
}
#coveringscolours .mainbox p.optionText {
	color: #B83939;
	display: block;
	width: 427px;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 10px;
	margin: 0 10px 0px 0px;
}
#options div.optiontitle {
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	width: 427px;
	padding: 0 0 5px 0;
	margin: 5px 0 10px 0;
	color: #24552b;
	border-bottom: 1px solid #CCCCCC;
}
#options div.optiontitle a {
	display: inline-block;
	float: right;
	padding: 0 0 0 10px;
	color: #2172aa;
}
#options div.optiontitle a:hover {
	color: #F00;
}
#coveringscolours .options {
	float: left;
	width: 457px;
	height: 425px;
	padding: 0 0 10px 10px;
	overflow: auto;
}
#coveringscolours .row {
	float: left;
}

.colouroption {
	float: left;
	padding: 15px;
	width: 185px;
}

.colouroption:hover {
	background: #e9f1e9;
}

.colouroptionselected{
    float: left;
	padding: 15px;
	width: 185px;
	background: #e9f1e9;
}
.colouroptionselected div {
	float: left;
	width: 61px;
	height: 61px;
	padding: 4px;
	background: #fff;
	border: 1px solid #e4e4e4;
}
.colouroptionselected div img {
	float: left;
}
.colouroptionselected a {
	color: #787878;
	text-decoration: none;
}

.colouroptionselected p {
	display: block;
	float: right;
	width: 105px;
	padding: 0 0 0 5px;
}
.colouroptionselected p.price {
	color: #cc6767;
	padding: 0 0 0 5px;
	font-size: 1.2em;
	font-weight: bold;
}
.colouroptionselected p.price_was {
	color: #787878;
	padding: 0 0 0 5px;
	font-size: 1em;
	font-weight: bold;
}

.colouroption div {
	float: left;
	width: 61px;
	height: 61px;
	padding: 4px;
	background: #fff;
	border: 1px solid #e4e4e4;
}
.colouroption div img {
	float: left;
}
.colouroption a {
	color: #787878;
	text-decoration: none;
}

.colouroption p {
	display: block;
	float: right;
	width: 105px;
	padding: 0 0 0 5px;
}
.colouroption p.price {
	color: #cc6767;
	padding: 0 0 0 5px;
	font-size: 1.2em;
	font-weight: bold;
}
.colouroption p.price_was {
	color: #787878;
	padding: 0 0 0 5px;
	font-size: 1em;
	font-weight: bold;
}

#swatchsummary {
	clear: both;
	float: right;
	width: 227px;
	margin: 0px 0 0 0;
	padding: 0 0 0 0px;
}
#swatchsummary h2 {
	display: block;
	float: left;
	width: 205px;
	padding: 7px 11px;
	color: #FFFFFF;
	font-size: 1.1em;
	background: #5c8162 url(../../skin/skin1/images/panels/h2-bg.jpg) top left repeat-x;
	border: 1px solid #cedccb;
}
#swatchsummary h3 {
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: normal;
	color: #709075;
	padding: 10px 11px 4px 11px;
}
#swatchsummary .selected {
	padding: 10px 15px !important;
}
#swatchsummary .selected:hover {
	background: none !important;
}

#swatchsummary #cost {
	float: left;
	width: 205px;
	margin: 5px 0 0 0;
	padding: 7px 11px;
	color: #646464;
	font-size: 1.1em;
	font-weight: bold;
	background: #f3f3f3;
}
#swatchsummary #cost .price {
	float: right;
	color: #d68585;
}

#totalcost {
	float: left;
	width: 700px;
	display: inline;
	margin: 10px 0 0 18px;
	padding: 5px 10px;
	font-size: 1.3em;
	color: #646464;
	font-weight: bold;
	background: #f3f3f3;
	text-align: right;
}
#totalcost span {
	color: #cc6767;
	font-size: 1.2em;
}




#addtobasket {
	float: left;
	width: 700px;
	text-align: right;
	display: inline;
	font-size: 1.1em;
	color: #787878;
	margin: 10px 0 0 18px;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #e8e8e8;
}
#addtobasket .deliveryestimate {
	float: right;
	width: 700px;
}
#addtobasket label {
	float: right;
	margin: -9px 0 0 0;
	display: block;
}
#addtobasket select {
	float: right;
	margin: -13px 5px 0 5px;
}
#addtobasket img {
	float: right;
	cursor: pointer;
}

.viewswatches {
	display: block;
	color: #5e8964;
	float: left;
	padding: 10px 0 0 0;
}





#alsoavailable {
	float: left;
	width: 720px;
	display: inline;
	background: #e9f1e9;
	margin: 10px 0 0 18px;
}

#alsoavailable h2 {
	display: block;
	float: left;
	color: #fff;
	font-size: 1.3em;
	width: 680px;
	background: #a5baa8;
	padding: 5px 20px;
	border-bottom: 3px solid #fff;
}
#alsoavailable .content {
	float: left;
	width: 720px;
	padding: 20px 0;
}
#alsoavailable .content .listingbox {
	margin: 0 0 0 31px;
}


#alsoavailable .content .listingbox .box a.moreinfo {
	background: url(../../skin/skin1/images/bullets/arrow-green-on-green.gif) 0 4px no-repeat !important;
}

#sitemap {
	float: left;
	width: 968px;
	padding: 15px 6px;
}
#sitemap .column {
	float: left;
	width: 140px;
	padding: 0 16px 0 0;
}
#sitemap .last {
	padding: 0;
}
#sitemap .column a {
	color: #565656;
	text-decoration: none;
}
#sitemap .column a:hover {
	color: #000;
	text-decoration: underline;
}
#sitemap .column h3 {
	display: block;
	margin: 0 0 8px 0;
	padding: 0 0 2px 0;
	border-bottom: 3px solid #e8e8e8;
	font-size: 1.1em;
}
#sitemap .column ul a {
	color: #969696;
	text-decoration: none;
}
#sitemap .column ul li {
	padding: 0 0 5px 15px;
	background: url(../../skin/skin1/images/bullets/arrow-grey.gif) 6px 4px no-repeat;
}
#footertext {
	float: left;
	width: 980px;
	padding: 10px 0 20px 0;
	color: #969696;
	text-align: center;
}
#footertext a {
	color: #969696;
	text-decoration: underline;
}
#footertext a:hover {
	color: #000;
}


.ProductThumb {
	float: left;
	position:relative;
}
.ProductThumb img {
	cursor: pointer;
}
.ProductSlash{
	position: absolute;
	width: 78px;
	height: 78px;
	top: 0;
	left: -1px;
	clear: both;
}
.ProductSlash a img {
	float: left;
	border: none !important;
}
.ProductImage {
	float: right;
	position:relative;
}

#countbox {
	float: left;
	color: #fff;
	width: 290px;
	font-weight: bold;
	font-size: 2em;
	text-align: right;
	padding: 10px 10px 10px 0;
	background: url(images/countdown.jpg) no-repeat top left;
}

#registerColumn {
	float: left;
	background-color:#FFFFFF;
	border: 1px solid #dcd5cb;
	padding: 10px 7px;
	color:#787878;
}
#formWrapLeft {
	float:left;
	width: 350px;
}
#formWrapRight {
	float:left;
	width: 350px;
}
#myaccintromid {
	float: left;
	width: 680px;
	padding: 20px;
}
#myaccintromid p.delivery {
	font-size: 1.4em;
	color: #000000;
	font-weight: bold;
	padding: 0 0 10px 0;
}
.rowerror {
	float: left;
	width: 327px;
	padding: 10px 0 8px 0;
	color: #FF0000;
}
.rowerror2 {
	float: right;
	width: 650px;
	text-align: right;
	padding: 5px 40px 8px 0;
	color: #FF0000;
}
#myaccintro {
	float: left;
	margin:0px auto;
	width:95%;
	background-color:#eaf1e9;
	border:1px solid #d9e7d8;
	border-top:none;
	padding:5px 0px;
}

.narrowformtitle {
	color:#507755;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:3px solid #e8e8e8;
	padding:0px 0px 5px 5px;
	margin:0px 20px 0px 15px
	}
	
.narrowform {
	float: left;
	width: 327px;
	padding: 0 0 0 23px;
}
.narrowform .row {
	float: left;
	width: 327px;
	padding: 0 0 5px 0;
}
.narrowform .name {
	float: left;
	width: 127px;
	color: #507755;
}
.narrowform .required {
	width: 327px;
	padding: 5px 0 10px 0;
}	
div.useinvoiceaddress {
	float: left;
	width: 327px;
	padding: 10px 0 10px 0;
}	
.narrowform .inputitem {
	float: left;
	position: relative;
	width: 200px;
}
.inputitem input {
	width: 170px;
	margin: 0px;
	padding: 2px 0px;
}
.inputitem textarea {
	width: 170px;
	height: 90px;
	margin: 0px;
	padding: 2px 0px;
}	
.required_png {
	position:absolute;
	top: 0;
	right: 19px;
	width: 15px;
	height: 13px;
	clear: both;	
}

.termscheckbox {
	float:right;
	margin: 0px 10px 0px 10px;
	}
	
.checkboxdesc {
	float:right;
	margin:3px 0px 0px 0px;
	color:#4b7350;
	font-weight:bold;
	}
	
.checkboxdesc a {
	color:#4b7350;
	}
	
.continuebutton {
	float:right;
	}
	
.continuebutton img {
	margin:10px 25px 0px 0px;
	padding:0px;
	}
	
.backbutton {
	float:left;
	}
	
.backbutton img {
	margin:20px 0px 0px 25px;
	padding:0px;
	}
	
#protxPayment {
	float: left;
	width: 690px;
	padding:10px 20px 20px 20px;
	}
	
.protxlogo {
	float: left;
	width: 200px;
	padding: 0 0 0 250px;
}
#protxPayment p {
	padding:0px 0px;
	margin:0px 0px 10px 0px;
	}
	
#guides {
	margin:0px 0px 0px 6px;
	padding:0px 0px 0px 0px;
	}
	
#guides div {	
	float:left;
	padding:0px;
	width:483px;
	height:75px;
	}
	
#guides h4 {
	margin:0px;
	padding:0px;
	color:#507554;
	font-size:1em;
	}
	
#guides li {
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:140px;
	}
	
#guides li a {
	margin:0px;
	padding:0px;
	color:#797979;
	}
	
#guides #guide1 {
	border:1px solid #e2ded5;
	border-bottom:none;
	border-right:none;
	background:url(images/guide1.jpg) left top no-repeat;
	margin:15px 0px 0px 0px;
	}
	
#guides #guide1 h4 {
	margin:10px 0px 5px 200px;
	padding:0px;
	}
	
#guides #guide1 ul {
	padding:0px;
	margin:0px 0px 0px 200px;
	}
	
#guides #guide1 a {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background:url(images/bullets/guideWhiteBack.gif) no-repeat left;
	}

#guides #guide2 {
	border:1px solid #e2ded5;
	border-bottom:none;
	width:484px;
	background:url(images/guide2.jpg) left top no-repeat #f6f5f3;
	margin:15px 0px 0px 0px;
	}
	
#guides #guide2 h4 {
	margin:10px 0px 5px 180px;
	padding:0px;
	}

#guides #guide2 ul {
	padding:0px;
	margin:0px 0px 0px 180px;
	}
	
#guides #guide2 a {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background:url(images/bullets/guideGreyBack.gif) no-repeat left;
	}
	
#guides #guide3 {
	border:1px solid #e2ded5;
	border-right:none;
	background:url(images/guide3.jpg) right top no-repeat #f6f5f3;
	}
	
#guides #guide3 ul {
	padding:0px;
	margin:0px 0px 0px 30px;
	}
	
#guides #guide3 h4 {
	margin:10px 0px 5px 30px;
	padding:0px;
	}
	
#guides #guide3 a {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background:url(images/bullets/guideGreyBack.gif) no-repeat left;
	}

#guides #guide4 {
	border:1px solid #e2ded5;
	width:484px;
	background:url(images/guide4.jpg) right top no-repeat;
	}
	
#guides #guide4 ul {
	padding:0px;
	margin:0px 0px 0px 30px;
	}
	
#guides #guide4 h4 {
	margin:10px 0px 5px 30px;
	padding:0px;
	}
	
#guides #guide4 a {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background:url(images/bullets/guideWhiteBack.gif) no-repeat left;
	}
	
#openingTimes {
	width:300px;
	float:right;
	color:#787878;
	}
	
#openingTimes h3 {
	color:#24552B;
	}
	
#contactColumn .paging {
	float:left;
	width:400px;
	}

#wbb {
	margin:0px 0px 8px 0px;
	padding:0px;
	}
	
a.tooltip {
    position:relative; 
    z-index:24; 
    text-decoration:none;
	float:right;
	}

a.tooltip:hover {
	z-index:25; 
	background-color:#ff0;
	}

a.tooltip span {
	position:absolute;
	left:-9999px;
	}

a.tooltip:hover span { 
    display:block;
    position:absolute;
    top:0em; left:-545px; width:450px;
    border:1px solid #797979;
    background-color:#fff; color:#797979;
    text-align: left;
	padding:5px 10px;
	}
	
#viewSwatch {
	background-color:#E9F1E9 ;
	height:250px;
	}
	
#viewSwatch .options .row .colouroption {
	float:none;
	}

	
#viewSwatch .options .row .colouroption:hover {
	background-color:#E9F1E9 ;
	}
	
#viewSwatch .options .row .colouroption div {
	width:200px;
	height:200px;
	}
	


.outofstock {
	float: left;
	font-size: 1.1em;
	color: #990000;
	padding: 8px 0 0 0;
}
.outofstock a {
	color: #660000;
}
.outofstock a:hover {
	text-decoration: none;
}

.outofstock2 {
	float: right;
	font-size: 1em;
	color: #990000;
	padding: 8px 0 0 0;
}
.outofstock2 a {
	color: #660000;
}
.outofstock2 a:hover {
	text-decoration: none;
}
/*NEW*/
#price-panel {
	float: left;
	width: 303px;
}
#alsoavailable .row {
	float: left;
}
.selectoptionlink {
	display: block;
	padding: 5px 0 0 0;
	color: #0A4F74 !important;
	text-decoration: underline !important;
}
.selectoptionlink:hover{
	color: #FF0000 !important;
}
#rightcolumn-nooptions {
	float: right;
	width: 229px;
	/*border: 1px solid #000;*/
}
.linkbox {
	float: left;
	width: 150px;
	text-align: center;
}
.linkbox img {
	margin: 0 0 5px 0;
}


#productinfo {
	float: right;
	width: 227px;
	/*padding: 0 0 0 19px;*/
	/*border: 1px solid #000;*/
}
#productinfo h2 {
	display: block;
	float: left;
	width: 205px;
	padding: 7px 11px;
	color: #FFFFFF;
	font-size: 1.1em;
	background: #5c8162 url(../../skin/skin1/images/panels/h2-bg.jpg) top left repeat-x;
	border: 1px solid #cedccb;
}
#productinfo .option {
	float: left;
	width: 205px;
	color: #787878;
	padding: 0 11px 10px 11px;
}
#productinfo .option h3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #709075;
	padding: 10px 0 4px 0;
}
#productinfo .option select {
	font-size: 100%;
	margin: 4px 0 0 0;
}
#productinfo .option ul {
	list-style: disc;
	margin: 0 0 0 15px;
}
#productinfo .option ul li {
	padding: 0 0 3px 0;
}
#productinfo .imagebutton {
	cursor: pointer;
}
#addtobasket .imagebutton {
	float: right;
}
#addtobasket .quantityholder {
	float: right;
	width: 200px;
	padding: 15px 0 0 0;
}
.grey {
	color: #808080;
}
.dropdowngrey{
	background-color:#808080;
}
/* Jump menu for the materials panel */
.jumpmenu {
	float: left;
	width: 398px;
	padding: 15px 15px 7px 15px;
	margin: 10px 0;
	background: #f6f2e9;
	border: 1px solid #ceb0b2;
	font-size: 1.1em;
}
.jumpmenu p {
	font-weight: bold;
	padding: 0 0 10px 0;
}
.jumpmenu a {
	color: #2172aa;
}
.jumpmenu a:hover {
	color: #F00;
}
.jumpmenu ul {
	float: left;
}
.jumpmenu ul li {
	padding: 0 0 8px 0;
}
/* Promotional message */
.prtxtlisting {
	float: left;
	width: 716px;
	text-align: center;
}
.prtxtproduct {
	float: left;
	width: 530px;
	text-align: center;
}
.txtholder {
	width: 510px;
	margin: 0 auto;
}
.promotext {
	float: left;	
	width: 430px;
	padding: 10px 40px 10px 40px;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../../images/panels/promotext-narrow-bg.jpg) 0px 0px no-repeat;
	text-align: left;
}
#showpagedesc .promotext {
	margin: 10px 0 15px 0;
}
.clearall {
	clear: both;
}
#FullSiteMap ul, li{
	margin:2px 0px 2px 10px;
	list-style-position:outside;
}
#FullSiteMap a {
	text-decoration: none;
}
#FullSiteMap a:hover {
	text-decoration: underline;
}
