@charset "utf-8";
@import "reset.css";
/*  ===== @MAIN BODY STYLES ============================== */
body { font: 12px Tahoma, Arial, sans-serif; color:#544D45; }
#home { background:#ffffff url(homeHeaderBack.jpg) repeat-x; }
#interior, #blank, #partnersPage { background:#fff url(headerBack.jpg) repeat-x; }
/*  ===== @DEFAULT STYLES ============================== */
hr { height:1px; border:0; border-bottom:1px solid #000; }
a, a:visited, a:focus { color:#23902B; text-decoration:none; outline:none; }
a:hover, a:active { color:#000; }
h1, h2, h3, h5, h6 { color: #0a228c; margin: 0 0 1em 0; }
#blank h1 { padding:.5em 0 0; }
h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-weight:bold; }
p { color:#666; margin-bottom:15px; line-height: 1.5em; }
ul, ol { margin:1em 0; }
li { margin:0 0 0 2em; line-height: 1.5em; }
ul li { list-style-type:disc; }
.secure {width:175px;margin:0 auto;}
/*  ===== @HEADER =============================== */
#phoneWrapper { margin: 14px 0 21px 0; float:right; text-align:right; }
#phoneWrapper p { display:block; color:#2a6e9f; margin-right:10px; }
#phoneNumber { font-size:30px !important; font-weight:bold; color:#0a228c; display:inline; }
#logo { width: 366px; height: 54px; margin: 5px 0 0 0; float:left; }
#header { width:960px; height: 160px; margin: 0 auto; }
#chatliveArea { display:block !important; position:relative !important; float:left !important; top:20px; left:120px; }
/*  ===== @Drop-Down Nav =============================== */
#navClearer { clear:right; display: block; overflow: hidden; visibility:hidden; width: 0; height: 0; }
#jsddm { clear: both; color: #FFFFFF; float: right; font: 14px Arial,Helvetica,sans-serif; height: 40px; list-style: none outside none; margin: 4px 23px; padding-right: 0; position: relative; text-decoration: none; width: 900px; z-index: 999;}
#jsddm > li { display: block; float: left; height: 35px; line-height: 29px; list-style: none outside none; margin: 0 8px 0 0; position: relative; text-align: center; text-decoration: none; }
.ie #jsddm > li { border:none; }
#jsddm > li > a { color:#fff; font-weight:bold; padding: 0 15px; }
#jsddm > li:hover { background: rgba( 245,91,14,0.8 ) }
.ie #jsddm > li:hover { background:#125b8e; }
#jsddm > li > ul { display:none; width: 180px; list-style:none; position:absolute; clear: both; left: 0; top: 30px; line-height: 1; margin: 0 2px 0 0; -webkit-box-shadow: 0 2px 5px rgb(0,0,0); -moz-box-shadow: 0 2px 5px rgb(0,0,0); -o-box-shadow: 0 2px 5px rgb(0,0,0); box-shadow: 0 2px 5px rgb(0,0,0); }
#jsddm > li ul li { list-style-type:none; margin:0; line-height: 1.5em; }
#jsddm > li > ul li a { color:#fff; background: rgba( 90,90,90,0.9 ); text-align: left; font-size: 11px; text-decoration:none; display: block; margin: 0; padding: 0 10px; }
.ie #jsddm > li > ul li a { background:#5a5a5a; }
.subNav, .subNavFirst, .subSubNav, .subSubNavFirst { }
#jsddm > li > ul li a:hover { background: #999; }
#jsddm > li ul li ul { margin:-19px 0 0 180px; display:none; width: 180px; list-style:none; position:absolute; clear: both; left: 0; line-height: 1; }
#jsddm > li > ul li ul li { position: relative; }
/*  ===== @HOMEPIECE ============================ */
#homeMenu { height:280px; width:960px; text-align:center; margin:0 auto; padding:6px 0 20px; }
.homeMenuAlign { margin-left:17px !important; }
.homeMenuItem { float:left; background-repeat:repeat-x; width:300px; height:280px; text-align:center; margin:5px 3px 0 10px; }
.homeMenuItem img { margin:2px 0 0; }
.homeMenuItem h2 { font:28px 'Bebas', Arial, sans-serif; color:#fff; margin:5px 0 0; }
.homeMenuItem a { display:block; width:221px; height:48px; background:url(quoteBtn.png); margin: 11px 0 0 2px; }
.homeMenuItem a:hover { display:block; width:221px; height:48px; background:url(quoteBtnHover.png); margin: 11px 0 0 2px; }
/* ===== @PAGE CONTENT BOX STYLES ============================================= */
#home #contentWrapper { margin:0 auto; width:960px; padding:20px 0; }
#home #content { width:705px; padding:0 20px 0 0; float:left; }
#home #sideBar { width:235px; float:right; height:auto; }
#home .social { width:235px; height:auto; padding-left:28px; }
#home #sideBar #homeSideButtons img { display:block; margin:0 0 8px 0; }
#home .sayWhat .theySay { width:240px; height:55px; background-image:url(/WhatTheySay.png); background-repeat:no-repeat; }
#home .sayWhat { float:left; width:240px; padding-top:3px; padding-bottom:3px; }
#interior #contentWrapper { clear:both; margin: 0 auto; padding: 20px 0; width:960px; }
#interior #content { width:600px; float:right; }
#interior #sideBar { width:360px; float:left; height:auto; }
#interior #sideBar #Rater { width:360px; height:auto; margin: 23px 21px; }
#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:0 20px; }
#twitter ul { margin:0; padding:0; }
#twitter ul li { list-style:none; margin:0; padding:0; }


/*  ===== @SLIDER============================ */
.coda-slider-wrapper { height:auto; width:962px; margin:25px auto;}
.coda-slider { background: url(images/sliderBack.png) repeat-x;}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height:300px; overflow: auto !important; }

/* .panel-wrapper elements */
.panel-wrapper { width:454px; float:left; color:#005276; text-align:left; }
.panel-wrapper h2 { display:block; font-size:30px; font-weight:bold; line-height:20px; color:#FE4D00; margin:0 0 10px 0; }
.panel-wrapper h2 span { font-size:24px; font-weight:normal; color:#0A228C; margin-top:-1px; }
.panel-wrapper p { text-align:left; font-size:12px; line-height:17px; width:400px; }
.panel img { float:left; width:497px;}
a.slider-quote-button { background:url(images/quoteBtn.png) no-repeat; display:block; text-indent:-9999px; width:219px; height:42px; margin:12px 0 0 186px;}
a.slider-quote-button:hover { background-position:bottom left; background:url(images/quoteBtnHover.png) no-repeat;}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 962px; }

/* Tab nav */
.coda-nav ul li a.current { background-color:#FE4D00; }

/* Panel padding */
.coda-slider .panel-wrapper { padding: 10px 10px 10px 1px; background-image:url(sliderBackground.jpg); background-repeat: no-repeat; height: 201px; width:452px; }

/* Preloader */
.coda-slider p.loading { padding: 20px; }

/* 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; margin:0; padding:0; }
.coda-nav ul li { list-style-type:none; line-height:100%; margin-right:0; }
.coda-nav ul li a { display:block; float:left; text-decoration:none; font-size:17px; color:#fff; margin:10px 30px 0 0; padding:17px; text-align:center;}
.coda-nav ul li:last-child a { margin-right:0 !important;}

.tab1 a, .tab2 a, .tab3 a, .tab4 a, .tab5 a {background-color:#0A228C;}
.tab1 a:hover, .tab2 a:hover, .tab3 a:hover, .tab4 a:hover, .tab5 a:hover {background-color:#FE4D00;}

/* 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 }


/* ===== @LEFTNAV STYLES ============================================= */
#leftnav { width: 338px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #333; margin: 0 0 0 20px; }
#leftnav li { list-style:none; }
#leftnav li a { color:#333; padding:0 0 0 10px; }
#sideNavFirst { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border-radius-topleft:4px; border-radius-topright:4px; }
#sideNavLast { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-radius-bottomleft:4px; border-radius-bottomright:4px; }
#leftnav ul, #leftnav ul li { margin:0; }
#leftnav .item ul li a { display:block; }
#leftnav .level1>li { background: #293484 url(leftnavoverlay.png); }
#leftnav .level1>li>div, #leftnav .level1>li>div>a { font-size:14px; font-weight:bold; text-decoration:none; color: #fff; height: 31px; line-height:31px; }
#leftnav .level2 { display:none; }
#leftnav .level3 { display:none; }
#leftnav .level2>li { /*height: 20px;*/
line-height: 20px; font-size: 12px; border:1px solid #888; border-top: 1px solid #ddd; background: #ccc; }
#leftnav .level3 { /*height: 20px;*/
line-height: 20px; font-size: 12px; border-bottom: 1px solid #efefef; border-top: 1px solid #999; background: #ccc; }
#leftnav .level3 li a { border-left: 4px solid #333; }
#leftnav .level2 li a { display: block; }
#leftnav .level2 > li:hover, #leftnav .level3 > li:hover { background: #ddd; }
#leftnav .navarrow { margin:0 0 3px 10px; vertical-align:middle; }
#leftnav .level2 li.current { background: #efefef; border-top:1px solid #888; }
#leftnav .level3 .item a { padding-left:20px; }
#leftnav .level2 .item>div { height:20px; }
#testimonials { background: #ccc; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-radius-bottomleft:5px; border-radius-bottomright:5px; }
#testimonials h2 { padding: 10px 0 0 10px; }
#testimonials p { padding: 10px; color:#333; margin-bottom:0; }
#testimonials h4 { padding: 0 10px 10px; font-size:12px; }
/* ===== @CONTENT STYLES ============================================= */
#contactInfo { width:325px; height: auto; margin: 0 0 0 20px; }
.contactAddress { margin:15px 0 0 0; }
#googleMap { width:325px; height:325px; background:#293484; border:1px solid #FA5406; padding:2px; margin: 0 0 10px 0; }
/* ===== @FORMS STYLES ============================================= */
#formContainer { background:#293484; color:#fff; border:1px solid #333; width: 555px; margin: 0 auto 20px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font: 13px/normal Arial, Helvetica, sans-serif; }
#formContainer #idMediaLoader { margin: 10px auto 0; width: 520px; display: block; }
#formContainer h2 { color: #fff; font-size:14px; text-align:center; margin:10px 0 10px 0; }
.wiffyForm { width: 620px !important; margin: 20px auto 0 !important; }
#formContainer label { color:#fff; font: 13px/normal Arial, Helvetica, sans-serif; }
#formReferFriend .emailAddress { width: 260px; }
#formReferFriend .emailAddress input { width: 260px; }
#formReferFriend .phone1, #formReferFriend .phone2 { width: 130px; }
#formReferFriend .phone1 input, #formReferFriend .phone2 input { width: 130px; }
.notes textarea, .form .formWidth { border:1px solid #cecece; }
.form { width:520px; margin: 10px auto 0; }
.form .formInput { width:130px; float:left; }
.form .formWidth { width:120px; height:15px; -webkit-border-radius:3px; -moz-border-radius:3px; }
#CRM_Leads_CompanyName { width:517px; }
.notes textarea { width:518px; height:35px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.phone .phoneUS { width: 128px; }
.inputMoreInfo, .submit { text-align:center; margin: 5px 0 0 0; }
.inputMoreInfo { margin:5px 0 0 0; color:#fff; }
.form label.error { color: #f00; display:block; }
.form .formInput input.error { border:1px solid #f00; }
#submit { margin:0 0 10px 0; }
/* ===== @BLOG STYLES ============================================= */
.articleSeparator { border-bottom:1px solid #ccc; margin-bottom:20px; }
.blog { margin: 0 0 20px 0; line-height:1.3; }
.blog h2 { margin:0; padding:0; border-bottom:1px solid; }
.newsevents .blog h2 { border:none; font-size:14px; }
.newsevents .blog h2 a { color:#666; }
.blog .time { display:block; margin: 0 0 20px 0; font-size:10px; float:right; display:none; }
.newsevents .copy { padding:0 !important; }
.newsevents .blog .time { float:none; }
.blog .article { clear:both; margin: 0 0 20px 0; }
.newsevents .blog .article { }
.newsevents .readMore { display:none; }
.readMore { text-align:right; }
.blogPaginationLink { padding:2px 4px; border:1px solid #ddd; }
/* ===== @BLOGTHEME PAGE STYLES ============================================= */
#leftContent { float:left; width:600px; padding:10px; }
#leftContent span { font-size:14px !important; font-family:arial !important }
#rightSideBar { float:right; width:300px; }
.blogPostDateTime, .time { margin: 0 0 10px; font-size: 10px; font-weight:  bold }
.blogPostHeader, #fullArticle h2 { margin-bottom: 8px !important; padding-bottom: 5px !important }
.blogPostHeader a { text-decoration: none }
.blogPostReadMoreBtn, #fullArticle p { margin: 15px 0 40px !important; display: block }
.blogPostReadMoreBtn { width: 101px !important; text-decoration: none !important }
#popItems { margin: 10px 0; padding: 0 5px 5px; display: block; border-bottom: 1px solid #c9c9c9 }
#popItems .popArticle { margin:5px 0; }
#popItems h2 { font-size:18px; font-weight:bold; }
#popItems h3 { font-size:12px; margin: 0 }
#calItems { margin: 10px 0; padding: 0 5px 5px; display: block; border-bottom: 1px solid #c9c9c9 }
#calItems h2 { font-size:18px; font-weight:bold; }
#calItems #blogFilters a { margin:5px 0; }
#tweetBlock { margin: 0 0 10px; padding: 0 5px 5px; display: block }
#rightSideBar #twitter h2 { font-size:18px; font-weight:bold }
#sidebar #tweetPost li { margin: 0 0 10px; padding-left: 0; display: block; list-style-type: none; text-align: left }
.btnSubscribe { float:right; margin:-35px 0 10px; width:90px }
.socLikeTweet { float:right; margin:-20px 0 0 5px; width:100px }
.socLikeTweet iframe { margin-bottom:5px !important }
/* ===== @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 .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 #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:#23902B;    /*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:#F17400;      /*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*/
/* ==== @SOCIAL STYLES =============================================== */

#twitterHome { font-size:12px; margin: 0 0 10px; }
#twitterHome h2 { color:#fff; font-size:17px; background:none; padding:0; }
#twitterHome a { color:#929292; margin:2px 0 0; display: block; }
#twitterHome li { background:none; list-style:none; color:#fff; padding:0; margin: 0; }
#twitterHome ul { margin: 10px 0 0 0; padding:0 0 5px 0; }
#ohsocializeMe { background:#0a228c; color:#fff; height:170px; border:1px solid #ccc; margin:0 auto; font-size:12px; padding:10px; }
#ohsocializeMe hr { width:960px; border-color: #B8C2C4; border-style: none none dashed; border-width: 0 0 1px; height: 3px; }
#topsocial { height: 186px }
.socialBox { width: 300px; height: 130px; margin: 0 0 0 50px; float: left }
#homeTeamBox { background: none; width: 260px !important }
#homePartnersBox { margin-left: 0 !important }
.socialBox img { margin: 35px 0 0 0 }
.socialBox p { color: #fff; width: 260px }
.socialBox a { color: #FC5103 !important; font-style: oblique; font-weight: bold }
#socialWrapper { width: 960px; margin: 0 auto; }
#socialWrapper ul { margin: 10px 0 0 85px; float: left }
#socialWrapper #firstUL { margin-left: 0 }
#socialWrapper li { width: auto; margin: 0 0 3px 0; list-style: none }
#socialWrapper li:first-child { margin-bottom: 5px; font-style: oblique }
#socialWrapper a, #socialWrapper a:visited { color: #FFF; font-size: 11px; text-decoration: none }
/* ===== @FOOTER STYLES ============================================= */
#footer { background: #fff; color:#5f5f5f; padding: 10px 0; }
/*---- Footer width must be adjusted if you add or remove items --*/
#footer ul { width:960px; margin:0 auto; height:34px; }
#footer li { line-height:34px; float:left; height:34px; width:auto; margin:0 15px 0; list-style:none; }
#footer a, #footer a:visited { color:#5f5f5f; font-size:12px; text-decoration:none; }
#footer a:hover { color:#fe4d00; }
#arLogo { float:right; text-align:right; }
#arLogo img { vertical-align:middle; }
/* ===== @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: 960px; margin: 0 auto; text-align: left; }
#panel .content .box { width:220px; float:left; padding:10px; }
/* box content */

.box h2 { font-size: 16px; padding:0 0 10px; margin: 0; }
.box p { margin: 5px 0; padding: 0; font-size:12px; }
/* @TAB */

.tab { background:#fff; height:20px; position: relative; top: 0; z-index: 1000; }
.tab #toggle { float:right; }
.tab a.open, .tab a.close { color:#000; display:block; font-size:12px; width:190px; height: 20px; line-height: 20px !important; padding-left: 15px !important; cursor: pointer; position: relative; text-decoration:none; }
.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; color: #000!important; }
.tab a:hover.close { background: url(../images/bt_close.png) no-repeat left -19px; color: #000!important; }
#left1 { float:left; width:340px; }
#right1 { float:left; margin: 0 0 0 70px; width:340px; }
.slideInfo { margin: 0 0 10px 0; }
#sharingModule { clear: both; padding: 30px 0 0 0; }
/* ===== @IE6 WARNING ========== */

#ie-warning { color:#333; background:#FDF2AB url(dialog-warning.gif) 10px no-repeat; border-bottom:1px solid #A29330; padding:5px 5px 5px 40px; position:absolute; top:0; width:100%; z-index:10000; height:25px; line-height:25px; }
#ie-warning p { margin:0; padding:0; }
/* ===== @OVERWRITE STYLES ========== */
#sharingModule { width:171px; height:16px; clear:both; margin:20px 0; }
/* ===== @HELPER STYLES========== */
.clear { clear:both; }
.clearer { 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%; }
img { border:none; }
/* ===== @VIDEO GIRL STYLES  ============================================= */
#vpPlayer, #vpBtn, #vpBtnPause { position:fixed; bottom:0; right:0; z-index: 9999; }
#vpBtn { display:none; }