@charset "utf-8";
@import "reset.css";
/*  ===== @MAIN BODY STYLES ============================== */

html, body {height: 100%;}
body {font: 12px Arial, Helvetica, sans-serif; color:#544d45;}
#page{ background:#fff;}
#homePage{ background:#eeeeee;}
#siteContainer{ height: 100%;}
#container{margin:0; padding:0;}
/*  ===== @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;}
#copy a, #copy a:link, #copy a:visited, #copy a:focus,#homeContentWrapper a, #homeContentWrapper a:link, #homeContentWrapper a:visited, #homeContentWrapper a:focus {color:#005c92; text-decoration:none; outline:none;}
#copy a:hover, #copy a:active, #homeContentWrapper a:hover, #homeContentWrapper a:active {color:#333;}
#copy h2, #copy h3, #copy h5, #copy h6, #homeContentWrapper h2, #homeContentWrapper h3, #homeContentWrapper  h5, #homeContentWrapper  h6 { color: #005c92; margin: 0 0 1em 0;}
#copy h1, #homeContentWrapper h1 {font-size:24px; color:#005c92;margin: 0 0 1em 0;}
#copy h2,#homeContentWrapper h2 { font-size:18px; }
#copy h3 { font-size:17px; }
#copy h4 { font-weight:bold;}
#copy p, #homeContentWrapper p {color:#544d45; margin-bottom:15px; line-height: 1.5em; font-size: 12px;}
#copy ul, #copy ol,#homeContentWrapper ul, #homeContentWrapper ol{margin:0 0 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: 14px;
margin: 0 0 20px 0;
line-height: 1.4em;
font-weight: bold;
}

/*  ===== @HEADER =============================== */
#homePage #headerContainer{
  width:100%;
  background:#fff;
}
#page #headerContainer{
  background: #fff url(headerBack.png) repeat-x top;
  width:100%;
}
#header{
width:880px;
margin:0 auto;
height:133px;
}
#logo{
float:left;
  margin:42px 0 17px 0;
  height:74px;
  width:362px;
}
#phoneTxt a{
color:#fff;
font-size:12px;
font:normal 12px/1 Arial, Helvetica, sans-serif;
text-align:right;
  text-decoration:none;
  display:block;
  margin:4px 0 33px 0;
}
#phoneNumber{
font:30px/1  "Arial Black", Helvetica, sans-serif;
font-weight:bold;
color:#ffaf04;
text-align:right;
margin: 45px 0 15px 0;
float:right;
}
/*  ===== @Drop-Down Nav =============================== */
#navClearer{clear:right;  }
#jsddm {
list-style: none;
font: 13px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
width: auto;
height:30px;
float:right;
position:relative;
z-index:999;
}
#jsddm li{
list-style:none;
}
#jsddm > li {float:left; margin:0 0 0 30px}
#jsddm > li > a {
color:#3e465b;
width: auto;
text-align: center;
display:block;
font-weight:bold;
text-decoration:none;
line-height:30px;
  height:30px;
}
#jsddm > li > a:hover{
color: #4eafcc;
  text-decoration:underline;
}
.mainNavFirst a{

}
.mainNavLast a{

}
#jsddm > li ul{
display:none;
width: 200px;
list-style:none;
position:absolute;
z-index:100;
border: 1px solid #000;
}
#jsddm > li > ul a{
color:#fff;
background: #455e84;
padding: 4px 10px;
font-size: 11px;
text-decoration:none;
display: block;
}
.subNav, .subNavFirst, .subSubNav,  .subSubNavFirst{
border-bottom: 1px solid #666;
}
#jsddm > li > ul a:hover{
background: #99cedc;
  color:#333;
}
#jsddm  > li ul li{ position:relative; }
#jsddm  > li ul li  ul{
margin:-23px 0 0 203px;
position:absolute;
left:-408px;
}
/*  ===== @SLIDER ===================== */
#slide1 {background:url(images/slider-commercial.jpg) no-repeat;}
#slide2 {background:url(images/slider-gen-liability.jpg) no-repeat;}
#slide3 {background:url(images/slider-workers.jpg) no-repeat;}
#slide4 {background:url(slider-employee-ben.jpg) no-repeat;}
#slide5 {background:url(slider-ourteam.jpg) no-repeat;}

