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

#topinfo {padding:0 0 10px 0; margin-top:0px;}
p.toptelno {margin:0px; padding:0 0 8px 0; color:#bb3f4b; font-size:22px; font-weight:bold;}
p.topaddress {margin:0px; padding:0px; color:#AAA; font-size:10px; font-weight:normal;}
h2.tagright {text-align:right; color:#555; font-size:1.0em; margin-top:24px;}

p.footertelno {margin:0px; padding:0 0 4px 0; color:#fff; font-size:18px; font-weight:bold;}
p.footeraddress {margin:0px; padding:0px; color:#AAA; font-size:10px; font-weight:normal;}
p.footercopy {margin:10px 0 0 0; padding:0px; color:#AAA; font-size:10px; font-weight:normal;}
h3.footerheading {font-size:12px; color:#AAA; font-weight:bold; margin-top:0px; margin-bottom:4px;}
li.ftmenulist {margin-top:0px; margin-bottom:0px; color:#AAA; margin-left:4px;}

table.newstable { margin-top:0px; margin-bottom:20px; width:100%;}
td.newssep {background-image:url(../images/news-sep.gif); background-repeat:repeat-x; padding-bottom:6px;}
td.newstitle {color:#FFF; font-size:11px; padding-left:8px; text-align:left;}
p.newslink {color:#AAA; margin-top:0px; margin-bottom:0px;}


ul#newsblock, ul#newsblock li {list-style-type:none;margin:0;padding:0; line-height:15px;}
ul#newsblock {width: 300px; margin:0 0 0 0; text-align:left;}
ul#newsblock li {width: 270px; height:100px; padding: 18px 10px 0px 20px; margin:8px 0px 20px 0}

ul#newsblock2, ul#newsblock2 li {list-style-type:none;margin:0;padding:0;  line-height:15px;}
ul#newsblock2 {width: 300px; margin:0 0 0 0; text-align:left;}
ul#newsblock2 li {width: 270px; height:100px; padding: 18px 10px 0px 20px; margin:8px 0px 20px 0}

ul#newsblock3, ul#newsblock3 li {list-style-type:none;margin:0;padding:0;  line-height:15px;}
ul#newsblock3 {width: 300px; margin:0 0 0 0; text-align:left;}
ul#newsblock3 li {width: 270px; height:100px; padding: 18px 10px 0px 20px; margin:8px 0px 20px 0}

li#news1 {background: #535353; color:#AAA;}
li#news2 {background: #535353; color:#AAA;}

p.newsblockhead {font-size:16px; color:#111; margin:0; padding:0;}


/* locations */

table.locations {margin:20px 0 0 0; background-color:#f6f6f6; font-size:11px; line-height:15px;}
td.loctitle {font-size:14px; font-weight:bold; background-color:#e1c6c9; padding:6px 0 8px 6px;}
td.loclabel {width:110px; background-color:#e1c6c9; text-align:right; font-weight:bold; padding:4px 4px 4px 0;}
td.locdetails {background-color:#efdfe1; padding:4px 0 4px 8px;}
td.locmap {background-color:#efdfe1; padding:4px; width:150px;}

/* pricing */

table.pricing {margin:20px 0 0 0; background-color:#f6f6f6; font-size:11px; line-height:15px;}
td.pricetitle {font-size:14px; font-weight:bold; background-color:#c4dce8; padding:6px 0 8px 6px;}
td.pricelabel {font-size:12px; background-color:#c4dce8; text-align:left; font-weight:bold; padding:6px 4px 6px 8px;}
td.pricedetails {background-color:#dfeaef; padding:4px 0 4px 8px;}

table.pricing-budget {margin:20px 0 0 0; background-color:#f6f6f6; font-size:11px; line-height:15px;}
table.pricing-budget td.pricelabel {font-size:12px; background-color:#bb3f4b; color:#FFFFFF; text-align:left; font-weight:bold; padding:6px 4px 6px 8px;}
table.pricing-budget td.pricedetails {background-color:#efdfe1; padding:4px 0 4px 8px;}
td.budget-heading {font-size:12px; background-color:#bb3f4b; color:#FFFFFF; text-align:left; font-weight:bold; padding:6px 4px 6px 8px;}

td#pavprice1 {width:280px; padding-right:6px;}
td#pavprice2 {width:320px;}
td#pavprice3 {width:300px;}

td#stoneprice1 {width:240px; padding-right:6px;}
td#stoneprice2 {width:230px;}
td#stoneprice3 {width:360px;}

td#clayprice1 {width:350px; padding-right:6px;}
td#clayprice2 {width:480px;}

td#faceprice1 {width:480px; padding-right:6px;}
td#faceprice2 {width:350px;}

td.priceinfo {padding:0 0 0 8px; font-weight:bold;}
td.priceinfolabel {text-align:left;}

h2.groupheading {color:#398cb6;}

span.pricesubs {font-weight:normal; margin-left:20px; font-size:11px;}
span.saleprice {color:#bb3f4b;}
span.normprice {color:#bb3f4b;}
td.saleprice {color:#bb3f4b; text-transform:uppercase; padding-top:14px; font-weight:bold;}

table.applegend {border:2px solid #c4dce8; background-color:#dfeaef; font-size:11px; line-height:15px; margin-top:6px;}

td.swatchcell {padding-right:13px; padding-left:8px; width:150px;}
td.captioncell {padding:4px 13px 15px 8px; font-size:11px; line-height:12px; width:150px;}

span.footnote {color:#666666; font-size:11px; line-height:16px;}

a.footerlink, a.footerlink:visited, a.footerlink:hover {text-decoration:none; color:#AAA;}
a.footerlink:hover {text-decoration:underline; color:#FFF;}

a.cbprodlink, a.cbprodlink:visited, a.cbprodlink:hover {text-decoration:none; color:#f4ee8f;}
a.cbprodlink:hover {text-decoration:underline; color:#FFF;}


a.footnotelink, a.footnotelink:visited, a.footnotelink:hover {text-decoration:none; color:#3366FF;}

a {
	color: #1f8dd9;
	text-decoration:none;
}

a:hover {
	color: #1f8dd9;
	text-decoration:underline;
}

/* product page styles */

td.prodmaintitle {font-size:24px; text-align:center; color:#FFFFFF; padding:10px 10px 12px 10px; border-bottom:6px solid #f6f6f6;}

td.prodmaintitle#claybrick {background-color:#c1743c;}
td.prodmaintitle#blokpave {background-color:#517d96;}
td.prodmaintitle#blokstone {background-color:#d09827;}
td.prodmaintitle#ecobrick {background-color:#8a9b3b;}

p.prodsubtitle {font-size:14px; margin-bottom:0px; margin-top:6px;}
td.prodimg {padding:10px; text-align:center;}



table.prodspec {font-size:11px;}

table.prodspec tr.prodspecmh td { color:#FFFFFF; background-color:#555; padding:2px 4px 2px 4px;}
table.prodspec tr.prodspecmh td.prodspecmhdesc {border-right:6px solid #fff;}



table.prodspec tr.prodspecrow td.prodspecdesc { background-color:#fff; padding:2px 4px 2px 4px; border-bottom:1px solid #777; border-right:6px solid #fff;}
table.prodspec tr.prodspecrow td.prodspecvalue { background-color:#ddd; padding:2px 4px 2px 4px; border-bottom:1px solid #777;}

p.productdeschead {font-size:11px; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
p.productdesc {font-size:11px; margin-top:8px; padding-top:0px; margin-bottom:0px; line-height:14px;}
span.price {color:#bb3f4b;}

a.productdesc, a.productdesc:visited, a.productdesc:hover {text-decoration:underline; color:#DDD;}
a.productdesc:hover {text-decoration:underline; color:#FFF;}

table.prodcolours {font-size:11px; margin-top:20px;}

table.prodcolours tr.prodcoloursmh td { color:#FFFFFF; background-color:#555; padding:2px 4px 2px 4px;}
table.prodspec tr.prodcoloursmh td.prodcoloursmhdesc {}

table.prodcolours tr.prodcoloursrow td.prodcoloursgrid { background-color:#fff; padding:2px 4px 2px 4px;}

table.dimtable {font-size:12px; margin-bottom:40px; margin-top:6px; border-collapse:collapse;}
table.dimtable tr.dimtablehead td { border:1px solid #ecd3bd; text-align:center; background-color:#c1743c; color:#FFFFFF;}
table.dimtable td { border:1px solid #ecd3bd; text-align:center; padding:2px;}

/* search box styles*/

input.sbox {color:#999; background-image:url(../images/searchicon.gif); background-position:right; background-repeat:no-repeat; border:1px solid #7cc0dd; padding:4px; background-color:#eff8fb;}
input.sboxfocus {color:#000; background-image:none; border:1px solid #7cc0dd; padding:4px; background-color:#eff8fb;}

.example {
	position: relative;
	background-color:#FFF;
	width: 900px;
	height: 244px;
}

/* feedback form styles */

table.sandiform tr td {font-size:11px; color:#444; font-weight:normal; padding-bottom:6px; margin-bottom:0px; margin-top:0;}

table.sandiform {border-bottom:1px dotted #444; margin-bottom:12px;}

span.grpheading {font-size:12px; color:#444; font-weight:bold;}

/* .formlabel { font-size:11px; color:#333; margin-bottom:0px; margin-top:0;}
.formlabelb { font-size:11px; color:#333; margin-bottom:0px; margin-top:0; font-weight:bold;} */

input.fb {margin-bottom:6px; margin-right:4px;}

.req {color:#FF0000;}

textarea.fb {margin-bottom:6px; padding:4px;}