/* CSS Document */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 760px;
	text-align: center; /*this will center ALL items on the page in IE but only text in Moz etc.*/
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	background-color: #FFFFFF;
	}


#container
{
	margin-right: auto;/*centres in compliant browsers*/
	margin-left: auto;/* "	" */ 
	width: 760px; /*An auto centering layer, width must be assigned*/
	height: auto;
	min-height: 625px; /* Compliant browser height, This will fill entire browser window height */
	text-align: left;/*text align must be declared in all items due to 'text-align: center;' being in the body tag*/
	position:relative;
	clear: both;
}

p, h1, h2, h3, form
{
margin: 0;
padding: 0;
}

.darkblue
{
color: #450765;
}

.italic
{
font-style: italic;
}


#protegobackground
{
width: 760px;
height: 130px;
float: left;
background: url(images/ifl-header.jpg) top left no-repeat;
}

/*#protegobackground img
{
margin: 104px 2px 0 2px;
float: left;
}*/




#maincontentarea
{
width: 746px;
height: auto;
float: left;
border-left: #450765 2px solid;
border-right: #450765 2px solid;
border-bottom: #450765 2px solid;
padding: 5px 5px 20px 5px;
}

#homeflash
{
width: 206px;
height: auto;
float: left;
}

#homeflash img
{
width:206px;
float: left;
margin-bottom: 10px;
}

.leftflashobject
{
width: 100%;
height: auto;
float: left;
margin-bottom: 10px;
}


#broker-login
{
width: 256px;
height: 135px;
float: left;
background: url(images/brokers_home_but.jpg) top left no-repeat;
margin-top: 10px;
padding-left: 15px;
padding-top: 15px;
font-size: 14px;
}


#homeright
{
width: 524px;
height: auto;
float: left;
padding-left: 15px;
}

#homeright p
{
font-size: 12px;
margin: 10px 0 10px 0;
}

#homeright ul
{
float: left;
font-size: 12px;
margin: 5px 0 5px 0;
padding: 0;
}

#homeright li
{
padding: 0 0 0 10px;
margin: 0 0 0 17px;
}

#print_identifiers
{
width: 445px;
height: auto;
float: left;
font-size: 10px;
}

.print_identifierstwo
{
padding-left: 10px;
float: left;
font-size: 10px;
}


#fullrightheading
{
width: 520px;
height: auto;
float: left;
}

#indrightheading
{
width: 399px;
height:24px;
float: left;
padding-bottom:12px;
padding-top:8px;
}

 
#indrightapplynow
{
width: 120px;
height:24px;
float: left;
padding-top:8px;
padding-bottom:12px;
}

#indrightapplynow a
{
font-size: 20px;
float: left;
color: #f99d31;
font-weight: normal;
padding: 0;
}

#indright
{
width: 524px;
height: auto;
float: left;
padding-left: 15px;
}

#indright p
{
font-size: 12px;
margin: 10px 0 10px 0;
}

#indright ul
{
float: left;
font-size: 12px;
margin: 5px 0 5px 0;
padding: 0;
}

#indright li
{
padding: 0 0 0 10px;
margin: 0 0 0 17px;
}

.planpageh1
{
font-size: 24px;
float: left;
color:#72a32e;
font-weight: normal;
padding: 0;
}

.homepageh1
{
font-size: 18px;
float: left;
color:#f99d31;
font-weight: normal;
padding: 0;
}

.homeaaapageh1
{
font-size: 60px;
float: left;
color:#450765;
font-weight: normal;
padding: 0;
}

#homebuttons
{
width: 520px;
height: 107px;
float: left;
}

#homebuttons img
{
float: left;
margin-right: 10px;

}



/* ----------------- plans ------------------*/


#plancontainer
{
width: 745px;
height: auto;
float: left;
}

#planleft
{
width: 285px;
height: 75px;
float: left;
}

#planright
{
width: 445px;
height: auto;
float: left;
padding-left: 10px;
padding-top: 0px;
}

#planlefta
{
width: 285px;
height: auto;
float: left;
}

#planrighta
{
width: 445px;
height:auto;
float: left;
padding-left: 10px;
padding-top: 0px;
}

#increasedecrease
{
width: 86px;
height: 75px;
float: left;
}

