/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Defines the site-wide layout for core structure
- Defines reusable widget code
- Defines page specific layout
- Overrides base HTML elements where required
----------------------------------------------------------------------------------------------------------------------*/

/* == CONTENTS
------------------------------------------------------------------------------------------------------------------------
- Main Layout
- Head Content
- Primary Navigation
- Foot Content
- Lead Feature Panel

[Widget Styles:]

----------------------------------------------------------------------------------------------------------------------*/


/* == Main Layout
----------------------------------------------------------------------------------------------------------------------*/

#wrap{width: 995px;margin: 0 auto;text-align: left;background: #edf0f5;}
#wrap #head{float: left; width: 995px;background: #edf0f5;}
#wrap #priNav{float: left;width: 995px;}
#wrap #subNav{float: left;width: 995px;height: 27px;background: url(/_img/head-gradient.gif) bottom left repeat-x;}
#wrap #mainContent{float: left; width: 995px;}
#wrap #foot{float: left; width: 995px;background: #e1e9ec;}

/** content divisions **/

/** homepage **/
#wrap #mainContent #templateOne{float: left; width: 995px; padding-top: 10px;padding-bottom: 15px;background: #f7f8fa url(/_img/template-one-bg.gif) repeat-x bottom left;}
#wrap #mainContent #templateOne .zoneOne{float: left; width: 540px;}
#wrap #mainContent #templateOne .zoneTwo{float: right; width: 435px;}

/** 50:50 split **/
#wrap #mainContent #templateTwo{float: left; width: 995px; padding-top: 10px;background: #fff url(/_img/template-two-bg.gif) repeat-x bottom left;}
#wrap #mainContent #templateTwo .zoneOne{float: left; width: 497px;}
#wrap #mainContent #templateTwo .zoneTwo{float: right; width: 497px;}

/** full-width product listings **/
#wrap #mainContent #templateThree{float: left; width: 961px; padding: 10px 17px 0 17px;background: #f2f6f9 url(/_img/template-three-bg.gif) repeat-x bottom left;}
#wrap #mainContent #templateThree .zoneOne{float: left; width: 961px;}

/** product detail 2 col **/

#wrap #mainContent #templateFour{float: left; width: 995px; background: #fafcfb url(/_img/prod-gradient.gif) repeat-x bottom left;}
#wrap #mainContent #templateFour .zoneOne{float: left; width: 995px;}

/** Main col and sidebar, e.g. news **/

#wrap #mainContent #templateFive{float: left; width: 995px;background: #fff url(/_img/prod-gradient-nav.gif) repeat-x bottom left;}
#wrap #mainContent #templateFive .zoneOne{float: left; width: 540px;padding: 35px 20px 20px 80px;background: #fafcfb url(/_img/prod-gradient.gif) repeat-x bottom left;}
#wrap #mainContent #templateFive .zoneTwo{float: left; width: 325px;padding: 35px 18px 10px 10px;}

/** full-width content page **/
#wrap #mainContent #templateSix{float: left; width: 995px; background: #fafcfb url(/_img/prod-gradient.gif) repeat-x bottom left;}
#wrap #mainContent #templateSix .zoneOne{float: left; width: 893px;padding: 35px 20px 0 80px;}
#wrap #mainContent #templateSix .zoneOne .splitLeft{float: left; width: 420px;}
#wrap #mainContent #templateSix .zoneOne .splitRight{float: right; width: 420px;}

/** TOR content page **/
#wrap #mainContent #templateTor{float: left; width: 995px; background: #fafcfb url(/_img/prod-gradient.gif) repeat-x bottom left;}
#wrap #mainContent #templateTor .zoneOne{float: left; width: 955px;padding: 35px 20px 30px 20px;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head ul.siteTools{float: right; margin: 5px 43px 0 0; list-style-image: none;display: inline;}
#wrap #head ul.siteTools li{float: left;height: 27px; line-height: 27px;}
#wrap #head ul.siteTools li span{padding: 0 8px;color: #ccc;}
#wrap #head ul.siteTools li a{text-decoration: none;font-family: Century Gothic;font-size: 95%;font-weight: bold;color: #6c7d87;}
#wrap #head ul.siteTools li a:hover{border-bottom: solid 2px #ccc;}

#wrap #head .logo{float: left; margin: 50px 0 32px 80px;}

