@charset "utf-8";
/* CSS Document */

img, a img {
	border-style: none;
	border-width: 0px;
}

	 img{ behavior: url(iepngfix.htc) }

img.thumb_hover {
	position: absolute;
	xdisplay: none;
}


body {
	background-color:#FFFFFF;
	font-size: 69.5%;
	margin:0px 0px 15px 0;
	text-align:left;
	background:url(../images/backgrounds/main.jpg) repeat-x top;
	}

body, td {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	}

td {
	font-size:1em;
	voice-family:inherit;
	}

p, li {
	line-height:1.4em;
	}

p, h1, h2, h3, h4, h5, h6, ul {
	margin:0px 0px 1.5em;
	padding:0px;
	}

ol {
	margin-bottom:1.5em;
	margin-left:0px;
	margin-top:0px;
	}

ul {
	list-style-type:none;
	}

ul#body li {
	list-style-type:none;
	background-image:url(../images/backgrounds/body-li.gif);
	background-position:0px 0.6em;
	background-repeat:no-repeat;
	padding-left:14px;
		margin-left:20px;
	}

a {
	color:#6c5c4c;
	text-decoration:none;
	}

a:hover {
	color:#6c5c4c;
	text-decoration:underline;
	}

div.h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 1em;
	font-size: 25px;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	color:#FFFFFF;
	}

h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
	}

h1 {
	font-size: 25px;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	}

div.productWhite{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: -.05em;
	line-height: 1em;
	font-size: 18px;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	color:#FFFFFF;
	}

h1.productWhite {
	font-size: 18px;
	text-align:left;
	color:#FFFFFF;
	font-weight:normal;
	}

h1.gardens {
	font-size: 24px;
	text-align:right;
	background:url(../images/backgrounds/gardens-title.jpg) repeat-y;
	color:#FFFFFF;
	background-color:#c1ced4;
	font-weight:normal;
	padding: 7px 8px 8px 0;
	margin: 0 0 0 0;
	}

h1.driveways {
	font-size: 24px;
	text-align:right;
	background:url(../images/backgrounds/driveways-title.jpg) repeat-y;
	color:#FFFFFF;
	background-color:#b1b896;
	font-weight:normal;
	padding: 7px 8px 8px 0;
	margin: 0 0 0 0;
	}

h1.homeImage {
	font-size: 24px;
	text-align:right;
	color:#313233;
	font-weight:normal;
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
	}

h2 {
	font-size: 12px;
	text-align:right;
	}

h2.body {
	font-size: 1.4em;
	color:#333333;
	text-align:left;
	}

h2.top {
	}

h2.top a{
	background-image:url(../images/icons/patio-generator-hover.gif);
	background-position:0px 0.8em;
	background-repeat:repeat;
	}

h2.gardenRange{
	font-size: 28px;
	text-align:left;
	color:#FFFFFF;
	font-weight:normal;
	}

h3 {
	font-size: 15px;
	margin-bottom:0.4em;
	color:#535353;
	font-weight:bold;
	letter-spacing:0;
	}

h4 {
	color: #660000;
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;
	}

h4.siteMapGarden {
	color:#bab6aa;
	}

h4.siteMapDriveway {
	color:#babd9b;
	}

h4.siteMapFixing {
	color:#6C5C4C;
	}

h5 {
	font-size: 20px;
	}

.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	top:-1px;
	visibility:hidden;
	}

/* MAIN */

#mainContainer {
	margin:0 auto;
	width:946px;
	}

/*#headerContainer {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/header-top.png,sizingMethod='scale');
	background-position:top;
	width:946px;
	}

div>#headerContainer {
	background-image:url(../images/backgrounds/header-top.png);
	}
*/

#headerContainer {
	background-image:url(../images/backgrounds/header-top1.gif);
	}

#logo{
	position:relative;
	width:200px;
	padding:10px 0 12px 40px;
	float:left;
	}

#patioGenerator {
	position:relative;
	float:right;
	margin-top:12px;
	margin-right:20px;
	}

#orderBrochure {
	position:relative;
	float:right;
	margin-top:10px;
	margin-right:20px;
	}

#telNumber {
	position:relative;
	float:right;
	margin-top:10px;
	margin-right:20px;
	}

#searchStockists {
	float:right;
	clear:right;
	padding-top:5px;
	margin-right:23px;
	width: 227px;
	}

#searchStockists form {
	margin:0;
	padding:0;
	}

	/* test */

.stockistGo {
    border: none;
    background: url('../images/buttons/go.gif') no-repeat top left;
    padding: 2px 8px;
	margin-bottom:-2px;
	width:33px;
	height: 21px;
	float: right;
	margin-left: 5px;
}
.stockistGo:hover {
    border: none;
    background: url('../images/buttons/go-over.gif') no-repeat top left;
    padding: 2px 8px;
	margin-bottom:-2px;
	width:33px;
	height: 21px;
	float: right;
}
	/* end */

#searchStockists form label.stockistText{
	color:#6c6c6c;
	float: left;
	margin-right: 5px;
	padding-top: 4px;
	}

#searchStockists form input.stockistField{
	font-size:12px;
	color:#cccccc;
	padding:2px 2px 3px 2px;
	border:1px solid #CCCCCC;
	width:100px;
	float: left;
	}

