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

/* Stylesheet for Website */
/*  ===== @MAIN BODY STYLES ============================== */
html, body {height: 100%;}
body {font: 12px/1.6 Tahoma, Arial, sans-serif; color:#666;}
#page, #blank{ background: #cbd6d9; font-sixe:12px;}

#themeContainer{
  width:960px;
  height: auto;
  margin: 10px auto;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.inner #themeContainer { padding-bottom:100px !important; }
.inner #pageContent { padding-bottom:100px; clear: both; }

#midContent {
  width:310px;
  height:auto;
  float:left;
}

.resources { border-collapse:collapse; margin:20px 0 0 40px; }
.resources td { padding:5px; vertical-align:middle; }

/*  ===== @DEFAULT STYLES ============================== */
.floatL{float:left;}
.floatR{float:right;}
.clear {clear:both;}

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

img {border:none;}

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

a, a:link, a:visited, a:focus {color:#007FA4; text-decoration:none; outline:none;}
a:hover, a:active {color:#333;}

h2, h3, h5, h6 { color: #5195e8;}
h1 {
  font-size:28px;
  color:#3E97B8;
}
h2 { font-size:18px; font-weight:bold; }
h3 { font-size:16px; }
h4 { font-weight:bold;}

p {color:#666; margin-bottom:15px;}

ul, ol{margin:0 0 1em 0;}
li{margin:0 0 0 2em; list-style-type:disc;}

.mainHeader { color:#007FA4 !important; }
.altHeader  { color:#FF8400; }
.mainImg { float:left; margin:5px 5px 20px 5px; }
#innerContent { margin:10px; }
.inner { background:#FFF url(InteriorBodyBg.png) center bottom no-repeat !important; }

/*  ===== @HEADER =============================== */
#leftHeader{width:366px;}
#rightHeader{width:200px;}

#phoneTxt{
  height:12px;
  color:#5397ea;
  font-size:12px;
  margin: 1px 10px 0 0;
  text-align:right;
  text-transform:uppercase;
}
.phoneNumber{
  height:20px;
  text-align:right;
  padding:0 10px 18px 0;
}
#phoneWrapper { float: right; height:50px;width:400px;text-align:right;}
#phoneWrapper p { display: inline; color: #fff; font-size: 24px;font-weight:bold; margin: 0 0 0 0; }
#phoneWrapper h2 { display: inline; color:#007fa4; font-size: 28px;  }
#logo{
  padding:16px 0 6px 0;
  margin:0;
  height:54px;
}

.callus { font-size:14px; font-style:italic; }
.phoneNum { font-size:22px; font-weight:bold; color:#007fa4; margin-left:10px; }

#headerContainer {
  width:960px;
  height:100px;
  padding:0;
  margin:0 auto;
background: url(headerBg.png) no-repeat 0 16px;
}
/*  ===== @Drop-Down Nav =============================== */

#navClearer{
clear:right;  
}

#jsddm {
  color:#FFF;
  height:38px;
  float:right;
  list-style: none;
  padding: 0;
  margin: 0;
  font: 12px Arial, Helvetica, sans-serif;
  text-shadow: 0 1px 3px #000;
  text-transform:uppercase;
  text-decoration:none;
}

#jsddm li {
  margin:0;
  padding:0;
  list-style-type:none;
}

#jsddm > li {float: left; height:38px; }
#jsddm > li > a {
  color:#FFF;
  display:block;
  font-weight:bold;
  text-decoration:none;
  height:38px;
  line-height:30px;
  text-align: center;
  font-size: 11px;
  margin: 0 35px 0 0;
}


#jsddm .mainNavFirst ul {
  width:231px;
  padding:0 0 0 0 !important;
}

