@charset "utf-8";
@import url("http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css");

/* Stylesheet for Website */
/*  ===== @MAIN BODY STYLES ============================== */
html, body {
height: 100%;
color: #666;
font-size:12px; 
font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
}
#page{ background: url(headerBg.jpg) repeat-x; font-size:12px;}
#page a{ color: #09B3E7; text-decoration: none; }
#page a:hover, #page a:active {color:#333;}
#container{
  margin: 0 auto;
}
/*  ===== @DEFAULT STYLES ============================== */
.floatL{float:left;}
.floatR{float:right;}
.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;}
h2, h3, h5, h6 { color: #2490b3; margin-bottom: 10px;}
#content h1 {
  font-size:22px;
  font-weight:bold;
  color:#2490b3;
  padding:0;
}
#content h2 { font-size:14px; font-weight:bold;}
#content h3 { font-size:14px; }
#content h4 { font-weight:bold;}
#content p {color:#666; margin:0 0 20px 0; }
#content ul, #content ol{margin:0 0 1em 0;}
#content li{margin:0 0 0 2em; list-style-type:disc;}

/*  ===== @HEADER =============================== */
#phoneWrapper{
text-align: right;
float: right;
padding: 10px 0 0;
}
#phoneNumber{
  font-size:26px;
  font-weight:bold;
  color:#98dff5;
}
#phoneWrapper { height: 50px; }
#phoneWrapper p { color: #fff; }
#logo{
  float: left;
}
#header{
  width: 960px;
  height: 100px;
  padding:0;
  margin:0 auto;
  display: block;
}
/*  ===== @Drop-Down Nav =============================== */
#jsddm {
  list-style: none;
  margin: 0 0 0 0;
  text-decoration:none;
  float: right;
  clear:right;
  width: 650px;
}
#jsddm > li {float: right;}
#jsddm li{
  list-style-type:none;
}
#jsddm > li > a {
  color:#fff;
  text-decoration:none;
  margin: 0 0 0 5px;
  padding: 5px 10px;  
  font-size: 14px;
  height: 21px;
  display:block;
}
#jsddm > li > a:hover {
  background: url(navBtnBg.jpg) repeat-x;
  color: #fff;
}
.mainNavMiddle a, .mainNavFirst a {
}
.mainNavFirst a:hover, .mainNavMiddle a:hover, .mainNavLast a:hover  {
color: #ccc;
}
#jsddm > li ul {
  display:none;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0px 0 0 5px;
  padding:0;
  position:absolute;
  z-index:90;
  border: 1px solid #000;
  
}
#jsddm > li ul li a{
color:#fff;
display:block;
  padding:3px 5px;
  margin:0;
  text-align:left;
  text-decoration:none;
  font-size: 12px;
  width: 150px;
  border-bottom: 1px solid #2c2c2c;
  background:#000;
}
#jsddm > li ul li a:hover{
background: #333;
color:#fff;
}


/*  ===== @HOMEPIECE ============================ */
#mastHead{
background: url(mastHeadBg.jpg) repeat-x;
clear: both;
}
/* ===== @PAGE CONTENT BOX STYLES ============================================= */
#homeContentWrapper{
text-align:left;
}
#contentWrapper{
margin: 0 auto;
width: 960px;
text-align:left;
}
#centering{
margin: 0 auto;
width: 960px;
padding: 20px 0 0 0;
}
#homeContent{
float:left;
padding:0 10px 0 3px;
width:360px;
margin: 0 0 20px;
}
#homeContent h1{
  font-size: 18px;
  font-weight: bold;
}
#homeContent h2{
  font-size: 14px;
  font-weight: bold;
}
#content{
float:right;
padding:0 10px 0 3px;
width:600px;
margin: 0 0 20px 0;
}
#homeButtons{
width:255px;
padding: 0 10px 0 10px;
float: left;
}
.carrierSlideshow{
margin: 10px auto 0;
width: 255px;
}
#socialNetworking{
width:290px;
padding: 0 10px 20px 10px;
float: left;
}
#socialNetworking a{
padding: 10px 5px 0 0;
}
#socialNetworking h2{
margin: 10px 0 5px 0;
color: #2490b3;
font-size: 16px;
font-weight: bold;
}
/* ===== @BREADCRUMB STYLES ============================================= */
.crumbs {
  color:#333333;
  margin:20px 0;
  padding:2px;
}
.crumbs a, .crumbs a:visited {
  color:#0c5890;
  font-size:14px;
  text-decoration:underline;
}
.crumbs a:hover, .crumbs a:visited:hover{
  color:#2490b3;
 }
.crumbLast{color:#2490b3;}
/* ===== @ACTION NAV STYLES ============================================= */
#homeSideBar{
float:right; 
margin:20px 20px 0 0;
width:308px;
}
#register{
margin: 0 auto;
width:260px;
display: block;
}
#sideBar{
float:left; 
}
#actionNav {
float:left;
font:13px Arial, Helvetica, sans-serif;
width:338px;
background: #ccc;
color: #fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px solid #a7a7a7;

}
#actionNav h2 {
    background:#000;
    font-size:16px;
    padding: 5px 10px;
    color:#fff;
}
#actionNavLinks { margin:0; padding:0 }

