/* == Main Layout
----------------------------------------------------------------------------------------------------------------------*/
#head { width: 100%; float: left; margin: 0 0 20px; background: #444; padding: 0 0 30px 0;}
#head #headInner { margin: 0 auto; width: 995px; position: relative; }
#head #priNav { float: right; margin: 41px 0 0; }
#productRanges { width: 100%; float: left; margin: 0 0 20px; }
#productRanges #productRangesInner { margin: 0 auto; width: 995px; height: 47px; background: url(/_img/product-ranges-bg.jpg) repeat-x top left; border: 1px solid #c6c6c6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#wrap { width: 100%; float: left; }
#wrap #mainContent { width: 995px; margin: 0 auto; text-align: left; }
#wrap #mainContent #zoneBanner { float: left; width: 995px; background: url(/_img/feature-shadow.gif) no-repeat left bottom; padding-bottom: 34px; margin-bottom: 10px;}

#social { width: 100%; float: left; margin: 40px 0 0; padding: 0; }
#social #socialInner { margin: 0 auto; width: 995px; height: 42px; background: url(/_img/social-bg.jpg) repeat-x top left; border: 1px solid #c6c6c6; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

#foot { width: 100%; float: left; margin: 0; padding: 20px 0; background: #444; }
#foot #footInner { margin: 0 auto; width: 995px; }

#subNav { width: 100%; float: left; }
#subNav #subNavInner { margin: 0 auto; width: 995px; }

/** homepage **/
#wrap #mainContent #templateOne { float: left; width: 995px; margin: 0; }
#wrap #mainContent #templateOne .zoneOne { float: left; width: 480px; }
#wrap #mainContent #templateOne .zoneTwo { float: right; width: 480px; }

/** 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: 995px; margin: 20px 0 0; }
#wrap #mainContent #templateThree .zoneOne { float: left; width: 995px; }

/** product detail 2 col **/
#wrap #mainContent #templateFour { float: left; width: 995px; }
#wrap #mainContent #templateFour .zoneOne { float: left; width: 995px; }

/** Main col and sidebar, e.g. news **/
#wrap #mainContent #templateFive { float: left; width: 995px; }
#wrap #mainContent #templateFive .zoneOne { float: left; width: 600px; padding: 0; }
#wrap #mainContent #templateFive .zoneTwo { float: right; width: 325px; padding: 0; }

/** full-width content page **/
#wrap #mainContent #templateSix { float: left; width: 995px; }
#wrap #mainContent #templateSix .zoneOne { float: left; width: 995px; padding: 0; }
#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; }
#wrap #mainContent #templateTor .zoneOne { float: left; width: 995px; padding: 0; }

/** 3-col content page **/
#wrap #mainContent #templateSeven { float: left; width: 995px; }
#wrap #mainContent #templateSeven .zoneOne { float: left; width: 280px; background: #fff; }
#wrap #mainContent #templateSeven .zoneTwo { float: left; width: 280px; background: #fff; margin: 0 77px; }
#wrap #mainContent #templateSeven .zoneThree { float: left; width: 280px; background: #fff; }

/** Systems page **/
#wrap #mainContent #templateSystems { float: left; width: 995px;}
#wrap #mainContent #templateSystems .zoneOne { float: left; width: 995px; text-align: center; background: url(/_img/systems/shadow.gif) no-repeat center bottom; padding-bottom: 30px;}
#wrap #mainContent #templateSystems .zoneTwo { float: left; width: 490px; padding: 0;}
#wrap #mainContent #templateSystems .zoneThree { float: right; width: 470px; padding: 0;}

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

#head a.productReg { position: absolute; top: 0; right: 0; color: #bcbcbc; background: #444; border: 1px solid #000; padding: 3px 20px; font-size: 13px; text-decoration: none; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-box-shadow: 0 0 7px #000; -webkit-box-shadow: 0 0 7px #000; box-shadow: 0 0 7px #000; }
#head a.productReg:hover { color: #fff; }

#head .logo { float: left; width: 443px; margin: 30px 0 0 0; background: url(/_img/logo.gif) no-repeat left top;}