#jsddm > li ul {
  display:none;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:3px 0 0 0;
  padding:0;
  position:absolute;
  z-index:90;
}
#jsddm > li > ul >li{
  margin-left: -30px;
}
.subNav a,  .subSubNav  a{
  color:#fff;
  display:block;
  padding:0;
  margin:0;
  text-align:center;
  text-decoration:none;
  width:231px;
  height:25px;
  line-height:25px;
}
.subNavFirst a, .subNavLast a, .subSubNavFirst a, .subSubNavLast a{
  height:26px;
  color:#fff;
  display:block;
  padding:0;
  margin:0;
  text-align:center;
  text-decoration:none;
  width:231px;
  line-height:26px;
}
.subNav a, .subSubNav  a {background:#38a8cd; border-bottom:1px solid #CCC;}
.subNavFirst a, .subSubNavFirst a {background:#38a8cd; border-bottom:1px solid #CCC;}
.subNavLast a, .subSubNavLast a {background:#38a8cd; border-bottom:1px solid #CCC;}
.subNav a:hover, .subNavFirst a:hover, .subNavLast a:hover, .subSubNav  a:hover{background:#007fa4;}

#jsddm  > li ul li  ul{
margin:-27px 0 0 231px;
position:absolute;
border-left: 1px solid #CCCCCC;
}

#jsddm span {
float:right;
width:220px;
}

/*  ===== @HOMEPIECE ============================ */
#homeMenu {
  background:#FFF;
  overflow:hidden;
  padding:5px;
}

.coda-slider-wrapper { margin:5px; margin:0 auto; width:940px; }
.coda-slider { background: url(slider-back.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:335px; float:left; margin-left:20px; color:#FFF; text-align:justify; }
.panel-wrapper h2 { margin:0 0 10px 0; color:#FFF; }
.panel-wrapper p { color: #FFF; }
.panel img { float:left; margin-top:10px; }

.slider-quote-button {
  background:url(quoteButton.png) no-repeat;
  color:#007FA4;
  display:block;
  width:132px;
  height:35px;
  line-height:35px;
  font-size:14px;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
}

.slider-quote-button:hover { background-position:bottom left; color:#FFF; }

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

#slider-nav li {
  background:url(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;
  list-style:none;
}

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

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

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

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 940px; height:246px; }
  
/* 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 { background: #39c }
  
/* Panel padding */
.coda-slider .panel-wrapper { padding: 20px }
  
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
  
/* 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 }

/* ===== @PAGE CONTENT BOX STYLES ============================================= */
#contentArea {clear:both; margin:0 auto; padding: 3px 0 10px; width:960px; text-align:left; background:#FFF;overflow:auto; }
.mainContent { width:310px; }
.mainContent td {
  padding:5px;
  vertical-align:middle;
}
#content h2 { color:#676461; }

/* ===== @BREADCRUMB STYLES ============================================= */
.crumbs{
  background:#3e97b7;
  color:#FFF;
  padding:3px;
  margin:5px;
  border-bottom:1px solid #666;
 
}
.crumbs a, .crumbs a:visited {
  color:#FFF;
  font-size:14px;
  text-decoration:underline;
}
.crumbs a:hover, .crumbs a:visited:hover{
  color:#DDD;
 }
.crumbLast{color:#DDD;}
/* ===== @ACTION NAV STYLES ============================================= */
#sideBarHome {
  float:right;
  height:auto;
  margin:0 25px 0 0;
  width:auto;
  text-align: center;
}
#sideBar {
  float:left;
  font:13px Arial, Helvetica, sans-serif;
  width:338px;
  color: #fff;
  margin: 0 0 0 10px;
}
#actionNavStyle{ 
  background: #ECECEC;   
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border:2px solid #CECECE !important;
}
#sideBar h2 {
  color: #fff;
  background:#3E97B8;
  font-size:16px;
  padding: 5px 10px;
  text-shadow: 0 1px 3px #404b10;
}
#actionNavLinks { margin:0; padding:0 }

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

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

#actionNavLinks li a:hover {
  background:#c6d7de;
  padding:5px 0 5px 10px
}
#twitter {font-size:12px; margin: 0 0 10px; }
#twitter a { color:#000; margin:2px 0 0; }
#twitter li { background:none; list-style:none; padding:0 10px; color:#666666; margin: 0; }
#twitter ul{
margin: 10px 0 0 0;
}
.carrierSlideshow, .carrierSlideshow img{
  width:225px;
  height:100px;
  display:block;
}
.carrierSlideshow {
  float:right;
  margin:20px 10px 0 0;
}
/* ===== @CONTENT STYLES ============================================= */