#increasedecrease img
{
float: left;
margin-bottom: 3px;
}

#levelbuttonholders
{
width: 350px;
height:auto;
float: left;
}
#levelbuttonholders img
{
float: left;
margin-top:0px;
margin-left: 5px;
margin-bottom:3px;

}


#levelbuttonholderssss
{

width: 350px;
height: auto;
float: left;
}

#levelbuttonholderssss img
{
float: left;
margin-top:0px;
margin-left: 5px;

}


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


#footer
{
width: 760px;
height: 20px;
float: left;
text-align: center;
font-size: 12px;
margin-top: 10px;
}

#footer a
{
text-decoration: none;
color: #000000;
}

#protegofooter
{
width: 680px;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 12px;
margin-top: 10px;
color: #450765;
}

#protegofooter a
{
text-decoration: none;
color: #450765;
}




/* ----------------- products ------------------*/

 
#productscroller
{
width: 740px;
height: 570px;
float: left;
overflow: auto;
}


.productholder
{
width: 720px;
float: left;
margin-top: 2px;
background:url(images/back-shade.jpg) repeat-y;
}

.productholder img
{
float: left;
}
 
.productdescbox
{
width: 386px;
float: left;
font-size: 14px;
text-align:right;
font-weight: bold;
}

.bendescbox
{
width: 386px;
height: 30px;
float: left;
font-size: 12px;

}


.productdesctitle
{
width: 372px;
height: 30px;
float: left;
text-align:left;
background-color: #f99d31;
line-height: 30px;
padding-left: 10px;
}
 
.productdesctext
{
width: 382px;
height:auto;
float: left;
padding: 0px 0px 8px 0px;
}

.productdesctexta
{
width: 382px;
height:auto;
float: left;
border-bottom:#d2cadf solid 1px;
}

.productdesctexta p
{
font-size: 12px;
height:20px;
margin: 15px 0 8px 0;

}

.productdesctext p
{
font-size: 12px;
font-weight:100;
color:#666666;
margin: 8px 8px 8px 8px;

}

.productdesctext img
{
margin-right: 5px;
}

.productdesctext a
{
margin:0px 8px 8px 8px;
text-decoration: none;
font-size:11px;
color: #79539e;
}

.benefit
{
width: 105px;
height:auto;
float: left;
margin-left: 0;
}

.benefit2
{
width: 105px;
height: auto;
float: left;
margin-left: 5px;
}

.benefit3
{
width: 105px;
height:auto;
float: left;
margin-left: 5px;
}


.benefita
{
width: 320px;
float: left;
margin-left: 0;
background-color:#ddd8e7;
}



 
.benefitduration1
{
width: 105px;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
margin-left: 0;
background-color:#ffedd9;
}

.benefitduration2
{
width: 105px;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
margin-left: 5px;
background-color:#ffedd9;
}

.benefitduration3
{
width: 105px;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
margin-left: 5px;
background-color:#ffedd9;
}
 
.durationtext
{
font-size: 14px;
color: #472568;
font-weight:100;
text-align: center;
}
 
.benefititle
{
width: 105px;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
background-color: #f99d31;
}

.benefititlea
{
width: 320px;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
background-color: #c9c4d1;
}
 
.benefitext
{
width: 105px;
height: 30px;
float: left;
padding: 10px 0 0 0;
font-size: 14px;
color: #472568;
font-weight: 100;
text-align: center;
}

.benefitexta
{
width: 160px;
height:20px;
float: left;
padding: 16px 0 8px 0;
font-size: 12px;
color: #000000;
font-weight: bold;
text-align: center;
}

.benefitextb
{
width: 320px;
float: left;
padding: 8px 0 8px 0;
font-size: 12px;
color: #000000;
font-weight: bold;
text-align: center;
}

.benefitextc
{
width: 320px;
height:20px;
float: left;
padding: 16px 0 8px 0;
font-size: 12px;
color: #000000;
font-weight: bold;
text-align: center;
}

.benefitext img
{
margin-left: 15px;
margin-top: 10px;

}

.white13
{
color: #ffffff;
font-size: 13px;
}

.green13
{
color: #FFFFFF;
font-size: 13px;
}


.pop20
{
color: #FFFFFF;
font-size: 20px;
}

