/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 2, 2011 */
@font-face {
    font-family: 'ITCAmericanTypewriterBold';
    src: url('/shared/styles/discoverboating/canadian-toolkit/fonts/itc_american_typewriter_bold-webfont.eot');
    src: url('/shared/styles/discoverboating/canadian-toolkit/fonts/itc_american_typewriter_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/shared/styles/discoverboating/canadian-toolkit/fonts/itc_american_typewriter_bold-webfont.woff') format('woff'),
         url('/shared/styles/discoverboating/canadian-toolkit/fonts/itc_american_typewriter_bold-webfont.ttf') format('truetype'),
         url('/shared/styles/discoverboating/canadian-toolkit/fonts/itc_american_typewriter_bold-webfont.svg#ITCAmericanTypewriterBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background:#fff; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; line-height:1.5em; color:#3F4242; margin:0; padding:0 5px; }
a { color: #4c4f4f; font-weight: bold; text-decoration: underline; cursor:pointer; line-height:1.2em; }
a:hover { text-decoration: none; }

.clearafter:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearafter { display: inline-block; }
* html .clearafter { height: 1%; }
.clearafter { display: block; }

.content {background-color: #FFFFFF; margin:0px;padding:0px}

html, body { height: 100%; }
h1, h2, h3, h4 { color:#000; margin:1em 0 0.5em 0; font-family: ITCAmericanTypewriterBold, Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal;}
h1 { font-size:19px; color: #960c11}
h2 { font-size:18px; color:#960c11;}
h3 { font-size:16px; color:#14648b;}
h4 {font-size:15px; color:#3f4242;margin: 5px 0 4px 0;}
h5 { font-size:11px; padding-left:0px; color:#14648b;}
h6 { font-size:10px;color:#14648b;}
p { padding:5px 0px 5px 0px; margin:0; }
#pagewrapper { width:975px; overflow:visible;  margin:0 auto; padding:0; position:relative; background: #fff url(images/bg_rightsidebar.gif) repeat-y right top;}
#header { height:125px; background:url(images/bg_splash.jpg) no-repeat top left; position:relative;}
#logo {width:341px; height:88px;  margin:0; padding:11px 0 0 19px; float:left; color:#fff; }
#logo a { display:block; background: url(/local/img/toolkit/logo.png) no-repeat; width:341px; height:88px; overflow:hidden; text-indent:-1000px; }
#logo-irc {float:right; margin: 37px 0 0 0; height:31px; font-weight: bold; color:#14648b;line-height:13px; text-align:right;}

.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left;}

#guide{height:261px;position:relative;}
#guide .navigation{position:absolute; left:11px; bottom:9px; z-index: 100;background: url(images/nav-left.png) no-repeat left center; padding-left:23px;}
#guide .navigation div{background: url(images/nav-right.png) no-repeat right center;padding-right:23px;}
#guide .navigation a{background-image:url(images/navigation.png); background-repeat:no-repeat; width:27px; height:27px; display:block;float:left; text-indent:-1000px;margin-right:2px;}
#guide  .navigation a.nav1{background-position:0 1px; }
#guide .navigation a.nav2{background-position:-29px 1px; }
#guide .navigation a.nav3{background-position:-58px 1px; }
#guide .navigation a.nav4{background-position:-87px 1px; }
#guide .navigation a.nav5{background-position:-116px 1px; }
#guide .navigation a.nav6{background-position:-145px 1px; }
#guide .navigation a.nav1:hover, #guide .navigation a.nav1.current{background-position:0 -25px;}
#guide .navigation a.nav2:hover, #guide .navigation a.nav2.current{background-position:-29px -25px;}
#guide .navigation a.nav3:hover, #guide .navigation a.nav3.current{background-position:-58px -25px;}
#guide .navigation a.nav4:hover, #guide .navigation a.nav4.current{background-position:-87px -25px;}
#guide .navigation a.nav5:hover, #guide .navigation a.nav5.current{background-position:-116px -25px;}
#guide .navigation a.nav6:hover, #guide .navigation a.nav6.current{background-position:-145px -25px;}
#guide-bottom{padding:15px 59px;background: #3b8ab1; margin-bottom:6px;}
#guide-bottom div{font-size:16px; line-height: 19px; color:#fff;}
#guide1{height:261px;background: url(/local/img/toolkit/hp_wttw_video.jpg) no-repeat 0 0;}
#guide2{height:261px;background: url(/local/img/toolkit/hp_boating_videos.jpg) no-repeat 0 0; display:none;}
#guide3{height:261px;background: url(/local/img/toolkit/hp_spousal_conversion_kit.jpg) no-repeat 0 0; display:none;}
#guide4{height:261px;background: url(/local/img/toolkit/hp_cost_comparison_tool.jpg) no-repeat 0 0; display:none;}
#guide5{height:261px;background: url(/local/img/toolkit/hp_promotional_materials.jpg) no-repeat 0 0; display:none;}
#guide6{height:261px;background: url(/local/img/toolkit/hp_good_run_video.jpg) no-repeat 0 0; display:none;}

.nav-prev { position:absolute; top:0; left:0; cursor:pointer; width:30px; height:33px; border:0px solid red; }
.nav-next { position:absolute; top:0; right:0; cursor:pointer; width:30px; height:33px; border:0px solid red; }
.guide-link { border:0px solid red; position:absolute; display:block; width:150px; display:block; height:21px; font-family:ITCAmericanTypewriterBold,Verdana,Arial,Helvetica,Sans-Serif; text-decoration:none; }
.guide-link span { visibility:hidden; }

#content{margin-top:6px;}

#loginbar{height:67px;padding-left:180px;background:#960c11;line-height:1em;}
#loginbar .biglabel{float:left;font-family: ITCAmericanTypewriterBold, Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal;font-size:16px; color:#fff;padding:28px 24px 0 0;}
#loginbar label{font-weight:bold; font-size:11px; color:#fff;display:block;padding-bottom:3px;}
#loginbar a{font-size:9px; color:#ccc;display:block;text-decoration: underline; font-weight: normal;}
#loginbar div.block{float:left; width:165px; padding-top:8px;}

.rootmenulinks ul{margin-left: 20px;}
/*=======================================================================================================
== Top Menu
=======================================================================================================*/
#topmenu {height:15px; padding: 5px 0 6px 6px; position:absolute; right:0; bottom:4px;}
/*#topmenu li {  border-right:1px dotted #394e24; border-left:1px dotted #b4d293; }*/
#topmenu li.regular{background: url(images/menu-border.png) no-repeat right 5px;}
#topmenu li.hilited a{color:#960c11; padding-right:0;margin-right:0;}
#topmenu li { float:left; position:relative; min-width:50px; margin:0; list-style:none; z-index:33000;  }
#topmenu a { color:#FFF; margin:0; padding:5px 0 6px 0; text-decoration:none; }

#topmenuroot{font-family: ITCAmericanTypewriterBold, Verdana, Arial, Helvetica, Sans-Serif; font-size:14px; list-style:none;}
#topmenuroot li{display:block; float:left; }
#topmenuroot a{color:#3f4242; }
/*#topmenuroot span{color:#960c11; padding: 0 10px;}*/
#topmenuroot { position:relative; margin:0; }
#topmenuroot li a{font-weight:normal; display:block; padding:5px 10px 6px 10px; white-space:nowrap; height:15px; margin-right:2px;}
#topmenuroot > li:hover > a {background: url(images/mnu-bckgr.png) repeat-x 0 0;  text-decoration:none; }
#topmenuroot li:hover > .submenu { display: block; }
#topmenuroot li .submenu { display: none; background: rgba(58, 138, 177, 0.4); font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; position:absolute; top:25px; width:215px; margin:0; padding:1px 4px 4px 1px; list-style:none; display:none;  z-index:33000; }
#topmenuroot ul { margin: 0; background: rgba(255, 255, 255, 0.9); }
#topmenuroot ul li .submenu { position:absolute; top:0; left:215px; _left:185px; }
#topmenuroot ul li{ font-weight: bold; width:215px;}
#topmenuroot ul li a{ font-weight:bold; color:#3f4242; display:block; padding:6px 0 5px 11px; margin: 0; height:auto; border:0; _width:100%; overflow:hidden; letter-spacing:-0.1pt; z-index: 33000; white-space:pre-wrap; }
#topmenuroot ul li a:hover{ background-color:#fff !important; text-decoration:none; }

#topmenuroot ul li a.parent{ background: transparent url(images/mnu-row.png) no-repeat 190px 6px ;}
#topmenuroot li.topli{ z-index: 33000;}

#margintop {  }
#menu { width:200px;  float:right;  min-height:100%; }
#content { background-color: #FFFFFF; width:750px; float:left; padding:0 0 10px 0; overflow: visible; margin: 0; } * html #content { padding-top:15px; }
#content ul{margin: 5px 0 5px 25px;}
.content {background-color: #FFFFFF; margin:0px;padding:0px}
#contentarea{background: #fff url(images/bg_rightsidebar.png) repeat-y right top;}
#rightcontent{padding: 5px 5px;}
#rightcontent ul{list-style: none;}
#rightcontent ul li{margin: 7px 0;background: url(images/arrow_blue.png) no-repeat left 4px; padding-left: 15px;}
#rightcontent li strong{color:#960c11;}

.toolbar{background: url(images/bg_tools-thumb.gif) repeat-x left bottom;}
.toolbar h4{text-align:center;}
.tb-box-left{float:left;width: 155px; margin: 0 25px 0 0;}
.tb-box-right{float:left;width: 155px; margin: 0 0 0 25px;}
.tb-box{float:left;width: 205px;text-align: center;}

#footer{background: #3f4242; height:36px; margin:0 auto; width:945px; padding: 3px 15px; text-align:center;color:#fff;}
#footer a {color:#fff; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; font-weight: bold; }
.footer-social-links { float: left; margin-top: 10px; width:140px; }
.footer-social-links a img { vertical-align: text-top; }
.footer-navigation { float: left; margin-top: 10px; margin-left: 120px; }
.footer-logo { float: right; }

.block{margin:5px 0 20px 0; padding:0;}
.block textarea{font-size:11px;}
.block-left{float:left;margin: 0 10px 0 0;}
.block-right{float:left; padding-top:35px;}

.i-15{background: url(/local/styles/images/btn_15sec.png) no-repeat left top; text-indent:-1000px;display:block; height:35px; width:36px;margin:5px 0;}
.i-30{background: url(/local/styles/images/btn_30sec.png) no-repeat left top; text-indent:-1000px;display:block; height:35px; width:36px;margin:5px 0;}
.i-60{background: url(/local/styles/images/btn_60sec.png) no-repeat left top; text-indent:-1000px;display:block; height:35px; width:36px;margin:5px 0;}
.i-print{background: url(/local/styles/images/btn_print.png) no-repeat left top; text-indent:-1000px;display:block; height:48px; width:48px;margin:5px 0;}
.i-web{background: url(/local/styles/images/btn_web.png) no-repeat left top; text-indent:-1000px;display:block; height:48px; width:48px;margin:5px 0;}

.logo-db-1{background: url(/local/styles/images/db-logo-1.png) no-repeat left top; padding: 75px 0 0 25px; width:192px; margin: 0 95px 0 20px;}
.logo-db-2{background: url(/local/styles/images/db-logo-2.png) no-repeat left 15px; padding: 75px 0 0 78px; width:260px;}
.logo-ww-1{background: url(/local/styles/images/ww-logo-1.jpg) no-repeat left top; padding: 121px 0 0 25px; width:158px; margin: 0 125px 0 20px;}
.logo-ww-2{background: url(/local/styles/images/ww-logo-2.jpg) no-repeat left 38px; padding: 121px 0 0 57px; width:222px; }

.i-print-fr{background: url(/local/styles/images/btn_print.png) no-repeat left top; text-indent:-1000px;display:block; height:48px; width:103px;margin:5px 0;}
.i-web-fr{background: url(/local/styles/images/btn_web.png) no-repeat left top; text-indent:-1000px;display:block; height:48px; width:103px;margin:5px 0;}

.logo-db-1-fr{background: url(/local/styles/images/db-logo-1.png) no-repeat 25px top; padding: 75px 0 0 0; width:243px; margin: 0 80px 0 15px;}
.logo-db-2-fr{background: url(/local/styles/images/db-logo-2.png) no-repeat 10px 15px; padding: 75px 0 0 30px; width:320px;}
.logo-ww-1-fr{background: url(/local/styles/images/ww-logo-1.jpg) no-repeat 25px top; padding: 121px 0 0 0; width:220px; margin: 0 125px 0 20px;}
.logo-ww-2-fr{background: url(/local/styles/images/ww-logo-2.jpg) no-repeat left 38px; padding: 121px 0 0 0; width:222px; }

/*=======================================================================================================
Lists
=======================================================================================================*/
ul.bullet-triangle { margin: 0; padding: 0; }
ul.bullet-triangle li { padding: 0 0 0 22px; background: url(images/bullet-triangle.png) no-repeat 0 3px; list-style: none; min-height: 20px; }

/*=======================================================================================================
Tools you can Use
=======================================================================================================*/
div.inner-content-wrapper .inner-content { float: left; width: 360px;margin-right: 10px; }
div.inner-content-wrapper .inner-content ul { width: 190px; }
div.inner-content { margin-bottom: 40px; }
div.inner-content img { float: left; display: block;margin-right: 5px;width: 160px;height: 135px; }
div.inner-content ul { margin-left: 0 !important;width: 580px;float: right; }
div.inner-content li { margin: 2px 0; }

.stayinformedform { width:300px; margin:20px 0; text-align:right; }