@charset "utf-8";
@import "reset.css";

/*  ===== @MAIN BODY STYLES ============================== */

html, body {height: 100%;}
body { font: 14px Tahoma, Arial, sans-serif; color:#666;}
#home{ background:#acacac url(bodyBack.png) repeat-x; }
#interior{ background:#acacac url(bodyBack.png) repeat-x;}
#container { background:url(containerBack.png) repeat-y center; width:986px; margin:0 auto; }

#home #twitter_update_list li { margin-bottom:10px; color:#1c7e9c;  }
#interior #twitter_update_list ul { padding: 10px;}
#home #twitter_update_list a{
  color:#333;
  }
.navButtons { 
  background:#1c7e9c url(actionNavGetAQuoteBack.jpg) repeat-x;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-radius-bottomright:5px;
  -webkit-border-radius-bottomleft:5px;
  padding:15px 0 5px;
}
.quoteLinkButtons { margin:0 0 5px 28px; display:block; float:left; }

#slideshow img {
  width:216px;
  height:92px;
  border:none;
  margin-left:12px;
  display:block;
}

#slideshow {
  width:250px;
  border:1px solid #DDD;
  height:100px;
  margin:10px 0;
  text-align:center;
  padding-left:12px;
}

#contentContainer {
  width:960px;
  clear:both;
  margin:0 auto;
}

#home #content {
  width:295px;
  height:auto;
  float:left;
  padding:0 0 0 20px;
}

#home #contentContainer h2 { color:#1c7e9c; font-size:12px; margin-bottom:20px; }
#home #contentContainer p, #contentContainer span  { font-size:13px; margin-bottom:10px; line-height: 1.5em; }


#home #socialContent {
  width:300px;
  height:auto;
  min-height:250px;
  float:left;
  margin-left:15px;
}

#mediaContent {
  width:300px;
  height:auto;
  min-height:250px;
  float:left;
  margin-left:15px;
}
#home #socialContent {
  width:300px !important;
  position:relative;
}

.twitterButton {
  display:block;
  width: 236px;
  height: 53px;
  margin:0 auto;
}

/*  ===== @DEFAULT STYLES ============================== */

.clear {
  clear: both; 
  display: block; 
  overflow: hidden; 
  visibility:hidden; 
  width: 0; 
  height: 0;
}  

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}  
* html .clearfix {height: 1%;}

:-moz-any-link:focus {outline: none;}
img {border:none;}

hr { height:1px; border:0; border-bottom:1px solid #000; }
a,a:link,a:visited, a:focus{color:#1C7E9C; text-decoration:none; outline:none;}
a:hover, a:active, a:hover,{color:#00607d;}

.copy h2, .copy h3, .copy h5, .copy h6{ color: #1c7e9c; margin: 0 0 1em 0;}
.copy h1 {font-size:22px; color:#1c7e9c;margin: 0 0 1em 0;}
.copy h2 { font-size:18px; }
.copy h3 { font-size:16px; }
.copy h4 { font-weight:bold;}
.copy p  { color:#666; line-height: 1.5em; margin-bottom: 15px }
.copy ul, .copy ol { margin:1em 0;}
.copy li {margin:0 0 0 2em; list-style-type:disc; line-height: 1.5em;}
/*  ===== @HEADER =============================== */

#phoneWrapper {
  height:60px;
  float:right;
  margin:40px 15px 0 0;
  text-align:right;
}

#chat {position:absolute;left:45%;}

#phoneWrapper p {
  color:#FFF;
  font-size:18px;
  text-shadow:#999 1px 1px 1px;
  text-align:center;
}
 

#logo{
width: 309px;
height: 111px;
margin: 10px 0 0 0;
float:left;
}

#home #header{
background: url(headerBack.jpg) no-repeat;
width:962px;
height: 102px;
margin:0 auto 0;
position:relative;
}
#interior #header{
background: url(headerBack.jpg) no-repeat;
width:962px;
height: auto;
margin: 0 auto;
position:relative;
}
/*  ===== @Drop-Down Nav =============================== */
#navClearer { clear:both; }

#navContainer {
  background:#1c7e9c;
  width:962px;
  height:25px;
  position:absolute;
  margin:-19px auto 0;
  clear:both;
}