.pop-up-container
{
width: 390px;
height: auto;
float: left;
font-size: 12px;
}

.pop-up-container img
{
float: left;
margin: 0 10px 10px 0;

}
.pop-up-title
{
width: 380px;
height: 40px;
float: left;
background-color: #f99d31;
line-height: 40px;
text-align: left;
padding-left: 10px
}

.pop-up-text
{
width: 370px;
height: 335px;
float: left;
text-align: left;
padding: 10px 10px 10px 10px;
overflow:scroll;
}

.pop-up-text-small
{
width: 375px;
height: 335px;
float: left;
text-align: left;
padding: 0px 0px 0 0px;
font-family: Arial, Helvetica, Verdana,  sans-serif;
font-size: 10px;
font-weight: italic;
}

.COLOURCHANGEREDone1{
color: #450765;
}

/* ---------------- APPLY NOW ---------- */

#applynowtext
{
width: 440px;
height: auto;
float: left;
}

.apply-light-blue
{
width: 595px;
height: 40px;
float: left;
margin-top: 20px;
background-color:#dad4e4;
line-height: 38px;
padding: 0 0 0 10px;
}

.blue14
{
color: #000000;
font-size: 14px;
font-weight: bold;
}

.blue16
{
color: #000000;
font-size: 16px;
font-weight: bold;
}

.change-plan
{
width: 137px;
height: 40px;
float: left;
margin-top: 20px;
background-color:#dad4e4;
line-height: 35px;
}

.change-plan img
{
margin-top: 5px;
}

.apply-dark-blue
{
width: 733px;
height: 40px;
float: left;
margin-top: 20px;
background-color: #450765;
line-height: 35px;
padding: 0 0 0 10px
}

.h2applywhite
{
color: #FFFFFF;
font-size: 20px;
font-weight: normal;
}

.h2applygreen
{
color: #FFFFFF;
font-size: 20px;
font-weight: normal;
}

#apply-container
{
width: 743px;
height: auto;
float: left;
background-color:#dad4e4;
padding-top: 20px;
}

#lc
{
width: 360px;
height: auto;
float: left;
}

#rc
{
width: 360px;
height: auto;
float: left;
}

#ccc
{
width: 743px;
height: auto;
float: left;
background-color:#dad4e4;

}

#apply-container
{
width: 743px;
height: auto;
float: left;
background-color:#dad4e4;
padding-top: 20px;
}

tr
{
font-size: 12px;
}

#children
{
width: 740px;
height: auto;
float: left;
}

/* ---------------- CONFIRMATION ---------- */

#dd-container
{
width: 733px;
height: auto;
float: left;
background-color:#dad4e4;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 10px;
}

.smallprint
{
font-size: 11px;
}

#confirm-container
{
width: 743px;
height: auto;
float: left;
background-color:#dad4e4;
padding-top: 20px;
}

/* ---------------- OFFERS ---------- */

.offerlinks
{
font-size: 12px;
color: #450765;
}

.offerlinks a
{
text-decoration: underline;
font-size: 12px;
color: #450765;
}

.printp
{
text-align: left;
font-size: 12px;
padding-left: 10px;
}

.printpblue
{
text-align: left;
font-size: 14px;
padding-left: 10px;
color: #450765;
}

#printholder
{
width: 700px;
height: auto;
float: left;
}

#printholder ul
{
float: left;
font-size: 12px;
margin: 5px 0 5px 10px;
padding: 0;
}

#printholder li
{
text-align: left;
padding: 0 0 0 10px;
margin: 0 0 0 17px;
}







.tabimage
{
margin: 104px 2px 0 2px;
float: left;
}

.speoffersoneA
{
margin:90px 28px 0 2px;
float:right;
}

.ColourChange{
color:#74a42a;
}

/*-------------------------------------*/



.imagefloatleft
{
float:left;
margin:0px 0px 0px 0px;
}


.disclammer
{
font-size:9px !important;
margin:3px 0px 5px 0px !important;
padding: 0px 0px 0px 0px !important;
}


.homelowerimage
{
width: 740px;
height: auto;
float: left;
margin: 3px 0px 0px 0px;
}



.indrightcopy
{
width: 524px;
height: auto;
float: left;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}