@media screen {
  
.todo { color:red; font-weight:bold; font-size:larger; }

#headersearch { position:absolute; top:70px; left:400px; z-index:3100; }
#headersearch .textbox { padding:3px 5px; font-size:1.2em; background:url(/local/styles/images/search-bg.gif) no-repeat 5px 50%; font-weight:bold; color:#333; }

#languagetoggle { position:absolute; top:22px; right:32px; z-index:3100; }
#languagetoggle a {color:Black; font-weight:bold;}

.page-tagline { font: 900 18px museo-sans, sans-serif;color: #737373;margin-left: 10px; }

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

/* ======================================================================================
  General Styles
====================================================================================== */
* { margin:0; padding:0; }
body { background:#F4F4F4; font-size:0.7em; font-family:Verdana, Helvetica, Arial, Sans-Serif; color:#333; }
form { padding:0; margin:0; }
h1, h2, h3, h4 { color:#15A; line-height:1.1em; margin-top:0.5em; }
h1,h2 { font-size:1.4em; margin:0.5em 0 0.5em 0; padding-bottom:12px;font: 900 24px museo-slab, verdana;}
h1 { color: #1579B4;text-transform: uppercase; margin: 0 0 12px 0; padding:0; }
h3 { font-size:1.3em; margin:0.5em 0 0.2em 0; }
h3.shadow { background:url(/lib/img/dbpage/page/hshadow.jpg) right bottom no-repeat; padding-bottom:10px; }
h4 { font-size:1.2em; font-weight:bold; margin-left:0.2em; }
p { line-height:1.3em; margin:1em 0 1em 0.4em; padding:0; }
td { vertical-align:top; font-size:11px; }
a { color:#F60; text-decoration:none; padding:2px 0; border-bottom:1px solid inherit; }
a:hover { color:#F66800; background-color:#FFF7EB; border-bottom:1px dotted #F66800; }

a.noborder { text-decoration:none; padding:0; border:0; }
a.noborder:hover { background-color:transparent; border:0; }

img { border:0; }
ul { margin:10px 0 5px 30px; list-style-type:square; }
ol { padding-left:20px; margin:5px 0 5px 30px; }
li { vertical-align:middle; }
ul li { padding:0 0 5px 0; }
ol li { margin:0 0 5px 0; }
hr { height:1px; border:0; border-bottom:1px solid #CCC; margin-top:5px; clear:both; }
dt { font-weight:bold; margin-top:10px; }
dd { padding-left:10px; }
blockquote { margin:10px 20px; }
h2.large { width:647px; margin-top:0; padding-top:10px; margin-bottom:0; color:#173EB3; font-family:Arial Narrow, Arial; font-size:4em; font-weight:bold; text-transform:uppercase; }


/* ======================================================================================
  VCard
====================================================================================== */
.vcard { background:#EEE; padding:5px; width:300px; margin:20px; border:1px solid #CCC; }
.vcard .org { font-weight:bold; }
.vcard .adr { margin:5px; }

/* ======================================================================================
  Primary areas of the page
====================================================================================== */
#page { width:996px; margin:0 auto; background:#FFF url(/lib/img/dbpage//page/page_bg.jpg) repeat-y; }
#pagewrapper { background:url(/lib/img/dbpage/page/pagewrapper_bg.jpg) repeat-y right; }
#header { background:url(/lib/img/dbpage/page/header_bg.jpg) no-repeat top left; width:100%; position:relative; z-index:100; }
#header div.short, #header div.medium, #header div.long { background:url(/lib/img/dbpage/page/headerwrapper_bg.jpg) no-repeat top right; }
#header div.short { height:140px; }
#header div.long { height:327px; }
#headerlogo { position:absolute;  top:35px; left:30px; z-index:2001; }
#headerlogo a { height:50px; border:0; }
#headerlogo a:hover { border:0; background:transparent; }
#headerlogo span{ display:none; }
#toolbar { height:18px; font-size:0.85em;  }
#breadcrumbs { width:74%; float:left; color:#666; }
#breadcrumbs a { color:#F66800; white-space:nowrap; }
#tools { width:26%; float:right; }
#tools img { vertical-align:middle; }
#tools a, #tools a:hover { border:0; padding:0; margin:0; white-space:nowrap; }
#content { min-height:500px; padding:0 0 25px 0; margin:0 0 0 12px;  _margin:0 0 0 6px; clear:both; float:left; width:724px; overflow:hidden; z-index:901; }
#contentwrapper { margin:0 16px 5px 16px; }
.nobar #contentwrapper { margin:0 0 5px 16px; }
#innerfooter { background:url(/lib/img/dbpage/page/footer_bg.jpg) no-repeat bottom left; clear:both; position:relative; }
#innerfooterwrapper { background:url(/lib/img/dbpage/page/footerwrapper_bg.jpg) no-repeat bottom right; height:16px; }
#outerfooter { text-align:center; font-size:0.85em; padding:5px 0 10px; }
#outerfooter a { color:#333; border-bottom:none; margin:0 5px; }
#outerfooter { color:#999; }
#outerfooter p { font-size:1em; }

/* ======================================================================================
  Navigation
====================================================================================== */
#main-navigation { list-style-type: none; margin: 0; padding: 0; position: relative; }
#main-navigation a { background: none; padding: 0; margin: 0; cursor: pointer; display: block; }
#main-navigation a:hover { border: none; text-decoration: none; }
#main-navigation .menu-item { outline: none;position: relative; }
#main-navigation > .menu-item { float: left; }
#main-navigation > .menu-item > a { margin: 0; text-decoration: none; color: White; text-align: center; }
#main-navigation > .menu-item:hover .submenu-level-1 { display: block;}
#main-navigation .submenu-level-1 { background-color: #0a7bb5;display: none; list-style-type: none; margin: 1px 0 0;position: absolute;padding-bottom: 5px; }
/*#main-navigation .submenu-level-1 > .menu-item { padding: 0; margin: 0;position: relative; }*/
#main-navigation .submenu-level-1 > .menu-item:hover > a { background-color: #0c5f92; }
#main-navigation .submenu-level-1 > .menu-item:hover .submenu-level-2 { display: block; }
#main-navigation .submenu-level-1 a { height: 28px; width: auto; color: #FFF;font: 500 16px/23px museo-sans, verdana; padding: 5px 0 0; }
#main-navigation .submenu-level-2 { list-style-type: none;padding: 0 0 0 1px;margin: 0;position: absolute;top: 100%;top: 0;left: 100%;display: none;width: 230px; }
#main-navigation .submenu-level-2 a { text-align: left;font: 500 16px/23px museo-sans, verdana;height: 23px; }
#main-navigation .search-box { background-repeat: no-repeat; background-position: right top; float: left; }

/* ======================================================================================
  Secondary areas of the page
====================================================================================== */
#topmenucontainer { position:absolute; top:27px; margin: 0 9px 0 12px; z-index:3001; }
#topmenu { margin:0; list-style:none; width:100%; height:103px; background:url(/lib/img/dbpage/page/altheader_bg.gif) no-repeat 0 0; }
#topmenu li { float:left; padding:78px 10px 0 10px; position:relative; }
#topmenu li ul li { display:none; }
#topmenu a { color:#F4F4FF; font-weight:bold; background:none; }
#header div.short #topmenu { height:120px; }
.short #topmenucontainer {  height:105px; }
#header div.medium { height:140px; }
.long #topmenucontainer {  background:url(/lib/img/media/images/discoverboating/headers/dogs.jpg) no-repeat 0 104px; height:315px; }
#highlightarea { height:150px; width:99%; background-color: #FFF; margin:10px 0 5px 0; overflow:hidden; }
#highlightareawrapper { height:150px; overflow:hidden; padding:3px 0; }
#highlightareawrapper .highlightbox { width:47%; float:left; margin-right:10px; padding-top:10px; }

#submenu { margin:10px 0; }
#submenu h4 { margin:10px; }
#submenu ul { list-style:none; }
#submenu li { margin-left:10px; font-weight:bold;  }
#submenu li.current { background:url(/lib/img/dbpage/currentsubmenu.jpg) no-repeat 5px 0; margin-left:-16px; padding-left:45px; padding-right:10px; }
#submenu li a { display:block; border-bottom:none; color:#039; padding:0 10px 0 20px; background: url(/lib/img/dbpage/arrow.gif) no-repeat 0 2px; }
#submenu li a:hover { border-bottom:none; text-decoration:underline; }

#boatstrip { clear:both; position:relative; margin-bottom:10px; }
.strip { background:url(/lib/img/dbpage/page/strip_bg.jpg) no-repeat top left; clear:both; }
.stripwrapper { background:url(/lib/img/dbpage/page/stripwrapper_bg.jpg) no-repeat top right; }

/* ======================================================================================
  Forms:
====================================================================================== */

.input { clear:both; }
.input label { width:120px; float:left; text-align:right; display:block; padding:2px 4px; }
.input .textbox { width:220px; }
.input .short { width:100px; }
/*.input { padding:2px; font-size:1em; font-family:Verdana, Helvetica, Arial, Sans-Serif; border:1px solid #999; }*/
.input label.apt { float:none; display:inline; padding-left:10px; }
.input input.apt { width:56px; }

.f-row { margin-bottom: 5px; }
.f-col { float: left; margin-left: 10px; }
.f-col:first-child { margin-left: 0; }
.f-label-side { float: left; display: block; width: 150px; text-align: right; margin-top: 2px; margin-right: 5px; }
.f-label-checkboxed { margin-bottom: 8px; }
.f-label-checkboxed input { float: left; display: block; }
.f-label-checkboxed .label { float: left; display: block; margin-left: 5px; width: 90%; }
.address2 .f-label-side { width: 40px; }
.address2 .textbox { width: 50px; }

.buttonarea { text-align:center; padding:5px; }

.dvd-form { background:#F4F4F4; border:5px solid #CCC; margin:5px 0; }
.dvd-form h3 { background:#666; color:#FFF; padding:10px; margin:0 0 0 0; font:normal 22px Sans-Serif; }
.dvd-form h4 { color:#333; padding:5px 0 0 15px; }
.dvd-form-content { padding:10px 0 0 0; }
.dvd-form .buttonarea { background:#666; color:#FFF; padding:10px; margin:20px 0 0 0; }
.dvd-address { padding:20px 0; }
.dvd-address .street { width:190px; }
.dvd-address .city { width:190px; }
.dvd-address .state { width:190px; }

.checkboxarea, .radiosarea { padding:5px 20px; }
.checkboxarea td, .radiosarea td { padding:5px 10px 0 0 !important; padding:0 10px 0 0; }
.checkboxarea div { padding:4px 0 !important; padding:0; }
.checkboxarea input { margin-right:4px !important; margin-right:0px; }
.radiosarea label{ vertical-align:bottom; }
.boattypes td { font-size:xx-small; }

.errorssummary { background:#FFFFCF url(/lib/img/icons/22/dialog-warning.png) no-repeat 10px 50%; margin:0; padding:10px 10px 10px 60px; }
.errorssummary ul { list-style-type:square; margin:0; padding:0; }
.errorssummary li { color:red; }

/* =================================================================== */

.formarea { border:1px solid #CCC; background:#EEE; padding:4px; }
.formarea .label { width:120px; float:left; text-align:right; padding:4px 4px 0 0; }
.formarea .textbox { width:220px; }
.formarea .extraquestions { padding:30px 30px 15px; }
.formarea .dropdownlist { width:150px; }
.formarea .required span { font-weight:bold; }
.formarea .validationsummary ul li{  background:url(/lib/img/icons/12/alert.gif) no-repeat 0 0; padding:1px 0 3px 20px; float:none; width:auto; height:auto; color:#f00; }

.required .questiontext, .required .label{ color:maroon; }
.question { padding:4px 0; border-bottom:1px solid #CCC; clear:both; }
.questiontext { float:left; width:320px; padding:4px 4px 4px 14px; }
.answeroptions { padding:0 0 0 40px; }

select, textarea { border:1px solid #CCC; margin:0 1px 1px 0; }

.form table.maintable { border:2px solid #3B62A2; }
.form label { letter-spacing: .02em; }
.form td.instructions { background: url(/lib/img/dbpage/forms/instructionscellbg.jpg) repeat-y right top; padding-left:10px; padding-top:20px; vertical-align:top; color:#FFF; }
.form label.right { text-align:right; display:block; padding-right:8px; }
.form h4 { font-family:Tahoma, Verdana, Helvetica, Arial, Sans-Serif; letter-spacing: .04em; margin-bottom:4px; }
.form td hr { border-bottom:1px dotted #CCC; margin:10px 0; }
.form .radiobuttonlist td { width:70px; }
.form .radiobuttonlist label { white-space:nowrap; }

.radiobuttonlist input, .checkboxlist input{ margin-right:5px; vertical-align:middle; }

.textbox, select, .dropdownlist, textarea { padding:2px; font-size:1em; font-family:Verdana, Helvetica, Arial, Sans-Serif; border:1px solid #999; }
.textbox { border:1px solid; border-color:#999 #CCC #CCC #999; margin:0 0 2px 0; }
.dropdownlist option { padding:0 2px; }
.dropdown { width:150px; }
.checkbox input { vertical-align:middle; margin-right:5px; }
.button { border:1px solid; border-color:#F7D7B7 #AB5C0E #AB5C0E #F7D7B7; background:#E67A13 url(/lib/img/dbpage/buttonbg.gif) repeat-x; color:#FFF; font:bold 12px Verdana; padding:2px 5px; margin:0; cursor:pointer; }
textarea { border:1px solid; border-color:#999 #CCC #CCC #999; padding:2px; }

#content .validationsummary1 ul li{  background:url(/lib/img/icons/12/alert.gif) no-repeat 0 0; padding:1px 0 3px 20px; float:none; width:auto; height:auto; color:#f00; font-weight:bold; }

#content .validationsummary { font-weight:bold; }
#content .validationsummary ul li{  background:url(/lib/img/icons/12/alert.gif) no-repeat 0 0; padding:1px 0 3px 20px; float:left; width:45%; height:20px; color:#f00; }
#content .validationsummary ul { padding-bottom:5px; }
#content .validationsummary ul:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.validator img { margin:0 3px; vertical-align:top; }

#sendtoafriend { width:420px; margin-left:-210px; height:250px; position:absolute; top:180px; left:40%; background:#FFF; border:4px solid #3B62A2; padding:5px; background:#F4F4F4; }
#sendtoafriend h3 { margin:0 0 20px 0; border-bottom:1px solid #CCC; padding:5px; }
#sendtoafriend label { width:150px; float:left; text-align:right; padding-right:5px; font-weight:bold; }
#sendtoafriend .textbox { width:200px; }

#typedetailform { background:#F4F4F4; border:1px solid #CCC; padding:5px; }
#typedetailform .label { width:100px; float:left; text-align:right; padding:4px 4px 0 0; }
#typedetailform .textbox { width:220px; }
#typedetailform .extraquestions { padding:30px 30px 15px; }
#typedetailform .dropdownlist { width:150px; }
#typedetailform .required span { font-weight:bold; }
#typedetailform .validationsummary ul li{  background:url(/lib/img/icons/12/alert.gif) no-repeat 0 0; padding:1px 0 3px 20px; float:none; width:auto; height:auto; color:#f00; }

/* ======================================================================================
  Main styles
====================================================================================== */
hr.clear, p.clear { clear:both; height:1px; overflow:hidden; margin:0; padding:0; width:90%; visibility:hidden; border:0; }
.clear { clear:both; }
.right { float:right; margin:0.4em 0 10px 10px; }
.left { float:left; margin:0.4em 10px 10px 0; }
.middle { vertical-align:middle; }
a.more { font-weight:bold; }
.go-up { text-align:right; }
.go-up a { background:url(/local/img/icons/16/arrow-up.gif) no-repeat; padding:2px 2px 2px 20px; }
ul.square { list-style-type:square; }
.arrow li, .bulleted li{ background:no-repeat 0 2px; padding-left:18px; }
.bulleted li { background-image:url(/lib/img/dbpage/bullet.gif); }
ul.twocols { margin:10px 0 10px 10px; padding:0; /* width has to be set inline */ }
ul.twocols li { display:block; width:48%; margin-right:5px; float:left; }
.arrow li{ background-image:url(/lib/img/dbpage/arrow.gif); }
div.twocols{ width:47%; padding-right:10px; _padding-right:15px; float:left; }

ul.fourcols { width:25%; margin:0; padding:0; float:left; }
img.photo { border:1px solid #BBB; padding:3px; background:#FFF; }
p.errormessage { border:1px solid red;  }

/* ======================================================================================
  Promobar
====================================================================================== */
#promowrapper { min-height:300px; margin:0; padding:20px 0 5px 8px; background:url(/lib/img/dbpage/page/sidetop.jpg) no-repeat top left; }
#promo { float:left; width:250px; overflow:hidden; background:#FFF url(/lib/img/dbpage/page/side_bg.jpg) repeat-y; _margin-left:1px; }
#promo h3 { color:#002FA7; font-weight:bold; line-height:1em; margin-top:0.2em; }
#promo h4 { color:#002FA7; line-height:1em; margin-top:0.3em; }
#promo ul { margin-left:0; }
#promobottom { _height:85px; min-height:85px; background:url(/lib/img/dbpage/page/sidebottom.jpg) no-repeat bottom left; padding:5px 20px 25px 15px; }
#promobottom hr { border-bottom:1px solid #3D6A94; }
.promobox { margin:0 0 2px 0; padding:5px 10px 5px 5px; }
.promoover { background:url(/lib/img/dbpage/promobarhighlight.gif) no-repeat 0 10px; margin-left:-40px; padding-left:45px; }
#searchbox { margin:0 0 10px 0; padding:11px 10px 10px 10px; }
#searchbox .text { background-image:url(/lib/img/icons/16/system-search.gif); background-repeat:no-repeat; background-position:98% 50%; }
.searchbox { position:relative; }
.searchbox input.text { border:1px solid; border-color:#000 #CCC #CCC #000; background:#FFFFDF; font-family:Tahoma, Verdana; font-size:12px;  padding:3px 0 3px 2px; width:178px; vertical-align:baseline; }
.searchbox input.button { position:absolute; right:10px; font-size:11px; font-weight:bold; font-family:Verdana; color:#333; border:1px solid #CCC; border-color:#CCC #000 #000 #CCC; cursor:pointer; background:#EEE; height:22px; }

.promobanner a { color:#FFF; padding:3px 0; border:0; background-color:transparent; display:block; text-align:center; }
.promobanner a:hover { border:0; background-color:#B3D3EF;  }
.promobanner p { color:#000; text-align:center; }

/* ======================================================================================
  Page Layout:
====================================================================================== */
.nobar #content, .flow #content, .flow #promo { width:958px; }
.nobar #contentwrapper { margin:0 0 5px 18px; }


.flow #promo, .flow #promowrapper { background:none; }
.flow #promobottom { display:none; }
.flow .promosearch { width:245px; float:left; }
.flow .promobanner { width:700px; float:left; }
.flow .promobanner a { display:block; width:230px; height:75px; float:left; overflow:hidden; text-align:center; padding:0; }
.flow #submenu { margin-left:20px; }
.flow #submenu li.current { background:none; }

/* ======================================================================================
  Site Map
====================================================================================== */
.sitemap ul { margin-left:15px; }
.sitemap li { float:left; width:250px; }
.sitemap li li { float:none; }
.sitemap li a { font-weight:bold; }
.sitemap li li a { font-weight:normal; }
.sitemap li.clear { clear:both; width:90%; float:none; height:1px; }

/* ======================================================================================
  Homepage:
====================================================================================== */
.lefthalf, .righthalf { width:47%; float:left; }
.lefthalf {  margin-right:5%; }

.eventslist ul{ margin:0; padding:0; list-style:none; }
.eventslist li { min-height:2.8em; background:url(/lib/img/icons/20/event.gif) no-repeat left 5px ; padding-left:25px; }
.eventslist li span { display:block; margin:3px 0 0 5px; font-size:0.9em; }

.icon { padding-left:20px; }

/* ======================================================================================
 Section Home pages
====================================================================================== */
#sectionhome div { float:left; width:47%; padding:8px 1% 0 1%; min-height:100px; _padding:10px 10px 0 10px; }
#sectionhome h3 { font-size:1.1em; font-weight:bold; }
#sectionhome h3 a { background:url(/lib/img/icons/16/right.gif) no-repeat right bottom; padding-right:25px; border:0; } 
#sectionhome h3 a:hover { background-color:#FFF7EB; }
#sectionhome hr { height:1px; border-bottom:1px solid #CCC; margin:0; padding:0; clear:both; }
#sectionhome img { margin:0; padding:0 0 10px 10px; }

/* ======================================================================================
  Flying Labels
====================================================================================== */
#nicetitlecontainer{ border: 2px solid #2F507F; background-color: #3E62BB; }
div.nicetitle{ font-size: 10px; left: 0; padding: 7px; position: absolute; top: 0; text-align:left; width: 25em; z-index: 100; width: auto; height: auto; }	
div.nicetitle p { margin: 0; padding-bottom: 3px; font-weight:bold; font-size:10px; color:#fff; }
div.nicetitle p.destination { color: #fff; font-weight: normal; font-size: 10px; padding-bottom: 0px; text-align: left; }

/* ======================================================================================
  Icons for titles
====================================================================================== */
.iconized { margin:25px 0; }
.iconized h4 { background:no-repeat; min-height:30px; _height:30px; padding:10px 0 0 45px; }
.floatingbox { width:50%; float:left; }
ul.checklist li { background:url(/local/img/icons/16/checkbox.gif) no-repeat 0 3px; padding-left:20px; }
ul.chklistindex li { width:50%; float:left; padding:0; }

/* ======================================================================================
  Events Calendar:
====================================================================================== */
#eventdetails h3 { margin-top:20px; }
#eventdetails address, #eventdetails .contact { font-style:normal; padding:0 0 0 30px; margin:10px 0 0 10px; }
#eventdetails address { background:url(/lib/img/icons/20/venue.gif) no-repeat; }
#eventdetails .contact { background:url(/lib/img/icons/20/contact.gif) no-repeat; }
#eventdetails .container { float:left; width:49%; }

#eventdetails .directions { background:#F4F4F4; border:1px solid #CCC; padding:15px; margin:10px 0; }
#eventdetails .directions label { display:block; width:120px; padding:0 4px 0 0; float:left; }
#eventdetails .directions .button { margin:10px 0 0 140px; }

#directions .fromto, #directions .summary { background:url(/lib/img/dbpage/dot.gif) repeat-x left bottom; padding:5px; }
#directions .summary { margin-bottom:10px; }
#directions .summary p { margin:0; padding:0; }
#directions .fromto dl { float:left; width:300px; padding:0px; margin:0px; }
#directions .fromto dt { margin:0; }
#directions .fromto dd { margin:0; }


#calendar table, #calsearch table{ width:100%; margin:10px auto; border:2px solid #F4F4F4; }
#calendar thead, #calsearch thead{ text-align:center; font-weight:bold; font-size:11px; }
#calendar th, #calsearch th { padding:3px; background-color:#F3F3F3;  vertical-align:middle; border:1px solid; border-color:#FFF #DDD #DDD #FFF; }
#calendar img, #calsearch img { vertical-align:middle; margin:0 5px; }
#calendar th, #calsearch th  { text-align:center; }
#calendar td, #calsearch td { padding:3px 5px; border-bottom:1px solid #EEE; font-size:11px; }
#calendar tr.alt td, #calsearch tr.alt td { background-color:#F4F4F4; }
#calendar td.eventname {  }
#calendar td.eventdate { white-space:nowrap; text-align:center; }
#calendar td.location { text-align:right; width:200px; }
#calendar blockquote { margin:5px 0 0 35px; }

#calsearch { margin-top:2em; padding-top:13px; }

#findshow ol { font-weight:bold; }
#findshow a { font-weight:normal; }

/* ======================================================================================
  Articles:
====================================================================================== */
.articlepreview { width:48%; float:left; margin:0 10px 20px 0; }
.articlepreview img { float:left; margin:0 10px 10px 0; }
.articlepreview h4 { margin:0; padding:0 0 0 110px; }
.articlepreview p { padding-left:102px; }
.article { margin-bottom:20px; }

/* ======================================================================================
  Bookstore:
====================================================================================== */
#bookstore hr { clear:both; height:1px; border:0; border-top:1px dashed #CCC; }
#bookstore h3 img{ margin:3px 0 0 5px; }
#bookstore a { font-weight:bold; }
#bookstore .bookimg { float:right; width:100px; height:100px; overflow:hidden; padding:5px; margin:0 0 10px 10px; text-align:right; }

ul.bookcategories { list-style-image:url(/lib/img/dbpage/arrow.gif); list-style-position:outside; margin-left:30px; margin-top:20px; }
ul.bookcategories li{ margin-bottom:5px; padding-left:5px; }

/* ======================================================================================
  Magazines:
====================================================================================== */
#magazines .magazineinfo { display:block; float:left; width:45%; margin:0 0 15px 15px; padding:5px; border:1px solid #FFF; }
#magazines .magazineinfo input { margin:0px 5px 0 0; vertical-align:middle; }
#magazines .buttonarea { text-align:center; padding:10px; }
#magazines .selected { border:1px solid #CCC; background:#F4F4F4; }


/* ======================================================================================
  Beginner:
====================================================================================== */
table.bordered td { padding:4px; border:1px solid #EEE; font-size:0.85em; }

/* ======================================================================================
  Choosing:
====================================================================================== */
.choosingactivity div { width:30%; float:left; height:240px; padding:10px 0 0 10px; }

/* ======================================================================================
  Resources:
====================================================================================== */
#boatingramps { width:100%; margin:10px auto; border:2px solid #F4F4F4; font-size:0.85em; }
#boatingramps thead { text-align:center; font-weight:bold; }
#boatingramps thead td { padding:3px; background-color:#F3F3F3;  vertical-align:middle; border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #DDD; border-bottom:1px solid #DDD; }
#boatingramps tbody td { text-align:center; padding:2px 3px;  border-bottom:1px solid #CCC; vertical-align:middle; }
#boatingramps tbody tr.alt  td { background-color:#F6F6F6;  }
#boatingramps tbody tr.hidden td { background-color:#FFFFCC; border-top:1px solid #CCCCAA; border-bottom:2px solid #EEC; }
#boatingramps tbody tr.hidden td label { float:left; width:150px; text-align:right; margin: 3px 10px;  }
#boatingramps tbody tr.hidden td strong { float:left; width:90px; text-align:left; margin: 3px 0px; } 
#boatingramps tbody tr.hidden td em { float:left; width:400px; text-align:left; margin: 3px 0px; font-weight:bold; } 
#boatingramps .clear { clear:left; }
#boatingramps a:hover { border:0; }

/* Boating Guy: */
.boatingguy .indent { padding-left:20px; }

/* Community: */
.community div { float:left; width:40%; margin:0 0 0 20px;  }

/* Glossary: */
#glossarynav { margin:8px 0 20px 0; word-spacing:-5px; }
#glossarynav a { border:1px solid #CCC; background:#EEE; margin:1px; padding:4px 6px; font-weight:bold; font-size:0.8em; line-height:3em; }
#glossarynav a.active { border:3px solid #CCC; background:#EEE; margin:1px; padding:6px 8px; }
#glossary dl{ margin:20px; }

/* Ceftified List: */
.certlist li { display:block; float:left; width:33%; }


/* 4 Steps: */
#steps { margin:20px 0; text-align:center; }
#steps a { border:1px solid #CCC; background:#EEE; margin:1px; padding:4px 8px; font-weight:bold; font-size:0.8em; }
#steps a.active { border:3px solid #CCC; background:#EEE; margin:1px; padding:6px 10px; }
#stepinfo ul { list-style:none; }
#stepinfo li { display:none; }

/* Activities: */
#activities p { padding-left:5px; }

/* Certified Dealers */
.certifieddealers { margin-top:20px; }
.certifieddealers .dealership { width:220px; height:100px; float:left; padding:0 5px 0 0; }

/* ======================================================================================
  Search:
====================================================================================== */
.search { padding:15px 0 10px 0; text-align:center; }
.search .textbox { width:205px; background:#FFFFDF; border-color:#000 #CCC #CCC #000; height:1.2em; vertical-align:top; padding:2px; }
.search .button { vertical-align:top; height:1.8em; }

#search { padding:5px; overflow:hidden; font-size:1em; }
#search table td{ font-size:1em; }
#search table td.t{ font-size:0.8em; }
#search form{ text-align:center; padding:20px; }
#search input.text{ border:1px solid #7F9DB9; background:#EEE; letter-spacing:normal; }
#search p{ margin:20px 0; }
#search img{ vertical-align:middle; }
#search .imgtips{ vertical-align:middle; margin:3px; }
#search a span.l{ }
#search .f{ color:#999; }
#search .s_url{ color:#008000; }
#search .s_infobar { margin:5px 0; border:1px solid #CCC; }
#search .s_infobar td{ background:#EEE; padding:5px; }
#search .s_navigationbar { margin:40px 0 0 0; text-align:center; font-size:0.8em; }
#search .s_navigationbar span a{ background:#EEE; border:1px solid #CCC; margin:2px; padding:3px; text-decoration:none; color:#000; }
#search .s_navigationbar span a:hover{ background:#666; border:1px solid #666; color:#FFF; }
#search .s_navigationbar span.i{ margin:2px; padding:2px; font-weight:bold; }
#search .s_searchbox { text-align:center; padding:10px 0 10px 0; }
#search .radios { padding:10px; }
#search .radio { vertical-align:middle; }
#search hr { margin-top:20px; }
#search blockquote { background:url(/lib/img/icons/20/pointer.gif) no-repeat; padding:0 0 0 20px; margin:0 0 0 20px; }
#search .strong { font-weight:bold; }

#accounts { margin-top:20px; background:url(/lib/img/dbpage/dashedvertical.gif) repeat-y 50% top; font-size:0.85em; }
#accounts .account { width:47%; float:left; margin:10px 0 10px 2%; } * html #accounts .account { margin:0px; padding:5px 20px 5px 5px; }
#accounts address { font-style:normal; padding:5px 0 5px 26px; background:url(/lib/img/icons/20/email.gif) no-repeat 0 5px; }
#accounts p.phone { background:url(/lib/img/icons/20/phone.gif) no-repeat;  padding-left:26px; }
#accounts p.web { background:url(/lib/img/icons/20/global.gif) no-repeat 4px 0; padding-left:26px; }
#accounts p.web a { font-weight:bold; }

/* boattypes control */
.boattype { width:47%; float:left; margin-bottom:20px; }
.item { margin-right:25px; }
.boattype h3 { font-size:1em; font-weight:bold; }
.boattype img { float:right; }
.boattype a { padding:0; margin:0; }
.boattype .link { padding-left:25px; }

.boattypessimple { margin:20px 0 20px 10px; }
.boattypessimple a { display:block; overflow:hidden; width:105px; height:105px; float:left; border:1px solid #CCC; text-align:center; margin:1px; padding:0 1px 2px 1px; color:#049; font-size:0.9em; }
.boattypessimple a:hover { border:1px solid #FA8800; background:none; }


/* ======================================================================================
  Loan Calculator
====================================================================================== */

.ui-tabs-hide { display: none; }
#loan-calculator { position: relative; width: 538px; margin: 20px 55px; }
#loan-calculator .ui-tabs-panel { background-color: #FFF; border: solid 1px #888; border-width: 0 1px 1px; z-index: 20; position: relative; padding: 20px 30px 22px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
#loan-calculator .ui-tabs-panel ol { padding: 0; margin: 0; list-style-type: none; }
#loan-calculator .ui-tabs-nav { list-style-type: none; padding:0; margin:0; font: 900 18px museo-sans, sans-serif; text-transform: uppercase; z-index: 10; position: relative; }
#loan-calculator .ui-tabs-nav li { background-color: #f0f1f1; border: solid 1px #888; float: left; width: 267px; padding:0; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.1) inset; z-index: 10; position: relative; padding:0; }
#loan-calculator .ui-tabs-nav a { padding: 7px 0; display:block; color: #027BB4; text-align: center; }
#loan-calculator .ui-tabs-nav a:hover { background: none; border: none; }
#loan-calculator .ui-tabs-nav li.ui-state-active { background-color: white; border-bottom: none; z-index: 40;3 }
#loan-calculator .ui-tabs-nav li.ui-state-active a { color: #EF8402; padding-bottom: 8px; }
#loan-calculator .monthly-payment-toggle.ui-state-active {margin-right: -1px; width: 268px;box-shadow: 3px -1px 3px rgba(0, 0, 0, 0.33);}
#loan-calculator .total-loan-amount-toggle.ui-state-active {margin-left: -1px; width: 268px;box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.33);}
#loan-calculator .step-number { float: left; font: normal 36px bello-pro-1; color: #027BB4; line-height: 50px; }
#loan-calculator .step-title { float: left; font: 700 14px museo-sans, sans-serif; color: #888; display: block; width: 265px; margin: 24px 10px 0 10px; }
#loan-calculator .step-input { background: #FFF; border: solid 1px #C3C3C3; border-top-color: #7C7C7C;border-bottom-color: #DDD; float: left; margin-top: 23px; padding: 3px; }
#loan-calculator .step-input.textbox { width: 80px; }
#loan-calculator .step-units { float: left; font: normal 30px bello-pro-1; color: #888; display: block; margin: 10px 0 0 5px; }
#loan-calculator .calculate-action { background: url('images/calculate-button-bg.png') repeat-y left top; display: block; width: 123px; height: 35px; padding:0; border: none; border-radius: 6px; text-indent: -9999px; font-size:0; line-height: 0; overflow:hidden; cursor: pointer; float: left; }
#loan-calculator .calculation-result-verbiage { float: left; font: 300 20px museo-sans, sans-serif; color: #888; margin: 4px 0 0 11px; }
#loan-calculator .loan-calculation-result { color: #027bb4; font: 700 20px museo-sans, sans-serif; }
#loan-calculator .calculation-step { margin-bottom: 8px; }
#loan-calculator .loan-calculator-controls { padding-top: 10px; }
#monthly-payment-calculation .step-number { color: #007AB5; }
#total-loan-amount-calculation .step-number { color: #EF8201; }
.foot-remark { font: italic 500 12px museo-sans, sans-serif; color: #888; }


/* ======================================================================================
  Cost comparison tool
====================================================================================== */
.activities-of-interest { width: 647px; font: 300 14px museo-slab, verdana;}
.activities-of-interest thead { font-size: 12px;color: #7B7B7B;}
.activities-of-interest th { padding-bottom: 10px; }
.activity-of-interest { height: 31px; line-height: 30px;}
.activity-of-interest td {border-bottom: solid 1px #D9D9D9;padding: 0;}
.activity-cost { width: 77px; padding: 7px !important; color: #FFF;height: 17px;font-size: 14px;vertical-align: middle; }
.activity-cost-header { width: 77px; }
.activity-of-interest.selected .activity-cost {background-color: #127BB4; }
.activity-count { float: right; }
.activity-of-interest .f-tick-label { display: block; }
.activity-of-interest .tick { float: left; margin-top: 10px; }
.activity-of-interest .activity-title { display: block; width: 350px;float: left;margin: 0;text-transform: uppercase;color: #127bb5;font: normal 16px museo-slab, verdana;line-height: 30px;padding-left: 5px; }
.activity-of-interest .activity-count { width: 32px;height: 15px;margin: 5px 15px 0 0;text-align: center;color: #888;font: normal 14px museo-slab, verdana;padding: 2px; display: none;}
.activity-of-interest input.activity-count {border: solid 1px;border-color: #7c7c7c #c3c3c3 #DDD;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);}
.cost-comparison-tool { padding-left: 10px;width: 645px;font-family: museo-slab, verdana; }
.cost-comparison-tool .step-introduction { text-transform: uppercase;font: 300 14px museo-slab, verdana; }
.cost-comparison-tool .step-heading {font: normal 18px museo-sans, sans-serif; color: #8D8D8D;border-bottom: solid 3px #EF8404;padding: 0 0 7px 10px;line-height: 1em;margin: 0 0 0 -10px; }
.cost-comparison-tool .step-number {font: normal 50px bello-pro-1, verdana; color: #EF8404;line-height: 1em; }
.boat-cost-options { list-style-type: none;margin-top: 10px; }
.boat-cost-option { float: left;margin-right: 3px;margin-bottom: 10px; }
.boat-cost-option .tick { float: left;  }
.boat-cost-option .tick-text { margin-left: 5px;width: 125px;display: block;float: left;color: #127BB4;font: 700 14px museo-sans, sans-serif; }
.section-disclaimer { font: normal 13px museo-sans, sans-serif;color: #6D6D6D; }
.bottom-line .activity-title { font-weight: 900; }
.bottom-line .activity-cost { background-color: #f08501; }


/* ======================================================================================
  Lighthouse:
====================================================================================== */
#lighthouseform { background:#EEE; border:1px solid #CCC; margin:20px 0; padding:20px; font-size:0.8em; }
#lighthouseform label { width:80px; float:left; text-align:right; padding-right:7px; }
#lighthouseform input.textbox { width:200px; }
#lighthouseform input.button { margin:10px 0 0 100px; }
#lighthouseform span{ background:url(/lib/img/icons/12/alert.gif) no-repeat 5px 0; padding-left:25px; }

div.minipoll { padding:0 20px 5px 115px; background-repeat:no-repeat; margin:0; }
div.minipoll_cruising { background-image:url(/local/img/general/cruising.jpg); }
div.minipoll_fishing { background-image:url(/local/img/general/fishing.jpg); }
div.minipoll_sailing { background-image:url(/local/img/general/sailing.jpg); padding-top:25px; }
div.minipoll_watersports { background-image:url(/local/img/general/watersports.jpg); }
div.minipoll h3 { font-size:2em; text-transform:uppercase; padding-top:25px; font-family:Arial,Verdana,Sans-Serif; border-top:1px solid #BBB;  }
div.minipoll_sailing h3 { margin-top:10px; }
div.minipoll_cruising h3 { border-top:0; }
div.minipoll h4 { display:none; }
div.minipoll .option { padding:1px 0; }
div.minipoll .option em { color:#999; font-style:normal; }
div.minipoll .option input { width:25px; padding:0 5px; vertical-align:middle; }
div.minipoll div.surveybutton { margin-top:13px; }
div.minipoll div.surveybutton a { display:block; width:75px; height:25px; background:url(/local/img/buttons/vote.jpg) no-repeat; }
div.minipoll div.surveybutton a strong { display:none; }
div.minipoll div.surveybutton a:hover { background-image:url(/local/img/buttons/vote_over.jpg); border:0; text-decoration:none; }
div.minipoll td { width:260px; }
div.minipoll td.total { width:180px; }
div.minipoll td.numbers { width:110px; font-size:0.9em; padding:0 5px; }
div.minipoll td.total div.total { height:3px; margin-top:5px; padding:1px; border:1px solid #CCC; }
div.minipoll td.total div.current { height:3px; background-color:#0248AA; }
/* ======================================================================================
  Alpha Key
====================================================================================== */
div.alphakey { width:180px; border:none; padding:0 0 1px 1px; float:left; }
div.alphakey div { float:left; padding:1px; border:1px solid #DDD; color:#DDD; margin:1px 1px 0 0; width:15px; _width:17px; height:1.2em; text-align:center; }
div.alphakey a, div.alphakey span { display:block; width:22px; float:left; border:1px solid #CCC; background:#EEE; margin:0 1px 1px 0; padding:0; font-weight:bold; font-size:0.8em; line-height:2em; text-align:center; }
div.alphakey a.active { border:1px solid #FCC; background:#FEE; }
div.alphakey span { color:#CCC; }
div.alphakey .textbox { width:70%; height:17px; font-size:0.9em; border:1px solid #333; clear:both; }
div.alphakey .button { width:22%; height:20px; font-size:0.8em; padding:1px; margin:0; margin-bottom:1px; }

div.alphakeyinline a, div.alphakeyinline span { border:1px solid #CCC; background:#EEE; margin:0px; padding:4px 5px; font-weight:bold; font-size:0.8em; line-height:3em; }
div.alphakeyinline a.active { border:4px solid #666; color:#000; }
div.alphakeyinline span { color:#CCC; }

.infocard { width:47%; float:left; background:#F4F4F4; margin:0 15px 15px 0; min-height:93px; _height:93px; border:1px solid #EEE; }
.certified { background:url(/lib/img/logos/nmma/certified/50.gif) no-repeat 99% 99% #F4F4FF; }
.bigcard { min-height:155px; _height:155px; }

.infocard h4 { padding-left:6px; }
.infocard .details { padding:4px 20px; }
.infocard .address { background:url(/lib/img/icons/20/email.gif) no-repeat 2px 2px; padding:4px 0 2px 25px; }
.infocard .web { background:url(/lib/img/icons/20/global.gif) no-repeat 2px 2px; padding:4px 0 2px 18px; }
.infocard .dealers { background:url(/lib/img/icons/20/person.gif) no-repeat -4px 0; padding:2px 0 2px 18px; }
.infocard .phone { background:url(/lib/img/icons/20/phone.gif) no-repeat -3px 0; padding:2px 0 2px 18px; }
.infocard .fax { background:url(/lib/img/icons/20/unknown.gif) no-repeat -3px 0; padding:2px 0 2px 20px; }
.infocard a { border-bottom:1px solid #F4F4F4; }


.dealerlocator { border:1px solid #CCC; padding:20px; background:#F4F4F4; }

label.left { float:left; }
.reqtext { font-size:0.8em; }

/* ======================================================================================
  Marinas and Ramps
====================================================================================== */
#marinasandramps h4 { border-top:1px solid #EEE; padding-top:5px; }
.ramp { width:45%; float:left; padding:15px 0 0 10px; }

/* ======================================================================================
  Press Room
====================================================================================== */
#pressreleases { margin:20px 0; padding:0; }
#pressreleases li { clear:both; }
.prdate { display:block; width:17%; float:left; text-align:right; padding-right:10px; font-weight:bold; font-size:11px; }
.prheadline { width:75%; float:left; }
.prheadline a { font-weight:bold; }
.prheadline div { margin:5px 5px 5px 15px; }

.releasedate span { display:block; width:250px; float:right; }
.releasecontent { margin:20px; }

/* ======================================================================================
  Destination Rating
====================================================================================== */
#vote .rating { float:right; }
.rating { background:#EEE; padding:5px; width:170px; min-height:90px; _height:90px; margin:5px; }
.ratingtitle { border-bottom:1px solid #CCC; padding-bottom:5px; margin-bottom:5px; font-weight:bold; text-align:center; }
.rated, .rate { text-align:right; padding:0 20px 8px 0; }
.ratings { text-align:center; }



#ve-map { z-index:1; }
#ve-map a, #ve-map a:hover { background:none; text-decoration:none; }
.images img { background:#EEE; }
.images img { border:1px solid #CCC; padding:2px; margin:2px; background:#FFF; }

#add-place-form { position:absolute; top:100px; width:340px; left:30px; border:1px solid #CCC; background:#FFF; padding:20px; z-index:2; }
#add-place-form div { text-align:right; }
#ve-map-places { position:absolute; top:200px; right:100px; border:1px solid #CCC; background:#FFF; padding:20px; }
#ve-images img { border:1px solid #CCC; padding:2px; margin:2px; float:left; }
iframe { border:0; }

/* --------- CALENDAR TABLE -------- */

.calendar { margin:20px 0; border:1px solid #B7AF91; border-top:2px solid #B7AF91; font-size:11px; }
.calendar a { text-decoration:none; }
.calendar a:hover { text-decoration:underline; }
.calendar table { border:1px solid; border-color:#FFF #D8D2BD #D8D2BD #FFF; border-left:0; }
.calendar thead { background:#EFEBDB; font-weight:bold; }
.calendar th { padding:3px; text-align:center; border-left:1px dotted #CCC; }
.calendar td { padding:4px; border-top:1px solid #B7AF91; border-left:1px dotted #CCC; }
.calendar td.newwin { padding:0 2px; text-align:center; }
.calendar td.cdate { text-align:right; padding-right:10px; }
.calendar td.flag { text-align:center; width:50px; }
.calendar tr.alt td { background:#F5F6F3; }
.calendar th a { display:block; }
.calendar th a.sortASC { display:block; background:url(/lib/img/ui/arrows/down.gif) no-repeat right 0; }
.calendar th a.sortDESC { display:block; background:url(/lib/img/ui/arrows/up.gif) no-repeat right 0; }

.eventinfo { font-size:1.1em; }
.eventinfo a { text-decoration:none; }
.eventinfo ul { list-style-type:square; margin:5px 20px; }
.eventinfo .contact { border:1px solid #D4D4DD; background:#F4F4F4 url(/lib/img/icons/22/contact-new.gif) no-repeat 5px 7px; padding:5px 5px 5px 35px; margin:3px; }
.eventinfo .companycard { background:#F4F4F4 url(/lib/img/icons/22/edit-copy.gif) no-repeat 6px 8px; padding:5px 5px 5px 35px; border:1px solid #CCC; margin:3px; }
.eventinfo .location { background:#F4F4F4 url(/lib/img/icons/22/maps.gif) no-repeat 6px 8px; padding:5px 5px 5px 35px; border:1px solid #CCC; margin:3px; }
.eventinfo .when { background:url(/lib/img/icons/22/x-office-calendar.gif) no-repeat 6px 2px; padding:5px 5px 5px 35px; margin:3px; font-size:larger; font-weight:bold; }
.editiondetails { border:1px solid #D4D4DD; background:#F4F4F4 url(/lib/img/accessories-text-editor.gif) no-repeat 5px 7px; padding:5px 5px 5px 35px; margin:3px;}
.paging { height:30px; }
.paging a { display:block; width:20px; text-align:center; padding:3px; float:left; border:1px solid #CCC; margin:2px; font-weight:bold; font-size:11px; }
.paging a:hover { border:1px solid #000; }
.paging a.prev { width:100px; background:url(/lib/img/ui/arrows/previous.gif) no-repeat right 3px; }
.paging a.next { width:100px; background:url(/lib/img/ui/arrows/next.gif) no-repeat 0 3px; }
.paging a.current, .paging a.current:hover { text-decoration:none; border:0; background:none; color:#333; }

.eventsearchbox .inputfield { clear:both; padding:1px 0; }
.eventsearchbox .inputfield .label { width:100px; padding:4px 4px 0 0; text-align:right; display:block; float:left; }
.eventsearchbox .required .label { color:maroon; font-weight:bold; }
.eventsearchbox input { font-size:12px; padding:1px; }
.eventsearchbox input.text, .eventsearchbox textarea { border:1px solid #666; width:220px; padding:2px; background:#F4F4F4; height:auto; }

.holder { border:1px solid #B7AF91; margin:20px 0; font-size:11px; }

/*==================================================================*/
/*=  Login
/*==================================================================*/
.login { padding:20px; width:50%; float:left; }
.login input.text { width:200px; font-size:114%; padding:2px 5px; }
.login div.clearafter label { display:block; width:80px; text-align:right; float:left; padding:3px 5px; }
.login div.rememberme { padding:5px 0 5px 70px; margin:15px 40px 10px 20px; border-top:1px dotted #06234B; border-bottom:1px dotted #06234B; }
.login div.rememberme em { display:block; padding-left:27px; font-size:82%; font-style:normal; }
.login div.rememberme label { padding-left:5px; }
.login div.passwordrecovery { padding:5px; margin:10px; }
.login p.alert { color:red; margin:10px 0; }


/*==================================================================*/
/*=  Social bookmarking
/*==================================================================*/
#social { width:100%; text-align:left; margin:0; padding:0; }
#sociallinks { margin: 5px auto; padding: 10px; background:#FFF; border: 1px solid #DFDFDF; }
#sociallinksheader { font-size: 10px; font-weight:bold; color:#F66800; width:160px; text-transform: uppercase; font-family: Verdana, Arial; clear:both; }
#sociallinks div { width:26px; margin:0px; float:left; vertical-align:middle; }
#sociallinks a { display:block; text-decoration:none; border:1px solid #FFF; padding:2px 2px; white-space:nowrap; }
#sociallinks a:hover { border:1px solid #DB9; background:#FFF8F1; }
#sociallinks a img { padding-bottom:1px; vertical-align:middle; width:20px; height:21px; }

/*==================================================================*/
/*  New design
/*==================================================================*/


#topmenucontainer #logo {height:83px;}
#topmenucontainer #logo img {float:left;margin:0 0 0 20px;}
#topmenucontainer #logo .links {float:right;margin:12px 10px 0 0;}
#topmenucontainer #logo .links  span {display:inline-block;height:20px;margin: 0 5px; color:#FFF;}
#topmenucontainer #logo .links a { cursor:pointer; color:#FFF; }
#topmenucontainer #logo .links a:hover {border:none;background-color:transparent;}
#topmenucontainer #logo .social-links {float:right;margin:10px 3px 0 0;clear: right;}
#topmenucontainer #logo .like {float:right;width:82px;}
#topmenucontainer #logo .gplus {float:right;width:40px;}
#topmenucontainer .search-box {float:right;}
#topmenucontainer .search-container {float: right;margin: 5px 10px 0 0;}

#topmenucontainer .social-links .google-follow {overflow:hidden; width:69px; height:20px;float:right;margin: 0 0 0 5px;}
#topmenucontainer .social-links .google-follow .google-follow-inner {margin:-20px 0 0 -51px;}
#topmenucontainer .social-links .google-follow-link {text-decoration:none;float:right;padding: 0;}
#topmenucontainer .social-links .google-follow-image {border:0;width:20px;height:20px;}
#topmenucontainer .social-links .google-follow-link:hover { border: none;background-color: inherit;color: inherit;}

.nmma-loader { width:20px; height:20px; background:url(/lib/img/icons/16/loader.gif) no-repeat center center; }

.nmedium {background:url(/lib/img/dbpage/page/headerwrapper_bg.jpg) no-repeat top right; height:140px;}
.ncontent { min-height:500px; padding:0; margin:0 0 0 12px;  _margin:0 0 0 6px; clear:both; float:left; width:685px; overflow:hidden; z-index:901;}
.ncontentwrapper { margin:0px 12px 0 18px; }
.rightside {float:right; width:271px; margin: 0 26px 0 0; overflow:hidden;}
.nbottom {margin:0 0 0 12px; _margin:0 0 0 6px; clear:both; overflow:hidden;}
.nbottomwrapper {margin:0px 12px 0 18px;}
.footerbar {background-color:#FF6600;height:5px;margin: 16px 30px;}
.nsubmenu {width:265px;margin:0 5px; background:url(/shared/images/discoverboating/landingpage/sub_nav_box_bg.gif) no-repeat top center;}
.nsubmenu .nsubmenuheader { width:263px;height:53px; }
.nsubmenu .nsubmenuheader h4 { color:#FFF; font-size:22px; line-height:20px; font-family:"museo-slab",sans-serif; font-weight:900; text-align:center; padding:19px 10px; }
.nsubmenu .nsubmenucontent { width:260px;margin:-44px 0 0 0;padding:44px 0 0 0;}
.nsubmenu ul {list-style-type:none; margin: 12px; }
.nsubmenu li {width:243px; margin:0 0 2px 0;}
.nsubmenu li span {display:block; overflow:hidden; float:left; width:180px; height:29px; width:184px; padding: 5px 0 5px 10px; color:#027bb4; font-size:13px; font-family:museo-sans, Serif; font-weight:900; background:url(/shared/images/discoverboating/landingpage/sub_nav_link_bg.gif) no-repeat top left;}
.nsubmenu li span a {color:#027bb4;}
.nsubmenu li span a:hover {border:none;background-color:transparent;}
.nsubmenu li img {float:right;}
.nsubmenu div.bottomshadow {height:2px;background:url(/shared/images/discoverboating/landingpage/sub_nav_box_bottom.gif) no-repeat bottom center;}

/*.nfullcontent { width:956px; }
.nfullcontentwrapper { margin:0 0 5px 18px; }*/
.nfullcontent {min-height:500px; padding:0; margin:0 0 0 12px; _margin:0 0 0 6px; clear:both; float:left; width:956px; overflow:hidden; z-index:901;}
.nfullcontentwrapper {margin:12px 12px 0 18px;}

div.homepage {width:939px;}

div.homepage div.feedscontainer {float:left;}
div.feeds {width:271px;height:537px;margin:14px 0 0 0;overflow:hidden;background:url(/shared/images/discoverboating/homepage/tab_box_bg.png) no-repeat;}
div.feedsheader {margin:34px 22px 0;}
div.feedsheader h3 {margin:0;padding:0;color:#027bb4; font-size:64px; line-height:36px; font-family:museo-sans,sans-serif; font-weight:900;}
div.feedsheader h3 span {font-size:47px;}
div.feedtabs {width:229px;height:31px;margin:24px 1px 1px 0;padding:0 20px;border-bottom:solid 2px #DDD;font-family:museo-sans,sans-serif;font-weight:900;font-size:14px;color:#027bb4;}
div.feedtabs span {display:inline-block;cursor:pointer;height:21px;padding:5px; }
div.feedtabs span.active {cursor:auto;border-top:2px solid #DDD;border-right:2px solid #DDD;border-left:2px solid #DDD;border-bottom:0;background-color:#FFF;}
div.feadtabs span.inactive {color:red;cursor:pointer;background-color:transparent;}
div.feedtab {width:265px;height:375px;margin:0 0 0 2px;overflow:hidden;}
div.feeds div.feedtab div.news {height:355px;width:255px;overflow-y:scroll;padding:5px;}
div.feeds div.feedtab div.news a {color:#027bb4;}
div.feeds div.feedtab div.news a:hover {border:none;background-color:transparent;}
div.feeds div.feedtab div.news h5 {margin:10px 0 5px 0;}
div.feeds div.feedtab div.news h5 a {float:none;font-size:11px;}
div.feeds div.feedtab div.news p {padding:0;margin:0;}
div.feeds div.feedtab div.news a {float:right;font-size:10px;}

div.feedsnew {height:537px;margin:14px 0 0 0;overflow:hidden;}
div.feeds-header {text-align:center;font-family:museo-sans,sans-serif;font-size:38px;color:#027BB4;}
div.feed-tab {display:inline-block;width:283px;height:310px;margin:0 0 0 2px;padding:10px;overflow:hidden;}
div.feed-tab-header {margin:10px 0;text-align:center;font-family:museo-sans,sans-serif;font-size:14px;color:#027BB4;font-weight:bold;}
div.feed-tab-content {height:285px;overflow:hidden;}
div.feed-vertical-rule {display:inline-block;width:1px;height:288px;border-left:solid 1px #CCC;}

div.homepage div.actionscontainer {float:right;}
div.homepageactionmessage {position:relative;width:657px;height:135px;margin:14px 0 0 0;background:url(/shared/images/discoverboating/homepage/orange_box_bg.png) no-repeat;}
div.homepageactionheader {padding:15px 5px 0 17px; color:#027bb4; font-size:30px; font-family:museo-slab,sans-serif; font-weight:900;}
div.homepageactionheader span {font-family:bello-pro-1; font-weight:900;}
div.homepageactiondescription {padding:0 5px 0 17px; color:#858585; font-size:16px; font-family:museo-sans,sans-serif; font-weight:700;}
div.homepageactiondescription p {margin:0 0 18px 0;padding:0;}
div.homepageactionmessage div.homepageactionlinkswrapper { position:absolute;right:0;bottom:0;margin:0 2px 4px 0;padding:0 0 0 21px; background:url(/shared/images/discoverboating/homepage/orange_curve.gif) no-repeat scroll 0 0;}
div.homepageactionmessage div.homepageactionlinkswrapper div.homepageactionlinks {height:30px;margin:0;padding:9px 5px 0 0;text-align:right;background:url(/shared/images/discoverboating/homepage/orange_pxl.gif) repeat-x;}
div.homepageactionmessage div.homepageactionlinkswrapper div.homepageactionlinks a {color:#FFF;margin:0;padding:0 35px 0 0;font-size:16px; font-family:museo-sans, Serif; font-weight:800; background:url(/shared/images/discoverboating/homepage/orange_arrow.png) no-repeat right center;}
div.homepageactionmessage div.homepageactionlinkswrapper div.homepageactionlinks a:hover {border:none;background-color:transparent;}
div.homepageactionmessage div.homepageactionlinkswrapper div.homepageactionlinks img {margin:-9px 5px 0 0;}


div.storypages {position:absolute;top:16px;left:12px;width:978px;height:880px;overflow:hidden;}
div.storypages div.page {position:absolute;top:0;left:0;width:978px;height:899px;overflow:hidden;}
div.storypages div.page div.pagecopy {position:absolute;top:270px;left:60px;margin:0;padding:0;width:540px;}
/*div.storypages div.page div.pagecopy .storypagetitle {position:absolute;top:0;color:#FFF;margin:0;padding:0;line-height:42px;font-size:54px;font-family:"museo-slab",sans-serif; font-weight:900;background:none;}*/
div.storypages div.page div.pagecopy div.pagedescription {position:absolute;top:95px;color:#FFF;margin:0;padding:0;font-size:16px;font-family:"museo-sans",sans-serif; font-weight:800;}
div.storypages div.page div.pagecopy div.pagedescription p {margin:0;padding:0;}
div.storypages div.page div.pagecopy .pagelink span {position:absolute;top:95px;right:0px;display:block;width:86px;height:14px;text-align:center;color:#FFF;margin:0;padding:2px 20px 2px 2px;font-size:12px;font-family:"museo-sans",sans-serif; font-weight:800; background:url(/shared/images/discoverboating/landingpage/btn_blue.png) no-repeat top center;}
div.storypages div.navigationwrapper {position:absolute;top:667px;left:0;height:33px;width:100%;z-index:3000;}
div.storypages div.navigationwrapper div.navigation {float:right;display:inline-block;margin-right:87px;}
div.storypages div.navigationitem {float:left;width:31px;height:33px;padding:0 20px;background:url(/shared/images/discoverboating/homepage/img_nav_pxl.png) repeat-x;}
div.storypages div.navigationitem a { display:block; width:31px;height:33px; }
div.storypages div.navigationitem a:hover {border:none;background-color:transparent;}
div.storypages div.navigationitem a.active {cursor:default; background:url(/shared/images/discoverboating/homepage/img_nav_on.png) no-repeat;}
div.storypages div.navigationitem a.inactive {cursor:pointer; background:url(/shared/images/discoverboating/homepage/img_nav_off.png) no-repeat;}

div.pages {position:relative;width:655px;height:486px;margin:21px 0 0 0;overflow:hidden;}
div.pages div.page {position:absolute;top:0;left:0;width:655px;height:486px;overflow:hidden;}
div.pages div.page div.pagecopy {position:absolute;top:270px;left:60px;margin:0;padding:0;width:540px;}
div.pages div.page div.pagecopy .pagetitle {position:absolute;top:0;color:#FFF;margin:0;padding:0;line-height:42px;font-size:54px;font-family:"museo-slab",sans-serif; font-weight:900;background:none;}
div.pages div.page div.pagecopy div.pagedescription {position:absolute;top:95px;color:#FFF;margin:0;padding:0;font-size:16px;font-family:"museo-sans",sans-serif; font-weight:800;}
div.pages div.page div.pagecopy div.pagedescription p {margin:0;padding:0;}

div.pages div.page div.pagecopy span.pagelinkwrapper { display:block;height:18px;margin:0;padding:0 0 0 38px; background:url(/shared/images/discoverboating/landingpage/blue_btn_left.png) no-repeat left center;}
div.pages div.page div.pagecopy span.pagelinkwrapper span.pagelink {display:block;height:18px;margin:0;padding:2px 5px 0 0;text-align:right;background:url(/shared/images/discoverboating/landingpage/blue_btn_pxl.gif) repeat-x;}
div.pages div.page div.pagecopy a {position:absolute;left:0;top:0;display:inline-block;height:18px;color:#FFF;margin:0;padding:0 38px 0 0;font-size:12px;font-family:"museo-sans",sans-serif; font-weight:800; background:url(/shared/images/discoverboating/landingpage/blue_btn_right_with_arrow.png) no-repeat right center;}
div.pages div.page div.pagecopy a:hover {border:none;background-color:transparent;}
div.pages div.page div.pagecopy {margin:0 5px;}

div.pages div.navigationwrapper {position:absolute;bottom:28px;left:0;height:17px;width:100%;text-align:center;}
div.pages div.navigationwrapper div.navigation {display:inline-block;}
div.pages div.navigationitem {float:left;width:18px;height:17px;padding:0 10px;background:url(/shared/images/discoverboating/landingpage/image_rotate_nav.png) repeat-x;}
div.pages div.navigationitem a { display:block;width:17px;height:17px; }
div.pages div.navigationitem a:hover {border:none;background-color:transparent;}
div.pages div.navigationitem a.active {cursor:default; background:url(/shared/images/discoverboating/landingpage/image_rotate_nav_active.png) no-repeat;}
div.pages div.navigationitem a.inactive {cursor:pointer; background:url(/shared/images/discoverboating/landingpage/image_rotate_nav_inactive.png) no-repeat;}

div.actionmessage {position:relative;width:265px;height:353px;margin:14px 5px 0 5px;background:url(/shared/images/discoverboating/landingpage/action_bg.gif) no-repeat;}
div.actionheader {padding:30px 5px 20px 17px; line-height:28px; color:#027bb4; font-size:30px; font-family:museo-slab,sans-serif; font-weight:900;}
div.actionheader span {font-family:bello-pro-1; font-weight:900;}
div.actiondescription {padding:0 15px 0 17px; color:#858585; font-size:18px; font-family:museo-sans,sans-serif; font-weight:700;}
div.actiondescription p {margin:0 0 18px 0;padding:0;}
div.actionmessage div.actionlinkswrapper { position:absolute;right:0;bottom:0;margin:0 3px 0 0;padding:0 0 0 21px; background:url(/shared/images/discoverboating/landingpage/orange_curve.gif) no-repeat left center;}
div.actionmessage div.actionlinkswrapper div.actionlinks {height:39px;margin:0;padding:0 5px 0 0;text-align:right;background:url(/shared/images/discoverboating/landingpage/orange_pxl.gif) repeat-x;}
div.actionmessage div.actionlinkswrapper div.actionlinks a {display:inline-block;color:#FFF;margin:12px 0 0 0;padding:0 15px 0 0;font-size:10px; font-family:museo-sans, Serif; font-weight:800; background:url(/shared/images/discoverboating/landingpage/orange_arrow.png) no-repeat right center;}
div.actionmessage div.actionlinkswrapper div.actionlinks a:hover {border:none;background-color:transparent;}
div.actionmessage div.actionlinkswrapper div.actionlinks img {margin:0 5px;vertical-align:top;}

div.targetedmessages {clear:both;margin:17px 0 0 0;overflow:hidden;}
div.targetedmessage {float:left;width:320px;height:388px; overflow:hidden;}

div.homepagetargetedmessages {clear:both;width:655px;height:388px;margin:12px 0 0 0;overflow:hidden;}
div.homepagetargetedmessage {float:left;width:320px;height:388px; overflow:hidden;}

div.homepage-targeted-messages {clear:both;margin:12px 0 0 0;overflow:hidden;}
div.homepage-targeted-message {float:left;width:223px;overflow:hidden;}

div.subpages {clear:both;width:952px;height:279px;margin:0 0 0 -14px;padding:8px 0 0 0;}
div.subpages div.subpage {float:left;width:238px;height:279px;background:url(/shared/images/discoverboating/landingpage/btm_box_bg.gif) no-repeat top left;}
div.subpages div.subpage .subpagetitle {color:#FFF;margin:29px 0;padding:8px 0 0 14px;line-height:18px;font-size:16px;font-family:"museo-slab",sans-serif; font-weight:800;background:none;}
div.subpages div.subpage div.subpagedescription {width:188px;height:131px;color:#8D8D8D;margin:0;padding:0 0 0 28px;font-size:13px;font-family:"museo-sans",sans-serif; font-weight:800;}
div.subpages div.subpage div.subpagelink {width:206px;height:32px;margin:0 0 0 20px;padding:0px;font-size:12px;line-height:12px;font-family:"museo-sans",sans-serif; font-weight:800; background:url(/shared/images/discoverboating/landingpage/btm_box_link_bg.gif) no-repeat top left;}
div.subpages div.subpage div.subpagelink span{display:block;float:left;margin:4px 0 0 10px;width:154px;height:24px;font-size:12px;line-height:12px;overflow:hidden;}
div.subpages div.subpage div.subpagelink a {color:#027bb4;}
div.subpages div.subpage div.subpagelink a:hover {border:none;background-color:transparent;}
div.subpages div.subpage div.subpagelink img {float:right;}

div.account div.accountheader {margin:18px 0 0 0;padding:87px 0 0 23px;background:url(/shared/images/discoverboating/account/account_header.jpg) no-repeat;width:936px;height:63px;}
div.account div.accountheader h3 {margin:0;padding:0;color:#fff;font-size:48px;font-family:museo-slab,sans-serif;font-weight:500;}
div.account div.accountnav {margin:16px 0 11px 0;padding:0 18px;}
div.account div.accountnav span.link {margin:5px;color:#444;font-size:18px;font-family:museo-sans,sans-serif;font-weight:500;}
div.account div.accountnav span.link a {color:#444;}
div.account div.accountnav span.link a:hover {border:none;background-color:transparent;}
div.account div.accountnav span.active a {color:#027bb4;}
div.account div.accountform {margin:16px 23px 0 23px;}
div.account div.accountform p {margin:0;padding:0;color:#444;font-size:16px;font-family:museo-sans,sans-serif;font-weight:300;}
div.account div.accountform h3 {margin:16px 0 0 0;padding:0;color:#027bb4;font-style:italic;font-size:30px;font-family:museo-sans,sans-serif;font-weight:300;}
div.account div.accountform h5 {margin:20px 0 0 0;padding:0;color:#444;font-size:14px;font-family:museo-sans,sans-serif;font-weight:700;}
div.account div.accountform label {color:#444;font-size:13px;font-family:museo-1,sans-serif;font-weight:300;}
div.account div.accountform input[type=button] {float:right;height:40px;width:150px;margin-top:15px;font-size:20px;font-family:bello-pro-1;}
div.account div.accountform div.formfield {margin-top:15px;}
div.account div.accountform div.messages { clear:both; border:solid 1px #CCCCCC; padding:5px; margin-bottom:10px; background-color:#EEE; }
div.account div.accountform div.messages ul {list-style-type:square; color:#027BB4; margin-top:5px; margin-bottom:3px; margin-left:15px;}
div.account div.accountform div.errors { clear:both; border:solid 1px #CCCCCC; background-color:#F3F5E9; padding:5px; margin-bottom:10px; }
div.account div.accountform div.errors { clear:both; border:solid 1px #CCCCCC; background-color:#FFFFCC; padding:5px; margin-bottom:10px; }
div.account div.accountform div.errors ul {list-style-type:square; color:#999999; margin-top:5px; margin-bottom:3px; margin-left:15px;}

div.account div.accountform input[type=text].textbox {width:177px;margin:3px 0 0 0;}
div.account div.accountform input[type=text].medium {width:230px;}
div.account div.accountform input[type=text].long {width:380px;}
div.account div.accountform label.formlabel {font-family:museo-sans,sans-serif;font-weight:700}
div.account div.accountform select {width:181px;margin:3px 0 0 0;}

div.account div.accountform .checkboxarea, div.account div.accountform .radiosarea { padding:0; }

div.account div.accountform div.passwordform {width:430px;height:177px;padding:20px;background-color:#0079B6;color:#fff; }
div.account div.accountform div.passwordform h4 {margin:0;padding:0;font-size:24px;font-family:museo-1,serif;font-weight:500;font-style:italic;color:#fff;}
div.account div.accountform div.passwordform label {margin-top:15px;font-size:14px;font-family:museo-sans,sans-serif;font-weight:700;color:#fff;}
div.account div.accountform div.passwordform input[type=password].textbox {width:200px;}
div.account div.accountform div.passwordform div.hint {margin-top:20px;font-size:12px;font-family:museo-sans;font-weight:300;}

div.account div.accountform div.facebookform {width:430px;height:134px;padding:20px;background-color:#ECECEC;color:#444; }
div.account div.accountform div.facebookform h4 {margin:0;padding:0;font-size:24px;font-family:museo-1,serif;font-weight:500;font-style:italic;color:#444;}
div.account div.accountform div.facebookform p {margin-top:15px;font-size:14px;font-family:museo-sans,sans-serif;font-weight:500;color:#444;}
 
div.captcha { float:left; padding:5px;width:260px; border:solid 1px #CCCCCC; }
div.captcha div.captcha-challenge { background-color:#FFFFFF; float:left; text-align:center; width:235px; height:60px; display:table-cell; border:solid 1px #CCCCCC; }
div.captcha div.captcha-challenge img {vertical-align:middle; width:200px; padding-top:5px; height:50px; margin:0px; }
div.captcha div.captcha-help { float:left; width:16px; text-align:center; }
div.captcha div.captcha-help img { margin:0px; }   
div.captcha div.captcha-help img.refresh { margin:0px; padding:5px 0px 0px 5px; }
div.captcha div.captcha-help img.help { margin:0px; padding:20px 0px 0px 5px; }
div.captcha div.captcha-response { clear:both;text-align:left;padding:1px;border-top:5px solid transparent; }
div.captcha div.captcha-response span { font-family:Arial;font-size:12px; color:#000000; }
div.captcha div.captcha-response input[type="text"] { width:75px; background-color:#FFF; padding:2px 3px 3px 2px; font-family:Verdana,Arial,Sans-Serif; font-size:11px; border:1px solid #333333; }

/*==================================================================*/
/*=  Contest page
/*==================================================================*/
.memories-contest { width: 620px;}
.memories-contest .top-content {}
.memories-contest .top-content img { float: right; }
.memories-contest .top-content p { float: left; width: 465px; margin: 0 0 5px 0; }
.memories-contest .photo-row img { float: left; margin: 0 0 0 50px; }
.memories-contest .photo-row img:first-child { margin: 0;}
.memories-contest p.middle-content { margin: 10px 0 25px 0;}
.memories-contest #btnSubmit { cursor: pointer; }

.boxrotate{
  -moz-transform: rotate(-10deg);  /* FF3.5+ */
  -o-transform: rotate(-10deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-10deg);  /* Saf3.1+, Chrome */
  filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0.11)";  /* IE6,IE7 */
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0.11)"; /* IE8 */
}

/*.boxshadow {
  -moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.15); 
  -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.15); 
  box-shadow: 0 0 3px 3px rgba(0,0,0,0.15); 
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#DDDDDD', Direction=135, Strength=3),DXImageTransform.Microsoft.Shadow(color='#DDDDDD', Direction=315, Strength=3);
}

.textshadow
{
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#EEEEEE', Direction=135, Strength=2);
  text-shadow:2px 2px 2px #EEEEEE;
}
*/
}

#editioninfo { overflow:auto; position:absolute; z-index:10000; top:10px; left:40%; width:400px; height:600px; background:#FFF; border:5px solid #CCC; padding:10px; margin: 15px 0px 15px 10px; }
#editiondetails {margin:15px 10px 8px 10px;}

/* Grid table */
.grid { background:#FAFAFA; border-right:1px dotted #CCC; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;  margin:10px; }
.grid thead { background:#CC0000; color:#FFF; }
.grid th { padding:8px 6px; border-left:1px dotted #CCC; font-size:15px; font-weight:normal; letter-spacing:-0.4pt; }
.grid td { padding:6px 4px; border-left:1px dotted #CCC; border-top:1px dotted #CCC; }
.grid .alt { background:#EFEFEF; }
.grid tbody tr:hover { cursor:default; background-color:#EDF4FC; }

@media print 
{
  #topmenucontainer, #headersearch, #promo, #outerfooter, #seealso, #relatedarticles, #social {display:none;}
}