/* == Product Ranges
----------------------------------------------------------------------------------------------------------------------*/
#productRanges #productRangesInner ul { list-style: none; margin: 0 0 0 10px; float: left; height: 47px; }
#productRanges #productRangesInner ul li { float: left; margin: 0; }
#productRanges #productRangesInner ul li a { font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; float: left; padding: 9px 13px 15px; font-size: 15px; color: #444444; text-decoration: none; border-left: 1px solid #e2e0e2; border-right: 1px solid #b5b5b5; }
#productRanges #productRangesInner ul li a:hover { color: #af3d09; }
#productRanges #productRangesInner ul li.ranges span { font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; float: left; padding: 9px 13px 15px; font-size: 15px; color: #444444; text-decoration: none; border-left: 1px solid #e2e0e2; border-right: 1px solid #b5b5b5; border-left: none; border-top: 3px solid #f7f3f7 }
#productRanges #productRangesInner ul li.fmj a { border-top: 3px solid #b13d0a;}
#productRanges #productRangesInner ul li.fmj a:hover{color: #b13d0a;}
#productRanges #productRangesInner ul li.solo a { border-top: 3px solid #007cc2;}
#productRanges #productRangesInner ul li.solo a:hover{color: #007cc2;}
#productRanges #productRangesInner ul li.rcube a { border-top: 3px solid #f1df00;}
#productRanges #productRangesInner ul li.rcube a:hover{color: #afa200;}
#productRanges #productRangesInner ul li.advice a { border-right: none; border-top: 3px solid #f7f3f7 }

#productRanges #productRangesInner .search { float: right; margin: 8px 20px 0 0; display: inline; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; font-size: 15px; }
#productRanges #productRangesInner .search input { border-top: 1px solid #c3c4c3; border-left: 1px solid #c3c4c3; border-bottom: 1px solid #c3c4c3; border-right: 0; width: 129px; height: 25px; line-height: 25px; padding: 0 0 0 10px; color: #7c7c7c; float: left; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
#productRanges #productRangesInner .search input.searchBtn { border: 0;border-top: 1px solid #c3c4c3; border-right: 1px solid #c3c4c3; border-bottom: 1px solid #c3c4c3; border-left: 0; width: 25px; height: 27px; line-height: 27px; background: #fff url(/_img/search-btn.jpg) no-repeat center; cursor: pointer; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; margin: 1px 0 0 0;}


/* == Primary Navigation
----------------------------------------------------------------------------------------------------------------------*/
#priNav ul { float: left; list-style-image: none; margin: 0; }
#priNav ul li { float: left; margin: 0; }
#priNav ul li a { float: left; font-size: 13px; color: #fff; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; text-transform: uppercase; margin: 0 0 0 25px; padding: 0; text-decoration: none; }
#priNav ul li a:hover,
#priNav ul li a.on { color: #ccc; }

#subNav ul { float: left; width: 995px; margin: 0 0 20px; padding: 0; list-style-image: none; display: inline; }
#subNav ul li { float: left; margin: 0; margin-right: 32px; }
#subNav ul li.end { margin-right: 0; }
#subNav ul li a { float: left; text-decoration: none; background: url(/_img/bullet.gif) center left no-repeat; padding: 0 0 0 15px;color: #74787b; font-weight: bold; }
#subNav ul li a:hover { color: #af3d09; }
#subNav ul li a.on { color: #af3d09; font-weight: bold; }

#thirdNav { float: left; margin-bottom: 20px; }
#thirdNav ul { margin: 8px; }
#thirdNav ul li{float: left;margin: 0 0 5px 0; width: 309px;clear: left;list-style-image: none;}
#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;}
#thirdNav ul li a:hover,
#thirdNav ul li.liOn a{color: #bb440c;background: url(/_img/bullet-on.gif) center left no-repeat;}


/* == Foot Content
----------------------------------------------------------------------------------------------------------------------*/
#foot .left ul { float: left; margin: 0; list-style-image: none; display: inline; }
#foot .left ul li { float: left; font-size: 12px; padding: 0 10px 0 0; margin: 0 10px 0 0; color: #a2a3a7; background: url(/_img/foot-divide.gif) center right no-repeat; }
#foot .left ul li a { text-decoration: none; font-weight: bold; color: #ccc; }
#foot .left ul li a:hover { text-decoration: underline; }

