body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: left;
margin-top: 0px;
}

body a img{
border: none;
}

/**************************************************HIDE******************************************************/
/**************************************************HIDE******************************************************/
/**************************************************HIDE******************************************************/

#header {display: none;}
#subheader {display: none;}
#wraptwo #left {display: none;}
p.breadcrumb {display: none;}
ul#footer {display: none;}
#wraptwo #maincontentarea #left {display: block;}

/**************************************************DIVS******************************************************/
/**************************************************DIVS******************************************************/
/**************************************************DIVS******************************************************/

#wrapper {
width: 760px;
margin-right: auto;
margin-left: auto;
}

#wrapper_babtac {
width: 760px;
background: #fff url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/babtac_header.jpg) no-repeat;
float: left;
}

#top {
width: 100%;
background: url(../img/header_back.jpg);
float: left;
height: 25em;
}

#top_paperless {
width: 100%;
background: #fff url(../img/paperless_header.jpg) no-repeat;
float: left;
height: 26em;
}

#top_blank {
width: 100%;
background:transaprent;
float: left;
height: 25em;
}

#left {
background: transparent;
padding: 0px 30px 0px 0px;
margin:0px;
width: 465px;
float: left;
}

*html #left {
padding: 0px 30px 0px 0px;
}

#left .col {
float: left;
padding: 0px 0px 0px 16px;
clear: both;
width: 454px;
margin: -16px 0px 0px 0px;
}

#right {
background: transparent;
padding: 0px;
margin: 24px 0px 0px 0px;
width: 265px;
float: left;
}

#full {
margin: 0px;
padding:16px 16px 0px 16px;
width: 728px;
float: left;
clear:both;
}

#footer {
background: #e15;
padding: 0px;
margin:16px 0px 0px 0px;
width: 100%;
float: left;
clear:both;
}

.left_box_1 {
float: left;
padding: 0px;
margin: 0px 0px 0px 15px;
width: 160px;
}

.full_screen {
float: left;
padding: 0px;
margin: 0px 0px 0px 15px;
width: 700px;
}

.left_box_2 {
float: left;
padding: 0px;
margin: 15px 0px 0px 15px;
width: 260px;
}

.right_text {padding: 0px; margin: 15px 0px 15px 5px; float: left; width: 265px;}

.hr {width: 449px;float: left;padding: 0px;margin: 8px 16px 24px 16px;background: url(../img/hr.gif) repeat-x;height: 1px;line-height: 0px;font-size: 0px;}
*html .hr {width: 449px;margin: 0px 8px 16px 8px;}

.clear {
clear: both;
width: 100%;
height: 1px;
font-size: 1px;
}

.left_col_1 {
float: left;
width: 212px;
margin: 0px;
padding: 0px 25px 0px 16px;
}

.left_col_2 {
float: left;
width: 212px;
margin: 0px;
padding: 0px;
}

.list {
width: 100%;
padding: 0px;
margin: 0px;
float: left;
}

.postcode {
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
}

.images {
clear: both;
text-align:center;
}


/**************************************************IMAGES******************************************************/
/**************************************************IMAGES******************************************************/
/**************************************************IMAGES******************************************************/

.npower_logo {
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
float: left;
border: none;
}

.title_text {
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
float: left;
clear: both;
border: none;
}

.bbec_logo {
padding: 0px;
margin: 0px;
float: right;
border: none;
}

.grey_top {
background: url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/m_and_s_grey_top.jpg) no-repeat;
height: 15px;
width: 255px;
float: left;
}

.grey {
width: 225px;
padding: 0px 15px 0px 15px;
margin: 0px;
background: url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/m_and_s_grey_mid.jpg) repeat-y;
float: left;
}

.grey_bottom {
background: url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/m_and_s_grey_bot.jpg) no-repeat;
height: 15px;
width: 255px;
float: left;
margin: 0px 0px 15px 0px;
}

.lozenge {
margin: 24px 180px 40px 0px;
}

.flower {
margin: 0px 0px 24px 0px;
}

.left_col_1 img{
margin: 0px;
padding: 8px 0px 8px 0px;
}

.left_col_2 img{
margin: 0px;
padding: 8px 0px 8px 0px;
}

.woman {
float: right;
position: relative;
margin-top: -20em;
}

#right img {
padding: 0px 0px 0px 0px;
}

#right .images img{
margin: 8px 0px 0px 0px;
}

#right img.cta {
margin: 0px 0px 0px 0px;
}

#right .phone {
float: left;
margin: 0px;
}

/**************************************************TEXT******************************************************/
/**************************************************TEXT******************************************************/
/**************************************************TEXT******************************************************/

#left .caveat {
color: #888;
font-size: .9em;
padding: 16px 0px 0px 16px;
line-height: 1.2em;
clear: both;
float: left;
width: 440px;
}

#full .caveat {
color: #888;
font-size: .9em;
padding: 0px 0px 16px 0px;
line-height: 1.2em;
margin: 0px;
}

h1 {
padding: 0px;
margin: 0px;
color: #fff;
}

