@charset "UTF-8"; /* CSS Document */ #wrapper {font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #808080;} div {position: relative;} .img-r {text-indent: -9999em;} a {outline: none;} a:link, a:visited, a:active {text-decoration: none; color: #808080;} a:hover {text-decoration: underline;} #page-content a {outline: none;} #page-content a:link, #page-content a:visited, #page-content a:active {text-decoration: underline;} #page-content a:hover {color: #444;} h1 {font-weight: bold; font-size: 36px; color: #7A85A9;} h2 {color: #555; font-size: 24px; font-weight: bold;} h3 {color: #FFA326; font-size: 18px; font-weight: bold;} h4 {color: 8080808; font-size: 14px; font-weight: bold;} #page-content h1 {margin: .5em 0em .25em;} #page-content h2 {margin: .5em 0em .25em;} #page-content h3 {margin: .5em 0em .25em;} #page-content h4 {margin: .5em 0em .25em;} #page-content strong {color: #555;} .container_12 blockquote.grid_8 {background: url(../images/block-quote.png) no-repeat top left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; text-align: center; font-style: italic; margin: 20px 0px; padding: 20px 0px 20px 60px; width: 560px; color: #555;} /*HEADER*/ #wrapper {background: url(../images/green-bg.jpg) repeat; min-height: 900px;} #global-nav-container-container {width: 100%; height: 106px; background: url(../images/header-blue-bg.png) repeat-x; background-position: 0px 0px;} #global-nav-container {position: relative; height: 106px;} #home-link {width: 279px; height: 44px; background: url(../images/logo.png) no-repeat; position: absolute; top: 6px; left: 0px;} #rider-alerts {width: 467px; height: 48px; position: absolute; top: 8px; right: 7px; background: url(../images/alert-box.png) no-repeat;} #rider-alerts p {width: 400px; float: right; margin: 10px; color: #ccc; font-size: 12px; line-height: 1.1em;} #rider-alerts a {color: #ccc; text-decoration: underline;} #global-nav-container ul {position: absolute; bottom: 12px; left: 0px;} #global-nav-container li {width: 192px; float: left; height: 25px; text-align: center; display: inline-block; padding-top: 0px; background: url(../images/groove.png) no-repeat; background-position:bottom right;} #global-nav-container li:last-child, #global-nav-container li.last {background-image: none;} #global-nav-container li a {color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; display: block; margin-top: 4px;} #global-nav-container li a.current {/*text-decoration: underline; cursor: default;*/} #category-info-container {background: url(../images/promo-bottom.png) repeat-x; background-position: bottom; max-height: 300px;} .promo-items {height: 280px; margin-top: 30px; margin-right: 0px;} .promo-item {display: none;} .promo-item h1 {text-align: center; background: url(../images/promo-header-divider.png) no-repeat; background-position: bottom center; padding-bottom: 10px; margin-bottom: 20px;} .promo-item .promo-pic {width: 300px; float: left; display: inline; position: relative; top: -5px;} .promo-item p {width: 290px; float: left; margin-left: 20px; display: inline; line-height: 1.5;} .promo-item .splash-link {width: 108px; height: 36px; margin: 0px 0px 0px 16px;} /* RESERVATIONS */ #res-form {color: #808080; width: 320px; position: absolute; float: right; right: 0px; top: 25px; z-index: 5;} #res-form-top {width: 320px; height: 246px; background: url(../images/menu-tall.png) no-repeat; background-position: top left;} #res-form-top h2 {padding-top: 25px; margin-bottom: 30px; text-align: center;} #res-form-middle {padding: 0px 25px;} .dep-header {background: url(../images/departures-icon.png) no-repeat; padding-left: 25px; font-size: 14px; padding-top: 2px;} .arr-header {background: url(../images/arrivals-icon.png) no-repeat; padding-left: 25px; font-size: 14px; padding-top: 2px;} .res-type {width: 120px;} #departures {float: left;} #arrivals {float: right;} .res-type a {background: url(../images/orange-button-slice2.png) repeat-x 0px -36px; display: block; height: 25px; width: 120px; margin-top: 10px; text-align: center; color: #ffecd3; font-weight: bold; font-size: 18px; padding-top: 10px;} .res-type a:hover {text-decoration: none; background-position: 0px 0px;} #res-form-middle .button {display: inline-block; background: url(../images/green-strip.png) repeat-x; height: 21px; border: 1px solid #CCCCCC; padding: 8px 5px 0px;} #res-form-middle a.button {color: #E2EFD0;} .freq-rider {width: 269px; height: 24px; margin: 14px auto 0px; background: url(../images/freq-rider.jpg) 0px -36px; display: block; text-align: center; color: #808080; text-shadow: 0px 1px 0px #fff; font-size: 14px; padding-top: 12px; font-weight: bold;} .freq-rider:hover {background-position: 0px 0px; text-decoration: none;} #sidebar-res {margin-left: 20px; margin-top: 40px;} #sidebar-res h4 {font-weight: 100; font-size: 12px; margin-top: 10px;} #sidebar-res h4.make-res {border-bottom: 1px dashed #808080; padding-bottom: 4px; padding-left: 1px; width: 180px;} #sidebar-res .dep-header {background: url(../images/departures-icon-small.png) no-repeat 0px 1px; font-size: 12px; padding-left: 18px;} #sidebar-res .arr-header {background: url(../images/arrivals-icon-small.png) no-repeat 0px 1px; font-size: 12px; padding-left: 18px;} #sidebar-res a {background: url(../images/orange-button-slice2.png) repeat-x 0px -36px; display: block; height: 18px; width: 85px; margin-top: 3px; text-align: center; color: #ffecd3; font-weight: bold; font-size: 12px; padding-top: 7px;} #sidebar-res a:hover {text-decoration: none; background-position: 0px 0px;} .sdbr {float: left; margin-right: 10px;} #sidebar-res a.sdbr-res-other {background-image: none; color: #808080; width: 100%; text-align: left;} #sidebar-res a.sdbr-res-other:hover {text-decoration: underline;} #sidebar-res .res-ul li {border-bottom: none; text-align: left; padding: 2px; width: auto; list-style-type: disc;} #sidebar-res .res-ul li:first-child {background-image: none; padding: 2px;} #specials {width: 320px; height: 68px; background: url(../images/specials-new-hover2.png) no-repeat 0px 0px; display: block; text-align: center; font-size: 14px; font-weight: bold; padding-top: 20px;} #specials a {color: #b07619; text-shadow: 0px 1px 0px #fdf0db;} /*#specials a:hover {color: #fdf0db; text-shadow: 0px 1px 0px #fdf0db;}*/ #specials:hover {background-position: 0px -88px;} /* KITCHEN SINK */ .orange-link-l {color: #FFECD3; font-weight: bold; background: url(../images/orange-link-l.png) no-repeat top left;} .orange-link-r {padding: 6px 6px 0px; height: 22px; background: url(../images/orange-link-r.png) no-repeat top right;} .promo-item-link {position: absolute; bottom: 15px; right: 15px;} .promo a:hover {text-decoration: none;} .ribbon {width: 101px; height: 79px; background: url(../images/ribbon.png) no-repeat; position: absolute; top: 1px; left: 7px;} /* CONTENT */ .alt-nav {height: 30px; padding-top: 2px; position: fixed; top: 0px; right: 0px; z-index: 9999; background: url(../images/alt-nav-bg.png) repeat-x; font-size: 12px; font-weight: bold;} .alt-nav a {color: #555; text-shadow: 0px 1px 0px #fddeac; padding: 4px 1em 2px;} .alt-nav a:hover {text-decoration: none;} #contact-btn {background: url(../images/alt-nav-bg-sp.png) top right no-repeat; float: left; padding-left: 2em;} #faq-btn {float: left;} #content {padding-top: 50px;} #content-middle {min-height: 200px; background: url(../images/page-content-middle.png) repeat-y; background-position: center;} #content-top {background: url(../images/page-content-top.png) no-repeat; margin: 0 auto; padding-top: 60px;} #content-bottom {background: url(../images/page-content-bottom.png) no-repeat; margin: 0 auto; background-position: bottom; padding-bottom: 100px;} #page-nav ul {margin-left: 20px;} #page-nav ul li {width: 180px; border-bottom: dashed 1px #808080; font-size: 12px; padding: 8px 1px;} #page-nav ul li a {display: block;} #page-nav ul li a.current {font-style: italic; cursor: default; font-weight: bold; text-decoration: none;} #page-nav ul li a:hover {} #page-nav ul ul {margin-top: 4px; margin-bottom: 0px;} #page-nav li li {width: auto; list-style-type: square;} #page-nav li li:last-child {border-bottom: none;} #page-nav li:first-child {background: url(../images/home.png) no-repeat 0px 5px; padding-left: 18px;} #page-nav li li:first-child {background-image: none; padding-left: 0px;} #page-content {float: left; width: 720px; line-height: 1.5;} #page-content .grid_2 {font-size: 11px;} #page-content li {list-style: inside disc; list-style-position: outside; margin: .1em 0em .1em 2em;} #promos {margin-top: 40px;} .promo {width: 240px; height: 290px; float: left; display: inline-block; background: url(../images/promo.png) no-repeat; margin-bottom: 20px;} .promo img {position: absolute; top: 12px; left: 18px; width: 206px; height: 145px;} .promo .copy {position: absolute; left: 20px; top: 168px; width: 198px; margin: 0 auto; font-size: 12px; line-height: 1.5;} .promo .copy h4 {text-transform: uppercase;} .promo .copy p {margin-top: 0em;} #outer-glow {width: 996px; height: 338px; margin: 0 auto; background: url(../images/category-pic2.png) no-repeat; background-position: 0px -8px;} .category-page {height: 400px;} .cat-title {font-size: 48px; color: #fff; position: relative; top: 20px; right: 20px; text-align: right;} .subcat-title {font-size: 32px; font-weight: 100; color: #fff; position: relative; top: 24px; right: 20px; text-align: right;} #tours-and-charters {width: 940px; height: 294px; top: 21px;} #cat-subnav {position: absolute; bottom: 18px; left: -9px; text-shadow: 0px 1px 0px #fff; background: url(../images/specials-bg.png) no-repeat; color: #464646; width: 958px; height: 67px; padding-left: 18px; font-weight: bold;} #cat-subnav a:link, #cat-subnav a:visited {color: #464646;} #cat-subnav h4 {font-size: 14px; text-transform: uppercase;} #cat-subnav p {font-size: 12px; margin-top: 0px;} #cat-subnav .cool-special {float: left; display: inline-block; width: 206px; margin-right: 0px; padding: 14px 12px 0px; /*border-top: 1px solid #fff; */position: relative; height: 50px; bottom: 0px; overflow: hidden;} #cat-subnav .cool-special.hover {background: url(../images/special-hover2.png) repeat-x 0px 7px; color: #fff; text-shadow: 0px 1px 2px #000;} #cat-subnav a.cool-special.hover:link , #cat-subnav a.cool-special.hover:visited , #cat-subnav a.cool-special.hover:hover , #cat-subnav a.cool-special.hover:active {color: #fff; text-decoration: none;} a.cool-special.last {width: 208px;} #cat-subnav .cool-special.last.hover {background: url(../images/special-hover-last2.png) repeat-x 0px 7px;} #cat-subnav .l-shadow {background: url(../images/l-shadow.png) no-repeat; position: absolute; height: 57px; width: 3px; top: 7px; left: 18px;} #cat-subnav .r-shadow {background: url(../images/r-shadow.png) no-repeat; position: absolute; height: 57px; width: 3px; top: 7px; right: 36px;} #cat-subnav .cool-special a:hover, #cat-subnav .cool-special.hover a:link, #cat-subnav .cool-special.hover a:visited {color: #fff;} .winery-title {} /* WINERY NAV */ .winery {/*background: url(../images/wine-top.png) no-repeat;*/ text-align: center; color: #FAFAFA; text-shadow: 0px 1px 0px #666;margin-bottom: 0px; padding-bottom: 8px;} .wine-row {background: url(../images/wine-row-top.png) no-repeat 5px 0px; clear:both;} .wine-bottom {height: 47px; width: 203px; background: url(../images/wine-bottom.png) no-repeat bottom;} .wine-row-cap {width: 693px; height: 52px; background: url(../images/wine-cap.png) no-repeat bottom; background-position: 8px 0px;} .wine-a {display: inline-block; height: 148px;} .winery img {margin: 30px auto; position: relative; right: 7px;} .winery p {position: relative; width: 160px; left: -10px; font-size: 11px; font-weight: bold; margin: 0px auto; padding-top: 10px;} .winery a:link, .winery a:visited, .winery a:hover, .winery a:active {color: #fff;} /* FAQ */ .faq-answer {border-top: dashed 1px #808080; margin-top: 20px;} a.back {font-size: 12px; text-decoration: underline;} /* FOOTER */ #footer a:hover {text-decoration: none;} #footer-container {background: url(../images/footer.png) repeat-x #fff; margin-top: 40px; padding-top: 20px; min-height: 200px;} #footer-content {padding: 0px 80px; font-size: 10px; line-height: 1.5; margin-bottom: 30px;} #footer ul {} #footer li {font-weight: bold; margin-top: 20px;} #footer li li {font-weight: 100; margin-top: auto;} #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #808080; text-decoration: none;} #go-network {width: 287px; height: 101px; margin-top: 20px; margin-bottom: 20px; background: url(../images/beveled.jpg) no-repeat;} #go-logo {width: 89px; height: 64px; position: absolute; top: 17px; right: 10px; background: url(../images/go.png) no-repeat;} #go-network p {width: 150px; margin: 26px 0px 0px 22px;} /* FORMS */ #content input {padding: .5em; width: 250px; margin-bottom: .5em; border: 1px solid #808080;} #content input:focus {border: 1px solid #333;} select, textarea {margin-bottom: 1em;} input#btnSubmit {width: auto;} #ct100 {display: block; clear: both;} #frmInformationRequest, #frmContactUs {width: 260px;} /* TABLES */ #content table { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin-bottom: 45px; width: 100%; text-align: left; border-collapse: collapse; } table th { font-size: 13px; font-weight: normal; padding: 8px; background: #213571; border-top: 2px solid #385ABE; border-bottom: 1px solid #fff; color: #fff; } table td { padding: 8px; background: #f4f4f4; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent; } table tr:hover td { background: #E2FFC3; color: #339; } /* Custom CSS Reset */ a {outline: none;} /* end custom CSS Reset */ /* Begin 960 GS */ /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 960px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:60px; } .container_12 .grid_2 { width:140px; } .container_12 .grid_3 { width:220px; } .container_12 .grid_4 { width:300px; } .container_12 .grid_5 { width:380px; } .container_12 .grid_6 { width:460px; } .container_12 .grid_7 { width:540px; } .container_12 .grid_8 { width:620px; } .container_12 .grid_9 { width:700px; } .container_12 .grid_10 { width:780px; } .container_12 .grid_11 { width:860px; } .container_12 .grid_12 { width:940px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:80px; } .container_12 .prefix_2 { padding-left:160px; } .container_12 .prefix_3 { padding-left:240px; } .container_12 .prefix_4 { padding-left:320px; } .container_12 .prefix_5 { padding-left:400px; } .container_12 .prefix_6 { padding-left:480px; } .container_12 .prefix_7 { padding-left:560px; } .container_12 .prefix_8 { padding-left:640px; } .container_12 .prefix_9 { padding-left:720px; } .container_12 .prefix_10 { padding-left:800px; } .container_12 .prefix_11 { padding-left:880px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:80px; } .container_12 .suffix_2 { padding-right:160px; } .container_12 .suffix_3 { padding-right:240px; } .container_12 .suffix_4 { padding-right:320px; } .container_12 .suffix_5 { padding-right:400px; } .container_12 .suffix_6 { padding-right:480px; } .container_12 .suffix_7 { padding-right:560px; } .container_12 .suffix_8 { padding-right:640px; } .container_12 .suffix_9 { padding-right:720px; } .container_12 .suffix_10 { padding-right:800px; } .container_12 .suffix_11 { padding-right:880px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:80px; } .container_12 .push_2 { left:160px; } .container_12 .push_3 { left:240px; } .container_12 .push_4 { left:320px; } .container_12 .push_5 { left:400px; } .container_12 .push_6 { left:480px; } .container_12 .push_7 { left:560px; } .container_12 .push_8 { left:640px; } .container_12 .push_9 { left:720px; } .container_12 .push_10 { left:800px; } .container_12 .push_11 { left:880px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-80px; } .container_12 .pull_2 { left:-160px; } .container_12 .pull_3 { left:-240px; } .container_12 .pull_4 { left:-320px; } .container_12 .pull_5 { left:-400px; } .container_12 .pull_6 { left:-480px; } .container_12 .pull_7 { left:-560px; } .container_12 .pull_8 { left:-640px; } .container_12 .pull_9 { left:-720px; } .container_12 .pull_10 { left:-800px; } .container_12 .pull_11 { left:-880px; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* end 960 gs */ /* Eric Meyer CSS Reset */ html, body, div, span, applet, object, iframe, blockquote, pre, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; /*font-weight: inherit; font-style: inherit;*/ /*font-size: 100%;*/ /*font-family: inherit;*/ vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /* end CSS reset*/ /* HOME PAGE TABBED MENU */ #tabbed-menu-btn-left {display:inline;float: left;width: 25px;height: 186px;background-repeat: no-repeat;z-index: 100;cursor: pointer; cursor: hand; background-image: url('../images/mac/tab-left-arrow.png');} #tabbed-menu-btn-right {width: 25px;float: right;height: 186px;z-index: 100;cursor: pointer; cursor: hand;background-image: url('../images/mac/tab-right-arrow.png');} #tabbed-container {width: 960px; height: 350px; background: url(../images/mac/bg1.png) no-repeat;} #tabbed-menu-products {float: left;margin: 0px auto; width: 940px;height: 279px;} #tabbed-menu {margin-top: 40px; } #tabbed-menu-content {margin: 0px auto;width: 940px; height: 279px; } #tabbed-menu {margin-top: 40px;} #menu-cats li {width: 192px;cursor: pointer; cursor: hand; height: 23px; padding-top: 25px; float: left; display: inline-block; text-align: center; background: url(../images/tab-cat-bg.png) repeat-x; background-position: top;} #menu-cats li.current {background: url(../images/tab-nav-center-alt.png) repeat-x; cursor: default;} #menu-cats li:first-child {background: url(../images/tab-nav-l.png) no-repeat;} #menu-cats li:first-child:hover {background: url(../images/tab-nav-l-alt.png) no-repeat;} #menu-cats li.current:first-child:hover, #menu-cats li.current:first-child {background: url(../images/tab-nav-l-alt.png) no-repeat !important;} #menu-cats li.lastchild {background: url(../images/tab-nav-r.png) no-repeat/* !important*/; } #menu-cats li:last-child:hover, #menu-cats li:last-child.current {background: url(../images/tab-nav-r-alt.png) no-repeat /*!important*/; } #menu-cats li {background: url(../images/tab-nav-center.png) repeat-x;} #menu-cats li:hover {background: url(../images/tab-nav-center-alt.png) repeat-x;} .tabbed-menu-item-desc {width: 260px; margin-top: 45px; padding: 15px 25px; height: 300px; font-size: 12px; background-image: url(../images/mac/sliver.png); background-position: right; background-repeat: no-repeat;} .tabbed-menu-item-desc p {margin: .2em 0em;} /*hides all the categories at the bottom of the page.*/ .category { display: none; } .tabbed-menu-item-desc img {width: 180px;height: 100px;margin-bottom: 40px;padding-left: 30px;} /*fixes flickering issue in some browsers */ .productlist {position: relative; visibility: hidden; left: -5000px;} /* END HOME PAGE TABBED MENU */ /*----------------------*/