html, body {
height:100%;
}
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:76%;
  color:#000;
  background:url("/GetImage.aspx?id=168574") repeat-x top left #216899;
  padding:0;	
  margin:0;
  position:relative;
  }
	
/* * {behavior: url("uploads/iepngfix.htc")} */

/* table {
  border-collapse:collapse; 
  border-spacing:0;
  } */
td, th {
  vertical-align:top;
  padding:0;
  }

h1 {		  
  font-size:180%;
  color:#f47a2c;
  }
h1 span.stage {		  
  font-size:70%;
  margin-left:15px;
  }
h2 {		
  font-size:140%;
  color:#f47a2c;
  }
h3 {		
  font-size:120%;
  color:#f47a2c;
  }
h4 {		
  font-size:100%;
  color:#f47a2c;
  }
		
p {	
margin:0 0 10px 0;	
  }

ul, ol {		
margin:0 0 14px 14px;
padding:0 0 0 0;
  }
ul ul, ol ol {		
margin:0 0 0 14px;
padding:0 0 0 0;
  }
li {		
margin:0;
padding:0;
  }


#content p,
#content li {		
  line-height:140%;
  } 


a, a:link {		
  color:#146eb2;
  text-decoration:none;
  }
a:hover {			
  color:#f47a2c;

	}

a img {
  border:0;
  }

  .lft {
    float:left;
    } 
  .rgt {
    float:right;
    }
  .imglft {
    float:left;
    margin:0 10px 6px 0;
    } 
  .imgrgt {
    float:right;
    margin:0 0 6px 10px;
    }
  .clear {
    clear:both;
    } 

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* ------------------------------- hack syntax for ie ------------------------------- */
* html #id {
  w/idth:100px;
  /width:90px;
  }
/* ------------------------------- hack syntax for safari ------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
  #id {width:100px;}
  .class {width:100px;}
  }		  
/* ------------------------------- header ------------------------------- */

    #header-wrapper {
      background:#fff;
      }
    #header {
      position:relative;
      width:890px;
      height:136px;
      background:#fff;
      margin:0 auto;
      margin-top:0 !important;
      }
        #logo {
          float:right;
          margin:0 20px 0 0;
          }
        #maintitle {
          float:left;
          font-size:260%;
          color:#146eb2;
          margin:28px 0 0 25px;
          }
        .telephone {
          font-size:70%;
          font-weight:bold;
          color:#f47a2c;
          padding-left:20px;
          }						

/* ------------------------------- main navigation ------------------------------- */
		  
   #menu {position:absolute; left:0; bottom:0; margin:0;}
   #menu ul {padding:0; margin:0; list-style-type:none;}
   #menu li {float:left; margin:0 2px 0 0;}
   #menu li a {display:block; width:112px; height:28px; color:#fff; font-weight:bold; background:url("/GetImage.aspx?id=169749") top left no-repeat; text-align:center; padding:13px 0 0 0;}
   #menu li a:hover, 
   #menu li.nav-selected a, 
   #menu li.nav-selected-parent a,
   #menu li.nav-selected-grandparent a,
   #menu li.nav-selected-greatgrandparent a,
   #menu li.nav-selected-greatgreatgrandparent a {background:url("/GetImage.aspx?id=169750") top left no-repeat; text-decoration:none;}	 

