/***********************************/
/** Copyright 2009 InsureMe, Inc. **/
/***********************************/

/**--------------***/
/** Global Styles **/
/**--------------***/
* { margin: 0; padding: 0; border: none; }
html,body { width: 100%; }
body { font: normal 13px/1.5em Arial, Helvetica, sans-serif; color: #555; background: #fff url(../../../Images/x10/bodyBkg.png) repeat-x top center; }
.wrapper { width: 100%; height: 100%; min-height: 400px; background: url(../../../Images/x10/bodyBkg-Swirls.jpg) no-repeat center 4px; text-align: center;  }
a { color: #005C8A; text-decoration: underline; }
a:hover { color: #005C8A; text-decoration: none; }
img { margin: 0; padding: 0; border: none; }
.red { color: #a10c10; }
.blue { color: #005C8A; }
.darkGrey { color: #333; }
.liteGrey { color: #555; }
.lightBlueA { color: #8ebfd9; }
.lightBlueB { color: #98CCE8; }
.lightBlueC { color: #478db1; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
.bold { font-weight: bold; }
.noBold { font-weight: normal; }
.noBkg { background: none; }
.bkg { background-color: #999;}
.shadedLightBlue { background: #e9f0f4 url(../../../Images/x10/shadedBlueBkg-blueGradient.png) repeat-x 0 0; }
.shadedDk { background: #c1c1c1; }
.shaded { background: #dcdcdc; }
.shadedB {  background: #e3e3e3; }
.shadedLite {background: #f5f5f5; }
.border { border: solid 1px #f00; }
.borderLite { border: solid 1px #e7e7e7; }
.borderBlue { border: solid 1px #5e9bbc; }
.noTopBorder { border-top: none; }
.dottedUnderline { text-decoration: none; border-bottom: dotted 1px;}
.dottedUnderline:hover { border-bottom: none; }
.displayBlock { display: block; }

/**-------------------**/
/** Padding & Margins **/
/**-------------------**/
.nomargin { _margin: 0 0 -4px 0; }
.paddingTop3 { padding-top: 3px; }
.paddingTop8 { padding-top: 8px; }
.paddingRight6 { padding-right: 10px; }
.paddingRight10 { padding-right: 10px; }
.paddingRight16 { padding-right: 16px; }
.paddingLeft16 { padding-left: 16px; }
.paddingLeft6 { padding-left: 6px; }
.paddingLeft4 { padding-left: 4px; }
.paddingLeft2 { padding-left: 2px; }
.marginLR-auto { margin-left: auto; margin-right: auto; }
.margin3 { margin: 3px; }
.margin7 { margin: 7px; }
.marginTopBottom4 { margin-top: 4px; margin-bottom: 4px;}
.marginTop8 { margin-top: 8px; }
.marginTop15 { margin-top: 15px; }
.marginTop20 { margin-top: 20px; }
.marginRight5 { margin-right: 5px; }
.marginRight6 { margin-right: 6px; }
.marginRight8 { margin-right: 8px; }
.marginRight9 { margin-right: 9px; }
.marginRight14 { margin-right: 14px; }
.marginLeft3 { margin-left: 3px; }
.marginLeft6 { margin-left: 6px; }
.marginLeft8 { margin-left: 8px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft12 { margin-left: 12px; }
.marginLeft14 { margin-left: 14px; }
.marginLeft170 { margin-left: 170px; }
.marginLeft0 { margin-left: 0; }
.marginBottom5 { margin-bottom: 5px; }
.marginBottom10 { margin-bottom: 10px; }
.marginBottom15 { margin-bottom: 15px; }
.marginBottom0 { margin-bottom: 0px; }


/**------------**/
/** Typography **/
/**------------**/
h1, h2, h3, h4, p.subheadline { font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #252525; text-align: left; }
h1 { font-size: 23px; }
h2 { font-size: 18px; line-height: 1.6em; }
h3 { font-size: 15px; }
h4 { font-size: 13px; }
p { margin-bottom: 10px; text-align: left; } 
hr { border: 0 #eee solid; border-top-width: 1px; clear: both; height: 0; }
/* Generics */
.textsize16 { font-size: 16px; }
.textsize15 { font-size: 15px; }
.textsize14 { font-size: 14px; }
.textsize13 { font-size: 13px; }
.textsize12 { font-size: 12px; }
.textsize11 { font-size: 11px; } 
.textsize10 { font-size: 10px; } 
.textsize9 { font-size: 9px; } 
.lineHeight1em { line-height: 1em; }
.lineHeight13em { line-height: 1.3em; }
.lineHeight14em { line-height: 1.4em; }
.lineHeight2em { line-height: 2em; }
.fontLucida { font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

/**--------------**/
/** Input Fields **/
/**--------------**/
/* Text Fields */
.appTextFieldMicro, .appTextFieldMini, .appTextFieldXSml, .appTextFieldSml, .appTextField, .appTextFieldMedLrg, .appTextFieldLrg, .appTextFieldXLrg, .appTextFieldXXLrg, .homepageSignUpFields  { margin: 0 5px 3px 2px; padding: 2px 2px 0 2px; height: 16px; line-height: 16px; color: #555; background: #fff url(../../../Images/x10/textField-bkgWhite.png) no-repeat top left; border-top: solid 1px #888; border-right: solid 1px #bcbcbc;  border-bottom: solid 1px #bcbcbc; border-left: solid 1px #888; }
.appTextFieldMicro { width: 5%; }
.appTextFieldMini { width: 12%; }
.appTextFieldXSml { width: 25%; }
.appTextFieldSml { width: 35%; }
.appTextField { width: 50%; }
.appTextFieldMedLrg { width: 75%;  }
.appTextFieldLrg { width: 80%; }
.appTextFieldXLrg { width: 92%; }
.appTextFieldXXLrg { width: 98%; }
.homepageSignUpFields { margin: 0; width: 99%; height: 20px; font-size: 15px; }
/* Drop downs */
.appDropDownX, .appDropDownMini, .appDropDownMiniSml, .appDropDownXSml, .appDropDownSml, .appDropDownMedSml, .appDropDown, .appDropDownMedLrg, .appDropDownLrg, .appDropDownXLrg { margin: 0 5px 0 2px; padding: 0; height: 20px; line-height: 20px; color: #555; background: #fff url(../../../Images/x10/textField-bkgWhite.png) no-repeat top left; border-top: solid 1px #888; border-right: solid 1px #bcbcbc;  border-bottom: solid 1px #bcbcbc; border-left: solid 1px #888; }
.appDropDownX { width: auto;}
.appDropDownMini { width: 17%; }
.appDropDownMiniSml { width: 21%; }
.appDropDownXSml { width: 27%; }
.appDropDownSml { width: 37%; }
.appDropDownMedSml { width: 44%; }
.appDropDown { width: 55%; }
.appDropDownMedLrg { width: 70%;  }
.appDropDownLrg { width: 82%; }
.appDropDownXLrg { width: 94%; }
/* Text Areas */
.appTextArea200, .appTextArea100, .appTextArea70 { margin: 0 5px 0 2px; padding: 0; color: #555; background: #fff url(../../../Images/x10/textField-bkgWhite.png) no-repeat top left; border-top: solid 1px #888; border-right: solid 1px #bcbcbc;  border-bottom: solid 1px #bcbcbc; border-left: solid 1px #888; }
.appTextArea200 { height: 200px; }
.appTextArea100 { height: 100px; }
.appTextArea70 { height: 70px; } 
/**--------**/
/** Header **/
/**--------**/
#headerContainer { margin-bottom: 17px; height: 110px; position: relative; z-index: 1001; }
#headerContainer .logo { position: absolute; top: 17px; left: 0; }
#dateStamp { font-size: 11px; color: #777; position: absolute; top: 49px; right: 2px; }
#searchContainer { width: 223px; height: 22px; background: url(../../../Images/x10/searchContainer-bkg.png) no-repeat top left; position: absolute; top: 13px; right: 2px; text-align: left; }
#searchContainer .searchField { margin: 3px; padding-left: 2px; width: 170px; height: 18px; font-size: 12px; font-style: italic; color: #999; background-color: #fdfcfd; border: none; float: left; }
#searchContainer .searchButton { width: 33px; height: 22px; float: right; }
/** GNAV **/
#gnavContainer { width: 940px; height: 40px; background: url(../../../Images/x10/gnav-bkg.jpg) no-repeat top left; position: absolute; bottom: 0; left: 0; text-align: left; } 
#gnavContainer a.agentButton { margin: 6px 8px 0 0; _margin-right: 4px; width: 139px; height: 25px; display: block; color: #fff; text-indent: -9999px; background: url(../../../Images/x10/gnav-agent-signup.png) no-repeat top left; float: right; }
#gnavContainer a.agentButton:hover { background: url(../../../Images/x10/gnav-agent-signup-over.png) no-repeat top left; }
ul#menu { margin: 2px 0 0 3px; _margin-left: 1px; padding: 0; width: 676px; height: 34px; list-style-type: none; float: left; }
ul#menu li { line-height: 34px; display: inline; float: left; position: relative; }
ul#menu li a { height: 34px; line-height: 34px; text-indent: -9999px; text-decoration: none; float: right; display: inline; }
ul#menu li, ul#menu li a { _margin-top: 1px; background: url(../../../Images/x10/gnav-topLevel-matrix.png) no-repeat top left; }
/* Insurance Quotes */
ul#menu li.InsuranceQuotes, ul#menu li.InsuranceQuotes a { _margin-top: 0px; width: 179px; background-position: 0 0; }
ul#menu li.InsuranceQuotes a.on, ul#menu li.InsuranceQuotes a:hover { width: 179px; background-position: 0 -34px; }
/* Comare & Save */
ul#menu li.CompareSave, ul#menu li.CompareSave a { width: 171px; background-position: -179px 0; }
ul#menu li.CompareSave a.on, ul#menu li.CompareSave a:hover { width: 171px; background-position: -179px -34px; }
/* Insurance Basics */
ul#menu li.InsuranceBasics, ul#menu li.InsuranceBasics a { width: 172px; background-position: -350px 0; }
ul#menu li.InsuranceBasics a.on, ul#menu li.InsuranceBasics a:hover { width: 172px; background-position: -350px -34px; }
/* Our Company */
ul#menu li.OurCompany, ul#menu li.OurCompany a { width: 154px; background-position: -522px 0; }
ul#menu li.OurCompany a.on, ul#menu li.OurCompany a:hover { width: 154px; background-position: -522px -34px; }

/** Submenus **/
ul#menu div { display: none; text-align: left;}
ul#menu li.mega div.tableContainer {  position: absolute; top: 35px; left: 0; z-index: 1000; }
ul#menu li.mega div.tableContainer2 {  position: absolute; top: 35px; right: 0; z-index: 1000; }
ul#menu li.hovering div#tableContainer, ul#menu li.hovering div#tableContainer2 { display: block; }
ul#menu li div .subnav a { text-decoration: none;  }
ul#menu li div .subnav a:hover { _width: 323px; text-decoration: none; }
.subnav .topLeft { width: 7px; height: 7px; background: url(../../../Images/x10/subnav-bkg-TL.png) no-repeat bottom left; }
.subnav .topTile { height: 7px; background: url(../../../Images/x10/subnav-bkg-TopTile.png) repeat-x bottom center; }
.subnav .topRight { width: 7px; height: 7px; background: url(../../../Images/x10/subnav-bkg-TR.png) no-repeat bottom right; }
.subnav .leftTile { width: 7px; background: url(../../../Images/x10/subnav-bkg-LeftTile.png) repeat-y; }
.subnav .linksContainer { background: #f6eedf url(../../../Images/x10/subnav-bkg-contentTile.png) repeat-x top left; }
.subnav .rightTile { width: 7px; background: url(../../../Images/x10/subnav-bkg-RightTile.png) repeat-y; }
.subnav .bottomLeft { width: 7px; height: 7px; background: url(../../../Images/x10/subnav-bkg-BL.png) no-repeat top left; }
.subnav .bottomTile { height: 7px; background: url(../../../Images/x10/subnav-bkg-BottomTile.png) repeat-x top center; }
.subnav .bottomRight { width: 7px; height: 7px; background: url(../../../Images/x10/subnav-bkg-BR.png) no-repeat top right; }
ul#menu li div .subnav a.subnavLink { margin: 8px; width: 323px; height: 36px; padding-top: 4px; background: none; text-indent: 0; display: block; float: left; text-align: left;}
ul#menu li div .subnav a.subnavLink .title { margin-left: 42px; margin-bottom: -10px; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #005c8a; text-transform: uppercase; display: block;  }
ul#menu li div .subnav a.subnavLink .description { margin-left: 42px; color: #939393; }
 /* Insurance Quotes */
.InsuranceQuotes-SubContainer { width: 415px; height: 310px; }
.InsuranceQuotes-SubContainer table { margin: 10px auto; padding: 0; width: 340px; }
.InsuranceQuotes-SubContainer span.QBtitle { margin: 0 0 0 20px; padding-top: 13px; display: block; }
.InsuranceQuotes-SubContainer td.label { margin: 0; padding: 0; font: bold 12px/1em Arial, Helvetica, sans-serif; color: #333; }
.InsuranceQuotes-SubContainer td.labelPadding { margin: 0; padding-top: 17px; font: bold 12px/1em Arial, Helvetica, sans-serif; color: #333; }
.InsuranceQuotes-SubContainer .qb-dropDwn { margin: 0 0 0 20px; padding: 3px 3px 3px 0; width: 187px; font: normal 12px Arial, Helvetica, sans-serif; }
.InsuranceQuotes-SubContainer .qb-zipBox { margin: 20px 0 0 20px; padding: 3px 3px 3px 2px; _padding: 1px 0 0 3px; width: 187px; font: normal 12px Arial, Helvetica, sans-serif; }
.InsuranceQuotes-SubContainer .submit-button { margin: 15px 0 0 20px; padding: 0; border: none; }
.InsuranceQuotes-SubContainer td.InsuranceQuestion { margin: 0; padding: 17px 0 0 22px; font: bold 12px/1em Arial, Helvetica, sans-serif; color: #333;  }
.InsuranceQuotes-SubContainer span.radio { padding-right: 8px; }
.InsuranceQuotes-SubContainer span.radioLabel { padding-right: 20px; }
.InsuranceQuotes-SubContainer img.veriSign { margin: 10px 0 0 30px; }
 /* Compare & Save */
.CompareSave-SubContainer { width: 351px; _width: 400px; height: 240px; }
ul#menu li div .subnav a.linkPrices { background: url(../../../Images/x10/subnav-icon-money.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkPrices:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-money.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkCoverage { background: url(../../../Images/x10/subnav-icon-fileCab.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkCoverage:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-fileCab.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkCompanies { background: url(../../../Images/x10/subnav-icon-skyscaper.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkCompanies:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-skyscaper.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkNewsletter { background: url(../../../Images/x10/subnav-icon-envelope.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkNewsletter:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-envelope.png) no-repeat 8px 8px; }
 /* Insurance Basics */
.InsuranceBasics-SubContainer { width: 563px; height: 300px; }
ul#menu li div .InsuranceBasics-SubContainer a.subnavLink { float: right; }
ul#menu li div .subnav ul.browseByType { margin: 10px 0 0 18px; _margin-left: 12px; width: 155px; list-style-type: none; float: left; }
ul#menu li div .subnav ul.browseByType li { margin: 3px 0 18px 23px; height: 20px; width: 135px; line-height: 18px; background: url(../../../Images/x10/subnav-icon-triange.png) no-repeat 125px 8px; }
ul#menu li div .subnav ul.browseByType li.first { margin-left: -10px; margin-bottom: 5px; padding-left: 25px; background: url(../../../Images/x10/icon-folderDir.png) no-repeat 0 2px; }
ul#menu li div .subnav ul.browseByType li a { padding: 5px; width: 135px; height: 15px; line-height: 15px; text-indent: 0; display: block; background: none; }
ul#menu li div .subnav ul.browseByType li a:hover {  _width: 135px; background: #f1ebdf url(../../../Images/x10/subnav-icon-triange.png) no-repeat  135px 8px; }
ul#menu li div .subnav a.linkGeneralInfo { background: url(../../../Images/x10/subnav-icon-asterisks.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkGeneralInfo:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-asterisks.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkAnswers { background: url(../../../Images/x10/icon-Qbubble.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkAnswers:hover { background: #f1ebdf url(../../../Images/x10/icon-Qbubble.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkState { background: url(../../../Images/x10/subnav-icon-pushpin.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkState:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-pushpin.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkNews { background: url(../../../Images/x10/icon-imageText.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkNews:hover { background: #f1ebdf url(../../../Images/x10/icon-imageText.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkGlossary { background: url(../../../Images/x10/icon-bookStack.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkGlossary:hover { background: #f1ebdf url(../../../Images/x10/icon-bookStack.png) no-repeat 8px 8px; }

/* Our Company */
.OurCompany-SubContainer { width: 351px; _width: 400px; height: 330px; }
ul#menu li div .subnav a.linkHow { background: url(../../../Images/x10/subnav-icon-gears.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkHow:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-gears.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkAbout { background: url(../../../Images/x10/subnav-icon-info.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkAbout:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-info.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkLeadership { background: url(../../../Images/x10/subnav-icon-leadership.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkLeadership:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-leadership.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkPress { background: url(../../../Images/x10/subnav-icon-bolt.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkPress:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-bolt.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkCareers { background: url(../../../Images/x10/subnav-icon-tie.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkCareers:hover { background: #f1ebdf url(../../../Images/x10/subnav-icon-tie.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkAgents { background: url(../../../Images/x10/icon-paperAirplane.png) no-repeat 8px 8px; }
ul#menu li div .subnav a.linkAgents:hover { background: #f1ebdf url(../../../Images/x10/icon-paperAirplane.png) no-repeat 8px 8px; }

/**---------**/
/** Content **/
/**---------**/
/* Featured Articles */
#articlesList { background: url(../../../Images/x10/sideAppContent-whitebox-boxBkg.png) no-repeat bottom center;}  
#articlesList h4 { padding: 10px 0 0 10px; font-size: 15px; color: #333; background: url(../../../Images/x10/sideAppContent-whitebox-headlineBkg.png) no-repeat top center; }
#articlesList ul { margin: 0; }
#articlesList ul li { margin: 2px 0 15px 8px; padding-left: 18px;  font-size: 12px; background: url(../../../Images/x10/icon-arrowRight.png) no-repeat 0 6px; }

/**--------**/
/** Footer **/
/**--------**/   
#footerContainer { margin-top: 34px; height: 250px; background: url(../../../Images/x10/footerBkg.jpg) no-repeat top center; text-align: left; position: relative; }
#footerContainer a { color: #777; text-decoration: none; }
#footerContainer a:hover { color: #444; text-decoration: underline; } 
#footerContainer .bottomCap { position: absolute; bottom: 0; left: 0; }
#footerContainer .footerLogo { position: absolute; top: 15px; right: 20px; }
#footerContainer .legal { margin: 0; padding: 0; text-align: right; position: absolute; top: 42px; right: 20px; }
/* Footer Sitemap */ 
#footer-menu { position: absolute; top: 13px; left: 20px;}
#footer-menu, #footer-menu ul{ list-style-type: none; }
#footer-menu li { margin: 0 12px 0 0; padding: 0; width: 165px; font-weight: bold; font-size: 13px; list-style-type: none; float: left; display:inline; background: none; position:relative;}
#footer-menu li.quotesColumn { width: 165px; }
#footer-menu li ul { margin: 4px 0 5px 0; }
#footer-menu ul li { padding: 3px 0; width: auto; font-size: 85%; font-weight: normal; display: block; float :none;}
#footer-menu ul li ul { margin: 0; padding: 0; }
#footer-menu li ul li ul li { margin: 0; padding: 0 0 ; border-left: solid 2px #ddd;  }
#footer-menu li ul li ul li a { margin-left: 5px; }
