@charset "utf-8";
@import "reset.css";
/* Stylesheet for Website */
/*  ===== @MAIN BODY STYLES ============================== */
html, body { height: 100%;font: 12px/1.6 Tahoma, Arial, sans-serif; color:#666;}
#page{ background: #fff url(pageBg.jpg) repeat-x  top; font-size:12px;}
#container{
min-height: 100%;
height: auto !important;
height: 100%;
width: 960px;
margin: 0 auto -36px; /* the bottom margin is, in most cases, the negative value of the #footer height.  might need to be adjusted */
}
.floatL{float:left;}
.floatR{float:right;}
.clear {clear:both;}
/*  ===== @DEFAULT STYLES ============================== */
:-moz-any-link:focus {outline: none;}

img {border:none;}

.copy hr {height:1px; border:0; background:#000;}

a, a:link, a:visited, a:focus {color:#354a7f; text-decoration:none; outline:none;}
a:hover, a:active {color:#ccc;}

.copy h2,.copy h3,.copy h5,.copy h6 { color: #354a7f;}
h1 {
  font-size:22px;
  font-weight:bold;
  color:#354a7f;
  padding:0;
  text-transform: uppercase;
}
.copy h2 { font-size:14px; font-weight:bold; color:#354a7f }
.copy h3 { font-size:14px; }
.copy h4 { font-weight:bold;}

.copy p {color:#666; margin-bottom:15px; line-height: 1.5em;}

.copy ul, #content ol{margin:0 0 1em 0;}
.copy li{margin:0 0 0 20px; list-style-type:disc;}

/*  ===== @HEADER =============================== */
#phoneWrapper{
text-align: right;
float: right;
padding: 10px 0 10px 0;
}
#phoneTxt{
  color:#ccc;
  font-size:12px;
  margin: 0 0 5px 0;
  text-transform:uppercase;
  line-height: 12px;
}
#phoneNumber{
  font-size:26px;
  line-height:26px;
  font-weight:bold;
  color:#fff;
  height:26px;
}
#logo{
  margin:10px 0 0 0;
  float: left;
  width: 93px;
  height: 90px;
}
#header{
  width:960px;
  height:90px;
  margin:0 auto 20px 0;
  background: url(headerBg.png) no-repeat;
  display: block;
}
/*  ===== @Drop-Down Nav =============================== */

#jsddm {
  font: 14px Arial, Helvetica, sans-serif;
  color:#FFF;
  text-transform:uppercase;
  text-decoration:none;
  width:777px;
  clear:right;
  float:right;
}

#jsddm li{ list-style:none; }
#jsddm > li { float: left; position:relative; }

#jsddm > li > a {
  color:#fff;
  text-decoration:none;
  padding:0 0 0 15px;
  text-transform: uppercase;
}


#jsddm > li > a:hover { color: #CCC }

#jsddm > li ul {
  position:absolute;
  right:0;
  top:13px;
  display:none;
  width: 170px;
  z-index:100;
  border: 1px solid #233668;
  margin:10px 0 0 0;
  padding:0;
}

#jsddm > li > ul a {
  color:#fff;
  background: #354a7f;
  padding: 4px 10px;
  font-size: 11px;
  text-decoration:none;
  display: block;
}

.subNav, .subNavFirst, .subSubNav,  .subSubNavFirst { border-bottom: 1px solid #586da1; }

#jsddm > li > ul a:hover { background: #233668;}

#jsddm  > li ul li  ul{
  margin:-23px 0 0 203px;
  position:absolute;
}

/*  ===== @HOMEPIECE ============================ */

#mastHead{
width: 960px;
margin: 0 auto;
height:309px;
background:url(images/mainProductsBg2.jpg);
}

#mastHead a{
width: 317px;
height: 76px;
display:block;
float: left;
margin: 220px 0 0 0;
}

#mastHead #auto{
background: url(images/autoBg.png) no-repeat;
}
#mastHead #home{
background: url(images/homeBg.png) no-repeat;
}
#mastHead #business{
background: url(images/businessBg.png) no-repeat;
}
#mastHead #auto:hover, #mastHead #home:hover, #mastHead #business:hover {
background-position:bottom left;
}
/* ===== @PAGE CONTENT BOX STYLES ============================================= */
#contentWrapper{
margin:0 auto;
width:960px; 
text-align:left;
}
#content{
float:right;
width:620px;
margin: 0 0 20px 0;
}
#content ul{
margin: 10px 0 0 0;
}
#content li{
margin: 0 0 0 20px;
line-height: 1.5em;
}
#homeContent{
float:left;
padding:0 10px 0 3px;
width:360px;
margin: 20px 0 20px 0;
}
#homeButtons{
width:220px;
padding: 0 10px 0 10px;
float: left;
}
#socialNetworking{
width:300px;
padding: 0 10px 20px 10px;
float: left;
margin: 0;
}
#socialNetworking a{
padding: 10px 5px 0 0;
}
/* ===== @ACTION NAV STYLES ============================================= */
#homeSideBar{
float:right; 
margin:20px 20px 0 0;
}
#sideBar{
float:left; 
}
#sideNav{
padding: 10px;
background: #354a7f;
color: #fff;
width: 300px;
border: 2px solid #263761;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#sideNav h4 {
margin:0 0 10px;
font-size:18px;
}
#sideNav li {
list-style:none;
margin:0;
padding:0;
}
#sideNav a{
padding: 2px 10px;
display: block;
color: #fff;
margin: 2px 0 0 0;
}
#sideNav a:hover{
background: #263761;
}
.actionBtn{
    display:block;
    margin:0 0 3x;
}
.carrierSlideshow, .carrierSlideshow img{
  width:225px;
  height:100px;
  display:block;
}
/* ===== @CONTENT STYLES ============================================= */
#pageTitle{
font-size: 16px;
color: #354a7f;
margin: 10px 0;
}
#googleMap{
  width:325px;
  height:325px;
  background:#d8ebf7;
  border:1px solid #b5d2e6;
  margin:0;
  padding:2px;
}
/* ===== @FORMS STYLES ============================================= */
#formContainer{
  width:520px;
  background:#354a7f;
  border: 2px solid #263761;
  margin:0 auto 20px;
  padding:4px;
  color:#fff;
  text-align:center;
  -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:14px;
