/* Dan styles
--------------------------------------------------------------------------------------- */



#homeMain
{
    float: left;
    margin-right: 15px;
    background: url(/images/homeMain.jpg) no-repeat top;
    border: 2px solid #77BCE6;
    clear: both;
    font-size: 1.2em;
    overflow: auto;
    padding: 15px 15px 15px 15px;
    position: relative;
    width: 600px;
    height: 215px;
}


#homeMain h1
{
    color: #003467;
    font-size: 305%;
    margin-top: 5px;
    text-shadow: 2px 2px 3px #4e7faf;
}

#homeMain h2
{
    line-height: 1.4em;
    width: 500px;
    color: #004e9b;
}


#homeMain p
{
    padding: 0 15px;
    position: absolute;
    top: 172px;
    left: 0;
    color: #004e9b;
    font-size: 120%;
    font-weight: bold;
    font-family: arial,helvetica,sans-serif;
}

#homeMain p *
{
    float: left;
}

#homeMain input[type="text"]
{
    border: 1px solid #003467;
    width: 140px;
    margin: 12px 20px 0 10px;
    padding: 2px;
}


#homeMain label
{
    margin-top: 16px;
}



.featuredOffer
{
    width: 270px;
    float: left;
    border: 1px solid #ccc;
    margin-left: 32px;
    padding: 15px;
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
}

#carInsurance
{
    margin-left: 0;
}



.featuredOffer h2
{
    background: url(/images/carImages.jpg) no-repeat right top;
    font-size: 170%;
    padding-bottom: 7px;
    margin-right: -15px;
}



#carWarranty h2
{
    background: url(/images/carImages.jpg) no-repeat right -175px;
}

.featuredOffer h2 strong
{
    color: #003467;
    display: block;
    font-size: 130%;
}


#businessEnergy{
    float:right;
    margin:0px;
    width:290px;
     height: 215px;
      background:#e0f2fe url(/images/businessLady.jpg) no-repeat right bottom;
      border: 1px solid #77BCE6;}
     
  #businessEnergy h2{
      background:none;}

  #businessEnergy p{
      font-size:140%;
       color: #004E9B;
    line-height: 1.4em;
    font-weight:bold;
    font-family:Arial;
    width:185px;
    margin: -4px 0 15px;}


#saveMore
{
    border: none;
    padding: 0px;
    width:280px;
}

#saveMore div
{
}


.terms
{
    bottom: -20px;
    left: 10px;
    position: absolute;
}


.logoImg
{
    float: left;
}

.getquote
{
    position: absolute;
    margin-top: -6px;
    right: 5px;
}




#homeSmallLinks
{
    clear: both;
}



#homeSmallLinks div:first-child
{
    margin-left: 0;
}

.smallFeature
{
    width: 185px;
    float: left;
    border: 1px solid #ccc;
    margin-left: 32px;
    padding: 15px;
    position: relative;
    margin-bottom: 25px;
}




.smallFeature#broadband
{
    background: url(/images/carImages.jpg) no-repeat 125px -350px;
}

.smallFeature#homePhones
{
    background: url(/images/carImages.jpg) no-repeat right -535px;
}
.smallFeature#mobilePhones
{
    background: url(/images/carImages.jpg) no-repeat right -695px;
}

.smallFeature#businessEnergy
{
    background:#e0f2fe url(/images/carImages.jpg) no-repeat 128px -1056px;
     border: 1px solid #77bce6;
}

.smallFeature#heatingcare
{
    background: url(/images/carImages.jpg) no-repeat right -1245px;
}

.smallFeature#businessEnergy p
{
    width: 155px;
}


#homeSmallLinks h3 a
{
    font-size: 170%;
    text-decoration: none;
}

#homeSmallLinks p
{
    width: 140px;
    margin-bottom: 5px;
}

#phone
{
    min-height: 75px;
}

#phone strong
{
    padding: 10px 0 5px 50px;
    font-size: 220%;
    color: #006eb7;
    display: block;
    background: url(/images/phoneSmall.jpg) no-repeat left 5px;
    float: right;
}

#phone p
{
    clear: right;
}



/* Home page
--------------------------------------------------------------------------------------- */



#boxes
{
    margin: 0 auto;
}

#boxes table, #boxes tr, #boxes td
{
}

#boxes h1
{
    font-size: 120%;
}
#boxes h2
{
    font-size: 110%;
}
#boxes h3
{
    font-size: 100%;
}

