/* Global Layout ----------------------------------------*/ * { margin: 0; padding: 0; } body { background: #d3d3d3; text-align: center; margin-bottom: 200px; } body { color: #333; font: 12px/20px arial, helvetica, sans-serif; } body.atHome { background: #d3d3d3 url('/v2/template/body-home-bg.gif') repeat-x center -65px; } body.atContent { background: #d3d3d3 url('/v2/template/body-content-bg.gif') repeat-x center -65px; } div#container { width: 790px; margin: 0 auto; background: transparent url('/v2/template/container-bg.gif') repeat-y; text-align: left; } body.atHome div#body { background: transparent url('/v2/template/content-home-bg.gif') no-repeat left 45px; } body.atContent div#body { background: transparent url('/v2/template/content-content-bg.gif') no-repeat left 45px; } div#bodyInside { margin: 0 20px; } div#topBanner { display: inline; float: right; padding: 0 20px 0 0; } div#header { padding-top: 20px; background: url('/v2/template/header-bg.gif') no-repeat; } div#header h1 { width: 275px; height: 60px; margin: 0 0 5px 20px; background: url('/v2/template/logo-new.gif'); text-indent: -9999px; } div#header h1 a { display: block; width: 275px; height: 60px; } div#footerContainer { padding-bottom: 20px; background: url('/v2/template/footer-bg.gif') no-repeat left bottom; } div#footer { margin: 0 20px 10px; border-top: solid 5px #999; background: #f3f3f3; } div#mainColumn { float: left; padding-top: 10px; } div#subColumn { display: inline; float: left; margin-left: 10px; padding-top: 10px; } div.wide { width: 495px; } div.narrow { width: 245px; } div#slideshowHome { margin-bottom: 10px; } /* Navigation ----------------------------------------*/ ul#nav { float: left; width: 750px; background: url('/v2/template/nav-bg.gif') repeat-x; list-style: none; } ul#nav li { z-index: 999; float: left; list-style: none; position: relative; min-height: 1px; vertical-align: bottom; } ul#nav li a.parent { display: block; height: 35px; background: url('/v2/template/nav.gif'); text-indent: -9999px; } ul#nav li.navHome a.parent:link, ul#nav li.navHome a.parent:visited { background-position: -5px 0; width: 55px; } ul#nav li.navHome a.parent:hover { background-position: -5px -35px; } ul#nav li.navHome a.parent.current { background-position: -5px -70px; } ul#nav li.navTours a.parent:link, ul#nav li.navTours a.parent:visited { background-position: -70px 0; width: 56px; } ul#nav li.navTours a.parent:hover, ul#nav li.navTours:hover a.parent { background-position: -70px -35px; } ul#nav li.navTours a.parent.current { background-position: -70px -70px; } ul#nav li.navGuides a.parent:link, ul#nav li.navGuides a.parent:visited { background-position: -136px 0; width: 104px; } ul#nav li.navGuides a.parent:hover, ul#nav li.navGuides:hover a.parent { background-position: -136px -35px; } ul#nav li.navGuides a.parent.current { background-position: -136px -70px; } ul#nav li.navBlog a.parent:link, ul#nav li.navBlog a.parent:visited { background-position: -245px 0; width: 50px; } ul#nav li.navBlog a.parent:hover { background-position: -245px -35px; } ul#nav li.navBlog a.parent.current { background-position: -245px -70px; } ul#nav li.navClassifieds a.parent:link, ul#nav li.navClassifieds a.parent:visited { background-position: -305px 0; width: 89px; } ul#nav li.navClassifieds a.parent:hover { background-position: -305px -35px; } ul#nav li.navClassifieds a.parent.current { background-position: -305px -70px; } ul#nav li.navMessage a.parent:link, ul#nav li.navMessage a.parent:visited { background-position: -404px 0; width: 117px; } ul#nav li.navMessage a.parent:hover { background-position: -404px -35px; } ul#nav li.navMessage a.parent.current { background-position: -404px -70px; } ul#nav li.navFinePrint a.parent:link, ul#nav li.navFinePrint a.parent:visited { background-position: -706px 0; width: 78px; } ul#nav li.navFinePrint a.parent:hover { background-position: -706px -35px; } ul#nav li.navFinePrint a.parent.current { background-position: -706px -70px; } ul#nav li.navAbout a.parent:link, ul#nav li.navAbout a.parent:visited { background-position: -538px 0; width: 75px; } ul#nav li.navAbout a.parent:hover { background-position: -538px -35px; } ul#nav li.navAbout a.parent.current { background-position: -538px -70px; } ul#nav li.navContact a.parent:link, ul#nav li.navContact a.parent:visited { background-position: -623px 0; width: 75px; } ul#nav li.navContact a.parent:hover { background-position: -623px -35px; } ul#nav li.navContact a.parent.current { background-position: -623px -70px; } ul#nav li.navFAQ a.parent:link, ul#nav li.navFAQ a.parent:visited { background-position: -821px 0; width: 39px; } ul#nav li.navFAQ a.parent:hover { background-position: -821px -35px; } ul#nav li.navFAQ a.parent.current { background-position: -821px -70px; } ul#nav li.navReservations a.parent:link, ul#nav li.navReservations a.parent:visited { background-position: -870px 0; width: 100px; } ul#nav li.navReservations a.parent:hover { background-position: -870px -35px; } ul#nav li.navReservations a.parent.current { background-position: -870px -70px; } ul#nav li.navGearGuide a.parent:link, ul#nav li.navGearGuide a.parent:visited { background-position: -980px 0; width: 87px; } ul#nav li.navGearGuide a.parent:hover { background-position: -980px -35px; } ul#nav li.navGearGuide a.parent.current { background-position: -980px -70px; } ul#nav li.navBlog a.parent:link, ul#nav li.navBlog a.parent:visited { background-position: -1068px 0; width: 49px; } ul#nav li.navBlog a.parent:hover { background-position: -1068px -35px; } ul#nav li.navBlog a.parent.current { background-position: -1068px -70px; } ul#nav li:hover { z-index: 9999; } ul#nav li ul { zoom: 1; z-index: 999; display: none; border-bottom: solid 5px #3a73a2; border-top: solid 5px #3a73a2; position: absolute; width: 200px; } ul#nav ul li { zoom: 1; z-index: 999; float: none; background: #3a73a2; } ul#nav ul li a:link, ul#nav ul li a:visited { zoom: 1; z-index: 999; display: block; padding: 5px 15px; color: #a9c9e3; background: #3a73a2; text-decoration: none; } ul#nav ul li a:hover { zoom: 1; z-index: 999; background: #13426d; color: #fff; text-decoration: none; } ul#nav li:hover ul { display: block; } ul#nav ul li.subnavItemcurrent a:link, ul#nav ul li.subnavItemcurrent a:visited { color: #fff; font-weight: bold; } ul#nav ul li.subnavItemcurrent a:hover { color: #fff; } /* Typography ----------------------------------------*/ p { margin-bottom: 10px; } h1 { margin-bottom: 10px; } h3 { margin-bottom: 10px; } div#mainColumn h1 { padding-top: 5px; color: #12416c; font-size: 16px; font-weight: bold; } span.tourCode { color: #999; font-size: 10px; } span.tourLengthDN { color: #999; font-size: 10px; } div#footer p { margin-bottom: 0; text-align: center; font-size: 11px; } p.footerNavigation { padding-top: 5px; } p.copyright { margin-bottom: 0; padding-bottom: 5px; color: #999; } ul#tourItinerary { list-style: none; } ul#tourItinerary li { padding-bottom: 10px; border-bottom: solid 1px #aaa; margin-bottom: 10px; } div.itineraryDay { float: left; width: 40px; margin-right: 10px; text-align: center; } div.itineraryInfo { float: left; width: 415px; } span.dateTitle { font-size: 10px; font-weight: bold; text-transform: uppercase; } span.date { font-size: 24px; } p.itineraryDetails { font-size: 11px; line-height: 15px; margin-bottom: 5px; } p#phoneNumbers { display: inline; float: right; width: 200px; height: 55px; margin-right: 20px; background: url('/v2/template/phone.gif'); text-indent: -9999px; } strong.tourName { font-size: 14px; color: #12416c; } #container .block ol, #container .block ul { margin-left: 30px; } #container .block li { margin-bottom: 4px; } div#container div.block ul#tourItinerary{ margin-left: 0; } /* Linkage ----------------------------------------*/ a { outline: none; } a img { border: none; } img { border: none; } a:link { color: #3a73a2; text-decoration: none; } a:visited { color: #800080; text-decoration: none; } a:hover { color: #3a73a2; text-decoration: underline; } div#footer a:link, div#footer a:visited { color: #666; text-decoration: none; } div#footer a:hover { color: #666; text-decoration: underline; } td.tourTitle a:link, td.tourTitle a:visited { color: #3a73a2; text-decoration: none; font-weight: bold; } td.tourTitle a:hover { color: #3a73a2; text-decoration: underline; } div#text_subnav { padding: 5px 10px; margin-bottom: 10px; background: #000; color: #333; } div#text_subnav a { margin: 0 5px; text-transform: uppercase; font-size: 10px; } div#text_subnav a:link, div#text_subnav a:visited { color: #999; text-decoration: none; } div#text_subnav a:hover { color: #ccc; } div#text_subnav a.selected:link, div#text_subnav a.selected:visited, div#text_subnav a.selected:hover { color: #fff; } a#addTraveler:link, a#addTraveler:visited, a#removeTraveler:link, a#removeTraveler:visited { color: #555; font-weight: bold; text-decoration: none; font-size: 11px; } a#addTraveler:hover, a#removeTraveler:hover { color: #000; font-weight: bold; text-decoration: none; font-size: 11px; } #container a.toplink { float: right; font-size: 10px; text-transform: uppercase; background-image: url('/v2/template/toplink.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 12px; } /* Blocks and Headings ----------------------------------------*/ div.block { margin-bottom: 10px; padding-bottom: 1px; background: #f3f3f3; } div.wide div.block { border-top: solid 5px #12416c; } div.blockContent { padding: 15px 15px 5px; } div.block h2.heading { } div.narrow div.block h2.heading { width: 245px; height: 30px; text-indent: -9999px; } div#mainColumn div.block { padding: 5px 15px 1px; } div#blockFindATour h2.heading { background: url('/v2/template/headings/find_a_tour.gif'); } div#blockLatestClassifieds h2.heading { background: url('/v2/template/headings/latest_classifieds.gif'); } div#blockTourOperatorLogin h2.heading { background: url('/v2/template/headings/tour_operator_login.gif'); } div#blockBlogArchives h2.heading { background: url('/v2/template/headings/blog_archives.gif'); } div#blockSubscribeBookmark h2.heading { background: url('/v2/template/headings/subscribe_bookmark.gif'); } div#blockFromOurBlog h2.heading { background: url('/v2/template/headings/from_our_blog.gif'); } div#blockTourList, div#mainColumn div#blockTourList { padding: 0; } div#blockTourList h1 { margin: 0; padding: 5px 15px; } div#blockBookTour, div#mainColumn div#blockBookTour { padding: 5px 15px 1px; border: none; background: #d2e8e8; } div#blockBookTour h1 { margin: 0; color: #12416c; font-size: 14px; } div#blockBookTour p { color: #3a73a2; } div#blockTourMap { width: 245px; height: 260px; } div#blockTourMap img, div#container div.block img { padding: 0; border: none; } div#mainColumn div#blockTourInfo { padding: 0; } div#mainColumn div#blockReserveForm { padding: 0; border: none; } div#blockTourInfo h1 { padding: 5px 15px; } div#blockReserveForm h1 { margin: 0; padding: 5px 15px; background: #333; color: #fff; font-size: 13px; } div#blockReserveForm h3 { background: #3a73a2; color: #fff; padding: 5px 15px; font-size: 13px; } div#blockKayakProducts h1, div.blockKayakProducts h1 { padding: 0 15px; } div#blockKayakProducts, div#mainColumn div#blockKayakProducts, div#mainColumn div.blockKayakProducts { padding: 5px 0 1px; } label.required { color: #000; font-weight: bold; } input.textField { padding: 3px; border: solid 1px #ccc; background: #fff; font-size: 12px; } input.error { color: #900; background: #fdd; border: solid 1px #900; } /* Miscellany ----------------------------------------*/ div.clear { clear: both; } #container .block img { margin-right: 10px; margin-bottom: 5px; padding: 1px; border: 1px solid #999999; } #tooltip { position: absolute; z-index: 3000; padding: 2px 5px; background: #3a73a2; color: #fff; } #tooltip h3, #tooltip div { margin: 0; font-size: 12px; } table { border-collapse: collapse; font-size: 12px; line-height: 20px; width: 100%; } td { padding: 3px 5px; } td p { margin: 0; } td.label, table.tourInfo td.label, table.form td.label { width: 130px; color: #666; padding-right: 0; } td.label strong { color: #000; } table.tourInfo td { padding: 5px 15px; } table.tourList td { padding: 5px; padding-left: 10px; padding-right: 10px; } table.form td { padding: 10px 15px 12px; } tr.odd td { background: #ddd; } input.short { width: 60px; } input.medium { width: 150px; } input.wide { width: 200px; } option { padding-right: 10px; } button { width: auto; overflow: visible; border: none; padding: 4px 7px 3px 7px; color: #fff; background: #38709f url('/v2/template/button-bg.gif') repeat-x left top; line-height: 20px; } button[type] { padding:5px 7px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:4px 7px 3px 7px; /* IE7 */ } button:active, button:focus, button:hover { background: #38709f url('/v2/template/button-down-bg.gif') repeat-x left bottom; cursor: pointer; } .imageLeft { float: left; margin: 0 10px 10px 0; } .imageRight { float: right; margin: 0 0 10px 10px; } div#container div.block img.imageLeft, div#container div.block img.imageRight { border: solid 1px #999; } div.kayakProduct { border-bottom: solid 1px #999; padding: 10px 0; } div.addcomment h2 { text-align: left; } h3.comment { margin: 0 0 10px; } div.addcomment { margin: 20px 0 0 0; } div#container div.article { border-bottom: dotted 1px #ccc; margin: 0 0 19px; } p.article_date { margin: 0; color: #888; } table.article_actions { width: 465px; border-collapse: collapse; color: #666; font-size: 11px; } table.article_actions td { padding: 0; } div#sidebar ul.blog { margin: 0 20px; padding: 0; background: none; list-style: none; } div#sidebar ul.blog li { margin: 0; padding: 0; background: none; list-style: none; } div#BookMarkInstructions { margin: 0 15px; font-size: 11px; } table.commentTable td { padding: 0; } #container .block table.article_actions td img { margin: 0; } blockquote { padding: 7px 10px 1px; margin: 0 0 10px; background: #eee; color: #555; font-size: 14px; font-style: italic; }