﻿body {background:url(../../gfx/cdi/cdiBodyBG.jpg) left top repeat-x #a9b7c2;font-family:Arial,Helvetica,sans,sans-serif;font-size:13px;}
a {text-decoration:none;color:#0e7038;}
a.textLink {border-bottom:1px dotted #0e7038;}
a.textLink:hover {background:#eee;}
h1 {font-size:28px;margin-bottom:18px;}
h2 {font-size:16px;margin-bottom:4px;}
h3 {font-size:13px;margin-bottom:4px;line-height:18px;}
h4 {font-size:12px;margin-bottom:4px;}
hr {border:0;height:1px;background:#bbb;width:100%;margin:20px 0}

.gray {color:#555;}

dl {margin-bottom:8px;font-size:12px;width:100%;float:left;}
dt {float:left;width:150px;color:#fff;font-weight:bold;margin-right:10px;}
dt a {color:#fff}
dd {color:#777}
dd a {color:#fff}
dt a:hover, dd a:hover {text-decoration:underline;color:#fff}

#cdiCart {position:absolute;top:81px;right:0;padding-right:4px;background:url(../../gfx/msr/cdiCartBG.png) right bottom no-repeat;}
#cdiCart ul {background:url(../../gfx/msr/cdiCartBG.png) left bottom no-repeat;}


#langContainer {border:1px solid #777}
#langContainer span {background:url(../../gfx/common/langDropArrow.gif) 90px -96px no-repeat #444;color:#bbb;border:1px solid #000}
#langContainer span:hover {background-color:#333;background-position: 90px -146px;color:#eee;}
#langContainer ul li a:hover {background:#bbb;} 
#langContainer ul li.selected a {background:#ccc;}


#cdiHeader {float:left;width:100%;background:url(../../gfx/cdi/cdiHeaderBorder.gif) left bottom repeat-x;height:81px;}
.cdiHeaderMain {background:url(../../gfx/cdi/cdiHeaderMainBG.jpg) left top no-repeat;position:relative;height:81px;}
#cdiHeaderLogo {position:absolute;top:24px;left:0;}
#cdiHeaderLogo a {float:left;width:232px;height:23px;text-indent:-9999px;overflow:hidden;background:url(../../gfx/cdi/cdiHeaderLogo.jpg) left top no-repeat;}
#cdiHeaderNav {position:absolute;right:180px;top:51px;}
#cdiHeaderNav li {display:inline;}
#cdiHeaderNav li a {float:left;background:url(../../gfx/cdi/cdiHeaderTabs.gif) left -36px no-repeat;padding-left:5px;}
#cdiHeaderNav li a span {float:left;background:url(../../gfx/cdi/cdiHeaderTabs.gif) right -86px no-repeat;padding-right:5px;}
#cdiHeaderNav li a span span {float:left;color:#c9c9c9;font-weight:bold;font-size:12px;line-height:12px;background:url(../../gfx/cdi/cdiHeaderTabs.gif) left 14px no-repeat;padding:0 12px 11px 12px;}
#cdiHeaderNav li a:hover {background-position:0 -186px;}
#cdiHeaderNav li a:hover span {background-position:right -236px;}
#cdiHeaderNav li a:hover span span {background-position:0 -136px;}
#cdiHeaderNav li a.active {background-position:0 -336px;}
#cdiHeaderNav li a.active span {background-position:right -386px;}
#cdiHeaderNav li a.active span span {background-position:0 -286px;padding-bottom:15px;}
#cdiHeaderNav li a.active:hover {background-position:0 -336px;}
#cdiHeaderNav li a.active:hover span {background-position:right -386px;}
#cdiHeaderNav li a.active:hover span span {background-position:0 -286px;padding-bottom:15px;}


#cdiBody {float:left;width:100%;background:url(../../gfx/cdi/cdiBodyMainBG.gif) left top repeat-x #fff;border-bottom:1px solid #fff}
#cdiBodyInner {float:left;width:100%;background:url(../../gfx/cdi/cdiBodyMtnsBG.jpg) center bottom no-repeat;padding-bottom:200px;}
.cdiBodyMain {padding-top:20px;}
.cdiFooter {border:0;}
.cdiFooter h3, .cdiFooter h3 a {color:#fff;}
.cdiFooter h3 a:hover {text-decoration:underline;}
.footerList li {float:left;width:180px;font-size:13px;line-height:13px;margin-right:15px}
.footerList li.lastChild {margin-right:0;}
.footerList li a {float:left;font-weight:bold;color:#f3f3f3;border-bottom:1px solid #c5d0d8;width:174px;padding:3px 3px 3px 3px;}
.footerList li a:hover {background:#8999a5;}
.footerList ul {display:inline;}
.footerList ul li {display:inline;margin:0}
.footerList ul li a {font-weight:normal;font-size:12px;padding:4px 8px;border-bottom:0;width:164px;}
#copyright {float:left;width:100%;text-align:center;margin:30px 0;font-size:11px;color:#eee;}
#copyright a {color:#eee;}

#headerSearch {position:absolute;right:0;bottom:10px;}
#headerSearch fieldset {float:left;width:156px;}
#headerSearch #searchBox {float:left;width:119px;height:14px;padding:1px 2px;margin:1px 2px 0 0;border:1px solid #ddd;font-size:11px;color:#444}
#headerSearch #Go {float:left;width:27px;height:16px;background:url(../../gfx/common/search_go.png) 0 -16px no-repeat;text-indent:-9999px;overflow:hidden;border:0;cursor:pointer;margin-top:3px;}
#headerSearch #Go:hover {background-position:0 0;}

#cdiHomeBanner {position:relative;float:left;width:960px;height:359px;background:url(../../gfx/cdi/cdiHomeBG.png) 0 0 no-repeat;margin:10px 0 20px;}
#cdiHomeBannerText {position:absolute;bottom:0;left:0;width:400px;}
#cdiHomeBannerText h1 {font-size:34px;font-weight:bold;margin-bottom:5px;}
#cdiHomePhoto1, #cdiHomePhoto2, #cdiHomePhoto3, #cdiHomePhoto4, #cdiHomePhoto5, #cdiHomePhoto6, #cdiHomePhoto7, #cdiHomePhoto8
    {position:absolute;width:505px;height:310px;background:url(../../gfx/cdi/cdiHomeMSR.jpg) 0 0 no-repeat;right:17px;top:24px;z-index:150;text-indent:-9999px;overflow:hidden}


#cdiHomePhoto2 {background:url(../../gfx/cdi/cdiHomeMan1.jpg) 0 0 no-repeat;z-index:140}
#cdiHomePhoto3 {background:url(../../gfx/cdi/cdiHomeTAR.jpg) 0 0 no-repeat;z-index:135}
#cdiHomePhoto4 {background:url(../../gfx/cdi/cdiHomeSealLine.jpg) 0 0 no-repeat;z-index:130}
#cdiHomePhoto5 {background:url(../../gfx/cdi/cdiHomeMan2.jpg) 0 0 no-repeat;z-index:125}
#cdiHomePhoto6 {background:url(../../gfx/cdi/cdiHomePlaty.jpg) 0 0 no-repeat;z-index:120}
#cdiHomePhoto7 {background:url(../../gfx/cdi/cdiHomeAllBrands.jpg) 0 0 no-repeat;z-index:110;display:none;}

#cdiLayout {position:relative;margin-top:20px;}
#cdiLayout h1 {position:absolute;left:0;top:0}
#cdiLayout p, #cdiLayout h2 {padding-left:480px;}
#cdiLayout div.ourStoryPhoto {float:left;margin:0 20px 10px 0;font-size:11px;font-weight:bold;font-style:italic}
#cdiLayout div.ourStoryPhoto img {margin-bottom:6px;}
#cdiLayout div.ourStoryPhoto240 {padding-left:240px;}
#cdiLayout div.ourStoryPhoto480 {padding-left:480px;}
#cdiLayout ul.bulletList {padding-left:484px;}

#innovationNavigator {float:left;width:100%;margin-top:8px;}
#innovationNavigator li {float:left;width:53px;font-weight:bold;font-size:16px;text-align:center}
.contents {display: block;width: 960px;height: 300px;}
ul.blocks {padding: 0;width: 4320px;display: block;height: 300px;}
ul.blocks li {width: 220px;margin: 0 20px 0 0px;float: left;display: block;height: 300px;position:relative;}
ul.blocks li h3 {position:absolute;bottom:25px;left:0;font-size:30px;font-weight:bold;margin:0;}
ul.blocks li div {position:absolute;bottom:60px;left:0;}
ul.blocks li div p {font-size:11px;line-height:15px;}
ul.blocks li div img {margin-bottom:8px;border:1px solid #aaa}
.holder {margin: 0;display: block;margin-bottom: 20px;}
.scroll-pane {width: 220px;float: left;padding: 0;}
#pane19 {height: 300px;width: 100%;padding: 0;	display: block;_overflow: hidden;}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;left: 0;bottom: 0;width: 100%;}
.jScrollIntervalTrack {position: absolute;}
.jScrollPaneDrag {position: absolute;cursor: pointer;overflow: hidden;}
.jScrollPaneDragLeft {position: absolute;bottom: 0;left: 0;overflow: hidden;}
.jScrollPaneDragRight {position: absolute;bottom: 0;right: 0;overflow: hidden;}
.jScrollPaneTrack {background:url(../../gfx/cdi/timelineScrollBG.gif) 0 bottom repeat-x;}
.jScrollPaneDrag {background:url(../../gfx/cdi/timelineScrollDrag.gif) 0 3px no-repeat;}
a.jScrollArrowLeft {display: block;position: absolute;z-index: 1;bottom: 0;left: 0;text-indent: -9999px;overflow: hidden;background:url(../../gfx/cdi/timelineScrollArrows.gif) 0 0 no-repeat;width:23px;height:19px;}
a.jScrollArrowRight {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -9999px;overflow: hidden;background:url(../../gfx/cdi/timelineScrollArrows.gif) 0 -100px no-repeat;width:23px;height:19px;}
a.jScrollArrowLeft:hover {background-position:0 -50px;}
a.jScrollArrowRight:hover {background-position:0 -150px;}
ul.blocks li.jumpedTo h3 {color:#000}
ul.blocks li.unJumped h3 {color:#777}

#TreeView1_UL {}
#TreeView1_UL sup {vertical-align:top;font-size:.7em}
#TreeView1_UL li {font-weight:bold;font-size:16px;line-height:1;position:relative;}
#TreeView1_UL li ul {margin-left:20px;}
#TreeView1_UL li ul li {font-weight:normal;background:url(../../gfx/cdi/siteMapTree.gif) 0 0 no-repeat;padding:2px 0 2px 22px;font-size:14px;}
#TreeView1_UL li ul li.lastChild {background:url(../../gfx/cdi/siteMapTree.gif) 0 -976px no-repeat;} 
#TreeView1_UL li ul li ul li {font-size:12px;}
a.siteMapTreeClick {width:10px;height:10px;background:url(../../gfx/cdi/siteMapTreeButton.gif) 0 0 no-repeat;position:absolute;left:3px;top:2px;}
a.branchClose {background-position:0 -10px;}

#cdiBrands, #cdiEvents, #cdiPartnerships, .cdiWeSupport {float:left;width:100%;margin:15px 0 20px 0;}
#cdiBrands {margin-bottom:30px;}
#cdiBrands li, #cdiEvents li, #cdiPartnerships li, .cdiWeSupport li {float:left;width:176px;margin:0 20px 0 0;}
#cdiBrands p, #cdiEvents p, #cdiPartnerships p, .cdiWeSupport p {font-size:11px;line-height:15px;} 
#cdiBrands li.lastChild, #cdiEvents li.lastChild, #cdiPartnerships li.lastChild, .cdiWeSupport li.lastChild  {margin-right:0;}
#brandsMSR a, #brandsTAR a, #brandsSealLine a, #brandsPlaty a, #brandsTracks a, 
#weSupportAF a, #weSupportAHS a, #weSupportAC a, #weSupportTCA a, #weSupportLNT a, #weSupportWWA a, #weSupportAW a, #weSupportWTA a, #weSupportCASBC a, #weSupportEMBA a, #weSupportWWTA a, #weSupportGTG a, #weSupportOPUSA a,
#inFieldBanff a, #inFieldBTW a, #inFieldWT a, #inFieldAAC a, #inFieldAMGA a, #inFieldASEA a, #inFieldMM a
{float:left;width:176px;height:60px;background:url(../../gfx/cdi/cdiBrandsLogos.gif) 0 bottom no-repeat;text-indent:-9999px;overflow:hidden;margin-bottom:10px;}
#weSupportAF a, #weSupportAHS a, #weSupportAC a, #weSupportTCA a, #weSupportLNT a, #weSupportWWA a, #weSupportAW a, #weSupportWTA a, #weSupportCASBC a, #weSupportEMBA a, #weSupportWWTA a, #weSupportGTG a, #weSupportOPUSA a {background:url(../../gfx/cdi/cdiWeSupportLogos.gif) 0 bottom no-repeat;height:80px;}
#inFieldBanff a, #inFieldBTW a, #inFieldWT a, #inFieldAAC a, #inFieldAMGA a, #inFieldASEA a, #inFieldMM a {background:url(../../gfx/cdi/cdiInTheFieldLogos.gif) 0 bottom no-repeat;height:80px;}
#brandsTAR a, #weSupportAHS a, #inFieldBTW a {background-position:-176px bottom}
#brandsSealLine a, #weSupportAC a, #inFieldWT a {background-position:-352px bottom}
#brandsPlaty a, #weSupportTCA a, #inFieldAAC a {background-position:-528px bottom}
#brandsTracks a, #weSupportLNT a, #inFieldAMGA a {background-position:-704px bottom}
#weSupportWWA a, #inFieldASEA a {background-position:-880px bottom}
#weSupportAW a, #inFieldMM a {background-position:-1056px bottom}
#weSupportWTA a {background-position:-1232px bottom}
#weSupportCASBC a {background-position:-1408px bottom}
#weSupportEMBA a {background-position:-1584px bottom}
#weSupportWWTA a{background-position:-1760px bottom}
#weSupportGTG a {background-position:-1936px bottom;float:right;margin:0 0 10px 10px}
#weSupportOPUSA a{background-position:-2112px bottom;float:right;margin:0 0 10px 10px;width:300px}

#cdiBrandsHome {float:left;width:100%;margin:15px 0 30px 0;}
#cdiBrandsHome li {float:left;width:120px;margin:0 20px 0 0;}
#cdiBrandsHome p {font-size:11px;line-height:15px;} 
#cdiBrandsHome li.lastChild {margin-right:0;}
#brandsMSRHome a, #brandsTARHome a, #brandsSealLineHome a, #brandsPlatyHome a, #brandsPackTowlHome a, #brandsHummingbirdHome a, #brandsTracksHome a 
{float:left;width:70px;height:41px;background:url(../../gfx/common/brandLinkHome.png) -25px 0 no-repeat;text-indent:-9999px;overflow:hidden;margin: 0 25px 0 25px}
#brandsTARHome a {width:120px;height:17px;background-position: 0 -41px;margin:24px 0 0 0}
#brandsSealLineHome a {width:120px;height:33px;background-position: 0 -89px;margin:8px 0 0 0}
#brandsPlatyHome a {width:120px;height:31px;background-position: 0 -58px;margin:10px 0 0 0}
#brandsPackTowlHome a {width:120px;height:39px;background-position: 0 -122px;margin:2px 13px 0 13px}
#brandsHummingbirdHome a {width:120px;height:37px;background-position: 0 -161px;margin:4px 0 0 0}
#brandsTracksHome a {width:120px;height:17px;background-position: 0 -41px;margin:24px 0 0 0}

.triColumn {float:left;width:300px;margin-right:30px;}
.triColumnLast {margin-right:0;}

.productRegButton {float:left;padding:5px 10px;background:#0e7038;margin-bottom:20px;color:#fff;border:1px solid #fff;	
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);}
	
.productRegButton:hover {background:#000}

#discountList {float:left;width:100%}
#discountList li {float:left;width:145px;margin-right:18px;margin-bottom:20px;text-align:center;border-top:1px solid #ccc;padding-top:10px;}
#discountList li.lastChild {margin-right:0;}
#discountList li p, #discountList li h3, #discountList li h2 {text-align:left;}

#willCall {padding:10px 0 0 30px;font-size:12px;font-weight:bold;}
