body { background:white; padding:15px; font-size:75%; color:#000; font-family:tahoma, arial, sans-serif; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; }
a { color:#04ccff; text-decoration:none; }
a:hover { color:#6ee01e; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { font-family:"trebuchet ms", tahoma, arial, sans-serif; clear:both; }
h1 {margin:0 0 15px 0; padding:0; color:#0159b4; font-size:2.0em; font-weight:normal; letter-spacing:-1px;}
h2 { border-right:4px double #015ab6; color:#005895; background:#8DF86E; padding:1px; text-indent:4px; font-size:1.2em; font-family:tahoma, arial, sans-serif;padding:5px;}
h3 { border-bottom:1px solid #C5D0D5; color:#6ee01e; font-size:1.3em; }
h3.blue { color:#04ccff }
h4 { color:#004389; font-size:1.3em; }
h1.pageheading { color:#004389; margin-top:0; font-size:2.1em; letter-spacing:-1px; font-weight:normal; }
h1.pageheading span { color:#BBBFC3; letter-spacing:-2px; }
ul { list-style-image:url(../template/bullet.gif); }
ul a {color:#6ee01e;}
ul a:hover {  color:#04ccff; text-decoration:none;}
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { border:4px solid #D5DBDF; margin-right:10px; margin-bottom:10px; }
img.clsbordermiddle { border:4px solid #D5DBDF; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:4px solid #D5DBDF; margin-left:10px; margin-bottom:10px; }
.datatable th { background:#004389; color:white; font-weight:normal; border:1px solid white; padding:3px; }
.datatable td { background-color:#F5f5f5; border:1px solid white; padding:3px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; color:#888; margin-bottom:10px;}
.shout { font-size:1.1em; color:#0159b4; font-weight:bold; }
.shout2 { font-size:1.1em; color:#fff; font-weight:bold; padding:5px; background:#015ab6; }
.submit { background:#08ccfe; color:white; border:0; cursor:pointer; font-weight:bold; font-size:10px; padding:2px; }
.reset { background:#98fe36; color:white; border:0; cursor:pointer; font-weight:bold; font-size:10px; padding:2px; }
.quote { border:1px solid #C5D0D5; padding:8px; color:#004389; margin-bottom:15px; clear:both;}
.caption { font-weight:bold; background:#0568CD; float:right; width:160px; padding:12px 10px; margin:0 0 10px 10px; color:white; font-size:0.9em; }
.custom1 {background:#04ccff; padding:4px; color:#fff; border-top:4px solid #015ab6; margin-bottom:10px; }
.custom1 a { color:#015ab6 }
.custom1 a:hover { color:#6ee01e; text-decoration:none;}
.custom1 strong { color:#fff}
.custom2 { background:#015ab6; padding:4px; color:#fff; border-top:4px solid #04ccff; margin-bottom:10px;  }
.custom2 strong { color:#fff}
.custom2 a { color:#04ccff }
.custom2 a:hover { color:#6ee01e; text-decoration:none;}

.border { border:4px solid #D5DBDF; }
.noborder { border:0; }
#container { width:750px; margin:0 auto; text-align:left; background:url(../template/container.gif)  repeat-y; height:100%;}
#left_col { background:url(../template/left_col_back.jpg)  top center no-repeat; width:190px; float:left; border-left:2px solid #fff;  border-right:2px solid #fff; }
#sitelogo { text-align:center; height:130px; padding-top:51px; } 
#menu { border-top:1px solid #fff; }

#nav, #nav ul { padding:0; margin:0; list-style:none; width:px; text-align:left; }
#nav a { display:block; width:183px; padding-left:7px; color:#004389; height:25px; line-height:24px; border-bottom:1px solid #fff; text-decoration:none; }
#nav a:hover { background:#005895; color:#fff; text-decoration:none; }
#nav li { float:left; width:190px; }
#nav li ul { position:absolute; width:190px ; left:-999em; }
#nav li ul ul { margin:-26px 0 0 190px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-26px 0 0 190px; }
#nav li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
#nav .nav_child, #nav .nav_child2 {  }
#nav .nav_parent a { background:url(../template/nav_parent_out.gif) no-repeat right; }
#nav .nav_parent a:hover { background:url(../template/nav_parent_over.gif) no-repeat #005895 right; }
#nav .nav_child a { background:#04bafe; color:#fff }
#nav .nav_child a:hover  { background:#0568CD; }
#nav .nav_parent2 a { background:url(../template/nav_parent_out.gif) no-repeat #04bafe right; color:#fff }
#nav .nav_parent2 a:hover { background:url(../template/nav_parent_over.gif) no-repeat #0568CD right; }
#nav .nav_child2 a { background:#04bafe; color:#fff }
#nav .nav_child2 a:hover  { background:#0568CD; }
/*#nav #active { color:#000; cursor:default; background:none; }*/
/*#nav ul #active { background:#04bafe; }*/

#contact_details { clear:both; margin:10px;  padding:7px; border:1px solid #85e6ff; font-size:0.9em; color:#fff; text-align:left; background:#04bafe; position:relative; top:10px; }
#contact_details h4 { color:#004389; display:block; margin:0; margin-top:5px; font-size:1em; font-weight:normal; }
#contact_details a { color:#fff; }
#contact_details a:hover { text-decoration:none; }
#right_col { float:right; width:535px;  }
#hbc { text-align:right; height:33px; color:#03add8; line-height:31px; margin-bottom:129px; }
#hbc a { color:#04ccfe; font-size:0.8em; text-decoration:none; letter-spacing:1px; }
#hbc a:hover { color:#68d400; border-bottom:1px dashed #68d400; text-decoration:none; }
#date { text-align:right; font-size:0.9em; color:#fff; height:25px; }
#pagebody { padding-bottom:10px; }
#pagebody strong { color:#04ccff }
#pagebody .custom1 strong, #pagebody .custom2 strong {color:#fff;}
#bottom { background:url(../template/bottom.jpg); height:40px; color:#fff; font-size:0.8em; text-align:center; border-bottom:4px solid #0173d3; clear:both; }
#bottom_container { margin:0 auto; width:750px; text-align:right; line-height:20px; }
#bottom_container a { color:#08ccfe; text-decoration:none; padding-top:2px; }
#bottom_container a:hover { color:#fff; }

#links_top {background:url( ../template/links_top.jpg ) no-repeat;  height:15px; padding:0; margin:0;}
#links_middle {background:url( ../template/links_middle.jpg ) repeat-y;  padding:0 10px; margin:0;}
#links_middle a {font-size:1.2em; color:#6ee01e;}
#links_middle a:hover {font-size:1.2em; color:#04ccff; text-decoration:none;}
#links_middle ul { margin-bottom:0;  padding-bottom:0px; margin-top:5px; }
#links_middle ul a { font-size:1em }
#links_middle ul a:hover { font-size:1em }
#links_bottom {background:url( ../template/links_bottom.jpg ) no-repeat; height:13px;  padding:0; margin:0;}

#pagebody .blue_list li a { color:#04ccff  }
#pagebody .blue_list li a:hover { color:#6ee01e  }

#payment_form fieldset { margin:0 auto; COLOR: #0159b4; padding:10px 15px; width:500px;  display:block; border:1px solid #0159b4;}
#payment_form legend { COLOR: #0159b4; padding:6px 6px; background:#fff; /* This is the text that intersect the border around the form */ border:1px solid #0159b4; margin-bottom:10px;}
#payment_form select, #payment_form input, #payment_form textarea { display:block; width:50px; float:right; margin-bottom:7px; padding:2px 4px; background:#fff; border:1px solid #0159b4; color:#3c3c3c; font-family:"lucida sans unicode", arial, sans-serif; /* don't forget to change this so it's the same font as the rest of the site. It's probably a better idea to target this earlier in the css document */ font-size:1em; overflow:hidden; }
#payment_form select { width:310px; }
#payment_form label { float:left; text-align:right; width:400x; padding-right:10px; height:30px; }
#payment_form textarea { height:130px; }
#payment_form br { clear:left; }
#payment_form .submit, #payment_form .reset #payment_form .calculator {  margin:8px 0; cursor:pointer; float:right; border:0;}
#payment_form .submit { margin-right:4px; background:#fff; color:#3c3c3c; }
#payment_form .reset { background:#019AEA; color:#fff; height:20px; line-height:6px; font-weight:bold; width:60px;}
#payment_form .calculator  { background:#0272D4; color:#fff; height:20px; line-height:6px; font-weight:bold; width:70px; margin-right:4px;padding:3px;}
#payment_form p { text-align:left; margin:0 0 10px 0; border-bottom:1px dashed #0159b4; border-top:1px dashed #0159b4; padding-bottom:2px; padding-top:2px;}
.reset {background:#019AEA;}

#quote_form fieldset { margin:0 auto; COLOR: #0159b4; padding:10px 15px; width:500px;  display:block; border:1px solid #0159b4;}
#quote_form legend { COLOR: #0159b4; padding:6px 6px; background:#fff; /* This is the text that intersect the border around the form */ border:1px solid #0159b4; margin-bottom:10px;}
#quote_form select, #quote_form input, #quote_form textarea { display:block; width:100px; float:right; margin-bottom:6px; padding:2px 4px; background:#fff; border:1px solid #0159b4; color:#3c3c3c; font-family:"lucida sans unicode", arial, sans-serif; /* don't forget to change this so it's the same font as the rest of the site. It's probably a better idea to target this earlier in the css document */ font-size:1em; overflow:hidden; }
#quote_form select { width:110px; border:1px solid #0159b4; }
#quote_form label { float:left; text-align:left; width:400x; padding-right:10px; height:30px; }
#quote_form textarea { height:130px; }
#quote_form br { clear:left; }
#quote_form .submit, #quote_form .reset { width:60px; margin:8px 0; cursor:pointer; float:right; border:0;}
#quote_form .submit { margin-right:4px; background:#0159b4; color:#fff; height:20px; line-height:6px}
#quote_form .reset { background:#6ee01e; color:#fff; height:20px; line-height:6px;padding:3px;}

#quote_form p { text-align:left; margin:0 0 10px 0; border-bottom:1px dashed #0159b4; border-top:1px dashed #0159b4; padding-bottom:2px; padding-top:2px; COLOR: #0159b4;}

 #quote_contact_form select, #quote_contact_form input, #quote_contact_form textarea { display:block; width:250px; float:right; margin-bottom:7px; padding:2px 4px; background:#fff; border:1px solid #0159b4; color:#3c3c3c; font-family:"lucida sans unicode", arial, sans-serif; /* don't forget to change this so it's the same font as the rest of the site. It's probably a better idea to target this earlier in the css document */ font-size:1em; overflow:hidden; }

#quote_contact_form select { width:260px; border:1px solid #0159b4; }

#quote_form p { text-align:left; margin:0 0 10px 0; border-bottom:1px dashed #0159b4; border-top:1px dashed #0159b4; padding-bottom:2px; padding-top:2px; COLOR: #0159b4;}

#life_table ul { list-style-image:url(../template/tick.gif); padding-top:0; margin-top:0;}

#home_insurance_bottom { clear:both; font-size:1.3em; line-height:1.5em; border:1px solid #0159b4; padding:5px 12px 12px 12px; color:#0159b4; }

#home_box { color:#fff;text-align:center;}
#home_box a { color:#fff; }
#home_box img a { border:0; }
#home_box a img { border:0; }

.blue_tick { list-style-image:url(../images/blue_tick.jpg); }
.green_tick { list-style-image:url(../images/green_tick.jpg); }

.table_box { width:100px;border:1px solid #000;padding:5px; }

#confirm_scroll { overflow:auto;width:600px;height:250px;border:2px solid #12ccfd;padding:10px; }
#confirm_scroll input { background:#fff;border:1px solid #888; }