#pageTitle{
  height:auto;
  width:100%;
  margin: 0 0 0 0;
  color: #5195e8;
  clear: both;
}
#pageTitle h1 { font-size: 20px; }
#pageSubHeader{}

#content{
  width:310px;
  heaight:auto;
  margin:0 10px;
  float:left;
  text-align:left;
  color:#666;
}

#pageContent{
  text-align:left;
-moz-border-radius-bottom-left:5px;
-moz-border-radius-bottom-right:5px;
-webkit-border-radius-bottom-left:5px;
-webkit-border-radius-bottom-right:5px;
}

#googleMap{
  width:325px;
  height:325px;
  background:#d8ebf7;
  border:1px solid #b5d2e6;
  margin:0;
  padding:2px;
}
.contactAddress { float: left; width: auto; height: auto; color: #666666; }
/* ===== @FORMS STYLES ============================================= */
#formContainer{
  width:520px;
  background:#ececec;
  border:2px solid #cecece;
  margin:0 10px 20px 0;
  padding:4px;
  color:#000;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  float: right;
}
#formContainer label{
  color:#000;
  font: 13px/normal Arial, Helvetica, sans-serif;
}
#formContainer h2{
   color: #3E97B8;
  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:#000;}
.form label.error {color: #f00; 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;
}
/* ===== @PARTNERS PAGE STYLES ============================================= */
/* partners Form Container Styles */
#formContainer.partnersFormMod{
  width:940px;
  margin:0 5px 10px 0;
}
#partnersVid{
  float:left;
  margin:5px;
  width:600px;
  height:200px;
}
#idMediaLoaderWiffy{display: block;float:left;}
#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 .formInput .error{display:block;}
#partnersQuote label.error {color: #fff; display:block; }
#partnersQuote .formInput input.error {border:1px solid #f00; }

#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 #333;  /*Coupon Border Color*/
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
  margin: 0 0 15px;
}
#couponContainer h2 {
  display: block;
  text-align: center;
  padding: 8px 0 8px 0;
  background: #007fa4;    /*Coupon Header Background Color*/
  -webkit-border-radius:20px 3px;
  -moz-border-radius:20px 3px;
  color: #fff;       /*Coupon Header Text Color*/
}
#couponContainer img { margin: 0 auto; display: block; }
.poFullDesc{
padding:5px;
margin:10px 0;
text-align:left;
 
}
.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:#007fa4;    /*heading background color*/
    display:block;
    padding:0 10px;
    -moz-border-radius: 20px 20px 0 2px;
    -webkit-border-radius:20px 20px 0 2px;
 
    border-radius: 20px 20px 0 2px;
    border: 1px solid #c5c5c5;
    height:35px;
    line-height:35px;
}
.partnerItem{
    color:#000;
    font-size:14px;
    background:#e9e9e9;   /*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;
}
.partnerLogo{
  float:right;
  width:200px;
  height:auto;
  display:block;
  border: 1px solid #c5c5c5;
}
#partnersMenu{
    color:#2b2b2b;
    font-size:14px;
   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
   
    width:300px;
}
#partnersMenu h2{
    color:#fff;
    font-size:18px;
    background:#007fa4; /*Our Partners Menu Heading Background Color*/
    height:35px;
    line-height:35px;
    display:block;
    padding:0 0 0 10px;
    margin: 0;
    -moz-border-radius:20px 20px 0 2px;
    -webkit-border-radius:20px 20px 0 2px;
    border-radius:20px 20px 0 2px;
}
#categories {background:#e9e9e9;}
#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;
}

#footer {
  background: #676E70;
  margin:10px auto;
  padding:0;
  color:#FFF;
  width:960px;
  clear:both;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

#footer ul {
  width:960px;
  margin:10px auto;
  padding:0;
  height:38px;
}

#footer li {
  height:38px;
  float:left;
  margin:0;
  line-height:37px;
  list-style:none;
}

#footer a, #footer a:visited {
  display:block;
  width:100px;
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}

#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; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}