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

/*----Main Colour------
#cd1717;
-------*/

html,body{
	margin:0;
	padding:0;
	}
	
.style1 {
	font-size: x-large
}
.style15 {
	color: #333333;
	font-size: xx-large;
}
.style6 {color: #FFFFFF}
.style7 {font-size: larger; }
.style11 {font-size: xx-large}
.style12 {
	color: #FF0000;
	font-weight: bold;
	font-size: x-large;
}
.style13 {font-size: x-large}
.style16 {
	font-size: xx-large;
	color: #333333;
}
.style17 {font-size: xx-large; font-weight: bold; }
.style18 {font-size: x-small}
body{
	color:#333333;
	font: 76% arial,sans-serif;
	background-image:url(images/headbg.jpg);
	background-repeat:repeat-x;	
	background-color:#FFFFFF;
	}
.style11 {font-size: xx-large}

.style1 {font-size: xx-small}

.checkprices {
	background-image: url("http://www.acsite.co.uk/sthelens/images/onlinequote.jpg");
}
.checkprices:hover {
	background-image: url("http://www.acsite.co.uk/sthelens/images/onlinequotehover.jpg");
}

table {
	text-align:center;
	}
		
img{
	border:0;
	text-decoration:none;
	}	
a{
	color:#cd1717;
	}

p{
	margin:0 10px 10px;
	}
		
.image1 {

padding-right:10px;
float:left;
width: 210px;

 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.image2 {


float:left;
width: 250px;

 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}		
.title {
text-align:center;
float:left;
width: 210px;
font:12px Helvetica, sans-serif;

padding-top:10px;
padding-bottom:5px;

 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
/*--------------------------------*/			
#wrapper{
	float:left;
	width:100%;
		
	}
	

#header {
	height:150px;
	background-image:url(images/header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
	
}
	
	
#header h1{
	display:none;
	height:80px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	}
	
#header p{
	padding:10px;
	text-align:right;
	font-family:Lucida Grande, Lucida Sans, Georgia, Helvetica, Arial;
	color:#FFFFFF;
	}
	
#content p{
	line-height:1.4;
	}
		
#content{
margin-left:190px;
margin-right: 200px;
	padding:30px;
	
	overflow:hidden;
	}
#content2{
	color:#333333;
	padding-top:20px;
padding-left:230px;
	
	width:40%;
	float:left;
	overflow:hidden;
	}
	
	#LATESTNEWS{
	background-color:#FFFF00;
	BORDER:#FF0000;
	border-style:double;
	width:100%;
	}
	#replacement{
	width:100%;
	float:left;
	}
	#glazing{
	height:120px;
	width:100%;
	}
#content3{
	color:#333333;
	width:30%;
	float:left;
	}		
#nostylelist li{
	list-style:none;
	}	
	
#followus {
	_width:198px;
	text-align:center;
	height:70px;
	padding-top:325px;
	overflow:hidden;
	
	}
/*------------------------------------*/	
/*----Picture Placement -----*/
/*------------------------------------*/	
.picWrapper{
	_width:600px;
	clear:both;
	display:table;
	overflow:hidden;
	margin-left:50px;
	}

.picGrid{
	float:left;
	padding:5px;
	}
	
.picGrid img{
	padding:5px;
	border:1px solid #666666;
	}
	
.windowWrapper{
	_width:600px;
	clear:both;
	display:table;
	overflow:hidden;
	border-bottom:1px solid #333333;
	}
	

	
.picLeft{
	float:left;
	padding:0px;
}

.picLeft2{
	float:left;
width:600px;
	padding:0px;
}

#content .picLeft img{
	padding:5px;

	}
	
.picRight{
	float:right;
	padding:0px;
}

#getaquote {


float:left;
overflow:hidden;


background-repeat:no-repeat;
}
#getaquote2 {
margin-left:50px;
height:100px;
width:280px;
float:left;
overflow:hidden;
text-align:left;
}
#content .picRight{
	margin:10px;
	}

#content .picRight img{
	padding:5px;
	border:1px solid #666666;
	}
	
.picCentre{
	clear:both;
	text-align:center;
	}
	
#content .picCentre img{
	padding:5px;
	border:1px solid #666666;
	}
	
	
.caption{
	padding-left:5px;
	padding-right:5px;
	font-style:italic;
	font-size:small;
	border:1px solid #666666;
	/*border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;		*/
	}
	
.caption a{
	text-decoration:none;
	}
/*-----------------------------*/	
/*-----Image replacement--*/
/*-------------------------------*/	
#specialOffers{
	background-color:#e70000;
	width:200px;
	*background-image:url(images/extraGrad.gif);/*-ie Hack---*/
	*background-repeat:repeat-x;
	color:#FFFFFF;
	padding-left:5px;
	border-bottom:2px solid #c40000;
	}
	
#specialOffers span{ /*to hide Span Text and replace with image*/
	}	
	