#wrap #head div.search{float: right;margin: 20px 45px 0 0;display: inline;}
#wrap #head div.search input{background: transparent url(/_img/search-bg.gif) top left no-repeat; height: 21px; width: 129px;padding: 3px 0 0 10px; border: 0;color: #659997; float: left;}
#wrap #head div.search input.searchBtn{padding: 0; background: url(/_img/search-btn.gif) top left no-repeat; height: 21px; width: 22px;cursor: pointer;}


/* == Primary Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap #priNav ul.left{float: left;list-style-image: none;margin: 0;padding: 0 0 5px 80px;background: url(/_img/nav-left.gif) bottom left no-repeat;width: 320px;}
#wrap #priNav ul.left li{float: left;margin: 0;}
#wrap #priNav ul.left li a{float: left;font-weight: bold;padding: 8px 25px 8px 0;text-decoration: none;color: #2e4e67;}
#wrap #priNav ul.left li a:hover{color: #e80000;}
#wrap #priNav ul.left li.tab a{background: url(/_img/tab-bg.gif) top left no-repeat;height: 23px;width: 79px; text-align: center;padding: 8px 0 0 0;border-top: solid 3px #edf0f5;}
#wrap #priNav ul.left li.tab a:hover{color: #000;border-top: 0;padding-top: 11px;}
#wrap #priNav ul.left li.fmjOn a{background: url(/_img/tab-bg-fmj.gif) top left no-repeat;color: #000;border-top: 0;height: 23px;padding-top: 11px;}
#wrap #priNav ul.left li.soloOn a{background: url(/_img/tab-bg-solo.gif) top left no-repeat;color: #000;border-top: 0;height: 23px;padding-top: 11px;}

#wrap #priNav .rightNav ul{float: right;list-style-image: none;margin: 3px 0 0 0;background: url(/_img/nav-right.gif) bottom right no-repeat;padding-bottom: 2px;padding-right: 15px;}
#wrap #priNav .rightNav ul li{float: left;margin: 0;}
#wrap #priNav .rightNav ul li a{float: left;font-weight: bold;padding: 8px 25px 8px 0;text-decoration: none;}
#wrap #priNav .rightNav ul li a:hover, #wrap #priNav .rightNav li a.on{border-bottom: solid 3px #e80000;color: #000;padding-bottom: 5px;}

#wrap #subNav ul{float: left; margin: 0 0 0 80px; padding: 0 0 0 10px; height: 27px; list-style-image: none;background: url(/_img/marker-bl.gif) bottom left no-repeat;display: inline;}
#wrap #subNav ul li{float: left;height: 27px; line-height: 25px;margin: 0;margin-right: 32px;}
#wrap #subNav ul li.end{margin-right: 0;}
#wrap #subNav ul li a{float: left;text-decoration: none;background: url(/_img/subnav-point.gif) center left no-repeat;padding: 0 0 0 12px;color: #74787b;font-weight: bold;}
#wrap #subNav ul li a:hover{color: #bb440c;}
#wrap #subNav ul li a.on{color: #bb440c;font-weight: bold;}
#wrap #subNav ul li a.solo{background: url(/_img/subnav-point-solo.gif) center left no-repeat;}
#wrap #subNav ul li a.solo:hover{color: #268dc8;}

#wrap #thirdNav{float: left;background: url(/_img/section-bg.gif) top left no-repeat;margin-bottom: 20px;}
#wrap #thirdNav ul{margin: 8px;}
#wrap #thirdNav ul li{float: left;margin: 0 0 5px 0; width: 309px;clear: left;list-style-image: none;}
#wrap #thirdNav ul li a{float: left;text-decoration: none; color: #686868;height: 25px; line-height: 25px;background: url(/_img/bullet.gif) center left no-repeat;padding: 0 0 0 20px; width: 289px;border-bottom: dashed 1px #c1cad3;font-weight: bold;}
#wrap #thirdNav ul li a:hover,
#wrap #thirdNav ul li.liOn a{color: #bb440c;background: url(/_img/bullet-on.gif) center left no-repeat;}

/* == Foot Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #foot .left ul{float: left; margin: 10px 0 10px 80px; list-style-image: none;display: inline;}
#wrap #foot .left ul li{float: left;font-size: 95%;padding: 0 6px 0 0;margin: 3px 6px 3px 0;background: url(/_img/foot-divide.gif) center right no-repeat;}
#wrap #foot .left ul li a{text-decoration: none; font-weight: bold;}
#wrap #foot .left ul li a:hover{text-decoration: underline;}

#wrap #foot ul.right{float: right; margin: 10px 40px 10px 0; list-style-image: none;display: inline;}
#wrap #foot ul.right li{float: left;font-size: 95%;}
#wrap #foot ul.right li span{padding: 0 6px;}
#wrap #foot ul.right li a{text-decoration: none; font-weight: bold;}
#wrap #foot ul.right li a:hover{text-decoration: underline;}


/* == Lead Feature Panel
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .featurePanel{float: left; width: 995px;}
#wrap #mainContent .withDivide{background: url(/_img/lead-divide.gif) bottom center no-repeat;}

#wrap #mainContent .homePanel{height: 244px; width: 995px;position: relative;}
#wrap #mainContent .homePanel .panelItem{height: 244px;width: 995px;position: absolute; top: 0; left: 0;}
#wrap #mainContent .homePanel .controlButtons{position: absolute; bottom: 10px; right: 160px; z-index:10;}
#wrap #mainContent .homePanel .controlButtons .next{background: url(/_img/feature/arrow-next.gif) top left no-repeat; height: 8px; width: 14px;float: left; cursor: pointer;}
#wrap #mainContent .homePanel .controlButtons .prev{background: url(/_img/feature/arrow-previous.gif) top left no-repeat; height: 8px; width: 14px;float: left; cursor: pointer;margin-right: 8px;}

#wrap #mainContent .productLead{background: #f8faf9 url(/_img/lead-fade.gif) bottom left repeat-x;}
#wrap #mainContent .productLead .text{float: left; width: 520px;margin: 10px 0 0 80px;display: inline;}
#wrap #mainContent .productLead .text .overview{color: #607c88;}
#wrap #mainContent .productLead .text .tagline{font-family: 'Century Gothic'; font-size: 160%;margin-top: 10px;}

/* == Main Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateOne .zoneOne .productRanges{float: left;width: 459px;margin: 0 0 0 80px; display: inline;}
#wrap #mainContent #templateOne .zoneOne .productRanges a.viewall{float: right; height: 16px; line-height: 16px; background: url(/_img/arrow.gif) no-repeat right; padding-right: 20px; text-decoration: none; font-size: 90%;margin: 15px 2px 0 0;}
#wrap #mainContent #templateOne .zoneOne .productRanges .features{height: 240px;width: 434px; padding: 0 10px 0 15px; background: url(/_img/features-bg.gif) no-repeat top left;}
#wrap #mainContent #templateOne .zoneOne .productRanges .features .column{width: 195px; margin: 0;display: inline;}
#wrap #mainContent #templateOne .zoneOne .productRanges .features .column p{margin-bottom: 8px;}
#wrap #mainContent #templateOne .zoneOne .productRanges .features .column .prodimg{margin: 0 0 8px 0;height: 60px;line-height: 60px; text-align: center;}
#wrap #mainContent #templateOne .zoneOne .productRanges .features .column .prodimg img{vertical-align: middle;}
#wrap #mainContent #templateOne .zoneOne .productRanges .features .rangeLink{text-decoration: none; font-size: 115%;font-family: Century Gothic;background: url(/_img/point.gif) center right no-repeat;padding-right: 20px;}

/* == News Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateOne .zoneOne .newsPanel{float: left; width: 479px;margin: 12px 0 0 60px;display: inline;}
#wrap #mainContent #templateOne .zoneOne .newsPanel ul{margin: 0px 0 10px 20px; list-style: none;}
#wrap #mainContent #templateOne .zoneOne .newsPanel ul li{clear: left;list-style-image: none;}
#wrap #mainContent #templateOne .zoneOne .newsPanel ul li a{text-decoration: none;}
#wrap #mainContent #templateOne .zoneOne .newsPanel ul li p{margin: 0;}
#wrap #mainContent #templateOne .zoneOne .newsPanel ul li .date{color: #445869;}
#wrap #mainContent #templateOne .zoneOne .newsPanel li img{border:1px solid #BBBBBB; float:left; margin:0 10px 0 0; padding:1px;}
#wrap #mainContent #templateOne .zoneOne .newsPanel ul li a span{font-weight:normal;}
#wrap #mainContent #templateOne .zoneOne .newsPanel ul li a:hover {color:#af3d09;}
#wrap #mainContent #templateOne .zoneOne .newsPanel ul li a.icon:hover {border: solid 1px #af3d09;}
#wrap #mainContent #templateOne .zoneOne .newsPanel div {width:85%; margin-bottom:10px;}
#wrap #mainContent #templateOne .zoneOne .newsPanel a.more{background:transparent url(/_img/subnav-point.gif) no-repeat scroll left center; padding-left:15px; text-decoration:none;}


/* == Dealer Locator
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .dealerLocator{float: left; width: 420px; padding: 0 15px 0 0;background: url(/_img/locator-bg.gif) top left no-repeat;height: 180px;}
#wrap #mainContent .dealerLocator h2{padding: 0 20px 5px 25px;}
#wrap #mainContent .dealerLocator div.form{float: right;margin: 10px 20px 0 0;display: inline;width: 150px;}
#wrap #mainContent .dealerLocator div.form select{padding: 2px;font-weight: bold; width: 150px;}
#wrap #mainContent .locatorSmall{float: left;height: 37px; width: 307px; background: url(/_img/locator-small-bg.gif) top left no-repeat;padding: 20px 0 0 20px;display: inline;}
#wrap #mainContent .locatorSmall form{margin: 0;}
#wrap #mainContent .locatorLarge{float: left;height: 120px; width: 307px; background: url(/_img/bg_box.gif) top left no-repeat;padding: 20px 0 0 20px;display: inline;}
#wrap #mainContent .locatorLarge form{margin: 0;}

/* == Dealer Page
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .dealer .icon {float:left;margin:3px 30px 10px 0;}
#wrap #mainContent .dealer .dealerLeft {width:155px}


/* == Register Box
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .registerBox {float: left;height: 120px; width: 327px; background: url(/_img/bg_box.gif) top left no-repeat;padding:0 0 0 0;display: block;}
#wrap #mainContent .registerBox div {margin-top:12px; margin-left:15px;}
#wrap #mainContent .registerBox form{margin: 0;}
#wrap #mainContent .registerBox .btn{margin-left: 0px;}


/* == Blog Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .blogPanel{float: left; width: 400px; padding: 0px 15px 0 0;}
/*#wrap #mainContent .blogPanel p.tagline{font-weight: bold; background: #cbdae1; padding: 5px 25px; margin: 5px 0px;}*/
#wrap #mainContent .blogPanel ul{margin: 0px 0 10px 20px; list-style: none;}
#wrap #mainContent .blogPanel ul li{clear: left;list-style-image: none;}
#wrap #mainContent .blogPanel ul li a{text-decoration: none;}
#wrap #mainContent .blogPanel ul li p{margin: 0;}
#wrap #mainContent .blogPanel ul li .date{color: #445869;}
#wrap #mainContent .blogPanel li img{border:1px solid #BBBBBB; float:left; margin:0 10px 0 0; padding:1px;}
#wrap #mainContent .blogPanel ul li a span{font-weight:normal;}
#wrap #mainContent .blogPanel ul li a:hover {color:#af3d09;}
#wrap #mainContent .blogPanel ul li a.icon:hover {border: solid 1px #af3d09;}
#wrap #mainContent .blogPanel div {width:85%; margin-bottom:10px;}
#wrap #mainContent .blogPanel a.more{background:transparent url(/_img/subnav-point.gif) no-repeat scroll left center; padding-left:15px; text-decoration:none;}