#homeBox{
	position:absolute;
	left: 278px;
	top: 226px;
	text-align:right;
	width: 350px;
	}

#homeBox a{
	text-decoration:underline;
	}

/* MAIN NAV */

#navContainer {
	clear:both;
	background:url(../images/backgrounds/main-nav.gif) bottom left repeat-x;
	height:32px;
	margin:0 3px;
	}

#navContainer ul {
	margin:0;
	padding:0;
	padding-top:5px;
	}

#navContainer ul li {
	margin:0;
	padding:0;
	float:left;
	padding:0px;
	font-size:1.2em;
	background-image:none;
	}

#navContainer ul li a#home {
	background-image:url(../images/backgrounds/home-icon.gif);
	background-position:12px 0.4em;
	background-repeat:no-repeat;
	padding-left:40px;
	}

#navContainer ul li a {
	margin:0;
	padding:0px 15px 0px 15px;
	background:url(../images/backgrounds/main-li.gif) right no-repeat;
	color:#FFFFFF;
	}

#navContainer ul li a:hover {
	margin:0;
	padding:0px 15px 0px 15px;
	}

/* BODY */

#breadcrumb {
	clear:both;
	padding:2px 0 0px 4px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	}

#breadcrumb a {
	color:#999999;
	}

#colContainer {
	/*background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/body.png,sizingMethod='scale');*/
	background:url(../images/backgrounds/col-container-bot.gif) bottom;
	width:938px;
	height:344px;
	min-height:344px;
	padding:0px 4px 0px 4px;
	}

/*div>#colContainer {
	background-image:url(../images/backgrounds/body.png);
	background-repeat:repeat-y;
	padding:4px 4px 0px 4px;
	height:358px;
	}*/

#colContainerTop {
	/*background:url(../images/backgrounds/col-container-top.gif) top no-repeat;*/
	height:4px;
	}

#colLeft {
	float:left;
	width:647px;
	}

#colRight {
	position:relative;
	float:right;
	width:280px;
	}

#colMain {
	position:relative;
	padding-left:30px;
	padding-top:10px;
	}

/* GARDEN RANGE - HANDMADE RECONSTITUTED STONE */

.gardenRange #colContainer {
	/*background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/body.png,sizingMethod='scale');*/
	background:url(../images/backgrounds/col-container-bot.gif) bottom;
	width:938px;
	min-height:475px;
	height:auto !important;
	height:475px;
	padding:0px 4px 0px 4px;
	}

.gardenRange #colLeft {
	position:relative;
	float:left;
	width:464px;
	}

.gardenRange #colRight {
	position:relative;
	float:right;
	width:464px;
	}

.gardenRange #colRight p, .gardenRange #colLeft p {
	margin-bottom:0px;
	}

/* GARDEN RANGE - NATURAL STONE */

.gardenRangeNs #colContainer {
	/*background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/body.png,sizingMethod='scale');*/
	background:url(../images/backgrounds/col-container-bot.gif) bottom;
	width:938px;
	min-height:475px;
	height:auto !important;
	height:475px;
	padding:0px 4px 0px 4px;
	}

.gardenRangeNs #colLeft {
	position:relative;
	float:left;
	width:464px;
	}

.gardenRangeNs #colRight {
	position:relative;
	float:right;
	width:464px;
	}

.gardenRangeNs #colRight p, .gardenRangeNs #colLeft p {
	margin-bottom:0px;
	}

/* DRIVEWAY RANGE - NATURAL STONE */

.dwRange #colContainer {
	/*background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/body.png,sizingMethod='scale');*/
	background:url(../images/backgrounds/col-container-bot.gif) bottom;
	width:938px;
	min-height:475px;
	height:auto !important;
	height:475px;
	padding:0px 4px 0px 4px;
	}

.dwRange #colLeft {
	position:relative;
	float:left;
	width:464px;
	}

.dwRange #colRight {
	position:relative;
	float:right;
	width:464px;
	}

.dwRange #colRight p, .dwRange #colLeft p {
	margin-bottom:0px;
	}


.handmadeStone {
	padding:18px 35px 25px 35px;
	margin-top:10px;
	background-color:#bab6aa;
	color:#FFFFFF;
	}

.naturalStone {
	padding:18px 35px 25px 35px;
	margin-top:10px;
	background-color:#a0acb7;
	color:#FFFFFF;
	}


/* PRODUCT RANGE */

.productRange #colContainer {
	/*background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/body.png,sizingMethod='scale');*/
	background:url(../images/backgrounds/col-container-bot-brown.gif) bottom;
	width:938px;
	min-height:475px;
	height:auto !important;
	height:475px;
	padding:0px 4px 0px 4px;
	}

.productRangeBlue #colContainer {
	/*background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/body.png,sizingMethod='scale');*/
	background:url(../images/backgrounds/col-container-bot-blue.gif) bottom;
	width:938px;
	min-height:475px;
	height:auto !important;
	height:475px;
	padding:0px 4px 0px 4px;
	}

.productRangeGreen #colContainer {
	/*background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/body.png,sizingMethod='scale');*/
	background:url(../images/backgrounds/col-container-bot-green.gif) bottom;
	width:938px;
	min-height:475px;
	height:auto !important;
	height:475px;
	padding:0px 4px 0px 4px;
	}

