/* PNG Support in IE (CSS Only)
 ---------------------------------------------------------------------------------------------------------------------- */

* html img,
* html .png{
    azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
}

body {margin-top: 0;}

.debug {
	border: 1px solid red;
}

.debugblack {
	border: 1px solid black;
}

#container_hpos
	{
	margin-top: 0;
	background-color: transparent;
	/* text-align: center; */
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;	
	}

#container_contentpos    
	{
	background-color: transparent;
	margin-left: -485px;
	position: absolute;
	/* top: -275px; */
	left: 50%;
	width: 970px;
	/* height: 550px; */
	visibility: visible;
	}

.minheight400 {
min-height:400px;
height: auto !important;
height: 400px;
}

/* GENERIC -------------------*/

.offwhite {background: #F6F6F6;}
.greybg {background: #F6F6F6;}
.blackbg {background: #000;}
.darkgreybg {background: #575757;}


/*  OUTER BACKGROUNDS ---------------------- */

.red_outer_bg {
	background: #BA191A url(../images/outer_bgs/red_outer_bg.png) repeat-x 0 0;
}

.grey_outer_bg {
	background: #B5B5B5 url(../images/outer_bgs/grey_outer_bg.png) repeat-x 0 0;
}

.darkgrey_outer_bg {
	background: #8E8E8E url(../images/outer_bgs/darkgrey_outer_bg.png) repeat-x 0 0;
}

/*  CONTENT BACKGROUNDS ---------------------- */

.content_top_white {
	background: #FFFFFF;
}

.content_top_offwhite {
	background: #F6F6F6 url(../images/generic/content_top.gif) no-repeat 0 0;
}

.content_top_dgreybg {
	background: #F6F6F6 url(../images/generic/content_topdgreybg.gif) no-repeat 0 0;
	height: 10px;
}

.content_top_darkgrey {
	background: transparent url(../images/generic_content_bgs/darkgrey_content_bg.png) repeat-x 0 0;
	height: auto;
}

.content_btm_red {
	background: transparent url(../images/whatwedo/content_footer.png) repeat-x 0 0;
	height: 10px;
}

.content_btm_offwhite {
	background: transparent url(../images/generic_content_bgs/footer_content_offwhite.png) repeat-x 0 0;
	height: 10px;
}

/*  TOP MARGIN ---------------------- */

.topmargin10{margin-top: 10px;}
.topmargin20{margin-top: 20px;}
.topmargin30{margin-top: 30px;}
.topmargin40{margin-top: 40px;}
.topmargin50{margin-top: 50px;}

/*  BTM MARGIN ---------------------- */

.btmmargin10{margin-bottom: 10px;}
.btmmargin20{margin-bottom: 20px;}
.btmmargin30{margin-bottom: 30px;}
.btmmargin40{margin-bottom: 40px;}
.btmmargin50{margin-bottom: 50px;}

/*  TOP PADDING ---------------------- */

.toppad10{padding-top: 10px;}
.toppad20{padding-top: 20px;}
.toppad30{padding-top: 30px;}
.toppad40{padding-top: 40px;}
.toppad50{padding-top: 50px;}

/*  BOTTOM PADDING ---------------------- */

.btmpad10{padding-bottom: 10px;}
.btmpad20{padding-bottom: 20px;}
.btmpad30{padding-bottom: 30px;}
.btmpad40{padding-bottom: 40px;}
.btmpad50{padding-bottom: 50px;}

/*  NO PADDING ---------------------- */

.nopad{padding: 0;}
.nomargin{margin: 0;}

/*  ALL PADDING ---------------------- */

.pad10{padding: 10px;}

/*  LEFT PADDING ---------------------- */

.leftpad5{padding-left: 5px;}
.leftpad10{padding-left: 10px;}
.leftpad20{padding-left: 20px;}
.leftpad25{padding-left: 25px;}
.leftpad30{padding-left: 30px;}
.leftpad40{padding-left: 40px;}
.leftpad50{padding-left: 50px;}

/*  FOOTER(S) STYLING ---------------------- */

.footer_dark { background: transparent url(../images/footer/footer_bg_dark.png) no-repeat 0 0; height: 150px; margin-left:auto;margin-right:auto;width:960px}

.footer_dark_chevtop { background: transparent url(../images/footer/footer_bg_dark_chev_top.png) no-repeat 0 0; height: 150px; padding-top:25px; margin-left:auto;margin-right:auto;width:960px}

.footer_dark_chevbtm { background: transparent url(../images/footer/footer_bg_dark_chev_btm.png) no-repeat 0 0; height: 27px; padding-top:25px; margin-left:auto;margin-right:auto;width:960px}

.footer_white { background: transparent url(../images/footer/footer_bg_white.png) no-repeat 0 0; height: 150px; margin-left:auto;margin-right:auto; margin-top: 10px; width:960px}

.footer_chevron { background: transparent url(../images/footer/footer_bg_chevron.png) no-repeat 0 0; height: 27px; margin-left:auto;margin-right:auto;width:960px}

.footer_chevron_light { background: transparent url(../images/footer/footer_bg_chevron_light.png) no-repeat 0 0; height: 27px; margin-left:auto;margin-right:auto;width:960px}

.content_footer_darkgrey {
	background: transparent url(../images/footer/content_footer_darkgrey.gif) repeat-x 0 0;
	height: 10px;
}

/*  HOMEPAGE STYLING ---------------------- */

ul#whatwedo {color: #FFF; list-style: none;}

ul#whatwedo li {
	color: #FFF;
	text-decortaion: none;
	list-style: none;
	border-bottom: 0px solid red;
	padding: 0 0 0 0;
}

.welcome_bg {
	background: transparent url(../images/homepage/welcome_bg.png) no-repeat 0 0;
	height: 148px;
	padding: 10px 0 0 20px;
	}

ul#welcome li {
	color: #000;
	display: block;
	list-style: none;
	padding: 0 0 0 0;
}
	
.gap {
	padding: 0 0 10px 0;
	}

.footer_divide {
	background: transparent url(../images/footer/footer_divideline.png) no-repeat right 0;
}

.homepage_content_bg {
	background: #F6F6F6 url(../images/homepage/content_bg.png) no-repeat 0 0;
}

.header_color {
	background: #8C2727;
}

ul#home_USP {
	border: 0px solid red;
	list-style-image: url(../images/whatwedo/tick.png);
	list-style-position: outside;
	margin: 0 0 0 25px;
	font-weight: bold;
}

ul#home_USP li {
	padding-bottom: 3px;
}