#foot ul.right { float: right; margin: 0; list-style-image: none; display: inline; }
#foot ul.right li { float: left; font-size: 12px; padding: 0; margin: 0; color: #a2a3a7; }
#foot ul.right li a { text-decoration: none; font-weight: bold; margin: 0 5px; color: #ccc; }
#foot ul.right li a:hover { text-decoration: underline; }


/* == Lead Feature Panel
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .featurePanel { float: left; width: 584px; background: #fff; padding: 3px; border: 1px solid #d7d7d7; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#wrap #mainContent .withDivide { background: url(/_img/lead-divide.gif) bottom center no-repeat; }

#wrap #mainContent .homePanel { height: 286px; width: 584px; position: relative; }
#wrap #mainContent .homePanel .panelItem{height: 286px; width: 584px; position: absolute; top: 3px; left: 3px; }
#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 .featurePanel #panelTakeHome{position: absolute; top: 0; left: 0; z-index: 20; background: url(/_img/feature/panel-takehome.jpg) no-repeat left top;}
#wrap #mainContent .featurePanel #panelTakeHome .closeTakeHome{position: absolute; bottom: 18px; right: 5px;}

#wrap #mainContent .featurePanel #arcamFile { display:block; position:absolute; z-index:25; width:177px; height:175px; top: -7px; right: -5px; background:transparent url('/_img/sash.png') no-repeat top right; }

#wrap #mainContent .productLead { width: 989px; float: left; }
#wrap #mainContent .productLead .text { float: left; width: 550px; margin: 15px 0 0 15px; display: inline; }
#wrap #mainContent .productLead .text .overview { color: #888888; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; margin: 8px 0 0 0; }
#wrap #mainContent .productLead .text .tagline { font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; font-size: 160%; margin-top: 13px;}

.banner { float: right; width: 341px; background: #fff; padding: 3px; border: 1px solid #d7d7d7; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}


/* == Main Content
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #templateOne .ctaBoxes { float: left; width: 995px; margin: 80px 0 40px; padding: 0; display: inline; }
#wrap #mainContent #templateOne .ctaBoxes ul { list-style: none; width: 995px; float: left; margin: 0; }
#wrap #mainContent #templateOne .ctaBoxes ul li { margin: 0 29px 0 0; float: left; padding: 3px; width: 219px; min-height: 85px; position: relative; background: #fff; border: 1px solid #d7d7d7; display: inline; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#wrap #mainContent #templateOne .ctaBoxes ul li.end { float: right; margin: 0; }
#wrap #mainContent #templateOne .ctaBoxes ul li h3 { font-size: 21px; color: #666666; margin: 0 0 10px 0; text-align: center; }
#wrap #mainContent #templateOne .ctaBoxes ul li p { font-size: 12px; color: #333333; text-align: center; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; line-height: 1.4em; margin: 0 2px; }
#wrap #mainContent #templateOne .ctaBoxes ul li .in { background: #f4f4f4; float: left; padding: 60px 0 0; min-height: 91px; width: 219px; min-height: 130px; height: auto !important; height: 130px;}

#wrap #mainContent #templateOne .ctaBoxes ul li.portable img { position: absolute; top: -75px; left: 65px; }
#wrap #mainContent #templateOne .ctaBoxes ul li.music img { position: absolute; top: -20px; left: 10px; }
#wrap #mainContent #templateOne .ctaBoxes ul li.movies img { position: absolute; top: -35px; left: 17px; }
#wrap #mainContent #templateOne .ctaBoxes ul li.tech img { position: absolute; top: -60px; left: 50px; }

#wrap #mainContent #templateOne .ctaBoxes 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 .ctaBoxes .features{height: 240px;width: 434px; padding: 0 10px 0 15px; background: url(/_img/features-bg.gif) no-repeat top left;}
#wrap #mainContent #templateOne .ctaBoxes .features .column{width: 195px; margin: 0;display: inline;}
#wrap #mainContent #templateOne .ctaBoxes .features .column p{margin-bottom: 8px;}
#wrap #mainContent #templateOne .ctaBoxes .features .column .prodimg{margin: 0 0 8px 0;height: 60px;line-height: 60px; text-align: center;}
#wrap #mainContent #templateOne .ctaBoxes .features .column .prodimg img{vertical-align: middle;}
#wrap #mainContent #templateOne .ctaBoxes .features .rangeLink{text-decoration: none; font-size: 115%;font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif;background: url(/_img/point.gif) center right no-repeat;padding-right: 20px;}


/* == News Styles
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #templateOne .panelList { float: left; margin: 0; display: inline; }
#wrap #mainContent #templateOne .panelList a.btn{float: left; width: 100px; height: 27px; line-height: 26px; border: 0; padding: 0 0 0 18px; background: url(/_img/btn-lozenge.gif) no-repeat left top; font-size: 95%;}
#wrap #mainContent #templateOne .panelList a.btn span{background: none; padding: 0;}
#wrap #mainContent #templateOne .panelList a.btn:hover{background-position: left bottom;}
#wrap #mainContent #templateOne .panelList h2 { margin: 0; }
#wrap #mainContent #templateOne .panelList h2 a{text-decoration: none;}
#wrap #mainContent #templateOne .panelList ul { margin: 0; list-style: none; float: left; width: 100%;}
#wrap #mainContent #templateOne .panelList ul li { clear: left; list-style-image: none; margin: 0; width: 100%; padding: 10px 0; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #c7c7c7; }
#wrap #mainContent #templateOne .panelList ul li h3{font-weight: normal;}
#wrap #mainContent #templateOne .panelList ul li h3 a { text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; font-size: 90%;margin: 7px 0; color: #555454; line-height: 1em; }
#wrap #mainContent #templateOne .panelList ul li p { margin: 0; }
#wrap #mainContent #templateOne .panelList ul li .date { color: #757575; font-size: 14px; }
#wrap #mainContent #templateOne .panelList li img { border: 1px solid #ccc; background: #fff; float: left; margin: 0 10px 0 0; padding: 3px; display: none;}
#wrap #mainContent #templateOne .panelList li img:hover { border: 1px solid #999; }
#wrap #mainContent #templateOne .panelList ul li a span { font-weight: normal; }
#wrap #mainContent #templateOne .panelList ul li a:hover { color: #af3d09; }
#wrap #mainContent #templateOne .panelList ul li a.icon:hover { border: 1px solid #af3d09; }
#wrap #mainContent #templateOne .panelList ul li .newsImg { width: 110px; float: left; }
#wrap #mainContent #templateOne .panelList ul li .newsImg a { margin: 0; }
#wrap #mainContent #templateOne .panelList ul li .newsText { margin-left: 0; }
#wrap #mainContent #templateOne .panelList a.more {padding-right: 10px; text-decoration: none; font-size: 13px; font-family: Arial; background: transparent url(/_img/subnav-point.gif) no-repeat scroll right 7px; color: #777; display: none;}

/* Change style of first article in list */
#wrap #mainContent #templateOne .panelList ul li.item0 img{display: block;}
#wrap #mainContent #templateOne .panelList ul li.item0 .newsText{margin-left: 110px;}
#wrap #mainContent #templateOne .panelList ul li.item0 a.more{display: inline;}
#wrap #mainContent #templateOne .panelList ul li.item0 h3 a {font-size: 23px; font-family: Georgia;}

/* == Social Network
----------------------------------------------------------------------------------------------------------------------*/
.externalSocial { float: left; margin: 10px 0 0 10px; }


/* == Dealer Locator
----------------------------------------------------------------------------------------------------------------------*/
.dealerLocator { float: right; padding: 0; margin: 6px 10px 0 0; width: 315px; }
.dealerLocator h2 { padding: 4px 0 0; float: left; margin: 0; border: 0; color: #444444; font-size: 15px; }
.dealerLocator .form { font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; float: right; margin: 0; display: inline; width: 190px; }
.dealerLocator .form select { font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; color: #7c7c7c; padding: 2px; font-size: 15px; width: 150px; float: left; }
.dealerLocator .form input { height: 29px; border: 0; padding: 4px; background: #444; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.locatorSmall{float: left;height: 40px; width: 317px; background: url(/_img/locator-small-dark.gif) top left no-repeat;padding: 17px 0 0 10px;display: inline;}
.locatorSmall form{margin: 0;}
.locatorSmall label{color: #fff; margin: 0;}
.locatorSmall .btn{margin-left: 7px; padding: 0 5px; height: 20px;}
.locatorSmall select{float: left;padding: 0;}
.locatorLarge{float: left;height: 120px; width: 307px; background: url(/_img/bg_box.gif) top left no-repeat;padding: 20px 0 0 20px;display: inline;}
.locatorLarge form{margin: 0;}
.locatorLarger{float: left;width: 400px; padding: 15px 10px 10px 10px; background: #444; color: #fff;display: inline;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff;}
.locatorLarger form{margin: 0;}
.locatorLarger label{width: 130px; color: #fff;padding-top: 4px;}
.locatorLarger .inputText{border: solid 1px #666; background: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 230px; color: #fff; margin: 0 0 3px 0;}
.locatorLarger select{border: solid 1px #666; background: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 242px; color: #fff; padding: 4px; margin: 0 0 3px 0;}

#wrap #mainContent #templateThree .zoneOne .locatorSmall{margin-top: 80px;}

/* == 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; width: 307px; background: #444; padding: 10px; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#wrap #mainContent .registerBox .withDash{border: 0; background: url(/_img/bevel.gif) repeat-x left bottom; margin: 0 0 10px 0; padding: 0 0 10px 0;font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; font-size: 130%;}
#wrap #mainContent .registerBox .textInput{border: solid 1px #666; background: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 190px; color: #fff; margin: 0 0 3px 0;}
#wrap #mainContent .registerBox select{border: solid 1px #666; background: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 202px; color: #fff; padding: 4px; margin: 0 0 3px 0;}
#wrap #mainContent .registerBox div,
#wrap #mainContent .registerBox label,
#wrap #mainContent .registerBox form { margin: 0; color: #fff; }
#wrap #mainContent .registerBox label{padding-top: 4px;clear: left;}
#wrap #mainContent .registerBox .btn { margin-left: 0; }


/* == Product Landing Page
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #templateSeven h2.fmjTitle { float: left; height: 110px; width: 280px; background: url(/_img/fmj-panel-title.gif) no-repeat top left; text-indent: -9999em; }
#wrap #mainContent #templateSeven h2.rcubeTitle { float: left; height: 110px; width: 280px; background: url(/_img/rcube-panel-title.gif) no-repeat top left; text-indent: -9999em; }
#wrap #mainContent #templateSeven h2.soloTitle { float: left; height: 110px; width: 280px; background: url(/_img/solo-panel-title.gif) no-repeat top left; text-indent: -9999em; }
#wrap #mainContent #templateSeven .rangePanel { min-height: 556px; height: auto !important; height: 556px; }
#wrap #mainContent #templateSeven .rangePanelfmj { border-top: 3px solid #B13D0A; }
#wrap #mainContent #templateSeven .rangePanelsolo { border-top: 3px solid #007CC2; }
#wrap #mainContent #templateSeven .rangePanelrcube { border-top: 3px solid #F1DF00; }
#wrap #mainContent #templateSeven .rangePanel p { margin: 20px 8px; line-height: 1.3em; color: #8b8b8b; }


/* == 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', Futura, Arial, Helvetica, Sans-Serif; }
#wrap #mainContent #templateThree .titleBarfmj .inner { float: left; width: 985px; background: url(/_img/bar-fmj-right.gif) top right no-repeat; color: #fff; height: 41px; line-height: 41px; padding: 0 0 0 10px; }

#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', Futura, Arial, Helvetica, Sans-Serif; }
#wrap #mainContent #templateThree .titleBarsolo .inner { float: left; width: 985px; background: url(/_img/bar-solo-right.gif) top right no-repeat; color: #fff; height: 41px; line-height: 41px; padding: 0 0 0 10px; }

#wrap #mainContent ul.catListing { float: left; margin: 10px 0; list-style-image: none; }
#wrap #mainContent ul.catListing li { float: left; width: 995px; margin: 0; padding: 20px 0; background: url(/_img/dot-divide.gif) repeat-x left bottom;}
#wrap #mainContent ul.catListing li .catDetails { float: left; width: 250px; margin: 0; }
#wrap #mainContent ul.catListing li .catDetails a.name { font-size: 130%; font-weight: bold; color: #666666; text-decoration: none; }
#wrap #mainContent ul.catListing li .catDetails .count{color: #777; padding: 3px 0; display: block;}
#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: #444 url(/_img/product-range-arrow-left.gif) no-repeat center; -moz-border-radius: 5px; border-radius: 5px; }
#wrap #mainContent ul.catListing li .scrollBtnLeft:hover { background: #333 url(/_img/product-range-arrow-left.gif) no-repeat center; cursor: pointer; }
#wrap #mainContent ul.catListing li .scrollBtnRight { background: #444 url(/_img/product-range-arrow-right.gif) no-repeat center; -moz-border-radius: 5px; border-radius: 5px; }
#wrap #mainContent ul.catListing li .scrollBtnRight:hover { background: #333 url(/_img/product-range-arrow-right.gif) no-repeat center; cursor: pointer; }
#wrap #mainContent ul.catListing li .prodDetails { float: right; width: 250px; margin: 15px 0 0 0; }
#wrap #mainContent ul.catListing li .prodDetails a.name { color: #505d66; text-decoration: none; font-weight: bold; }
#wrap #mainContent ul.catListing li .prodDetails .btn{float: left; width: 100px; height: 27px; line-height: 26px; border: 0; padding: 0 0 0 18px; background: url(/_img/btn-lozenge.gif) no-repeat left top; font-size: 95%;}
#wrap #mainContent ul.catListing li .prodDetails .btn span{background: none; padding: 0;}
#wrap #mainContent ul.catListing li .prodDetails .btn:hover{background-position: left bottom;}
#wrap #mainContent ul.catListing li .prodDetails a.name span.fmj { color: #B13D0A; }
#wrap #mainContent ul.catListing li .prodDetails a.name span.solo { color: #007cc2; }

#wrap #mainContent .rangePromo { background: #fff; border: 1px solid #d7d7d7; display: inline; float: left; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; font-size: 120%; margin: 30px 0 0; padding: 3px; width: 434px; -moz-border-radius: 5px; }
#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: #B13D0A;}

#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 #ccc;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: #666;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.name span.fmj{color: #B13D0A;}
#wrap #mainContent ul.prodListing li .prodDetails a.name span.solo{color: #007CC2;}
#wrap #mainContent ul.prodListing li .prodDetails .btn{float: left; width: 100px; height: 27px; line-height: 26px; border: 0; padding: 0 0 0 18px; background: url(/_img/btn-lozenge.gif) no-repeat left top; font-size: 95%;}
#wrap #mainContent ul.prodListing li .prodDetails .btn span{background: none; padding: 0;}
#wrap #mainContent ul.prodListing li .prodDetails .btn:hover{background-position: left bottom;}

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


/* == Product Detail Page
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #templateFour .zoneOne .prodLeadArea { float: left; margin: 0 0 20px; width: 973px; /*height: 302px;*/ padding: 25px 10px 10px 10px; background: #fff; border: 1px solid #d7d7d7; }
#wrap #mainContent #templateFour .zoneOne .leadImage { float: left; width: 620px; padding: 0; /*min-height: 200px; height: auto !important; height: 200px;*/ margin: 0 0 20px 177px;}
#wrap #mainContent #templateFour .zoneOne .prodLeftCol{float: left; width: 620px;}
#wrap #mainContent #templateFour .zoneOne .prodRightCol{float: right; width: 354px;}
#wrap #mainContent #templateFour .zoneOne .altViews ul.navigation {list-style: none;margin: 0; padding: 10px;}
#wrap #mainContent #templateFour .zoneOne .altViews ul.navigation li {display: inline;}
#wrap #mainContent #templateFour .zoneOne .altViews { clear: both;padding: 0; margin: 0; background: #eee; zoom: 1; text-align: center;}
#wrap #mainContent #templateFour .zoneOne .altViews:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #mainContent #templateFour .zoneOne .altViews a{padding: 0 3px;}
#wrap #mainContent #templateFour .zoneOne .altViews a img{border: 4px solid #a8acad;}
#wrap #mainContent #templateFour .zoneOne .altViews a:hover img{border: 4px solid #474e54;}
#wrap #mainContent #templateFour .zoneOne .prodContent { float: left; width: 600px; padding: 0; margin: 0; background: #fff; border: 1px solid #d7d7d7; padding: 10px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#wrap #mainContent #templateFour .zoneOne .prodLink{float: left;width: 180px;margin: 0 30px;text-decoration: none;text-align: center;}
#wrap #mainContent #templateFour .zoneOne .prodLink img{margin: 10px 0 10px 0;}
#wrap #mainContent #templateFour .zoneOne .scrollLink{float: right;margin: 15px 0 0 0;}
#wrap #mainContent #templateFour .zoneOne .relatedProds{float: left; width: 600px;background: #fff; border: 1px solid #d7d7d7; padding: 0 10px 10px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-top: 20px;}
#wrap #mainContent #templateFour .zoneOne .relatedProds .inner {border-top: dotted 1px #ccc; padding-top: 15px;}
#wrap #mainContent #templateFour .zoneOne .relatedProds h2 { font-size: 140%; color: #424242; margin: 10px 0; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; }
#wrap #mainContent #templateFour .zoneOne .links {border-top: dotted 1px #ccc; padding: 15px 0 5px 0;}
#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;}
#wrap #mainContent #templateFour .zoneOne .prodNav { float: left; width: 600px;}
#wrap #mainContent #templateFour .zoneOne .prodNav h1{float: left; margin: 10px 0;}
#wrap #mainContent #templateFour .zoneOne .prodNav h2{float: right; font-size: 200%; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; margin: 10px 0; color: #686868;}
#wrap #mainContent #templateFour .zoneOne .prodNav ul { float: left; width: 580px; padding: 0 10px; margin: 10px 0 15px 0; height: 47px; line-height: 47px; background: url(/_img/product-ranges-bg.jpg) repeat-x top left; border: 1px solid #d7d7d7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#wrap #mainContent #templateFour .zoneOne .prodNav ul li { float: left; margin: 0 0 5px 0; list-style-image: none; }
#wrap #mainContent #templateFour .zoneOne .prodNav ul li a { float: left; text-decoration: none; color: #222; height: 30px; line-height: 30px; margin-top: 8px; padding: 0 12px; font-weight: bold;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#wrap #mainContent #templateFour .zoneOne .prodNav ul li a:hover{ color: #000;}
#wrap #mainContent #templateFour .zoneOne .prodNav ul li.on a { background: #fff;}
#wrap #mainContent #templateFour .zoneOne .prodDownloads{clear: both; margin: 25px 0; background: #fff; float: right; width: 319px; border: 1px solid #d7d7d7; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; padding: 3px;}
#wrap #mainContent #templateFour .zoneOne .prodDownloads .inner{background: #f4f4f4; padding: 10px;}
#wrap #mainContent #templateFour .zoneOne .prodDownloads .inner h2{margin: 0 0 10px 0; padding: 0 0 10px 0; background: url(/_img/bevel-light.gif) repeat-x left bottom;}
#wrap #mainContent #templateFour .zoneOne .prodDownloads .inner a{background: url(/_img/arrow-download.gif) no-repeat left center; text-decoration: none; padding: 0 0 0 16px; font-weight: bold;}
#wrap #mainContent #templateFour .zoneOne .prodDownloads .inner ul{margin: 0; list-style-image: none;}
#wrap #mainContent #templateFour .zoneOne .prodDownloads .inner ul li{margin: 0 0 5px 0;}
#wrap #mainContent #templateFour .zoneOne .prodDownloads .inner p{margin: 0 0 5px 0;}


/* == 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', Futura, Arial, Helvetica, Sans-Serif;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: #B13D0A}

/** product page override **/
#wrap #mainContent #templateFour .zoneOne .quote{float: right;width: 250px;margin: 0;display: inline;color: #7f8085;background: url(/_img/blockquote.gif) no-repeat left top; padding-left: 75px; min-height: 60px; height: auto !important; height: 60px;}
#wrap #mainContent #templateFour .zoneOne .quote span{color: #B13D0A}
#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: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; font-size: 180%; border-bottom: solid 1px #afb7b9; padding: 0 0 7px 0; color: #424242; margin: 10px 0 10px 0; float: left; width: 325px; }
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList{margin: 10px 0;list-style-image: none; zoom: 1;}
#wrap #mainContent #templateFive .zoneTwo .newsNav ul.newsList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#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 img { width: 33px; height: 33px; }
#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; }
#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: 2px 7px 12px 0; clear: both; }
#wrap #mainContent .paging ul { margin: 0; list-style: none; }
#wrap #mainContent .paging ul li { float: left; margin: 0 0 0 4px; display: inline; }  
#wrap #mainContent .paging ul li.det { }
#wrap #mainContent .paging ul li a { color: #fff; float: left; height: 20px; line-height: 20px; width: 23px; text-align: center; text-decoration: none; margin-bottom: 10px; display: inline; color: #676767; background: url(/_img/paging-bg.gif) no-repeat left bottom; font-weight: bold;}
#wrap #mainContent .paging ul li a:hover,
#wrap #mainContent .paging ul li a.on { background-position: left top; 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: 620px; margin: 0 auto; position: relative; }
#wrap #mainContent #slider .scroll {width: 620px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
#wrap #mainContent #slider .scrollContainer div.panel { padding: 0px; width: 620px;}
#wrap #mainContent #shade { background: #EDEDEC url(images/shade.jpg) no-repeat 0 0; height: 50px;}
#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; padding: 10px 0 20px; margin: 0; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #c7c7c7; }
#wrap #mainContent #search a:hover { color: #333; }
#wrap #mainContent #search a { text-decoration: none; }
#wrap #mainContent #search img.icon { border: 1px solid #bbb; float: left; padding: 1px; }
#wrap #mainContent #search img.prod { float: left; padding: 1px; }
#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;}
#wrap #mainContent #search .searchImg { border: 1px solid #d7d7d7; float: left; padding: 3px; background: #fff; }
#wrap #mainContent #search .searchImg:hover { border: 1px solid #999; }

/* == rCube Take Home Dealers
----------------------------------------------------------------------------------------------------------------------*/
.rCubeDealerPostcodeSearch { overflow:hidden; background-color:#eee; padding:10px; }
.rCubeDealerPostcodeSearch .btn { margin-left:10px; }
.takehomedealers ul.takehome li { width:48%; margin:0 0 20px 0; }
.takehomedealers ul.takehome li a { font-weight:bold; display:block; }
.takehomedealers ul.takehome li.leftcol { float: left; clear:left; }
.takehomedealers ul.takehome li.rightcol { float: right; }
.takehomedealers .stocks img { margin:5px 5px 0 0; }


/* == Extranet
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .extranetFrame{border: 0;}


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

#wrap #mainContent #templateTor .zoneOne td{border: solid 1px #ccc;height: 33px;padding: 0;width: 33px; background: #fff;}
#wrap #mainContent #templateTor .zoneOne td.prodName{width: 145px;padding-left: 5px;font-weight: bold;}
#wrap #mainContent #templateTor .zoneOne table tr td h3{padding: 15px;background: #eee; margin: 0;}

/* == Systems Pages
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #templateSystems .zoneOne img{border: 1px solid #d7d7d7; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#wrap #mainContent #templateSystems .zoneOne p{margin: 0;}

.bundleHold{background: #fff; border: 1px solid #d7d7d7; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; padding: 20px;}
.bundleList{margin: 0; list-style-image: none;}
.bundleList li{background: url(/_img/dot-divide.gif) repeat-x left bottom; margin: 0 0 15px 0; padding: 0 0 15px 0; zoom: 1;}
.bundleList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.bundleList li a.thumb{float: left; border: 1px solid #d7d7d7;padding: 20px 12px; margin: 0 10px 0 0;}
.bundleList li a.thumb:hover{border-color: #aaa;}
.bundleList li h3{margin: 0;}
.bundleList li p{line-height: 1.4em; color: #777; font-size: 90%; margin: 5px 0 8px 0;}
.bundleList li .txt{padding-left: 212px;}
.bundleList li .btn{float: none; display: inline-block; width: 92px; padding: 0 0 0 15px; height: 22px; line-height: 20px; background: url(/_img/btn-lozenge-dark.gif) no-repeat left top; border: 0; color: #fff;font-size: 90%;}
.bundleList li .btn:hover{background-position: left bottom;}