/* ==================----------------------- Global Styles --------------------------------------------===== */
html, body, form  { margin:0px; padding:0px; } 
DIV#mainNav ul,DIV#mainNav li  { margin:0px; padding:0px; }
DIV#globalNav ul,DIV#globalNav li  { margin:0px; padding:0px; }

DIV#footer ul,DIV#footer li  { margin:0px; padding:0px; }

DIV#custSelect ul,DIV#custSelect li  { margin:0px; padding:0px; }


DIV#accordion ul,DIV#accordion li  { margin:0px; padding:0px; }
DIV.prodList ul,DIV.prodList li  { margin:0px; padding:0px; }
DIV.prodDetailLinks ul,DIV.prodDetailLinks li  { margin:0px; padding:0px; }
DIV.newsFeature ul,DIV.newsFeature li  { margin:0px; padding:0px; }


DIV#mainNav ul,DIV#mainNav li { list-style-type: none; }
DIV#globalNav ul,DIV#globalNav li { list-style-type: none; }

DIV#footer ul,DIV#footer li { list-style-type: none; }
DIV#custSelect ul,DIV#custSelect li { list-style-type: none; }
DIV#accordion ul,DIV#accordion li { list-style-type: none; }
DIV.prodList ul,DIV.prodList li { list-style-type: none; }
DIV.prodDetailLinks ul,DIV.prodDetailLinks li { list-style-type: none; }
DIV.newsFeature ul,DIV.newsFeature li  { list-style-type: none; }

 /*subNav*/