#jsddm {
  color:#FFF;
  height:25px;
  float:right;
  margin: 0 12px 0 0;
}

#jsddm li { list-style:none; }
#jsddm > li {float: left;width:125px}
#jsddm > li > a {
  font:13px Arial, Helvetica, sans-serif;
  color:#FFF;
  font-weight:bold;
  text-align: center;
  display:block;
  text-decoration:none;
  height:px;
  line-height:25px;
  padding: 0 5px;
  margin:0 0 0 2px;
  text-transform:uppercase;
}

#jsddm > li > a:hover {}

#jsddm > li ul{
  background:#1C7E9C;
  display:none;
  width: 160px;
  list-style:none;
  position:absolute;
  z-index:100;
  border: 1px solid #186b85;
  border-top:none;
  margin:0 0 0 2px;
}
#jsddm > li > ul a{
color:#FFF;
padding: 4px 10px;
font-size: 11px;
text-decoration:none;
display: block;
}

#jsddm > li > ul a:hover { background: #53A1B8; }
.subNav, .subNavFirst, .subSubNav,  .subSubNavFirst{

}

.subNav a:hover {
color:#000;
}
#jsddm  > li ul li  ul{
margin:-23px 0 0 203px;
position:absolute;
}

/*  ===== @HOMEPIECE ============================ */
#homeMenu{
background:url(/homeMenuBack.jpg) repeat-x top;
height:315px;
width:935px;
margin:20px auto;
text-align:center;
}
/* ===== @PAGE CONTENT BOX STYLES ============================================= */
#interior #contentWrapper {
min-height: 300px;
clear:both; 
margin:0 auto; 
padding:20px; 
}

#home #contentWrapper{
min-height: 300px; 
margin:0 auto; 
padding: 3px 0 10px; 
width:960px; 
}
.copy {
clear: both;  
}
#interior .copy{
padding: 20px 10px;
}
/* ===== @ACTION NAV STYLES ============================================= */
#actionNav {
float:left;
font:13px Arial, Helvetica, sans-serif;
width:320px;
background: #FFF;
color: #1C7E9C;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px solid #a7a7a7;
margin: 0 0 0 10px;
}

#actionNavHeader {
  background:#1C7E9C;
  font-size:16px;
  padding: 5px 10px;
  color:#FFF;
  -moz-border-radius-topright:5px;
  -moz-border-radius-topleft:5px;
  -webkit-border-radius-topright:5px;
  -webkit-border-radius-topleft:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

#actionNav h2 {
  background:#1C7E9C;
  font-size:16px;
  padding: 5px 10px;
  color:#FFF;
}

#actionNavLinks { margin:0; padding:0 }

#actionNavLinks li {
    list-style:none;
}

#actionNavLinks li a {
    color:#1C7E9C;
    display:block;
    padding:5px 0 5px 10px;
    text-decoration:none
}

#actionNavLinks li a:hover {
    background:#DDD;
    padding:5px 0 5px 10px
}

#twitter {font-size:12px; margin: 0 0 10px;  }
#twitter a { color:#333; margin:2px 0 0; display:block; }
#twitter li { background:none; list-style:none; padding:0; color:#1C7E9C; }
#twitter ul{
margin: 10px 0 0 0;
}
#interior #twitter ul{
margin: 10px
}
/* ===== @CONTENT STYLES ============================================= */
#home #contentWrapper #content{
width:650px;
height:auto;
float:left;
}
#interior #contentWrapper #content{
  width:600px;
  height:auto;
  float:right;
}
#contactInfo{
float:left;
width:325px;
height: 500px;
margin: 0 0 0 10px;
}
#contactAddress{
margin:15px 0 0 0;
}
#googleMap{
width:325px;
height:325px;
background:#d8ebf7;
border:1px solid #b5d2e6;
padding:2px;
}