/* ------------------------------- content layouts ------------------------------- */
    
		/* OUTER CONTENT LAYOUTS */
    #content { 
      background:#c4e8f0;
      padding:8px;
      margin:0 auto;
      border-top:4px solid #146eb2;
      }			
      #offcenter {
        padding-right:208px;
        }		
      #content.onecol {
        width:666px;
        }				
      * html #content.onecol {
        w/idth:682px; 
        /width:666px;
        }			
      #content.onecolw, 
      #content.twocol, 
      #content.twocolwl, 
      #content.twocolwr {
        width:874px;
        }	
      * html #content.onecolw, 
      * html #content.twocol, 
      * html #content.twocolwl, 
      * html #content.twocolwr {
        w/idth:890px; 
        /width:874px;
        }	
						
      /* INNER COLUMN LAYOUTS */
      /* 1 column - narrow */
      .onecol #col1of1 {
        width:666px;
        }						
      /* 1 column - wide */
      .onecolw #col1of1 {
        width:874px;
        }					
      /* 2 columns - equal width */
      .twocol #col1of2,
      .twocol #col2of2 {
        width:433px;
        }							
      /* 2 columns - wide column  */
      .twocolwl #col1of2,
      .twocolwr #col2of2 {
        width:654px;
        }										
      /* 2 columns - narrow column  */
      .twocolwl #col2of2,
      .twocolwr #col1of2 {
        width:212px;
      }					
			
      /* BOXES - white boxes with rounded corners */
      div.box,
      div.boxequalheight,
      div.boxhome3,
      div.boxfaq   { 
        background:#fff;
        padding:15px 12px;
        margin-bottom:8px;
        }		
      div.last {  
        margin-bottom:0px;
        }		
      
      /* boxes in single column */		
      .onecol #col1of1 div.box,
      .onecol #col1of1 div.boxequalheight {width:642px;} 
      
      /* boxes in wide single column */
      .onecolw #col1of1 div.box,
      .onecolw #col1of1 div.boxequalheight {width:850px;} 

      /* boxes in equal columns */
      .twocol #col1of2 div.box,
      .twocol #col1of2 div.boxequalheight,
      .twocol #col2of2 div.box,
      .twocol #col2of2 div.boxequalheight,
      .twocol #col2of2 div.boxhome3 {width:409px;}
      
      /* boxes in wide columns */
      .twocolwl #col1of2 div.box,
      .twocolwl #col1of2 div.boxequalheight,
      .twocolwr #col2of2 div.box,
      .twocolwr #col2of2 div.boxequalheight {width:630px;}	

      /* boxes in narrow columns */
      .twocolwl #col2of2 div.box,
      .twocolwl #col2of2 div.boxequalheight,
      .twocolwr #col1of2 div.box,
      .twocolwr #col1of2 div.boxequalheight,
      .twocolwl #col2of2 div.boxfaq {width:186px;}

      /* fixed heights */      
      .twocol #col2of2 div.boxhome3 {height:295px;}
      .twocolwl #col2of2 div.boxfaq {height:475px;}
      
      /* policy benefits boxes that override equal widths */
      .twocol #columnoverride #col1of2 div.box {width:630px;}
      .twocol #columnoverride #col2of2 div.box {width:186px;}		

/* ------------------------------- content------------------------------- */

ul.orange {padding:0; margin:0 0 0 16px;}
ol.orange {padding:0; margin:0 0 0 20px;}
ul.orange li, ol.orange li {color:#f47a2c; font-weight:bold; padding:0; margin:0;}

/* ------------- HOME ----------------- */

#homelist p {margin:0 0 8px 0;}
#goodreasons ol.orange li span {color:#000; font-weight:normal;}
#goodreasons ol.orange li {margin:0 0 8px 5px;}
#thingsyouneedtoconsider li {margin:0 0 10px 0;}

/* ------------- POLICY BENFITS ----------------- */

.anchor a,
.anchor a:hover {color:#000;}

/* ------------- WELCOME GIFTS ----------------- */

#gifts {margin-top:20px;}
#gifts ul {clear:both; width:520px;}
#gifts li {color:#f47a2c; font-weight:bold;}
#gifts p {margin-top:0;}

#credit-card-payment-confirm,
#direct-debit-payment-confirm {
  position:relative;
}
#credit-card-payment-confirm #freegift,
#direct-debit-payment-confirm #freegift {
  position:absolute;
  top:-20px; 
  right:-218px; 
  width:186px;
}
#credit-card-payment-confirm #freegift table,
#direct-debit-payment-confirm #freegift table {
  margin-left:-10px;
}
#credit-card-payment-confirm #freegift .FormInfo,
#direct-debit-payment-confirm #freegift .FormInfo {
  font-size:90%; 
  margin-top:15px;
}

#CreditCardConfirmForm_ErrorMessageContainer,
#DirectDebitConfirmForm_ErrorMessageContainer {
  position:absolute;
  top:-20px; 
  right:-218px;
}


#credit-card-payment-confirm ul,
#direct-debit-payment-confirm ul {
  margin:10px 0 14px 14px;
}
#credit-card-payment-confirm li,
#direct-debit-payment-confirm li {
  margin:0 0 14px 0;
}

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

