@charset "UTF-8";

*,
html { margin: 0px; padding: 0px; }

div.clear { clear: both; }

body,
div,
p { font-family: Arial; font-size: 12px; color: #000; }

a,
a:hover,
a:focus { outline: none; }

buton,
buton:focus,
object { outline: none; }

a img { border: none; }

html a,
* a,
a, 
a:hover, 
a:focus,
button,
input[type=submit],
label { cursor: pointer; }

label,
form { display: block; }

i,
em { font-style: italic; }

strong,
b { font-weight: bold; }

object { display: block; }

p { margin: 0 0 1em; }

a { color: #000; }
 
/****  
** Main Page Elements
****/

body { background-color: #44687d; background-image: url(../_images/header-repeat.gif); background-repeat: repeat-x; }

#wrapper { margin: 0 auto; position: relative; min-width:1124px; width:auto !important; width:1124px; }

#header { height: 117px; position: relative; padding: 0 81px 0 123px; }

#top-bar { height: 66px; background-image:url(../_images/header-bar.png); width: 865px; background-repeat: no-repeat; padding: 0 81px 0 0; position: relative; /* margin: 0 auto; */ }
#top-bar .logo { display: block; height: 0; width: 273px; padding: 37px 0 0; margin: 0 0 0 3px; position: relative; overflow: hidden; }
#top-bar ul { position: absolute; right: 90px; top: 3px; display: block; }
#top-bar ul li { display: block; float: left; margin: 0 0 0 27px; height: 15px; }
#top-bar ul li a { font-size: 15px; color: #FFF; text-decoration: none; text-transform: lowercase; font-weight: bold; }
#top-bar li a:hover { color: #febe10; }
#top-bar ul li.cart-count { margin: 0 0 0 3px; padding: 4px 0 0; }
#top-bar ul li.cart-count a { font-size: 10px; font-weight: normal; }

#top-nav { list-style: none; display: block; height: 24px; line-height: 24px; margin: 18px 0 0; width: 920px; }
#top-nav li { display: block; margin: 0 10px; font-size: 16px; color: #FFF; text-transform: uppercase; height: 24px; line-height: 24px; float: left; }
#top-nav li a { font-size: 16px; color: #FFF; text-transform: uppercase; text-decoration: none; }
#top-nav li a:hover,
#top-nav li a.current { color: #febe10; }
#top-nav li.separator { width: 2px; line-height: normal; background-image:url(../_images/nav-separator.png); background-position: center top; background-repeat: no-repeat; margin: 0; }

#middle { background-color:#FFF; background-image:url(../_images/middle_left-vertical.png); background-repeat: repeat-y; min-height: 482px; margin: 0 0 0 83px; position: relative; z-index:5; } /* height:auto !important; height: 482px; */
/*#middle { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 27px; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 27px; -moz-border-radius-bottomright: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 27px; border-bottom-left-radius: 0; }*/

#middle-inner { width: 842px; padding: 35px 0 35px 61px; }

#bottom-content { position: relative; margin: 0 0 0 76px; min-height: 103px; height:auto !important; height: 103px; }
#bottom-content-bg { background-color: #698697; background-image:url(../_images/bottom-content-bg.gif); background-repeat: no-repeat; height: 103px; position: absolute; top: -27px; left: 0; width: 100%; }
#bottom-content-bg { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 27px; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 27px; -moz-border-radius-bottomright: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 27px; border-bottom-left-radius: 0; }

#footer { background-color: #2f4856; margin: 45px 0 0; }
#footer-inner { width: 1033px; padding: 29px 0 30px 91px; margin: 0; color: #648da5; }
#footer-inner #footer-heading { color: #648da5; font-size: 17px; text-transform: uppercase; text-decoration: none; }

#footer-inner .columns-container { overflow: auto; margin: 30px 0 0; }
#footer-inner .column { float: left; width: 217px; line-height: 20px; font-size: 12px; color: #648da5; text-transform: uppercase; }
#footer-inner .column a { line-height: 20px; font-size: 12px; color: #648da5; text-transform: uppercase; text-decoration: none; }
#footer-inner .column a:hover { text-decoration: underline; }
#footer-inner .icons { margin: 0 0 10px; }
#footer-inner .copyright, #footer-inner .copyright a { margin: 15px 0 0; color: #648da5; text-transform:uppercase; }
#page-heading { color: #44687d; font-size: 32px; text-transform: uppercase; margin: 0 0 20px; }
.top-border { border: none; border-top: #2f4856 dashed 2px; height: 0; overflow: hidden; position: relative; }

/****
** Home
****/
#homearrows { left:83px; position:relative; top:111px; width:902px; }

#home-slides { padding: 9px 0 0 9px; width: 893px; height: 464px; position: relative; }
#home-slides .slide { position: absolute; width: 893px; height: 464px; top: 9px; left: 9px; }
#homearrows .left-arrow { background-image: url(../_images/home-slideshow-left-arrow.png); width: 49px; height: 78px; position: absolute; top: 211px; left: 21px; z-index:10; }
/* #home-slides .left-arrow:hover { background-position: 0 -48px; } */
#homearrows .right-arrow { background-image: url(../_images/home-slideshow-right-arrow.png); width: 43px; height: 78px; position: absolute; top: 211px; right: 0px; z-index:10; }
/* #home-slides .right-arrow:hover { background-position: 0 -48px; } */
#home-slides .tip { z-index: 10; position: absolute; background-color:#fff; height: auto; width: auto; padding: 7px 19px; color: #000; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; text-align:center; font-size: 11px; }
#home-slides .tip img.arrow { position: absolute; bottom: -8px; left: 50%; margin-left: -9px; white-space: pre-line; }

#home-slides .pin { position: absolute; width: 18px; height: 19px; background-image:url(../_images/home-slideshow-pin.png); cursor: pointer; }

#home-tiles-container { position: relative; background-color: #698697; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 80px; width: 902px; margin: 20px 0 0 7px; float: left; }
#home-tiles-container a.left-arrow { position: absolute; left: 11px; top: 34px; background-image:url(../_images/home-tiles-arrows.gif); width: 14px; height: 0; padding: 30px 0 0; display: block; overflow: hidden; }
#home-tiles-container a.right-arrow { position: absolute; right: 11px; top: 34px; background-image:url(../_images/home-tiles-arrows.gif); background-position: 0 -30px; width: 14px; height: 0; padding: 30px 0 0; display: block; overflow: hidden; }
#home-tiles-container #home-tiles { margin: 0 25px; width: 852px; height: 80px; padding: 11px 0 0; overflow: hidden; }
#home-tiles-container #home-tiles div.container { position: relative; left: 0; overflow: auto; }
#home-tiles-container #home-tiles div.container a { display: block; float: left; margin: 0 20px; }
#home-tiles-container #home-tiles div.tip { z-index: 10; font-size: 11px;  position: absolute; background-image:url(../_images/tip-bg.png); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 146px; height: 54px; padding: 13px; top: -50px; }
#home-tiles-container #home-tiles div.tip h1 { color: #FFF; font-size: 12px; text-transform: uppercase; }
#home-tiles-container #home-tiles div.tip p { color: #FFF; font-size: 11px; }

#home-bottom-text { width: 949px; margin: 30px 0 0 14px; }
#home-bottom-text,
#home-bottom-text p, #home-bottom-text p a { color: #a2b4be; font-size: 12px; line-height: 17px; margin-bottom: 5px; text-decoration:none; }

/****
** Product Page
****/

#product-container { padding: 9px 0 0 9px; width: 949px; height: 464px; position: relative; }
#product-container #product-left { width: 511px; height: 464px; float: left; position: relative; }

#product-container #product-left #main-image .pin { position: absolute; width: 18px; height: 19px; background-image:url(../_images/home-slideshow-pin.png); cursor: pointer; }
#product-container #product-left #main-image div.tip { z-index: 10; position: absolute; height: auto; width: auto; background-color:#000; }
#product-container #product-left #main-image #colors { position: absolute; bottom: 3px; left: 20px; }
#product-container #product-left #main-image #colors span { text-transform: uppercase; color: #999; font-size: 12px; }
#product-container #product-left #main-image #colors table a { width: 20px; height: 20px; position: relative; display: block; }
#product-container #product-left #main-image #colors table td { padding: 3px; }
#product-container #product-left #main-image #colors table a img { position: absolute; top: -11px; left: 3px; display: none; }
#product-container #product-left #main-image #colors table a.current img { display: block; }

#product-container #product-left #product-videos { padding: 57px 0 0 51px; }
#product-container #product-left #product-videos .video { padding: 10px 0 0; }

#product-container #product-right { float: right; height: 464px; width: 415px; }
#product-container #product-right h1 { margin: 10px 0 0; }
#product-container #product-right .facebook-share { margin: 10px 0 0; }
#product-container #product-right .description { font-size: 14px; color: #4b4b4b; margin: 30px 0 0; height: 150px; }
#product-container #product-right .description p { font-size: 14px; color: #4b4b4b; }
#product-container #product-right table.options { margin: 0 0 0 100px; }
#product-container #product-right table.options td { padding: 0 10px 20px 0; }
#product-container #product-right table.options span { font-size: 14px; text-transform: uppercase; color: #666; }

#product-container #product-right table.price { margin: 10px 0 0 50px; }
#product-container #product-right table.price td { padding: 0 31px 0 0; }
#product-container #product-right table.price span.price { font-size: 30px; color: #44687d; }
#product-container #product-right table.price button { width: 209px; height: 57px; background:url(../_images/btn-addtocart.png); border: none; display: inline; }
#product-container #product-right table.price button span { display: none; }

#product-thumbnails { position: relative; text-align:center; padding: 10px 0 0 39px; height:66px; }
#product-thumbnails a { position: relative; display: block; float: left; padding: 0 6px 0 0; /*border: 1px solid #caded9;*/ height: 52px; width: 69px; }
#product-thumbnails a img.arrow { position: absolute; top: 13px; left: 7px; }
#product-thumbnails a.video img.thumb { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }

#product-coupon { position: absolute; left: 722px; top: 11px;  width: 230px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #febe10; border: dashed #000 1px; padding: 6px; }
#product-coupon div { color: #44687d; }
#product-coupon .name { font-weight:bold; text-transform:uppercase; color: #44687d; font-size: 13px; }

#product-name { margin: 30px 0 0 40px; color: #FFF; text-transform: uppercase; font-size: 16px; }
#product-alt-description { margin: 20px 0 0 60px; font-size: 15px; color: #FFF; line-height: 18px; }
#product-alt-description p { font-size: 15px; color: #FFF; line-height: 18px; }

/****
** Two col
****/

#nav-column { width: 183px; float: left; }
#nav-column ul { display: block; }
#nav-column ul li { list-style: none; display: block; height: 42px; line-height: 42px; border-bottom: 2px dashed #898989; }
#nav-column ul li a { color: #898989; font-size: 14px; text-decoration: none; }
#nav-column ul li a.current,
#nav-column ul li a:hover { color: #44687d; }

#content-column { padding: 27px 0 0 26px; float: left; width: 633px; }

#order-progress { width: 620px; height: 30px; background-image:url(../_images/order-progress-bar.gif); margin: 0 0 0 13px; }
.op-step2 { background-position: 0 -30px; }
.op-step3 { background-position: 0 -60px; }

/****
** Old Styles
****/

.messageStackError { color: #F00; text-align: center; font-weight:bold; }
.messageStackSuccess { color: #0C0; text-align:center; font-weight:bold; }

table.infoBox td { padding: 2px; }

#fullcontent.login .heading { background: #44687e; color:#FFF; padding: 0px 0px 0px 5px; font-size: 12px; height: 25px; font-weight:bold; }
#fullcontent.login hr { margin: 15px 0px; }
#fullcontent.login a { font-size: 11px; }
#fullcontent.create_account input,
#fullcontent.login input { font-size: 11px; }

#fullcontent.create_account .requiredText,
.inputRequirement { color:#F00; }
#fullcontent.create_account .heading { background: #44687e; color:#FFF; padding: 5px 0px 5px 5px; font-size: 12px; height: 20px; font-weight:bold; }
#fullcontent.create_account_success hr { margin: 15px 0px; }
#fullcontent.create_account label { display: block; }

#content .account { padding: 18px; }
#content .account hr { margin: 0px 0px 15px; }
#content .account .heading { background: #44687e; color:#FFF; padding: 5px 0px 5px 5px; font-size: 12px; height: 20px; font-weight:bold; }

#content .account_edit { padding: 18px; }
#content .account_edit hr { margin: 0px 0px 15px; }
#content .account_edit .heading { background: #44687e; color:#FFF; padding: 5px 0px 5px 5px; font-size: 12px; height: 20px; font-weight:bold; }

#content .address_book { padding: 18px; }
#content .address_book hr { margin: 0px 0px 15px; }
#content .address_book .heading { background: #44687e; color:#FFF; padding: 5px 0px 5px 5px; font-size: 12px; height: 20px; font-weight:bold; }

#content .account_password { padding: 18px; }
#content .account_password hr { margin: 0px 0px 15px; }
#content .account_password .heading { background: #44687e; color:#FFF; padding: 5px 0px 5px 5px; font-size: 12px; height: 20px; font-weight:bold; }

#content .account_history { padding: 18px; }
#content .account_history hr { margin: 0px 0px 15px; }
#content .account_history .heading { background: #44687e; color:#FFF; padding: 5px 0px 5px 5px; font-size: 12px; height: 20px; font-weight:bold; }

#content .account_newsletters { padding: 18px; }
#content .account_newsletters hr { margin: 0px 0px 15px; }
#content .account_newsletters .heading { background: #44687e; color:#FFF; padding: 5px 0px 5px 5px; font-size: 12px; height: 20px; font-weight:bold; }
#content .account_newsletters .moduleRowOver { background: #F9D300; }

#content div.affiliate_links p { margin: 0px 0px 15px; padding: 0; }
#content div.affiliate_links span.generate_text { text-transform: uppercase; color:#666; }

#content div.affiliate_reports .date_range_selector { background: url(../images/bg-affiliate-reports-date-selector.gif); width: 650px; height: 71px; margin: 0px; padding: 17px 12px 0px; display:block; }
#content div.affiliate_reports .date_range_selector .title { color: #000; text-transform:uppercase; margin: 0px 0px 10px; font-size: 14px; font-weight:bold; }
#content div.affiliate_reports .date_range_selector td { color: #666; }
a.btn_download_report { width: 174px; overflow: hidden; height: 31px; background: url(../images/btn_download_report.gif) 0px 0px; text-indent: -9999px; display:block; }
a.btn_download_report:hover { background: url(../images/btn_download_report.gif) 0px -31px; }

#content div.affiliate_reports table#report_table { margin: 20px 0px 0px; }
#content div.affiliate_reports table#report_table tr th { background: #c2c2c2; width: 105px; height: 28px; text-transform:uppercase; font-weight:normal; padding: 0px; margin: 0px; vertical-align: middle; }
#content div.affiliate_reports table#report_table tr td { width: 105px; height: 28px; text-transform:uppercase; vertical-align: middle; }
#content div.affiliate_reports table#report_table tr.day_row td { background: #e0e0e0; }
#content div.affiliate_reports table#report_table tr.totals td { background: #f5d312; font-weight:bold; }

#content div.affiliate_reports table#report_table tr th.date,
#content div.affiliate_reports table#report_table tr th.commission, 
#content div.affiliate_reports table#report_table tr td.date,
#content div.affiliate_reports table#report_table tr td.commission { padding: 0px 0px 0px 14px; width: 91px; }

#content div.affiliate_update_account td { padding: 5px; }
#content div.affiliate_update_account td.heading { width: 130px; }

#content div.affiliate_login td { padding: 5px; }

#content .checkout_success { padding: 30px 18px 0px; }
#content .checkout_success hr { margin: 20px 0px; }
#content .checkout_success .heading { background: #44687e; color:#FFF; padding: 5px 0px 5px 5px; font-size: 12px; height: 20px; font-weight:bold; }
#content .checkout_success label { display: block; }

#content div.store_locator #map_canvas { width: 575px; height: 300px; border: 1px solid #000; margin: 20px 0px 0px; }
#content div.store_locator .dealer { margin: 0px 0px 30px; }
#content div.store_locator .dealer a { font-weight:bold; }
#content div.store_locator .dealer_address,
#content div.store_locator .dealer_phone { font-size: 11px; }

#content div.warranty_registration { padding: 11px 13px 0px; }
#content div.warranty_registration table td { padding: 5px; }
#content div.warranty_registration label { display: block; }
#content div.warranty_registration div.rightcolumn { float: right; width: 440px; }
#content div.warranty_registration div.rightcolumn .downloads { width: 285px; background-color:#44687d; padding: 25px 10px 15px; font-size: 11px; color: #CCC; }
#content div.warranty_registration div.rightcolumn .downloads a { color: #FFF; text-transform: uppercase; font-size: 16px; text-decoration:none; }
#content div.warranty_registration div.rightcolumn .important { font-size: 11px; margin: 20px 0 0; }
#content div.warranty_registration label { display: block; }

#content .contact_us { padding: 18px; }
#content .contact_us hr { margin: 0px 0px 15px; }
#content .contact_us .heading { background: #44687e; color:#FFF; padding: 5px 0px 5px 5px; font-size: 12px; height: 20px; font-weight:bold; }

#content .becomearetailer { padding: 15px 0 20px; }
#content .becomearetailer td { padding: 5px; }

.notfound404 p { margin: 12px 0px; padding: 0px; }

.notfound404 .sitemap { margin-top: 20px; }

.sitemap .col { width: 230px; padding-left: 70px; float: left; }
.sitemap .col ul { list-style: none; padding: 0px; margin: 0px 0px 20px; }
.sitemap .col ul li { list-style:none; padding: 0px; margin: 0px; }

.sitemap a.maincat { color: #333; text-decoration: underline; font-weight:bold; text-transform:uppercase; display: block; margin-bottom: 5px; }
.sitemap a.maincat:hover { color: orange; }
.sitemap a.subcat { font-weight: bold; display: }
.sitemap a.product { text-decoration: underline; }

.sitemap .col ul ul { list-style: none; padding: 0px; margin: 0px 0px 5px 20px; }

table.table-fields { margin:12px 0 0 13px; }
table.table-fields td { padding: 5px; }
table.table-fields td.left-fields { height:223px; width:305px; }
table.table-fields td.left-fields input.input-text { width:200px; }
table.table-fields td.left-fields input.required { color:#F49090; text-transform:uppercase; }
table.table-fields td.left-fields input.state { width:84px; }
table.table-fields td.left-fields input.zip { width:70px; }
table.table-fields td.left-fields div.newsletter { padding:30px 0 0 10px; }
table.table-fields td.right-fields { height:274px; padding-left:18px; padding-right:10px; padding-top:5px; width:327px; }
table.table-fields td.right-fields div.contestname { font-size:14px; font-weight:bold; margin-bottom:14px; }
table.table-fields td.right-fields ul { list-style:none outside none; margin:0; padding:0; }
table.table-fields td.right-fields li { color:#464646; list-style:none outside none; margin:0; padding:0 0 0 6px; position:relative; }
table.table-fields td.right-fields li.selected { background:none repeat scroll 0 0 #FBD818; }
table.table-fields td.right-fields li label { cursor:pointer; }
table.table-fields td.right-fields li input.input-check { margin-right:5px; }
table.table-fields td.right-fields li input.input-text { color:#464646; }
table.table-fields td.right-fields li select { display:none; position:absolute; right:2px; top:2px; }
table.table-fields td.right-fields li.selected select { display:inline; }

#content div.contest { padding: 11px 13px 30px; width: 685px }
#content div.contest div.message { color: #363636; font-size: 12px; margin-top: 25px; }
#content div.contest div.formcontainer { background:url(../../_images/layout/bg-contest_form.gif) no-repeat top left; position: relative; margin-top: 20px; }
#content div.contest div.formcontainer input.submit-entry { width: 685px; height: 45px; padding: 45px 0px 0px; background: url(../../_images/layout/btn-contest_submit.gif) no-repeat; position: absolute; bottom: 0px; left: 0px; border:0px; cursor: pointer; }
#content div.contest div.formcontainer input.submit-entry:hover { background-position: 0px -45px; cursor: pointer; }
#content div.contest div.disclaimer { color: #363636; font-size: 10px; margin-top: 36px; }
#content div.contest div.disclaimer a { color: #363636; font-size: 10px; text-decoration:none; }
#content div.contest div.disclaimer a:hover { text-decoration:underline; }
#content div.contest div.disclaimer p { margin: 0px; display:inline; }

.hidetext { display: none; } 
#brella-menu { height: 39px; width: 479px; margin-top: 5px; position: relative; list-style: none; background: url(/_images/brella-menu.png) no-repeat 0px 0px;  }
#brella-menu li { height: 39px; position: absolute; }
#brella-menu a { height: 39px; display: block; }
#link1 { left: 0px; width: 149px; }
#link2 { left: 152px; width: 129px; }
#link3 { left: 284px; width: 194px; }
#link1 a:hover, #link1 a.selected, #link1 a.select { background: url(/_images/brella-menu.png) no-repeat 0px -42px; }
#link2 a:hover, #link2 a.selected, #link2 a.select { background: url(/_images/brella-menu.png) no-repeat -152px -42px; }
#link3 a:hover, #link3 a.selected, #link3 a.select { background: url(/_images/brella-menu.png) no-repeat -284px -42px; }

#link1:hover .ddmenu { display: block; }
#link2:hover .ddmenu { display: block; }

#brella-menu .ddmenu { position: absolute; top: 37px; z-index: 999; background: #2d5a75; border-top: 1px solid #688698; border-left: 1px solid #688698; border-right: 1px solid #688698; list-style: none; width: 210px; display: none; }
#brella-menu .ddmenu li { width: auto; height: auto; position: relative; border-bottom: 1px solid #688698; }
#brella-menu .ddmenu a { height: auto; padding: 10px 10px 10px 14px; font-size: 14px; color: #FFF; text-decoration: none; font-weight: 700; }
#brella-menu .ddmenu a:hover, #brella-menu .ddmenu a.current { background: #069; }