/* ===== Basic Element Styles ===== */ body {background-color:#555555; /*background:url("bg_map_ms.jpg") #555555 no-repeat left top;*/ text-align:center} div{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;} /* ===== Header Styles ===== */ #ecom-header-wrapper {width:780px; margin:15px 0px 0px 0px; background:#500000; border-left:10px solid #000000; border-top:10px solid #000000; border-right:10px solid #000000} #ecom-header {height:95px} #ecom-header #left {float:left; width:300px; padding:15px 0px 0px 15px} #ecom-header #middle {margin:0px 300px 0px 300px; width:180px; padding:15px 0px 0px 0px; text-align:center} #ecom-header #right {float:right; width:300px; padding:15px 15px 0px 0px; text-align:right} /* Start IE5-Mac hack \*/ * html #ecom-header #left {margin-right:-3px} * html #ecom-header #middle {margin-left:0px; margin-right:0px} * html #ecom-header #right {margin-left:-3px} /* End of IE5-Mac hack*/ /* ===== Footer Styles ===== */ #footer-wrapper {width:780px; background:#000000; padding:10px 0px 10px 0px; border-left:10px solid #000000; border-right:10px solid #000000} #footer {vertical-align:middle; color:#ffffff; font:normal 11px Arial, Helvetica, sans-serif, Verdana} #footer a {vertical-align:middle; color:#ffffff; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-decoration:none} #footer a:hover {vertical-align:middle; color:#ffffff; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-decoration:underline} /* ===== Tab Menu 1st Level ====*/ #nav a:hover {color:#ffffff; text-decoration:none} #nav-wrapper {height:17px; background:#500000; top:77px; text-align:center; font:normal 10px/20px 'Lucida Grande','Lucida Sans',verdana, arial, sans-serif} #nav {background:#500000; vertical-align:bottom; height:17px; display:block; overflow:visible; font:normal 10px/20px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif} #nav ul#nav-left li {float:left; background:none} #nav ul#nav-left li a {float:left; background:none} #nav ul#nav-right li {float:right} #nav li {padding:0px 0px 0px 6px; background:url("nav/tab_menu/tab_reg_l.gif") no-repeat left top; list-style-type:none} #nav a {float:left; display:block; width:.1em; background:url("nav/tab_menu/tab_reg_r.gif") no-repeat right top; padding:0px 20px 0px 15px; text-decoration:none; font-weight: bold; height:17px; color:#ffffff} #nav a:hover {text-decoration:underline} #nav > ul a {width:auto} /* Start IE5-Mac hack \*/ #nav a {float:none} /* End IE5-Mac hack */ #nav #mainnav {background:url("nav/tab_menu/tab_reg_l.gif") no-repeat left top; border-width:0} #main #mainnav {background:url("nav/tab_menu/tab_active_l.gif") no-repeat left top; border-width:0} #schedule #schedulenav, #charter #charternav, #hotel #hotelnav, #attrac #attracnav, #contact #contactnav {background:url("nav/tab_menu/tab_active_l.gif") no-repeat left top; border-width:0} #main #mainnav a, #schedule #schedulenav a, #charter #charternav a, #hotel #hotelnav a, #attrac #attracnav a, #contact #contactnav a {background:url("nav/tab_menu/tab_active_r.gif") no-repeat right top; padding-bottom:0px; color:#ffffff} /* ===== Tab Menu 2nd Level ====*/ #nav2 {height:17px; background:#C7C6B4; padding:10px 0px 0px 0px; vertical-align:bottom; font:normal 10px/20px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif} #nav2 ul#nav2-left li {float:left; background:none} #nav2 ul#nav2-left li a {float:left; background:none} #nav2 ul#nav2-right li {float:right} #nav2 li {padding:0px 0px 0px 6px; background:#C7C6B4; list-style-type:none} #nav2 a {float:left; display:block; width:.1em; background:#C7C6B4; padding:0px 20px 0px 15px; text-decoration:none; font-weight:bold; height:17px; color:#ffffff; text-decoration:none} #nav2 a:hover {text-decoration:underline} #nav2 > ul a {width:auto} /* Start IE5-Mac hack \*/ #nav2 a {float:none} /* End IE5-Mac hack */ /* ===== Tab Menu 3rd Level ====*/ #nav_shuttle_wrapper {font:normal 10px/20px 'Lucida Grande','Lucida Sans',verdana,arial,sans-serif; background:url("nav/tab_menu_sched/tab_bg.gif") repeat left bottom; text-align:left; vertical-align:bottom; padding:0px; margin:0px} #nav_shuttle a:hover {color:#ffffff} #nav_shuttle {width:566px; font:normal 10px/20px 'Lucida Grande','Lucida Sans',verdana,arial,sans-serif; vertical-align:bottom; height:17px; display:block; overflow:visible} #nav_shuttle ul#nav_left li {float:left} #nav_shuttle li {background:url("nav/tab_menu_sched/tab_reg_l.gif") no-repeat left top; padding:0px 0px 0px 6px; list-style-type:none} #nav_shuttle a {float:right; display:block; width:.1em; background:url("nav/tab_menu_sched/tab_reg_r.gif") no-repeat right top; padding:0px 20px 0px 15px; text-decoration:none; font-weight:bold; height:17px; color:#ffffff} #nav_shuttle > ul a {width:auto; margin-left:0px} /* Start IE5-Mac hack \*/ #nav_shuttle a {float:none; margin:0px} /* End IE5-Mac hack */ #nav_shuttle #schednav {background:url("nav/tab_menu_sched/tab_reg_l.gif") no-repeat left top; border-width:0} #sched #schednav {background:url("nav/tab_menu_sched/tab_active_l.gif") no-repeat left top; border-width:0} #map #mapnav, #fare #farenav {background:url("nav/tab_menu_sched/tab_active_l.gif") no-repeat left top; border-width:0} #sched #schednav a, #map #mapnav a, #fare #farenav a {background:url("nav/tab_menu_sched/tab_active_r.gif") no-repeat right top; padding-bottom:0px; color:#ffffff} #sched #farenext {background:url("nav/tab_menu_sched/tab_reg_l.gif") no-repeat left top; padding-bottom:0px} #fare #mapnext {background:url("nav/tab_menu_sched/tab_reg_l.gif") no-repeat left top; padding-bottom: 0px} /* ====== "Screenlet" Styles ====== */ #content-wrapper {width:780px; text-align:left; background:#ffffff; padding:0px 0px 30px 0px; margin:0px; font:normal 10px Arial, Helvetica, sans-serif, Verdana; border-left:10px solid #000000; border-right:10px solid #000000} #content-wrapper .header {background:#C7C6B4; padding:0px 0px 10px 15px; vertical-align:bottom; font:normal 26px Arial, Helvetica, sans-serif, Verdana; color:#ffffff} #content-wrapper .splash {} #content-wrapper .links {padding:0px 0px 0px 15px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; color:#333333; vertical-align:top; text-align:left} #content-wrapper .paragraph {padding:0px 0px 0px 15px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; color:#333333; vertical-align:top; text-align:left} #content-wrapper .screenlet {padding:30px 0px 0px 15px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; vertical-align:top; color:#555555; position:static} #content-wrapper .screenlet_schedule {background:#C7C6B4; margin:0px 0px 0px 15px; padding:0px 0px 10px 0px} #content-wrapper .screenlet_header {} #content-wrapper .screenlet_body {color:#333333; vertical-align:top; text-align:left; font:normal 11px Arial, Helvetica, sans-serif, Verdana} #content-wrapper .screenlet_body a {color:#333333; vertical-align:top; text-align:left; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-decoration:none} #content-wrapper .screenlet_body a:hover {color:#333333; vertical-align:top; text-align:left; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-decoration:underline} #content-wrapper .screenlet_body li {color:#333333; vertical-align:top; text-align:left; font:normal 11px Arial, Helvetica, sans-serif, Verdana; list-style-type:disc} #content-wrapper .screenlet_body li a {color:#333333; vertical-align:top; text-align:left; font:bold 11px Arial, Helvetica, sans-serif, Verdana; list-style-type:disc} #content-wrapper .screenlet_body li a:hover {color:#333333; vertical-align:top; text-align:left; font:bold 11px Arial, Helvetica, sans-serif, Verdana; list-style-type:disc; text-decoration:underline} #content-wrapper .screenlet_email {border: solid 1px #C7C6B4; color:#333333; vertical-align:top; text-align:left; font:bold 11px Arial, Helvetica, sans-serif, Verdana; padding:10px; margin:0px 15px 0px 0px} #content-wrapper .screenlet_menu {background:url("bg_links_full.jpg") no-repeat left top; margin:1px 0px 0px 0px; padding:10px 0px 0px 15px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; vertical-align:top; color:#333333} #content-wrapper .screenlet_menu_header {padding:0px 0px 5px 0px} #content-wrapper .screenlet_menu_body {padding:0px 0px 0px 0px; vertical-align:top; text-align:left; font:normal 11px Arial, Helvetica, sans-serif, Verdana; vertical-align:bottom} #content-wrapper .screenlet_menu_body a {vertical-align:top; text-align:left; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-decoration:none; vertical-align:bottom; color:#333333} #content-wrapper .screenlet_menu_body a:hover{vertical-align:top; text-align:left; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-decoration:none; vertical-align:bottom; color:#333333; text-decoration:underline} #content-wrapper .screenlet_menu_body ul {margin:0px; vertical-align:top; text-align:left; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-decoration:none; vertical-align:bottom; color:#333333; list-style-type:none} #content-wrapper .boxhead {color:#333333; text-decoration:none; text-align:left; font:bold 12px 'Lucida Grande','Lucida Sans',verdana, arial, sans-serif} #content-wrapper .boxhead a {color:#333333; text-decoration:none; text-align:left; font:bold 12px 'Lucida Grande','Lucida Sans',verdana, arial, sans-serif; text-decoration:none} #content-wrapper .boxhead a:hover {color:#333333; text-decoration:none; text-align:left; font:bold 12px 'Lucida Grande','Lucida Sans',verdana, arial, sans-serif; text-decoration:underline} #content-wrapper .boxhead_menu {color:#ffffff; text-decoration:none; text-align:left; font:bold 12px 'Lucida Grande','Lucida Sans',verdana, arial, sans-serif} /* ============= Content ================*/ #content {} #content .left {float:left; width:178px; padding:0px; margin:0px} #content .right {width:582px; padding:1px 0px 0px 1px; margin:0px 0px 0px 178px} /* Start IE5-Mac hack \*/ * html #content .left {margin-right:-3px} * html #content .right{margin-left:0} /* End of IE5-Mac hack*/ #content .left_half {float:left; width:380px; padding:0px; margin:0px} #content .right_half {width:380px; padding:0px; margin:0px 0px 0px 380px} /* Start IE5-Mac hack \*/ * html #content .left_half {margin-right:-3px} * html #content .right_half {margin-left:0} /* End of IE5-Mac hack*/ #content .column1 {float:left; width:193px; padding:0px} #content .column2 {margin-left:193px; margin-right:193px; width:195px; padding:0px} #content .column3 {float:right; width:193px; text-align:left; padding:0px} /* Start IE5-Mac hack \*/ * html #content .column1 {margin-right:-3px} * html #content .column2 {margin-left:0px; margin-right:0px} * html #content .column3 {margin-left:-3px} /* End of IE5-Mac hack*/ #bannerDiv {overflow:hidden; margin:0px; padding:0px} #bannerDiv ul {overflow:hidden; margin:0px; padding:0px} .img_outline{border:5px solid #C7C6B4} /* ============= Tables ================*/ .outline{border:1px solid #555555} .sched_heading {background-color:#555555; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle} .sched_heading_tl {background-color:#555555; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle; background:url("sched/top_l.gif") #555555 no-repeat left top} .sched_heading_tlb {background-color:#ffffff; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle; background:url("sched/top_l_b.gif") #ffffff no-repeat left top} .sched_heading_trb {background-color:#ffffff; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle; background:url("sched/top_r_b.gif") #ffffff no-repeat right top} .sched_heading_tr {background-color:#555555; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle; background:url("sched/top_r.gif") #555555 no-repeat right top} .sched_heading_ml {background-color:#555555; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle; background:url("sched/middle_l.gif") #555555 no-repeat left top} .sched_heading_mr {background-color:#555555; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle; background:url("sched/middle_r.gif") #555555 no-repeat right top} .sched_heading_blt {background-color:#ffffff; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#333333; vertical-align:middle; background:url("sched/bottom_l_t.gif") #C7C6B4 no-repeat left bottom} .sched_heading_brt {background-color:#ffffff; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle; background:url("sched/bottom_r_t.gif") #C7C6B4 no-repeat right bottom} .sched_heading_brb {background-color:#555555; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle; background:url("sched/bottom_r_b.gif") #555555 no-repeat right top} .sched_heading_blb {background-color:#555555; padding:2px 10px 2px 10px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#ffffff; vertical-align:middle; background:url("sched/bottom_l_b.gif") #555555 no-repeat left top} td.sched_location {background-color:#ffffff; padding:0px 10px 2px 10px; font:bold 12px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#333333; vertical-align:middle; text-decoration:none} td.sched_location a {background-color:#ffffff; padding:0px 10px 2px 0px; font:bold 12px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#333333; vertical-align:middle; text-decoration:none} td.sched_location a:hover {text-decoration:underline} td.sched_time {background-color:#ffffff; padding:1px 7px 1px 7px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:center; vertical-align:middle; color:#333333} td.sched_time_pm {background-color:#ffffff; padding:1px 7px 1px 7px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:center; vertical-align:middle; color:#333333} td.sched_time_l {background-color:#ffffff; padding:1px 7px 1px 7px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:center; vertical-align:middle; color:#333333} td.sched_time_r {background-color:#ffffff; padding:1px 7px 1px 7px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:center; vertical-align:middle; color:#333333} td.sched_time_lr {background-color:#ffffff; padding:1px 7px 1px 7px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:center; vertical-align:middle; color:#333333} td.fare_type {background-color:#ffffff; padding:0px 4px 2px 10px; font:bold 12px Arial, Helvetica, sans-serif, Verdana; text-align:left; color:#333333; vertical-align:top} td.fare_price {background-color:#ffffff; padding:1px 7px 1px 7px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; vertical-align:middle; color:#333333} .hotel_img {font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; vertical-align:top; color:#555555} .hotel_name {padding:5px 0px 0px 0px; font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; vertical-align:top; color:#333333} .hotel_description {padding:0px 0px 0px 5px; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; vertical-align:top; color:#333333} .availability {background-color:#ffffff; font:bold 11px Arial, Helvetica, sans-serif, Verdana; color:#555555} .availability_heading {background-color:#C7C6B4; font:bold 11px Arial, Helvetica, sans-serif, Verdana; padding:1px 5px 1px 5px; color:#333333} .availability_date {background-color:#C7C6B4; font:normal 11px Arial, Helvetica, sans-serif, Verdana; padding:3px 0px 3px 5px; color:#333333} .availability_coach {background-color:#C7C6B4; font:normal 11px Arial, Helvetica, sans-serif, Verdana; padding:3px 0px 3px 5px; color:#333333} .availability_body {background-color:#C7C6B4; font:normal 11px Arial, Helvetica, sans-serif, Verdana; padding:3px 5px 3px 5px; color:#333333} .availability_itinerary {background-color:#C7C6B4; font:normal 11px Arial, Helvetica, sans-serif, Verdana; padding:3px 0px 3px 5px; color:#333333} /* ============== Fonts =================== */ .smallfont {font:normal 10px Arial, Helvetica, sans-serif, Verdana; color:#333333} .mediumfont {font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; vertical-align:top; color:#333333} .mediumfont a {font:bold 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; vertical-align:top; color:#333333; text-decoration:none} .largefont {font:bold 11px 'Lucida Grande','Lucida Sans',verdana, arial, sans-serif; text-decoration:none; color:#000000; text-align:left} .error {font:normal 11px Arial, Helvetica, sans-serif, Verdana; color:red} /* =============== FAQ ================ */ .faq {padding-top:5px} .faq_q_body {background-color:#ffffff; font:bold 11px Arial, Helvetica, sans-serif; color:#333333; vertical-align:top; text-decoration:none; padding:0px} .faq_a_body {background-color:#ffffff; font:normal 11px Arial, Helvetica, sans-serif; color:#333333; vertical-align:top; padding:2px 0px 0px 20px} /*================== Form ====================*/ textarea.textfield {background:#ffffff; color:#000000; font:normal 12px Arial, Helvetica, sans-serif, Verdana; margin:0px} input.textbox {background:#ffffff; color:#000000; font:normal 12px Arial, Helvetica, sans-serif, Verdana; margin:0px}