.productRange #colLeft, .productRangeBlue #colLeft, .productRangeGreen #colLeft {
	position:relative;
	float:left;
	width:467px;
	color:#FFFFFF;
	}

.productRange #colRight, .productRangeBlue #colRight, .productRangeGreen #colRight {
	position:relative;
	float:left;
	width:456px;
	margin-top:10px;
	margin-bottom:8px;
	margin-left:4px;
	}

/* PRODUCT RANGE THUMBS */

.productRange .pThumbs, .productRangeBlue .pThumbs, .productRangeGreen .pThumbs {
	background:url(../images/backgrounds/product-thumbs-144x144.gif) top no-repeat left;
	width:152px;
	margin:0 0px 6px 0px;
	float:left;
	}

.productRange .pThumbs img, .productRangeBlue .pThumbs img, .productRangeGreen .pThumbs img {
	margin:4px 0 0 4px;
	}

.productRange .pThumbs p, .productRangeBlue .pThumbs p, .productRangeGreen .pThumbs p {
	background-image:url(../images/backgrounds/arrow-li.gif);
	background-position:4px 0.3em;
	background-repeat:no-repeat;
	padding-left:16px;
	margin-top:2px;
	margin-bottom:1px;
	}

.new {
	color:#92a4ad;
	}

/* AGG PRODUCT RANGE  */

#productContainer #aggArea {
	float:left;
	width:686px;
	}

#aggArea .pThumbs {
	background:url(../images/backgrounds/product-thumbs-144x64.gif) top no-repeat left;
	width:152px;
	margin:0 18px 10px 0;
	float:left;
	}

/* RANGE THUMBS */

.pThumbs {
	background:url(../images/backgrounds/product-thumbs.gif) top no-repeat left;
	width:152px;
	margin:0 28px 10px 0;
	float:left;
	}

.pThumbs img {
	margin:4px 0 0 4px;
	}

.pThumbs p {
	background-image:url(../images/backgrounds/arrow-li.gif);
	background-position:4px 0.3em;
	background-repeat:no-repeat;
	padding-left:16px;
	margin-top:5px;
	margin-bottom:5px;
	}

/* GENERIC TEMPLATE CONTENT PAGES */

.genericTemp #colContainer {
	/*background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/body.png,sizingMethod='scale');*/
	background:url(../images/backgrounds/col-container-bot.gif) bottom;
	width:938px;
	min-height:475px;
	height:auto !important;
	height:475px;
	padding:0px 4px 0px 4px;
	}

.genericTemp #colLeft {
	position:relative;
	float:left;
	width:400px;
	}

.genericTemp #colRight {
	position:relative;
	float:right;
	width:456px;
	}

/* PRODUCT PAGES */

#productContainer {
	}

#productContainer .padding {
	padding:12px;
	}

#productContainer #productArea {
	float:left;
	width:659px;
	height: 448px;
	overflow: hidden;
	}

#productContainer #productNav {
	float:left;
	width:66px;
	background:url(../images/backgrounds/product-nav.gif) repeat-y;
	margin-left:4px;
	height:448px;
	}

#productContainer #productCta {
	float:right;
	width:180px;
	}

#thumbsGallery {
	margin-left:3px;
	margin-top:39px;
	}

#thumbsGallery img.productThumb {
	margin:4px 0 0 0;
	}

#productContainer #productArea div.productLand {
	position:relative;
	}

/* BACKGROUND COLOURS WHEN IN DIFFERENT SECTIONS */

.gardenRange #productContainer #productArea div.productPort {
	position:relative;
	background-color:#e6e4df;
	text-align:center;
	}

.gardenRange #productContainer #productArea #productDesc {
	clear:both;
	background-color:#bab6aa;
	height:126px;
	}

.gardenRangeNs #productContainer #productArea div.productPort {
	position:relative;
	background-color:#dee0e3;
	text-align:center;
	}

.gardenRangeNs #productContainer #productArea #productDesc {
	clear:both;
	background-color:#a0acb7;
	height:126px;
	}

.dwRange #productContainer #productArea div.productPort {
	position:relative;
	background-color:#e7e6db;
	text-align:center;
	}

.dwRange #productContainer #productArea #productDesc {
	clear:both;
	background-color:#babd9b;
	height:126px;
	}

/* */

#productDesc .padding {
	padding-top:2px;
	}

#productText {
	float:left;
	width:500px;
	}

#productTextWide {
	float:left;
	width:630px;
	}

#productText p, #productTextWide p {
	margin-bottom:0;
	color:#FFFFFF;
	}


#productText a, #productTextWide a {
	color: #fff;
	text-decoration: underline;
}

#carbonCal {
	float: right;
	width: 118px;
	padding-top:15px;
	}

#enlargeLand {
	position:absolute;
	left: 586px;
	top: 292px;
	width: 69px;
	}

#enlargePort {
	position:absolute;
	left: 408px;
	top: 292px;
	width: 69px;
	}

#enlargeOne {
	position:absolute;
	left: 252px;
	top: 292px;
	width: 69px;
	}

#enlargeTwo {
	position:absolute;
	left: 252px;
	top: 292px;
	width: 69px;
	}

