@charset "utf-8"; /*==================*/ /* Generic Clean-Up */ /*==================*/ :link,:visited { text-decoration:none } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,input,table,td,th,dl,dt,dd { margin:0; padding:0 } a img,:link img,:visited img { border:none } address { font-style:normal } *:focus { outline: 0; } label, button, input[type="submit"], input[type="reset"] { cursor:pointer; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /*=============*/ /* Site Styles */ /*=============*/ body { font: 12px/16px Verdana,Arial,sans-serif; color: #333333; text-align: center; background: white url(../img/background.png) repeat-x 0 0; } #contain { width: 960px; margin: 0 auto; text-align: left; } #header { position: relative; width: 960px; height: 130px; margin-bottom: 5px; background: url(../img/header.jpg) no-repeat 0 0; } #header h1 { position: absolute; left: 23px; top: 51px; width: 565px; height: 61px; text-indent: -99999px; } #header h1 a { display: block; width: 565px; height: 61px; background: url(../img/logo.png) no-repeat 0 0; } ul#auxnav { position: absolute; right: 14px; top: 5px; height: 12px; line-height: 12px; } ul#auxnav li { float: left; margin-right: 22px; } ul#auxnav li.last { margin-right: 0; } ul#auxnav li a { padding-left: 9px; color: #ffffff; background: url(../img/aux-arrow.png) no-repeat 0 4px; font-family: Arial,sans-serif; line-height: 12px; } ul#auxnav li a:hover { color: #b1b1b1; } form#sitesearch { display: block; position: absolute; right: 15px; top: 59px; width: 178px; } form#sitesearch input#sq { position: absolute; left: 0; top: 0; width: 131px; text-align: right; font-family: Arial,sans-serif; font-size: 12px; line-height: 12px; color: #000000; padding: 2px 3px 1px 3px; border: solid 1px #989999; } form#sitesearch input#sq-go { position: absolute; right: 0; top: 0; } ul#social { position: absolute; right: 16px; top: 96px; } ul#social li { display: block; float: left; margin-right: 7px; } ul#social li#social-email { margin-right: 0; } ul#social li a { display: block; width: 20px; height: 20px; background: url(../img/social-sprite.png) no-repeat 0 0; text-indent: -99999px; } ul#social li#social-twitter a { background-position: -20px 0; } ul#social li#social-rss a { background-position: -40px 0; } ul#social li#social-email a { width: 26px; background-position: -60px 0; } ul#nav { position: relative; z-index: 2; height: 35px; padding-left: 7px; } ul#nav li { position: relative; float: left; height: 35px; } ul#nav li a { display: block; height: 35px; text-indent: -99999px; background: url(../img/nav-sprite.png) no-repeat 0 0; } ul#nav li#nav-home a { width: 58px; } ul#nav li#nav-home a:hover, ul#nav li#nav-home:hover a, ul#nav li#nav-home.hover a { background-position: 0 -35px; } ul#nav li#nav-info a { width: 85px; background-position: -58px 0; } ul#nav li#nav-info a:hover, ul#nav li#nav-info:hover a, ul#nav li#nav-info.hover a { background-position: -58px -35px; } ul#nav li#nav-at a { width: 129px; background-position: -143px 0; } ul#nav li#nav-at a:hover, ul#nav li#nav-at:hover a, ul#nav li#nav-at.hover a { background-position: -143px -35px; } ul#nav li#nav-to a { width: 180px; background-position: -272px 0; } ul#nav li#nav-to a:hover, ul#nav li#nav-to:hover a, ul#nav li#nav-to.hover a { background-position: -272px -35px; } ul#nav li#nav-park a { width: 67px; background-position: -452px 0; } ul#nav li#nav-park a:hover, ul#nav li#nav-park:hover a, ul#nav li#nav-park.hover a { background-position: -452px -35px; } ul#nav li#nav-maps a { width: 54px; background-position: -519px 0; } ul#nav li#nav-maps a:hover, ul#nav li#nav-maps:hover a, ul#nav li#nav-maps.hover a { background-position: -519px -35px; } ul#nav li#nav-news a { width: 148px; background-position: -573px 0; } ul#nav li#nav-news a:hover, ul#nav li#nav-news:hover a, ul#nav li#nav-news.hover a { background-position: -573px -35px; } ul#nav li#nav-rick a { width: 148px; background-position: -721px 0; } ul#nav li#nav-rick a:hover, ul#nav li#nav-rick:hover a, ul#nav li#nav-rick.hover a { background-position: -721px -35px; } ul#nav li#nav-about a { width: 76px; background-position: -869px 0; } ul#nav li#nav-about a:hover, ul#nav li#nav-about:hover a, ul#nav li#nav-about.hover a { background-position: -869px -35px; } ul#nav li div.dropdown { position: absolute; left: -99999px; top: 35px; padding-top: 14px; background: url(../img/nav-drop-sprite.png) no-repeat 0 0; } ul#nav li:hover div.dropdown, ul#nav li.hover div.dropdown { left: 0; top: 35px; } ul#nav li#nav-info div.dropdown { width: 374px; height: 111px; } ul#nav li#nav-at div.dropdown { width: 628px; height: 225px; background-position: -374px 0; } ul#nav li#nav-to div.dropdown { width: 327px; height: 103px; background-position: -1002px 0; } ul#nav li#nav-park div.dropdown { width: 483px; height: 114px; background-position: -1329px 0; } ul#nav li#nav-maps div.dropdown { width: 198px; height: 86px; background-position: -1812px 0; } ul#nav li#nav-news div.dropdown { width: 148px; height: 114px; background-position: -2010px 0; } ul#nav li div.dropdown ul { float: left; padding: 2px 10px; border-right: solid 1px #4186b0; } ul#nav li div.dropdown ul.last { padding-right: 0; border-right: none; } ul#nav li div.dropdown ul li { float: none; height: auto; margin-bottom: 12px; } ul#nav li div.dropdown ul li.last { margin-bottom: 0; } ul#nav li div.dropdown ul li a { height: auto; width: auto !important; padding-left: 9px; text-indent: 0; background-image: url(../img/aux-arrow.png); background-position: 0 4px !important; white-space: nowrap; line-height: 14px; color: #ffffff; } ul#nav li div.dropdown ul li a:hover { color: #bfd0d9; } div#content { width: 100%; margin-bottom: 15px; } #home div#main { float: left; width: 704px; } div#carousel { position: relative; width: 704px; height: 334px; margin-bottom: 15px; overflow: hidden; } div#carousel ul#carouselitems { width: 7040px; height: 334px; } div#carousel ul#carouselitems li { position: absolute; z-index: 0; left: -99999px; top: 0; width: 704px; height: 334px; } div#carousel ul#carouselitems li.active { z-index: 1; left: 0; top: 0; } div#carousel ul#carouselnav { position: absolute; z-index: 2; right: 10px; bottom: 10px; } div#carousel ul#carouselnav li { float: left; margin-right: 2px; } div#carousel ul#carouselnav li a { display: block; width: 16px; height: 12px; padding: 2px 0; font-size: 12px; line-height: 12px; text-align: center; color: #004d84; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.7); } div#carousel ul#carouselnav li.active a, div#carousel ul#carouselnav li a:hover { color: #ffffff; background-color: #004d84; } div#subcarousel { position: relative; width: 704px; height: 200px; background: url(../img/subcarousel.png) no-repeat 0 0; } div#subcarousel div#subflightinfo { position: absolute; left: 13px; top: 14px; width: 445px; height: 175px; background: url(../img/icon-flights.png) no-repeat right top; } div#subcarousel div#subflightinfo ul#subflighttabs { float: left; height: 34px; } div#subcarousel div#subflightinfo ul#subflighttabs li { float: left; height: 34px; margin-right: 9px; } div#subcarousel div#subflightinfo ul#subflighttabs li a { display: block; width: 154px; height: 34px; text-indent: -99999px; background: url(../img/flight-tab-sprite.png) no-repeat 0 0; } div#subcarousel div#subflightinfo ul#subflighttabs li.active a { background-position: 0 -34px; } div#subcarousel div#subflightinfo ul#subflighttabs li a#subflightarr { width: 116px; background-position: -154px 0; } div#subcarousel div#subflightinfo ul#subflighttabs li.active a#subflightarr { background-position: -154px -34px; } div#subcarousel div#subflightinfo ul#subflighttables { float: left; clear: left; width: 100%; } div#subcarousel div#subflightinfo ul#subflighttables li { display: none; } div#subcarousel div#subflightinfo ul#subflighttables li.active { display: block; } div#subcarousel div#subflightinfo ul#subflighttables li table { width: 100%; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; } div#subcarousel div#subflightinfo ul#subflighttables li table th { padding: 8px; font-size: 12px; line-height: 12px; font-family: Arial,sans-serif; color: #ffffff; background-color: #4c6985; } div#subcarousel div#subflightinfo ul#subflighttables li table thead th:last-child { border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } div#subcarousel div#subflightinfo ul#subflighttables li table td { padding: 5px 8px; font-size: 10px; line-height: 10px; font-family: Arial,sans-serif; text-transform: uppercase; color: #333333; background-color: #ffffff; border: solid 1px #cccccc; white-space: nowrap; } div#subcarousel div#subflightinfo ul#subflighttables li table tbody tr:last-child td:first-child { border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } div#subcarousel div#subflightinfo ul#subflighttables li table tbody tr:last-child td:last-child { border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } div#subcarousel div#subflightinfo div#suballflights { position: absolute; right: 43px; top: 8px; color: #004d84; } div#subcarousel div#subflightinfo div#suballflights a { color: #333333; } div#subcarousel div#subflightinfo div#suballflights a:hover { color: #004d84; } div#subcarousel div#submapark { position: absolute; left: 483px; top: 14px; width: 208px; height: 175px; } div#subcarousel div#submapark h2 { padding: 8px 0 8px 42px; font-size: 16px; line-height: 16px; font-weight: normal; color: #004d84; } div#subcarousel div#submapark h2#head-maps { background: url(../img/icon-maps.png) no-repeat 0 0; } div#subcarousel div#submapark h2#head-park { background: url(../img/icon-park.png) no-repeat 0 0; } div#subcarousel div#submapark table { width: 100%; margin: 7px 0; } div#subcarousel div#submapark table td { padding: 7px 0; line-height: 12px; color: #004d84; } div#subcarousel div#submapark table td a { color: #333333; } div#subcarousel div#submapark table td a:hover { color: #004d84; } #custom-cancun, #custom-bahama { position: absolute; z-index: 1; top: 0; display: block; width: 352px; height: 334px; background: url(../img/spacer.gif); text-indent: -99999px; text-decoration: none; } #custom-cancun { left: 0; } #custom-bahama { right: 0; } #custom-aa, #custom-delta { position: absolute; z-index: 1; left: 0; width: 704px; height: 124px; background: url(../img/spacer.gif); text-indent: -99999px; text-decoration: none; } #custom-aa { bottom: 124px; } #custom-delta { bottom: 0; } #home div#side { float: right; width: 241px; } #home div#side h2, #home div#side h2 a { font-size: 16px; line-height: 16px; font-weight: normal; color: #004d84; } #home div#side h2#head-airfares { padding: 8px 0 8px 42px; background: url(../img/icon-fares.png) no-repeat 0 0; } #home div#side h2#head-shops { padding: 8px 0 8px 42px; background: url(../img/icon-shops.png) no-repeat 0 0; } #home div#side-upper { position: relative; width: 201px; height: 294px; padding: 20px; margin-bottom: 15px; background: url(../img/side-home-upper.png) no-repeat 0 0; } #home div#side-upper div#side-forecast { height: 79px; margin-bottom: 50px; } #home div#side-upper div#side-forecast table { width: 221px; margin: 7px -10px; } #home div#side-upper div#side-forecast table td { text-align: center; font-size: 11px; } #home div#side-upper div#side-airfares { position: absolute; left: 20px; top: 149px; width: 201px; color: #004d84; } #home div#side-upper div#side-airfares div#airfare-scroll { height: 100px; margin: 7px 0; overflow: auto; } #home div#side-upper div#side-airfares div#airfare-scroll ul li { width: 97%; padding: 7px 0; font-size: 10px; line-height: 10px; color: #333333; border-top: solid 1px #cccccc; } #home div#side-upper div#side-airfares div#airfare-scroll ul li.first { border-top: none; } #home div#side-upper div#side-airfares a { color: #333333; } #home div#side-upper div#side-airfares a:hover { color: #004d84; } #home div#side-lower { position: relative; width: 201px; height: 161px; padding: 20px; background: url(../img/side-home-lower.png) no-repeat 0 0; } #home div#side-lower ul { margin: 7px 0; } #home div#side-lower li { padding: 7px 0; color: #004d84; } #home div#side-lower li a { color: #333333; } #home div#side-lower li a:hover { color: #004d84; } #home div#ticker { position: relative; margin: 15px 0; padding: 0 15px; height: 21px; overflow: hidden; } #home div#ticker h2 { float: left; padding: 2px 0 3px 30px; font-size: 16px; line-height: 16px; font-weight: normal; color: #004d84; background: url(../img/icon-info.png) no-repeat 0 0; } #home div#ticker ul { position: absolute; left: 165px; top: 0; } #home div#ticker ul li { } #home div#ticker ul li a { display: block; padding: 5px 0 4px 0; line-height: 12px; color: #333333; } #home div#ticker ul li a:hover { color: #004d84; } #page div#side { float: left; width: 243px; } #page div#side div#sidenav { width: 243px; padding: 18px 0 0 0; background: #e2e0d0 url(../img/sidenav-cap-hi.png) no-repeat 0 0; } #page div#side div#sidenav h2 { margin: 0 0 5px 0; padding: 0 21px 12px 21px; font-size: 18px; line-height: 21px; font-weight: normal; color: #ffffff; background: url(../img/sidenav-head.png) no-repeat left bottom; } #page div#side div#sidenav ul { width: 243px; } #page div#side div#sidenav ul li { padding: 28px 0 0 0; background: url(../img/sidenav-item.png) no-repeat 0 0; } #page div#side div#sidenav ul li.first { padding: 11px 0 0 0; background: url(../img/sidenav-item-first.png) no-repeat 0 0; } #page div#side div#sidenav ul li.last { padding: 0; height: 22px; background: url(../img/sidenav-cap-lo.png) no-repeat left bottom; } #page div#side div#sidenav ul li a { position: relative; display: block; margin: -4px 0 -6px 0; padding: 0 15px 0 33px; font-family: Arial,sans-serif; font-size: 13px; line-height: 15px; color: #333333; text-decoration: none; } #page div#side div#sidenav ul li a span { position: absolute; left: 15px; top: 2px; display: block; width: 10px; height: 10px; background: url(../img/sidenav-bullet-sprite.png) no-repeat 0 0; } #page div#side div#sidenav ul li a:hover span, #page div#side div#sidenav ul li.active a span { background-position: -243px 0; } #page div#side div#sidenav ul li.active ul { padding: 0 7px 4px 8px; width: 228px; background: url(../img/sidenav-item-item.png) repeat-y 0 0; } #page div#side div#sidenav ul li.active ul li { margin-top: 14px; border-top: solid 1px #8a8a8a; padding-top: 14px; background: none; } #page div#side div#sidenav ul li.active ul li a { padding: 0 8px 0 25px; } #page div#side div#sidenav ul li.active ul li a span { left: 7px; top: 2px; width: 11px; height: 11px; background: url(../img/sidenav-arrow-sprite.png) no-repeat 0 0; } #page div#side div#sidenav ul li.active ul li.active a span { background-position: -11px 0; } #page div#side div#sidenav ul li.active ul li.active ul { padding: 0 7px 0 21px; width: 200px; background: none; } #page div#side div#sidenav ul li.active ul li.active ul li { border-top: none; margin-top: 7px; padding-top: 7px; } #page div#side div#sidenav ul li.active ul li.active ul li a { padding: 3px 8px 4px 25px; } #page div#side div#sidenav ul li.active ul li.active ul li.active a { color: #ffffff; background: url(../img/sidenav-item-item-item.png) no-repeat 0 0; white-space: nowrap; overflow: hidden; } #page div#side div#sidenav ul li.active ul li.active ul li a span { left: 5px; top: 4px; width: 15px; height: 15px; background: url(../img/sidenav-icon-sprite.png) no-repeat 0 0; } #page div#side div#sidenav ul li.active ul li.active ul li.active a span { background-position: -15px 0; } #page div#side div#sidenav ul li.active ul li.active ul li a.airlines span { background-position: 0 -15px; } #page div#side div#sidenav ul li.active ul li.active ul li.active a.airlines span { background-position: -15px -15px; } #page div#side div#sidenav ul li.active ul li.active ul li a.food-and-drink span { background-position: 0 -30px; } #page div#side div#sidenav ul li.active ul li.active ul li.active a.food-and-drink span { background-position: -15px -30px; } #page div#side div#sidenav ul li.active ul li.active ul li a.shops-and-services span { background-position: 0 -45px; } #page div#side div#sidenav ul li.active ul li.active ul li.active a.shops-and-services span { background-position: -15px -45px; } #page div#side div#sidenav ul li.active ul li.active ul li a.amenities span { background-position: 0 -60px; } #page div#side div#sidenav ul li.active ul li.active ul li.active a.amenities span { background-position: -15px -60px; } #page div#main { float: right; width: 707px; } #page div#main h2, #full div#content h2 { height: 58px; padding: 22px 15px 0 15px; margin-bottom: 13px; font-size: 26px; line-height: 30px; color: #ffffff; font-weight: normal; background: url(../img/heading-page.png) no-repeat 0 0; } #page div#main h2.airline-info { background-image: url(../img/heading-page-airline-info.png); } #page div#main h2.at-port-columbus { background-image: url(../img/heading-page-at-port-columbus.png); } #page div#main h2.to-from-port-columbus { background-image: url(../img/heading-page-to-from-port-columbus.png); } #page div#main h2.parking { background-image: url(../img/heading-page-parking.png); } #page div#main h2.maps { background-image: url(../img/heading-page-maps.png); } #full div#content h2 { height: 58px; padding: 24px 15px 0 15px; background: url(../img/heading-full.png) no-repeat 0 0; } #page div#main div#thirdnav { height: 23px; padding: 7px 15px 0 15px; margin-bottom: 13px; font-size: 12px; line-height: 16px; background: url(../img/thirdnav.png) no-repeat 0 0; } #page div#main div#thirdnav a { padding: 0 12px; border-left: solid 1px #999999; } #page div#main div#thirdnav a.first { padding-left: 0; border-left: none; } #page div#main div#addthis, #full div#content div#addthis { margin-bottom: 13px; text-align: right; } #page div#main div#map-addthis { position: relative; width: 707px; height: 54px; margin-bottom: 13px; background: url(../img/heading-maps.png) no-repeat 0 0; } #page div#main div#map-addthis h3 { position: absolute; left: 15px; top: 15px; font-size: 20px; line-height: 24px; font-weight: normal; color: #014a79; } #page div#main div#map-addthis a.addthis_button { position: absolute; right: 15px; top: 19px; } /* CONTENT AREAS */ #page div#main h3, #full div#content h3 { font-size: 20px; line-height: 24px; color: #004c84; margin-bottom: 32px; font-weight: normal; } #page div#main h4, #full div#content h4 { font-size: 14px; line-height: 20px; color: #004c84; margin-bottom: 16px; font-weight: normal; } #page div#main p, #full div#content p { margin-bottom: 16px; } #page div#main a, #full div#content a { color: #004c84; } #page div#main a:hover, #full div#content a:hover { text-decoration: underline; } #page div#main a.pdf, #full div#content a.pdf { display: block; padding: 10px 0 10px 45px; font-size: 12px; line-height: 14px; font-weight: bold; color: #395077; background: url(../img/icon-pdf.png) no-repeat 0 0; } #page div#main a.pdf:hover, #full div#content a.pdf:hover { color: #999999; text-decoration: none; } #page div#main a.rss, #full div#content a.rss { display: block; padding: 3px 0 3px 25px; font-size: 12px; line-height: 14px; font-weight: bold; color: #395077; background: url(../img/icon-rss.png) no-repeat 0 0; } #page div#main a.rss:hover, #full div#content a.rss:hover { color: #999999; text-decoration: none; } #page div#main a.zip, #full div#content a.zip { display: block; padding: 10px 0 13px 45px; font-size: 12px; line-height: 14px; font-weight: bold; color: #395077; background: url(../img/icon-zip.png) no-repeat 0 0; } #page div#main a.zip:hover, #full div#content a.zip:hover { color: #999999; text-decoration: none; } #page div#main ol, #full div#content ol { padding-left: 32px; margin-bottom: 16px; list-style-type: decimal; } #page div#main ul, #full div#content ul { padding-left: 32px; margin-bottom: 16px; list-style-type: disc; } #page div#main ul ul, #full div#content ul ul { margin: 0; list-style-type: circle; } #page div#main ul ul ul, #full div#content ul ul ul { list-style-type: square; } #page div#main ul.gallery, #full div#content ul.gallery { padding-left: 0; margin-bottom: 16px; list-style-type: none; } #page div#main ul.gallery li, #full div#content ul.gallery li { float: left; margin: 0 10px 10px 0; } #page div#main dl, #full div#content dl { } #page div#main dt, #full div#content dt { font-size: 14px; line-height: 20px; color: #004c84; } #page div#main dd, #full div#content dd { padding-left: 20px; text-indent: -20px; margin-bottom: 16px; } #page div#main dd .red, #full div#content dd .red { font-size: 14px; color: #990000; } #page div#main table { border-collapse: collapse; } #page div#main table th, #page div#main table td, #full div#content table th, #full div#content table td { padding: 6px; } #page div#main .white, #full div#content .white { color: white; } /* FLIGHT INFO */ #page div#main ul#flight-info-tabs { height: 37px; margin: 0; padding: 0; list-style-type: none; } #page div#main ul#flight-info-tabs li { float: left; height: 37px; margin-right: 10px; } #page div#main ul#flight-info-tabs li a { display: block; height: 37px; text-indent: -99999px; background: url(../img/flight-tabs-sprite.png) no-repeat 0 0; } #page div#main ul#flight-info-tabs li a#flight-tab-depart { width: 154px; } #page div#main ul#flight-info-tabs li.active a#flight-tab-depart { background-position: 0 -37px; } #page div#main ul#flight-info-tabs li a#flight-tab-arrive { width: 116px; background-position: -154px 0; } #page div#main ul#flight-info-tabs li.active a#flight-tab-arrive { background-position: -154px -37px; } #page div#main ul#flight-info { margin: 0; padding: 0; list-style-type: none; } #page div#main ul#flight-info li { display: none; padding-bottom: 35px; background: url(../img/flight-info-cap.png) no-repeat left bottom; } #page div#main ul#flight-info li.active { display: block; } #page div#main div.flight-info-search { position: relative; width: 707px; height: 53px; } #page div#main div#flight-info-search-depart { background: url(../img/flight-info-search-depart.png) no-repeat 0 0; } #page div#main div#flight-info-search-arrive { background: url(../img/flight-info-search-arrive.png) no-repeat 0 0; } #page div#main div.flight-info-search table { position: absolute; left: 18px; top: 7px; width: 671px; height: 40px; } #page div#main div.flight-info-search table th, #page div#main div.flight-info-search table td { padding: 0; text-align: center; } #page div#main div.flight-info-search table input.term { width: 150px; padding: 2px 3px; border: solid 1px #cccccc; font-family: Verdana,Arial,sans-serif; font-size: 12px; line-height: 14px; color: #333333; } #page div#main table.flight-info { width: 100%; } #page div#main table.flight-info thead tr th { padding: 9px; color: #ffffff; background-color: #033b60; } #page div#main table.flight-info tbody tr td { padding: 4px 9px; border-bottom: solid 1px #cccccc; } #page div#main table.flight-info tbody tr.even td { background-color: #EFEDDE; } #page div#main div#route-map { position: relative; width: 700px; /*height: 441px;/* original */ height: 464px;/* includes cuba, dominican, haiti */ } #page div#main div#route-map img { position: absolute; z-index: -1; } #page div#main div#route-map div.hotspot { position: absolute; z-index: 0; text-indent: -99999px; background: url(../img/spacer.gif) repeat 0 0; } #page div#main div#route-map div.hover { position: absolute; z-index: 1; } #page div#main div#route-map div.hotspot div.routes { position: absolute; z-index: 0; width: 300px; font-size: 10px; background-color: white; border: solid 1px #cccccc; display: none; } #page div#main div#route-map div.hotspot div.routes-wider { width: 370px; } #page div#main div#route-map div.hotspot:hover div.routes, #page div#main div#route-map div.hover div.routes { display: block; position: absolute; z-index: 1; } #page div#main div#route-map div.hover div.routes p { margin: 0; } #page div#main div#route-map div.hotspot div.routes div.dcms { width: 100%; } #page div#main div#route-map div.hotspot div.routes table, #page div#main div#route-map div.hotspot div.routes table tbody { width: 100%; } #page div#main div#route-map div.hotspot div.routes table th, #page div#main div#route-map div.hotspot div.routes table td { text-align: left; padding: 1px 4px; vertical-align: top; text-indent: 0; } /* PARKING */ #page div#main table#parking { background-color: #004c84; margin-bottom: 16px; } #page div#main table#parking th { color: #ffffff; } #page div#main table#parking td input.text { width: 50px; padding: 2px 3px; border: solid 1px #cccccc; font-family: Verdana,Arial,sans-serif; font-size: 12px; line-height: 14px; color: #333333; } /* MAPS */ div#map { position: relative; width: 707px; height: 590px; } div.map-property-park-green { background: url(../img/maps/map-property-park-green.jpg) no-repeat 0 0; } div.map-property-park-red { background: url(../img/maps/map-property-park-red.jpg) no-repeat 0 0; } div.map-property-park-blue { background: url(../img/maps/map-property-park-blue.jpg) no-repeat 0 0; } div.map-property-park-long { background: url(../img/maps/map-property-park-long.jpg) no-repeat 0 0; } div.map-property-park-short { background: url(../img/maps/map-property-park-short.jpg) no-repeat 0 0; } div.map-property-park-valet { background: url(../img/maps/map-property-park-valet.jpg) no-repeat 0 0; } div.map-property-park-cell { background: url(../img/maps/map-property-park-cell.jpg) no-repeat 0 0; } div.icon { cursor: pointer; } div.map-property-hotel, div.map-property-hotel div.line { background: url(../img/maps/map-property-hotel.jpg) no-repeat 0 0; } div.map-property-pass-dropoff { background: url(../img/maps/map-property-pass-dropoff.jpg) no-repeat 0 0; } div.map-property-pass-pickup { background: url(../img/maps/map-property-pass-pickup.jpg) no-repeat 0 0; } div.map-terminal-ticketing, div.map-terminal-ticketing div.icon, div.map-terminal-ticketing div.line { background: url(../img/maps/map-terminal-ticketing.jpg) no-repeat 0 0; } div.map-terminal-ticketing div.static { background: none; } div.map-terminal-baggage, div.map-terminal-baggage div.icon, div.map-terminal-baggage div.line { background: url(../img/maps/map-terminal-baggage.jpg) no-repeat 0 0; } div.map-terminal-baggage div.static { background: none; } div.map-terminal-a, div.map-terminal-a div.icon, div.map-terminal-a div.line { background: url(../img/maps/map-terminal-a.jpg) no-repeat 0 0; } div.map-terminal-a div.static { background: none; } div.map-terminal-b, div.map-terminal-b div.icon, div.map-terminal-b div.line { background: url(../img/maps/map-terminal-b.jpg) no-repeat 0 0; } div.map-terminal-b div.static { background: none; } div.map-terminal-c, div.map-terminal-c div.icon, div.map-terminal-c div.line { background: url(../img/maps/map-terminal-c.jpg) no-repeat 0 0; } div.map-terminal-c div.static { background: none; } div#map a.hotspot { position: absolute; text-indent: -99999px; } div#map div.parkrates { position: absolute; left: 393px; top: 405px; width: 313px; } div#map div.garagerates { position: absolute; left: 505px; top: 431px; width: 201px; } div#map div.parkrates p, div#map div.garagerates p { margin-bottom: 7px !important; } div#map div.parkrates table th, div#map div.parkrates table td { padding: 0 0 7px 0 !important; } div#map div.icon { position: absolute; } div#map div.line, div#map span.label { position: absolute; display: none; } div#map span.label { font-family: Arial,sans-serif; font-size: 11px; line-height: 13px; color: #231f20; white-space: nowrap; } /* NEWS & PUBLICATIONS */ #page div#main table#press { width: 100%; border-collapse: collapse; margin-bottom: 16px; } #page div#main table#press th, #page div#main table#press td { padding: 6px; } #page div#main table#press th { background-color: #e2e0d0; } #page div#main table#press td { border-bottom: solid 1px #cccccc; } #page div#main div#publicationlist div.publication { padding: 20px 0; border-top: solid 1px #cccccc; } #page div#main div#publicationlist div.first { border-top: none; } #page div#main div#publicationlist div.publication img { float: left; } #page div#main div#publicationlist div.publication div.publicationinfo { margin-left: 170px; } #page div#main div#publicationlist div.publication div.publicationinfo h4 { font-size: 16px; margin-bottom: 8px; } /* CONTACT */ #contact { float: left; width: 360px; margin-bottom: 32px } #contact label { float: left; width: 55px; font-weight: bold; white-space: nowrap; } #contact label.full { display: block; float: none; width: 100%; margin-bottom: 4px; } #contact div.dcms div { margin: 0 0 8px 60px; } #contact div.dcms div.full { margin-left: 0; } #contact div.dcms div.full div { margin: 0; } #contact div.dcms div.error { margin: 0; font-size: 10px; line-height: 12px; font-weight: bold; color: #ff0000; } #contact div.dcms div input { width: 290px; } #contact div.dcms div input, #contact textarea { padding: 2px 3px; border: solid 1px #d8d8d8; background-color: #f7f3e7; font-family: Verdana,Arial,sans-serif; font-size: 12px; line-height: 14px; color: #333333; } #contact textarea { width: 350px; height: 120px; } div#contact-address { float: right; width: 570px; } /* SOCIAL MEDIA */ #full div#content div.facebook { position: relative; float: left; width: 575px; height: 420px; background: url(../img/feed-facebook.png) no-repeat left bottom; } #full div#content div.facebook h4 { position: absolute; width: 138px; height: 56px; text-indent: -99999px; background: url(../img/social-facebook.png) no-repeat 0 0; } #full div#content div.facebook div.link { position: absolute; left: 152px; top: 36px; color: #004C7F; } #full div#content div.facebook div.link a { color: #333333; } #full div#content div.facebook div.link a:hover { color: #004C7F; text-decoration: none; } #full div#content div.facebook div.feed { position: absolute; left: 20px; top: 89px; width: 535px; height: 311px; } #full div#content div.twitter { position: relative; float: right; width: 334px; height: 420px; background: url(../img/feed-twitter.png) no-repeat left bottom; } #full div#content div.twitter h4 { position: absolute; width: 178px; height: 56px; text-indent: -99999px; background: url(../img/social-twitter.png) no-repeat 0 0; } #full div#content div.twitter div.link { position: absolute; left: 192px; top: 36px; color: #004C7F; } #full div#content div.twitter div.link a { color: #333333; } #full div#content div.twitter div.link a:hover { color: #004C7F; text-decoration: none; } #full div#content div.twitter div.feed { position: absolute; left: 20px; top: 89px; width: 294px; height: 311px; } /* END CONTENT AREAS */ div#footer { padding: 8px 0 20px 0; text-align: center; background: url(../img/footer.png) no-repeat 0 0; } ul#footnav { position: relative; z-index: 2; height: 35px; padding-left: 7px; margin-bottom: 25px; } ul#footnav li { position: relative; float: left; height: 35px; } ul#footnav li a { display: block; height: 35px; text-indent: -99999px; background: url(../img/nav-sprite.png) no-repeat 0 0; } ul#footnav li#footnav-home a { width: 58px; } ul#footnav li#footnav-home a:hover { background-position: 0 -70px; } ul#footnav li#footnav-info a { width: 85px; background-position: -58px 0; } ul#footnav li#footnav-info a:hover { background-position: -58px -70px; } ul#footnav li#footnav-at a { width: 129px; background-position: -143px 0; } ul#footnav li#footnav-at a:hover { background-position: -143px -70px; } ul#footnav li#footnav-to a { width: 180px; background-position: -272px 0; } ul#footnav li#footnav-to a:hover { background-position: -272px -70px; } ul#footnav li#footnav-park a { width: 67px; background-position: -452px 0; } ul#footnav li#footnav-park a:hover { width: 67px; background-position: -452px -70px; } ul#footnav li#footnav-maps a { width: 54px; background-position: -519px 0; } ul#footnav li#footnav-maps a:hover { background-position: -519px -70px; } ul#footnav li#footnav-news a { width: 148px; background-position: -573px 0; } ul#footnav li#footnav-news a:hover { background-position: -573px -70px; } ul#footnav li#footnav-rick a { width: 148px; background-position: -721px 0; } ul#footnav li#footnav-rick a:hover { background-position: -721px -70px; } ul#footnav li#footnav-about a { width: 76px; background-position: -869px 0; } ul#footnav li#footnav-about a:hover { background-position: -869px -70px; } div#footer div#footer-sites { margin-bottom: 15px; font-family: Arial,sans-serif; font-size: 14px; line-height: 20px; } div#footer div#footer-sites a { padding: 0 15px; } div#footer div#footer-copy { font-family: Arial,sans-serif; font-size: 10px; line-height: 10px; } div#footer div#footer-copy span, div#footer div#footer-copy a { padding: 0 7px; border-right: solid 1px #cccccc; } div#footer div#footer-copy a.last { border-right: none; } div#footer div#footer-copy a { color: #004d84; text-decoration: underline; } div#footer div#footer-copy a:hover { color: #8c0000; text-decoration: underline; }