/**
* Clearance Paving
* Layout CSS			
*
* CSS developed by Bloom Media Ltd. | www.bloommedia.co.uk
*/

#container{
	width:974px;
	position:absolute;
	left:50%;
	margin:0 0 0 -487px;
	z-index:0;
	}
	
#basketarea{
	float:left;
	height:42px;
	width:100%;
	}
	
#basket{
	position:absolute;
	top:0;
	right:0;
	background-image:url(../images/bg-basket.jpg);
	background-repeat:no-repeat;
	height:42px;
	background-position:top right;
	padding:0 49px 0 0;
	z-index:2;
	}
	#basket ul{
	float:left;
	margin:10px -20px 0 40px;
	padding:0 0 0 40px;
	width:180px;
	}
	#basket ul li{
	float:left;
	}
	#basket ul li a{
	color:#fff;
	border-right:1px solid #fff;
	padding:0 5px 0 5px;
	display:block;
	}
	#basket ul li a.mybasket{
	border:none;
	font-weight:bold;
	width:60px;
	}
	
#header{
	width:956px;
	float:left;
	padding:60px 18px 0 0;
	}
	#header .titlebar{
	float:right;
	background-image:url(../images/header-strap.gif);
	width:495px;
	height:51px;
	margin:0;
	padding:0;
	text-indent:-9000px;
	display:block;
	}
	#header ul{
	float:right;
	clear:right;
	background-image:url(../images/bg-header-ul.jpg);
	background-repeat:repeat-x;
	background-color:#02595f;
	width:929px;
	text-align:right;
	padding:5px 15px 5px 10px;
	margin:5px 0 5px 0;
	}
	#header ul li{
	float:right;
	}
	#header ul li a{
	color:#fff;
	padding:0 10px 0 10px;
	border-right:1px solid #fff;
	font-weight:bold;
	}
	#header ul li a.end{
	border:none;
	padding-right:0;
	}
	#header h1{
	text-indent:-9000px;
	}
	#header h1 a{
	display:block;
	background-image:url(../images/logo.png);
	width:383px;
	height:174px;
	border:none;
	position:absolute;
	top:0;
	left:0;
	behavior: url(iepngfix.htc); 
	}
	

	
	
#left-col{
	width:182px;
	float:left;
	margin:20px 0 0 0;
	padding:0 0 0 30px;
	
	}
	#left-col h2{
	margin:0;
	padding:0;
	font-size:1.5em;
	float:left;
	color:#0098a2;
	width:168px;
	}
	/*#left-col h2.garden-landscaping{
	background-image:url(../images/bg-h2-garden-landscaping.gif);
	width:158px;
	height:20px;
	}
	#left-col h2.driveways{
	background-image:url(../images/bg-h2-driveways.gif);
	width:158px;
	height:20px;
	}*/
	#left-col ul{
	float:left;
	margin:10px 0 40px 0;
	}
	#left-col ul li{
	}
	#left-col ul li a{
	color:#0098a2;
	background-image:url(../images/bg-left-col-ul-li-a.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding:0 0 0 20px;
	font-weight:bold;
		display:block;
	}
	#searchbox{
	float:left;
	clear:left;
	width:180px;
	}
	#searchbox p label{
	color:#0098a2;
	font-weight:bold;
	}
	#searchbox input{
	float:left;
	border:1px solid #0098a2;
	width:107px;
	}
	#searchbox img{
	float:left;
	border:none;
	border-left:3px solid #fff;
	}
	#searchbox ul{
	clear:left;
	}
	#searchbox ul li a{
	background-image:none;
	padding:0;
	font-weight:normal;
	}
	
	
#main-col{
	float:left;
	width:762px;
	margin:0 0 0 0;
	}
	#topimage{
	border-left:31px solid #fff;
	float:left;
	width:713px;
	}
	#topimage h4{
	background-image:url(../images/bg-top-image-h2.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#fff;
	font-size:1.5em;
	padding:4px 15px 10px 40px;
	float:right;
	margin:0;
	}
	
		#topimage h4 u{
		text-decoration:none;
		}
	
	
#footer{
	clear:both;
	border-top:30px solid #fff;
	}
	#footer-links{
	float:left;
	padding:25px 0 40px 0;
	background-image:url(../images/bg-footer.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:713px;
	border-left:33px solid #fff;
	}
	#footer ul{
	float:left;
	color:#00949d;
	margin:0 50px 0 0;
	padding:0;
	font-weight:bold;
	}
	#footer ul li{
	margin:0;
	padding:0;
	}
	#footer ul li a{
	font-weight:normal;
	color:#00949d;
	background-image:url(../images/bg-footer-ul-li-a.gif);
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	background-position:0 3px;
	}
	
	/* removes underlines from header tags - SIFR fix */
	
	h1 u,h2 u,h3 u,h4 u {
text-decoration:none !important;
}

/* new addition by sandeep---start--------*/
#topimage h2 {
background-image:url(../images/bg-top-image-h2.gif);
background-position:left bottom;
background-repeat:no-repeat;
color:#FFFFFF;
float:right;
font-size:1.5em;
margin:0;
padding:4px 15px 10px 40px;
}
#topimage h2 {
color:#FFFFFF;
font-size:1.5em;
}
#topimage h2 u {
text-decoration:none;
}
/* new addition by sandeep---end--------*/