/* ===== @FORMS STYLES ============================================= */
#formContainer{
width:520px;
background:#1C7E9C;
border:2px solid #00607d;
margin:0 auto;
padding:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#formContainer label{
color:#fff;
font: 13px/normal Arial, Helvetica, sans-serif;
}
#formContainer h2{
color: #fff;
font-size:12px;
text-align:center;
margin:0 0 10px 0;
}
#formReferFriend .emailAddress{
width: 250px;
}
#formReferFriend .emailAddress input{
width: 240px;
}
.notes textarea, .form .formWidth{ border:1px solid #cecece;}
.formContest{border-style:dashed !important;}
.form{
width:520px;
}
.form .formInput{
width:130px;
float:left;
}
.form .formWidth{
width:120px;
height:15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#CRM_Leads_CompanyName{
width:490px;
}
.notes textarea{
width:518px;
height:35px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.phone .phoneUS{
width: 128px;
}
.inputMoreInfo, .submit{text-align:center; margin: 5px 0 0 0;}
.inputMoreInfo{margin:5px 0 0 0; color:#fff;}
.form label.error {color: #fff; padding-left: 5px; }
#submit{margin:5px 0; }
/* ===== @BLOG STYLES ============================================= */
.articleSeparator{}
.blog{
margin:20px;
line-height:1.3;
}
.blog h2{
margin:0;
padding:0;
border-bottom:1px solid;
}
.blog .time{
display:block;
margin: 0 0 20px 0;
font-size:10px;
float:right;
}
.blog .article{
clear:both;
margin: 0 0 20px 0;
}
.readMore { font-style:italic; float:right; }
/* ===== @PREFERRED VENDOR STYLES ============================================= */
.partnersItem{
width:150px;
display:block;
margin:10px;
}
.visitSiteBtnNo{display:none;}
.poBox{
border: 1px dashed #ddd;
height:78px;
color:#687175;
width:310px;
margin:0 5px 5px 0;
padding:0;
  float:left;
}
.poBoxContent a{
color:#687175;
text-decoration: none;
}
.poBoxContent a:hover{
color:#9FB0B8;
text-decoration: underline;
}
.poBoxIcon{
width:76px;
height:76px;
margin:2px 2px 0 2px;
padding:0;
  float:left;
}
.poBoxContent{
width:230px;
padding:5px 0 0  0;
text-align:left;
color:#687175;
  float:right;
}
.poShortDesc{
padding:0;
margin:3px 0 5px;
font-size:12px;
text-align:left;
color:#687175;
}
.poFullDesc{
padding:0;
margin:10px 0;
text-align:left;
width:330px;
}
.partners{
width:960px;
margin:0 0 20px;
}
/* ===== @FOOTER STYLES ============================================= */
#footer li img {vertical-align:middle;}
#arLogo{float:right;}
#footer {
  width:962px;
  margin:0 0 0 12px;
  background: #1c7e9c;
  color:#fff;
  padding: 5px 0;
}
/*---- Footer width must be adjusted if you add or remove items --*/
#footer ul{
width:800px; 
margin:0 auto;
height:34px;
}
#footer li {
display:block;
line-height:34px;
float:left;
height:34px;
width:auto;
margin:0 15px 0 0;
list-style:none;
}
#footer a, #footer a:visited {
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
#footer a:hover {color:#ccc;}
/* ===== @VIDEO GIRL STYLES ============================================= */ 
#vpPlayer, #vpBtn, #vpBtnPause {
position:fixed;
bottom:0;
right:0;
z-index: 20000;
}
#vpBtn{display:none;}



/* ===== @SLIDE-DOWN-PANEL ============================================= */

#slidepanel {
  margin:0 0 0 12px;
  position:absolute;
  text-align:center;
  top:0;
  width:962px;
  z-index:10000;
  border-top:2px solid #1C7E9C;
}

#panel {
  background: #FFF;
  color: #544D45;
  display: none;
  width: 100%;
  overflow: hidden; position: relative; z-index: 1000;
}

#panel .content {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  border-bottom:3px solid #1C7E9C;
}

#panel .content .box {
  width:300px;
  float:left;
  padding:10px;
}

/* box content */