#left h1 {
padding: 0px 0px 16px 16px;
margin: 0px;
font-size: 2.2em;
color: #000;
font-weight: normal;
}

#left h2 {
padding: 0px 0px 8px 16px;
margin: 0px;
font-size: 1.1em;
color: #e15;
}

#left h3 {
padding: 0px 0px 8px 16px;
margin: 0px;
font-size: 1.4em;
color: #e15;
font-weight: normal;
}

#left h3 a{
text-decoration: underline;
color: #e15;
}

#left h4 {
padding: 0px 0px 4px 16px;
margin: 0px;
font-size: 1.1em;
color: #e15;
}

#left p {
padding: 0px 0px 16px 16px;
margin: 0px;
font-size: 1.2em;
color: #444;
line-height: 1.6em;
}

#left p a{
color: #e15;
font-size: 1.1em;
background: 0px 7px url(../img/arrow.gif) no-repeat;
padding: 0px 0px 0px 8px;
text-decoration: none;
}

#left p a:hover{
text-decoration: underline;
}

#left .left_box_2 p {
padding: 8px 0px 0px 0px;
margin: 0px;
font-size: 1.1em;
color: #444;
line-height: 1.6em;
}

#left .left_col_1 p{
margin: 0px;
padding: 0px 0px 8px 0px;
}

#left .left_col_2 p{
margin: 0px;
padding: 0px 0px 8px 0px;
}

#right h3 {
margin:0px;
padding:0px 0px 8px 0px;
font-size: 1.3em;
color: #6b6b6b;
font-weight: bold;
clear:both;
}

#right h3.no_padding {
padding:0px 0px 0px 0px;
}

body #right h3.smaller {
font-size: 1.2em;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
}

#left p a.no_arrow {
background:transparent none repeat scroll 0%;
color:#EE1155;
padding:0px;
text-decoration:none;
}

#right h2 {
font-size: 1.2em;
padding: 0px;
margin: 0px 0px 15px 0px;
line-height: 1.6em;
}

#right .grey p a {
color: #e15;
font-size: 1.1em;
background: url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/hes_gen_arrow.gif) no-repeat left;
padding: 0px 0px 0px 8px;
}

.grey p {
color: #9c9c9c;
font-size: 1em;
line-height: 1.6em;
padding: 0px;
margin:0px 0px 0px 0px;
}

.grey p.big_text {
font-weight: bold;
color: #919191;
font-size: 1.1em;
line-height: 1.6em;
padding: 0px 0px 8px 0px;
margin:0px 0px 0px 0px;
}

#footer .footer_text {
float: left;
color: #fff;
margin: 0px 0px 0px 16px;
padding: 0px;
line-height: 2.4em;
}

#footer .footer_text a{
text-decoration: none;
color: #fff;
}

#footer .copyright {
float: right;
color: #fff;
margin: 0px 16px 0px 0px;
padding: 0px;
line-height: 2.4em;
}

#right .right_text .caveat_text {font-size: .9em; color: #888; margin: 12px 30px 0px 5px; line-height: 1.2em;padding: 0px;}

#right .right_text p {padding: 8px 0px 0px 0px;margin: 0px;font-size: 1.1em;color: #535353;line-height: 1.6em;}

#right .right_text p a {color: #535353; text-decoration: none;}

#right a {color: #787878;text-decoration: none;}

#right a:hover {text-decoration: underline;}

#right p.phone_1 {
color: #e15;
font-size: 1.2em;
padding: 8px 0px 0px 4px;
margin: 0px;
float: left;
width: 160px;
font-weight: bold;
font-family: arial;
line-height:normal;
}

#right p.phone_2 {
color: #e15;
font-size: 2em;
padding: 0px 0px 0px 4px;
margin: 0px;
float: left;
width: 160px;
font-weight: bold;
font-family: arial;
line-height:normal;
}

#right p.phone_2 sup{
font-size: .7em;
}

#left ul { list-style: none; margin: 0px; padding:0px 0px 32px 16px;font-size: 1.1em; color: #444; clear: both;float: left; width: 449px;}

*html #left ul {
margin: 16px 0px 0px 0px;
}

#left ul li {
background: 0px 8px url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/m_and_s_tick.gif) no-repeat;
padding: 0px 0px 0px 20px;
font-size: 1.3em;
color: #e15;
margin: 0px;
line-height: 2em;
}

#left ul li.two_line {
background: 0px 5px url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/m_and_s_tick.gif) no-repeat;
padding: 0px 0px 0px 20px;
font-size: 1.3em;
color: #e15;
margin: 0px;
line-height: 1.5em;
}

#left ul li.line {
background: url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/m_and_s_hr.gif) repeat-x;
height: 1px;
line-height: 1px;
padding: 0px;
font-size: 1px;
margin: 0px;
}


#right .postcode label {padding: 8px 0px 0px 0px;margin: 0px;font-size: 1.1em;color: #929292;line-height: 1.6em;font-weight: bold;}
#right .postcode input.entry {width: 100px; margin: 0px 0px 0px 8px;}
#right .postcode input{margin: 0px 0px 0px 0px;padding: 0px;}