@charset "utf-8";
@import "reset.css";
@import "bar_nav.css";
@import "leftNavstyle.css";
/* Main Styles */
header, footer, section, article, nav { display:block; }
html, body { height: 100%; }
body { color:#000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
/*  ===== @DEFAULT STYLES ============================== */
.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }

img { border:none; padding:5px; }
hr { height:1px; border:0; background:#d2d2d2; }
a, a:link, a:visited, a:focus { color:#0088db; text-decoration:none; outline:none; }
a:hover, a:active { color:#003771; }

/* Sticky Footer */ 
* { margin:0; padding:0; }
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

/* Layout */
#container {width:100%;    position:relative; margin:0 auto; font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#000; background-image: url(../images/topBgRepeat.png); background-repeat: repeat-x; }
#innerContainer { margin:0 auto; }
#headerContainer { width:805px; margin:0 auto;}
#headerContainer .header { height:80px; margin:0px auto; }
#headerContainer .header .logo { width:182px; float:left; }
#headerContainer .header .phoneNumber { padding-top:7px; float:right;}
#headerContainer .header .phoneNumber .call { color:#aed580; font-size:22px; text-align:right; }
#headerContainer .header .phoneNumber .number { font-size:38px; color:#FFF; }
 
.nav {width:802px; /*float:right;*/ }
.nav-sprite {background: url(../images/temp11navSprite.png); width:802px; height:29px; position: relative; margin: 0; padding: 0; }
.nav-sprite li { float:left; list-style-type:none;}
.nav-sprite li a { position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 29px; background: url(../images/temp11navSprite.png) no-repeat; text-indent: -9999px; overflow: hidden; }

/*Button area for rollover,active*/

/*up state*/
li#btn_home a {left: 0; width: 161px; background-position: 0 0; }
li#btn_products a {left: 161px; width: 161px; background-position: -161px 0; }
li#btn_learningcenter a {left: 322px; width: 161px; background-position: -322px 0; }
li#btn_claims a {left: 483px; width: 161px; background-position: -483px 0; }
li#btn_contact a {left: 644px; width: 161px; background-position: -644px 0; }

/*hover state*/
li#btn_home a:hover {background-position: 0 -29px; }
li#btn_products a:hover {background-position: -161px -29px; }
li#btn_learningcenter a:hover {background-position: -322px -29px; }
li#btn_claims a:hover {background-position: -483px -29px; }
li#btn_contact a:hover {background-position: -644px -29px; }

.secNav {width:805px; float:right; padding: 4px 0 17px;}
.secNav a {margin-left:25px; font-size: 13px; color: #aed580; }
.secNav a:hover {margin-left:25px; font-size: 13px; color: #FFF; }

/* home cycle */
#home { width:100%; height:380px; margin:0 auto; background-color:#01447f; background-image: url(../images/homeBG.jpg); background-repeat: no-repeat; background-position: center top; clear:both; }
#home .homeCycle { width:900px; height:380px; margin:0 auto; }
#home .homeCycle .leftCycle { float:left; width:378px; height:376px; padding-top: 3px; padding-bottom: 1px; }
#home .homeCycle .leftCycle .cycleBTN a { width:378px; height:69px; padding-top:23px; padding-bottom:2px; background-image: url(../images/cycyleBtnBG.png); background-repeat: no-repeat; font-size:48px; color:#FFF; text-align:center; text-shadow: 1px 1px 4px #0a4f7d; display:block; }
#home .homeCycle .leftCycle .cycleBTN a:hover { width:378px; height:69px; padding-top:23px; padding-bottom:2px; background-image: url(../images/autoBTN_hover.png); background-repeat: no-repeat; font-size:48px; color:#FFF; text-align:center; text-shadow: 1px 1px 4px #0a4f7d; display:block; }
#home .homeCycle .rightCycle { float:right; width:522px; height:380px; overflow:hidden;}
/* active style */
#home .homeCycle .leftCycle .cycleBTN-active a { background-image: url(../images/autoBTN_hover.png); background-repeat: no-repeat; }

/* headline */
#mainHeadline { width:100%; margin:0 auto; }
#mainHeadline .headlineInside { width:860px; margin:0 auto; line-height:32px; padding:20px; }
#mainHeadline .headlineInside h1{font-size:38px; color:#1c1d1d; padding-bottom:10px;}
#mainHeadline .headlineInside h2{ font-size:22px; color:#FFF; font-weight: normal; text-align:justify; }

/* content */
#contentContainer { width:805px; margin:18px auto 0; clear:both; }

.productList { margin:0 auto; width:805px; }
.mainProductL { float:left; width:202px; height:204px; }
.mainProduct { float:left; width:200px; height:204px; }

.subProductList { margin:0 auto; width:805px; }
.subProductA { float:left; width:133px; height:92px; }
.subProductB { float:left; width:134px; height:92px; }

.content { width:805px; height:auto; margin:0 auto; padding-top:6px;}
.content .sideMenu{ float:left; width:210px; }
.content .sideMenu .insideMenu{ float:left; width:210px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d2d2d2; border-right-color: #d2d2d2; border-bottom-color: #d2d2d2; border-left-color: #d2d2d2; }
.content .rightContent{ background-color:#fff; width:530px; padding-left:10px; float:right; }
.content .rightContent p{ font-size:13px; text-align:justify; padding:6px 8px 6px 0; }
.content .rightContent h1{ font-size:24px;padding-top:14px;}
.content .rightContent h3{ font-size:15px;padding-top:14px;}
.rightContent  ol, .rightContent ul  {padding:0 15px;}
.rightContent  ol li, .rightContent  ul li {padding:5px 0; }

/* free quote*/

.rightContent .freeQuote{ width:530px; font-size:16px; color:#000; padding-top:10px;}
.rightContent .freeQuote .quoteTitle{ width:530px; height:23px; text-align:center; padding-top:10px;}
.rightContent .freeQuote .flash{ width:519px; height:183px; margin:0 10; padding-bottom:18px;}
.rightContent .freeQuote .quoteForm{width:519px; margin:5px 0 0 6px;}
.rightContent .freeQuote .quoteForm fieldset{ width:519px; border:none; padding:0px; }
.rightContent .freeQuote .quoteForm .row{ width:509px; padding-bottom:5px;}
.rightContent .freeQuote .quoteForm .row input.text1{ width:248px; height:20px; color:#333;}
.rightContent .freeQuote .quoteForm .row input.text2{ width:504px; height:20px; color:#333;}
.rightContent .freeQuote .quoteForm .row input.text3{ width:336px; height:20px; color:#333;}
.rightContent .freeQuote .quoteForm .row input.text4{ width:64px; height:20px; color:#333;}
.rightContent .freeQuote .quoteForm .row input.text5{ width:88px; height:20px; color:#333;}
.rightContent .freeQuote .quoteForm .rowBTN{ width:509px; padding-bottom:5px; text-align:center;}
.rightContent .freeQuote .quoteForm label.check { font-size:13px; margin-top:3px;}
.rightContent .freeQuote .quoteForm  input.submit{width:115px; height:32px; /*background:url(../images/submitOff.jpg) no-repeat 0 0; border:none;*/ cursor:pointer;}
.rightContent .freeQuote .quoteForm  input.submit_over{width:115px; height:32px; /*background:url(../images/submitOn.jpg) no-repeat 0 0; border:none;*/ cursor:pointer;}

/* bottom */
#bottomContainer { width:805px; margin:0 auto; padding-top:30px; clear:both; }

/* Left Side */
#leftSide { float:left;  width:260px; }
#leftSide .goGreen a { float:left; width:240px; height:70px; background-image: url(../images/temp02-goGreen.png); background-repeat: no-repeat; display:block; margin-bottom:25px; }
#leftSide .goGreen a:hover { float:left; width:240px; height:70px; background-image: url(../images/temp02-goGreen.png); background-repeat: no-repeat; background-position: 0 -70px; display:block; margin-bottom:25px; }
#leftSide .goGreen a:visited { float:left; height:70px; background-image: url(../images/temp02-goGreen.png); background-repeat: no-repeat; display:block; margin-bottom:25px; }
#leftSide .referFriend a { float:left; width:240px; height:51px; background-image: url(../images/temp02-referFriend.png); background-repeat: no-repeat; display:block; margin-bottom:25px; }
#leftSide .referFriend a:hover { float:left; width:240px; height:51px; background-image: url(../images/temp02-referFriend.png); background-repeat: no-repeat; background-position: 0 -51px; display:block; margin-bottom:25px; }
#leftSide .referFriend a:visited { float:left; width:240px; height:51px; background-image: url(../images/temp02-referFriend.png); background-repeat: no-repeat; display:block; margin-bottom:25px; }
#leftSide .getSocial { float:left; width:240px; height:162px; margin-bottom:25px; }
#leftSide .getSocial .twitter a { float:left; width:120px; height:95px; background-image: url(../images/temp02-twitter.png); background-repeat: no-repeat; display:block; }
#leftSide .getSocial .twitter a:hover { float:left; width:120px; height:95px; background-image: url(../images/temp02-twitter.png); background-repeat: no-repeat; background-position: 0 -95px; display:block; }
#leftSide .getSocial .twitter a:visited { float:left; width:120px; height:95px; background-image: url(../images/temp02-twitter.png); background-repeat: no-repeat; display:block; }
#leftSide .getSocial .facebook a { float:left; width:120px; height:95px; background-image: url(../images/temp02-facebook.png); background-repeat: no-repeat; display:block; }
#leftSide .getSocial .facebook a:hover { float:left; width:120px; height:95px; background-image: url(../images/temp02-facebook.png); background-repeat: no-repeat; background-position: 0 -95px; display:block; }
#leftSide .getSocial .facebook a:visited { float:left; width:120px; height:95px; background-image: url(../images/temp02-facebook.png); background-repeat: no-repeat; display:block; }
#leftSide .getSocial .youTube a { float:left; width:120px; height:67px; background-image: url(../images/temp02-youTube.png); background-repeat: no-repeat; display:block; }
#leftSide .getSocial .youTube a:hover { float:left; width:120px; height:67px; background-image: url(../images/temp02-youTube.png); background-repeat: no-repeat; background-position: 0 -67px; display:block; }
#leftSide .getSocial .youTube a:visited { float:left; width:120px; height:67px; background-image: url(../images/temp02-youTube.png); background-repeat: no-repeat; display:block; }
#leftSide .getSocial .linkedIn a { float:left; width:120px; height:67px; background-image: url(../images/temp02-linkedIn.png); background-repeat: no-repeat; display:block; }
#leftSide .getSocial .linkedIn a:hover { float:left; width:120px; height:67px; background-image: url(../images/temp02-linkedIn.png); background-repeat: no-repeat; background-position: 0 -67px; display:block; }
#leftSide .getSocial .linkedIn a:visited { float:left; width:120px; height:67px; background-image: url(../images/temp02-linkedIn.png); background-repeat: no-repeat; display:block; }
#leftSide .sideMenu { float:left; width:240px; padding-bottom:25px; }

/* Right Side */
#rightSide { float:right; width:525px; }
#rightSide h1 { font-size:24px; color:#4e4e4e; text-align:justify; padding-top:15px; }
#rightSide h1 .companyName { color:#8aac2f; }
#rightSide h2 { font-size:24px; color:#6c8c1a; text-align:justify; padding-bottom:10px; padding-top:15px; }
#rightSide h3 { font-size:18px; color:##4e4e4e; text-align:justify; padding-bottom:7px; padding-top:7px; font-weight:normal; line-height:28px; }
#rightSide h3 a { font-size:18px; color:#6c8c1a; text-decoration:none; font-weight:normal; }
#rightSide h3 a:hover { font-size:18px; color:#8aac2f; text-decoration:none; font-weight:normal; }
#rightSide h3 a:visited { font-size:18px; color:#6c8c1a; text-decoration:none; font-weight:normal; }

/* footer */
#footer { margin:20px auto 0; height:110px; background-color:#393b3d; clear:both }
#footer .footerContainer { height:auto; margin:0 auto; }
#footer .footerNav { margin:0 auto; font-size: 12px; color: #FFF; padding-top:18px; padding-bottom:15px; text-align:center; }
#footer .footerNav a{ margin:0 8px; font-size: 12px; color: #FFF;}
#footer .footerNav a:hover{ margin:0 8px; font-size: 12px; color: #6C8C1A;}

#squid { width:132px; height:50px; margin-left:auto; margin-right:auto; position: relative; clear:both; }
#squid a { width:132px; height:50px; background-image: url(../images/temp02-squidLogo.png); background-repeat: no-repeat; display:block; }
#squid a:hover{ width:132px; height:50px; background-image: url(../images/temp02-squidLogo.png); background-repeat: no-repeat;  background-position: 0 -50px; display:block; }


/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ===== @VIDEO GIRL STYLES  ============================================= */
#vpPlayer, #vpBtn, #vpBtnPause{ position:fixed; bottom:0; right:0; z-index: 9999; }
#vpBtn{display:none;}