#boxes h2, #boxes h3
{
    padding: 5px 5px;
    text-align: left;
}

.box-img
{
    float: left;
    margin: 5px 2px;
}

.box-content
{
    margin: 0 10px 5px 55px;
}

.box-energy h2, .box-homephone h2, .box-broadband h2, .box-mobilephone h2, .box-car h2, .box-loans h2
{
}

.box-banner
{
    background: #f1f1f1 none repeat-x scroll top;
    height: 80px;
    width: 120px;
    float: left;
    margin-right: 12px;
    margin-bottom: 7px;
}

.box-intro
{
    background: #fff none repeat-x scroll top;
    height: 90px;
    margin-right: 10px;
    margin-bottom: 7px;
}

.box-intro h1
{
    color: #006EB7;
}

.box-intro p
{
    margin: 0 10px 5px 0px;
    text-align: justify;
}

.box-sign-up
{
    background: #fff none repeat-x scroll top;
    height: 90px;
    margin-bottom: 7px;
}

.box-energy-shadow, .box-car-shadow, .box-loans-shadow
{
    background-image: url(/images/shadow.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 127px;
    width: 316px;
    margin-bottom: 7px;
    margin-right: 10px;
}

.box-energy, .box-car, .box-loans
{
    background: #fff url(/images/gradient.gif) repeat-x scroll top;
    height: 120px;
    width: 309px;
    border-top: solid 1px #C0C0C0;
    border-left: solid 1px #C0C0C0;
}

.box-homephone-shadow, .box-broadband-shadow, .box-mobilephone-shadow
{
    background-image: url(/images/shadow-small.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 107px;
    width: 209px;
    margin-bottom: 7px;
}

.box-homephone, .box-broadband, .box-mobilephone
{
	background: #fff url(/images/gradient.gif) repeat-x scroll top;
	height: 100px;
	border-top: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	width: 202px;
}

.box-other-services-shadow
{
	background-image: url(/images/shadow-large.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 117px;
	width: 645px;
	*width: 644px;
}

#box-other-services
{
	background: #fff url(/images/gradient.gif) repeat-x scroll top;
	width: 639px;
	*width: 638px;
	height: 110px;
	border-top: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	margin-right: 10px;
}

#box-other-products h2
{
    padding: 5px 5px;
    text-align: center;
}

table #other-services
{
    width: 100%;
}

#other-services td
{
    width: 80px;
    text-align: center;
    vertical-align: middle;
}

#other-services img
{
    float: none;
}

#other-services div
{
    overflow: hidden;
}

.caveat
{
    margin: 5px 15px 0px 5px;
    text-align: center;
    font-size: 90%;
}



/* Right banner
--------------------------------------------------------------------------------------- */
.more-information
{
    text-align: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    color: #006EB7;
}

.more-information a
{
    text-decoration: none;
}

#right-banner
{
    margin-left: 5px;
}

#right-banner h1
{
    margin-top: 5px;
    color: #006EB7;
}

#right-banner h2
{
    padding: 5px 0px 2px 0px;
    text-align: left;
}

#testmonial div
{
    padding-bottom: 5px;
}

.testmonial-quote
{
    text-align: left;
    font-style: italic;
    padding-bottom: 3px;
    margin-bottom: 0px;
}

.testmonial-name
{
    text-align: left;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

#news div
{
    padding-bottom: 5px;
}

#news div a
{
    text-align: left;
}

#switching-guide div
{
    padding-bottom: 5px;
}

#switching-guide div a
{
    text-align: left;
}

#bottom-content h1
{
    margin-top: 5px;
    color: #006EB7;
}

#bottom-content h2
{
    padding: 5px 0px 2px 0px;
    text-align: left;
}

#why-us
{
    margin-right: 10px;
}

#why-us .why-us-content
{
    text-align: justify;
    margin-right: 10px;
}

#our-accreditation
{
    margin-right: 10px;
}

.globalBody
{
    margin: 0px auto 0px auto;
    background-repeat: repeat-x;
    font-family: verdana;
    color: #000;
}


.site-container
{
    border: solid 1px #e6e6e6;
    width: 100%;
}


.compare-button
{
    float: right;
    margin-right: 10px;
}

.pageHeading, .pageTitle, .pageSubTitle, .homePageSubTitle
{
    width: 674px;
}

.pageTitle, .pageSubTitle, .homePageSubTitle
{
    margin: 0px;
    padding: 0px;
}
.pageTitle
{
    font-size: 135%;
    padding: 5px 5px 5px 0px;
}

.pageSubTitle, .pageSubTitleLarge, .pageSubTitleSmall, .infoTitle, .crossSellProductTitle, .homePageSubTitle
{
    color: #333;
    font-size: 125%;
    font-weight: normal;
    padding: 5px 0px 5px 0px;
}

.pageSubTitleLarge
{
    font-size: 140%;
    font-weight: bold;
}

.divContentInnerColumnTop
{
    border: solid 0px #e6e6e6;
    background-color: #fff;
    float: left;
    min-height: 0px;
}
.divImageInnerColumnLeft
{
    border: solid 0px #e6e6e6;
    padding: 10px 0px 0px 0px;
    width: 345px;
    background-color: #fff;
    background-image: url(/images/ss-landing-lady.jpg);
    float: left;
    min-height: 273px;
    background-repeat: no-repeat;
}
.divImageInnerColumnRight
{
    border: solid 0px #e6e6e6;
    padding: 5px 0px 0px 10px;
    background-color: #fff;
    background-image: url(/images/blue_shaded.jpg);
    min-height: 273px;
    background-repeat: no-repeat;
    width: 620px;
    float: left;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.divImageColumnBottom
{
    border: solid 0px #e6e6e6;
    padding: 0px 0px 0px 0px;
    background-color: #fff;
    width: 100%;
    float: left;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.divFooterText
{
    border: solid 0px #e6e6e6;
    padding: 2px 0px 0px 0px;
    background-color: #fff;
    width: 100%;
    font-size: 10px;
    text-align: center;
    float: left;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.divEnergySuppliersLogo
{
    float: left;
    margin: 5px 0px 0px 10px;
}

.displayRightBoxLarge
{
    color: #333;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0px 5px 10px;
}

.displayRightBoxSmall
{
    color: #333;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0px 0px 10px;
}

.displayLeftBoxSmallRed
{
    color: #FF0000;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 18px 0px 10px;
    text-indent: 200px;
}


.displayLabelLarge
{
    color: #333;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0px 0px 10px;
}


.divImageInnerTextColumn
{
    border: solid 0px #e6e6e6;
    padding: 10px 0px 0px 0px;
    width: 185px;
    float: right;
    min-height: 250px;
    background-repeat: no-repeat;
    color: #333;
    font-size: 10px;
    font-weight: bold;
}
.divSwitchingGuide
{
    border: solid 0px #e6e6e6;
    padding: 0px 0px 0px 0px;
    width: 33%;
    float: left;
    background-repeat: no-repeat;
    margin-left: 10px;
    min-height: 100px;
}
.divOurAccreditation
{
    border: solid 0px #e6e6e6;
    padding: 0px 50px 0px 0px;
    width: 33%;
    background-repeat: no-repeat;
    position: absolute;
    left: 400px;
    margin-left: 10px;
    min-height: 100px;
    text-align: center;
}


.displayRightLarge
{
    border: solid 0px #e6e6e6;
    text-align: center;
}


.divRecommended
{
    padding: 0px 0px 500px 0px;
    width: 33%;
    float: right;
    margin-left: 10px;
}



#emailSignUp{
	background:#fff url(/images/virgin-homepage.jpg) no-repeat;
    border: 1px solid #CCCCCC;
    clear:both;
    margin-bottom:25px;
    width:963px;
    height:88px;
    position:relative;}
    
#emailSignUptext{
    font-family: Arial;
     float:left;
     margin:10px 0 0 80px;
     width:430px;
         color: #004E9B;
     font-size: 125%;
    font-weight: bold;
    line-height: 1em;}
    
    
  #emailSignUptext a{
      display:inline-block;
      	background:url(/images/MEXLogo.gif) no-repeat 0 -5px;
      	height:20px;
      	width:226px;
      	text-indent:-9999px;
      	padding-top:4px;
      }  
      
       #emailSignUptext strong{
      color:#740808;}
 
#emailSignUpForm  {
    position:absolute;
    right:10px;
    bottom:10px;
    font-size:125%;
}  

#emailSignUpForm  *{
    float:left;}

#emailSignUpForm label{
    font-weight:bold;
    color:#fff;
    margin:6px 0 0;}

#emailSignUpForm  input[type="text"] {
    border: 1px solid #003467;
    padding: 2px;
    width: 230px;
    margin:3px 10px;
    
}