/*  WHO WE ARE. STYLING ---------------------- */

.whoweare_content_bg {
	background: #F6F6F6 url(../images/whoweare/content_bg.png) no-repeat 0 0;
}

.clive_bg {
	background: transparent url(../images/whoweare/clive_bg.png) no-repeat 0 0;
}

/*  WHERE WE COVER. STYLING ---------------------- */

#london-btn	{width:390px; height:47px;padding: 7px; font-style: italic;text-decoration:none; display:block; background-image:url(../images/wherewecover/london-btn.png); background-position:0 0; }
#london-btn:hover,#london-btn:active	{ background-position:0 -47px; color: #FFF;}
#london-btn a:link {color: #FFF;}
#london-btn a:hover {color: #C3272E;}


/*  CONTACT US STYLING ---------------------- */

.contactus_bg { background: #EDEDED url(../images/contactus/phoneinhand2.gif) no-repeat right bottom;}

.phoneinhand_bg { background: transparent url(../images/contactus/handymanandphone.gif) no-repeat left bottom; height:250px;}

/*  COMMERCIAL SERVICES STYLING ---------------------- */

.clipbaord { background: transparent url(../images/commercialservices/clipboard_bg.png) no-repeat 0 0; height: 1500px;  margin-left:auto;margin-right:auto;width:960px}

ul#clipboard_items {
	width: 220px;
	border: 0px solid red;
	list-style-image: url(../images/commercialservices/checkboxticked.png);
	list-style-position: outside;
	margin: 220px 0 0 60px;
}

ul#clipboard_items li {
	border: 0px solid red;
	padding-bottom: 10px;
}

ul#keypoints {
	background: transparent url(../images/commercialservices/keypoints_bg.png) no-repeat 0 0;
	border: 0px solid red;
	padding: 5px 0 0 30px;
}

ul#keypoints li {
	list-style-image: url(../images/commercialservices/redarrow.png);
	list-style-position: outside;
	border: 0px solid red;
	padding-left: 0px;
	padding-bottom: 20px;
}

ul#regularcustomers {
	padding: 5px 0 0 30px;
}

ul#regularcustomers li {
	list-style-image: url(../images/commercialservices/bolt.gif);
	list-style-position: outside;
	border: 0px solid red;
	padding-left: 10px;
}

/*  WHAT WE DO STYLING ---------------------- */

.whatwedo_content_bg_blank {
	background: #CC0000 url(../images/whatwedo/content_bg_blank.gif) repeat-x 0 0;
}

.whatwedo_content_bg_decor {
	background: #D91A17 url(../images/whatwedo/content_bg.png) repeat-x 0 0;
}

