/*---------------------------------------- Name: global.css Developed by: Imagiinate | Christopher Homan Date Created: Saturday, April 4th 2009 Last Updated: Saturday, April 4th 2009 Copyright: ©2008 My Family Adventure ----------------------------------------*/ /* Imports ----------------------------------------*/ @import url("/css/externalLinks.css"); /* Elements ----------------------------------------*/ body { background-color:#f0f9ff; background-image:url(../images/bg_pattern1.gif); background-repeat:repeat; background-position:top; text-align:center; padding:0px; margin:0px; } body, p, td, th, li { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; } #mainContainer { width:985px; margin:0px auto; text-align:left; padding: 0px 15px 15px 15px; background-color: #fff; position:relative;} /* Header ----------------------------------------*/ #header { height:75px; padding:0px 0px 0px 0px; border-bottom: 2px solid #859cb7; margin: 0px 0px 0px 0px; width: 985px; background-image: url(../images/header_bg.jpg); } #logoPositioning { margin:0px 0px 0px 0px; position: absolute; } #logoPositioning a img{ border: none; } #loggedOutBox {float: right; width: 385px; margin-top: 10px;} .loginText {float:left; padding: 0px 10px 0px 0px; font-size: 18px; color: #999;} .usernameBox {float: left; padding: 0px 10px 0px 0px;} .passwordBox {float: left; padding: 0px 10px 0px 0px;} .radioBox {float:left; padding: 0px 0px 0px 0px;} .signUpLink {margin-top: 5px;} .signUpLink a {font-weight: bold;} #headerLink_containerAltLargeRed {font-size: 12px; font-weight: bold; float: right; margin-top: 10px;} #headerLink_containerAltLargeRed a {padding: 2px 4px 2px 4px; background-image: url(../images/btnAltRed_bg.jpg); border: 1px solid #333; color: #fff;} #headerLink_containerAltLargeRed a:hover {color: #ccc;} #loggedInBox {float: right; width: 285px; margin-top: 10px;} .loggedInText {font-size: 16px; color: #333;} .loggedInInfo { font-size: 11px; color:#cc3300; } #headerLink_containerAltLargeRed_LoggedIn {font-size: 12px; font-weight: bold; float: right; margin-right: 10px;} #headerLink_containerAltLargeRed_LoggedIn a {padding: 2px 4px 2px 4px; background-image: url(../images/btnAltRed_bg.jpg); border: 1px solid #333; color: #fff;} #headerLink_containerAltLargeRed_LoggedIn a:hover {color: #ccc;} /* Main Content ----------------------------------------*/ #mainContent { margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;} #mainContentHome { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #mainContentVoucher { margin:0px 0px 0px 0px; padding:20px; border: 1px solid #999;} /* Home Main Image Box w/opacity ----------------------------------------*/ #homeMainImage { width: 985px; background-color: #333; height:260px; } #opacityBar {background-color: #000; position: absolute; margin-top: 175px; height: 85px; width: 985px; opacity: 0.5; filter:alpha(opacity: 50); -khtml-opacity: 0.5; z-index: 1;} #textBar {position: absolute; margin-top: 185px; height: 65px; color: #fff; padding: 0px 10px 10px 10px; z-index: 2;} #textBar h1 {font-size: 22px; color: #fff; margin: 0px; padding: 0px;} #textBar h3 {font-size: 14px; margin: 0px; padding: 0px; color: #fff; font-weight: normal;} /* Destination Home Main Image Box w/opacity ----------------------------------------*/ #destinationHeaderImage {margin: 0px 0px 20px 0px;} #destination_opacityBar {background-image: url(../images/opacityDarkBg.png); background-repeat: repeat; position: absolute; margin-top: 57px; height: 55px; width: 740px; z-index: 1; } * html #destination_opacityBar {background-image:none; background-color: #000; position: absolute; margin-top: 57px; height: 55px; width: 740px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 1; } #destination_textBar {position: absolute; margin-top: 60px; height: 52px; width: 400px; color: #fff; padding: 0px 10px 10px 10px; z-index: 2;} #destination_textBar h1 {font-size: 32px; color: #fff; margin: 0px; padding: 0px;} #destination_textBar h3 {font-size: 12px; margin: 0px; padding: 0px; color: #e9e9e9; font-weight: bold; text-transform: uppercase;} .boxBullet {width: 12px; height: 11px; background-color: #e9e9e9; margin: 2px 7px 0px 0px; padding: 0px 0px 0px 0px; float: left;} /* Destination Individual Main Image Box w/opacity ----------------------------------------*/ #destinationHeaderImageIndividual {margin: 0px 0px 20px 0px;} #destinationIndividual_opacityBar {background-image: url(../images/opacityDarkBg.png); background-repeat: repeat; position: absolute; margin-top: 105px; height: 57px; width: 740px; z-index: 1; } * html #destinationIndividual_opacityBar {background-image:none; background-color: #000; position: absolute; margin-top: 105px; height: 57px; width: 740px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 1; } #destinationIndividual_textBar {position: absolute; margin-top: 108px; height: 44px; width: 400px; color: #fff; padding: 0px 10px 10px 10px; z-index: 2;} #destinationIndividual_textBar h1 {font-size: 32px; color: #fff; margin: 0px; padding: 0px;} #destinationIndividual_textBar h3 {font-size: 12px; margin: 0px; padding: 0px; color: #e9e9e9; font-weight: bold; text-transform: uppercase;} .boxBullet {width: 12px; height: 11px; background-color: #e9e9e9; margin: 2px 7px 0px 0px; padding: 0px 0px 0px 0px; float: left;} /* Full Width Header Image Box w/opacity ----------------------------------------*/ #fullWidth_HeaderImage {margin: 0px 0px 20px 0px;} #fullWidth_opacityBar {background-image: url(../images/opacityLightBg.png); background-repeat: repeat; position: absolute; margin-top: 12px; height: 57px; width: 985px; z-index: 1; } * html #fullWidth_opacityBar {background-image:none; background-color: #000; position: absolute; margin-top: 12px; height: 57px; width: 985px; filter:alpha(opacity=50); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; z-index: 1; } #fullWidth_textBar {position: absolute; margin-top: 17px; height: 52px; width: 700px; color: #fff; padding: 0px 10px 0px 10px; z-index: 2;} #fullWidth_textBar h1 {font-size: 32px; color: #fff; margin: 0px; padding: 0px;} #fullWidth_textBar h3 {font-size: 12px; margin: 0px; padding: 0px; color: #e9e9e9; font-weight: bold; text-transform: uppercase;} .boxBullet {width: 12px; height: 11px; background-color: #e9e9e9; margin: 2px 7px 0px 0px; padding: 0px 0px 0px 0px; float: left;} /*--- Tripbuilder Views Page | Top section ---*/ #tripbuilderTopInfo {margin-top: 20px; border-bottom: 2px solid #e8e8e8; padding-bottom: 15px;} #tripbuilderTopInfo p {font-size: 16px; line-height: 20px;} #tripbuilderTopInfo h3.destinationGlobe a {color: #993300;} #tripbuilderTopInfo h3.destinationGlobe a:hover {color: #999;} #tripbuilderTopInfo h3.destinationGlobe {background-image: url(../images/icon_smallGlobe.jpg); padding: 0px 0px 0px 25px; height: 19px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 5px 0px; font-size: 18px; font-weight: normal; color: #993300;} #tripbuilderTopInfo h3.destinationPrint {padding: 0px 0px 0px 0px; height: 19px; margin: 0px 0px 5px 0px; font-size: 18px; font-weight: normal; color: #333;} .hotelWrapper h3.destinationGlobe a {color: #993300;} .hotelWrapper h3.destinationGlobe a:hover {color: #999;} .hotelWrapper h3.destinationGlobe {background-image: url(../images/icon_smallGlobe.jpg); padding: 0px 0px 0px 25px; height: 19px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 5px 0px; font-size: 18px; font-weight: normal; color: #993300;} .hotelWrapper p {font-size: 14px; line-height: 16px; color: #666; padding: 0px 0px 0px 10px;} /* Full Width Trip Buildr Views ----------------------------------------*/ #tripbuilder_chooseViews {padding: 5px 0px 5px 0px; border-bottom: 2px solid #e8e8e8; height: 23px;} #tripbuilder_chooseViews ul {list-style-type: none; margin: 0px; padding: 0px;} #tripbuilder_chooseViews ul li {float: right; margin: 0px 0px 0px 10px; padding: 0px; font-weight: bold; font-size: 12px;} /* Individual Trip Summary Top Bar ----------------------------------------*/ #summaryTopBar {background-color: #666; margin: 3px 0px 10px 0px; padding: 10px 0px 10px 0px;} #summaryTopBar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none;} #summaryTopBar ul li {float: left; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; background-color: #666;} #summaryTopBar ul li.day {width: 15%; padding-left: 10px;} #summaryTopBar ul li.activities {width: 45%; padding-left: 10px;} #summaryTopBar ul li.hotel {width: 35%; padding-left: 10px;} /* Individual Trip Summary Day Bar ----------------------------------------*/ #summaryDayBar {margin: 0px 0px 0px 0px; padding: 4px 0px 4px 0px;} #summaryDayBar ul {list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px 0px 15px 0px; background: none; border-bottom: 1px solid #ccc;} #summaryDayBar ul li {float: left; font-size: 12px; color: #333;} #summaryDayBar ul li.day {width: 15%; padding-left: 0px;} #summaryDayBar ul li.activities {width: 45%; padding-left: 10px;} #summaryDayBar ul li.activities ul {list-style-type: circle; padding: 5px 0px 5px 15px; border-bottom: 0px solid #ccc;} #summaryDayBar ul li.activities ul li {padding: 0px 0px 5px 0px;} #summaryDayBar ul li.hotel {width: 35%; padding-left: 20px;} #summaryDayBar ul li.hotel h3.hotel {background-image: url(../images/tbIcon_hotel.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} #summaryDayBar ul li.hotel p {padding:5px 0px 0px 5px;} .dayPopSummary {margin: 10px 0px 10px 0px;} .dayPopLocation {font-size: 14px; font-weight: bold;} #summaryLeft {float: left; width: 250px;} #summaryLeft img {margin: 10px 0px 5px 0px; border: 5px solid #e8e8e8;} #summaryLeft .caption {padding: 10px 0px 10px 0px; font-style: italic;} #summaryRight {float: right; width: 450px;} #summaryRight h1 {margin-bottom: 10px;} #summaryRight ul {margin: 0px; padding: 0px; list-style-type: circle;} #summaryRight ul li {font-size: 14px; margin: 0px 0px 0px 20px; padding: 5px 0px 10px 0px;} /* Top Bar ----------------------------------------*/ #tpGrid_topBar {background-color: #666; margin: 3px 0px 0px 0px; padding: 4px 0px 4px 0px;} #tpGrid_topBar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none;} #tpGrid_topBar ul li {float: left; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; background-color: #666;} #tpGrid_topBar ul li.day {width: 85px; padding-left: 10px;} #tpGrid_topBar ul li.date {width: 83px; padding-left: 10px;} #tpGrid_topBar ul li.destination {width: 222px; padding-left: 10px;} #tpGrid_topBar ul li.destinationInfo {width: 344px; padding-left: 10px; color: #666;} #tpGrid_topBar ul li.itineraryInfo {width: 500px; padding-left: 10px; color: #666;} #tpGrid_topBar ul li.tools {width: 192px; padding-left: 10px;} /* Day Bar ----------------------------------------*/ .tpGrid_dayBarContainer {border-bottom: 2px solid #e9e9e9; padding: 0px 0px 4px 0px;} .tpGrid_dayBar {background-color: #d9ecf9; margin: 5px 0px 0px 0px; padding: 13px 0px 13px 0px;} .tpGrid_dayBar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none;} .tpGrid_dayBar ul li {float: left; font-size: 14px; color: #333; font-weight: bold; background-color: #d9ecf9;} .tpGrid_dayBar ul li a {text-decoration: underline;} .tpGrid_dayBar ul li.day {width: 85px; padding-left: 10px;} .dayPop {text-transform: uppercase; color: #fff; padding: 4px 6px 4px 6px; background-color: #666;} .tpGrid_dayBar ul li.date {width: 83px; padding-left: 10px;} .tpGrid_dayBar ul li.destination {width: 222px; padding-left: 10px;} .tpGrid_dayBar ul li.destinationInfo {width: 344px; padding-left: 10px; color: #d9ecf9;} .tpGrid_dayBar ul li.itineraryInfoInfo {width: 500px; padding-left: 10px; color: #d9ecf9;} .tpGrid_dayBar ul li.tools {width: 192px; padding-left: 10px;} /* Info Bar ----------------------------------------*/ .tpGrid_infoBar {background-color: #fff; margin: 5px 0px 0px 0px; padding: 6px 0px 13px 0px; border-bottom: 2px solid #f5f5f5;} .tpGrid_infoBar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none;} .tpGrid_infoBar ul li {float: left; font-size: 12px; color: #333; font-weight: normal; background-color: #fff;} .tpGrid_infoBar ul li.day {width: 85px; padding-left: 10px; color: #fff;} .tpGrid_infoBar ul li.date {width: 83px; padding-left: 10px; color: #fff;} .tpGrid_infoBar ul li.destination {width: 222px; padding-left: 10px;} .tpGrid_infoBar ul li.destinationInfo {width: 344px; padding-left: 10px;} .tpGrid_infoBar ul li.itineraryInfo {width: 500px; padding-left: 10px;} .tpGrid_infoBar ul li.tools {width: 192px; padding-left: 10px; height: 16px;} .tpGrid_infoBar ul li a {text-decoration: underline;} div.itineraryDayBar {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 2px solid #999;} div.itineraryDayBar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none;} div.itineraryDayBar ul li {float: left; font-size: 14px; color: #666; font-weight: bold; padding: 10px 0px 5px 0px;} div.itineraryDayBar ul li.day {width: 20%;} div.itineraryDayBar ul li.date {width: 50%;} div.itineraryDayBar ul li.location {width: 30%;} div.itineraryInfoBar {} div.itineraryInfoBar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none;} div.itineraryInfoBar ul li {float: left; font-size: 12px; color: #666; font-weight: normal; padding: 5px 0px 5px 0px;} div.itineraryInfoBar ul li ul li {padding: 0px 0px 0px 0px;} div.itineraryInfoBar ul li.typeLeft {width: 20%;} div.itineraryInfoBar ul li.descriptionRight {width: 80%;} /* Start Confirmation Page */ div#confirmationWrapper {width:850px; margin:30px 0px 30px 30px;} div.confirmationDayBar {margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #ccc; background-color: #dff4fc;} div.confirmationDayBar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none;} div.confirmationDayBar ul li {float: left; font-size: 14px; color: #666; font-weight: bold; padding: 7px 0px 5px 0px;} div.confirmationDayBar ul li a:link, div.confirmationDayBar ul li a:visited {text-decoration: underline;} div.confirmationDayBar ul li.bookingDate {width: 15%; padding-left:10px;} div.confirmationDayBar ul li.type {width: 10%;} div.confirmationDayBar ul li.itemName {width: 48%; padding-left:5px;} div.confirmationDayBar ul li.price {width: 10%; padding-left:5px;} div.confirmationDayBar ul li.confirmation {width: 7%;} div.confirmationInfoBar {} div.confirmationInfoBar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none;} div.confirmationInfoBar ul li {float: left; font-size: 12px; color: #666; font-weight: normal; padding: 5px 0px 5px 0px;} div.confirmationInfoBar ul li ul li {padding: 0px 0px 0px 0px; } div.confirmationInfoBar ul li.bookingDate {width: 15%; padding-left:10px; color: #333;} div.confirmationInfoBar ul li.type {width: 10%; color: #333;} div.confirmationInfoBar ul li.itemName {width: 48%; color: #333; padding-left:5px;} div.confirmationInfoBar ul li.price {width: 10%; color: #333; padding-left:5px;} div.confirmationInfoBar ul li.confirmation {width: 7%;} div.alert {background-color: #fcfce8; border: 1px solid #eae9a3; padding:5px; margin-top:20px;} /* End Confirmation Page */ .tpGrid_infoBar ul li h3.hotel {background-image: url(../images/tbIcon_hotel.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.flight {background-image: url(../images/tbIcon_flight.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.cruise {background-image: url(../images/tbIcon_cruise.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.golf {background-image: url(../images/tbIcon_golf.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.rail {background-image: url(../images/tbIcon_rail.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.restaurant {background-image: url(../images/tbIcon_restaurant.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.activity {background-image: url(../images/tbIcon_activity.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.carRentals {background-image: url(../images/tbIcon_carRentals.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.transfer {background-image: url(../images/tbIcon_transfer.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.myItem {background-image: url(../images/tbIcon_myItem.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li h3.phone {background-image: url(../images/tbIcon_phone.gif); padding: 4px 0px 0px 28px; height: 20px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} .tpGrid_infoBar ul li.destination p {font-weight: normal; color: #666; margin: 0px; padding: 3px 0px 0px 24px;} .tpGrid_infoBar ul li.destinationInfo p {font-weight: normal; color: #333; margin: 0px; padding: 4px 0px 0px 0px;} .starRating ul {list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px;} .starRating ul li {float: left; color: #999;} .starRating ul li img {border: none} .tpGrid_infoBar ul li.tools a.edit {background-image: url(../images/tpIcon_edit.gif); padding: 1px 0px 5px 22px; height: 16px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-weight: normal;} .tpGrid_infoBar ul li.tools a.view {background-image: url(../images/tpIcon_view.gif); padding: 1px 0px 5px 22px; height: 16px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 7px; font-weight: normal;} .tpGrid_infoBar ul li.tools a.delete {background-image: url(../images/tpIcon_delete.gif); padding: 1px 0px 5px 22px; height: 16px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 7px; font-weight: normal;} #headerSeperator {height: 12px; background-color: #e8e8e8;} p {margin: 0 0 1em 0;} #rightMain { width: 740px; float: right; padding: 0px; font-size: 12px; background-color: #fff; color: #666; margin: 20px 0px 0px 0px; } #fullWidth { width: 985px; padding: 0px; font-size: 12px; background-color: #fff; color: #666; margin: 20px 0px 0px 0px; } .sidebarSep {border-bottom: 2px solid #e9e9e9; width: 100%; margin-top: 7px; margin-bottom: 7px; float: left;} .sidebarSepAlt {border-bottom: 2px solid #e9e9e9; width: 100%; margin-top: 10px; margin-bottom: 10px; float: left;} #leftSidebar {width: 216px; color: #999; font-size: 12px; padding: 20px 0px 0px 0px;} #leftSidebar p {margin: 5px 0px 5px 0px; padding: 0px; color: #666; font-size: 12px; line-height: 16px;} #leftSidebarSep {border-bottom: 2px solid #e8e8e8; margin: 10px 0px 10px 0px;} /*--- 3 column featured section on destination Pages ---*/ #threeColumnFeatured {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;} #threeColumnFeatured ul {list-style-type: none; margin: 20px 0px 0px 0px; padding: 0px;} #threeColumnFeatured ul li {float: left; width: 224px;} #threeColumnFeatured h1.largeStar {background-image: url(../images/largeStar.jpg); padding: 3px 0px 2px 40px; border-bottom: 2px solid #ccc; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 5px 0px 10px 0px; font-size: 24px; font-weight: normal; color: #333;} #threeColumnFeatured p {font-size: 12px; color: #666; padding: 5px 0px 3px 0px; line-height: 16px; margin: 0px 0px 7px 0px;} #threeColumnFeatured ul li a img {margin: 0px 0px 0px 0px; border: 5px solid #ccc;} #threeColumnFeatured ul li a:hover img {border: 5px solid #e9e9e9;} #threeColumnFeatured ul li h3.destinationGlobe a {color: #993300;} #threeColumnFeatured ul li h3.destinationGlobe a:hover {color: #999;} #threeColumnFeatured ul li h3.destinationGlobe {background-image: url(../images/icon_smallGlobe.jpg); padding: 3px 0px 0px 25px; height: 19px; background-position: top left; background-repeat: no-repeat; margin: 5px 0px 0px 0px; font-size: 14px; font-weight: bold; color: #993300;} /*--- Home 4 column featured section ---*/ #fourColumnFeatured {margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; border-bottom: 2px solid #e9e9e9;} #fourColumnFeatured ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px;} #fourColumnFeatured ul li {float: left; width: 224px; margin-left: 6px;} #fourColumnFeatured ul li a img {margin: 0px 0px 0px 0px; border: 5px solid #ccc;} #fourColumnFeatured ul li a:hover img {border: 5px solid #e9e9e9;} #fourColumnFeatured ul li h1 {font-size: 20px; font-weight: normal; color: #333;} #fourColumnFeatured ul li h1.noIndent {padding: 2px 0px 0px 0px; height: 30px; margin: 0px 0px 0px 0px; } #fourColumnFeatured ul li h1.star {background-image: url(../images/homeIcon_star.jpg); padding: 2px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; } #fourColumnFeatured ul li h1.email {background-image: url(../images/homeIcon_email.jpg); padding: 2px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; } #fourColumnFeatured ul li h1.tripbuilder {background-image: url(../images/homeIcon_tripbuilder.jpg); padding: 2px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; } #fourColumnFeatured ul li h3.destinationGlobe a {color: #993300;} #fourColumnFeatured ul li h3.destinationGlobe a:hover {color: #999;} #fourColumnFeatured ul li h3.destinationGlobe {background-image: url(../images/icon_smallGlobe.jpg); padding: 0px 0px 0px 25px; height: 19px; background-position: top left; background-repeat: no-repeat; margin: 5px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #993300;} #fourColumnFeatured p {font-size: 12px; color: #666; padding: 5px 0px 3px 0px; line-height: 16px; margin: 0px 0px 7px 0px;} #fourColumnFeatured p.numberOne {font-size: 16px; color: #666; padding: 10px; line-height: 18px; margin: 0px 0px 13px 0px; background-color: #efefea; font-style: italic; line-height: 20px;} #fourColumnFeatured a img {border: none;} /*---Left Sidebar section ---*/ #leftSidebar {margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px;} #leftSidebar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px;} #leftSidebar ul li { width: 216px; padding-bottom:20px; margin-bottom: 20px; border-bottom: 2px solid #e9e9e9;} /*---Left Sidebar h1 icons ---*/ #leftSidebar ul li h1.star {background-image: url(../images/homeIcon_star.jpg); padding: 2px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; } #leftSidebar ul li h1.email {background-image: url(../images/homeIcon_email.jpg); padding: 2px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; } #leftSidebar ul li h1.star {background-image: url(../images/homeIcon_star.jpg); padding: 2px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; } #leftSidebar ul li h1.tripbuilder {background-image: url(../images/homeIcon_tripbuilder.jpg); padding: 2px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; } #leftSidebar ul li.testimonials h1.testimonials {background-image: url(../images/homeIcon_testimonials.jpg); padding: 2px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px;} #leftSidebar ul li.testimonials p {font-size: 18px; color: #999; padding: 5px 0px 5px 0px; line-height: 22px; font-style: italic;} #leftSidebar ul li h3.destinationGlobe {background-image: url(../images/icon_smallGlobe.jpg); padding: 0px 0px 0px 25px; height: 19px; background-position: top left; background-repeat: no-repeat; margin: 5px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #993300;} #leftSidebar p {font-size: 12px; color: #666; padding: 5px 0px 3px 0px; line-height: 16px; margin: 0px 0px 7px 0px;} #leftSidebar p.numberOne {font-size: 16px; color: #666; padding: 10px; line-height: 18px; margin: 0px 0px 13px 0px; background-color: #efefea; font-style: italic; line-height: 20px;} #leftSidebar a img {border: none;} /*---Left Sidebar Destination UL lists ---*/ #leftSidebar h1.destinations {background-image: url(../images/sidebarIcon_globe.jpg); padding: 3px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; } #leftSidebar ul#destinations {list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px 0px 3px 0px; background-image: url(../images/sidebarDestinationsBg.jpg); background-repeat: repeat-x; background-color: #f2f9fe; border-bottom: 3px solid #e9e9e9;} #leftSidebar ul#destinations li {border-bottom: 3px solid #fff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #leftSidebar ul#destinations li a {width: 196px; padding: 5px 0px 5px 20px; font-size: 14px; font-weight: bold; display: block; background-color: #f2f9fe;} #leftSidebar ul#destinations li a:hover {width: 196px; padding: 5px 0px 5px 20px; font-size: 14px; font-weight: bold; background-color: #e9e9e9;} #leftSidebar ul#destinations li.drop {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 0px solid #fff;} #leftSidebar ul#destinations li.drop ul.drop { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #leftSidebar ul#destinations li.drop ul.drop li {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 3px solid #fff; font-size: 12px; font-weight: normal;} #leftSidebar ul#destinations li.drop ul.drop li a {width: 186px; padding: 5px 0px 5px 30px; font-size: 12px; font-weight: normal;} /*--- Home 2 column featured section ---*/ #homeTwoColumn {margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;} #homeTwoColumn ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px;} #homeTwoColumn ul li {float: left; width: 645px;} #homeTwoColumn ul li.right {float: right; width: 315px;} #homeTwoColumn ul li h1 {margin: 0px 0px 5px 0px; font-size: 20px; font-weight: normal; color: #333; padding: 0px 0px 0px 0px;} #homeTwoColumn ul li.right h1.testimonials {border-bottom: 2px solid #e9e9e9; background-image: url(../images/homeIcon_testimonials.jpg); padding: 2px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; font-size: 20px; font-weight: normal; color: #333;} #homeTwoColumn ul li.right p {font-size: 18px; color: #999; padding: 5px 0px 5px 0px; line-height: 22px; font-style: italic;} #homeTwoColumn p.blueBg {font-size: 16px; color: #666; padding: 15px; line-height: 20px; background-color: #eff5fa;} #homeTwoColumn a img {border: none;} h1.plusAdventures {background-image: url(../images/icon_plus.jpg); padding: 0px 0px 2px 40px; border-bottom: 2px solid #ccc; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 5px 0px 10px 0px; font-size: 24px; font-weight: normal; color: #333; } h1.childGlobe {background-image: url(../images/sidebarIcon_globe.jpg); padding: 1px 0px 0px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; border-bottom: 2px solid #ccc; margin: 5px 0px 10px 0px; font-size: 24px; font-weight: normal; color: #333; } h1.tripbuilderGuy {background-image: url(../images/tripbuilderIcon_guy.jpg); padding: 5px 0px 5px 40px; height: 30px; background-position: top left; background-repeat: no-repeat; border-bottom: 2px solid #ccc; margin: 5px 0px 10px 0px; font-size: 24px; font-weight: normal; color: #333; } div.affiliateInfo {padding: 10px; border: 1px solid #999; color: #666; font-size: 16px; margin-top: 10px; width: 400px;} div.affiliateInfo_Voucher {padding: 10px; border: 1px solid #ccc; color: #666; font-size: 16px; margin-top: 0px; width: 400px; font-size: 12px; margin: 0px auto;} h1.affiliateGuy { padding: 20px 0px 5px 0px; height: 50px; background-position: center left; background-repeat: no-repeat; border-bottom: 2px solid #ccc; margin: 5px 0px 20px 0px; font-size: 40px; font-weight: normal; color: #666; text-align: center;} h1.affiliateGuyVoucher { padding: 20px 0px 5px 0px; height: 50px; background-position: center left; background-repeat: no-repeat; border-bottom: 2px solid #e8e8e8; margin: 5px 0px 20px 0px; font-size: 40px; font-weight: normal; color: #666; text-align: center;} h1.myTripsGuy {background-image: url(../images/icon_myTripsGuy.jpg); padding: 0px 0px 2px 40px; border-bottom: 0px solid #ccc; height: 60px; background-position: top left; background-repeat: no-repeat; margin: 5px 0px 10px 0px; font-size: 22px; font-weight: normal; color: #333; line-height: 24px; } h1.myTripsTag {background-image: url(../images/icon_myTripsTag.jpg); padding: 0px 0px 5px 50px; height: 30px; background-position: top left; background-repeat: no-repeat; border-bottom: 2px solid #ccc; margin: 5px 0px 20px 0px; font-size: 24px; font-weight: normal; color: #333; } h1.tripbuilderPage {background-image: url(../images/homeIcon_tripbuilder.jpg); padding: 0px 0px 5px 40px; height: 30px; background-position: top left; background-repeat: no-repeat; border-bottom: 2px solid #ccc; margin: 5px 0px 20px 0px; font-size: 24px; font-weight: normal; color: #333; } h2.tripbuilderStepOne {background-image: url(../images/icon_tripbuilderStepOne.jpg); padding: 0px 0px 5px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 5px 0px 20px 0px; font-size: 16px; font-weight: normal; color: #666;} h2.tripbuilderStepOne_short {background-image: url(../images/icon_tripbuilderStepOne.jpg); padding: 10px 0px 10px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 20px 0px 10px 0px; font-size: 16px; font-weight: normal;} h2.tripbuilderStepTwo {background-image: url(../images/icon_tripbuilderStepTwo.jpg); padding: 0px 0px 5px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 5px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} h2.tripbuilderStepTwo_short {background-image: url(../images/icon_tripbuilderStepTwo.jpg); padding: 10px 0px 10px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 20px 0px 10px 0px; font-size: 16px; font-weight: normal;} h2.tripbuilderStepThree {background-image: url(../images/icon_tripbuilderStepThree.jpg); padding: 0px 0px 5px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 5px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} h2.tripbuilderStepThree_short {background-image: url(../images/icon_tripbuilderStepThree.jpg); padding: 10px 0px 10px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 20px 0px 10px 0px; font-size: 16px; font-weight: normal;} h2.tripbuilderStepFour {background-image: url(../images/icon_tripbuilderStepFour.jpg); padding: 0px 0px 5px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 5px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} h2.tripbuilderStepFour_short {background-image: url(../images/icon_tripbuilderStepFour.jpg); padding: 10px 0px 10px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 20px 0px 10px 0px; font-size: 16px; font-weight: normal;} h2.tripbuilderStepFive {background-image: url(../images/icon_tripbuilderStepFive.jpg); padding: 0px 0px 5px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 5px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} h2.tripbuilderStepFive_short {background-image: url(../images/icon_tripbuilderStepFive.jpg); padding: 10px 0px 10px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 20px 0px 10px 0px; font-size: 16px; font-weight: normal;} h2.tripbuilderStepSix {background-image: url(../images/icon_tripbuilderStepSix.jpg); padding: 0px 0px 5px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 5px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #666;} h2.tripbuilderStepSix_short {background-image: url(../images/icon_tripbuilderStepSix.jpg); padding: 10px 0px 10px 50px; background-position: top left; background-repeat: no-repeat; border-bottom: 0px solid #ccc; margin: 20px 0px 10px 0px; font-size: 16px; font-weight: normal;} /*--- My Trips Page | Trips Section ---*/ #myTripsInfo {border-bottom: 1px solid #e8e8e8; height: 150px; padding-top: 10px;} #myTripsInfo p {font-size: 12px; line-height: 14px; margin: 2px 0px 10px 0px} #myTripsInfo h3.destinationGlobe a {color: #993300;} #myTripsInfo h3.destinationGlobe a:hover {color: #999;} #myTripsInfo h3.destinationGlobe {background-image: url(../images/icon_smallGlobe.jpg); padding: 0px 0px 0px 25px; height: 19px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 10px 0px; font-size: 18px; font-weight: normal; color: #993300;} #myTripsInfo ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #myTripsInfo ul li {height: 32px;} #myTripsInfo ul li a img {float: left; margin: 0px 0px 0px 0px; border: 5px solid #ccc;} #myTripsInfo ul li a:hover img {border: 5px solid #e9e9e9;} /*--- Tripbuilder Page | Fields List ---*/ ul#stepOneFields {list-style-type: none; margin: 0px 0px 0px 50px;} ul#stepOneFields li {margin: 20px 0px 20px 0px;} ul#stepOneFields li h3 {font-size: 16px; color: #993300; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0px;} ul#selectFields {list-style-type: none; margin: 0px 0px 0px 50px;} ul#selectFields li {margin: 0px 0px 10px 0px;} ul#selectFields li h3 {font-size: 16px; color: #993300; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0px;} #sectionContainer {margin: 10px 0px 0px 0px;} .space {margin: 3px 0px 5px 0px;} #sectionContainer a img {border: none;} /*--- Blue Link In Sidebar sections and on homepage ---*/ #pageLink_container {font-size: 12px; font-weight: bold;} #pageLink_container a {padding: 2px 0px 2px 0px;} #pageLink_container a:hover {color: #999;} #pageLink_container_magGlass {font-size: 12px; font-weight: bold; background-image: url(../images/icon_magGlass.jpg); padding: 2px 0px 0px 25px; height: 19px; background-position: top left; margin-top: 10px; background-repeat: no-repeat;} #pageLink_container_magGlass a {padding: 12px 0px 2px 0px;} #pageLink_container_magGlass a:hover {color: #999;} /*--- Pagination Link Style but smaller (used on homepage) ---*/ #pageLink_containerAlt {font-size: 12px; font-weight: bold;} #pageLink_containerAlt a {padding: 2px 4px 2px 4px; background-image: url(../images/btnAlt_bg.jpg); border: 1px solid #c6c7a9; display: block;} #pageLink_containerAlt a:hover {color: #333;} #pageLink_containerAltLarge {font-size: 14px; font-weight: bold;} #pageLink_containerAltLarge a {padding: 2px 4px 2px 4px; background-image: url(../images/btnAlt_bg.jpg); border: 1px solid #c6c7a9; display: block;} #pageLink_containerAltLarge a:hover {color: #333;} #tabLink_containerAltLarge {font-size: 14px; font-weight: bold; width: 19%;} #tabLink_containerAltLarge a {padding: 2px 4px 2px 4px; background-image: url(../images/btnAlt_bg.jpg); border: 1px solid #c6c7a9; display: block; text-align: center;} #tabLink_containerAltLarge a:hover {padding: 2px 4px 2px 4px; background-color: #666; color: #fff; border: 1px solid #333; display: block; text-align: center; background-image: none;} #tabLink_containerAltLargeOn {font-size: 14px; font-weight: bold; width: 19%;} #tabLink_containerAltLargeOn a {padding: 2px 4px 2px 4px; background-color: #666; color: #fff; border: 1px solid #333; display: block; text-align: center;} #tabLink_containerAltLargeOn a:hover {color: #fff;} #pageLink_containerDownArrow {font-size: 14px; font-weight: bold;} #pageLink_containerDownArrow a img {display: block; padding: 3px; background-image: url(../images/btnAlt_bg.jpg); border: 1px solid #c6c7a9;} #pageLink_containerDownArrow a:hover img {display: block; padding: 3px; background-image: url(../images/btnAlt_bg.jpg); border: 1px solid #666;} #pageLink_containerAltLargeOn {font-size: 14px; font-weight: bold;} #pageLink_containerAltLargeOn a {padding: 2px 4px 2px 4px; background-color: #666; color: #fff; border: 1px solid #333; display: block;} #pageLink_containerAltLargeOn a:hover {color: #fff;} #pageLink_containerAltLargeRed {font-size: 14px; font-weight: bold;} #pageLink_containerAltLargeRed a {padding: 2px 4px 2px 4px; background-image: url(../images/btnAltRed_bg.jpg); border: 1px solid #333; color: #fff; display: block;} #pageLink_containerAltLargeRed a:hover {color: #ccc;} #pageLink_containerAltLarge_Unified {font-size: 14px; font-weight: bold;} #pageLink_containerAltLarge_Unified a {padding: 3px 8px 3px 8px; display: block; background-image: url(../images/btnAlt_bg.jpg); border: 1px solid #c6c7a9;} #pageLink_containerAltLarge_Unified a:hover {color: #333;} /*--- Destination Individual Page ---*/ #destination_gradientBg {background-image: url(../images/lightGrey_gradientBg.jpg); background-repeat: repeat-x; padding: 10px; font-size: 14px; line-height: 20px; border-bottom: 1px solid #e8e8e8; margin-bottom: 10px;} #destination_gradientBg h1 {font-size: 22px; font-weight: normal; display: inline; color:#993300; } /*--- Pagination Links ---*/ #paginationWrapper {border-bottom: 1px solid #e8e8e8; margin: 5px 0px 20px 0px; padding: 0px 0px 10px 0px;} #pageLink_containerPagination {font-size: 14px; font-weight: normal; float: left; margin: 0px 15px 0px 0px;} #pageLink_containerPagination a {padding: 2px 6px 2px 6px; font-weight: bold; background-image: url(../images/btnAlt_bg.jpg); border: 1px solid #c6c7a9;} #pageLink_containerPagination a:hover {color: #333; font-weight: bold;} #pageLink_containerPagination_selected {font-size: 14px; font-weight: normal; float: left; margin: 0px 15px 0px 0px;} #pageLink_containerPagination_selected a {padding: 2px 6px 2px 6px; font-weight: bold; background-color: #666; color: #fff; border: 1px solid #333;} #pageLink_containerPagination_selected a:hover {color: #fff; font-weight: bold;} /*--- Adventures List ---*/ #adventuresList {} #adventuresList ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #adventuresList ul li {border-bottom: 1px solid #e8e8e8; margin: 5px 0px 20px 0px; padding: 0px 0px 20px 0px; line-height: 16px;} #adventuresList ul li a img {float: left; margin: 0px 0px 0px 0px; border: 5px solid #ccc;} #adventuresList ul li a:hover img {border: 5px solid #e9e9e9;} #adventuresList ul li h3.destinationGlobe a {color: #993300;} #adventuresList ul li h3.destinationGlobe a:hover {color: #999;} #adventuresList ul li h3.destinationGlobe {background-image: url(../images/icon_smallGlobe.jpg); padding: 2px 0px 0px 25px; height: 19px; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 5px 0px; font-size: 18px; font-weight: normal; color: #993300;} #adventureListContent {float:right; width:550px;} /*--- Breadcrumb Trail ---*/ #breadcrumbTrail {font-size: 12px; color: #666; margin-bottom: 5px;} #breadcrumbTrail a {text-decoration: underline;} /*--- Link Styles ---*/ a:link, a:visited {color:#336699; text-decoration:none;} a:hover, a:active {color:#666; text-decoration:none;} img {display:block;} h1 {font-size: 20px; font-weight: normal; color: #333; margin: 0px 0px 5px;} blockquote {margin: 0 0 18px 18px; color:#666666; font-style: italic;} strong {font-weight:bold;} em {font-style:italic;} /*--- Continues BG of Nav to end of page, as IE shortens the width ---*/ #navContainer {border-bottom: 7px solid #dedede; background-image: url('../images/nav_btnBgAlt2.jpg'); background-position: top left; background-repeat: repeat-x;} /* Standard Definitions ----------------------------------------*/ .left {float:left;} .right {float:right;} .clearBoth {clear:both;} .small {font-size:.625em;} .large {font-size:1em;} .soft {color:#D3D3D3;} .hide {display:none;} p.last {margin-bottom:0px;} .blue {color: #336699;} .lightBlue {color: #3399cc;} .lightGrey {color: #ccc;} .bold {font-weight: bold;} .redOrange {color: #cc3300;} .boldGreen {font-size: 24px; font-weight: bold; color: #669900;} .boldBlue { font-weight: bold; color: #3399cc;} .boldDarkBlue { font-weight: bold; color: #336699;} .boldGrey { font-weight: bold; color: #666633;} .linkContainer {margin: 5px 0px 0px 0px; } .linkContainer a:link {border-bottom: 1px solid #e8e8e8; padding-bottom: 3px;} #headerText_container {margin: 10px 0px 8px 0px;} /* Footer ----------------------------------------*/ #footer { padding:0px 0px 13px 0px; margin:0px; background-color: #fff; font-size: 12px; font-family: Arial; color: #666; } #footerLinks {border-top: 1px solid #ccc; padding-top: 5px; margin: 20px 0px 0px 0px;} #footerLink_container {font-size: 14px;} #footerLink_container a { color: #990066; padding: 5px 35px 5px 0px; background: url('../images/purpleArrow.jpg') top right; background-repeat: no-repeat; } #footerLink_container a:hover {color: #999;} /* Image Rollovers _ CSS Graphical ----------------------------------------*/ /* Nav ----------------------------------------*/ ul#gfxButton { padding:0px; margin:0px 0px 0px 0px;} ul#gfxButton li {list-style-type:none; margin:0px 0px 5px 0px;} /* Image Replacement ----------------------------------------*/ ul#gfxButton li a {/*Set to height of image*/ height:21px; display:block; text-indent:-9999px; outline:none;} /*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/ li#btn_viewThisAdventure a {background-image: url(../images/gfxBtn_viewThisAdventure.jpg); width:125px;} li#btn_viewRecomendedTrips a {background-image: url(../images/gfxBtn_viewRecommendedTrips.jpg); width:163px;} li#btn_buildNewTrip a {background-image: url(../images/gfxBtn_buildNewTrip.jpg); width:125px;} li#btn_buildThisTrip a {background-image: url(../images/gfxBtn_buildThisTrip.jpg); width:125px;} li#btn_resetPage a {background-image: url(../images/gfxBtn_resetPage.jpg); width:76px;} li#btn_calendarIcon a {background-image: url(../images/gfxBtn_calendarIcon.jpg); width:23px;} li#btn_register a {background-image: url(../images/gfxBtn_register.jpg); width:76px;} li#btn_cancel a {background-image: url(../images/gfxBtn_cancel.jpg); width:76px;} gfxBtn_calendarIcon /* CSS Rollover (Sprites) - Advanced Users! ----------------------------------------*/ /*Each link must have a unique ID - Include all of your links here - Remove if not using!*/ li#btn_viewThisAdventure a:hover, li#btn_viewRecomendedTrips a:hover, li#btn_buildNewTrip a:hover, li#btn_buildThisTrip a:hover, li#btn_resetPage a:hover, li#btn_calendarIcon a:hover, li#btn_register a:hover, li#btn_cancel a:hover {background-position:0 -21px; /*Set to height of image !must be negative!*/} #modal_add {margin: 0px 0px 0px 0px;} #modal_add ul#planChoices {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;} #modal_add ul#planChoices li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #modal_add ul#planChoices li.addNote a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_addNote.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.addNote a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_addNote.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.hotel a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_hotel.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.hotel a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_hotel.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.flight a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_flight.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.flight a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_flight.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.cruise a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_cruise.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.cruise a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_cruise.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.golf a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_golf.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.golf a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_golf.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.rail a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_rail.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.rail a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_rail.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.restaurant a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_restaurant.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.restaurant a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_restaurant.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.activity a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_activity.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.activity a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_activity.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.carRentals a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_carRentals.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.carRentals a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_carRentals.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.transfer a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_transfer.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.transfer a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_transfer.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.myItem a {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_myItem.gif); background-position: right; background-repeat: no-repeat;} #modal_add ul#planChoices li.myItem a:hover {margin: 3px 0px 3px 0px; padding: 10px 10px 10px 10px; background-color: #e1f2f8; border-bottom: 1px solid #e8e8e8; display: block; font-size: 16px; color: #333; background-image: url(../images/tbIcon_myItem.gif); background-position: right; background-repeat: no-repeat;} #modal_edit {margin: 0px 0px 0px 0px;} #modal_edit p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #modal_flightDetails {} #modal_pleaseWait {} #modal_pleaseWait p {font-size: 14px; color: #666; line-height: 16px;} p.intro {font-size: 18px; line-height: 22px; margin: 0px 0px 20px 0px ; padding: 10px 10px 0px 10px; background-image:url(../images/light_bgGradient.jpg); background-repeat: repeat-x; min-height: 80px;} h1.noIcon {padding: 1px 0px 5px 0px; height: 30px; border-bottom: 2px solid #ccc; margin: 5px 0px 10px 0px; font-size: 24px; font-weight: normal; } h1.questionMark {background-image: url(../images/icon_questionMark.jpg); padding: 1px 0px 5px 35px; height: 30px; background-position: top left; background-repeat: no-repeat; border-bottom: 2px solid #ccc; margin: 5px 0px 10px 0px; font-size: 24px; font-weight: normal; } p.question {color:#336699; font-size: 18px; line-height: 20px; margin: 0px 0px 5px 0px ; padding: 10px 10px 0px 70px; background-image:url(../images/image_question.jpg); background-repeat: no-repeat; min-height: 58px;} p.answer {color:#666; font-size: 14px; line-height: 16px; margin: 0px 0px 10px 0px ; padding: 10px 10px 0px 70px; background-image:url(../images/image_answer.jpg); background-repeat: no-repeat; min-height: 58px;} h1.bioTitles {padding: 0px; margin: 5px 0px 0px 0px; font-size: 22px; font-weight: normal; } h3.bioSub {padding: 0px; margin: 0px 0px 10px 0px; font-size: 14px; font-weight: bold;} p.bioText {font-size: 12px; line-height: 16px;} p.contactColumns {font-size: 12px; line-height: 16px; width: 220px; float: left; margin: 10px 10px 10px 10px;} /*--- Hotel Prefs Page | Fields List ---*/ ul#hotelPrefrencesFields {list-style-type: none; margin: 0px 0px 0px 0px;} ul#hotelPrefrencesFields li {margin: 20px 0px 20px 0px;} ul#hotelPrefrencesFields li li {margin: 0px 0px 0px 0px;} ul#hotelPrefrencesFields li h3 {font-size: 16px; color: #993300; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0px;} /*--- Car Prefs Page | Fields List ---*/ ul#carPrefrencesFields {list-style-type: none; margin: 10px 0px 0px 0px; padding-left:0px;} ul#carPrefrencesFields li.left {float:left; width: 200px; font-weight: bold;} ul#carPrefrencesFields li.right {float:right; width: 750px;} ul#carPrefrencesFields li li {margin: 0px 0px 0px 0px;} ul#carPrefrencesFields li h3 {font-size: 16px; color: #993300; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0px;} #hotelSortBox {background-color: #fff;} #hotelSortBox ul {list-style-type: none; float: left;} #hotelSortBox ul li {float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;} #hotelSortBox ul li a:link, a:visited {} #hotelSortBox ul li a:hover, a:active, {} #hotelSortBox ul li a.selected {color: #fff; background-color: #666; padding: 2px 4px 2px 4px; font-weight: bold;} #resultFilters {padding: 10px; margin: 0px 0px 0px 40px; background-color: #dae8ff; font-size: 14px;} #resultFilters ul#carResultFilters {list-style-type: none;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #resultFilters ul#carResultFilters li.left {float: left;} #resultFilters ul#carResultFilters li.right {float: right; width: 500px;} #resultFilters div#resultsNote {padding: 10px; margin: 10px 0px 10px 0px; background-color: #fff; font-size: 12px;} #resultFilters_fullWidth {padding: 10px; margin: 0px 0px 0px 0px; background-color: #dae8ff; font-size: 14px;} #resultFiltersFlights {padding: 10px; margin: 0px 0px 0px 0px; background-color: #dae8ff; font-size: 14px;} #sortFlightResults {padding: 4px 10px 4px 10px; margin: 0px 0px 0px 0px; background-color: #336699; font-size: 12px; color: #fff;} .hotelWrapper {border: 1px solid #ccc; margin: 0px 0px 10px 0px; padding: 10px; color: #333;} .hotelWrapper h1 {background-color: #999; color: #fff; margin: 0px 0px 10px 0px; padding: 3px 5px 3px 5px; font-size: 14px; font-weight: bold;} .hotelWrapper img {border: 3px solid #ccc; } .shortDesc {margin: 5px 0px 5px 0px;} .hotelRight {float: right; width: 150px; background-color: #e8e8e8; padding: 10px;} .itemRight {float: right; background-color: #fff; padding: 10px;} .ratingRight {float: right; width: 170px; background-color: #fff; border: 1px solid #ccc; padding: 10px; margin-right: 10px;} ul#hotelNavigation {list-style-type: none; width: 96%;} ul#hotelNavigation li {float: left; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; width: 20%; font-size: 16px;} ul#hotelNavigation li a {padding: 3%; background-color: #dae8ff; color: #336699; display: block;} ul#hotelNavigation li a:hover {padding: 3%; background-color: #666; color: #fff; display: block;} ul#hotelNavigation li a.selected {padding: 3%; background-color: #666; color: #fff; display: block;} ul#hotelListing {list-style-type: none; margin: 0px;} ul#itineraryListing {list-style-type: none; margin: 0px; padding: 0px;} ul.facilitiesList {list-style-type: disc;} ul.facilitiesList li {width: 47%; float: left;} div.asteriskNote {padding: 5px; border: 1px solid #ccc; color: #666; margin: 10px 0px 10px 0px;} a.addToTrip_btn {color: #fff; background-color: #336699; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} a.addToTrip_btn:hover {color: #fff; background-color: #333; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} a.print_btn {color: #336699; background-color: #fff; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #999;} a.print_btn:hover {color: #fff; background-color: #333; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #999;} a.selectHotel_btn {font-size:20px; color: #fff; background-color: #336699; padding: 6px 10px 6px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} a.selectHotel_btn:hover {font-size:20px; color: #fff; background-color: #333; padding: 6px 10px 6px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .topBorder {border-top: 1px solid #ccc;} /* Register form layout */ #contactLeft {width: 500px; background: none; margin-left: 0px;} #contactLeft ul {list-style-type: none;} #contactLeft ul li {float: right; margin: 0px 0px 10px 0px;} .redAsterisk {color: #990000; font-size: 20px; padding: 10px 0px 0px 10px;} /* Flight Sidebar */ #sidebar_flightFilters { float: left; width: 200px; border: 1px solid #ccc; padding: 0px;} #flightFilters_top { float: left; width: 180px; background-color: #666; padding: 4px 10px 4px 10px; color: #fff; margin-bottom: 0px; font-weight: bold;} #filterSidebarContent {padding: 10px;} /*--- Fields List ---*/ ul#flightsPrefrencesFields {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px;} ul#flightsPrefrencesFields li {margin: 10px 0px 10px 0px; padding: 0px;} /* Flight Listing */ ul#flightListing {list-style-type: none; margin: 0px; padding: 0px; margin-left: 220px;} ul#flightListing_modal {list-style-type: none; margin: 0px; padding: 0px; margin-left: 0px;} ul#flightCheckout {list-style-type: none; margin: 0px; padding: 0px; margin-left: 0px;} .flightListing_top { font-weight: bold; display: block; background-color: #666; padding: 4px 10px 4px 10px; color: #fff; margin-bottom: 0px;} .flightListing_top_rightInfo { float: right; font-weight: bold; color: #fff; margin-bottom: 0px;} .flightWrapper {border: 1px solid #fff; margin: 0px 0px 10px 0px; padding: 0px; color: #333;} /* Tables */ table.flights { border-width: 1px 1px 1px 1px; border-spacing: 0px; border-style: outset outset outset outset; border-color: black black black black; border-collapse: collapse;} table.flights td { border-width: 1px 1px 1px 1px; padding: 4px; border-style: solid solid solid solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-radius: 0px 0px 0px 0px;} table.flightsNoBorder { border-width: 0px; border-spacing: 0px; border-style: outset outset outset outset; border-color: none; border-collapse: collapse;} table.flightsNoBorder td { border-width: 0px; padding: 4px; border-style: none; border-color: none; -moz-border-radius: 0px 0px 0px 0px;} .departPlane {background-image: url(../images/airlineIcons/departPlane.jpg); background-position: left center; padding-left: 17px; background-repeat: no-repeat;} .arrivePlane {background-image: url(../images/airlineIcons/arrivePlane.jpg); background-position: left center; padding-left: 17px; background-repeat: no-repeat;} .flightButtons {margin: 0px 0px 10px 0px; padding: 5px; border: 1px solid #ccc; border-top: 0px solid #ccc; background-color: #e8e8e8;} a.flight_btn {color: #fff; background-color: #336699; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: right; margin-left: 5px;} a.flight_btn:hover {color: #fff; background-color: #333; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} a.info_btn {color: #fff; background-color: #990000; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: right; margin-left: 5px;} a.info_btn:hover {color: #fff; background-color: #333; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} a.editFlight_btn {color: #fff; background-color: #990000; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-left: 5px;} a.editFlight_btn:hover {color: #fff; background-color: #333; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #paginationWrapper_flights {border-bottom: 0px solid #e8e8e8; margin: 5px 0px 20px 0px; padding: 0px 0px 10px 0px;} .filterText {font-size: 12px; color: #336699; font-weight: normal; font-style: italic; } ul.checkoutRight {float: left; width: 400px; margin: 0px 100px 0px 0px; list-style-type: none; border: 1px solid #fff;} ul.checkoutRight li {float: right; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px;} ul.checkoutLeft {float: left; width: 310px; margin: 0px 0px 0px 0px; list-style-type: none; border: 1px solid #fff;} ul.checkoutLeft li {float: right; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px;} ul.roomsLeft {float: left; margin: 0px 0px 0px 0px; list-style-type: none; border: 1px solid #fff;} ul.roomsLeft li {float: left; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px;} ul.paymentRight {float: left; width: 300px; margin: 30px 0px 0px 0px; padding: 0px; list-style-type: none; border: 1px solid #fff;} ul.paymentRight li {float: right; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px;} ul.paymentLeft {float: left; width: 290px; margin: 30px 0px 0px 0px; padding: 0px; list-style-type: none; border: 1px solid #fff;} ul.paymentLeft li {float: right; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px;} ul.leftAlignedNameFields {margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; list-style-type: none;} ul.leftAlignedNameFields li {margin: 0px 10px 0px 0px; padding: 4px 0px 4px 0px; float: left;} ul.phoneNumbers {margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; list-style-type: none;} ul.phoneNumbers li {margin: 0px 10px 0px 0px; padding: 4px 0px 4px 0px; float: left;} ul.phoneNumbers li.longDescInput {width: 200px;} /* New style for voucher on item detail paid */ a.voucher_btn {color: #fff; background-color: #990000; padding: 5px 8px 5px 8px; margin: 0px 10px 10px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} a.voucher_btn:hover {color: #fff; background-color: #333; padding: 5px 8px 5px 8px; margin: 0px 10px 10px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} a.selectTrip_btn {font-size:20px; color: #fff; background-color: #990000; padding: 6px 10px 6px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} a.selectTrip_btn:hover {font-size:20px; color: #fff; background-color: #333; padding: 6px 10px 6px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} ul#customMapsHeader {list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px;} ul#customMapsHeader li {float: left; margin:0px 30px 0px 0px; line-height: 20px;} ul#customMapsHeader li.mapImage {} ul#customMapsHeader li.mapImage img {border: 3px solid #ccc;} ul#customMapsHeader li.day {}mapImage ul#customMapsHeader li.destination {} #voucherTopInfo {margin-top: 20px; border-bottom: 2px solid #e8e8e8; border-top: 2px solid #e8e8e8; padding-bottom: 15px; padding-top: 15px;} #voucherTopInfo p {font-size: 16px; line-height: 20px;} #voucherBottomInfo {margin-top: 20px; padding-bottom: 10px;} #voucherBottomInfo p {font-size: 16px; line-height: 20px; margin: 0px; padding: 0px;}