@charset "utf-8";
@import "reset.css";
/*  ===== Custom STYLES ============================== */
#homeTopRight{
width:461px;
height:252px;
float:left;
margin:16px 0;
}
#homeTopLeft{
float:left;
margin: 16px 0 0 20px;
}
#homeLogos{
text-align:left;
}
.goGreen{
margin:0 0 0 20px;
width:164px;
height:43px;
display:block;
float:right;
margin: 23px 27px 0 0;
}
.ie7 .goGreen { margin-top: -50px !important; }
.mainProducts{
clear:both;
text-align:left;
}
.mainProduct{
margin: 5px -5px 0;
display:block;
float:left;
position:relative;
width:164px;
height:131px;
}
.productImage{
width: 131px;
height:106px;
position:absolute;
top:12px;
left:16px;
}
.productHoverImage{
width: 131px;
height:106px;
display:none;
position:absolute;
top:12px;
left:16px;
}
#autoImg{
background: url(autoImg.jpg) no-repeat;
}
#homeImg{
background: url(homeImg.jpg) no-repeat;
margin: 0 8px 0 10px;
}
#businessImg{
background: url(businessImg.jpg) no-repeat;
}
#healthImg{
background: url(healthImg.jpg) no-repeat;
}
.quoteBtn{
margin: 10px 0 0 46px;
width: 355px;
height:107px;
display:block;
}
.quoteBtn:hover{
background-position: bottom left;
}
#tempCard{
  float:right;
}
#contentWrapper #wideContent,, #partnersPage #contentWrapper{
width:840px;
height:auto;
margin:70px 0 0;
}
#blank #content, #partnersPage #content{
  width:960px;
  float: right;
}
#blank #sideBar{
  width:360px;
  float:left;
  margin: 0 0 0 -20px;
}
/*  ===== @MAIN BODY STYLES ============================== */

html, body {height: 100%;}
body {font: 13px Tahoma, Arial, sans-serif; color:#696969; background:#FFF;}

#siteContainer{ height: 100%;}
#page{ background:#fff url(pageBg.jpg) repeat-x;}
#default, #blank, #wide { background:#FFF url(interorBg.jpg) repeat-x;}
/*  ===== @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;}

#copy hr {height:1px; border:0; border-bottom:1px solid #000;}
a, a:link, a:visited, a:focus,#homeContentWrapper a, #homeContentWrapper a:link, #homeContentWrapper a:visited, #homeContentWrapper a:focus {color:#0061AA; text-decoration:none; outline:none;}
#copy a:hover, #copy a:active, #homeContentWrapper a:hover, #homeContentWrapper a:active {color:#696969;}
#copy h2, #copy h3, #copy h5, #copy h6, #homeContentWrapper h2,homeContentWrapper h3, #homeContentWrapper  h5, #homeContentWrapper  h6 { color: #284965; margin: 0 0 1em 0;}
#copy h1, #homeContentWrapper h1 {font-size:22px; font-weight:normal; color:#17314C;margin: 0 0 1em 0;font-family:Tahoma,Arial,sans-serif;font-style:italic;}
#copy h2,#homeContentWrapper h2 { font-size:18px; }
#copy h3 { font-size:15px;color:#696969;font-weight:normal; }
#copy h4 { font-weight:bold;}
#copy p,#copy div, #homeContentWrapper p, #sideContent p, .itemTxt p {color:#696969; padding:0 10px 0 0; line-height: 1.5em; font-size: 13px;margin:0 0 15px;}
#sideContent p {font-size: 14px;}
#copy ul, #copy ol,#homeContentWrapper ul, #homeContentWrapper ol{margin:1em 0;}
#copy li, #homeContentWrapper li{margin:0 0 0 2em; list-style-type:disc; line-height: 1.5em;}
#smallHeading{
text-align: center;
font-size: 12px;
margin: 0 0 20px 0;
line-height: 1.4em;
font-weight: bold;
}

/*  ===== @HEADER =============================== */
#phoneWrapper{
text-align:right;
width:316px;
height:96px;
float:right;
background:url(/headerBg.gif) no-repeat;
}
#phoneWrapper p{
color:#b51a19;
font-size:12px;
text-align:right;
text-transform:uppercase;
display:block;
}
#phoneNumber{
margin:27px 4px 0px;
font-family:Helvetica;
font-size:36px;
font-weight:bold;
color:#FFF;
}