/* PRODUCT CTA BOXES */

h2.ctaBoxes {
color:#FFFFFF;
font-size:17px;
font-weight:normal;
height:20px;
padding-left:13px;
padding-top:4px;
text-align:left;
	}

#downloadsBox h2.ctaBoxes {
	background:url(../images/backgrounds/h2-downloads.gif) bottom left no-repeat;
}

#downloadsBox ul li {
	background-image:url(../images/icons/pdf-and-arrow.gif);
	background-position:0px 0.1em;
	background-repeat:no-repeat;
	padding-left:35px;
	font-size:1.2em;
	}

#downloadsBox ul li.doc {
	background-image:url(../images/icons/doc-and-arrow.gif);
}

#downloadsBox {
	background:url(../images/backgrounds/downloads-box.gif) top left no-repeat;
	margin-bottom:10px;
	height: 118px;
}

#toolsBox h2.ctaBoxes {
	background:url(../images/backgrounds/h2-tools.gif) bottom left no-repeat;
	}

#toolsBox {
	background:url(../images/backgrounds/tools-box.gif) top left no-repeat;
	margin-bottom:10px;
	}

#videosBox h2.ctaBoxes {
	background:url(../images/backgrounds/h2-tools.gif) bottom left no-repeat;
}

#videosBox {
	background:url(../images/backgrounds/tools-box.gif) top left no-repeat;
	margin-bottom:10px;
}

#stockistBox h2.ctaBoxes {
	background:url(../images/backgrounds/h2-stockist.gif) bottom left no-repeat;
	}

#stockistBox {
	background:url(../images/backgrounds/stockist-box.gif) top left no-repeat;
	margin-bottom:0;
	height:182px;
	}

/* BOTTOM BOXES */

#bottomBoxes {
	background-image:url(../images/backgrounds/bottom-boxes.gif);
	background-position:top;
	margin-top:8px;
	width:946px;
	height:120px;
	padding:0px 0px;
	}

#bottomBoxes .padding {
	padding:15px;
	}

#patio {
	float:left;
	width:318px;
	margin:3px 11px 0 4px;
	height:114px;
	text-align:right;
	background:url(../images/backgrounds/patio-generator.gif) top left no-repeat;
	}

#displayCentresOldest {
	float:left;
	width:329px;
	margin:3px 0px 0 4px;
	height:114px;
	text-align:left;
	background:url(../images/backgrounds/display-centres.gif) top left no-repeat;
	}

#displayCentresOlder {
	float:left;
	width:329px;
	margin:3px 0px 0 4px;
	height:114px;
	text-align:left;
	background:url(../images/backgrounds/display-centres.jpg) top left no-repeat;
	}

#displayCentresOld {
	float:left;
	width:329px;
	margin:3px 0px 0 4px;
	height:114px;
	text-align:left;
	background:url(../images/backgrounds/display-centres-new.jpg) top left no-repeat;
	}

#displayCentres {
	float:left;
	width:453px;
	margin:3px 0px 0px 4px;
	height:114px;
	text-align:left;
	background:url(../images/backgrounds/display-centres-video.jpg) top left no-repeat;
	}

#displayCentres .displayCentresLink {
	display: inline;
	float: left;
	width: 265px;
	font-size:1.5em;
	color:#FFFFFF;
	}
#displayCentres .displayCentresLink a {
	font-weight: normal;
	color:#fff;
	font-size: 18px;
	}
#displayCentres .displayCentresLink .padding {
	padding: 90px 0px 0px 14px;
	}

#displayCentres .displayCentresVideo {
	display: inline;
	float: left;
	padding-top: 6px;
	}
#displayCentres .displayCentresVideo .anim {
	background:url(../images/video-display-centre-midlands2.jpg) top left no-repeat;
	width:161px;
	height:102px;
	}

#ethics {
	float:left;
	width:194px;
	margin:3px 11px 0 0;
	height:114px;
	text-align:right;
	background:url(../images/backgrounds/ethics-small.gif) top right no-repeat;
	}
	#ethics .padding {
		padding: 85px 15px 0px 0px;
	}

	#ethics a {
		color:#fff;
		font-weight: normal;
		font-size: 18px;
	}


.carbon {
	float:left;
	width:280px;
	margin:3px 0 0 0;
	height:114px;
	text-align:right;
	background:url(../images/backgrounds/carbon-calculator.gif) top left no-repeat;
	display: block;
	}
	#carbon a {
	color:#FFFFFF;
	}

.newProducts2010 {
	padding-top:2px;
	}
.newProducts2010 img {
	float:left;
	}


/* CONTACT PAGE */

.contactOption{
	margin-bottom:30px;
	color:#535353;
	}

.contactOption .title{
	font-size:1.8em;
	line-height:1.2em;
	}

.contactOption .info{
	font-size:1em;
	}

#becomeStockist{
	background:url(../images/backgrounds/become-stockist.jpg) top left no-repeat;
	height:125px;
	margin-bottom:4px;
	}

#newBrochure{
	background:url(../images/backgrounds/the-brochure.jpg) top left no-repeat;
	height:124px;
	margin-bottom:15px;
	}

#designGuide{
	background:url(../images/backgrounds/design-guide.jpg) top left no-repeat;
	height:125px;
	margin-bottom:4px;
	}