.sliderHeaderText {
    margin:25px 5px 5px 60px;
    color:#fff;
    font: bold 24px Arial, sans-serif;
    text-shadow: .1em .1em .1em #00406F;
}
#slider ul li img { margin: 30px 0 5px 60px; }
.sliderText {
    color:#fff;
    width:350px;
    margin-left: 60px;
    font: 14px Tahoma, Arial, sans-serif;
    text-align:left
}
.quoteBtn{
    margin:10px 0 0 120px;
    background:url(images/quote-button.png) no-repeat;
    height:35px;
    width:145px;
    display:block;
    text-indent:-9999px;
    background-position: bottom left;
}
a.quoteBtn:hover{ background-position: top left;}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
    z-index:500 !important;
}
#sliderContainer {
    background:#FFF;
    margin:0 auto;
    position:relative;
    text-align:left;
    width:880px;
    margin-bottom:2em;
}
#sliderContent {
    position:relative;
    margin:0 auto;
}
#slider ul{
  overflow: hidden;
  }
#slider ul, #slider li, #slider2 ul, #slider2 li {
    margin:0;
    padding:0;
    list-style:none;
}
#slider2 {margin-top:1em;}
#slider li, #slider2 li,  #slider3 li{
    width:880px;
    height:294px;
    overflow:hidden;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev {
    display:block;
    width:25px;
    height:25px;
    position:absolute;
    left:-13px;
    top:128px;
    z-index:1000;
}
#nextBtn, #slider1next {
    left:866px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
    display:block;
    position:relative;
    width:25px;
    height:25px;
    background:url(images/prevButton.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a {background:url(images/nextButton.png) no-repeat 0 0;}
/*  ===== @HOMEPIECE ============================ */
#homeMenu{
background:#fff url(sliderBack.jpg) repeat-x bottom;
height:410px;
width:100%;
margin:0 0 10px;
text-align:center;
}
#productImgs{
  width:880px;
  margin:0 auto;
}
.homeProduct{
  float:left;
  margin:0;
  text-align:center;
  width:293px;
  height:auto;
}
.homeProductBtn{
  margin:5px auto 0;
  background:url(quote-button.png) no-repeat;
  height:35px;
  width:145px;
  display:block;
  text-indent:-9999px;
  background-position:bottom left;
}
a.homeProductBtn:hover{background-position:top left;}


.oilBtn{
  margin:5px auto 0;
  background:url(learnMoreBtn.jpg) no-repeat;
  height:35px;
  width:145px;
  display:block;
  text-indent:-9999px;
  background-position:bottom left;
}
a.oilBtn:hover{background-position:top left;}

/* ===== @PAGE CONTENT BOX STYLES ============================================= */
/*logout bar styles*/
#logoutBar{width:100px; height:20px; background:#444; color:#fff; position: absolute; left:0; right:0; z-index:9999; text-align:center; border:1px solid #fff;}
#logoutBar a{color:#fff; display:block; text-decoration:none; line-height:20px;}


#contentWrapper{
min-height: 300px;
clear:both; 
margin:20px auto; 
width:880px; 
}
#homeContentWrapper {
clear:both;
background:#eeeeee;
margin:0 auto; 
padding: 3px 0 10px; 
width:880px; 
}
#copy{
clear: both;  
}
#copy p{

}
#blank #copy{
width: 960px;
margin: 0 auto;
}
/* ===== @ACTION NAV STYLES ============================================= */
#sideBar{
float:left;
height:auto;
width: 260px;
clear:left;
}
#actionNav{  
background:#a5c5d8;
padding:10px;
color:#333;
width:260px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#actionNav h2{
margin: 0 0 10px 0;
font-size: 16px;
}
#actionNav #twitter{
font-size: 12px;
}
#actionNav li{
padding: 5px 0 5px 10px;
border-bottom:1px solid #efefef;
list-style: none;
}
#actionNav li:hover{
background: #f5b01b;
}
#sideBar li a{
color: #333;
font-size: 12px;
text-decoration: none;
display: block;
}
#actionNav #twitter{
margin: 10px 0;
}
#actionNav #twitter a{
color: #fff;
margin: 2px 0 0 0;
}
#actionNav #twitter li{
background: none;
}
.sideBtn{
  display:block;
  margin:0 0 10px;
}
#homeSideBar{
float:left;
width: 266px;
height:526px;
border: 1px solid #999;
background: url(homeBoxHeaderBg.jpg) repeat-x;
}
#homeSideBar h2{
color: #fff;
margin: 2px 10px;
}
#homeSideBar h3 {font-size:16px;text-align:center;background:#ccc;padding:10px 2px;}
#homeSideBar a{
margin: 10px;
display: block;
}
#homePage #twitter_update_list { width: 270px; }
/* ===== @CONTENT STYLES ============================================= */