.news{
	line-height:30px;	
	color:#FFFFFF;
	height:30px;
	background-image:url(images/extraGrad.gif);
	padding-left:5px;
	border-bottom:2px solid #c40000;
	}
	
.news span{/*to hide Span Text and replace with image*/
	}
	#quoteform{
	
	border:1px solid #e70000;
	float:left;
	width:400px;
	padding-top:10px;
	
	
	
	_top:500px;
	_right:0px;
	_float:none;
	_margin:0;
	_clear:both;
	_height:1%;
	_background-color:#FFFFFF;
	}
	#quoteform3{
	
	
	float:left;
	width:700px;
	padding-top:10px;
	overflow:hidden;

	}
	#quoteform2{
	
	
	float:left;
	_width:600px;
	padding-top:10px;
	overflow:hidden;
	}
#titleform {
width: 1000px;
}
/*------------Extra Side Bar---------------*/
#extra{
	background-image:url(images/extraGrad.gif);
	background-repeat:repeat-x;
	border:1px solid #e70000;
	float:left;
	width:198px;
	margin-top:30px;
	margin-left:-200px;
	margin-bottom:30px;
	overflow:hidden;
	_position:absolute;		/*----IE 6 Hack ------*/
	_top:155px;
	_right:0px;
	_float:none;
	_margin:0;
	_clear:both;
	_height:1%;
	_background-color:#FFFFFF;
	}
	
#extra p{
	padding-left:10px;
	}
	
#extra a{
	color:#e70000;
	}
	
#extra h4{
	padding-left:4px;
	}
	
#extra .picLeft{
	margin:5px;
	}
	
#extra .picRight{
	margin:5px;
	}	
/*------------------footer----------------------*/	
	
#wrapperfooter{
	clear:both;
	text-align:center;
	/*background: #333;*/
	background-image:url(images/footerbg.jpg);
	color: #FFF;
	}	
	
#footer{
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:871px;
	height:450px;
	margin:0 auto;
	}
	
#footerleft{
	padding:20px;
	padding-right:50px;
	float:left;
	overflow:hidden;
	text-align:right;
	width:260px;
	}
	
#footerright{
	padding:20px;
	padding-left:50px;
	text-align:left;
	float:left;
	overflow:hidden;
	width:259px;
	}
	
#footer img{
	border:0;
	}
	
#footer p{
	margin:0 auto;
	}
	
#footer ul{
	padding-left:0;
	list-style-type:none;
	text-align:left;
	}
#footer li{
	padding-bottom:7px;
	}
	
#footer a{
	color:#FFFFFF;
	}
	
#location{
	margin-top:10px;
	padding:20px;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	float:left;
	overflow:hidden;
	width:170px;
	text-align:left;
	}
	
#location h3{
	margin-top:14px;
	*margin-top:-10px;
	text-align:center;
	}
	
#copyright{
	border-top:solid 1px #999;
	clear:both;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:20px;
	}
		
#footer h3{
	font-size:x-large;
	}
	
/*---------------------------------------------------*/


#navigation{
	float:left;
	width:200px;
	margin-left:-100%;
	margin-top:20px;
	color:#FFFFFF;
	_float:none;				/*----IE 6 Hack ------*/
	_height:5px;
	_position:absolute;
	_top:155px;
	_left:0px;
	_margin:0;
	_clear:left;
	text-align:center;
	
	}
	
#facebook{
float:left;
width:200px;
}
#navlist{
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
	*font-family:Verdana,Arial,sans-serif;
	font-size:15px;
	font:100%;
 	list-style:none;
	height:1px;
	
	
	}
	
#navlist a{
	display:block;
padding-top:3px;
	color:#FFFFFF;
	background-image:url(images/button.jpg);
	background-repeat: no-repeat;
height:46px;
width:165px;
	
	
	}
	#navigation a:hover{
background-image:url(images/button2.jpg);
	color:#CCCCCC;
	}
	
#active a:link, #active a:visited {
	color:#FFFFFF;
	padding:1px;
	background-image:url(images/button2.jpg);
	}
	
#subactive a:link, #subactive a:visited {
	color:#000000;
	margin-left:10px;
background-image:url(images/button3.jpg);
	}
	#subactive a:hover{
	color:#FFFFFF;
	background-image:url(images/button2.jpg);
	}
	
#subactivecurrent a:link, #subactivecurrent a:visited, #subactivecurrent a:hover{
	color:#FFFFFF;
	margin-left:10px;

	background-image:url(images/button2.jpg);
	}
	
	
/*--------Quotes-------*/

blockquote {
	clear:both;
	background-image:url(images/openquote.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	background-color:#FFFF99;
	padding-top:10px;
	padding-left: 50px;
	font-style: italic;
}
blockquote span {
	background-image:url(images/closequote.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
	padding-bottom:10px;	
	padding-right: 40px;
}
	
#navlist{
	padding-left:0px;
	margin-left:15px;
	}
	
	
.noDecoration{
	list-style:none;
	}


body{
	_padding:0px;
	_margin:0px;
	}