#productGuide{
	background:url(../images/backgrounds/product-guide.jpg) top left no-repeat;
	height:124px;
	margin-bottom:15px;
	}

#becomeStockist .padding, #newBrochure .padding, #designGuide .padding, #productGuide .padding {
	padding:15px;
	}

#becomeStockist .title, #newBrochure .title, #designGuide .title, #productGuide .title {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.4em;
	color:#b1a79c;
	}

#becomeStockist .info, #newBrochure .info {
	font-size:1em;
	}

#becomeStockist a, #newBrochure a {
	text-decoration:underline;
	}

#becomeStockist p, #newBrochure p, #designGuide p, #productGuide p {
	margin-bottom:0px;
	}

/* MAP PAGE */

.mapOption{
	margin-bottom:30px;
	color:#535353;
	}

.mapOption .title{
	font-size:1.8em;
	line-height:1.2em;
	}

.mapOption .info{
	font-size:1em;
	}

.backContainer{
	clear:both;
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid #CCCCCC;
	}

#mapContainer{
	background:url(../images/backgrounds/map-bg.gif) top left;
	padding:4px 0 4px 4px;
	margin-top:20px;
	}

#map {
	background:url(../images/backgrounds/map-bg.gif) top left;
	padding:4px 0 4px 4px;
	xmargin-top:20px;
	width: 448px;
	height: 306px;
}

#mapIcons{
	margin-top:10px;
	}

#mapIcons .printMapIcon{
	margin-left:361px;
	}

/* BECOME A STOCKIST PAGE */

#bsBox{
	background:url(../images/backgrounds/become-a-stockist.gif) top no-repeat;
	height:163px;
	}

#bsBox .padding{
	padding:15px;
	}


/* REQUEST BROCHURE PAGE */

#downloadsArea{
	margin-bottom:3px;
	}

#downloadsTitle{
	background:url(../images/backgrounds/downloads-area-title.jpg) top no-repeat;
	height:25px;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.4em;
	color:#fff;
	padding-left:15px;
	padding-top:4px;
	}

#downloadsContent{
	background:url(../images/backgrounds/downloads-area.jpg) bottom no-repeat;
	height:50px;
	}

#downloadsContent .padding{
	padding:5px 15px;
	}

#brochureArea{
	background:url(../images/backgrounds/brochure-area-large.jpg) bottom no-repeat;
	margin-bottom:4px;
	height:615px;
	}

#brochureArea .padding{
	padding:15px 15px;
	}

#brochureTitle {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.4em;
	color:#958778;
	margin-bottom:10px;
	}

.brochureItem {
	float:left;
	width:144px;
	margin-bottom:5px;
	margin-right:10px;
	margin-left:50px;
	display: inline;
	}

.brochureItem p.brochures {
	width:120px;
	background-image:url(../images/icons/pdf-and-arrow.gif);
	background-position:0px 0em;
	background-repeat:no-repeat;
	padding-left:35px;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:0;
	}

.brochureItem p {
	margin-top:5px;
	margin-bottom:10px;
	}

/*.brochureItem {
	height:112px;
	margin-bottom:5px;
	}

.brochureItem p {
	float:left;
	width:205px;
	background-image:url(../images/icons/pdf-and-arrow.gif);
	background-position:0px 0em;
	background-repeat:no-repeat;
	padding-left:35px;
	margin-top:30px;
	margin-right:20px;
	}
	*/

/* CARBON CALCULATOR PAGES */

form.carbonCalForm {
	margin-top:15px;
	margin-bottom:15px;
}

form.carbonCalForm select{
	border:1px solid #cecece;
	font-size:11px;
	padding:1px;
	}

form.carbonCalForm input{
	border:1px solid #cecece;
	font-size:11px;
	padding:2px 1px 2px 5px;
	}

form.carbonCalForm input.quantity {
	width:30px;
	}


div.measurement {
	font-size: 12px; width: 20px; float: left; margin: 8px 0px 0px 10px;
	color: #d4073f;
	margin-top: 0px;
}

div.subtotal {
	font-size: 12px; width: 210px; float: left; margin: 10px 0px 0px 0px;
	color: #d4073f;
	margin-top: 2px;
}

#trees {
	margin-top:7px;
	}

#treeResultTotal {
	font-size:1.4em;
	margin-top:5px;
	font-weight:bold;
}
#treeResultTotal p {
	font-size: 11px;
	font-weight:normal;
}
/* ABOUT PAGE */

#ethicsBox {
	background-color:#ddd8ca;
	padding:8px 8px;
	height:80px;
	}

#ethicsBox img {
	margin-right:8px;
	float:left;
	}

#colLeft.aboutPage p{
	margin-bottom:0.7em;
	}

/* OUR ETHICS */

.ethicsBox{
	width:161px;
	float:left;
	margin-right:10px;
	}

/* STOCKIST SEARCH PAGES */

.genericTemp #colMain {
	position:relative;
	padding:0;
	}

.resultsRow{
	clear:both;
	margin-bottom:10px;
	background:url(../images/backgrounds/stockist-results.gif) top repeat-y;
	min-height:130px;
	height:auto !important;
	height:130px;
	}