.satisfactionguy { background: #FFFFFF url(../images/whatwedo/satisfaction_bg_white.gif) no-repeat left bottom; margin-left:auto;margin-right:auto;width:960px}

.satisfactionguysmall { background: transparent url(../images/whatwedo/satisfaction2_bg.png) no-repeat 0 0; height: 230px; margin-left:auto;margin-right:auto;width:960px}

.decorating_character { background: transparent url(../images/whatwedo/decorating_character.png) no-repeat left bottom; height: 340px; margin-left:auto;margin-right:auto;width:960px}

ul#ticklist {
	border: 0px solid red;
	list-style-image: url(../images/whatwedo/tick.gif);
	list-style-position: outside;
	margin: 0 0 25px 25px;
}

ul#ticklist li {
	color: #FFFFFF;
	border-bottom: 1px dotted #990000;
	padding-bottom: 3px;
	width: 200px;
}

ul#ticklistblack {
	border: 0px solid red;
	list-style-image: url(../images/whatwedo/tickblack.gif);
	list-style-position: outside;
	margin: 0 0 25px 25px;
}

ul#ticklistblack li {
	color: #000000;
	border-bottom: 1px dotted #990000;
	padding-bottom: 3px;
	width: 200px;
}

ul#decorating_items {
	border: 0px solid red;
	list-style-image: url(../images/whatwedo/tick.png);
	list-style-position: outside;
	margin: 0 0 0 25px;
}

ul#decorating_items li {
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: 2px;
}

ul#decorating_nonitems {
	border: 0px solid red;
	list-style-image: url(../images/whatwedo/cross.png);
	list-style-position: outside;
	margin: 0 0 0 25px;
}

ul#decorating_nonitems li {
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: 3px;
	color: #666666;
}

/* where we cover tick list */

ul#covered {
	border: 0px solid red;
	list-style-image: url(../images/wherewecover/tick_white.gif);
	list-style-position: outside;
	margin: 0 0 0 25px;
	color: #F5CCCC;
}

ul#covered li {
	border-bottom: 1px dotted #DB4D4D;
	padding-bottom: 2px;
}

/*  CUSTOMER COMMENTS STYLING ---------------------- */

.customer_content_bg {
	background: #F6F6F6 url(../images/customer_comments/content_bg.png) repeat-x 0 0;
}

/*  FRANCHISE STYLING ---------------------- */

ul#franchise_items {
	list-style: none;
	margin: 30px 0 0 0;
}

ul#franchise_items li {
	height: 34px;
	background: transparent url(../images/franchise/listitems_bg.png) no-repeat 0 0;
	padding: 3px 0 10px 37px;
	font-weight: bold;
	color: #EA0437;
}

ul#print_items {
	list-style: none;
	margin: 30px 0 0 0;
}

ul#print_items li {
	height: 34px;
	background: transparent url(../images/franchise/print_listitem.gif) no-repeat 0 0;
	padding: 3px 0 10px 37px;
	font-weight: bold;
	color: #EA0437;
}

.franchisefaq_content_bg {
	background: #F6F6F6 url(../images/faq/content_bg.png) no-repeat 0 0;
	height: 600px;
}

div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; top: 10px; left: 600px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

/* where we cover popup */

div#borough_popup a span {display: none;}

div#borough_popup a:hover, a:visited:hover {color: #000;position: static;} 

div#borough_popup a:hover span {display: block;
   position: absolute; top: 680px; left: 350px; width: 160px; padding: 10px; margin: 10px; z-index: 100;
	border: 1px inset gray;
	font-size: 11px;
	line-height: 11px;
	background: #CC0000;
}

div#borough_popup_wide a span {display: none;}

div#borough_popup_wide a:hover, a:visited:hover {color: #000;position: static;} 

div#borough_popup_wide a:hover span {display: block;
   position: absolute; top: 680px; left: 350px; width: 360px; padding: 10px; margin: 10px; z-index: 100;
	border: 1px inset gray;
	font-size: 11px;
	line-height: 11px;
	background: #CC0000;
}


/*  FAQ STYLING ---------------------- */

.faq_content_bg {
	background: #F6F6F6 url(../images/faq/content_bg.png) no-repeat 0 0;
	height: 1050px;
}

li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

.basic  {
	width: 750px;
	font-family: verdana;
	border: 0px solid black;
}
.basic div {
	background-color: #eee;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	padding: 20px 50px 20px 90px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px 5px 5px 25px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: white;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background: #696969 url(../images/faq/arrow.png) no-repeat 10px 4px;
}
.basic a:hover {
	color: black;
	background: #F6F6F6 url(../images/faq/arrow_hover.png) no-repeat 10px 4px;
}
.basic a.selected {
	color: white;
	background: #000000 url(../images/faq/arrow_selected.png) no-repeat 10px 4px;
}
.faqselected {
	background: transparent url(../images/faq/info_icon.png) no-repeat 25px 20px;
}