html{
	background-color: #CCCCCC;
}


ul#main-listings{padding:0}
ul#f-listings{padding:0}

body {
	display:table;
	margin:auto;
	margin-top:0px;
	background-image:url(/resources/images/mainback.gif);
	background-repeat:repeat-y;
	background-position:  center; 
	background-color: #CCCCCC;
}

#wrapper{
	width:766px;
	text-align:left;
	max-width: 766px;
	background-color:#ffffff;
	margin:auto;
	float:left;
	/float:none;
}


#logo{
	height:125px;
	width:766px;
	background-image:url(/resources/images/header.gif);
	background-repeat:no-repeat;
}


#but1 a{
	display:block;
	height:30px;
	width:184px;
	background-image:url(/resources/images/mainpage.gif);
	background-repeat:no-repeat;
	float:left;
}
#but1 a:hover{
	background-image:url(/resources/images/mainpage_over.gif);
}

#but2 a{
	display:block;
	height:30px;
	width:184px;
	background-image:url(/resources/images/feedback.gif);
	background-repeat:no-repeat;
	float:left;
}
#but2 a:hover{
	background-image:url(/resources/images/feedback_over.gif);
}
#but3 a{
	display:block;
	height:29px;
	width:184px;
	background-image:url(/resources/images/getlisted.gif);
	background-repeat:no-repeat;
	float:left;
}
#but3 a:hover{
	background-image:url(/resources/images/getlisted_over.gif);
}
#but4 a{
	display:block;
	height:30px;
	width:184px;
	background-image:url(/resources/images/terms.gif);
	background-repeat:no-repeat;
	float:left;
}

#but4 a:hover{
	background-image:url(/resources/images/terms_over.gif);
}
#but5 a{
	display:block;
	height:29px;
	width:184px;
	background-image:url(/resources/images/sitemap.gif);
	background-repeat:no-repeat;
	float:left;
}
#but5 a:hover{
	background-image:url(/resources/images/sitemap_over.gif);
}
#logo2{
	height:148px;
	width:365px;
	background-image:url(/resources/images/logo2.gif);
	background-repeat:no-repeat;
	float:left;
}



#filler1{
	height:20px;
	width:225px;
	background-image:url(/resources/images/roofingregister.com.gif);
	background-repeat:no-repeat;
	float:left;
}
#search{
	background-image:url(/resources/images/search.gif);
	background-repeat:no-repeat;
	width:217px;
	height:148px;
	float:left;


}
#searchtext{
	position:relative;
	top:110px;
	//top:110px;
	left:30px;
	//left:30px;
	float:left;
}
#searchbutton{
	float:left;
	position:relative;
	top:110px;
	//top:111px;
	left:21px;
	//left:21px;


}
.searchtext2{

	font-family:Tahoma;
	font-size: 8pt;		
}

#col1{
	width:218px;
	float:left;
}
#col2{
	width:351px;
	float:left;
}
#col2second{
	width:351px;
}
#col3{
	width:197px;
	float:left;
}

#col3sub{
	float:left;
}
#col4{
	width:526px;
	float:left;
}

#col1header{
	height:52px;
	width:218px;
	background-image:url(/resources/images/featuredlinks.gif);
	background-repeat:no-repeat;
	float:left;
}
#col1headernews{
	height:52px;
	width:218px;
	background-image:url(/resources/images/newsheader.gif);
	background-repeat:no-repeat;
	float:left;
}


#col2header{
	height:52px;
	width:351px;
	background-image:url(/resources/images/roofers_register_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#col3header{
	height:52px;
	width:197px;
	background-image:url(/resources/images/advice.gif);
	background-repeat:no-repeat;
	float:left;
}

#howaroofheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/how_a_roof_is_built_header.gif);
	background-repeat:no-repeat;
	float:left;
}

#typesof{
	height:56px;
	width:547px;
	background-image:url(/resources/images/types_of_roof_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#repairaroof{
	height:56px;
	width:547px;
	background-image:url(/resources/images/repairing_a_roof_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#natfedheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/nat_fed_roofers_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#choosingheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/choosing_a_con_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#legalheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/understanding_roof_legal_he.gif);
	background-repeat:no-repeat;
	float:left;
}

#environheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/environmentallyl_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#gutterheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/guttering_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#loftconheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/planing_header.gif);
	background-repeat:no-repeat;
	float:left;
}

#whatisaheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/what_is_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#preventheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/preventative_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#roofcleaningheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/cleaning_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#restoreheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/restoring_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#roofventheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/ventilation_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#stylesandslopesheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/styles_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#trainingheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/britquals_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#ukbuildregsheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/ukreg_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#flatadvheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/advantage_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#therightroofheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/rightroof_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#resultsheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/results_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#feedbackheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/enquiry-header.gif);
	background-repeat:no-repeat;
	float:left;
}
#signupheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/freelisting_header.gif);
	background-repeat:no-repeat;
	float:left;
}
#termsheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/termsheader.gif);
	background-repeat:no-repeat;
	float:left;
}
#sitemapheader{
	height:56px;
	width:547px;
	background-image:url(/resources/images/sitemap_header.gif);
	background-repeat:no-repeat;
	float:left;
}



#footer{
	height:120px;
	width:766px;
	background-color:#ffffff;
	float:left;
	clear:both;
}

#footertext {
	width:500px;
	color:#000000;
	float:left;
	position:relative;
	left:217px;
	top:-80px;
	/top:20px;
	text-align:left;
	font-family:Tahoma;
	font-size: 8pt;	
}
#footertext a{
	margin:0px 30px 0px 0px;	
	color:#000000;
	text-decoration:none;
}
#footertext a:hover{
	color:#2C5C8B;
}

#footertext2 {
	width:500px;
	color:#000000;
	float:left;
	position:relative;
	left:217px;
	top:-80px;

	text-align:left;
	font-family:Tahoma;
	font-size: 8pt;	
}
#footertext2 a{
	margin:0px 30px 0px 0px;	
	color:#000000;
	text-decoration:none;
}
#footertext2 a:hover{
	color:#2C5C8B;
}
.bodytextli{
	list-style-type:none;
	color:#404040;
	font-family:Tahoma;
	font-size: 8pt;	
	margin:0px 10px 10px -10px;
	/margin:0px 10px 10px 30px;
	line-height:150%;
}
.bodytextli a{
	font-size: 8pt;	
	color:#027FC2;
}
.bodytextli a:hover{
	color:#404040;
}
.bodytext1 {
	color:#404040;
	font-family:Tahoma;
	font-size: 8pt;	
	margin:0px 10px 0px 10px;
}
.bodytext2 {
	color:#404040;
	font-family:Tahoma;
	font-size: 8pt;	
	margin:15px 10px 20px 10px;
	text-align:justify;
}
.bodytext2 a{
	font-size: 8pt;	
	color:#2C5C8B;
}
.bodytext2 a:hover{
	color:#404040;
}
.col2secondtext {
	text-align:justify;
	color:#404040;
	font-family:Tahoma;
	font-size: 8pt;	
	margin:0px 10px 10px 10px;

}
.col2secondtext {
	color:#404040;
}

.bodytextright {
	width:140px;
	text-align:left;
	color:#404040;
	font-family:Tahoma;
	font-size: 8pt;	

}
.bodytextright a{
	font-size: 8pt;	
	text-decoration:none;
	color:#2C5C8B;
	margin:10px 40px 7px 15px;
}

.bodytext3 {
	text-align:left;
	color:#404040;
	font-family:Tahoma;
	font-size: 8pt;	
	margin:15px 20px 13px 15px;
	/margin:15px 20px 7px 15px;
}

h1.bodytext3{
	margin-top:10px;
}