.resultsRow h3{
	margin-bottom:0.2em;
	color:#a59a7f;
	}

.resultsRow .padding{
	padding:10px 0 0 10px;
	}

.resultsRow p{
	margin-bottom:0;
	padding-left:1px;
	}

.compBlock{
	float:left;
	width:177px;
	}

.telBlock{
	float:left;
	width:147px;
	}

.addBlock{
	float:left;
	width:137px;
	}

.webBlock{
	float:left;
	width:177px;
	}

.dirBlock{
	float:left;
	width:227px;
	background-color:#FFFFFF;
	}

/* PATIO GENERATOR */

#colLeft.patioGen,#colLeft.patioReg {
	width:567px;
	}

#colRight.patioGen,#colRight.patioReg {
	width:341px;
	}

#colRight.patioGen #loginBox{
	background:url(../images/backgrounds/patio-gen-login.gif) bottom;
	height:308px;
	}

	#colRight.patioReg #regBox{
		background:#e7e7e7;
		height:313px;
	}

#colRight.patioGen #newUserBox{
	background:url(../images/backgrounds/patio-gen-login.gif) bottom;
	height:308px;
	}

#introBg{
	background-color:#ddd8ca;
	padding:10px 20px 25px 20px;
	margin-bottom:10px;
	}

#introBg p{
	margin-bottom:0;
	}

#colRight.patioGen .titleLogin{
	background:url(../images/backgrounds/patio-gen-login-title.gif) top left repeat-x;
	height:20px;
	color:#FFFFFF;
	font-size:1.4em;
	padding:2px 10px;
	}

	#colRight.patioReg .titleReg{
		background:url(../images/backgrounds/paving-gen-login-title.gif) top left repeat-x;
		height:26px;
		color:#FFFFFF;
		font-size:1.4em;
		padding:8px 10px 0px;
		}

#colRight.patioGen .titleNew{
	background:url(../images/backgrounds/patio-gen-login-title.gif) top left repeat-x;
	height:20px;
	color:#FFFFFF;
	font-size:1.4em;
	padding:2px 10px;
	}

/* PLANNING AND LAYING */

.plGrey{
	width:210px;
	height:390px;
	float:left;
	background-color:#cdd0d1;
	margin-right:12px;
	}

.plBrown{
	width:210px;
	height:390px;
	float:left;
	background-color:#ddd8ca;
	margin-right:12px;
	}

.plGrey .padding, .plBrown .padding{
	padding:15px 8px 55px 8px;
	}

.plGrey img, .plBrown img{
	margin:2px 0 10px 0;
	}

.plGrey p, .plBrown p{
	padding:0 5px;
	}

.plLink {
	float:left;
	background-image:url(../images/icons/pdf-and-arrow.gif);
	background-position:0px 0em;
	background-repeat:no-repeat;
	padding-left:35px;
	padding-bottom:10px;
	margin-top:0px;
	margin-right:20px;
	}

.plLink2 {
	float:left;
	background-image:url(../images/icons/arrow.gif);
	background-position:0px 0em;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-bottom:10px;
	margin-top:0px;
	margin-right:20px;
	}

.plLinkArrow {
	float:left;
	background-image:url(../images/icons/pl-arrow.gif);
	background-position:0px 0em;
	background-repeat:no-repeat;
	padding-left:25px;
	padding-bottom:10px;
	margin-top:0px;
	margin-right:20px;
	}


/* SITE MAP PAGE */

.smRow{
	clear:both;
	}

.smCol{
	float:left;
	width:145px;
	}

.smCol .new {
	color:#92a4ad;
	}

.smCol ul{
	margin-left:10px;
	margin-top:10px;
	}

/* GENERIC SITE MAP */

#siteMap {
	clear:both;
	padding-top:5px;
	}

#siteMap .siteMapCol {
	float:left;
	width:185px;
	height:230px;
	margin-bottom:0;
	padding-bottom:0;
	}

#siteMap .siteMapSubCol {
	width:185px;
	margin-bottom:18px;
	padding-bottom:0;
	}

#siteMap .siteMapColTitle {
	float:left;
	width:150px;
	height: 200px;
	color:#6C5C4C;
	}
	
#siteMap .siteMapColTitle h4 { margin: 1px; }

#siteMap .siteMapSubColTitle {
	margin-left:20px;
	width:150px;
	height: 100px;
	color:#6C5C4C;
	}

#siteMap .siteMapSubColTitle h4 { margin: 1px; }

#siteMap .siteMapMultiSectionCol {
	margin-bottom:0;
	padding-bottom:0;
	}

#siteMap .siteMapMultiSectionColTitles, #siteMap .siteMapMultiSectionColLists {
	float:left;
}

#siteMap .siteMapCol ul, #siteMap .siteMapSubCol ul {
	margin:0;
	padding:0;
	}

#siteMap .siteMapCol ul li, #siteMap .siteMapSubCol ul li {
	list-style-type:none;
	background-image:url(../images/backgrounds/arrow-li.gif);
	background-position:0px 0.4em;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-left:14px;
	}

#siteMap .siteMapCol ul li a, #siteMap .siteMapSubCol ul li a {
	color:#717070;
	}

#siteMap .siteMapCol a:hover, #siteMap .siteMapSubCol a:hover {
	color:#717070;
	}