/* == Product Landing Page
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateTwo .rangeIntroLeft{padding: 15px 40px 160px 60px;width: 397px;background: url(/_img/fmj-lead.jpg) bottom left no-repeat;position: relative;}
#wrap #mainContent #templateTwo .rangeIntroRight{padding: 15px 60px 160px 50px;width: 387px;background: url(/_img/solo-lead.jpg) bottom right no-repeat;}

#wrap #mainContent #templateTwo .rangeIntroLeft .overview{min-height: 125px; height: auto !important; height: 125px;}
#wrap #mainContent #templateTwo .rangeIntroRight .overview{min-height: 125px; height: auto !important; height: 125px;}

/* == Product category Listing Page
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateThree .titleBarfmj{float: left;background: #b13d0a url(/_img/bar-fmj-left.gif) top left no-repeat;font-size: 140%; font-family: Century Gothic;}
#wrap #mainContent #templateThree .titleBarfmj .inner{float: left; width: 899px;background: url(/_img/bar-fmj-right.gif) top right no-repeat; color: #fff;height: 41px; line-height: 41px;padding: 0 0 0 62px;}

#wrap #mainContent #templateThree .titleBarsolo{float: left;background: #007CC2 url(/_img/bar-solo-left.gif) top left no-repeat;font-size: 140%; font-family: Century Gothic;}
#wrap #mainContent #templateThree .titleBarsolo .inner{float: left; width: 899px;background: url(/_img/bar-solo-right.gif) top right no-repeat; color: #fff;height: 41px; line-height: 41px;padding: 0 0 0 62px;}

#wrap #mainContent ul.catListing{float: left; margin: 10px 0; list-style-image: none;}
#wrap #mainContent ul.catListing li{float: left;width: 901px;margin: 10px 0;padding-left: 60px;background: url(/_img/marker-mr.gif) bottom right no-repeat;}
#wrap #mainContent ul.catListing li .catDetails{float: left;width: 200px;margin: 20px 10px 0 0;}
#wrap #mainContent ul.catListing li .catDetails a.name{font-size: 130%;font-weight: bold; color: #505d66;text-decoration: none;}
#wrap #mainContent ul.catListing li .catDetails a.name:hover{color: #993408;}
#wrap #mainContent ul.catListing li .catDetails a.view-fmj{background: url(/_img/subnav-point.gif) center left no-repeat; text-decoration: none;padding-left: 15px;}
#wrap #mainContent ul.catListing li .catDetails a.view-solo{background: url(/_img/subnav-point-solo.gif) center left no-repeat; text-decoration: none;padding-left: 15px;}
#wrap #mainContent ul.catListing li .catDetails a.view-fmj:hover {text-decoration:underline;}
#wrap #mainContent ul.catListing li .catDetails a.view-solo:hover {text-decoration:underline;}
#wrap #mainContent ul.catListing li .images{float: left;}
#wrap #mainContent ul.catListing li .images img{vertical-align: middle;}
#wrap #mainContent ul.catListing li .scrollBtn{margin: 0 10px;display: inline;}
#wrap #mainContent ul.catListing li .scrollBtnLeft{background: url(/_img/btn-left.gif)}
#wrap #mainContent ul.catListing li .scrollBtnLeft:hover{background: url(/_img/btn-left-on.gif)}
#wrap #mainContent ul.catListing li .scrollBtnRight{background: url(/_img/btn-right.gif)}
#wrap #mainContent ul.catListing li .scrollBtnRight:hover{background: url(/_img/btn-right-on.gif)}
#wrap #mainContent ul.catListing li .prodDetails{float: left;width: 210px; margin: 25px 0 0 25px; }
#wrap #mainContent ul.catListing li .prodDetails a.name{color: #505d66;text-decoration: none;font-weight: bold;}
#wrap #mainContent ul.catListing li .prodDetails a.name:hover{color: #993408;font-weight: bold;}

#wrap #mainContent ul.catListing li .prodDetails a.view-fmj{background: url(/_img/subnav-point.gif) center left no-repeat; text-decoration: none;padding-left: 15px;}
#wrap #mainContent ul.catListing li .prodDetails a.view-solo{background: url(/_img/subnav-point-solo.gif) center left no-repeat; text-decoration: none;padding-left: 15px;}
#wrap #mainContent ul.catListing li .prodDetails a.view-fmj:hover{text-decoration: underline;}
#wrap #mainContent ul.catListing li .prodDetails a.view-solo:hover{text-decoration: underline;}

#wrap #mainContent ul.catListing li .prodDetails a.name span.fmj{color: #993408;}
#wrap #mainContent ul.catListing li .prodDetails a.name span.solo{color: #007cc2;}

#wrap #mainContent .rangePromo{float: left;width: 440px;font-size: 120%;margin: 20px 0 0 -17px;display: inline;font-family: Century Gothic; }
#wrap #mainContent .promoFMJ{width: 465px;}
#wrap #mainContent .rangePromo img{float: left;margin: 0 10px 0 0;}
#wrap #mainContent .rangePromo p{margin: 20px 0 0 0; float: left; width: 200px; color: #000;padding-top: 0px; padding-bottom:30px;}
#wrap #mainContent .rangePromo p a{text-decoration: none;color: #515e67;}
#wrap #mainContent .rangePromo p a:hover{text-decoration: none;color: #993408;}

#wrap #mainContent .divider{float: left;}

/* == Product Listing
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent ul.prodListing{float: left; margin: 10px 0; list-style-image: none;}
#wrap #mainContent ul.prodListing li{float: left;width: 901px;margin: 10px 0;padding-left: 60px;background: url(/_img/marker-mr.gif) bottom right no-repeat;}
#wrap #mainContent ul.prodListing li .mainImg{float: left;}
#wrap #mainContent ul.prodListing li .thumbs{float: left;width: 130px;margin: 0 0 0 20px;}
#wrap #mainContent ul.prodListing li .thumbs a{float: left;border: solid 4px #cad7df;margin: 0 0 7px 0;}
#wrap #mainContent ul.prodListing li .thumbs a:hover{border: solid 4px #454c52;}
#wrap #mainContent ul.prodListing li .prodDetails{float: left;width: 340px;margin: 0px 0 0 25px;}
#wrap #mainContent ul.prodListing li .prodDetails a.name{color: #556676;text-decoration: none;font-weight: bold;font-size: 120%;}
#wrap #mainContent ul.prodListing li .prodDetails .desc{color: #74787b;}
#wrap #mainContent ul.prodListing li .prodDetails a.view-fmj{background: url(/_img/subnav-point.gif) center left no-repeat; text-decoration: none;padding-left: 15px;}
#wrap #mainContent ul.prodListing li .prodDetails a.view-solo{background: url(/_img/subnav-point-solo.gif) center left no-repeat; text-decoration: none;padding-left: 15px;}
#wrap #mainContent ul.prodListing li .prodDetails a.name span.fmj{color: #993408;}
#wrap #mainContent ul.prodListing li .prodDetails a.name span.solo{color: #007CC2;}

#wrap #mainContent ul.prodListing li .seperator{float: right;margin: 0 20px 7px 0;}

/* == Product Detail Page
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateFour .zoneOne .prodLeadArea{background: #fff url(/_img/prod-gradient-nav.gif) repeat-x bottom left; float: left;}
#wrap #mainContent #templateFour .zoneOne .leadImage{float: left; width: 640px;padding: 10px 0 5px 0px; background: #f1f6f9 url(/_img/prod-gradient-short.gif) repeat-x bottom left;min-height: 200px; height: auto !important; height: 200px;}
#wrap #mainContent #templateFour .zoneOne .altViews{float: left; width: 560px;padding: 0 0 0 80px; height: 50px; line-height: 50px;background: #fafcfb url(/_img/prod-gradient-alt.gif) repeat-x bottom left;}
#wrap #mainContent #templateFour .zoneOne .altViews a{float: left;border: solid 4px #a8acad;margin: 9px 4px 0px 5px;}
#wrap #mainContent #templateFour .zoneOne .altViews a:hover{border: solid 4px #474e54;}
#wrap #mainContent #templateFour .zoneOne .altViews a img{float: left;}
#wrap #mainContent #templateFour .zoneOne .prodContent{float: left; width: 510px;padding: 20px 50px 0 80px;}
#wrap #mainContent #templateFour .zoneOne .prodContent .prodLink{float: left;width: 180px;margin: 0 30px;text-decoration: none;text-align: center;}
#wrap #mainContent #templateFour .zoneOne .prodContent .prodLink img{margin: 10px 0 10px 0;}
#wrap #mainContent #templateFour .zoneOne .prodContent .scrollLink{float: right;margin: 15px 0 0 0;}
#wrap #mainContent #templateFour .zoneOne .prodContent .relatedProds .inner{background: #f1f6f9 url(/_img/related-bg.gif) bottom left repeat-x;border-top: 2px solid #c1cad3;padding: 10px 0 20px 0;}
#wrap #mainContent #templateFour .zoneOne .prodContent .relatedProds h2{font-size: 140%;color: #4d6975;margin: 10px;font-family: Century Gothic;}

#wrap #mainContent #templateFour .zoneOne .prodNav{float: left; width: 285px;padding: 30px 10px 0 60px;}
#wrap #mainContent #templateFour .zoneOne .links{float: left; width: 295px;padding: 0 0px 0 60px; height: 50px; line-height: 50px;background: #fafcfb url(/_img/prod-gradient-alt.gif) repeat-x bottom left;}

#wrap #mainContent #templateFour .zoneOne .prodNav h1{margin: 0 0 5px 0;font-family: Arial;color: #4d6975;font-size: 220%;border-bottom: solid 1px #acb4b7;}
#wrap #mainContent #templateFour .zoneOne .prodNav h2{font-size: 140%;color: #4d6975;margin: 0 0 5px 0;font-family: Century Gothic;}
#wrap #mainContent #templateFour .zoneOne .prodNav ul{margin: 10px 0;}
#wrap #mainContent #templateFour .zoneOne .prodNav ul li{float: left;margin: 0 0 5px 0;clear: left;list-style-image: none;}
#wrap #mainContent #templateFour .zoneOne .prodNav ul li a{float: left;text-decoration: none; color: #686868;height: 19px; line-height: 19px;background: url(/_img/prod-nav.gif) center left no-repeat;padding: 0 0 0 25px;width: 260px;}
#wrap #mainContent #templateFour .zoneOne .prodNav ul li a:hover,
#wrap #mainContent #templateFour .zoneOne .prodNav ul li.on a{background: url(/_img/prod-nav-on.gif) center left no-repeat;}

#wrap #mainContent #templateFour .zoneOne .links a{text-decoration: none;font-size: 90%;background: url(/_img/arrow-back.gif) center left no-repeat; padding: 2px 0 2px 20px;}

/* == Quotes
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .quote{float: left;width: 130px;background: url(/_img/quote.gif) top left no-repeat;padding-left: 50px;font-size: 130%;font-family: Century Gothic;color: #000;}
#wrap #mainContent .quote span{font-size: 90%; color: #e82022;font-weight: bold;}
#wrap #mainContent #templateTwo .rangeIntroLeft .quote{position: absolute; bottom: 20px; right: -100px;width: 200px;}
#wrap #mainContent .fmjQuote{margin: 40px 0 0 40px;background: url(/_img/quote-fmj.gif) top left no-repeat;}
#wrap #mainContent .fmjQuote span{color: #993408}

/** product page override **/
#wrap #mainContent #templateFour .zoneOne .quote{width: 200px;margin: 40px 0 40px 20px;display: inline;color: #7f8085;background: url(/_img/quote-prod.gif) top left no-repeat;padding-left: 60px;}
#wrap #mainContent #templateFour .zoneOne .quote span{color: #993408}
#wrap #mainContent #templateFour .zoneOne .quote span.soloText{color: #268dc8;}

