@charset "utf-8";
/* CSS Document */

/* ------- TABLE OF CONTENTS ---------------

Project:       0GPA Insurance
Version:       1.0
Last change:   09/09/08 site live
Assigned to:   Jonathan Hoppes
Primary use:   Custom Website
 
1. Import Reset and Global Styles
2. Structure Style Declarations 
3. Typography Style Declarations

---------- END TABLE OF CONTENTS ----------*/

/* ---------->>> 1. Import <<<-----------*/

@import url("https://www.forbin.com/css/reset.css"); /* import the forbin reset style sheet - browser default styles */
@import url("https://www.forbin.com/css/global.css"); /* import the forbin global style sheet - contains common styles */

/* ---------->>> END Import <<<----------*/
.liabilty { }

/* ---------->>> 2. Structure <<<-----------*/
/* BODY */
@media print {.style_vt { display:none; }}
body {background:url(/images/bg_body.gif); font-size:11px; font-family:'Tahoma'; color:white;}
#bg {background:url(/images/bg_bg.jpg) repeat-x; height:633px;}
#container {width:800px; margin:0 auto;}
/* HEADER */
#header {height:76px; background:url(/images/bg_header.jpg);  position:relative;}
#header p, #header p.aux a {font-size:10px; color:#7f7e65; text-transform:uppercase;}
#header p.dateNumber {position:absolute; left:40px; top:10px;}
#header p.aux {position:absolute; right:40px; top:10px;}
#header p.aux a {text-decoration:none;}
/* SUBHEADER */
#subheader {height:76px; position:relative;}
#subheader p, #subheader p.aux a {font-size:10px; color:#7f7e65; text-transform:uppercase;}
#subheader p.dateNumber {position:absolute; left:40px; top:10px;}
#subheader p.aux {position:absolute; right:40px; top:10px;}
#subheader p.aux a {text-decoration:none;}
/* NAVIGATION */ 
ul#navigation {height:52px; position:absolute; left:18px; top:24px;}
ul#navigation li {width:190px; float:left; margin-right:1px;}
ul#navigation a {width:190px; height:52px; display:block; text-indent:-9999px;}
ul#navigation li.about, ul#navigation li.about_focus {background:url(/images/nav_about.jpg);}
ul#navigation li.product_solution, ul#navigation li.product_solution_focus {background:url(/images/nav_products.jpg);}
ul#navigation li.application, ul#navigation li.application_focus {background:url(/images/nav_application.jpg);}
ul#navigation li.contact, ul#navigation li.contact_focus {background:url(/images/nav_contactinfo.jpg); margin-right:0px;}
ul#navigation li.about:hover, ul#navigation li.about_focus, ul#navigation li.product_solution:hover, ul#navigation li.product_solution_focus, ul#navigation li.application:hover, ul#navigation li.application_focus, ul#navigation li.contact:hover, ul#navigation li.contact_focus {background-position: 0 -52px; width:190px; height:52px; float:left;}
/* CONTENT */
/* Main Focus */
#mainFocus {color:white; float:left;}
#mainFocus h1 {width:347px; height:256px; background:url(/images/h1_branding.jpg); text-indent:-9999px;}
#endorsed {width:453px; height:256px; background:url(/images/gx_onppolicies.jpg) 0 11px no-repeat;}
#mainFocus h1, #endorsed {float:left;}
#endorsed h2 {top:50px; left:34px;}
a.opgaEndorsed {background:url(/images/opgaEnd.jpg); width:219px; height:95px; top:95px; left:20px;}
a.pointEndorsed {background:url(/images/pointEnd.jpg); width:173px; height:95px; top:95px; left:239px;}
.todaysRates {height:160px; width:800px; background:url(/images/bg_todaysrates.jpg); clear:left; position:relative;}
.todaysRates h2 {position:absolute; left:376px; background:url(/images/bg_h2.png) 0 0.1em no-repeat; padding-left:20px;}
#mainFocus .todaysRates ul {position:absolute; top:55px; left:380px;}
#mainFocus .todaysRates ul li {float:left; width:113px; height:86px; border-right:1px dashed #100c00; padding:0 0 0 10px;}
#mainFocus .todaysRates ul li.rates {background:url(/images/resources_rates.jpg);}
#mainFocus .todaysRates ul li.tips {background:url(/images/resources_claimtips.jpg);}
#mainFocus .todaysRates ul li.glossary {background:url(/images/resources_glossary.jpg);}
#mainFocus .todaysRates ul li a { cursor:pointer; width:113px; height:86px;}
/* Flash Hot News */
#flash_hotnews {width:800px; height:42px; background:url(/images/flash_hotnews.jpg); clear:left;}
/* Got Coverage Image List */
ul.gotCoverage {height:99px;float:left;}
ul.gotCoverage li {float:left;}
ul.gotCoverage a {height:99px; display:block; text-indent:-9999px;}
ul.gotCoverage li a.coverage {width:176px; background:url(/images/btn_coverage.jpg);}
ul.gotCoverage li a.img1 {width:149px; background:url(/images/img_prosthetic_arm.jpg);}
ul.gotCoverage li a.img2 {width:150px; background:url(/images/img_prosthetic_leg.jpg);}
ul.gotCoverage li a.img3 {width:149px; background:url(/images/img_arm_brace.jpg);}
ul.gotCoverage li a.img1:hover, 
ul.gotCoverage li a.img2:hover, 
ul.gotCoverage li a.img3:hover {background-position:0 -99px;}
ul.gotCoverage li a.contact {width:176px; background:url(/images/btn_contactus.jpg);}
/* BottomContent */
#bottomContent {padding:18px 17px; float:left;}
#leftColumn, #mainColumn {float:left; display:inline;}
#leftColumn {width:252px; margin-left:10px;} 
#mainColumn {width:504px;}
/* welcome */
.welcome {width:464px; height:140px; background:url(../images/bg_pwelcome.jpg); padding:20px 20px;}
h2 {background:url(/images/bg_h2.png) 0 0.1em no-repeat; padding-left:20px;}
.welcome .sub {font-size:10px; color:#888267;}
.welcome p {margin-top:20px; line-height:18px;}
.welcome a { display:block; float:right; margin-top:5px; background:url(../images/arrow.jpg) right .4em no-repeat; padding-right:12px;}
.welcome a:hover {background:url(../images/arrow_ovr.jpg) right .4em no-repeat;}
/* our insurance coverage */
h2.insurancecoverage { margin-top:20px; background:url(/images/bg_h2.png) 0 0.1em no-repeat; padding-left:20px; margin-bottom:10px; margin-left:10px;}
/* news and events */
.h2header {background:url(/images/bg_h2_header.jpg); width:232px; height:51px; padding-left:10px;}
h2.newsheader {margin-top:10px;}
ul.newsevents {background:url(/images/bg_ulnews.jpg); width:212px; padding:15px;}
ul.newsevents li {margin-bottom:30px; height:60px; }
.calendar {background:url(/images/calendar.png) bottom no-repeat; float:left; width:31px; height:45px; text-align:center; margin-right:10px;}
.calendar .month {font-size:10px; font-weight:bold; }
.calendar .date {font-size:14px; font-weight:bold; color:#7f7e65; padding-top:13px; display:block;}
ul.newsevents li.more, li.more, a.more {margin-bottom:0px; height:15px;}
ul.newsevents li.more a, li.more a, a.more {display:block; float:right; margin-top:0px; background:url(../images/arrow.jpg) right .4em no-repeat; padding-right:12px;}
ul.newsevents li.more a:hover, li.more a:hover, a.more:hover {background:url(./images/arrow_ovr.jpg) right .4em no-repeat;}
ul.newsevents a { margin-top:10px;}
ul.newsevents p { margin-left:40px;}
/* contact info box */
.contactInfo {background:url(/images/bg_pwelcome.jpg); padding:24px; width:194px; margin-top:15px; line-height:17px;}
/* coverage limit optiont */
ul#limitOptions {width:242px; margin-top:15px; line-height:17px; background:url(/images/bg_pattern_black80opp.jpg);}
ul#limitOptions li {padding:2px; border-bottom:1px solid #3e3e31; padding-left:24px; color:#e5c031;}
ul#limitOptions li.odd { background:url(/images/bg_pattern_black60opp.jpg);}
ul#limitOptions li.header {color:#e3d8ae; height:20px; font-size:14px;}
ul#limitOptions a {background:url(/images/arrow.jpg) 0 0.4em no-repeat; padding-left:15px; text-decoration:none;}
ul#limitOptions a:hover {background:url(/images/arrow_ovr.jpg) 0 0.4em no-repeat;}
/* testimonials */
.testimonials { margin:39px 0 0px 20px; background:url(../images/img_testimonialsIcon.jpg) top right no-repeat;} 
.testimonials blockquote { padding:16px; line-height:18px; background:url(../images/blockquoteOpen.jpg) 19px left no-repeat;}
/* application / download */
.app {width:242px; float:left; margin:32px 10px 0px 0; clear:left;}
.app p, .dwnld p { line-height:18px;}
.dwnld {width:242px; float:left; margin:32px 0 0 0;}
ul.appRes { background:url(../images/bg_ulnews.jpg); padding:10px;}
ul.appRes img { margin-right:10px;}
/* liability list */
ul.liability {float:left; margin-left:27px;}
ul.liability li {height:209px; width:146px; float:left; margin-right:4px;}
ul.liability a {height:209px; width:146px; display:block; text-indent:-9999px;}
ul.liability li.product {background:url(/images/ul_liability01.jpg) 0 -209px;}
ul.liability li.product a:hover {background:url(/images/ul_liability01.jpg);}
ul.liability li.professional {background:url(/images/ul_liability02.jpg) 0 -209px;}
ul.liability li.professional a:hover {background:url(/images/ul_liability02.jpg);}
ul.liability li.general {background:url(/images/ul_liability03.jpg) 0 -209px;}
ul.liability li.general a:hover {background:url(/images/ul_liability03.jpg);}
ul.liability li.optional {background:url(/images/ul_liability04.jpg) 0 -209px;}
ul.liability li.optional a:hover {background:url(/images/ul_liability04.jpg);}
ul.liability li.property {background:url(/images/ul_liability05.jpg) 0 -209px; margin-right:0px;}
ul.liability li.property a:hover {background:url(/images/ul_liability05.jpg);}
/* products page*/
.app_products {width:462px; background:url(/images/bg_pwelcome.jpg); padding:20px 20px;}
.app_products p {margin-top:20px; line-height:18px;}
table#productInfo {margin:10px 0; background:url(/images/bg_pattern_black80opp.jpg); width:482px; color:#e5c031; line-height:18px;}
table#productInfo tr.odd { background:url(/images/bg_pattern_black60opp.jpg);}
table#productInfo td, th {padding:12px 8px; border-bottom:1px solid #3e3e31;}
table#productInfo th {background:url(/images/bg_pattern_tan.jpg);}
#contents {width:462px; background:url(/images/bg_pwelcome.jpg); padding:20px 20px; margin-bottom:20px;}
#contents p {margin-top:20px; line-height:18px;}
#contents ul {line-height:24px; margin-left:20px;}
#contents li {background:url(/images/arrow.jpg) 0 0.9em no-repeat; padding-left:15px;}
#contents li:hover {background:url(/images/arrow_ovr.jpg) 0 0.9em no-repeat;}
a.point {background:url(/images/point.jpg); width:242px; height:109px;}
a.opga {background:url(/images/opga.jpg); width:242px; height:100px;}
a.vgm {background:url(/images/subpage_branding.jpg); width:217px; height:155px; margin-left:15px;}
a.point, a.opga, a.vgm {margin-top:7px;}
a.point:hover {background-position: 0 -109px;}
a.opga:hover {background-position: 0 -100px;}
a.vgm:hover {background-position: 0 -155px;}

/* online application */
.app_Instructions {width:462px; height:220px; background:url(/images/bg_pwelcome.jpg); padding:20px 20px;}
.app_Instructions p, .app_Warning p {margin-top:20px; line-height:18px;}
.app_Instructions a {float:right; display:block; margin-top:15px; background:url(/images/app_download.jpg) right no-repeat; padding-right:70px; height:65px; line-height:65px;}
.app_Warning {width:462px; background:url(/images/bg_pwelcome.jpg); padding:20px 20px;}
#onlineApp {color:#e5c031; line-height:18px;}
#onlineApp h2 { margin-left:20px;}
#onlineApp table {margin-top:10px; background:url(../images/bg_pattern_black.jpg);}
#onlineApp table td, th {padding:12px 8px; border-bottom:1px solid #3e3e31;}
#onlineApp table th {background:url(../images/bg_pattern_tan.jpg);}
ul#liabilitylist {width:452px; margin-top:10px; margin-left:9px;}
ul#liabilitylist li {float:left; width:150px; padding:3px 0;}
 {width:490px; margin-top:10px; margin-left:5px;}
ul#checkQuote li {float:left; width:240px; padding:3px;}
#onlineApp table tr.odd {background:url(/images/bg_pattern_black60opp.jpg);}
tr.last {border-bottom:none; background:none; height:1px;}
#onlineApp table tr:hover  {color:white;}
.nisub {display:inline; float:left; font-size:10px; margin-top:9px;}
table#memberInfo {width:502px; background:url(/images/bg_pattern_black.jpg);}
input.date {width:15px;}
table#NamedInsured {width:482px;}
table#GrossRevenueSources {width:482px;}
table#ProfessionalLiability {width:482px;}
table#PriorLiabilityInsuranceExperience {width:482px;}
table#LocationInformation {width:482px;}
table#Warning {width:482px; margin-bottom:10px;}
table#Warning h2 {color:red;}
.submitBtn {background:url(/images/submit.jpg); width:150px; height:41px; border:none; cursor:pointer; text-indent:-9999px; margin-top:-10px;}
.submitBtn:hover { background-position: 0 -41px;}
/* news and events page */
ul.newseventsPage { margin-top:20px;}
ul.newseventsPage li {background:url(/images/bg_pattern_black80opp.jpg); margin-bottom:15px; float:left; padding:20px;}
ul.newseventsPage li p { line-height:18px; margin-left:50px;}
ul.newseventsPage li:hover {background:url(/images/bg_pattern_black60opp.jpg);}
ul.newseventsPage li a { display:block; float:right; margin-right:20px;}
ul.newseventsPage .calendar { margin-top:3px;}
/* contact page*/
table#phoneList {background:url(../images/bg_pattern_black80opp.jpg); margin:10px 0px 0 0; width:242px; font-size:10px;}
table#phoneList .name { font-size:11px;}
table#phoneList td {padding:3px; border-bottom:1px solid #3e3e31;}
table#phoneList th {border-bottom:1px solid #3e3e31; background:url(../images/bg_pattern_white20opp.jpg); color:#e5c031;}
table#phoneList tr.odd {background:url(../images/bg_pattern_black60opp.jpg);}
a.email {background:url(/images/mail.png); text-indent:-9999px; display:block; height:25px; width:29px;}
a.email:hover { background-position: 0 -25px;}
.ContactIntro {width:464px; height:100px; padding:20px 20px;}
.ContactIntro p {margin-top:20px; line-height:18px;}
table#contactForm {width:483px; margin-top:10px; background:url(../images/bg_pattern_black80opp.jpg);}
table#contactForm h2 { margin-left:12px;}
table#contactForm th {background:url(../images/bg_pwelcome.jpg);}
table#contactForm td, table#contactForm th {border-bottom:1px solid #3e3e31;}
table#contactForm td {padding:12px 8px;}
.submitcontactBtn {background:url(/images/submitContact.jpg); width:150px; height:41px; border:none; cursor:pointer; text-indent:-9999px; margin-top:-10px;}
.submitcontactBtn:hover {background-position: 0 -41px;}
/* resources */
#resourceIcons {background:url(../images/bg_pattern_black80opp.jpg); height:140px;}
#resourceIcons ul { margin-top:30px;}
#resourceIcons li, #resourceIcons a {float:left; width:100px; height:78px;}
#resourceIcons a {display:block; text-indent:-9999px;}
#resourceIcons li.glossary {background:url(../images/05.resources_09.jpg);}
#resourceIcons li.claims {background:url(../images/05.resources_10.jpg);}
#resourceIcons li.coverage {background:url(../images/05.resources_11.jpg);}
#resourceIcons li.onlineapp {background:url(../images/05.resources_12.jpg);}
#resourceIcons li.downloadapp {background:url(../images/05.resources_13.jpg);}
table p { margin-bottom:10px;}

/* FORM */
label.desc{line-height:150%;padding:0 0 5px 0;border:none;color:#e5c031;display:block;font-size:95%;font-weight:bold;}
.label { clear:both; display:block; font-size:9px; margin-bottom:}
table#contactForm td span { float:left; margin-right:10px;}
table#contactForm tr.odd {background:url(../images/bg_pattern_black60opp.jpg);}
.errMessage{color:#FF0000; font-weight:bold;}
/* FOOTER */
#footer {}
/* ---------->>> END Structure <<<----------*/

/* ---------->>> 3. Typography <<<----------*/
/* COLORS */
.black {color:black;}
.dirtgrey {color:#7f7e65;}
.lightdirtgrey {color:#969696;}
.yella {color:#e5c031;}
.white {color:white;}
.tan { color:#e3d8ae;}
.blue {color:#b2c4cc;}
/* HEADERS */
#leftColumn h1 {background:url(/images/subpage_branding.jpg) no-repeat; width:217px; height:155px; margin-left:14px; margin-top:3px;}
h2, h3 {margin:0px;}
h3 {line-height:16px; font-size: 16px}
h4 { font-size:18px; margin-top:15px; margin:0 auto; text-transform:lowercase;}
/* LINKS */
a:link {color:#e5c031;}
a:visited {color:#e5c031;}
a:hover {color:#ffe75a;}
a:active {color:#e5c031;}
a.coverage { text-indent:-9999px; display:block; background:url(../images/img_coverage.jpg); width:216px; height:114px; clear:left; margin-bottom:40px;}
/* ---------->>> END Typography <<<---------*/