.siteMapCol .new, .siteMapSubCol .new {
	color:#92a4ad;
	}

#siteMap .siteMapCol #hrsTitle, #siteMap .siteMapSubCol #hrsTitle {
	color:#bab6aa;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}

#siteMap .siteMapCol #hrsTitle a, #siteMap .siteMapSubCol #hrsTitle a {
	color:#bab6aa;
}

#siteMap .siteMapCol #nsTitle, #siteMap .siteMapSubCol #nsTitle {
	color:#9facb7;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}

#siteMap .siteMapCol #nsTitle a, #siteMap .siteMapSubCol #nsTitle a {
	color:#9facb7;
}

#siteMapNote, #siteMapNote2 {
	clear:both;
	color:#bababa;
	margin-left:689px;
	}

#siteMapNote2 {
	margin-top:10px;
}

#siteMapNote, #siteMapNote2 .new {
	color:#92a4ad;
	}

/* FOOTER */

#footer {
	margin-top:15px;
	clear:both;
	color:#666666;
	}

#footer a {
	padding:0 8px;
	}

/* FORMS */

form #stockist {
	margin:0;
	padding:0;
	padding-top:10px;
	}

.formRowMain {
	padding: 5px 0 5px 0px;

}

.formRowMain label {
    display: block;
    width: 120px;
    float: left;
    line-height: 22px;
    margin: 0 5px 0 0;
    border-right: solid 0px #7a381b;
    font-family:Arial, Helvetica, sans-serif;
}

.formRowMain input{
	border:1px solid #cecece;
	font-size:11px;
	padding:2px 1px 2px 5px;
	}

.formRowMain select{
	border:1px solid #cecece;
	font-size:11px;
	padding:1px;
	width:176px;
	}

.formRowMain input.formBtns{
	border:none;
	font-size:11px;
	padding:0px;
	}


/* PAVER SYSTEM */

.paverSystem #colContainer {
	/*background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/body.png,sizingMethod='scale');*/
	background:url(../images/backgrounds/col-container-bot.gif) bottom;
	width:938px;
	min-height:475px;
	height:auto !important;
	height:475px;
	padding:0px 4px 0px 4px;
	}

.paverSystem #colLeft {
	position:relative;
	float:left;
	width:570px;
	}

.paverSystem #colRight {
	position:relative;
	float:right;
	width:327px;
	background:url(../images/backgrounds/paver-system-col-right.gif) top no-repeat;
	height:451px;
	}

.paverSystem #colRight .padding {
	padding:15px;
	}

.paverSystem #logo{
	position:relative;
	width:300px;
	padding:30px 0 0px 30px;
	float:left;
	}

.paverSystem #homeBox{
	position:absolute;
	left: 138px;
	top: 243px;
	text-align:left;
	width: 340px;
	}

.paverSystem #homeBox p{
	padding-left:10px;
	color:#FFFFFF;
	}

.paverSystem h1.homeImage {
	font-size: 24px;
	text-align:left;
	color:#313233;
	font-weight:normal;
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
	}

.paverSystem #headerContainer {
	background-image:url(../images/backgrounds/header-bot.gif);
	background-position:bottom;
	width:946px;
	}

.cc-tree {height:57px;width:42px;background:transparent url(../images/icons/tree.gif) repeat-x;margin:0 0 10px 0}
.cc-trees {height:57px;width:42px;background:transparent url(../images/icons/trees.gif) no-repeat 50% 0;margin:0 0 10px 0}

.blue-strip
{
	background-image: url(../images/blue-back.gif);
	width: 880px;
	height: 220px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.brown-strip2
{
	background-image: url(../images/brown-back2.gif);
	width: 880px;
	height: 220px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.brown-strip
{
	background-image: url(../images/brown-back.gif);
	width: 880px;
	height: 240px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.stonemarket-img
{
 	background-image: url(../images/stonemarket.gif);
 	height: 82px;
 	width: 212px;
 	margin-top: 70px;
 	float: left;
}

.whitakers-img
{
 	background-image: url(../images/whit-takes.gif);
 	height: 82px;
 	width: 212px;
	margin-top: 70px;
	float: left;
}

.commingsoon-img
{
	background-image: url(../images/chessington.gif);
 	height: 82px;
 	width: 212px;
	margin-top: 70px;
	float: left;
}

.russells-img
{
	background-image: url(../images/russels.gif);
 	height: 82px;
 	width: 212px;
 	margin-top: 70px;
 	float: left;
}

.address
{
	float: left;
	margin-top: 60px;
	margin-left: 35px;
	width: 200px;
}

.brown-strip .address,
{
	float: left;
	margin-top: 46px;
	margin-left: 35px;
}

.telephone
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.information {
	float: left;
	margin-left: 20px;
	margin-top: 55px;
}

.info-blue
{
	background-image: url(../images/brochure-blue.gif);
	width: 180px;
	height: 136px;
	margin-bottom: 4px;
}

.info-blue2
{
	background-image: url(../images/brochure-blue2.gif);
	width: 180px;
	height: 136px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
}

.info-brown
{
	background-image: url(../images/brochure-brown.gif);
	width: 180px;
	height: 136px;
	margin-bottom: 4px;
}

.info-brown2
{
	background-image: url(../images/brochure-brown2.gif);
	width: 180px;
	height: 136px;
	margin-bottom: 4px;
}

.information a,.address a,.video a
{
	text-decoration: underline;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0 3px;
}

.video
{
	float: left;
	margin-top: 18px;
	margin-left: 40px;

}

.video .head
{
	Background-image: url(../images/video-head.gif);
	width: 177px;
	height: 47px;

}

.brown-strip .video .head
{
	Background-image: url(../images/video-head-1.gif);
	width: 177px;
	height: 47px;
	margin-top:-10px;

}

.video .thumb
{
	Background-image: url(../images/video-thumb.gif);
	background-repeat: no-repeat;
	width: 161px;
	height: 102px;
	margin-bottom: 28px;
	display: block;
}

.video .chess
{
	Background-image: url(../images/video-thumb-chess.gif);
}

.video .whitakers
{
	Background-image: url(../images/video-thumb-whitakers.jpg);
}

.display-centre-video {
 width: 468px;
 height: 354px;
}

.display-centre-video-large {
 width: 650px;
 height: 460px;
}

.display-centre-video .padding, .display-centre-video-large .padding {
 padding: 10px 0px 0px 10px;
}

.display-centre-video #flash-video {
 width: 448px;
 height: 274px;
}

.display-centre-video-large #flash-video-large {
 width: 640px;
 height: 382px;
}

.display-centre-video #flash-video .padding, display-centre-video-large #flash-video-large .padding {
 padding-top: 100px;
	text-align: center;
}