body { background:#000 url(../../images/bkg_body.gif) repeat top left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
a { outline:none; color:#b31911; text-decoration:none; }
a span{ outline:none; color:#b31911; text-decoration:none; }
a:hover span { color: #000; cursor:hand; }
a:hover { color: #000; }

:focus { -moz-outline-style: none !important; }
img { border: 0px; }
p { margin: 10px 0px; }
td { vertical-align: top; }
textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; padding: 5px; }
input { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}



ul.button
/* ===== Selection ===== */
::-moz-selection{ background: #000;	color: #fff; }
::selection { background: #000; color: #fff; }

/* ===== General ===== */
.clear { clear: both; }
.hide { display: none; visibility: hidden; }
.left { float: left; }
.right { float: right; }
.clrLeft { clear: left; height:0px; width: 0px; overflow: hidden; }
.clrRight { clear: right; height:0px; width: 0px; overflow: hidden; }

/* ===== Global ===== */
h1, h2, h3, h4, h5 { font-family: Tahoma, Arial, Helvetica, sans-serif; }
h1 { font-size: 28px; color: #fff; text-transform: uppercase; margin-top: 10px; font-weight: normal; }
h2 { font-size: 30px; text-transform: uppercase; color: #b1afa9; line-height: 22px; margin: 20px 0px 4px 0px; font-weight: normal; }
h3 { font-size: 16px; color:#b1afa9; margin: 0px; }
h4 { font-size: 24px; color: #000; font-weight: bold; margin: 10px 0px 5px 0px; }
h6 { color: #a48027; text-align: center; font-size: 11px; font-weight: bold; margin: 0px; text-transform: uppercase; }
h2 .model { font-size: 10px; font-weight: normal; }

/* ===== Bkg Containers ===== */
#mainContainer { background:transparent url(../../images/bkg_bodyContainer.jpg) repeat-x top center; }
#glowBkg { background:transparent url(../../images/bkg_bodyGlow.gif) no-repeat top center; min-height: 500px; }
#contentContainer { margin: 0 auto; width: 1001px; background:#fff; }

/* ===== Masthead ===== */
.defaultColor #masthead { height: 81px; background:#b31911 url(../../images/bkg_masthead.jpg) repeat-x top left; position: relative; }
.saltwaterColor #masthead { height: 81px; background:#b31911 url(../../images/saltwater/bkg_masthead.jpg) repeat-x top left; position: relative; }
#masthead #logo { padding: 26px 0px 0px 20px; }

.defaultColor #masthead #globalNav { position: absolute; top: 5px; right: 0px; border-bottom: 1px solid #a7140d; padding: 0px 4px 1px 20px; z-index: 5; }
.saltwaterColor #masthead #globalNav { position: absolute; top: 5px; right: 0px; border-bottom: 1px solid #047EB7; padding: 0px 4px 1px 20px; z-index: 5; }
#masthead #globalNav ul li { float: left; padding-right: 16px; font-size: 10px; }
#masthead #globalNav ul li a { color: #000; padding: 1px 2px; display: block; margin-top: 4px; }
#masthead #globalNav ul li a:hover { color: #fff; }
.defaultColor #masthead #globalNav .textField { border: 1px solid #9c1b13; font-size: 10px; background:transparent url(../../images/bkg_search.jpg) repeat-x top left; height: 16px; width: 100px; padding: 4px 0px 0px 4px; }
.saltwaterColor #masthead #globalNav .textField { border: 1px solid #047EB7; font-size: 10px; background:transparent url(../../images/saltwater/bkg_search.jpg) repeat-x top left; height: 16px; width: 100px; padding: 4px 0px 0px 4px; }
#masthead #globalNav .search { padding: 0px; }

#masthead #mainNav { position: absolute; bottom: 0px; right: 0px; z-index: 15; }
#masthead #mainNav ul li { float: left; margin-right: 5px; display: block; position: relative; }
#masthead #mainNav ul li a { display: block; text-indent: -9000px; height: 47px; }
/* ===== Default Color ===== */
.defaultColor #masthead #mainNav ul li a.home { background:transparent url(../../images/nav_home.jpg) no-repeat top left; width: 60px; }
.defaultColor #masthead #mainNav ul li a.home:hover { background:transparent url(../../images/nav_home.jpg) no-repeat bottom left; }
.defaultColor #masthead #mainNav ul li.on a.home { background:transparent url(../../images/nav_home_on.jpg) no-repeat top left; width: 60px; }
.defaultColor #masthead #mainNav ul li a.freshwater { background:transparent url(../../images/nav_freshwater.jpg) no-repeat top left; width: 94px; }
.defaultColor #masthead #mainNav ul li a.freshwater:hover { background:transparent url(../../images/nav_freshwater.jpg) no-repeat bottom left; }
.defaultColor #masthead #mainNav ul li.on a.freshwater { background:transparent url(../../images/nav_freshwater_on.jpg) no-repeat top left; width: 94px; }
.defaultColor #masthead #mainNav ul li a.saltwater { background:transparent url(../../images/nav_saltwater.jpg) no-repeat top left; width: 87px; }
.defaultColor #masthead #mainNav ul li a.saltwater:hover { background:transparent url(../../images/nav_saltwater.jpg) no-repeat bottom left; }
.defaultColor #masthead #mainNav ul li.on a.saltwater { background:transparent url(../../images/nav_saltwater_on.jpg) no-repeat top left; width: 87px; }
.defaultColor #masthead #mainNav ul li a.performanceTuned { background:transparent url(../../images/nav_performanceTuned.jpg) no-repeat top left; width: 149px; }
.defaultColor #masthead #mainNav ul li a.performanceTuned:hover { background:transparent url(../../images/nav_performanceTuned.jpg) no-repeat bottom left; }
.defaultColor #masthead #mainNav ul li.on a.performanceTuned { background:transparent url(../../images/nav_performanceTuned_on.jpg) no-repeat top left; width: 149px; }
.defaultColor #masthead #mainNav ul li a.resources { background:transparent url(../../images/nav_resources.jpg) no-repeat top left; width: 89px; }
.defaultColor #masthead #mainNav ul li a.resources:hover { background:transparent url(../../images/nav_resources.jpg) no-repeat bottom left; }
.defaultColor #masthead #mainNav ul li.on a.resources { background:transparent url(../../images/nav_resources_on.jpg) no-repeat top left; width: 89px; }
.defaultColor #masthead #mainNav ul li a.customerService { background:transparent url(../../images/nav_customerService.jpg) no-repeat top left; width: 131px; }
.defaultColor #masthead #mainNav ul li a.customerService:hover { background:transparent url(../../images/nav_customerService.jpg) no-repeat bottom left; }
.defaultColor #masthead #mainNav ul li.on a.customerService { background:transparent url(../../images/nav_customerService_on.jpg) no-repeat top left; width: 131px; }
.defaultColor #masthead #mainNav ul li a.thePros { background:transparent url(../../images/nav_thePros.jpg) no-repeat top left; width: 81px; }
.defaultColor #masthead #mainNav ul li a.thePros:hover { background:transparent url(../../images/nav_thePros.jpg) no-repeat bottom left; }
.defaultColor #masthead #mainNav ul li.on a.thePros { background:transparent url(../../images/nav_thePros_on.jpg) no-repeat top left; width: 81px; }
.defaultColor #masthead #mainNav ul li ul.subNav { font-size: 10px; text-transform: uppercase; padding-top: 1px; position: absolute; top: 47px; left: 0px; display: block; *display: inline-block; *padding-top: 0px; }
.defaultColor #masthead #mainNav ul li ul.subNav li { float: none; display: block; margin: 0px; background: #a0110b; border-bottom: 1px solid #80130D; filter:alpha(opacity=90);-moz-opacity:0.90; opacity:0.90; display: block; *display: inline-block; }
.defaultColor #masthead #mainNav ul li ul.subNav li a { height: auto; display: block; text-indent: 0px; padding: 5px 10px; width: 130px; color: #fff; }
.defaultColor #masthead #mainNav ul li ul.subNav li a:hover { background: #fff; color: #b31911; }
/* ===== Saltwater ===== */
.saltwaterColor #masthead #mainNav ul li a.home { background:transparent url(../../images/saltwater/nav_home.jpg) no-repeat top left; width: 60px; }
.saltwaterColor #masthead #mainNav ul li a.home:hover { background:transparent url(../../images/saltwater/nav_home.jpg) no-repeat bottom left; }
.saltwaterColor #masthead #mainNav ul li.on a.home { background:transparent url(../../images/saltwater/nav_home_on.jpg) no-repeat top left; width: 60px; }
.saltwaterColor #masthead #mainNav ul li a.freshwater { background:transparent url(../../images/saltwater/nav_freshwater.jpg) no-repeat top left; width: 94px; }
.saltwaterColor #masthead #mainNav ul li a.freshwater:hover { background:transparent url(../../images/saltwater/nav_freshwater.jpg) no-repeat bottom left; }
.saltwaterColor #masthead #mainNav ul li.on a.freshwater { background:transparent url(../../images/saltwater/nav_freshwater_on.jpg) no-repeat top left; width: 94px; }
.saltwaterColor #masthead #mainNav ul li a.saltwater { background:transparent url(../../images/saltwater/nav_saltwater.jpg) no-repeat top left; width: 87px; }
.saltwaterColor #masthead #mainNav ul li a.saltwater:hover { background:transparent url(../../images/saltwater/nav_saltwater.jpg) no-repeat bottom left; }
.saltwaterColor #masthead #mainNav ul li.on a.saltwater { background:transparent url(../../images/saltwater/nav_saltwater_on.jpg) no-repeat top left; width: 87px; }
.saltwaterColor #masthead #mainNav ul li a.performanceTuned { background:transparent url(../../images/saltwater/nav_performanceTuned.jpg) no-repeat top left; width: 149px; }
.saltwaterColor #masthead #mainNav ul li a.performanceTuned:hover { background:transparent url(../../images/saltwater/nav_performanceTuned.jpg) no-repeat bottom left; }
.saltwaterColor #masthead #mainNav ul li.on a.performanceTuned { background:transparent url(../../images/saltwater/nav_performanceTuned_on.jpg) no-repeat top left; width: 149px; }
.saltwaterColor #masthead #mainNav ul li a.resources { background:transparent url(../../images/saltwater/nav_resources.jpg) no-repeat top left; width: 89px; }
.saltwaterColor #masthead #mainNav ul li a.resources:hover { background:transparent url(../../images/saltwater/nav_resources.jpg) no-repeat bottom left; }
.saltwaterColor #masthead #mainNav ul li.on a.resources { background:transparent url(../../images/saltwater/nav_resources_on.jpg) no-repeat top left; width: 89px; }
.saltwaterColor #masthead #mainNav ul li a.customerService { background:transparent url(../../images/saltwater/nav_customerService.jpg) no-repeat top left; width: 131px; }
.saltwaterColor #masthead #mainNav ul li a.customerService:hover { background:transparent url(../../images/saltwater/nav_customerService.jpg) no-repeat bottom left; }
.saltwaterColor #masthead #mainNav ul li.on a.customerService { background:transparent url(../../images/saltwater/nav_customerService_on.jpg) no-repeat top left; width: 131px; }
.saltwaterColor #masthead #mainNav ul li a.thePros { background:transparent url(../../images/saltwater/nav_thePros.jpg) no-repeat top left; width: 81px; }
.saltwaterColor #masthead #mainNav ul li a.thePros:hover { background:transparent url(../../images/saltwater/nav_thePros.jpg) no-repeat bottom left; }
.saltwaterColor #masthead #mainNav ul li.on a.thePros { background:transparent url(../../images/saltwater/nav_thePros_on.jpg) no-repeat top left; width: 81px; }
.saltwaterColor #masthead #mainNav ul li ul.subNav { font-size: 10px; text-transform: uppercase; padding-top: 1px; position: absolute; top: 47px; left: 0px; display: block; *display: inline-block; *padding-top: 0px; }
.saltwaterColor #masthead #mainNav ul li ul.subNav li { float: none; display: block; margin: 0px; background: #058ec3; border-bottom: 1px solid #005372; filter:alpha(opacity=90);-moz-opacity:0.90; opacity:0.90; display: block; *display: inline-block; }
.saltwaterColor #masthead #mainNav ul li ul.subNav li a { height: auto; display: block; text-indent: 0px; padding: 5px 10px; width: 130px; color: #000; }
.saltwaterColor #masthead #mainNav ul li ul.subNav li a:hover { background: #fff; color: #058ec3; }

/* ===== Home Page Content ===== */

#homeProdFeature { background:#fff ;}
#homeProdFeature #tabs { background:#940b04; height: 32px; border-top: 3px solid #B31911; position: relative; font-size: 10px; margin-right: 289px; }
#homeProdFeature #tabs .tab { background:#333 url(../../images/bkg_tab_home.jpg) repeat-x top left; float: left; margin-right: 1px; padding: 5px 10px; cursor: pointer; color: #fff; }
#homeProdFeature #tabs .tab.on { background: #fff; float: left; margin-right: 1px; padding: 5px 10px; cursor: pointer; color: #b31911; }
#homeProdFeature #tabs .tabContainer { position: absolute; bottom: 0px; padding-left: 20px; }

#homeProdFeature .rightFeature { float: right; border-top: 3px solid #2c90b5; }
#homeProdFeature .saltwaterHome { background:#2c90b5 url(../../images/bkg_seekingSalt.jpg) no-repeat top left; color: #8ed8f3; padding: 40px 40px 40px 27px; width: 222px; height: 201px; line-height: 18px; z-index: 20; }
#homeProdFeature .saltwaterHome h4 { display: block; text-indent: -9000px; height: 0px; overflow: hidden; }
#homeProdFeature .saltwaterHome p { margin-top: 20px; }
#homeProdFeature .saltwaterHome a { background:#2c90b5; color: #fff; display: inline-block; padding: 2px 4px; }
#homeProdFeature .saltwaterHome a:hover { background:#000; color: #fff; }

#homeProdFeature .contentTab { width: 650px; margin: 30px 20px 0px 30px; font-size: 11px; color: #5f5f5f; line-height: 18px;  position: relative; height:200px; overflow:auto; }
#homeProdFeature .contentTab h3 {display: inline; padding: 4px 4px 4px 4px; color: #fff; background: #b31911; text-transform: uppercase; vertical-align:middle;}
#homeProdFeature .contentTab p { width: 200px; margin-top: 40px; }
#homeProdFeature .contentTab .blockLink { padding: 4px; background:#393939; color:#fff; }

/* ===== What's New Carousel ===== */
.whatsNew .carousel { position: absolute; top: 0px; right: 0px; }
.whatsNew .carouselContainer { width: 370px; height: 185px; overflow: hidden; }
.whatsNew .carousel .controls { position: absolute; z-index: 15; top: 6px; }
.whatsNew .carousel .controls .button { background:#b31911; color: #fff; display: block; padding: 2px 4px; cursor: pointer; }
.whatsNew .carousel .controls .buttonDisabled { background:#b31911; color: #fff; display: block; padding: 2px 4px; filter:alpha(opacity=25);-moz-opacity:0.25; opacity:0.25; }
.whatsNew .carousel .controls .previous { position: absolute; left: 0px; }
.whatsNew .carousel .controls .next { position: absolute; left: 354px; }
.whatsNew .carousel div.carouselContent { left: 0px; position: absolute; }
.whatsNew .carousel div.carouselContent div.carouselItem { float: left; width: 185px; }
.whatsNew .carousel div.carouselContent div.carouselItem a { font-weight: bold; font-size: 10px; text-transform:uppercase; }

/* ===== News Home ===== */
.homeSecondary { background:#D9D9D9; }
.homeSecondary .newsFeature { width: 269px; padding: 18px 20px 30px 0px; }
.homeSecondary .newsFeature .header { border-bottom: solid 1px #E2E2E2; padding-bottom: 5px; position: relative; margin-bottom: 10px; }
.homeSecondary .newsFeature .header .moreNews { position: absolute; right: 0px; }
.homeSecondary .newsFeature ul { line-height: 18px; }
.homeSecondary .newsFeature ul li { padding-left: 20px; background:transparent url(../../images/xtra_arrowBullet.gif) no-repeat 8px 6px; }

/* ===== Carousels ===== */
.homeSecondary .carousel { padding-top: 20px; margin: 0px 20px; position: relative; }
.homeSecondary .carouselContainer { width: 684px; height: 130px; overflow: hidden; }
.homeSecondary .carousel .controls { position: relative; z-index: 15; }
.homeSecondary .carousel .controls .button { background:#b31911; color: #fff; display: block; padding: 2px 4px; cursor: pointer; }
.homeSecondary .carousel .controls .buttonDisabled { background:#b31911; color: #fff; display: block; padding: 2px 4px; filter:alpha(opacity=25);-moz-opacity:0.25; opacity:0.25; }
.homeSecondary .carousel .controls .previous { position: absolute; left: 0px; }
.homeSecondary .carousel .controls .next { position: absolute; right: 15px; }
.homeSecondary .carousel div.carouselContent { left: 0px; position: absolute; }
.homeSecondary .carousel div.carouselContent div.carouselItem { float: left; padding-top: 20px; height: 114px; width: 228px; }
.homeSecondary .carousel div.carouselContent div.carouselItem .photo { margin-bottom: 5px; display: inline-block; width: 210px; }

/* show carousel image grayed out */
.homeSecondary .carousel div.carouselContent div.carouselItem .photo IMG { filter:alpha(opacity=70);-moz-opacity:0.70; opacity:0.70; }

/* show carousel image in full color on hover*/
.homeSecondary .carousel div.carouselContent div.carouselItem .photo A:hover IMG { filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0; }

.homeSecondary .carousel div.carouselContent div.carouselItem span { float: left; margin-top: 5px; padding-right: 10px; padding-left: 1px; background:transparent url(../../images/xtra_arrowRight.gif) no-repeat right 3px; text-transform: uppercase; }




/* ===== Sub Container ===== */
#subContent { min-height: 750px; }
#subContent #leftCol { float: left; width: 241px; margin-bottom: 20px; background:#fff; position: relative; }
#subContent #rightCol { float: right;  }
#leftCol #leftNav { background:#333 url(../../images/bkg_leftnav.jpg) repeat-y top left; min-height: 345px; }
#leftCol #leftNav h1 { margin: 0px; text-transform: uppercase; font-size: 18px; font-weight: normal; padding: 20px 15px 20px 25px; background:#333 url(../../images/bkg_leftnavHead.jpg) repeat-y top left; }
#subContent #bodyContent { float: right; width: 760px; margin-bottom: 20px; }
#subContent #bodyContentNoBG { float: right; width: 760px; margin-bottom: 20px; }
#bodyContent .subFeature span { text-indent: -9000px; display: block; }
#leftCol .sidebarFeature { padding: 25px 0px 0px 25px; background:#fff; }

/* ===== Left Nav ===== */
#accordion ul { border-top:0px; padding-bottom:5px; }
#accordion ul ul li a { display:block; text-decoration:none; color:#626262; padding:4px 8px 4px 40px; background:transparent url(../../images/bkg_secondaryNav.gif) no-repeat 34px 10px; }
#accordion ul ul li a.active { color:#fff; background:transparent url(../../images/bkg_secondaryNav_active.gif) no-repeat 32px 10px; }
#accordion ul ul li a:hover { color:#b31911; }
#accordion ul ul li ul li a { display:block; text-decoration:none; color:#626262; padding:4px 8px 4px 15px; margin-left: 30px; background:transparent url(../../images/bkg_tertNav.gif) no-repeat 0px 10px; }
#accordion ul ul li ul li a.active { color:#fff; background:transparent url(../../images/bkg_tertNav.gif) no-repeat 0px 10px; }

#accordion ul .toggle { padding: 10px 18px; background:transparent url(../../images/bkg_leftnavItem.jpg) no-repeat; cursor:pointer; }
#accordion ul .toggle strong { display:inline-block; padding-left:22px; background:transparent url(../../images/bkg_leftnavArrow.gif) no-repeat 8px 3px; font-size: 12px; color:#9d9d9d; font-weight: bold; }

#accordion ul .element { background:#000 url(../../images/bkg_leftnav_open.jpg) repeat-y top left; }

#accordion ul .noChildren {padding: 10px 18px; background:transparent url(../../images/bkg_leftnavItem.jpg) no-repeat; cursor:pointer; }

#accordion ul .noChildren span { cursor:default; display:inline-block; padding-left:22px; font-size: 12px; color:#9d9d9d; font-weight: normal; }

#accordion ul .noChildren a { display:inline-block; padding-left:22px; background:transparent url(../../images/bkg_leftnavArrow.gif) no-repeat 8px 3px; font-size: 12px; color:#9d9d9d; font-weight: normal; }
#accordion ul .noChildren a:hover { color:#fff; }
#accordion ul .noChildren a.active { color:#38135C; background:transparent url(../../images/arrow_noChildren_active.gif) no-repeat 8px 2px; }

#accordion ul ul ul a.hover { display: block; background: #b31911 url(../../images/bkg_secondaryNav_active.gif) no-repeat 32px 10px; padding:4px 8px 4px 15px; color: #fff; margin-left: 30px; position:relative; color:#fff !important; }
#accordion ul ul li ul li a.active.hover { color:#fff; background:#b31911 url(../../images/bkg_secondaryNav_active.gif) no-repeat 32px 10px; }
#accordion .prodRollout .prodDetail { position: absolute; top: 0px; right: -202px; z-index: 50; background:#fff; margin: 4px 4px 4px 0px; padding: 10px 12px; width: 172px; font-size: 10px; min-height: 212px; border-top: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; filter:alpha(opacity=95);-moz-opacity:0.95; opacity:0.95; }
#accordion .prodRollout .prodDetail h5 { color: #b31911; margin: 0px 0px 8px 0px; font-size: 14px; }





/* ===== Sub Content Container ===== */
.subContentContainer { padding: 25px 30px; }
.subContentContainer h3 { border-bottom: 1px solid #CCC; }
.subContentContainer h3 span { color: #fff; background:#333; padding: 4px 10px; display: inline-block; margin-bottom: 2px; font-size: 15px; text-transform: uppercase; }

.subContentContainer .productGroup { line-height: 12px; width: 325px; margin: 15px 15px 15px 0px; float: left; background:#EBEBEB; position: relative; }
.subContentContainer .prodDetail { float: right; background:#fff; margin: 4px 4px 4px 0px; padding: 10px 12px; width: 147px; font-size: 10px; min-height: 240px }

.subContentContainer .prodDetail h5 { color: #b31911; margin: 0px 0px 8px 0px; font-size: 14px; }
.subContentContainer .prodList { padding-left: 10px; font-size: 10px; margin-right: 193px; }
.subContentContainer .prodList h4 { font-weight: bold; font-size: 11px; text-transform: uppercase; color:#292929; }
.subContentContainer .prodList ul li { padding: 0px; }

.subContentContainer .prodList ul li a { display: block; background:none; background:transparent url(../../images/xtra_arrowProd.gif) no-repeat 1px 1px; padding:  1px 10px 1px 10px; }
.subContentContainer .prodList ul li a.active { display: block; background: #b31911 url(../../images/xtra_arrowProd_o.gif) no-repeat 1px 1px; border: 1px solid #EFEBEF; padding: 1px 10px 1px 10px; color: #fff; position: relative; }
.subContentContainer .prodList ul li a.active span { background:transparent url(../../images/xtra_arrowProd_select_bg.gif) no-repeat top right; width: 6px; height: 15px; z-index: 15; position: absolute; top: -1px; right: 0px; text-indent: -9000px; display: inline-block; }


.subContentContainer .prodList ul li a span { width: 6px; height: 15px; z-index: 15; position: absolute; top: -1px; right: 0px; text-indent: -9000px; display: inline-block; }
.subContentContainer .seriesDetail { float: left; background:#fff; margin: 4px 24px 4px 0px; padding: 5px 5px; width: 185px; font-size: 10px; min-height: 320px;border: 1px solid #ccc; }
.subContentContainer .seriesDetail h5 { color: #b31911; margin: 0px 0px 8px 0px; font-size: 14px; }
.mediaKitheader{ width:95%; color: #fff; background:#333; padding: 4px 10px; display: inline-block; margin-bottom: 2px; font-size: 15px; text-transform: uppercase; }
.mediaKitdownloadAll{ padding: 4px 10px; font-size: 10px; text-transform:none;  }
.pageHead { border-bottom: 2px solid #B31911; }
.pageHead h2 { font-size: 24px; display: inline-block; padding: 8px 12px; text-transform:capitalize; color:#fff; background:#B31911 url(../../images/bkg_h2.jpg) repeat-x top left; margin: 40px 30px 0px 30px; }



#bodyContent { line-height: 20px; background:transparent url(../../images/bkg_subContent.jpg) repeat-x left 80px; }
#bodyContentNoBG { line-height: 20px; }
#bodyContent .pageHead { border-bottom: 2px solid #B31911; }
#bodyContent .pageHead h2 { font-size: 24px; display: inline-block; padding: 8px 12px; text-transform:capitalize; color:#fff; background:#B31911 url(../../images/bkg_h2.jpg) repeat-x top left; margin: 40px 30px 0px 30px; }

#bodyContent .bestFor { float: right; width: 190px; padding: 15px; border: 1px solid #ccc; line-height: 14px; margin-left: 20px;  }
#bodyContent .bestFor img { float: left; width: 75px; }
#bodyContent .bestFor a { float: right; width: 100px;  }
#bodyContent .bestFor strong { color: #B31911; display: block; padding-bottom: 5px; }


#bodyContent .TrophyBoardText { float: left; width: 390px; padding: 15px; }
#bodyContent .TrophyBoardWinner{ float: right; width: 300px; padding: 15px; line-height: 14px;  }
#bodyContent .AccountContainer { float: left; width: 715px; padding: 15px; }




/* ===== Tabs ===== */
#bodyContent #tabs { background:#CCC url(../../images/bkg_tabs.jpg) repeat-x top left; height: 32px; margin-right: -30px; }
#bodyContent #tabs .tab { background:#B31911; height: 27px; cursor: pointer; float: left; color: #fff; padding: 5px 10px 0px 10px; margin-right: 1px; }
#bodyContent #tabs .tab.on { background:#EEE url(../../images/bkg_tab_on.jpg) repeat-x top left; height: 27px; cursor: pointer; float: left; color: #000; padding: 5px 20px 0px 20px; }
#bodyContent #tabContent { background:#d8d8d8; padding: 10px; margin-right: -30px; }
#bodyContent #tabContent .contentTab { background:#fff;  }
#bodyContent #tabContent .contentTab strong { color: #B31911; padding: 15px 15px 5px 15px; display: block; font-size: 12px; }
#bodyContent #tabContent .contentTab table th { font-weight: normal; text-align: left; }
#bodyContent #tabContent .contentTab table .first { padding-left: 15px; }
#bodyContent #tabContent .contentTab table .last { padding-right: 5px; vertical-align: middle; }
#bodyContent #tabContent .contentTab table td { padding-top: 2px; padding-bottom: 2px; }
#bodyContent #tabContent .contentTab table tr.odd { background:#eee; }
#bodyContent #tabContent .contentTab table { padding-bottom: 10px; }

/* ===== Product Detail Links ===== */
#bodyContent .prodLinks { float: right; width: 221px; }
#bodyContent .prodDetailLinks { width: 221px; background:#EEE url(../../images/bkg_prodDetailLinkContainer.jpg) repeat-y top left; }
#bodyContent .prodDetailLinks span.top { width: 221px; height: 5px; background:transparent url(../../images/bkg_prodDetailLinkContainer_top.jpg) no-repeat top left; display: block; }
#bodyContent .prodDetailLinks span.bottom { width: 221px; height: 5px; background:transparent url(../../images/bkg_prodDetailLinkContainer_bottom.jpg) no-repeat bottom left; display: block; }
#bodyContent .prodDetailLinks ul li { margin: 2px 6px; }
#bodyContent .prodDetailLinks ul li a { width: 195px; height: 27px; background:transparent url(../../images/bkg_prodDetailLinks.gif) no-repeat top left; display: block; padding: 5px 0px 0px 14px; font-size: 12px; }
#bodyContent .prodDetailLinks ul li a.on { background:transparent url(../../images/bkg_prodDetailLinks_on.gif) no-repeat top left; padding: 5px 0px 0px 14px; font-weight: bold; }
#bodyContent .prodDetailLinks #videosNav li a:active { background:transparent url(../../images/bkg_prodDetailLinks_on.gif) no-repeat top left; font-weight: bold; }
#bodyContent .prodDetailLinks ul li a:hover { background:transparent url(../../images/bkg_prodDetailLinks_over.gif) no-repeat top left; font-size: 12px; }

/* ===== Product Thumbnails ===== */
#thumbnails { margin: 15px 0px;}
#thumbnails .thumb { float: left; background:transparent url(../../images/bkg_productThumb.gif) no-repeat top left; display: block; padding: 3px; cursor: pointer; margin-right: 2px; }
#thumbnails .thumb.on { background:#B31911 url(../../images/bkg_productThumb.gif) no-repeat top left; }

/* ===== TrophyBoard Thumbnails ===== */
#trophythumbnails { margin: 75px 75px;  width:100%}
#trophythumbnails .thumb { float: left; background:transparent url(../../images/bkg_trophyThumb.gif) no-repeat top left; display: block; padding: 3px; cursor: pointer; margin-right: 10px; margin-bottom:10px; }
#trophythumbnails .thumb.on { background:#B31911 url(../../images/bkg_trophyThumb.gif) no-repeat top left; }
#trophythumbnails .thumb:hover {background: #B31911 url(../../images/bkg_trophyThumb.gif) no-repeat top left;}


/* ===== Footer ===== */
#footer { background: #131313; border-top: 3px solid #fff; padding-bottom: 50px; color: #747474; font-size: 9px; }
#footer strong { text-transform: uppercase; }

#footer .footerLinks { border-bottom: 1px solid #000; }
#footer .footerLinks .toTop { float: right; border-left: 1px solid #212121; padding: 0px 0px 0px 1px; }
#footer .footerLinks .toTop a { display: block; padding: 50px 30px 30px 30px; font-weight: bold; height: 28px; background:transparent url(../../images/xtra_toTop.gif) no-repeat 44px 38px; }
#footer .footerLinks .toTop a:hover { color: #b31911; background:#FFF url(../../images/xtra_toTop.gif) no-repeat 44px 38px; }
#footer .footerLinks .contactInfo { width: 215px; padding: 10px 30px 0px 20px; border-right: 1px solid #212121; height: 98px; line-height: 14px; }
#footer .footerLinks .myAccount { padding: 0px 1px; border-right: 1px solid #212121; }
#footer .footerLinks .myAccount a { display: block; font-weight: bold; text-transform: uppercase; padding: 45px 30px 35px 30px; height: 28px; background:transparent url(../../images/xtra_arrowDown.gif) no-repeat 60px 68px; }
#footer .footerLinks .myAccount a:hover { color: #b31911; background:#FFF url(../../images/xtra_arrowDown.gif) no-repeat 60px 68px; }
#footer .footerLinks .siteHelp { padding: 0px 1px; border-right: 1px solid #212121; }
#footer .footerLinks .siteHelp a { display: block; font-weight: bold; text-transform: uppercase; padding: 45px 30px 35px 30px; height: 28px; background:transparent url(../../images/xtra_arrowDown.gif) no-repeat 50px 68px; }
#footer .footerLinks .siteHelp a:hover { color: #b31911; background:#FFF url(../../images/xtra_arrowDown.gif) no-repeat 50px 68px; }

#footer .copyrightInfo { border-top: 1px solid #333; padding-top: 10px; color: #333; }
#footer .copyrightInfo .copyright { padding-left: 20px; }
#footer .copyrightInfo .links { float: right; padding-right: 20px; }
#footer .copyrightInfo .links a { color: #333; }
#footer .copyrightInfo .links a:hover { color: #fff; background: none; }

#footer .drops { position: relative; }
#footer .drops .dropContent { position: absolute; bottom: 108px; background:#131313; width: 100%; left: 0px; *left: 1px; }
#footer .drops .dropContent a { height: auto; width: auto; display: block;  padding: 5px 0px 5px 10px; font-weight: normal; border-bottom: 1px solid #333; }
#footer .drops .dropContent a:hover { background:#fff; color: #b31911; }




/* ===== ADDED 08-28-09 =====*/
/* ===== Content =====*/
.rightCol {float:right; width: 200px; }
.rightColWide {float:right; width: 280px; padding-left: 20px; }
.leftCol { width: 450px;}
.leftColNarrow { width: 390px;}
.leftColWide { width: 475px;}

/* ===== Custom Pro Select =====*/
.rightCol #custSelect li { background: #e3e3e3; width: 223px; height: 55px; margin: 0 0 5px 0; padding: 1px 0px 0 1px; position: relative; }
.rightCol #custSelect .custImg { float:left; }
.rightCol #custSelect .custinfo { background:url(../../images/bg_custred.png) no-repeat; width:167px; height:53px; margin: 0 0 0 54px; padding: 12px 0 0 8px; position: absolute; right: -6px; }
.rightCol #custSelect a { color: #4a0e03; font-size: 11px; font-weight: bold; line-height: 15px; display: block; height: 35px; width: 156px; }
.rightCol #custSelect a:hover { color: #fff; }
.rightCol #custSelect a span { color: #fff; font-size: 10px; font-weight:normal; }

.newPost { border-bottom: 1px solid #CCC; padding-bottom: 20px; margin-bottom: 30px; }
.newPost h2 { color: #b31911; font-size: 18px; text-transform: none; }
.newPost .postDate { color: #999; margin-top: -8px; }
.productGroup .proList img { padding: 2px; border: 1px solid #EEE; margin-bottom: 10px; }
.vidThumbContainer { float: left; width: 140px; }
.vidThumbContainer .vidThumb { padding: 1px; border: 1px solid #CCC; width: 123px; }
.photoBorder { padding: 4px; border: 1px solid #CCC;}
.featProdPro { width: 210px; padding-right: 20px; float: left; }
.rightCol .onTourNav li { padding: 6px 0; border-bottom: 1px solid #CCC; font-weight: bold; font-size: 10px; }
.rightCol .onTourNav li strong { text-transform: uppercase; color:#333; }
.leftColWide h4 { color: #d13009; font-size: 18px; }