#content *{font-family:Arial, Helvetica, sans-serif; font-size:100%;}

/* main content */
#mainContent {width:780px; background:#fff; position: relative; z-index: 1;}


#content a:link, #content a:visited, #content a:hover, #content a:active {color:#3399CC;}  


#content .textra .cardhecardcontad h3 {margin: 0;background:#eaeaea;} /*background for CAR and Ground Transportation headlines */
#content .stepBullet{position:absolute;width:15px;height:15px;font-size:1.2em;font-weight:bold;color:#fff;text-align:center;padding-top:1px;background:#FF0099;margin-right:.15em;} /*background color off numeric bullets*/
#titleRecap #recap #recap_pkg .recap_promo .promo_box .recap_emph {background:#FFFFCD;} /*background around text Lowest Flight+Hotel Price*/
#titleRecap #recap #recap_pkg .recap_promo .promo_box{background:#FFFFCD;} /*box around Lowest Flight+Hotel Price*/
#workspace.tabs{border:1px solid #999999;border-top:none;} /*side borders around whole page, page 2*/
#workspace.tabs h1 {color:#000;} 

/* for 125 right col */
#narrow {float: center; width: 605px;}


.tabA{background:#CCCCCC;border-bottom:none;color:#000;} /*tab page 2*/
.tabA h3{color:#000;}
.tabA .tabprice{color:#000;}
.tabA span {color:#000;}

#content #locator #progress.narrow {position:absolute; top:1px; right: 149px; z-index: 2;} /* may not need */

#content #locator #altprogress {position:right; top:5px; right: 11px; z-index: 2; }
#content #locator #altprogress.wide {right: 201px;}
#content #locator #altprogress li {display: inline; list-style-type: none; height:1em; border-top: 4px solid #F09; margin-bottom: 1px; padding: 0 8px; border-right: 1px solid #fff; font-size: .9em;}
#content #locator #altprogress li.off {border-top-color: #ccc;}
#content #locator #altprogress li span {display: inline; color: #FF0099; padding-top: 4px;}
#content #locator #altprogress li.off span {color: #666;}
#content #locator #altprogress li.at span {color: #FF0099;}


#content hr.hr1{height:8px;background:#FC374A;margin:5px 0px;}
#titleRecap{margin-top:12px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;color:#000;background:#eaeaea;} /* background behind Search for Flight + Hotel page 1*/
#workspace{border:1px solid #999999;background:#CCCCCC;padding:8px;} /*border and frame around whole search area*/
#workarea{border:1px solid #ccc;background:#fff;padding:8px;color:#000;} /*form background page 1,borders around hotels on page 2, border and bottom area page 3, background page 4*/
#workspace .hr{border-top:1px solid #999999;height:1px;margin:1.5em 0 1em 0;}
#workarea .hr{border-top:1px solid #ccc;height:1px;margin:1.5em 0 1em 0;}
.prod_title {color:#000;} /*text for Flight- Lowest package price option */
.tabprice {color:#F4DA2C;}
#content #workspace #workarea .steps h2 {color:#f09;background:fff;} /* header text on steps *//*added background, changes BG on steps*/
.clear {color:#000;} /* stay in other hotel text */
#content #workspace #workarea .steps .stepBullet {color:#Fff;} /* section numbers */



#workarea .hrForm {border-top:1px solid #ccc;height:1px;margin:0.6em 0 1em 0;}
#workarea .hrForm hr {display:none;}
#content .formlabel {display:block; line-height:1.3em;}
.formfield {padding-bottom:.7em; clear:left;}
.formgroup {padding-bottom:.7em; float:left; margin-right:8px; position:relative;} /* to fix an IE bug, 'position- relative' must be in the 'formgroup' style */
#filter .formgroup, #sort_box .formgroup {padding-bottom:0;}
#sort_box .formgroup {padding-bottom:.3em; padding-top: 0;}
.formemail {width:16em;}
.formname, .formpsw {width:13em;}
.formzip {width:10em;}
.formhotname {width:13em;}
.formdate, .formtime {width:8em;}
.formcal {width:24px; margin-left:-6px; padding-top:1.3em;}
.formmidi {width:3em;}
#content .formtxt {padding-top:1px; color:#000;} /*text, I prefer to stay in a city....*/
#content .formtxt_note {display:block; padding-bottom:12px; font-size:.9em;color:#000;} /* SM print under #5 area */
#content .form_format {font-size:.92em;}
.formchkbox {padding-left:1.25em;}
.formchkbox input {width:1.25em; margin-left:-1.25em;margin-right:.3em;}
.formradio {padding-left:1.75em;}
.formradio input {width: 1.75em; margin-left: -1.75em;}
.helpimg {margin-bottom:-2px;margin-left:6px;}
.formaddress {width:35em;}
.formcity, .formhotel, .formlist, .formphrase {width:14em;}
#content .formlist li {display:block; float:left; width:45%; }
.col3 .formlist {width:8em;}
#content .col3 .formlist li {display:block; float:left; width:30%; }
.formarea {width:30em; height:10em;}
.formstate {width:17em;}
.formrating {width:10em;}
.formcolumn {width:25%; padding-bottom:.5em;}
#content .formhot_nghb {width:20em;}
#content .formhot_rate {width:10em;}
.formrooms {width:5em;}
.formroom_pax {width:9em;}
#multiroom {margin-left:6em;}
#multiroom .formtxt {margin-top:.4em; text-align:right; width:6em;}
#content #formchild {display:none;}
#content #formchild .formage {float:left;padding:0px 5px;}
#content .formselect {background:#eaeaea;}
#checkboxsp {width:500px; }
#content .checkboxleft li {float:left; width:45%; list-style:none;}
#content .checkboxright li {float:right; width:45%; list-style:none;}
.checkboxright, .checkboxleft {width:400px;}
#content #workspace #workarea .steps .formreq span{float:none;color:#CC3333;} /* the * buy the text required */
#content .steps .formreq{float:right;width:20%;text-align:right;}


.formaction {width:8em; padding-top:1.15em;padding-left:1.2em;}
.recal .formaction {width:8em; padding:0; margin:0;}
#content .formadv_amns {width:500px;}
#content .formreq{position:relative;}
.formreq span{position:relative;} /*added, 040705 - fixes IE missing step1 */
.formcal img{vertical-align:top;}
#content .formemph {font-weight:bold; color:#336699; font-size:1.1em;width:38em;}
/* HOTEL CARD STYLES (going to global.css) ---------------------*/
.pdimg{float:left;}
.pdimg img{margin-right:8px;}
.pdimg span{display:block;text-align:center;}
/*.pdtext{float:left;width:59%;} */
/** Result cards **/
.card{border:1px solid #FF0099;margin-bottom:8px;width:704px;background: #fff;} /*background of hotel text area, page 2*/
#content .card p{margin-bottom:6px;color:#000;} /*text in SAVE area and small text in hotel description, page 2*/
.card .pdtext{padding-top:2px;width:72%;}

#content .card .pdtext h3{color:#000;}


.cardhead{background:#FF0099;color:#fff;font-weight:bold;padding:2px 4px; position:relative;} /* position:relative is necessary, if there is a cardprice in place */ /*backgroung of hotel text, page 2 */
#content .cardhead a{color:#fff;font-size:1.2em;} /* text of hotel names, page two */
#content .cardhead h3 {font-size: 1em; padding:3px; margin:0; color: #fff;}
.cardprice{float:right;padding:3px 6px 0 0; position: relative;}
.svgsinfo h2 {margin-bottom:14px;margin-top:14px;}
.svgsinfo p {margin:0;padding:0;}
.svgsinfo hr {height:1px; border:0; border-bottom:1px solid #666; padding:0; margin:0;}
.cardgroup {padding-bottom:.7em; float:left; margin-right:8px; position:relative;}
.card_emph {font-weight:800;}
.cardhead .rate{background:#036; float:right; padding:4px 8px;}
.cardwrap{float:left; border-right:1px solid #FF0099; margin-right:-1px; width:472px;}
.cardamen{margin-left:-1px; margin-bottom:8px; width:472px;}
.cardamen td{border-left:1px solid #FF0099; border-bottom:1px solid #FF0099; margin-bottom:8px; padding:4px; text-align:center; vertical-align:middle; width:20%;}
.cardinfo{padding-left:8px;}
.cardgroup{float:left; margin-right:8px; padding-bottom:.3em; position:relative;}
.hot_pax {padding-left:12px; padding-bottom:4px;}
.prmsg_rate, .prmsg_txt{color:#FF6600; font-weight:bold; padding-left:0;}
.svgswrap{border-left:1px solid #FF0099; float:right; width:231px;}
.svgswrap table{margin:0 10px 15px; width:210px;}
.svgswrap td.price {text-align: right;}
.svgswrap p {margin:0;padding:0;text-align:center;}
#content .svgsprom {font-weight: bold; font-size:1.2em; margin: 0;}
#content .nocalc .svgsprom {margin:20px 0;}
.svgspack{background:#FFDEEF; bottom:0; margin:10px; padding:8px; text-align:center;} /*background for box around select button, page2 */
#content .svgspack .pkgprice {font-weight: bold; font-size:1.3em; padding-bottom: 4px; color:#000;}
.svgspack .navBtnSm1 {margin:0 auto; text-align:center; width:72px;}
.svgspack .btn_box_select {margin:0 6px 6px;}
#content .svgsmodify {font-size:1em;}
#content .strike {text-decoration:line-through;}
#content .prmsg_rate {color:#FF6600; font-weight:bold;}
/** Photo Deal **/
#content .photodeal{margin-bottom:12px; float:none; padding-bottom:1px;background:#fff;} /*background around photo in hotel areas*/
#content .photodeal img{float:left; margin-right:8px;}
.photodeal h3{margin:0; padding:0; vertical-align:top;}
.pdtext{float:left; width:52%;background:#fff;} /*background around description of hotels*/
.pdtext ul{display:block; float:none;margin:0; padding-left:15px;}
.pdtext li{margin-left:10px;}
.pdcaption{float:left; margin-right:15px; text-align:center; width:15%;}
#content .pdcaption img{display:block; float:none; text-align: center; margin: 0 auto;}
#trip .pdtext{width:30%;}
.cardinfo .pdcaption{width:20%;}
#content .cardinfo .svgswrap table{margin:0 10px 18px;width:210px;}
/** Result cards - Narrow template **/
#narrow .card{width:568px;}
#narrow .cardamen{width:569px;}
#narrow .rategrid{border-right:1px solid #FF0099;}
/*** T T L E G A C Y S T Y L E S ***/
#totaltrip {background:#036;}
/* advanced search styles for KF Lite */
#advSearch .stepcontent table {margin:0; padding:0;}
#advSearch .stepcontent td {vertical-align:top; white-space:nowrap; padding:0 10px 0 0;}
#advSearch .stepcontent #rooms div {padding: 4 0 1 4;}
#advSearch .stepcontent #rooms #rmlst {margin-left: 48px}
#advSearch .stepcontent #rooms #rmlst tr {margin:0; padding:0}
#advSearch .stepcontent #rooms #rmlst div {display:none}
#advSearch .stepcontent #rooms #rmlst select {margin-right:45px}
#advSearch .stepcontent #rooms #rmlst #rm1 {display:block}
#advSearch .stepcontent #rooms #numrooms {position:relative;}
#advSearch .stepcontent #rooms #agelinks {position:relative;margin-top:10px}
#advSearch .stepcontent #rooms #agelinks #adults {margin-left:45px;}
#advSearch .stepcontent #rooms #agelinks #seniors {margin-left:25px;}
#advSearch .stepcontent #rooms #agelinks #minors {margin-left:35px;}
#advSearch .stepcontent #rooms .column {float:left; margin-right:4px}
#advSearch .stepcontent #rooms .endcolumn {display:block}
#advSearch .stepcontent #hotAltCity {display:none; margin:10 0 0 35px;}
#rm21, #rm22, #rm23, #rm24 {border:1px solid red}
#rm31, #rm32, #rm33, #rm34 {border:1px solid blue}
#rm41, #rm42, #rm43, #rm44 {border:1px solid green}
/* popup */
#popup #logo{padding:0px;margin-top:0px;}
#popup #popupBody h1 {padding:0px;font-size:1.2em;}
/* --- multi airport lookup -- */
#content #multiAPLookupForms {float:left;padding:10px;border:solid 1px #ccc;margin-top:8px;width:300px;}
#content #multiAPCol1 {float:left;}
#content #multiAPCol1 div {padding-bottom:2px;}
/* --- padding for nav buttons outside of the workspace --- */
#content .navBtn {padding-top:12px;}
/*------- tt sort bar --------*/
#content .ttSort {border-right:solid 1px #000; border-top:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #000; border-collapse:collapse; background:#3399CC; padding:6px 0px;margin:0px;font-size:1.2em;text-align:center;}
#content .ttSortOff {border-right:solid 1px #fff; border-top:solid 1px #000; border-left:solid 1px #000; border-bottom:solid 1px #fff; border-collapse:collapse; background:#FF0099; padding:6px 0px;margin:0px;font-size:1.2em;color:#fff;text-align:center;}
#content .ttSortOver {border-right:solid 1px #000; border-top:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #000; border-collapse:collapse; background:#014384; padding:6px 0px;font-size:1.2em;text-align:center;}
#content .ttSortOff a,
#content .ttSortOff a:visited {color:#fff;}
#content .ttSort a,
#content .ttSort a:visited,
#content .ttSortOver a:hover,
#content .ttSort .smark,
#content .ttSort .smark a:hover,
#content .ttSortOver .smark a:hover {color:#fff;text-decoration:none;}
#content .ttSort a:hover,
#content .ttSortOver a,
#content .ttSortOver a:hover,
#content .ttSortOver a:visited {text-decoration:underline;color:#fff;}
#content .ttSortOver .sortXtra,
#content .ttSort .sortXtra {color:#fff;text-decoration:none;font-weight:normal;font-size:.75em;}
/*------- tt results grid --------*/
#content table {border:0;cellpadding:0;cellspacing:0;}
#content #amenities tr, #content #amenities td{vertical-align:top;nowrap:nowrap;}
#hot_altcity div {margin-bottom:6px;}
#content td.ttHotDispCol {width:52%; border-left:solid 1px #999999; border-right:solid 1px #999999; border-bottom:solid 1px #036; padding:8px 4px;}
#content td.ttRatingCol {width:14%; border-right:solid 1px #999999; border-bottom:solid 1px #3399CC; padding:8px 4px; text-align:center;}
#content td.ttPriceCol {width:10%; border-bottom:solid 1px #036; padding:8px 4px; text-align:center;}
#content td.ttNotesCol {width:18%; border-right:solid 1px #999999; border-bottom:solid 1px #3399CC; padding:8px 4px;}
#content td.ttHotDispBotCol {width:52%; border-left:solid 1px #999999; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:8px 4px; }
#content td.ttRatingBotCol {width:14%; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:8px 4px; text-align:center;}
#content td.ttPriceBotCol {width:10%; border-bottom:solid 1px #999999; padding:8px 4px; text-align:center;}
#content td.ttNotesBotCol {width:18%; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:8px 4px; }
#content .ttHotPhoto {float:left;width:24%;padding:2px 4px;text-align:center;}
#content .ttSelected {background:#FFDEEF;}
#content .ttNormal {background:#fff;}
#content .ttHotDesc {float:left;width:65%;padding:0px 4px;}
#content .ttHotName {float:left;color:#000;font-size:1.4em;font-weight:bold;}
#content .ttHotName a, #content .ttHotName a:visited {color:#000;text-decoration:none;}
#content .ttHotName a:hover {color:#036;text-decoration:underline;}
#content .ttHotMap {float:right;}
#content .ttPrice {font-weight:bold;font-size:1.8em;}
#content .hotPagination {float:right;width:32%;text-align:right;color:#000000;}
/*------- tt results grid --------*/
#content .atThisPrice {color:#c00;font-size:.90em;font-weight:normal;line-height:.95em; }
#content .roomsLeft {font-size:.1.1em;color:#c00;font-weight:bold;line-height:.95em; }
#content .roomsLeft a, #content .roomsLeft a:visited {color:#c00; text-decoration:none;}
#content .roomsLeft a:hover {color:#036;text-decoration:underline;}
/*--- notes ---*/
#content .notesMasterCard {font-weight:bold; color:#000;}
#content .notesSavings {font-weight:bold; color:#F96913;font-size:1.2em;}
#content #tools #links {padding:0px 8px;}
#content #workspace h1 {margin:-3px 0px 3px 0px;}
/* -- suitcase -- */
#content #scContainerRecap {padding:10px 8px 0px 8px; margin-bottom: 12px; width:724px;}
#content .scHead {background:#A2AC93;color:#fff;font-size:1.3em;font-weight:bold;padding:4px;}
#content .scPrice {font-size:1.2em;font-weight:bold;background:#FFFFCC;padding:2px 3px;color:#000;}
#content .productSC .scMulti {padding:5px;}
#content .productSC .scMultiHead {font-size:1.2em;font-weight:bold;padding-left:5px;}
#content .productSC .scTitle {border: 1px solid #999999; background: #CCCCCC;}
#content .scTitle .scIcon {float: left; width: 30px;padding-bottom:15px;}
.scExpand, .scCollapse {border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #000000; border-bottom: 1px solid #000000;padding:3px;}
#content .scTitle .scIconOpen {float: left; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #fff; border-bottom: 1px solid #fff;width: 30px;} /*icon expanded*/
#content .scMessage {color:#c00;}
#content #scMessage {float:left;padding-top:8px;}
#content .scTitle .scIconClosed {float: left; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #fff; border-top: 1px solid #fff; width: 30px;} /*icon collapsed*/
#content .scTitle span {font-weight:normal;}
#content .scTitle h2 {float: left; margin: 0px; color: #000000; padding:.4em;}
#content .productSC .scDetails {background: #FFDEEF; border: 1px solid #999999; border-top: 0px; color: #FFDEEF; padding: 8px;}
#content .scConnection {float:left;font-weight:bold;}
#content .scConnectionTime {float:left;font-size:.90em;}
#content .scDate {float:left;font-weight:bold;width:7em;}
#content .scCityPair {float:left;width:16em;}
#content .scTime {float:left;width:10em;}
#content .scTime span {font-weight:bold;}
#content .scLogo {float:left;padding:2px 4px 0px 0px;}
#content .scAirline {float:left;width:11em;font-size:.90em;}
#content .scNextDay, #content .scPriorDay {font-size:.80em;color:#c00;}
#content .scReviewAirline {float:left;width:16em;font-size:.90em;}
#content .scModify {float:right;font-size:.90em;}
#content .scDetails ul{color:#000000;margin:0px; padding:0px; list-style:none;}
#scReviewNotes ul {margin-top:3px;margin-left:16px;list-style-type:square;}
/*----- nearby airports -----*/
#content #tfNearbyAP .cellDivider,
#content #tfNearbyAP .selectedCellDivider {padding-left:8px;}
/*---- recap - modify ----*/
#content #titleRecap .inst {background-color:#ffc;font-size:.85em;font-weight:normal;padding:0px 4px;}
#content #recap {position:relative;z-index:5;}
#iframeCal {position:absolute;visibility:hidden;z-index:5}
/*---- inline styles from TT Search page ----*/
#sidebar.altprog{margin-top:12px;}
.tab_cntr_bg {background:url(http://design.int.travelocity.com/global/assets/img/tabContainerBG.gif);background-repeat: repeat-x;background-position: bottom center;}
#content .tab_slct {background:#eaeaea;padding:10px 5px;}
#adv_srch_trvlr {padding:10px 0px 0px 20px;}
#adv_srch_trvlr td{padding-right:30px;nowrap:nowrap;}
#adv_srch_trvlr select, #paxchild_ages select{margin-left:8px;margin-right:2px;}
.stepcontent img {padding-left:3px;}
#adv_srch_trvlr img {padding-left:7px;}
.step_note {font-size:.80em;font-weight:normal;padding-left:22px;}
#content #recap #paxchild_ages, #content #modify #paxchild_ages, #content #paxchild_ages {text-align:left;display:none;}
#content #paxchild_ages .ages {float:left;padding:0px 5px;}
.show_none{display:none;}
.show_list{display: block;}
#content #paxChildAges .ages {float:left;padding:0 5px;}
#content .selectedBG {background:#eaeaea;}
#paxChildAges {display:none;}
#content .selectedBGPad {padding:5px 5px;}
#content .title_r_slct {background:#eaeaea;}
#advSrchTravelers {padding:10px 0px 0px 20px;}
.questionPad {padding-left:10px;}
#content .spacing {padding-bottom:10px;}
/* RATE GRID TABLE styles */
.rategrid{margin-top:8px;border-collapse:collapse;border-top:1px solid #ccc;}
.rategrid th{padding:4px;border-right:1px solid #ccc;border-left:1px solid #ccc;}
.rategrid td{padding:4px;}
.rategrid td #brdleft{padding:4px;border-left:1px solid #ccc;}
.rategrid td #brdright{padding:4px;border-right:1px solid #ccc;}
.rategrid tr.ratehead th,tr.rmopt td{border-bottom:1px solid #666;}
tr.ratehead th,tr.multwk .ratewk,tr.multwk .rateprice,tr.multwk .rateprice,tr.multwk .prmsg_rate,tr.multwk .ratewk,tr.multwk .rateprice,tr.multwk .rateprice,tr.multwk .prmsg_rate,tr.singrm .rmtype,tr.singrm .rateprice,tr.singrm td{border-bottom:1px solid #ccc;}
.ratewk{white-space:nowrap;}
.rate_sabre{text-align:right;font-weight:bold;background:#eaeaea;}
.prmsg_rate,.rateprice,.ratebtn,.ratetotalpr{text-align:center;}
tr.ratehead{padding:2px;}
th.rateday,th.avgrate,.ratetotaltxt{background:#eaeaea;}
th.rateday{font-weight:normal;}
th.ratebest{background:#eaeaea;font-weight:normal;text-align:left;padding-left:4px;}
.btn_selHot{text-align:center;margin:6px 12px;}
.strike{text-decoration:line-through;}
.rateday,.rateprice,.prmsg_rate,.ratewk,{text-align:center;font-size:.8em;}
.avgrate,.prmsg_avgrate{text-align:center;font-weight:bold;text-align:center;}
.prmsg_avgrate{background:#FFDEEF;text-align:center;}
.prmsg_txt{color:#FF6600; font-weight:bold;}
/** view more & total table **/
.ratemore{background:#eaeaea;border-top:2px solid #999;border-bottom:1px solid #999;padding:4px;}
.viewmore{float:left;}
#content a.morerooms{font-weight:bold;font-size:1.2em;}
.grid .prmsg_rate{font-size:1.2em; }
/*** /L E G A C Y S T Y L E S ***/
/*** R E B R A N D S T Y L E S ***/
/* calendar - to become a part of GLOBAL css */
#iframeCal, .califrame {position:absolute; visibility:hidden; z-index:5}
.califrame {width:274px; height:405px; border:1px solid #BF8660; background:transparent; margin:4px 2px 0 0; top:-1000px;}
#container .hot_title {background: #ffcc66;}
.hot_title .pack {float:right;color:#fff;}
#container .hot_box {border:1px solid #999;background:#9cf;color:#000;height:22px;vertical-align:middle;}
#container .hot_title h2{color:#000;}
#container .hot_title a,{color:#000;text-decoration:none;font-weight:bold;}
#container .hot_title a:hover{text-decoration:underline;}
#paxHide {padding-left:6em;display:none;}
#content .e_box, #content .a_box {margin-bottom:12px;}
#content #workspace #workarea .steps .formreq span{float:none;}
#content .steps .formreq, #content #mod_search .formreq{float:right;width:20%;text-align:right;color:#000;} /* the text Required right side*/

#content .viewtext_box {width:704px; padding-bottom:4px;}
#content .viewtext {width:50%; float:left;}
#content .pagination {float:right; padding-top:2px;color:000;} /* color of #'s detailing #of hotels on the page you are on, upper left page 2*/
.linkrow {margin-top: 8px;} /* used for modsearch link at bottom */
.modsrchinc{position:relative;display:inline-block;width:100%;}/* to fix the one line text issue in the green box */
/* styles used in TT301 */
#amenities .amenlist {width:100%;}
.col3 .amenlist {width:8em;} /* for the Amenities logos - hotdet_feat.php */
#content .col3 .amenlist li {display:block; float:left; width:30%; }
.bktorslts {padding-bottom:8px;} /* for Back to Search Results */
#recap_pkg .hotlogo {float:left; margin-right:8px;padding-bottom:20px;} /* for hotel logo */
#descrp .summary{float:right;margin:0 0 4px 24px;background:#EEF3F9;padding:8px;width:35%;}
#descrp .summary .icon{margin-left:4px;vertical-align:middle;}
#workarea .anchorlist{padding-bottom:12px;}
#descrp,#dining,#rates{width:706px;}
#descrp p{line-height:1.4em;margin-bottom:8px;}
#descrp .summary{float:right;margin:0 0 4px 24px;background:#EEF3F9;padding:8px;width:35%;}
#descrp .summary .icon{margin-left:4px;vertical-align:middle;}
#workarea .anchorlist{padding-bottom:12px;}
#navBtnSm1 .btn_box {margin: 0 6px;}
.hotinfo .photo{float:left;width:100px;text-align:center}
#recap_pkg .recap_bksrch{padding-bottom:8px;}
#mod_search .btn_box{float:right;}
.jsf .srch_inc{background:#fff;border:0;padding:0px;width:80%;}
/* slideshow */
#content .slidelinks{margin-bottom:8px;}
#content .slidelinks h4{display:inline;margin-right:8px;}
#slideshow p{margin-bottom:8px;}
#prevslide{visibility:hidden;}
/* Fixes to global.css*/
#titleRecap h1{color:#FF0099; padding:5px 8px 5px 8px;}
#titleRecap.wb_noad h1{padding:5px 8px 5px 8px;}
#titleRecap.wb_noad #recap{margin:0px 8px 0px 8px;}
#titleRecap .recap_info h1, #titleRecap .details h1 {padding-left: 0;color:#F09;} /* changes text for you #day stay */
#titleRecap.notitle {padding-top:8px;} /* new in tt: pages with suitcase, but no pgtitle in recap area*/
#titleRecap .notitle #recap{margin:0 8px;}
#recap_pkg {width: 586px;}
#recap_pkg .recap_info, #recap_pkg .details {width:60%; float: left; margin-bottom:8px;}
#recap_pkg .recap_promo {float:right; text-align:center; width:34%; margin-top:8px;}
.wb_noad #recap_pkg {width: 724px;}
.wb_noad #recap_pkg .recap_promo {width: 28%;}
#hotrat_width {width:75%}
#recap .mod_search_link {padding:8px 0;}
#recap #mod_search {border:1px solid #ccc; background:#fff; padding:8px; color:#000; margin-bottom:8px; /*position:relative;*/}
#content #mod_search .formreq{float:right;width:20%;text-align:right;}
#content #mod_search input, #content #workarea input {padding-left:4px;}
#mod_search .cityvalue, #workarea .cityvalue {font-weight:bold; line-height:1.8em;}
#ms_hdr {border:1px solid #999999;background:#CCCCCC;padding:5px 12px 5px 8px;}
ms_hdr h2 {color:#000000;}
#ms_hdr h3 {color:#000000;}
#tabs{background:#eaeaea;padding-top:0;}
.recap_emph, .pagin_emph, .rev_emph, .gen_emph {font-weight:bold; color:#000;} /* text Lowest Flight Hotel Price and Options: */
.recap_dets {margin-bottom:8px;}
.promo_box {background-color:#ffc; border:1px solid #06c; padding:4px 8px; margin-bottom:6px;}
.promo_box table {margin-left:auto; margin-right:auto;}
.promo_box h1 {display:inline; padding:0;} /* is this being used?*/
#content .promo_box .pkgprice {font-size:1.27em; font-weight:bold;}
#workspace h1 span, #workspace h2 span{display:inline; font-weight:normal;}
.srch_inc .btn_box{margin:0px 6px;position:relative;}
.srch_inc {background:#FFDEEF; border:1px solid #999999;padding:8px;margin-bottom:8px;}
.srch_inc .indents {padding:8px;}
.sort_txt {font-weight:bold; margin-top:.3em;}
#filter {width:700px;}
#filter .btn_box {float:right;}
.btn_right {float:right; width:15%; padding-top:.5em;}
.tools_hr {border-top:1px solid ccc; border-left:0; border-bottom:0; border-right:0; }
#amenities img{width:17px; height:15px; margin-right:4px;}
.map_list {float:right; width:40%;}
.hlite {color:#c00;}
/* generic map for all pages */
#map {margin:0; padding:6px;} /* needed to add padding top of 6 for TT */
#content #map table {background:#CCCCCC;}
#map tr.top, #map tr.bottom {height:12px;}
#map tr.mid {height:300px;}
#map tr.radios {height:2.5em; background:#fff;}
#map tr.radios td {padding:5px 0; background:#fff; text-align:center; vertical-align:middle;}
#map tr.zoom {background:#CCCCCC;}
#map tr.zoom td {border-top:1px solid #CCCCCC;}
#map tr.zoom a {text-decoration: none;}
#map td.map {border:1px solid #CCCCCC;}
#map td.sides {border-right:solid 1px #000; border-top:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #000;
background:#036; text-align:center; vertical-align:middle; cursor:pointer;}
#content #map td.sides_over {border-right:solid 1px #000; border-top:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #000;
background:#014384; text-align:center; vertical-align:middle; text-align:center; vertical-align:middle; cursor:pointer;}
#map td ul {list-style-type:none; padding:8px 0; text-align:center;}
#map td ul li {display:inline; padding:0 3px;}
#map td ul li span {border-right:solid 1px #000; border-top:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #000; background:#036; text-align:center; vertical-align:middle; cursor:pointer; color:#fff; font-weight:bold; padding:3px;}
#map td ul li span.over {background:#014384; color:#fff; font-weight:bold;}
#map td ul li span.zoom {width:6px; background:#fff; cursor:pointer;}
#map td ul li span.zoom_over {width:6px; background:#014384; cursor:pointer;}
#map ul li span.zoom_on {width:6px; background:#FF0099; cursor:default;}
#map h2 {padding-top:8px;}
/* sim cities, ambiguous address */
#map_area .float {padding:8px 20px 0 0; float:left; width:45%;}
#map_area .float p {padding:5px 0 0 0;}
#map_area .float img {vertical-align:middle;}
#legendBox {text-align: left; padding: 3px; overflow: auto; height: 390px; border: 0px solid #003366; background: #ffffff; scrollbar-base-color: #ffffff; scrollbar-face-color: #003399; scrollbar-track-color: #eaeaea; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #99ccff; scrollbar-shadow-color: none; scrollbar-darkshadow-color:none;scrollbar-arrow-color: #99ccff;}
/* TT additions for the map */
#map li img{margin-right:6px;}
/* TT tables Hotel Details */
th.ratebest{background:#eaeaea;font-weight:normal;text-align:left;padding-left:4px; border-top:1px solid #ccc;}
#rates table.rategrid {width:100%;}
.rategrid tr.ratehead th,tr.rmopt td{border-bottom:1px solid #666;}
ratehead th {border-bottom:1px solid #ccc; font-weight:bold;}
.rategrid td.mltrate{border-right:1px solid #ccc;}
.rategrid td.rateprice{text-align:center; font-weight:bold; width:10%; border-right:1px solid #ccc;}
.rategrid td.radio{width:5%; text-align:center; border-left:1px solid #ccc;}
#wrap450 {width:98%;}
/* for Hotel Details page - Photos tab slideshow navigation */
#content .slidelinks {margin-bottom:8px;}
#content .slidelinks h4 {display:inline;margin-right:8px;}
#slideshow p {margin:8px 0;width:494px;}
#prevslide {visibility:hidden;}
/* for Hotel Details page - Maps & Directions tab */
#maps #locate_map{float:left;margin:0 8px 6px 0;width:350px;}
#maps img.map{border:1px solid #333; margin-bottom:8px;}
#maps ul{display:block; margin:8px; padding-left:10px;}
#maps li{margin-left:8px;}
/* TT Vouchers and popups */
#voucherSpacer {margin-left: 5px; margin-top: 5px;}
#content .emph_text {font-weight:bold; color:#003366; font-size: 1.6em;}
#content .emph_text2 {font-weight:bold; color:#336699; font-size:1.1em;}
.voucherOutline {border-width:1px; border-color:#CCCCCC; border-style:solid; padding:5px; background-color:#ffffff; width: 605px;}
.agreementBox {background-color:#FDFDED;padding:8px; border-color:#003399; border-style:dashed; border-width:1; margin-left: 5px; margin-right: 5px;}
#content tr.ttcardtitle th{color:#fff; background:#FF0099;padding:6px; margin:0; text-align:left;}
#content td.ttcardbox, #content div.ttcardbox { border:1px solid #FF0099;}
#content .ttcardbox tr {vertical-align:top;}
#content td.ttinfobox{padding-left:5px; width:50%; vertical-algign:top;}
#content .ttinfobox hr {width:98%;}
/*TT General Marketing Classes */
.gmtitle {font-size:14px; font-weight:bold}
.gmsubtitle {font-size:14px;color:#cc6600;font-weight:bold;}
.gmgraybold {color:#999999; font-weight:bold;}

/* Suitcase ------------- */
#scase {margin-bottom:8px; color:#000000; border: 1px solid #FF0099; background: #FFDEEF;}
#scase #sc_hdr {border-bottom:1px solid #FF0099;background:#FF0099;font-weight:bold;position:relative;} /*page 3 top header area*/
#scase #sc_hdr .sec_info {font-weight: normal;}
#recap .sec_info a, #workspace .sec_info a{color:#000000;}
#scase #sc_price{float:right; color:#fff; font-size:14px; padding:.3em 8px; position: relative; text-align:right;}
#scase #sc_title{padding:.3em 8px;color:#fff; font-size:14px;}
#scase .prod_hdr {position: relative;}
#scase .prod_mod {float: right; position: relative;color:#000;} /*Modify Flight text page 2*/
#scase .sc_prod {background:#FFDEEF;padding:6px 8px;} /*page 2 and 3 flight info background*/


#scase table {color:#000000;} /* text for flight info*/
#titleRecap #scase table {width: 563px;}
#workspace #scase table, #titleRecap.wb_noad #scase table{width: 700px;}
#scase .hlite {color:#c00;}
#recap .sec_info a{color:#000000;}

/* Global cells */
#scase td {padding: 6px 0 0; vertical-align: top; }
#scase td div {padding-right:.73em;}
#scase td.date {width: 13%;}

/* Hot and car cells */
#scase td.inout {width: 13%;}
#scase td.hotel {width: 50%;}
#scase td.car {width: 75%;}
#scase td.ratings {width: 5%; white-space:nowrap;}
#scase .hot_ratings {float: right;}
#scase .rooms {width: 20%;}
#scase .occupants {width: 30%;}

/* Extras cells */
#scase td.extras {width: 50%;}
#scase td.descript {width: 40%}

/* Air cells */
#scase td.depret {width: 7%;}
#scase td.time {width: 16%;}
#scase td.fromto {width: 31%;}
#scase td.flight {width: 32%;}
#scase td.flight div {padding-left: 26px;}
#scase td.flight img {float: left;}

/* Airline filter (TT400) ------------------------- */
#airfilter {width: 700px; background: #fff;}
#airfilter h3 {font-size: 1em; line-height: 1em; margin:0; padding: 0 0 8px;}
#airfilter .formgroup {width: 24%; margin: 0; padding-bottom: 1.25em; padding-top: 14px;}
#airfilter .formgroup img {display: block;}
#airfilter .formgroup .lblock {display: block; font-size: .9em; padding-left: 2.5em; margin-top: -32px;}
#airfilter .formgroup .lblock strong {font-size: 1.11em;}
#airfilter .formgroup .all {padding-top: 18px;}
input.hidebtn{height:1px;width:1px;visibility:hidden;} /* invisible btn for accessibility */

/* Flights grid (400 series) ---------------------------- */
#ttgrid {width: 706px; background: #fff; border-right: 1px solid #ccc;}
#ttgrid td {padding:8px 0; vertical-align:top; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#ttgrid td div {padding: 0 8px;}
#ttgrid td.sorted {background: #FFDEEF;}
#ttgrid td.flight div {padding-left: 34px;}
#ttgrid td.flight img {float: left; margin-left: 8px;}
#ttgrid td.price {border-right: 1px solid #ccc; text-align: center; font-weight: bold;}
#ttgrid td.price div {padding-bottom: .25em;}
#ttgrid td.price .pkgprice {padding-top: .2em; font-size: 1.45em;}
#ttgrid td.price .smfont {font-weight: normal;}
#ttgrid .time {font-weight: bold;}
#ttgrid .stops {padding-bottom: .75em;}
#ttgrid .stops span {font-weight: bold;}
#ttgrid .hlite {color:#c00;}

/* grid headings*/
#ttgrid th {width: 18%;}
#ttgrid th.ttime {width: 28%;}
#ttgrid th.sort {border-right:1px solid #000; border-top:1px solid #ACBED0; border-left:1px solid #ACBED0; border-bottom:1px solid #000; background:#3399CC;}
#ttgrid th.sortOff {border-right:1px solid #ACBED0; border-top:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #fff; background:#FF0099;}
#ttgrid th.sortOver {border-right:1px solid #000; border-top:1px solid #ACBED0; border-left:1px solid #ACBED0; border-bottom:1px solid #000; background:#014384;}
#ttgrid th .sortLink {font-weight:bold; color: #fff; display: block; padding: 2px 0;}
#ttgrid th a.sortLink {text-decoration:none; width: 100%;color:#fff;}/* width to expand clickable area*/
#content .rep {font-weight:bold; color:#336699; font-size:1.1em;}

/* centered button in a td (passing width 60px only to IE 5.2) */
#content td .btn_box_select {margin:0 auto; text-align:center; width:auto;}
#content td .btn_box_select button {margin: 0 auto;}

/* style for GLOBAL per Sean */
.btn_label{padding:10px 0;text-align:center;}
.btn_label div{display:inline;float:left;padding-right:8px;margin-top:4px;}
.btn_label button,.btn_label a.button{float:left;}
/* cross sell bailout */
.xsell_head {color: #000000; }/* width causes IEbug when scrolling*/
#content .xsell_head h1 {color: #000000; float: left; padding-top:8px; display:inline; }
.xsell_head .btn_label div strong {display:none;}
.xsell_head .btn_label {font-weight:bold; float:right; padding-top:4px;}
.xsell_head a.button{float:left;}
/* Review Pages - 500 and 505 */
#protection .titlebar {margin-bottom:8px;background:#c99;width:640px;}
#protection .titlebar h3 {line-height:2em; padding:2px 8px;}
#protection .protbox {background:#FFDEEF; border:1px solid #F09; width:640px;margin:8px 0; padding:8px;}
#protection .protbox p {padding-left:8px;padding-top:0;}
#protection .protpurch {background:#EBEEF0; border:1px solid #ccc; width:60%; padding:2px 8px 8px; margin:4px 8px;}
#protection .yestext {font-size:14px;font-weight:bold;line-height:1.8em;color:#000;}
#protection .subtext {padding-left:24px;}
#protection ul{padding:8px 0 4px 24px;}
#rules ul {margin:8px 0 4px 24px;}
.offer_text {float:left;width:70%;}
.offer_off {float:right; font-weight:bold; border:1px solid #DE8C5A; background:#FFDEEF; text-align:center; width:22%;}
#revtrip .offer_off p {padding:10px;}
#prices .tal_equal {padding-left:4px; padding-right:4px;}
.revprice{float:right; position: relative;color:#F09;}
#content .a_text {padding-top:4px;}
.pricefigs {text-align:right;}
.pricenote {margin-left:5px;}
#revtriphead {width:inherit;}
#revtriphead h2{float:left;color:#000; margin:10px 0 10px 5px;}
#revtriphead .revprice .rev_emph {color:#F09; margin:15px 5px 0px 0px; font-size:1.1em;}

#revtrip .linktext {padding-top:8px;}
#revtrip .mod_rev {float:right; text-align:right;}
#revtrip td {padding: 6px 0 0; vertical-align: top; }
#revtrip td div {padding-right:.73em;}
#revtrip td.emph_txt {font-weight:bold;}
#revtrip td.date {width: 13%;}
#revtrip td.depret {width: 9%;}
#revtrip td.time {width: 15%;}
#revtrip td.fromto {width: 22%;}
#revtrip td.flight {width: 30%;}
#revtrip td.flight div {padding-left: 26px;}
#revtrip td.flight img {float: left;}
#revtrip td.rooms {width:52%;}
#revtrip td.pax_info {width:38%;}
#revtrip td.align_txt {padding-top:1.2em;}
#revtrip .hlite {color:#c00;}
#revtrip .step_tots {padding-top:6px;}
#revtrip .step_tots span {font-weight:bold;}
#content .stepcontent hr.hr1 {height:1px;color:#ccc;margin:0;padding:0;}
#revtrip .widetable {width:85%;}
#revtrip .ratings {float:right; text-align:right; width:30%;}
/* style from checkout path for login/nologin */
#splitlogin {clear: both; margin: 8px 0 0 22px;}
#splitlogin h1 {color: #000; padding-bottom: 5px;}
#splitlogin #loginform {float: left; width:38%;}
#splitlogin #login_or {float: left; padding:8px 8px 0 8px; width:8%; text-align: center;}
#splitlogin #loginform .login_label {display: block; float: left; margin: 8px 0 0 0; text-align:right;width:8em;}
#splitlogin #loginform input {display: block; float: left; margin: 8px 0 0 8px;}
#splitlogin .login_btn_spacer {float: left; width: 5em; text-align: center;}
#splitlogin #nologin {float:left; width:38%;}
#splitlogin .forgot_pw {padding: .5em 0 0 8.2em;}
#splitlogin ul {margin: 0; padding: 0px; list-style-type: none;}
#splitlogin ul li {padding-bottom: 8px;}
#splitlogin #loginform .lgn_rmbr{margin-left:4em;padding-top:8px;}
#splitlogin #loginform .lgn_rmbr input{float:left;margin:-2px 5px 0 0;}
#splitlogin #nologin p {padding-bottom: 8px;}
#splitlogin .protect_list {padding-left:18px;}
#splitLogin #navBtn .loginform_btn, #splitLogin #navBtn_HR .loginform_btn {float: left; width: 38%; margin-bottom: 12px;}
#revtrip .reprice {width:90%;}
#revtrip .pricepoint {font-size:16px; font-weight:bold;}
#revtrip .recal_txt {width:38em; font-weight:bold; color:#336699; font-size:1.1em;}
#content .ytrip_normal {font-weight:normal}
/* Travel Extras ------------------*/
#xsell_intro {margin-bottom: 8px;}
.textra .cardhead {position: static; margin-bottom: .73em;} /* see if this fixes mac IE bug*/
#content .textra .cardcont {margin-right: 8px; margin-left: 8px;}
#content .textra .cardcont h3, #content .textra p, .textra .update_info {margin: 0 0 .73em;} /*update_info in ski*/
.textra table {width: 680px; margin: .73em 0 0; color: #000;}
.textra th {vertical-align:middle; padding:3px 8px; background:#eaeaea; border-left:1px solid #fff; text-align: left;}
.textra td {vertical-align:top; padding:3px 8px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; text-align: left;}
.textra th.first {border-left: 1px solid #eaeaea;}
.textra th.iconhead {background: #fff; color: #fff;} /*icon col header*/
.textra th.icon {background: #fff; vertical-align: top;} /* row header */
.textra th.svce {background: #fff; color: #fff; border-width: 0;}
.textra th.quant {width: 25%;}
.textra th.price {width: 20%;}
.textra .icon {text-align: center; width: 14%;}
.textra .check {text-align: center; width: 7%;}
.textra .last {border-right: 1px solid #eaeaea;}
.textra td.price span {font-weight: bold;}
.textra td .formlabel {float: left; width: 50%; margin-right: 8px}
.textra .morelink {display: block; border-top: 1px solid #ccc; margin: 1.5em 0 0; padding: 1em 0;}
#content .textra .a_box h3{font-size:1.2em;}
/* styles specific to travel extra type */
#car_extra table {margin-bottom: 1.5em;}
#car_extra th {width: 14%; text-align:center;}
#car_extra td {vertical-align: middle;}
#car_extra #equip {display: block; padding: 0 0 8px;}
#ground_extra td, #attr_extra td, #ski_extra td {border-width: 0;}
#ski_extra table {margin-bottom: 1.5em;}
.chkavail .formlabel strong {display: block;}
.chkavail .formaction {padding-top:0;}
/* pricing section */
#pkg_price {border: 1px solid #ccc; margin-bottom: 1.5em;}
#content #pkg_price h2 {border-bottom: 1px solid #ccc; background:#eaeaea; color:#000; padding: 5px 8px; background: #eaeaea; margin: 0 0 .73em;}
#pkg_price table, #pkg_price p, #pkg_price .ftnote {margin-right: 8px; margin-left: 8px; color: #000;}
#pkg_price th {text-align: left; font-weight: normal;}
#pkg_price .total th, #pkg_price .total td {font-weight: bold;}
#pkg_price td.price {text-align: right; padding-left: 2em;}
#pkg_price td.ppprice {padding-left: .5em;}
#pkg_price .reprice {margin: 1em 8px 0;}
#pkg_price .reprice button {float: left;}
#pkg_price .reprice .emph_text2 {float: left; padding-top:4px; margin-bottom: 1em;}
/*CSS for Booking path of Custom Trip */
#tt_tripsum {padding:1px;background:#ffcc66;}
#tt_tripsum td {background:#ffffcc;}
#tt_body {background:#ffffff;}
#tt_tripsum .category-head {color:#ffffff;}
.content-sm {color:#000000;}
.category-head {color:#000000; background:#eaeaea}
#errorsDiv #unavail {color:#ffffff}
.content-md {color:#000000;}
.content-fxd-sm {color:#000000;}
.grid {color:#000000;}
.grid2 {background:#ffffff;}
.grid2 table {background:#ffffcc;}

/* Buttons */
#content button span,#content a.button span{FILTER:none;text-shadow:none;}
#content button,#content .button{background-color:#fff;border-color:#ff009b;text-shadow:none; color:#ff009b; filter:none;}
#content button.btn_sec,#content a.btn_sec{background-color:#fff; border-color:#0a5aa4; text-shadow:none; color:#0a5aa4; filter:none;}
#content button.btn_alt,#content a.btn_alt{background-color:#fff; border-color:#36c; text-shadow:none; color:#36c; filter:none;}

#content button span,#content a.button span{FILTER:none;text-shadow:none;color:#FFFFFF;font-weight:bold;}
#content button,#content .button{background-color:#FF0099;border-color:#ff99cc #660033 #660033 #ff99cc;text-shadow:none;color:#FFFFFF;font-weight:bold;}
#content button.btn_sec,#content a.btn_sec{background-color:#FF0099;border-color:#ccc #666 #666 #ccc;text-shadow:none;color:#FFFFFF;font-weight:bold;}
#content button.btn_alt,#content a.btn_alt{background-color:#FF0099;border-color:#D5D5D5 #484848 #484848 #D5D5D5;text-shadow:none;color:#FFFFFF;font-weight:bold;}

#titleRecap #recap{margin:0 8px;}