.bodytext3b {
	text-align:justify;
	color:#404040;
	font-family:Tahoma;
	font-size: 8pt;	
	margin:5px 20px 10px 15px;
}
h1.bodytext3b a{
	margin:10px 0px 0px 0px ;
	color:#2C5C8B;
}
h1.bodytext3b a:hover{
	color:#404040;
}
.bodytext3 a{
	font-size: 8pt;	
	text-decoration:none;
	color:#2C5C8B;
	margin:10px 0px 10px 0px;
}
.bodytext3 a:hover{
	color:#404040;
}
.bodytext4 {
	LIST-STYLE-TYPE:NONE;
	text-align:justify;
	color:#404040;
	font-family:Tahoma;
	font-size: 8pt;	
	margin:10px 20px 20px 15px;
}
.bodytext {
	color:#404040;
	font-family:Tahoma;
	font-size: 9pt;	
}

.bodytextsm {
	color:#404040;
	font-family:Tahoma;
	font-size: 8pt;	
	margin:10px 10px 20px 40px;
}
#news{
	margin:5px 0px 5px 10px;
	width:190px;
	float:left;
}

#newstitle{

	margin:5px 0px 10px 20px;
	/margin:5px 0px 10px 10px;
	font-family:Tahoma;
	font-size: 7.5pt;	
	left:20px;
	/left:10px;
}
#newstitle a{
	color:#027FC2;

}
#newstitle a:hover{
	color:#404040;

}

#newsdate {
	padding:3px;
	width:50px;
	font-family:Tahoma;
	font-size: 6.5pt;	
	background-color:#808080;

	color:#ffffff;
	position:relative;
	left:20px;
	/left:10px;
}


#newscontent{
	font-family:Tahoma;
	font-size: 8pt;	
	margin:5px 0px 10px 20px;
	/margin:5px 20px 10px 0px;


}

.p_l	{
	width:460px;
	display:block;
	background-color:#E5E5E5;
	border:solid 1px #CCCCCC;
	padding:5px 5px 0px 5px;
	margin:5px 5px 0px 35px;
}
.p_l1	{
   	font-family: Tahoma; 
	font-size: 8.5pt;
	font-weight:bold
}

.p_l2	{
   	font-family: Tahoma; 
	font-size: 8.5pt;
	color:#2c5c8b;
	text-transform:lowercase;
}

.p_l2 a:link, .p_l2 a:visited	{
   	font-family: Tahoma; 
	font-size: 8.5pt;
	text-decoration:none
}

.p_l2 a:hover	{
   	font-family: Tahoma; 
	font-size: 8.5pt;
	color:#993300
}

.p_l3	{
   	font-family: Tahoma; 
	font-size: 8.5pt;
	test-align:left;
	display:block;

}

.p_l4	{
   	font-family: Tahoma; 
	font-size: 8.5pt;
	color: #2c5c8c
}

.unp_l	{
	width:460px;
   	font-family: Tahoma; 
	font-size: 8.5pt;
	display:block;
	background-color:#f8f8f8;
	border:solid 1px #CCCCCC;
	padding:5px 5px 0px 5px;
	margin:5px 5px 0px 35px;
	color:#666666;
	background-image:url(/resources/images/postcode_list_icon.gif);
	background-repeat:no-repeat;
	background-position:14px 2px
}

.unp_l1	{
   	font-family: Tahoma; 
	font-size: 8.5pt;
	font-weight:bold
}

