/*------------------------------------------------------------------------------------------*/

/*-----------------------------------------GENERAL------------------------------------------*/

/*------------------------------------------------------------------------------------------*/


body {
	width: 700px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
	color: #000;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;	
}


#container_bluecompare {
width: 700px;
}	


a:link {color:#000099; font-weight:normal; }
a:visited {color:#666699; font-weight:normal; }

a.notes:link {font-size:.8em; }
a.notes:visited {font-size:.8em; }


a#ON:link {color:#0082C4; font-weight:bold; }
a#OFF:link {color:#0082C4; font-weight:bold; }
a#ON:visited {color:#0082C4; font-weight:bold; }
a#OFF:visited {color:#0082C4; font-weight:bold; }




.divider_orange {
	color: #FE9500;
	font-weight: bold;
	text-align:center;
	clear:both;
	padding:5px;
}



.hr {
color: #01598F;
 background-color: #01598F;
height: 1px;
}	


.img {border:none;}	


/*------------------------------------------------------------------------------------------*/

/*-----------------------------------------HEADER-------------------------------------------*/

/*------------------------------------------------------------------------------------------*/



#header_bluecompare {
width: 700px;
height: 70px;
background: url(images/headerline.jpg) repeat-x bottom left; 
}


#header_bluecompare #logo {
float:left;
}

#header_bluecompare #rightnav {
padding-top: 50px;
font-size: 12px;
color:#27c;
float:right;
}


/*------------------------------------------------------------------------------------------*/

/*-----------------------------------------SUB-HEADER---------------------------------------*/

/*------------------------------------------------------------------------------------------*/


#subheader_bluecompare {
width: 700px;
height: 45px;
background: url(images/orangedot.jpg) repeat-x bottom left; 
position: relative;

}



#subheader_bluecompare #title{
	padding-top: 10px;
	float: left;
	color: #FE9500;
	font: bold 1.8em Lucida Grande, Arial, Verdana, Helvetica, sans-serif;
}


#subheader_bluecompare #startover{
	padding-top: 20px;
	float: right;
}

#subheader_bluecompare #question{
color:#0082C4; 
font-weight:bold;
}



/*------------------------------------------------------------------------------------------*/

/*-----------------------------------------3 TOP TABS---------------------------------------*/

/*------------------------------------------------------------------------------------------*/


#tab_container {
width: 700px;

}


#first_tab {
width: 192px;
height: 38px;
z-index:500;
margin-top: 18px;
margin-left: 1px;
background: url(images/top_tab.jpg) no-repeat top left; 
position: absolute;
text-align:center;
font: bold 1.3em Verdana, Arial, sans-serif;
color: #FE9500;
}

 #first_tab_ON {
width: 192px;
height: 42px;
z-index:500;
margin-top: 20px;
margin-left: 1px;
margin-bottom: -5px;
background: url(images/top_tab_left.jpg) no-repeat top left; 
position: absolute;
text-align:center;
font: bold 1.3em Verdana, Arial, sans-serif; 
color: #FE9500;
}


 #sec_tab {
width: 192px;
height: 38px;
z-index:150;
margin-top: 18px;
margin-left: 190px;
background: url(images/top_tab.jpg) no-repeat top center; 
position: absolute;
text-align:center;
font: bold 1.3em Verdana, Arial, sans-serif;
color: #01598F;
}

 #sec_tab_ON {
width: 192px;
height: 38px;
z-index:150;
margin-top: 20px;
margin-left: 190px;
background: url(images/top_tab.jpg) no-repeat top center; 
position: absolute;
text-align:center;
font: bold 1.3em Verdana, Arial, sans-serif;
color: #01598F;
}



 #third_tab {
width: 192px;
height: 38px;
margin-top: 18px;
margin-left: 379px;
margin-right: 20px;
float:right;
z-index:100;
background: url(images/top_tab.jpg) no-repeat top right; 
position: absolute;
text-align:center;
font: bold 1.3em Verdana, Arial, sans-serif;
color: #01598F;
}

 #third_tab_ON {
width: 192px;
height: 42px;
margin-top: 20px;
margin-left: 379px;
margin-right: 20px;
float:right;
z-index:100;
background: url(images/top_tab_right.jpg) no-repeat top right; 
position: absolute;
text-align:center;
font: bold 1.3em Verdana, Arial, sans-serif;
color: #01598F;
}



#tab_txt {
padding: 7px;
}

#tab_txt a{
text-decoration: none;
}


/*------------------------------------------------------------------------------------------*/

/*-------------------------------------BOTTOM CONTENT TAB-----------------------------------*/

/*------------------------------------------------------------------------------------------*/




#btm_tab_container {
width: 700px;
position:relative;
}



#btm_tab_toppiece {
width: 675px;
margin-top:55px;
padding-top:5px;
background: url(images/btm_tab_bluecompare.jpg) no-repeat; 
position: relative;
z-index:1;
}

#btm_tab_sides_bluecompare {
background: url(images/btm_tab_bluecompare_sides.jpg) repeat-y;
width:675px;
margin-top:10px;
position:relative;
clear:both;
}

#btm_tab_txt_bluecompare {
width:615px;
font-size: 1.3em;
padding:5px 5px 0px 20px;
clear:right;
}

#side {
float:right;
width:175px;
margin-right:5px;
margin-left:15px;
position:relative;
padding: 15px;
}


.sidebox {width:175px; background: url(images/bttm_sidebox.gif) no-repeat bottom; position:relative;}
.sidebox h3 {background: url(images/top_sidebox.gif) no-repeat top;font-size: .9em; font-weight:bold; color: #01598F; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 10px 0px 5px 10px;}

.side_navlist  {
margin: 0%;
padding: 0%;
list-style: none;
width:175px;
}

 .side_navlist li
{
margin-top:5px;
margin-left: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top:0px;
background-image: url(images/arrow_blue.gif);
background-repeat: no-repeat;
font-size: .8em;
}


#btm_tab_bttmpiece {
width: 675px;
background: url(images/btm_tab_bluecompare2.jpg) no-repeat bottom; 
font-size: 1.2em;
position:relative;
clear:both;
}

/*------------------------------------------------------------------------------------------*/

/*-----------------------------------------FOOTER-------------------------------------------*/

/*------------------------------------------------------------------------------------------*/


#footer_bluecompare {
width: 700px;
background: url(images/ele_headerline.jpg) repeat-x;
padding-top: 15px;
background-color: #ffff;
font-size: 11px;
text-align:center;
position:relative;
clear:both;
		}