.box h1 {
  color:#00244C;
  font-size: 16px;
  padding:0 0 10px;
  margin: 0;
}

.box h2 {
  color:#00244C;
  font-size: 14px;
  padding:0 0 10px;
  margin: 0;
}

.box p {
  color:#544D45;
  margin: 5px 0;
  padding: 0;
  font-size:12px;
}

.box a { color: #15ADFF; text-decoration: none; }
.box a:hover { color: white; }

/* @TAB */

.tab {
  background:#00244c;
  position: relative; top: 0; z-index: 10000;
}

.tab #toggle { float:right; }

.tab a.open, .tab a.close {
  color:#FFF;
  display:block;
  font-size:12px;
  width:190px;
  line-height: 13px !important;
  padding-left: 15px !important;
  cursor: pointer;
  position: relative;
  text-decoration:none;
  font-weight:bold;
}

.tab a.open { background: url(moreInfoTab.png) no-repeat; text-ident:-9999px; }
.tab a.close { background: url(moreInfoTab.png) no-repeat; text-ident:-9999px; }
.tab a:hover.open { background: url(moreInfoTab.png) no-repeat; text-ident:-9999px; }
.tab a:hover.close { background: url(moreInfoTab.png) no-repeat; text-ident:-9999px; }

/* ===== @SLIDER =============== */
/* nav styles */
#coda-nav-1 {
  width:935px; height:65px; clear:both; }

.coda-slider-wrapper { padding: 20px 0 5px 0 }
.coda-slider { background: url(../images/sliderBack.jpg) no-repeat; }
  
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 246px; overflow: auto !important; padding-right: 20px }


/* .panel-wrapper elements */

.panel-wrapper { width:470px; float:right; margin:10px 20px 0 0; color:#FFF; text-align:justify; }
.panel-wrapper h2 { margin:0 0 10px 0; text-shadow:#666 1px 1px 1px; font-size:26px; text-align:left;}
.panel img { float:left; margin:0 10px; }


.slider-quote-button { background:url(../images/quoteButton.png) no-repeat; display:block; width:201px; height:33px; text-indent:-9999px; margin-top:10px; }
.slider-quote-button:hover { background-position:bottom left; }

#slider-nav {
  display:block; 
  width:945px;
  height:30px;
  list-style:none;
  margin:0;
  padding:0;
}

#slider-nav li {
  background:url(../images/slider-menu-button.png) no-repeat;
  width:184px;
  height:30px;
  float:left;
  line-height:30px;
  text-align:center;
  margin:0 5px 0 0;
  padding:0;
}

#slider-nav li.nomargin { margin:0 !important; }

#slider-nav li a {
  color:#FFF;
  font-weight:bold; 
  display:block; 
  text-decoration:none !important;
  text-indent:-9999px; 
}

#slider-nav li:hover { background-position:bottom left; }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 932px; height:249px; } 
  
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
  
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
  
/* Tab nav */
.coda-nav ul li a.current { color: #ff7e00 }
  
/* Panel padding */
.coda-slider .panel-wrapper { padding: 20px }
  
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Tabbed nav */
.coda-nav, .coda-nav ul {
  width:960px;
  height:65px;
  margin:-4px 0 0 0;
  *margin:0 !important;
  padding:0; 
  overflow: hidden;
  position:relative; 
}



.coda-nav ul li { display: inline }

.coda-nav ul li a { 
  display: block;
  width:233px;
  height:65px; 
  float: left;
  text-indent:-9999px;
  margin:0;
}

.nomargin { margin-right:0 !important; }

.coda-nav a:focus { outline:none; }

.coda-nav .tab1 a { background:url(/autoHomeBtn.png) no-repeat; }
.coda-nav .tab2 a { background:url(/lifeBtn.png) no-repeat; }
.coda-nav .tab3 a { background:url(/medicareBtn.png) no-repeat; }
.coda-nav .tab4 a { background:url(/healthBtn.png) no-repeat;}
.coda-nav a:hover { background-position:bottom left; }
.coda-nav a.current { background-position:bottom left !important; }

  
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }