@charset "utf-8";
/* GENERAL SITE STYLES */
a{text-decoration:none !important; outline:none !important;}
p, h2 {margin-top:0px !important;}
h1, {font-weight:normal !important;}
sup.footer {font-size:7px; font-weight:bold;}
table {padding:0;}

.clearfix {
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
	width:0;
	margin:0;
	padding:0;
}

div{behavior: url("css/iepngfix.htc");}	

.site-strip {
	background-color:#f57b20;
	background-repeat:repeat;
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:900px;
	height:6px;
	line-height:0;
	font-size:0;
}

/* SITE CONTAINER STYLES */
body {
	background-image:url(../images/body-bg.jpg);
	background-position:100% 0%;
	background-repeat:repeat;
	margin:0;
	padding:0;
}

#container {
	background-image:url(../images/container-bg.png);
	background-position:50% 0%;
	background-repeat:repeat;
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:980px;
}

#content-container {
	background-color:#f2f2f2;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	padding-bottom:50px;
	display:block;
	clear:both;
	width:900px;
	position:relative;
}

#top-cover-left, #top-cover-right {
	background-image:url(../images/top-cover.png);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	display:block;
	width:5px;
	position:absolute;
	z-index:999;
}

#top-cover-left {left:0;}
#top-cover-right {right:0;}
/* SITE HEADER STYLES */
#header {
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:900px;
	height:144px;
	line-height:0;
	font-size:0;
}

/* SITE MAIN NAVIGATION STYLES */
#navigation {
	background-color:#f57b20;
	background-repeat:repeat;
	margin:0 auto;
	padding:0;
	padding-left:37px;
	display:block;
	clear:both;
	width:863px;
	height:21px;
}

#navigation a.link, #navigation a.home-link, #navigation a.current-link {
	margin:0;
	margin-left:18px;
	padding:3px 11px 0 11px;
	display:block;
	float:left;
	width:auto;
	height:18px;
	color:#f2f2f2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-transform:lowercase;
}

#navigation a.home-link {margin-left:0px !important;}

#navigation a.link:hover, #navigation a.home-link:hover,  #navigation a.current-link, #navigation a.current-link:hover {background-color:#ab5616;}

/* SITE SUB NAVIGATION STYLES */
#sub-navigation {
	margin:0;
	padding:0;
	display:block;
	width:900px;
	position:absolute;
	z-index:999;
}

.sub-nav-box {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:auto;
	height:auto;
	color:#f2f2f2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	z-index:999;
}

.sub-nav-box .links {
	background-image:url(../images/nav-trans-bg.png);
	/*background-color:#f57b20;*/
	background-repeat:repeat;
	margin:0;
	padding:7px 15px 0 10px;
	display:block;
	float:left;
	width:auto;
	height:auto;
	position:relative;
	z-index:999;
}

.sub-nav-box a {
	margin:0;
	padding:0;
	display:inline-block;
	height:20px;
	color:#f2f2f2;
}

.sub-nav-box a:hover {text-decoration:underline !important;}

#sub-nav-products {margin-left:208px;}
*html #sub-nav-products {margin-left:104px;}

.sub-nav-box-footer {
	margin:0;
	padding:0;
	display:inline-block;
	float:left;
	clear:both;
	height:10px;
	position:relative;
	z-index:999;
}

.sub-nav-box-footer .left-corner {
	background-image:url(../images/sub-nav-bottom-left-corner.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	float:left;
	height:10px;
	width:10px;
}

.sub-nav-box-footer .middle-srtip {
	background-image:url(../images/nav-trans-bg.png);
	/*background-color:#f57b20;*/
	background-repeat:repeat;
	margin:0;
	padding:0;
	display:block;
	float:left;
	height:10px;
	line-height:0;
	font-size:0;
}

.sub-nav-box-footer .right-corner {
	background-image:url(../images/sub-nav-bottom-right-corner.png);
	background-repeat:no-repeat;
	padding:0;
	display:block;
	float:left;
	height:10px;
	width:10px;
}


/* TOP IMAGE STYLES */
#top-image {
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:900px;
	height:160px;
	line-height:0;
	font-size:0;
}
/* LEFT COL STYLES */
#left-col {
	margin:0;
	padding:20px 0 0 50px;
	display:block;
	float:left;
	width:550px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#left-col a {color:#666666; text-decoration:underline;}

h1, .main-heading {
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:550px;
	height:20px;
	color:#4d4d4d;
	font-size:20px;
	text-transform:lowercase;
	font-weight:bold;
}