#actionNavLinks li {
    border-bottom:1px solid #b4b4b4;
    border-top:1px solid #fff;
    list-style:none;
}

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

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

#twitter {font-size:12px; margin: 0 0 10px; }
#twitter a { color:#000; margin:2px 0 0; }
#actionNav #twitter li { background:none; list-style:none; padding:0 10px; color:#000; }
#twitter ul{
margin: 10px 0 0 0;
}
.carrierSlideshow, .carrierSlideshow img{
  width:225px;
  height:100px;
  display:block;
}
/* ===== @CONTENT STYLES ============================================= */
#pageTitle{
  font-size: 18px;
  color: #09b3e7;
  margin: 10px 0;
}
#pageSubHeader {
  color:#FFFFFF;
  font-size:14px;
  margin:10px 0;
  text-shadow:0.1em 0.1em #07657F;
}
#googleMap{
  width:325px;
  height:325px;
  background:#d8ebf7;
  border:1px solid #b5d2e6;
  margin:0;
  padding:2px;
}
/* ===== @FORMS STYLES ============================================= */
#formContainer{
background:#09b3e7;
  border:2px solid #009bca;
width: 555px;
margin:0 auto;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font: 13px/normal Arial, Helvetica, sans-serif;
}
#formContainer #idMediaLoader{
margin: 0 auto;
width: 520px;
display: block;
}
#formContainer label{
color:#fff;
}
#formContainer h2{
color: #fff;
font-size:14px;
text-align:center;
margin:10px 0 10px 0;
}
#formReferFriend .emailAddress{
width: 260px;
}
#formReferFriend .emailAddress input{
width: 260px;
}
#formReferFriend .phone1,#formReferFriend .phone2{
width: 130px;
}
#formReferFriend .phone1 input, #formReferFriend .phone2 input{
width: 130px;
}
.notes textarea, .form .formWidth{ border:1px solid #cecece;}
.formContest{border-style:dashed !important;}
.form{
width:520px;
margin: 10px auto 0;
}
.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:0 0 10px 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;
}
/* ===== @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;
}
.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;
}
.poBoxContent{
  width:230px;
  padding:5px 0 0  0;
  text-align:left;
  color:#687175;
}
.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 {
background:#333;
color:#FFFFFF;
margin:20px auto 0;
padding:5px 0 0 0;
clear: both;
}
#footer ul {
width: 960px;
margin:0 auto;
text-align: center;
}
#footer img {
margin: 10px auto 0;
width: 71px;
display: block;
}
#footer li {
display:inline;
margin:0 2px;
}
#footer a, #footer a:visited {
color:#FFFFFF;
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: 9999;
  margin:0;
  padding:0;
}
#vpBtn{display:none;}
/* ===== @SLIDER STYLES ============================================= */
#slider {
color:#FFF;
font:12px sans-serif;
width:960px;
margin:0 auto;
position:relative;
overflow:  hidden;
}
.scroll {    
clear:left;
overflow:hidden;
position:relative;
}
.scrollContainer div.panel {
width:960px;
height: 266px;
overflow:hidden;
margin: 10px 0 0 0;
}
.hide { display:none }
.sliderCopy {
float:left;
margin:0 20px 0 20px;
padding:0;
width:520px;
}
.slider-content h1 { 
font-weight: bold;
font-size: 24px; 
color: #fff;
text-shadow: 0 1px 3px #666;
}
.slider-content p {
color:#FFFFFF;
font-size:12px;
line-height:1.8;
padding:0;
text-align:left;
margin:0 0 10px 0;
}
.slider-images {
float: left;
display: block;
}
ul.navigation {
width: 768px;
margin: 0 auto;
}
ul.navigation li {
float:left;
list-style:none;
}
ul.navigation a {
display:block;
width:192px;
height:92px;

text-decoration: none;
text-indent: -9999px;
}
#autoBtn{
background: url(autoBtn.png) no-repeat;
}
#homeBtn{
background: url(homeBtn.png) no-repeat;
}
#lifeBtn{
background: url(lifeBtn.png) no-repeat;
}
#healthBtn{
background: url(healthBtn.png) no-repeat;
}
#autoBtn:hover, #homeBtn:hover, #lifeBtn:hover, #healthBtn:hover{
background-position: bottom left;
}
ul.navigation a:focus { outline:none !important; }
.quote-button {
background: url(quoteBtn.png) no-repeat;
width:240px;
height:39px;
clear:both;
display:block;
text-indent:-9999px;
}
.quote-button:hover,.navigation li:hover,.navigation a.selected { background-position:bottom left }
.twitted ul#twitter_update_list li {
  margin: 10px 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  list-style-type: none;
}
.twitted li span {
  /* tweet content */
margin: 0 0 10px 0;
display: block;
line-height: 1.4em;
}
.twitted li span a {
  /* links in tweet content */
color: #2490b3;
}
.twitted li a {
  /* timestamp link */
  color: #2490b3;
}
