@import url(/web/groups/wcms_ta/@wcms/documents/stylesheets/stylesheet_overrides_homepage.css);

/* Generic styles */
body {background:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #333; text-align:center;margin: 0 0;}
img a, img {border:none; border-style:none;}
#frame { width:76em; margin-right:auto; margin-left:auto; text-align:left; }
.np_left {float: left;}
.np_right {float: right;}
.np_cen {text-align:center; margin: 0 auto;}
#np_main_sublinks a:hover, #np_header_links a:hover, #np_main_links a:hover  {text-decoration: underline;}
.np_clear {height:20px;clear: both;width: 100%;}


/* Header styles */
#np_header_top {height: 86px;background-image: url(images/header_back.jpg);background-repeat: no-repeat;width: 760px;}

/* Although not a major issue this fixes a small align problem in IE5 and IE5.5 */
#np_header_top img {
margin-right:0px !important;
margin-right /**/:-3px;}
#np_header_links {clear: both;height: 28px;width: 760px;overflow: hidden;font-size: 1em;margin: 0px;padding: 0px;}
#np_header_links a, #np_main_sublinks a, #np_footer a {color:#fff;text-decoration: none;}
#np_header_links ul {float:left;overflow:hidden;margin-left: 0px;padding: 0px;margin-top: 12px;list-style-image: none;list-style-type: none;}	
#np_header_links ul li {margin-left:0px;padding-left:0px;display:inline;}
.np_account a {font-weight: bold;padding-left: 49px;padding-top:2px;float:left; }

/* Central image, flash and links styles */
#np_image {height: 151px;width: 760px;}
#image {height:151px; width:760px; display:block; margin-bottom:0px;}
/* IE6 and below */
/** html #image {margin-bottom:-2px;} << commented by MON:2010-02-22 */
	
	
/* Main 3 Buttons - .active is the bigger button and .nonactive is the small option */
#np_main_links {background-image: url(/wcms_images/groups/wcms_content/@wcms/documents/digitalassets/homepage_banner_css_img.jpg);background-repeat: no-repeat;padding: 0px;margin: 0px;height: 42px;width: 760px;}
#np_main_links ul {float:left;overflow:hidden;list-style-image: none;list-style-type: none;margin:0px;padding:0px;}
#np_main_links li {display:inline;margin: 0px;padding: 0px;}
.np_active {background-image: url(images/links_big.gif);height: 42px;width: 201px;float:left;margin:0px;padding:0px;background-repeat: no-repeat;overflow:hidden;
}
.np_active a {color: #fff;font-size: 1.8em;margin-left: 0px;text-decoration: none;display: block;margin-top: 8px;padding-top: 0px;text-align: center;}
.np_nonactive {background-image: url(images/links_small.gif);height: 42px;width:170px;background-repeat: no-repeat;margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;display: block;padding: 0px;float: left;}
.np_nonactive a {color: #fff;font-size: 1.3em;text-decoration: none;display: block;margin-top: 20px;text-align: center;width: 170px;font-weight: bold;padding: 0px;margin-right: 0px;margin-bottom: 0px;padding-right:0px;}

/* Main Sub Menu and Footer Menu - Both use same technique */
#np_main_sublinks, #np_footer {background-image: url(images/sub_links_back.jpg);clear: both;width: 760px;height: 2.7em; background-color:#990000;background-repeat:repeat;overflow:visible;}

* html body #np_footer ul {margin:0px;padding:7px 0px 0px 4px;}
#np_main_sublinks ul, #np_footer ul  {float:left;overflow:hidden;margin-left: 0px;margin-top: 0px;list-style-image: none;list-style-type: none;padding: 7px 0px 0px 0px;}	
body #np_footer ul {float:none;}
#np_main_sublinks ul li, #np_footer ul li {display:inline;float:left;border-left-width: 1px;border-left-style: solid;border-left-color: #d94954;padding: 0px 6px; margin: 0;}
 

/* The Container for the Three Bottom Sections */
#np_lower_content {clear: both;width: 760px;margin-top: 18px;}
#np_lower_content h1 {margin:0px;font-size: 1.2em;color: #ed1847;}
#np_lower_content a:hover {color: #ed1847; text-decoration:none;}

/*RW
Added as part of Quote & Switch
*/
fieldset {
	border:none;
	float:left;
	padding:1.5em 0 0 2em;
	#padding-top:0;/* IE only */
	position:relative;
	top:99px;
	#top:112px;/* IE only */
}

	#postCodeEntry label {
		color:#fff;
		font-weight:bold;
	}

	#postCodeEntry input {
		margin:0 0 0 0.6em;
		width:6em;
	}

	#cta {
		padding-top:1.3em;
		padding-left:0.5em;
	}

	#cta input {
		display:block;
		margin:0 0 0.4em 0;
	}