.strapline {
	margin:0;
	margin-top:5px;
	padding:0;
	display:block;
	clear:both;
	width:550px;
	height:16px;
	color:#6e6e6e;
	font-size:16px;
	text-transform:lowercase;
}

h2 {
	margin:0;
	margin-bottom:8px;
	padding:0;
	padding-top:12px;
	display:block;
	clear:both;
	width:550px;
	height:14px;
	color:#6e6e6e;
	font-size:14px;
}

.sub-heading {
	margin:0;
	margin-bottom:8px;
	padding:0;
	padding-top:12px;
	display:block;
	clear:both;
	width:auto;
	height:14px;
	color:#4d4d4d;
	font-size:14px;
	font-weight:bold;
}

#left-col-text {
	margin:0;
	padding:0;
	padding-top:25px;
	display:block;
	clear:both;
	width:550px;
}

#left-col-category-holder {
	margin:0;
	padding:0;
	padding-top:46px;
	display:block;
	clear:both;
	width:550px;
}

#left-col-category-holder h2 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	width:auto !important;
	height:auto !important;
	color:#ffffff !important;
	clear:none !important;
}

/* LEFT COL CATEGORY LISTING STYLES */
#left-col-category-holder .individual-category {
	margin:0 40px 8px 0;
	padding:0;
	display:block;
	float:left;
	width:188px;
	border:1px solid #cccccc;
	border-bottom:none !important;
}

*html #left-col-category-holder .individual-category {margin-right:31px;}

#left-col-category-holder .individual-category .category-image {
	margin:0 auto;
	padding:15px 0 15px 0;
	display:block;
	float:left;
	width:188px;
}

#left-col-category-holder .individual-category .category-image img {
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:128px;
	height:148px;
	border:2px solid #cccccc;
}

#left-col-category-holder .category-name {
	background-color:#f57b20;
	margin:0 auto;
	padding:0;
	padding-top:3px;
	display:block;
	clear:both;
	width:188px;
	height:19px;
	color:#ffffff;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	text-align:center;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.individual-category .category-name a {color:#ffffff !important; text-decoration:none;}
.individual-category .category-name a:hover {text-decoration:underline !important;}
/* LEFT COL PRODUCT LISTING STYLES */
#left-col-category-holder .individual-product, .individual-product {
	margin:0 40px 8px 0;
	padding:0;
	display:block;
	float:left;
	width:140px;
	border:1px solid #cccccc;
	border-bottom:none !important;
}

*html #left-col-category-holder .individual-product, .individual-product {margin-right:31px;}


.individual-product .product-image {
	margin:0 auto;
	padding:15px 0 15px 0;
	display:block;
	float:left;
	width:140px;
}

.individual-product .product-image img {
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:80px;
	height:80px;
	border:2px solid #cccccc;
}

.individual-product .product-name {
	background-color:#f57b20;
	margin:0 auto;
	padding:3px 0 3px 0;
	display:block;
	clear:both;
	width:138px;
	color:#ffffff;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.individual-product .product-name a {color:#ffffff !important; text-decoration:none;}
.individual-product .product-name a:hover {text-decoration:underline !important;}
/* RIGHT COL STYLES */
#right-col {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:300px;
}

#right-col .right-block {
	background-image:url(../images/right-blcok-top.jpg);
	background-repeat:no-repeat;
	background-position:50% 0%;
	margin:0;
	padding:35px 0 0 50px;
	display:block;
	clear:both;
	width:250px;
	min-height:126px;
	height:auto !important;
	height:126px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#right-col .right-block h3, #right-col .right-block h4 {
	margin:0;
	padding:0;
	font-size:0px;
	font-weight:normal;
}

.margin-top {margin-top:30px !important;}

#right-col .right-block .right-block-heading-image {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:58px;
	left:46px;
}

#right-col .right-block .right-block-heading-1 {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:197px;
	height:26px;
	color:#4d4d4d;
	font-size:21px;
	font-weight:bold !important;
}

#right-col .right-block .right-block-heading-1.margin-top {margin-top:15px !important;}

#right-col .right-block .right-block-heading-2 {
	margin:0;
	margin-bottom:6px;
	padding:0;
	display:block;
	float:left;
	width:197px;
	height:38px;
	color:#4d4d4d;
	font-size:18px;
}

#right-col .right-block .right-block-heading-3 {
	margin:0;
	margin-left:19px;
	padding:0;
	display:block;
	float:left;
	width:122px;
	height:26px;
	color:#4d4d4d;
	font-size:21px;
	font-weight:bold;
}

#right-col .right-block .right-block-heading-4{
	margin:0;
	margin-left:19px;
	padding:0;
	display:block;
	float:left;
	width:122px;
	height:23px;
	color:#4d4d4d;
	font-size:18px;
	font-weight:bold;
}