#logo{
float:left;
}
#header{
width:960px;
margin:0 auto;
}
/*  ===== @Drop-Down Nav =============================== */
#jsddm {
background: url(navBg.jpg) repeat-x;
list-style: none;
font: 16px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
width:960px;
height:35px;
clear:both;
}
#jsddm li{
list-style:none;
width:190px;
float:left;
padding-top:5px;
position:relative;
}
.mainNavFirst {
margin: 0 0 0 0;
}
.mainNavTab{
position:absolute;
left:27px;
top:40px;
height:0px;
width:147px;
}
#navButtons{
clear:both;
text-align:center;
position:relative;
padding:0 0 0 5px;
}
#navButtons > div {
float:left;
position:relative;
width:214px;
height:38px;
margin:7px;
}
#jsddm > li > a {
color:#fff;
display:block;
font-weight:bold;
text-decoration:none;
text-align:center;
height: 34px;
line-height: 30px;
position:relative;
}
#jsddm > li > .hover{
color: #000
}
#jsddm > li ul{
display:none;
width: 170px;
list-style:none;
position:absolute;
z-index:100;
border: 1px solid #acc2cb;
}
.mainNavFirst ul{
margin: 0 0 0 -10px;
}
#jsddm > li > ul a{
color:#273e51;
background: #d9dee0;
padding: 4px 10px;
font-size: 11px;
text-decoration:none;
display: block;
}
.subNav, .subNavFirst, .subSubNav,  .subSubNavFirst{
border-bottom: 1px solid #fff;
border-top: 1px solid #d9dee0;
}
.subNavFirst,  .subSubNavFirst{
border-top: none;
}
.subNavLast,  .subSubNavLast{
border-bottom: none;
}
#jsddm > li > ul a:hover{
background: #fff;
}
#jsddm  > li ul li  ul{
margin:-23px 0 0 153px;
position:absolute;
}

/*  ===== @HOMEPIECE ============================ */
#homeMenu{
height:420px;
width:960px;
margin:0 auto;
text-align:center;
}
/* ===== @PAGE CONTENT BOX STYLES ============================================= */
#contentWrapper{
min-height: 300px;
clear:both;
margin:0 auto;
padding: 20px 0 0 0;
width:960px;
background: transparent;
}
#homeContentWrapper {
clear:both;
min-height: 300px;
margin:0 auto;
width:960px;
background: none;
}
#copy{
clear: both;  
padding: 0 20px 20px;
}
/* ===== @ACTION NAV STYLES ============================================= */
#sideBar{
float:left;
height:auto;
width: 275px;
margin: 0 10px 0 0;
padding: 0 0 20px 10px;
font-size:15px;
}
sidesideContent{
clear:both;
}
#actionNav{  
/*float:left;*/
height: auto;
/*background:#666;*/
/*padding:10px;*/
color:#fff;
width:275px;
margin: 0 0 20px 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#actionNav h2{
margin: 0 0 10px 0;
font-size: 16px;
color: #fff;
}
#actionNav .twitted span{
font-size: 12px;
color: #fff;
}
#actionNav > ul{
margin: 1px 0 0;
}
#actionNav li{
padding: 0 0 3px;
list-style: none;
}
/*#actionNav li:hover{
background: #777;
}*/
#sideBar a{
color: #fff;
font-size: 18px;
text-decoration: none;
display: block;
padding: 7px 0 0 7px;
}
#actionNav #twitter{
margin: 10px 0;
}
#actionNav #twitter a{
color: #fff;
margin: 2px 0 0 0;
}
#actionNav #twitter li{
background: none;
}
#homeSideBar{
width:290px;
float:left;
height:auto;
margin: 20px 0 0 0;
}
.sideNavBlueBtn,.sideNavRedBtn{
display:block;
position:relative;
width:260px;
height:41px;
}
.sideNavBlueBtn{
background:url(/blueBtn.gif) no-repeat;
}
.sideNavRedBtn{
background:url(/redBtn.gif) no-repeat;
}
.activeHeader{
font-size: 18px;
padding: 7px 0 0 7px;
position:relative;
width:260px;
height:25px;
background:url(/redBtn.gif) no-repeat;
}
.activeBody{
font-size:14px;
padding: 0 7px;
position:relative;
width:260px;
background:url(/redBtn-back.gif) repeat-y;
}
.activeBody > ul{
background:url(/sideMenuBg.jpg) repeat-x;
width:246px;
}
#sideBar a.sideSubNav {
font-size:13px;
color:#444;
display:block;
height:20px;
width:246px;
padding: 3px 0 5px 3px;
text-decoration:none;
background:url(/sideNavBg.gif) repeat-x;
}
sideBar a.sideSubNav:hover {
text-decoration:none;
}
.activeFooter{
position:relative;
width:260px;
height:9px;
background:url(/redBtn.gif) no-repeat 0 -32px;
}
/* ===== @CONTENT STYLES ============================================= */

#pageSubHeader{
color: #fff;
margin: 0 0 5px 0;
text-align: center;
}
#homeContentWrapper #content{
width:600px;
padding: 20px 20px 20px 10px;
height:auto;
float:right;
}
#contentWrapper #content{
width:645px;
height:auto;
float:right;
}
#contactInfo{
float:left;
width:310px;
height: 500px;
margin: 0 0 0 5px
}
#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:#B92E2E;
border:2px solid #B92C2C;
margin:0 auto 20px;
padding:4px;
color:#fff;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#formContainer label{
color:#fff;
font: 13px/normal Arial, Helvetica, sans-serif;
}
#formContainer h2{
color: #fff;
font-size:13px;
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:30px;
-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{padding:2px 3px;}


