/* CSS Document */

/*--------------Main-----------------*/
/* padding = top left bottom right */
/* opacity:0.8;  fade an image or background*/

/* #707883 grey background */

a{text-decoration:none; color: #00A0BA}
body{padding: 5px;background: #707883;color: #222;text-align: center; font: 85% "Trebuchet MS",Arial,sans-serif}
a:hover{text-decoration:none; color: #333333; border-bottom:1px dotted #00A0BA}
p { font-size:12px; color: #6c6c70; padding: 0 0 10px 10px}
li { font-size:12px; color: #6c6c70;}
h1 { font-size:19px; color: #00667F; margin-top:0; padding: 10px 0 0 10px; text-decoration:none }
h2 {font-size:16px; color: #00A0BA; padding: 0 0 10px 10px}
h3 { font-size:14px; color: #007096}
h4 { font-size:13px; color: #00A0BA; padding: 10px 0 0 10px}
h5 { font-size:11px; color: #007096; padding: 0 0 10px 10px}
h6 { display:block; background: #BFDDED; margin: 2px 2px 5px 5px; color: white; padding: 4px 4px; font:bold 16px Arial; }


.pink { color: #bc1e64}
.c4 {text-decoration:none; border:0}
.icon { vertical-align:middle; border:0 }
.offwhite {color: #efefef}
#upbutton, #upbutton a:hover {text-decoration:none; border:0; float:right;}


/* Picture Backgrounds */
#jump { background:url(/html/images/jumpbkg.jpg); width:580px; height:293px; border:0; cellspacing:0 }
#tradesman { background:url(/html/images/tradesman-liability.jpg) no-repeat; width:240px; height:160px; border:0; cellspacing:0; }
#professional { background:url(/html/images/professional-liability.jpg) no-repeat; width:240px; height:160px; border:0; cellspacing:0 }

/* Picture class */
#picture { float:left; padding: 0 20px 8px 8px; }

div#inner{width:810px !important; width /**/:790px; margin: 0 auto;padding:5px;text-align:left;background:#EAEAEA}
div#outer{width:820px !important; width /**/:800px; margin: 5px auto;padding:5px;text-align:left;background:#00A0BA}
div#header{clear:both;width:790px;background: #FFF;padding: 10px;text-align:left;}
div#header a:hover{text-decoration:none; border-bottom:0px;}
div#nav{float:left;width:185px; padding:20px 0 ;margin:5px 0;background: #BFDDED}
div#content{float:right;width:580px; padding:20px 20px;margin:5px 0;background: #FFF}

/* myfooter colour green #C4E786 */
div#myfooter{clear:both;width:810px;background: #C4E786;padding:5px 0;text-align:center; font-size: 85%; text-decoration:none;color: #fff}
div#myfooter a{text-align:center; font-size: 100%; text-decoration:none;color: #efefef}
div#myfooter a:hover{text-align:center; font-size: 100%; text-decoration:none;color: #707883; border-bottom:1px dotted #fff}

/* basefooter colour grey #9198A2 */
div#basefooter{margin-left: auto; margin-right: auto; width:830px;background: #9198A2; text-align:left; font-size: 85%; text-decoration:none;color: #FFF}
div#basefooter th{text-align:left; font-size: 110%; text-decoration:none; font-weight:bold; color: #FFF; border-bottom:1px solid #fff}
div#basefooter a{text-align:left; font-size: 95%; text-decoration:none; color: #FFF}
div#basefooter a:hover{text-align:left; font-size: 95%; text-decoration:none; color: #C4E786; border-bottom:1px dotted #fff}

/* grey box colour #BFDDED */
div#greybox{margin-left: auto; margin-right: auto; width:90%;background: #BFDDED; text-align:left; font-size: 85%; text-decoration:none;color: #FFF}
div#greybox th{text-align:left; font-size: 110%; text-decoration:none; font-weight:bold; color: #FFF; border-bottom:1px solid #fff}
div#greybox a{text-align:left; font-size: 95%; text-decoration:none; color: #FFF}
div#greybox a:hover{text-align:left; font-size: 95%; text-decoration:none; color: #FFF; border-bottom:1px dotted #fff}

div#topmenu{margin:5px 0;}

div#box1 {height:920px; padding:10px 10px 10px 10px;margin:0;background: #transparent; border:2px solid #EAEAEA}
div#box2 {padding:10px 10px 10px 10px;margin:0;background: #transparent; border:2px solid #EAEAEA}
ul#nav li{padding:5px;list-style-type: none}

/*--------------- Top Page Menu ------------*/

div#menu{width:822px;margin:0 auto;text-align:left}
ul#topmenu,ul#nav li{list-style-type:none;margin:0;padding:0} 
ul#topmenu{float:right;font-size: 80%}
ul#topmenu li{float:left;margin-left: 3px;text-align: center; padding: 0 0 0 0px;}
ul#topmenu a{float:left;padding: 5px 10px 0 10px;background: #00A0BA; text-decoration:none; color: #FFF; font-size: 100%; font-weight:bold; border:0;}
ul#topmenu a:hover {background: #fff;color: #00A0BA; border:0; text-decoration:none;}
ul#topmenu .selectedT {float:left;padding: 5px 10px 0 10px; background: #9DA4AC; text-decoration:none; color: #fff; font-weight:bold;}

/* */
.highlight, a.highlight {color: #333333}

#foreground { width:146px; no-repeat 20px 20px; padding:43px 25px 0 25px; }
#foreground form { margin:0; padding:0; font-size:1em; color:#000;}
#foreground h3 { margin:10px 0 5px 0; padding:0; font-size:1.3em; color:#fff; }
#foreground hr { margin:10px 0; padding:0;}

/*--------------- Main Menu on Left ------------*/
/* light blue #BFDDED dark blue #A4CEE6 */

#nav h4 { font-size:13px; margin:0; padding:0; }
#nav a:link, #nav p a:link, #nav a:visited { display:block; color:#fff; font-size:13px; text-decoration:none; background:#A4CEE6; border-bottom:1px dotted #fff}
#nav a:hover, #nav p a:hover { text-decoration:underline; color:#FFF}
#nav ul { list-style-type:none;  padding:0 0 0 0; margin:0; background:#97969B; }
#nav ul li a:hover { background:#fff url(/html/images/selected_over.gif) no-repeat 174px 7px; text-decoration:none; color:#00A0BA}
#nav ul li a { background:#B2D8D8; padding:3px 15px 3px 15px; }
#nav ul li a.submenu { background:#BFDDED; padding:3px 20px 3px 25px; color:#666666; font-size:12px;}
#nav ul li a.submenu:hover { background:#fff url(/html/images/selected_over.gif) no-repeat 174px 7px; text-decoration:none; color:#00A0BA}
#nav a.submenu_sel { display:block; background: #C4E786 url(/html/images/selected.gif) no-repeat 174px; padding:3px 20px 3px 25px; margin:0; color:#00A0BA; font-size:12px; text-decoration:none;  border-bottom:1px dotted #fff}
#nav .selected { display:block; background: #C4E786 url(/html/images/selected.gif) no-repeat 174px; padding:3px 15px 3px 15px; margin:0; color:#00A0BA; text-decoration:none;  font-size:13px; border-bottom:1px dotted #fff}

/* ------------- Old Style Buttons----------*/
ul.postnav,ul.postnav li{font-size: 14px; margin:0;padding:0;list-style-type:none}

/*--------- Life Cover Page - 4 Policy Boxes -----------*/
ul#fourboxes,ul#fourboxes li{list-style-type:none;margin:0;padding:0}

ul#fourboxes li{float:left;width: 255px; height: 230px; padding: 10px 10px 10px 10px; margin:8px 8px 0 0}
ul#fourboxes li a{float: right; text-decoration:none; font-size:18px; color: #007F99}
ul#fourboxes a:hover{float: right; font-size: 18px; text-decoration:none; color: #FFF; border-bottom:1px dotted #007F99}
ul#fourboxes li p {font-size:12px; color: #fff}
	
li#life_policy_1{background: #333333; color: #fff}
li#life_policy_2{background: #999999; color: #fff}
li#life_policy_3{background: #BFDDED; color: #000}
li#life_policy_4{background: #C4E786; color: #fff}


/*--------- PHI Page - 3 Policies Boxes -----------*/
ul#about,ul#about li{list-style-type:none;margin:0;padding:0}

ul#about li{float:left;width: 165px; height: 330px; padding: 10px 10px 10px 10px; margin:8px 8px 0 0}
ul#about li a{float: right; text-decoration:none; font-size:18px; color: #007F99}
ul#about a:hover{float: right; font-size: 18px; text-decoration:none; color: #FFF; border-bottom:1px dotted #007F99}
ul#about li p {font-size:12px; color: #fff}
	
li#income_policy_1{background: #333333; color: #fff}
li#income_policy_2{background: #999999; color: #fff}
li#income_policy_3{background: #BFDDED; color: #666666}

/*--------- o8oo Box OLD - Padding trbl -----------*/

ul#phone li,ul#phone_1 li{float: left; margin-left: 10px; text-align: center;  margin: 0 0 15px 0; padding:8px 20px 8px 20px; font:bold 16px Arial; background: #BFDDED; color: #fff}

/*--------- o8oo box - Padding trbl -----------*/

.phone {float: center; text-align: center;  margin: 0 0 15px 0; padding:8px 20px 8px 20px; font:bold 16px Arial; background: #BFDDED; color: #fff}


/*--------- Index Page Central Columns -----------*/

#indexPageCenterColumns { margin-bottom:10px; }
#indexPageCenterColumns div.indexColumn { padding:15px 20px; }
#indexPageCenterColumns div.indexColumn h1,
#indexPageCenterColumns div.indexColumn h2,
#indexPageCenterColumns div.indexColumn h3 { margin:0; padding:0; }
#indexPageCenterColumns div.indexColumn h1.pink { color: #b12963; }
#indexPageCenterColumns div.indexColumn p { margin:0; padding:0; }
#indexPageCenterColumns div.indexColumn ul { margin:0; padding-left:15px; }
#indexPageCenterColumns div.indexColumn ul li { margin:0; padding:0; color:#666666; }
#indexPageCenterColumns div.indexColumn .sb-inner { background:#fff; }
#indexPageCenterColumns div.indexColumn .sb-border { background:#cdcdce; }
#indexPageCenterColumns div.leftColumn { margin-right:4px; }
#indexPageCenterColumns div.rightColumn { margin-left:4px; }
#indexPageCenterColumns div.middleColumn { margin-left:0px; }

/*--------- life insurance page : Set up grey box with round corners ----------*/

#setUpAdvertBox { color:#6c6c70; padding:10px 20px; margin-bottom:15px; }
#setUpAdvertBox h3 { padding:0; margin:0; }
#setUpAdvertBox p { font-size:0.9em; margin:0; color:#6c6c70; }
#setUpAdvertBox .sb-inner { background:#F8F8F8; }

/*--------- life insurance page : Set up grey box with round corners 1----------*/

#setUpAdvertBox1 { color:#6c6c70; padding:10px 20px; margin-bottom:15px; }
#setUpAdvertBox1 h3 { padding:0; margin:0; }
#setUpAdvertBox1 p { font-size:0.9em; margin:0; color:#6c6c70; }
#setUpAdvertBox1 .sb-inner { background:#EBF5F5; }

/*--------- life insurance page : Set up grey box with round corners 2----------*/

#setUpAdvertBox2 { color:#6c6c70; padding:10px 20px; margin-bottom:15px; }
#setUpAdvertBox2 h3 { padding:0; margin:0; }
#setUpAdvertBox2 p { font-size:0.9em; margin:0; color:#6c6c70; }
#setUpAdvertBox2 .sb-inner { background:#EBF5F5; }

/*--------- life insurance page : Set up grey box with round corners 3----------*/

#setUpAdvertBox3 { color:#6c6c70; padding:10px 20px; margin-bottom:15px; }
#setUpAdvertBox3 h3 { padding:0; margin:0; }
#setUpAdvertBox3 p { font-size:0.9em; margin:0; color:#6c6c70; }
#setUpAdvertBox3 .sb-inner { background:#EBF5F5; }

/*--------- life insurance page : Set up grey box with round corners 4----------*/

#setUpAdvertBox4 { color:#6c6c70; padding:10px 20px; margin-bottom:15px; }
#setUpAdvertBox4 h3 { padding:0; margin:0; }
#setUpAdvertBox4 p { font-size:0.9em; margin:0; color:#6c6c70; }
#setUpAdvertBox4 .sb-inner { background:#EBF5F5; }

/*--------- Standard rounded DIV's ----------*/

#infoBox { color:#717576; padding:10px 20px; margin:10px 0px; }
#infoBox h3 { padding:0; margin:0 0 5px 0; }
#infoBox p { font-size:0.9em; margin:0; color:#676767; }
#infoBox .sb-inner { background:#dcdcde; }


/*--------- any page : 'set up paragraphs' or something ---*/

.setUpParaBox { color:#717576; padding:5px 20px 10px 20px; margin-bottom:15px; }
.setUpParaBox h3 { padding:5px 0 5px 0; margin:0; }  
.setUpParaBox p { font-size:1em; margin:0 0 5px 0; color:#676767; }
.setUpParaBox strong { font-weight:bold; color:#007096; }
.setUpParaBox .sb-inner { background:#F5F5F7; }
.setUpParaBox a {  color:#bc1e64; text-decoration:underline; }

.setUpParaBox a:hover { text-decoration:none; color:#333; }

/* ------------ Green Buttons -----------------------------*/
/* Link State */
#web-buttons-professional a, #web-buttons-tradesman a, #web-buttons-tradesman a, #web-buttons-quoteme a, #web-buttons-protectme a, #web-buttons-protectmyincome a, #web-buttons-4 a, #web-buttons-5 a, #web-buttons-6 a, #web-buttons-7 a, #web-buttons-8 a,#web-buttons-9 a, #web-buttons-10 a, #web-buttons-11 a, #web-buttons-12 a, #web-buttons-13 a{display:block;color:transparent; text-decoration:none; border-bottom:0px;}

/* Hover State */
#web-buttons-professional a:hover, #web-buttons-tradesman a:hover, #web-buttons-quoteme a:hover, #web-buttons-protectme a:hover, #web-buttons-protectmyincome a:hover, #web-buttons-4 a:hover, #web-buttons-5 a:hover,#web-buttons-6 a:hover,#web-buttons-7 a:hover,#web-buttons-8 a:hover,#web-buttons-9 a:hover,#web-buttons-10 a:hover,#web-buttons-11 a:hover,#web-buttons-12 a:hover,#web-buttons-13 a:hover {background-position:left bottom;text-decoration:none; border-bottom:0px;}

/* State */
a#web-buttons-professional, a#web-buttons-Tradesman, a#web-buttons-quoteme, a#web-buttons-protectme, a#web-buttons-protectmyincome, a#web-buttons-4, a#web-buttons-5,a#web-buttons-6,a#web-buttons-7,a#web-buttons-8,a#web-buttons-9,a#web-buttons-10,a#web-buttons-11,a#web-buttons-12,a#web-buttons-13{display:none; width:0; cellpadding:0; cellspacing:0; border:0;}