.results_bar{
	font-color:#2c5c8bl;
	width:440px;
	margin:auto;
   	font-family: Tahoma; 
	font-size: 8.5pt;
}
#formtext{
	font-family:Tahoma;
	font-weight:bold;
	font-size: 13px;
	padding-left:10px; 
	background-color:#FFE366;
}
/*Overture Ads*/
.google_box{width:472px;line-height:16px;margin-bottom:15px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:8.5pt;clear:both;text-align:left;margin-top:10px;margin-left:36px}
.google_header{color:#4b4b4b;font-weight:bold;margin-bottom:10px}
.google_ad{margin-bottom:10px;border:1px solid #e2e2e2;padding-left:12px;background:#f8f8f8;border-bottom:1px solid #cccccc}
.google_title{color:#FFFFFF;padding-top:1px;font-weight:bold}
.google_title a,.google_title a:visited,.google_title a:hover,.google_description a,.google_description a:visited,.google_description a:hover,.google_link a,.google_link a:visited{color:#666666;text-decoration:none}
.google_link a:hover{color:#666666;text-decoration:underline}
.google_description{color:#666666}
.google_link{color:#666666;margin-bottom:1px;padding-bottom:1px}
#feedback_form {
	margin-bottom: 40px;
}
#about_bt {
	margin: 30px 0 0 7px;
	border-top: 1px solid #CCCCCC;
	color: #333333;
	font-family: Tahoma;
	font-size: 8pt;
}
.copytext{
color:#525252;
padding-top:12px;
}

h2 {
color:#525252;
text-transform:uppercase;
font-size:16px;
font-family:tahoma;
padding:11px 0 0 18px;

}


/*BT WEBCLICKS*/#bt_web_clicks{padding:0 3px 0 5px}
#bt_web_clicks *{margin:0;padding:0;font-size:16px}
.btad_wrapper{background-color:#E0E8EF;color:#385368;margin:0 0 10px 30px !important;padding:10px !important;width:450px;float:left;display:inline;border:1px solid #2C5D8A;height:83px}
.btad_header h2 a{font-size:16px;margin:0 0 10px !important}
.btad_header h2 a:hover{font-size:16px;margin:0 0 10px !important;color:ff0000}
#bt_web_clicks .btad_header_right{float:right;color:#414852;font-style:italic;margin:0 5px 0 0 !important;font-size:11px}
.btad_left{float:left;width:320px}
.btad_image{float:left;margin:0 5px 0 0 !important}
.btad_right{float:right;width:117px;border-left:1px solid #777;padding:0 0 0 9px !important;position:relative;top:-20px}
.btad_contact{padding:5px 0 !important}
a.contact_website{text-decoration:none}
a.contact_website:hover{text-decoration:underline}
.btad_phone_num{font-weight:700}
.btad_wrapper .prop{clear:both;height:1px;font-size:0}
#bt_web_clicks .btad_text{color:#000;font-family:Tahoma,Geneva,sans-serif;font-size:11px;width:320px; overflow:hidden;height:67px;}
.btad_click_call_text{text-align:left;color:#fff;text-decoration:none}
.btad_click_call_num{font-weight:bold;color:#fff;text-decoration:none}
.btad_click_call_text a:hover{text-align:left;color:#2f4b60;text-decoration:underline}
.btad_click_call_num a:hover{font-weight:bold;color:#2f4b60;text-decoration:none}
/*POPOVER*/.popoversms{background-image:url(images/popover/sms-popover.gif);width:539px;height:434px;position:relative;color:#000;margin:0 auto}
.popoveraddress{background-image:url(images/popover/address-popover.gif);width:539px;height:434px;position:relative;color:#000;margin:0 auto}
.popoveremail{background-image:url(images/popover/email-popover.gif);width:539px;height:434px;position:relative;color:#000;margin:0 auto}
.popovertitle{text-align:left;position:absolute;top:69px;left:218px;color:#414852;font-size:10pt;height:17px;width:270px;overflow:hidden;font-family:Tahoma,Geneva,sans-serif}
.popoverleft{text-align:left;position:absolute;top:130px;left:40px;width:130px;font-family:Tahoma,Geneva,sans-serif;font-size:11px}
.popoverleft a{color:#4c8cfc;font-family:Tahoma,Geneva,sans-serif;font-size:11px}
.popovermain{position:absolute;top:130px;left:173px;width:320px;text-align:left;padding:0;font-family:Tahoma,Geneva,sans-serif;font-size:10px}
.popoversmsform1{width:250px}
.popoversmsform1 div{float:right;text-align:center;width:160px;margin:0;padding:0;font-family:Tahoma,Geneva,sans-serif}
.popoveremailform{width:310px;height:200px;line-height:12px;font-family:Tahoma,Geneva,sans-serif}
.popoveremailform input{float:left}
.popoveremailform .submitbox{position:relative;float:right}
.popoversmsform2{width:250px;height:200px;line-height:12px;padding:0 0 0 60px;font-family:Tahoma,Geneva,sans-serif}
.popoversmsform2 input,.popoversmsform2 button{float:left;line-height:14px}
.popoverbuttonleft{float:left;width:160px;height:20px}
.popoverbuttonright{float:right;width:160px;height:20px}
.popovercontact{height:49px;position:absolute;top:345px;left:65px;width:430px;padding:0}
.popovercontact a{color:#000}
.popovercontact .popovercontacttext{text-align:left;float:left;width:90px;font-size:7pt;line-height:8pt;font-family:Tahoma,Geneva,sans-serif}
.popovercontact .popovercontactlinks{float:left;margin:1px 0 0 10px;padding:0}
.popovercontact .popovercontact_sms,.popovercontact .popovercontact_address,.popovercontact .popovercontact_email,.popovercontact .popovercontact_website{text-align:center;width:55px;float:left;margin:0 4px 0 0;padding:0;font-family:Tahoma,Geneva,sans-serif}
.popovercontact .popoverclose{float:right;margin:10px 0 0}
.black_overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1001;-moz-opacity:0.7;opacity:.70;filter:alpha(opacity=70)}
.popover_box{display:none;position:fixed;top:50%;left:0;margin-top:-217px;width:100%;height:434px;text-align:center;z-index:1002;overflow:auto;padding:0}
.btad_wrapper a,.btad_header a{color:#414852}
.popoverleft b,.popovermain b{font-size:10pt;font-weight:700;color:#414852;font-family:Tahoma,Geneva,sans-serif}
.popoveremailform .messagebox,.popoversmsform2 .messagebox{height:50px;overflow:auto}
.popovermap,.popovermap iframe{width:316px;height:185px}
.popover_box{display:none;height:434px;left:0;margin-top:-217px;overflow:auto;padding:0;position:absolute;text-align:center;top:50%;width:100%;z-index:1002}
.black_overlay{background-color:#000000;display:none;height:100%;left:0;opacity:0.7;position:fixed;top:0;width:100%;z-index:1001}
#bt_web_clicks .btad_header h2{font-size:16px;margin:0 0 3px !important;color:#2C5D8A}
#bt_web_clicks h2.btad_header_title a{font-size:14px;font-weight:bold;text-decoration:none;color:#2C5D8A;text-transform:none;}
#bt_web_clicks h2.btad_header_title a:hover{text-decoration:underline;color:#2C5D8A}
#bt_web_clicks b.btad_click_call_num_bold{color:#2C5D8A;font-size:13px;font-family:Tahoma,Geneva,sans-serif;}
#bt_web_clicks a.btad_click_call_text{float:left;text-decoration:none;color:#414852;font-size:12px;font-family:Tahoma,Geneva,sans-serif;}
#bt_web_clicks a.btad_click_call_text:hover{color:#2C5D8A;text-decoration:underline}
#bt_web_clicks a.contact_website{position:relative;top:-5px;font-size:12px;width:100px;display:block;color:#2C5D8A;text-decoration:underline;font-family:Tahoma,Geneva,sans-serif;}
#bt_web_clicks a.contact_website:hover{position:relative;top:-5px;font-size:12px;width:100px;display:block;color:#2C5D8A}
#bt_web_clicks a.contact_address{float:left;padding-right:3px;color:2C5D8A}
#bt_web_clicks a.contact_sms{float:left;padding-right:3px;color:2C5D8A}
#bt_web_clicks a.contact_email{float:left;padding-right:3px;backgroud-color:2C5D8A}
#bt_web_clicks img.address_off{float:left;padding-right:3px}
#bt_web_clicks img.sms_off{float:left;padding-right:3px}
#bt_web_clicks img.mail_off{float:left;padding-right:3px}
a img{border:none}


#col2second a.blank{color:#404040; text-decoration:none; cursor:text;outline: none;}
#col2second a.blank:hover{color:#404040; text-decoration:none; cursor:text;outline: none;} 
#col2second a.blank:visited{color:#404040; text-decoration:none; cursor:text;outline: none;} 
#col3sub a.blank{color:#404040; text-decoration:none; cursor:text;outline: none;}
#col3sub a.blank:hover{color:#404040; text-decoration:none; cursor:text;outline: none;} 
#col3sub a.blank:visited{color:#404040; text-decoration:none; cursor:text;outline: none;}