.type {clear:both; float:left; width:14%;}
.detail {float:right; width:84%;}

/* ------------------------------- footer ------------------------------- */

#footer {
  width:874px;
  color:#fff;
  padding:0 0 20px 0;
  margin:0 auto;
  }	
#footer #basemenu {
  list-style-type:none;
  padding:0; 
  margin:8px 0;
  }
#footer #basemenu li {
  float:left; 
  list-style-type:none;
  font-size:80%; 
  margin:0 5px 0 0; 
  }
#footer p {
  font-size:80%; 
  margin:8px 0 0 0;
  }  
#footer a {
  color:#fff;
  }
	
#access {display:none;}

/* ------------- TABLES ----------------- */

table {width:100%; margin-bottom:10px}
th, td {padding:5px 4px; text-align:center;}
th p, td p {margin:0; font-weight:bold;}
th {background:#fee8d6; color:#f47a2c;}
th.row1, td.row1 {background:#afe0ea; color:#1378b8;}
th.row2, td.row2 {background:#cfecf2; color:#65b446;}
th.row3, td.row3 {background:#def1f6; color:#55c7d7;}

.benefit_table_male {width:49%; float:left; border-spacing:0; border-collapse:collapse;}
.benefit_table_female {width:49%; float:right; border-spacing:0; border-collapse:collapse;}
.benefit_table_male th,
.benefit_table_male td,
.benefit_table_female th,
.benefit_table_female td {text-align:center; border:2px solid #fff;}
.benefit_table_male .benefit_table_header,
.benefit_table_female .benefit_table_header {background:#f9a265; color:#fff; text-align:left; font-size:130%; height:35px;}
.benefit_table_male .issue_age,
.benefit_table_female .issue_age {background:#86c065; color:#fff; font-size:120%;}
.benefit_table_male .monthly_premium_amount_header,
.benefit_table_female .monthly_premium_amount_header {background:#56bcd1; color:#fff;}
.benefit_table_male .monthly_premium_amount,
.benefit_table_female .monthly_premium_amount {background:#c2e7ef; color:#56bcd1;}
.benefit_table_male .age,
.benefit_table_female .age {background:#d7eac5; color:#86c065; font-size:110%; font-weight:bold;}
.benefit_table_male .blue,
.benefit_table_female .blue {background:#d4eef5;}

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

/* Turn off list bullets */
  ul.mktree  li {list-style: none;} 
  
  /* Control how "spaced out" the tree is */
  ul.mktree, 
  ul.mktree ul, 
  ul.mktree li {margin:0 0 15px 10px; padding:0px; font-weight:bold; color:#f47a2c !important;}
  ul.mktree li li {font-weight:normal; color:#000 !important;}
  
  /* Provide space for our own "bullet" inside the LI */
  ul.mktree  li .bullet {padding-left:15px;}
  ul.mktree  li li .bullet {padding-left:0}
   
  /* Show "bullets" in the links, depending on the class of the LI that the link's in */
  ul.mktree  li.liOpen    .bullet {cursor:pointer; background:url(images/minus.gif) center left no-repeat;}
  ul.mktree  li.liClosed  .bullet {cursor:pointer; background:url(images/plus.gif) center left no-repeat;}
  /* ul.mktree  li.liBullet  .bullet {cursor:default; background:url(images/bullet.gif) center left no-repeat;} */
  ul.mktree  li.liBullet  .bullet {display:none;}
  ul.mktree  li li  .bullet {display:none;}
  
  /* Sublists are visible or not based on class of parent LI */
  ul.mktree  li.liOpen    ul {display:block;}
  ul.mktree  li.liClosed  ul {display:none;}


/* ------------- FORMS ----------------- */
.ErrorMessageContainer{
  font-size:90%;
  background:#fff;  
  color:red; 
}

.FormItem{ 
  clear:both;  
  border:1px solid white;

}

.FormInfo{
}

.FormLabel{
  float:left;
  padding-bottom:10px;

}
.FormLabelbold{
  font-weight:bold;
  float:left;  
  padding-bottom:10px;


}

.FormControl {
  float:right;
  font-size:90%;   
  padding-bottom:10px;

}
#credit-card-payment-confirm .FormLabel,
#direct-debit-payment-confirm .FormLabel {padding-bottom:5px;}
#credit-card-payment-confirm .FormControl,
#direct-debit-payment-confirm .FormControl {padding-bottom:5px;}


.FormControlError {
  float:right;
  font-size:90%;
  background:#fff;  
  padding-bottom:10px;
}
.FormErrorMessage {
  float:left;
  width:100%;
  color:red; 
  padding-bottom:10px;
  margin-top:-10px;
}

.FormErrorMessagePanel{
  color:red; 
}

#quoteindex {margin-top:20px; border:1px solid #fff;}
#quoteindex .FormLabel {width:50%;}
#quoteindex .FormControl {width:48%;}
#quoteindex .FormControlError {width:48%;}
#quoteindex .buttonsmall {margin-left:52%;}
#DOBDay, #DOBMonth, #DOBYear {width:62px;}

#quoteresults #EmailQuoteForm {height:89px;}
#quoteresults #EmailQuoteForm .FormLabel {width:100%;}
#quoteresults #EmailQuoteForm .FormControl {width:65%; float:left;}
#quoteresults #EmailQuoteForm .FormControlError {width:100%;}
#quoteresults #EmailQuoteForm .FormCommand {width:34%; float:right; margin-top:-35px;}
#quoteresults #EmailQuoteForm #EmailAddress {width:250px;}

#quoteresults #QuoteForm .FormLabel {width:50%;}
#quoteresults #QuoteForm .FormControl {width:48%;}
#quoteresults #QuoteForm .FormControlError {width:48%;}
#quoteresults #QuoteForm .buttonsmall {margin-left:52%;}
#quoteresults .button {margin-left:10px;}

#applyindex .FormLabel {width:40%;}
#applyindex .FormControl {width:60%;}
#applyindex #wide .FormLabel {width:71%;}
#applyindex #wide .FormControl {width:29%;}
#applyindex .FormControlError {width:60%;}
#applyindex #wide .FormControlError {width:29%;}
#applyindex input {width:300px;}
 #applyindex input#Terms {width:20px;}
 #applyindex input#Postcode {width:190px;}
 #applyindex input#Address1 {margin-bottom:6px;}
 #applyindex input.buttonsmall {width:100px; font-size:100%;}
#applyindex .button {margin-left:10px; margin-top:20px;}

#apply-by-post-confirm .FormLabel {width:90%;}
#apply-by-post-confirm .FormControl {width:10%; padding-top:22px;}
#apply-by-post-confirm .FormControlError {width:10%; padding-top:22px;}
#apply-by-post-confirm .button {margin-left:10px; margin-top:10px;}

.paymentoptions .FormLabel {width:90%;}
.paymentoptions .FormControl {width:10%; padding-top:5px;}
.paymentoptions .FormControlError {width:10%; padding-top:5px;}
.paymentoptions .buttonwide {margin-left:30px; margin-top:10px;}

#credit-card-payment-details .FormLabel {width:40%;}
#credit-card-payment-details .FormControl {width:60%;}
#credit-card-payment-details .FormControlError {width:60%;}
#credit-card-payment-details input#bank_acc_name {width:300px;}
#credit-card-payment-details input#CCNumber_1,
#credit-card-payment-details input#CCNumber_2,
#credit-card-payment-details input#CCNumber_3,
#credit-card-payment-details input#CCNumber_4,
#credit-card-payment-details input#CCNumber_5,
#credit-card-payment-details input#CCNumber_6,
#credit-card-payment-details input#CCNumber_7,
#credit-card-payment-details input#CCNumber_8,
#credit-card-payment-details input#CCNumber_9,
#credit-card-payment-details input#CCNumber_10,
#credit-card-payment-details input#CCNumber_11,
#credit-card-payment-details input#CCNumber_12,
#credit-card-payment-details input#CCNumber_13,
#credit-card-payment-details input#CCNumber_14,
#credit-card-payment-details input#CCNumber_15,
#credit-card-payment-details input#CCNumber_16 {width:15px;}
 #credit-card-payment-details input#CCTypeSelect_MasterCard,
 #credit-card-payment-details input#CCTypeSelect_Visa {width:20px;}
 #credit-card-payment-details input#CCExpiryMonth_1,
 #credit-card-payment-details input#CCExpiryMonth_2,
 #credit-card-payment-details input#CCExpiryYear_1,
 #credit-card-payment-details input#CCExpiryYear_2 {width:25px;}
 #credit-card-payment-details input#CCExpiryYear_2 {margin-left:2px;} /* to fix missing space in code */
 #credit-card-payment-details input#CCNumberClear {margin-top:10px;}
 #credit-card-payment-details input#CreditCardDetailsBack {margin-right:10px;}
 #credit-card-payment-details .FormErrorMessage {padding-left:40%;}

 #monyr p.month {float:left; margin:0 0 0 16px;} 
 #monyr p.year {float:left; margin:0 0 0 55px;}

#credit-card-payment-confirm .FormLabel {width:45%;} 
#credit-card-payment-confirm .FormControl {width:54%; font-size:100%;}
#credit-card-payment-confirm #Nolabel .FormLabel {width:10%;}
#credit-card-payment-confirm #Nolabel .FormControl {width:90%;}
#credit-card-payment-confirm .FormControlError {font-size:100%;}
#credit-card-payment-confirm h2 {font-size:100%; font-weight:bold; color:#000;}
#credit-card-payment-confirm table {border-spacing:0; border-collapse:collapse;}
#credit-card-payment-confirm td input {margin-top:35px;}

#credit-card-payment-confirm #carddeclined h2 {font-size:140%; color:#f47a2c;}
#credit-card-payment-confirm #carddeclined .ErrorMessageContainer {font-size:100%; color:#000;}
#credit-card-payment-confirm #CreditCardConfirmBack {margin-top:10px;} 

#credit-card-payment-confirmation {}

#direct-debit-payment-details .FormLabel {width:40%;} 
#direct-debit-payment-details .FormControl {width:60%;}
#direct-debit-payment-details .FormControlError {width:60%;}
#direct-debit-payment-details input {width:300px;}
 #direct-debit-payment-details input#bank_sort_code1_1,
 #direct-debit-payment-details input#bank_sort_code1_2,
 #direct-debit-payment-details input#bank_sort_code2_1,
 #direct-debit-payment-details input#bank_sort_code2_2,
 #direct-debit-payment-details input#bank_sort_code3_1,
 #direct-debit-payment-details input#bank_sort_code3_2 {width:25px;}

#ddguarantee {clear:both; border:1px solid silver; padding:0 10px; margin:10px 0;}

#direct-debit-payment-confirm .FormLabel {width:45%;}
#direct-debit-payment-confirm .FormControl {width:54%; font-size:100%;}
#direct-debit-payment-confirm #Nolabel .FormLabel {width:10%;}
#direct-debit-payment-confirm #Nolabel .FormControl {width:90%;}
#direct-debit-payment-confirm .FormControlError {font-size:100%;}
#direct-debit-payment-confirm h2 {font-size:100%; font-weight:bold; color:#000;}
#direct-debit-payment-confirm table {border-spacing:0; border-collapse:collapse;}
#direct-debit-payment-confirm td input {margin-top:35px;}

#direct-debit-payment-confirmation {}

input.button,
input.buttonwide,
input.buttonsmall,
input.buttonapplyprem  {
  border:0;
  overflow:hidden;
  cursor:pointer; /* hand-shaped cursor */
  cursor:hand; /* for IE 5.x */
  color:#fff;
  font-weight:bold; 
  font-size:10pt;
  padding:0;
  margin:0 0 6px 0;
}
form>input.button,
form>input.buttonwide,
form>input.buttonsmall,
form>input.buttonapplyprem  { /* For non-IE browsers*/
  height:0px;
}

input.button {
  width:187px;
  height:38px;
  background:transparent url("/GetImage.aspx?id=169276") no-repeat center top;
}
input.buttonwide {
  width:250px;
  height:38px;
  background:transparent url("/GetImage.aspx?id=169859") no-repeat center top;
}
input.buttonsmall {
  width:95px;
  height:28px;
  background:transparent url("/GetImage.aspx?id=169678") no-repeat center top;
}
input.buttonapplyprem {
  width:187px;
  height:28px;
  background:transparent url("/GetImage.aspx?id=169683") no-repeat center top;
}

h2 {
clear:both;
}