/************************************************************************************************ File : resources/main.css Description : Main Cascading Styles for quick web site Modified : ????/??/?? KTM Created 2015/??/?? JPE Aligned it 2015/02/?? JPE Added animated notice for March Madness prices 2015/07/07 JPE Added Duty Free sales notice. ************************************************************************************************/ /*************** Jonathan's Styles ***************/ .jIndexDIV {display: inline-block; width: 190px; vertical-align: text-top; padding:8px;} /*display div's next to each other */ .jIndexUL {margin-left:-2em;} .jIndexNotice {color:#333333; background-color:#ff9900; text-align:center; font-weight:900; font-size:14px; font-family: 'Lucida Grande','Lucida Sans', verdana, arial, sans-serif; display:none;} .jIndexNotice .jTop {padding:10px 0px 0px 0px;} .jIndexNotice .jBot {padding: 5px 0px 10px 0px;} .jIndexNotice a:link {color:#333333; text-decoration:none} /* unvisited link */ .jIndexNotice a:visited {color:#333333; text-decoration:none} /* visited link */ .jIndexNotice a:hover {color:#FFFFFF; text-decoration:none} /* mouse over link */ .jIndexNotice a:active {color:#999999; text-decoration:none} /* link currently/mouse down*/ .jDutyFree {margin:3px 0px 10px 10px} .jDutyFree p {margin-top:-2px; color:#800000} .jDutyFree a:link {color:#333333; text-decoration:none} /* unvisited link */ .jDutyFree a:visited {color:#333333; text-decoration:none} /* visited link */ .jDutyFree a:hover {color:#ff9900; text-decoration:none} /* mouse over link */ .jDutyFree a:active {color:#999999; text-decoration:none} /* link currently/mouse down*/ .colorBURGANDY {COLOR: #800000;} .colorCBLGREEN {COLOR: #009933;} .colorCBLGRASS {COLOR: #ccffcc;} .colorQCLORANGE {COLOR: #ff9900;} .colorCBLGREY {COLOR: #555555;} .colorBgBURGANDY {background-color:#800000; color:white;} .colorBgCBLGREEN {background-color:#009933; color:white;} .colorBgCBLWHITE {background-color:#fffffe; color:#009933;} .colorBgCBLGRASS {background-color:#ccffcc; color:#009933;} .colorBgQCLORANGE {background-color:#ff9900; color:white;} .colorBgWHITE {background-color:#fffffe; color:black;} /*************** 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} #ecom-header-wrapper-fix {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} #footer-wrapper-fix {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:50px; background:#C7C6B4; text-align:center; font:normal 10px/20px 'Lucida Grande','Lucida Sans',verdana, arial, sans-serif} #nav {background:#500000; vertical-align:bottom; height:20px; 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:20px; 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:20px; 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; list-style-type:none} #nav2 a {float:left; display:block; width:.1em; padding:0px 20px 0px 15px; text-decoration:none; font-weight:bold; height:20px; 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; 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; left:auto; vertical-align:bottom; height:20px; display:block} #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:20px; 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:} #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 ***************/ #content-wrapper {width:780px} #content-wrapper-fix {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; font:normal 11px Arial, Helvetica, sans-serif, Verdana; text-align:left; vertical-align:top; color:#333333} #content-wrapper .screenlet_menu_fix {padding:10px 0px 0px 15px;} #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 {width:178px; 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_new {width:155px; background:url("iconset/new.png") no-repeat right; padding-bottom:0px; 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_new a {padding-bottom:0px; 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_new 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 .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:581px; 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}