/*RW
Amended as part of Quote & Switch
*/
#np_links_left p img {
	margin:-112px 0 3px 0;
}

	html>body #np_links_left p img {
		padding:0;
	}

#np_links_left p a {color:#00A94D;}
#np_links_left p a:hover {margin:0px; text-decoration:underline;}


/* Left hand section of the 3 sections */
#np_links_left {float: left;width: 230px;}
#np_links_left p {margin:0px; padding: 0px 0px 0px 10px;}


/* Middle section of the 3 sections */
#np_links_middle {float: left;width: 207px;margin-left: 5px;}
#np_links_middle p {margin: 0px;padding-top: 4px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
#np_links_middle ul {display: block;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 14px;margin-left: 0px;}
#np_links_middle li {display: block;background-image: url(images/arrow-green.gif);background-repeat: no-repeat;height: 11px;list-style-type: none;text-indent: 15px;padding: 0px;margin-top: 3px;margin-right: 0px;margin-bottom: 3px;margin-left: 0px;font-weight: bold;}
#np_links_middle a {color: #00A94D; text-decoration:none;}

/* Right hand section of the 3 sections */
#np_links_right {float: left;width: 298px;margin-left: 20px;}
#np_links_right ul {display: block;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 14px;margin-left: 0px;}
#np_links_right li {display: block;background-image: url(images/arrow.gif);background-repeat: no-repeat;height: 11px;list-style-type: none;text-indent: 15px;margin-top: 3px;margin-right: 0px;margin-bottom: 3px;margin-left: 0px;font-weight: bold; padding: 1px 0px 1px 0px;}
#np_links_right a {color: #666666; text-decoration:none;}
#np_links_right1 {float: left;width: 148px;}
#np_links_right2 {float: left;width: 150px;}
#np_links_right_ads {clear: both;width: 100%;}
#np_links_right a:hover {color: #ed1847; text-decoration:none;}
#np_links_right h1 {margin-bottom:6px;}


/* Footer styling - mostly covered in the main sub menu */

#np_footer p {color:#fff;padding:6px 14px 0px 0px;margin:0px;}
#np_top_images {margin: 0px;padding: 0px;height: 55px;width: 100%;}
#np_footer a:hover {color: #fff;text-decoration: underline;}



/*****************************************************************/
/*                                                               */
/*         MON: 2008-01-27, SEO work sub footer links            */
/*                                                               */
/*                      SUB FOOTER CLASSES                       */
/*                                                               */
/*****************************************************************/
#np_foot_copy {
	width:760px;
	text-align:center;
	color:#888888;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-size:1em;
}
#sub_footer {
	color:#ee1155;
	text-align:center;
	width:760px;
	margin-top:12px;
	.margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	height:25px;
}
#sub_footer ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#sub_footer ul li {
	list-style:none;
	display:inline;
	font-size:1em;
}
#sub_footer a {
	color:#ee1155;
	text-decoration:none;
}
#sub_footer a:hover {
	text-decoration:underline;
}







#cta .pcode_submit {
background: url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/hp_qs_button_back.gif) no-repeat;
padding: 3px 0px 10px 0px;
margin:0px ;
width: 172px;
display:block;
font-size: 1.1em;
font-weight: bold;
border:none;
text-align:center;
color: #fff;
cursor:pointer;
}

*html #cta .pcode_submit {
padding: 4px 0px 10px 0px;
}

#cta .pcode_submit:hover {
text-decoration: none;
}

#postCodeEntry {
margin-left: 15px;
}


/*****************************************************************/
/*                                                               */
/*         MON: 2009-08-07, For ad rotator on homepage           */
/*                                                               */
/*               ROTATOR CLASSES - DO NOT REMOVE!!               */
/*                                                               */
/*****************************************************************/
.rotator_inner {
	position:absolute;
	display:block;
	overflow:hidden;
}

.rotator {
	display:none;
}




/*BK added for the new left hand banner's below quaote and switch box*/
.hp_left_banner {
clear:both;
margin: 10px 0px 0px 10px;
}

/*****************************************************************/
/*                                                               */
/*         MF: 2010-04-01, For homepage SWF overlay              */
/*                                                               */
/*               OVERLAY CLASSES - DO NOT REMOVE!!               */
/*                                                               */
/*****************************************************************/

#overlay {
	 background-color: transparent;
     visibility: visible;
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     text-align: center;
     z-index: 1000;
}

#overlay div { /* inner div of overlay */
	position: relative;
     width: 565px; 		/* width of swf */
	 height: 585px;
     margin: 30px auto; 		/* position as required */
     background-color: transparent;
     padding: 0px;
     text-align: center;
}

/* IE6 & IE7 fix for overlay positioning*/
.body { height:100%; margin:0; padding:0; text-align: center; }
.#frame {text-align: left};