#pageSubHeader{
color: #fff;
margin:3px 0;
text-align: center;
}
#homeContentWrapper #content{
margin:0 10px 0 0;
width:318px;
float:left;
height:526px;
border: 1px solid #999;
background: url(homeBoxHeaderBg.jpg) repeat-x;
}
#homeContentWrapper #content h2{
color: #fff;
margin: 2px 10px;
}

#homeContentWrapper #content h3{
margin: 10px;
}
#homeContentWrapper #content p{
margin: 10px;
}
.survey{
margin:0 0 0 10px;
float:left;
background: url(homeBoxHeaderBg.jpg) repeat-x;
width:270px;
margin: 0 10px 0 0;
}
.survey h2{
color:#ffffff !important;
text-align:center;
}

.eSignup{
margin:0 0 0 10px;
float:left;
background:  url(homeBoxHeaderBg.jpg) repeat-x;
width:270px;
margin:  0 10px 0 0;
}
.eSignup h2{
color:#ffffff  !important;
text-align:center;
}

 #fuel, #socCol{
margin:0 0 0 10px;
float:left;
border: 1px solid #999;
background: url(homeBoxHeaderBg.jpg) repeat-x;
width:270px;
margin: 0 10px 0 0;
/*height: 454px;*/
}
#fuel img {margin:5px auto;}
#fuel h2 {margin:5px 0;}

#socCol #twitter{
margin: 5px 0;
color:#544d45;
}
#socCol #twitter h2{
color:#fff;
margin: 2px 10px;
}
#socCol #twitter a{
color: #428EBF;
margin: 2px 0 0 0;
}
#socCol #twitter li{
list-style: none;
padding:10px;
margin:0;
word-wrap:break-word;
}
#getSocial h2{
display:block;
color: #428EBF;
}
#getSocial{
margin: 10px;
}
#contentWrapper #content{
width:550px;
heaight:auto;
float:right;
}
#contactInfo{
float:left;
width:325px;
height: 500px;
}
#contactAddress{
margin:15px 0 0 0;
}
#googleMap{
width:325px;
height:325px;
background:#00244c;
border:1px solid #6d6e71;
padding:2px;
}

/* ===== @FORMS STYLES ============================================= */
#formContainer{
width:520px;
background:#00244c;
border:2px solid #6d6e71;
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:15px;
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;}
.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;
}
/* ===== @PREFERRED VENDOR STYLES ============================================= */
.partnersItem{
width:150px;
display:block;
margin:10px;
  float:left;
}
.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{
background: #afafaf;
color:#fff;
margin:30px 0 0 0;
padding:0;
}
/*---- Footer width must be adjusted if you add or remove items --*/
#footer ul{
width:800px; 
margin:0 auto;
height:45px;
}
#footer li {
display:block;
line-height:45px;
float:left;
height:45px;
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;}

/* ===== @SLIDE-DOWN-PANEL ============================================= */
#slidepanel {
    position:absolute; /* absolute = overlap content, relative = push-down content */
    top: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
    margin: 0 auto;
}

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

#panel .content {
  width: 890px;
  margin: 0 auto;
  text-align: left;
}

#panel .content .box {
  width:275px;
  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:url(headerBack.png) repeat-x top;
  height:31px;
  position: relative; top: 0; z-index: 1000;
}

.tab #toggle { display:block; width:880px; margin: 0 auto; }

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

.tab a.open { background: url(../images/bt_open.png) no-repeat left 0; }
.tab a.close { background: url(../images/bt_close.png) no-repeat left 0; }
.tab a:hover.open { background: url(../images/bt_open.png) no-repeat left -19px; }
.tab a:hover.close { background: url(../images/bt_close.png) no-repeat left -19px; }

#contestVideos p{
text-align: center;
}
#contestVideos li{
float: left;
list-style: none;
border: 1px solid #ccc;
padding:10px 10px 4px;
margin: 10px;
}
#contestVideos img{
width: 265px;
}
#sharingModule{
clear:both;
margin: 20px 0;
}

/** CUSTOM **/
#ball-page {width:550px;float:right;}