#right-col .right-block .link-holder {
	background-color:#f57b20;
	margin:0;
	margin-top:3px;
	padding:0;
	padding-left:22px;
	display:block;
	float:left;
	width:175px;
	height:20px;
}

#right-col .right-block .link-holder a {
	background-color:#e6e6e6;
	margin:0;
	padding:5px 0 0 8px;
	*padding-top:3px;
	display:block;
	float:left;
	width:167px;
	height:15px;
	*height:17px;
	color:#42210b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#right-col .right-block .link-holder a:hover,  #right-col .right-block .link-holder a.current {background-color:#f57b20 !important; color:#ffffff !important;}

.paving-and-landscaping {background-color:#50b948 !important}
.roofing {background-color:#0066a4 !important}
.handmade-brickwork {background-color:#f57b20 !important}
.internal-flooring {background-color:#f0cc01 !important}
.reclaimed-materials {background-color:#00a9a7 !important}

a.paving-and-landscaping {background-color:#e6e6e6 !important; color:#42210b !important;}
a.roofing {background-color:#e6e6e6 !important; color:#42210b !important;}
a.handmade-brickwork {background-color:#e6e6e6 !important; color:#42210b !important;}
a.internal-flooring {background-color:#e6e6e6 !important; color:#42210b !important;}
a.reclaimed-materials {background-color:#e6e6e6 !important; color:#42210b !important;}


a.paving-and-landscaping:hover, a.paving-and-landscaping-current {background-color:#50b948 !important; color:#ffffff !important;}
a.roofing:hover, a.roofing-current {background-color:#0066a4 !important; color:#ffffff !important;}
a.handmade-brickwork:hover, a.handmade-brickwork-current {background-color:#f57b20 !important; color:#ffffff !important;}
a.internal-flooring:hover, a.internal-flooring-current {background-color:#f0cc01 !important; color:#ffffff !important;}
a.reclaimed-materials:hover, a.reclaimed-materials-current {background-color:#00a9a7 !important; color:#ffffff !important;}

#right-col .right-block span.text-block {
	margin:0;
	margin-top:10px;
	padding:0;
	display:block;
	float:left;
	width:175px;
	color:#666666;
	font-size:12px;
}

#right-col .right-block span.telephone-num {
	margin:0;
	margin-top:10px;
	padding:0;
	display:block;
	float:left;
	width:175px;
	color:#4d4d4d;
	font-size:18px;
}

#right-col .right-block .form-button {
	background-image:url(../images/form-button.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	*background-position:0% 40%;
	margin:0;
	margin-top:18px;
	padding:0;
	padding-top:11px;
	display:block;
	float:left;
	width:106px;
	height:28px;
	color:#ffffff;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	text-transform:lowercase;
	cursor:pointer !important;
}

/* CALLBACK FORM STYLES */
#callback-form {
	margin:0;
	padding:0;
	display:none;
	float:left;
	width:300px;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
}

#callback-form input {
	background-image:url(../images/callback-input-bg.jpg);
	background-position:50% 0%;
	background-color:transparent;
	background-repeat:no-repeat;
	margin:3px 0 0 21px;
	padding:16px 0 0 40px;
	display:block; 
	clear:both;
	width:210px;
	height:31px;
	border:none;
}

#callback-form .submit-callback {
	background-image:url(../images/form-button.jpg);
	background-position:0% 75%;
	background-color:transparent;
	background-repeat:no-repeat;
	margin:4px 0 0 55px;
	padding:0;
	display:block;
	float:left;
	width:106px;
	height:41px;
	color:#ffffff;
	text-align:center;
	text-transform:lowercase;
	border:none;
	cursor:pointer !important;
}

*html #callback-form .submit-callback {margin-left:28px;}
/* FOOTER STYLES */
#footer {
	background-color:#f2f2f2;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:9px 0 27px 50px;
	display:block;
	clear:both;
	width:850px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer #footer-left-text {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:170px;
}

#footer #footer-right-text {
	margin:0;
	margin-right:48px;
	padding:0;
	display:block;
	float:right;
	width:auto;
}

#footer-right-text a {color:#666666;}
#footer-right-text a:hover {text-decoration:underline !important;}
#footer-right-text a.quick-nav {cursor:pointer !important;}

#footer #quick-links {
	margin:0;
	padding:0;
	padding-top:12px;
	display:none;
	float:left;
	width:823px;
}

#footer #quick-links a{
	margin:0;
	margin-bottom:8px;
	padding:0;
	display:block;
	clear:both;
	color:#666666; 
	text-decoration:underline !important;
}