/* ===== @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;
}
/* ===== @PAGER VENDOR STYLES ============================================= */
#copy .pager a.first,#copy .pager .a.prev,#copy .pager a.prev,#copy .pager a.last,#copy .pager a.next,
#copy .pager a.first:hover,#copy .pager .a.prev:hover,#copy .pager a.prev:hover,#copy .pager a.last,#copy .pager a.next:hover
{text-decoration:underline}
.activePage{font-weight:bold;}
/* ===== @PARTNERS PAGE STYLES ============================================= */
/* partners Form Container Styles */
#formContainer.partnersFormMod{
  width:940px;
  margin:0 auto 10px;
}
#partnersVid{
  float:left;
  margin:5px;
  width:600px;
  height:200px;
}
#idMediaLoaderWiffy{display: block;}
#partnersForm{
  float:right;
  margin:10px 5px 0 0;
}
#partnersForm #formHeader{margin-top:0;}
#partnersQuote{
padding:5px 0 0;
text-align:left;
width:320px;
margin:0 auto;
}
#partnersQuote .formInput{
width:160px;
padding:0;
margin:0;
text-align:left;
float:left;
}
#partnersQuote .formWidth{
width:150px;
height:15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#partnersQuote .company, #partnersQuote .company .formWidth{width:310px;}
#partnersQuote .submit, #partnersQuote .submit input{ margin: 0;}

#couponItemWrapper > h2{ margin: 0 0 0 20px; }
#couponContainer { 
  background: #ffffff;
  width: 325px;
  padding: 5px;
  border: 3px dashed #000;  /*Coupon Border Color*/
  margin: 0 0 15px;
}
#couponContainer h2 { 
  display: block; 
  text-align: center;
  padding: 8px 0 8px 0;
  background: #0061AA;    /*Coupon Header Background Color*/
  color: #fff;       /*Coupon Header Text Color*/
}
#couponContainer img { margin: 0 auto; display: block; }
.poFullDesc{
padding:5px;
margin:10px 0;
text-align:left;
width:330px;
}
.backVendor { margin: 5px 0 0 120px; }

#partnersLeft{ width:620px; float:left; margin:0 0 0 10px; min-height:300px;}
#partnersRight{ width:302px; float:right; margin:0 0 0 10px; margin:0 10px 0 10px;}
#floatBox{
}
h2.categoryHeading{
    color:#fff;    /*heading font color*/
    font-size:18px;
    background:#0061AA;    /*heading background color*/
    display:block;
    margin:0 0 10px 0;
    padding:0 10px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    border: 1px solid #c5c5c5; 
    height:35px;
    line-height:35px;
}
.partnerItem{
    color:#000;
    font-size:14px;
    background:#DFDFDF;   /*Item Background Color*/
    display:block;
    margin:0 0 10px 0;
    padding:10px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    border: 1px solid #c5c5c5;
}
.itemTxt{float:left; width:370px; height:auto; margin:0 0 10px 0;}
a.printCoup{
    display:block;
    clear:both;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    background:#B92E2E;      /*Print Button Background Color*/
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    line-height:25px;
    height:25px;
    width:135px;
    text-align:center;
    padding:0;
    margin:0;
}
a.printCoup:hover{background:#0061AA;}    /*Print Button Hover Color*/
a.showPrint{display:none;}
.partnerLogo{ 
  float:right; 
  width:200px; 
  height:auto; 
  display:block;
  border: 1px solid #c5c5c5; 
}
#partnersMenu{
    color:#2b2b2b;
    font-size:14px;
    background:#e4e4e4;    /*Our Partners Menu Background Color*/
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    width:300px;
}
#partnersMenu h2{
    color:#fff;
    font-size:18px;
    background:#0061AA; /*Our Partners Menu Heading Background Color*/
    height:35px;
    line-height:35px;
    display:block;
    padding:0 0 0 10px;
    margin: 0;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    border-radius-topleft:3px;
    border-radius-topright:3px;
}

#categories span{
    border-top:1px solid #fff;
    border-bottom:1px solid #d0d0d0;
    list-style:none;
    display:block;
    margin:0;
    padding:0;
}
#categories span a{
    display:block;
    text-decoration:none;
    color:#2b2b2b;   /*Our Partners Menu Link Text Color*/
    font-size:14px;
    padding:8px 10px;
}
#categories span a:hover{ background:#ccc;}   /*Our Partners Menu Link Hover Color*/
/* ===== @FOOTER STYLES ============================================= */
#footer li img {vertical-align:middle;}
/*#arLogo{float:right;}*/
#footer{
color:#fff;
background: url(/footerBg.jpg) repeat-x;
margin: 0 auto;
width: 100%;
height: 86px;
text-align:center;
}
/*---- Footer width must be adjusted if you add or remove items --*/
#footer ul{
width:800px;
margin:0 auto;
padding: 0;
}
#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: 9999;
margin:0;
padding:0;
}
#vpBtn{display:none;}