.display-centre-video .video-footer {
	margin-top: 10px;
 width: 448px;
 height: 50px;
	background-color: #B1BAC3;
	color:#FFFFFF;
}

.display-centre-video-large .video-footer {
	margin-top: 10px;
 width: 640px;
 height: 50px;
	background-color: #B1BAC3;
	color:#FFFFFF;
}

.video-footer .footer-title {
	display: inline;
	float: left;
 padding: 18px 0px 0px 24px;
 font-size: 11px;
 font-weight: bold;
}

.video-footer .footer-close {
	display: inline;
	float: right;
 padding: 16px 12px 0px 0px;
}

.gcBack
{
	height: 548px;
	width: 745px;
	background-image: url(../images/gc-bg.jpg);
	margin:auto;
	margin-bottom: 0px;
	margin-top: 10px;
}

.txtBlock
{
	float:left;
	height:20px;
	margin-left:24px;
	margin-top:70px;
	width:400px;
	font-family: arial;
	color: #666666;
	font-size: 11px;
}

.btnClose
{
	display: block;
	position: absolute;
	top: 500px;
	left: 660px;
	height: 25px;
	width: 63px;
	background-image: url(../images/btn-close.jpg);
}

.tickets
{
	float: left;
	margin-left: 20px;
	width: 201px;
}

.ticketHead
{
	background-image: url(../images/win-head.gif);
	height: 47px;
	width: 177px;
	margin-top:6px;
}

.ticketImg
{
	background-image: url(../images/Chelsea-tickets.gif);
	height: 111px;
	width: 201px;
}

.tickets a
{
	text-decoration: underline;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0 3px;
}

.tickets p
{
	text-decoration: none;
	margin-top: 5px;
	color:#6c5c4c;
	text-decoration:none;
	margin-left: 22px;

}






.ethicsa {
	 width: 680px;
	 height: 390px;
	 border: solid 1px #c9c9c9;
	 margin: 5px;
	 color: #666666;
	 text-align: left;
}

.ethicsa img {
	margin-left: 5px;
}

.ethicsa h3.mainhead{
	 font-size: 20px;
	 color: #666666;
	 margin-top: 5px;
}

.ethicsa h3{
	 font-size: 14px;
	 color: #666666;
	 margin-top: 15px;
}

.ethicsa .bottom
{
	padding: 10px;
}

.ethicsa p{
	 font-size: 11px;
	 color: #666666;
	 line-height: 150%;
}

.ethicsa a
{
	 display: block;
	 padding-left: 10px;
	 color: #666666;
	 margin-top: 8px;
	 background-image: url(/images/backgrounds/arrow-li.gif);
	 background-repeat: no-repeat;
	 background-position: 0 2px;
	 font-weight: bold;
	 font-size: 11px;
	 text-decoration: underline;
}

.ethicsa .padding {
	 padding: 10px;
}


.ethics-footer {
    margin-top: 10px;
    width: 680px;
	height: 72px;
	background-color: #d1cdc4;
	color:#FFFFFF;
	margin-left: 5px;
	background-image: url(/images/ethics-bottom.gif);
}

.ethics-footer .footer-title {
	display: inline;
	float: left;
	 padding: 18px 0px 0px 24px;
	 font-size: 11px;
	 font-weight: bold;
}

.ethics-footer .footer-close {
	display: inline;
	float: right;
	 padding: 25px 12px 0px 0px;
}


.ethicsa .left
{
	float: left;
	width: 200px;
}

.ethicsa .right
{
	float: left;
	width: 200px;
}

.VidsiteMapNote {height:26px;}
.video-icon {float:left; margin-right:6px;}
.video-note {float:left; line-height:20px;}