/* == News Page
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateFive .zoneOne .tools{float: left; width: 100%;border-top: dashed 1px #afb7b9;border-bottom: dashed 1px #afb7b9;padding: 5px 0;}
#wrap #mainContent #templateFive .zoneOne .tools a{text-decoration: none;font-weight: bold;padding: 0 5px;}
#wrap #mainContent #templateFive .zoneOne .tools a:hover{text-decoration: underline;}
#wrap #mainContent #templateFive .zoneOne .newsImage{margin: 4px 10px 0 0;border: solid 1px #aaa; padding: 3px;}

#wrap #mainContent #templateFive .zoneTwo .newsNav h2{font-family: Arial; font-weight: bold;font-size: 180%;border-bottom: solid 1px #afb7b9;padding: 0 0 7px 0;color: #4e6875;margin: 0 0 10px 0;float: left; width: 325px;}
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList{margin: 10px 0;list-style-image: none;}
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList li{float: left; width: 100%;clear: left;margin: 0 0 8px 0;}
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList li a{float: left;text-decoration: none;color: #686868;}
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList li .icon{float: left;padding: 1px; border: solid 1px #bbb;margin: 0 10px 0 0;}
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList li a:hover{color: #af3d09;}
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList li.on a{color: #af3d09;font-weight: bold;}
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList li a:hover .icon,
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList li.on a .icon{border: solid 1px #af3d09;}
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList li .date{font-weight: bold;font-size: 95%;}
#wrap #mainContent #templateFive .zoneTwo .newsNav h2 .rssIcon{float: right;margin: 4px 6px 0 0;}
#wrap #mainContent #templateFive .zoneTwo .newsNav h2 .rssIcon img{float: left;}

/* == Pagination
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .pagingWrap{float: left;margin: 0 0 0 0;}
#wrap #mainContent .divLoading{float: left;font-size: 95%;margin: 3px 0 0 0;}
#wrap #mainContent .divLoading img{vertical-align: middle;}
#wrap #mainContent .paging{font-size: 95%;}
#wrap #mainContent .paging div.det{margin: 4px 7px 12px 0; clear:both; }
#wrap #mainContent .paging ul{margin: 0;list-style: none;}
#wrap #mainContent .paging ul li{float: left;margin: 0 7px 0 0;display: inline;}  
#wrap #mainContent .paging ul li.det{}
#wrap #mainContent .paging ul li a{border: solid 1px #afb7b9;float: left; padding: 2px 4px;text-decoration: none;background: url(/_img/paging-bg.gif) bottom left repeat-x; margin-bottom:10px; display:inline;}
#wrap #mainContent .paging ul li a:hover, #wrap #mainContent .paging ul li a.on{background: #8e9eab; color: #fff;}

#wrap #mainContent #templateFive .zoneTwo .newsNav .pagingWrap{float: right;}
#wrap #mainContent #templateFive .zoneTwo .newsNav .paging div.det{float: left; clear: none;}
#wrap #mainContent #templateFive .zoneTwo .newsNav .paging ul{float: left;}

/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/
.msgSuccess{color:#8FAD3D; border: solid 1px #8FAD3D;}

/* == Product Image Slider
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #slider {  width: 490px;  margin: 0 auto;  position: relative;}
#wrap #mainContent #slider .scroll {width: 490px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
#wrap #mainContent #slider .scrollContainer div.panel { padding: 20px;   width: 580px;}
#wrap #mainContent #shade { background: #EDEDEC url(images/shade.jpg) no-repeat 0 0; height: 50px;}
#wrap #mainContent .altViews ul.navigation {list-style: none;margin: 0; padding: 0; padding-bottom: 9px;}
#wrap #mainContent .altViews ul.navigation li {display: inline;}
#wrap #mainContent .scrollButtons {position: absolute; top: 70px; cursor: pointer;}
#wrap #mainContent .scrollButtons.left {left: -30px;}
#wrap #mainContent .scrollButtons.right {right: -30px;}
#wrap #mainContent .hide { display: none;}

/* == Product Image Slider
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #sliderNav {  width: 580px;  margin: 0 auto;  position: relative;}
#wrap #mainContent #sliderNav .scroll {height: 340px; width: 580px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: transparent}
#wrap #mainContent #sliderNav .scrollContainer div.panel { padding: 20px; height: 300px; width: 580px; background:transparent;}


/* == Search Results
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #search ul{margin: 0;}
#wrap #mainContent #search li {list-style:none;}
#wrap #mainContent #search a:hover {color:#af3d09 }
#wrap #mainContent #search a {text-decoration:none;}
#wrap #mainContent #search div.content {width:890px}
#wrap #mainContent #search img.icon {border:1px solid #BBBBBB; float:left;padding:1px;}
#wrap #mainContent #search img.prod {float:left; padding:1px;}
#wrap #mainContent #search a.more {background:transparent url(/_img/subnav-point.gif) no-repeat scroll left center; padding-left:15px; text-decoration:none;}
#wrap #mainContent #search div.content h2{margin: 10px 0;}
#wrap #mainContent #search div.content .overview{font-size: 100%; font-family: Arial;color: #2c3135;}
#wrap #mainContent #search div.content .text{padding: 0 0 0 200px;}

/* == Extranet
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .extranetFrame{border: 0;}

/* == Extranet - Table
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #templateTor .zoneOne table.tblHeader{border-top: solid 8px #c4d3da;border-bottom: solid 8px #c4d3da;margin-bottom: 10px;}
#wrap #mainContent #templateTor .zoneOne table.tblHeader td{text-align:center;border: solid 1px #fff; border-width: 0 1px 0 0; background: #c4d3da; vertical-align: bottom;border-top: solid 4px #acc2d1;width: 33px;padding: 0;}
#wrap #mainContent #templateTor .zoneOne table.tblHeader td.prodName{width: 145px;padding-left: 5px;}

#wrap #mainContent #templateTor .zoneOne .scrollable{height:300px;overflow:auto;}
#wrap #mainContent #templateTor .zoneOne .scrollable table{border-top: solid 4px #ccc;}
#wrap #mainContent #templateTor .zoneOne .scrollable td{border: solid 1px #ccc;height: 33px;padding: 0;width: 33px; background: #fff;}
#wrap #mainContent #templateTor .zoneOne .scrollable td.prodName{width: 145px;padding-left: 5px;font-weight: bold;}