margin:0 0 4px 0;
}
#formReferFriend .emailAddress{
width: 250px;
}
#formReferFriend .emailAddress input{
width: 240px;
}
.notes textarea, .form .formWidth{ border:1px solid #cecece;}
.formContest{border-style:dashed !important;}
.form{
padding:5px 5px 0;
text-align:left;
width:500px;
margin:0 auto;
}
.form .formInput{
width:125px;
padding:0;
margin:0;
text-align:left;
float:left;
}
.form .formWidth{
width:115px;
height:15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#CRM_Leads_CompanyName{
width:490px;
}
.notes textarea{
width:490px;
height:35px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.inputMoreInfo, .submit{text-align:center;}
.inputMoreInfo{margin:2px 0; color:#fff;}
.form label.error {color: #fff; padding-left: 5px; }
#submit{margin:5px 0 10px; }

/* ===== @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 ============================================= */

#partnerContent{
width: 940px;
margin: 0 auto;
}
#partnerContent h2{
margin: 0 0 20px 0;
font-size: 18px;
}
.poWebsite{
font-size: 14px;
text-transform: uppercase;
}
.poBox{
  border: 1px dashed #ddd;
  height: 98px;
  color:#687175;
  background: #fff;
  margin: 0 10px 10px 0;
  width:460px;
  float: left;
}
.poIconImg{
float: left;
padding:10px;
width: 216px;
height: 77px;
}
.poBox .poItemPageBtn{
display: block;
background: #233668;
color:#fff;
padding: 5px ;
}
.poBox .poItemPageBtn:hover{
background: #586da1;
color:#fff;
text-decoration:none
}
.poBoxContent{
  padding: 10px 5px 0 0;
  display: block;
  float: left;
  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  ============================================= */
.push {
height:37px;
}
#footer {
background:  #233668;
color:#FFFFFF;
margin:0 auto;
clear: both;
}
#footer  ul {
margin: 0 auto;
width: 960px;
text-align:  center;
padding: 10px 0 0 0;
}
#footer  img {
margin: 10px auto 0;
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 {
background: url(sliderBg.jpg) repeat-x;
color:#FFF;
font:12px sans-serif;
width:920px;
margin:0 auto;
position:relative;
overflow:  hidden;
}
.scroll {    
width:920px;
clear:left;
overflow:auto;
overflow-x:hidden;
position:relative;
}
.scrollContainer div.panel {
width:920px;
height: 210px;
}
.hide { display:none }
.slider-content {
padding:10px;
width:920px;
margin:0;
}
.sliderCopy{
float:left;
margin:0 0 0 20px;
padding:0;
width:580px;
}
.slider-content h1 { font:bold 24px Arial, Helvetica, sans-serif; color: #fff }
.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 {
height:33px;
list-style:none;
}
ul.navigation li {
background: url(slideNavBtnBg.png) no-repeat;
width:136px;
height:33px;
float:left;
list-style:none;
margin: 0 2px 0 0;
}
ul.navigation a {
display:block;
width:136px;
height:33px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 5px 0 0 0;
}
ul.navigation a:focus { outline:none !important; }
.quote-button {
background: url(freeQuoteBtn.png) no-repeat;
width:171px;
height:36px;
clear:both;
display:block;
text-indent:-9999px;
}
.quote-button:hover,.navigation li:hover,.navigation a.selected { background-position:bottom left }

#homeSideBar .twitted {
  width: 260px;
  padding: 40px 0 0 0;
  margin: 0;
  color: #333;
  background: url(twitterH2.jpg) no-repeat;
}
.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: #354a7f;
}
.twitted li a {
  /* timestamp link */
  color: #354a7f;
}
#sideBar .twitted span{
color:#fff;
}
#sideBar .twitted h2{
color:#fff;
font-size: 18px;
}

/********BLANK STYLES********/

#blank #contentWrapper, #partnersPage  #contentWrapper{
clear:both; 
margin: 0 auto; 
width:960px;
}
  #blank #content, #partnersPage  #content{
    width:960px;
    float: right;
  }
  #blank #sideBar{
    width:360px;
    float:left;
    margin: 0 0 0 -20px;
  }

.copy {clear: both;}
#interior  .copy, #blank .copy{padding: 20px;}