/* CSS Document */
/* --------------------------DLV standard / Author:Creative Media Group / Version: 12/7/2011 D.H. */
/* --------------------------Revised - increased the font-size of h3 and h4: 5/19/2011 J.R. */
/* --------------------------Revised - removed "!important" from ".font_normal", added "a.font_normal" to maintain link color: 6/1/2011 D.H. */
/* --------------------------Revised - removed padding of ".bookingTable td" in conjunction with Disney changes to the homepage: 6/15/2011 D.H. */
/* --------------------------Revised - removed unnecessary "#secondary table img" styling: 6/30/2011 J.R. */
/* --------------------------Revised - removed alignment from ".showMoreOptions" added ".flight .showMoreOptions". Also added ".hideShow_shown" & ".hideShow_hidden": 10/11/2011 J.R. */
/* --------------------------Revised - added padding to bottom of ".quickbookFlyout .searchButton": 10/12/2011 J.R. */
/* --------------------------Revised - Added BOOKING PATH PHASE2 STAGING (note to self, no need to transfer): 10/14/2011 J.R. */
/* --------------------------Revised - fixed padding and repeat for ".hideShow_shown" & ".hideShow_hidden": 10/18/2011 J.R. */
/* --------------------------Revised - added styles for "No Surprise Pricing" deals template: 11/8/2011 J.R. */
/* --------------------------Revised - added round top left corner to ".deals_cta .samplePrice" : 11/15/2011 J.R. */
/* --------------------------Revised - added "text-align:right" to class ".price" (427) to be consistent with other sites; removed redundant "text-align:right" from ".pricing_grid .price" (428); removed duplicate class ".lowestPrice .priceBox" (844); added -moz and -webkit vendor prefixes for rounded corners on ".deals_cta .roundbox_sample" (389) and ".deals_cta .samplePrice" (388); added quotes around font family "Trebuchet MS" (various); changed invalid "background-color:none", "background-color:#none", and "background-color:#transparent" to "background-color:transparent" (various) : 11/18/2011 D.H. */

/*
-
-
+ELEMENTS
-
-
*/

body { margin: 0; padding: 0; background: url("//static.mltvacations.com/images/drc/header/delta/bg_grad.jpg") repeat-x scroll 0 0 #f0f3f6; width: 100%; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #333; }
div { margin: 0; padding: 0; }
p, ul, li, br { line-height: 1.4em; }
p { margin: 1em 0; padding: 0; }
hr { border-top: 1px solid #ccc; width: 100%; height: 1px; margin: 0; padding: 0; border-right: none; border-bottom: none; border-left: none; }
h1, h2, h3 { font-family: "Trebuchet MS", Arial, sans-serif; color: #036; margin-top: 1em; margin-bottom: 0.5em; line-height: 1.2em; }
h4 { font-family: Tahoma, Verdana, sans-serif; color: #036; margin-top: 1em; margin-bottom: 0.5em; line-height: 1.2em; }
h1 { font-size: 20px; font-weight: normal; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h1:first-child, h2:first-child, h3:first-child { margin-top: .5em; }
a { color: #0151a1; text-decoration: none; cursor: pointer; }
a:visited { color: #006699; text-decoration: none; }
a:hover, a:active { color: #991933; text-decoration: underline; }
a img { border: none; outline: none; }
ul, ol { margin: 1em 0 1em 2em; padding: 0; }
li { margin: 5px 0 0 0; padding: 0; }
form { margin: 0; padding: 0; }
input { font-size: 10px; vertical-align: middle; }
input[type="text"] { margin-top: 2px; margin-bottom: 2px; }
input[type="text"][readonly] { background: #e2e2e2; }
input[type="radio"] { margin-top: 0; }
select { font-size: 10px; margin-top: 2px; margin-bottom: 2px; }
option { font-size: 10px; }
/* highlight the active (focused) form field */
/*input:focus, select:focus, textarea:focus { background: #fff9d0; color:#000; }*/
label.clickable:hover { cursor: pointer; }
sup { font-size: 85%; vertical-align: super; line-height: 50%; }
h1 sup { font-size: 65%; }
/*
-
-
+LAYOUT (SHELL)
-
-
*/

/*
HEADER
*/
#bkgd_header { height: 80px; width: 100%; background-image:none; background-color:transparent; margin-bottom: 20px; border-bottom: none; }
/* HEADER CONTAINER */
#header { margin: 0 auto; padding: 0 10px; width: 930px; height: 80px; font-family: Tahoma, Verdana, sans-serif; }
#header a:focus { outline: none; }
/* NAV */
#nav { font: bold 13px Tahoma, Verdana, sans-serif; float: right; height: 29px; color: #333; margin: 0 5px; }
#nav a, #nav a:visited { display: block; color: #FFF; }
#nav a:hover, #nav a:active { color: #B5C6E0; }
#nav a:focus { outline: none; }
#nav ul { margin: 0; float: right; width: 500px; }
#nav li { padding: 0; margin-left: 23px; list-style-type: none; float: right; }
#nav li.nav_active { background: url("//static.mltvacations.com/images/drc/header/delta/arrow_white.gif") no-repeat scroll left 5px transparent; padding-left: 13px; }
/* SUBNAV (UPPER RIGHT)*/
#subnav { font: bold 10px Tahoma, Verdana, sans-serif; float: right; margin: 0; padding: 0; }
#subnav ul { margin: 0; padding: 0; list-style: none; width: 640px; top: 10px; }
#subnav li { float: right; display: block; padding: 0; margin: 4px 0; color: #069; }
#subnav a, #topnav a:visited { color: #B5C6E0; text-decoration: none; }
#subnav a:hover, #subnav a:active { color: #fff; text-decoration: underline; }
/* DV SUBNAV (UPPER RIGHT)*/
.nav_sm { height:20px; float:right; margin-top:0px; }
.nav_sm ul { text-align:right }
.nav_sm li { width: auto; padding-right:8px; padding-left:3px; display:inline; list-style:none; font-size:1em; color:#FFF; border-right:#99c2d6 1px solid; }
.nav_sm .last { border-right:none }
.nav_sm a { text-decoration:none; color:#99c2d6 }
/*
CONTENT
*/
#container { height:100% } /* not sure this is actually used? */
#content { margin: 0 auto; padding: 5px 10px; width: 930px; }
/* WHITE PAGE HEADER */
.heading-content { height: 50px; line-height: 50px; }
.heading-content p { line-height: 50px; padding: 0; }
.section_heading { margin: 0; padding-left: 13px; font-family: Tahoma, Verdana, sans-serif; font-weight: normal; font-size: 22px; color: #fff; float: left; line-height: 50px; }
.section_heading sup { font-size: 65%; }
.title_sidebar { padding-top: 5px; padding-right: 12px; float:right; font-weight:bold; font-size:11px; color: #fff; }
.content_header { background-color: #000000; background-image: url("//static.mltvacations.com/images/drc/header/delta/bg_grad.jpg"); border-bottom: 0px solid #8F99AA; border-top: none; color: #FFFFFF; height: 30px; line-height: 30px; margin: 0; padding:2px 15px 0 15px; }
.content_header table { height: 30px; margin: 0; }
.content_header table td { height: 30px; margin: 0; padding-top: 0; padding-bottom: 0; }
.content_header p { line-height: 30px; margin: 0; }
.content_header a, .content_header a:visited, .content_header a:hover, .content_header a:active { color: #fff; text-decoration: underline; }
.content_header h1 { margin: 0; font-weight: normal; font-size: 15px; color: #fff; line-height: 30px; }
.content_header h2 { font-family: Tahoma, Verdana, sans-serif; font-size: 13px; font-weight: bold; line-height: 30px; margin: 0; text-transform: uppercase; color: #fff; }
.white_bg { background:#FFF }
.content_header img { margin-left: 13px; }
/*
SIDEBAR
*/
#sidebar { width: 215px; vertical-align: top; }
#side_content { padding: 0; vertical-align: top; width: 190px; }
#side_content .box_white { margin: 0; padding: 5px; }
.item-sidebar { margin-bottom: 10px; border: none; border-collapse: collapse; }
.side_box { font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: url("//static.mltvacations.com/images/drc/home/delta/bg_grad_white.jpg") repeat-x scroll 0 0 #F9F9F9; border:1px solid #ccc; border-top:none; }
.side_header { margin: 0; background-color:#333333; color: #fff; height: 31px; line-height: 31px; }
.side_header h2 { background: url("//static.mltvacations.com/images/drc/button/delta/home_left_nav.png") repeat scroll 190px 0 transparent; color: #ccc; font-family: "Trebuchet MS"; font-size: 1.3em; font-weight: normal; line-height: 30px; margin: 0; padding: 0 5px; text-align: center; text-transform: capitalize; }
.side_header h2 a, .side_header h3 a { color:#fff; }
.side_header h2 a.arrowToggle { background: url("//static.mltvacations.com/images/drc/header/delta/arrow_white.gif") no-repeat scroll left 7px transparent; color: #FFFFFF; padding-left: 10px; }
.side_header h2 a.arrowToggle.active { background: url("//static.mltvacations.com/images/drc/header/delta/arrow_white_down.gif") no-repeat scroll left 7px transparent; }
.call_img { background: #F4F4F4 url(//static.mltvacations.com/images/drc/icon/delta/question_header.png) no-repeat; border-bottom: medium none; border-left: medium none; padding-bottom:1px }
.questions_header { background: #e6ebef url(//static.mltvacations.com/images/drc/icon/delta/question_header.gif) center top no-repeat; width: 190px; padding-top: 45px; }
.itinerary { background-color: #E6EBEF; font-size: 0.9em; padding-left: 15px; }
.flightLeg { width:70px }
.flightDate { text-align: left; width: 75px; }
.flightFrom, .flightTo { width:150px; text-align:left }
/*
FOOTER
*/
#footer { color: #006699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 35px; width: 930px; }
#footer a { color: #069; }
#footer a:visited { color: #036; }
#footer a:hover, #footer a:active { color: #991933; }
#footer ul { margin: 8px 0; padding: 0; list-style: none; float: left; clear: both; width: 100%; }
#footer li { float: left; padding: 0; margin: 0; font-weight: bold; }
#footer hr { margin: 10px 0; color: #ccc; height: 1px; float: left; }
ul.social_icons li { float:right }
.legal_links { float: right; margin-top: 30px; position: relative; }
/*
-
-
+SPECIFIC PAGES
-
-
*/
/*
HOME PAGE
*/
.home_main { /*width: 730px;*/ height: 240px; background-color: #fff; border-bottom: 1px solid #ccc; background-position: left top; position: relative; }
.home_box { background-color: #f4f4f4; padding: 5px; border: 1px solid #fff; }
.home_gutter { width: 10px; height: 10px; margin: 0; padding: 0; border: none; }
.homepic { float: left; margin: 10px; border: 1px solid #ccc; margin-right: 15px; }
/* LARGE DESTINATION IMAGE & LINK */
#destination_link { background-color: #333; margin-top: -30px; height: 24px; }
#destination_link td { padding: 0 15px 0 10px; }
#destination_link a { color: #fff; }
/* QUICKBOOK */
.quickbook /* wrapper div */ { background-color: #e6ebef; color: #333; vertical-align: top; margin-bottom: 15px; border: 1px solid #9AAEC9; }
.quickbook .side_header { background: none repeat scroll 0 0 #991933; }
.quickbookContent /* inner div */ { padding: 15px; }
.quickbook table { width: 100%; }
/*.quickbook td { font-size: 11px; padding: 0 3px; }*/
.quickbook h3, .quickbook label, .vacationType label, .bookSidebar h3, .bookSidebar label { font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; color: #333; font-weight: bold; display: block; margin-top:9px; margin-bottom:2px; }
.quickbook p { margin: .5em 0; }
.quickbook input { font-size: 11px; }
.quickbook .error { margin: -5px 0 5px; }
.codeLookupLink /* city/airport code link */ { float: right; /*margin-top: 9px;*/ margin-bottom: 2px; margin-right: 4px; font-size: 10px; }
.vacationType /* div */ { background: #fff; font-size: 11px; color: #000; border: 1px solid #ccc; }
.vacationType label { font-size: 11px; line-height: 24px; border-bottom: 1px solid #ccc; margin: 0; padding-left: 5px; cursor: pointer; }
div.specialty { margin: 0 0 5px 26px; }
label.specialty { border-bottom: none; margin-bottom:-4px; }
.bookTable .specialty label, .quickbook .specialty label { font-size: 12px !important; font-weight: normal; border: none; color: #006699; display: inline; line-height: 20px; position: relative; }
.bookTable .specialty label:hover, .quickbook .specialty label:hover { color: #991933; text-decoration: underline; }
label.fromField { display: inline; margin-bottom: -5px; }
label.toField { display: inline; }
input.fromField, input.toField { width: 97%; margin-bottom: 5px; }
select.fromField, select.toField { width: 99%; margin-bottom: 5px; }
.quickbook table.numberOfTravelers { margin-bottom: 10px; }
.quickbook label.numberOfTravelers { margin-top: 4px; }
.quickbook label.numberOfTravelers select, table.numberOfTravelers select { width: 37px; }
.quickbook select.childAge { width: 60px; }
label.departDateField, label.returnDateField, label.checkinDateField, label.checkoutDateField { display: inline; }
label.checkinDateField input, label.checkoutDateField input, input.checkinDateField, input.checkoutDateField { width: 60px; }
label.departDateField input, label.returnDateField input, input.departDateField, input.returnDateField { width: 53px; margin-bottom: 5px; }
/* .promoCodeBox div { padding-top:8px; padding-left:2px; } */
.promoCodeBox { clear: left; float: left; width: 390px; padding:5px 0 0 10px }
.promoCodeBox a { line-height:22px; }
.searchButton /* input */ { text-align: center; margin: 10px auto; }
/*FLYOUT LEFT NAV*/
#sidebar_200 { vertical-align: top; width: 200px; }
#flyout div.leftNav_head { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: 0 -69px; background-repeat: no-repeat; height: 35px; width:200px; }
#button_FH { background-image: url("//static.mltvacations.com/images/drc/button/delta/home_left_nav.png"); background-position: -200px 0; background-repeat: no-repeat; position: relative; width: 200px; z-index: 26; }
#button_FH:hover { background-image: url("//static.mltvacations.com/images/drc/button/delta/home_left_nav.png"); background-position: -200px -60px; background-repeat: no-repeat; position: relative; width: 200px; z-index: 26; }
#button_FH.active { background-image: url("//static.mltvacations.com/images/drc/button/delta/home_left_nav.png"); background-position: -200px -120px; background-repeat: no-repeat; position: relative; width: 200px; z-index: 27; }
#button_FC { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: -400px 0; background-repeat: no-repeat; width:200px; position:relative; }
#button_FC:hover { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: -400px -60px; background-repeat: no-repeat; width:200px; position:relative; }
#button_FC.active { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: -400px -120px!important; background-repeat: no-repeat; width:200px; z-index:27; position:relative; }
#button_HO { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: -600px 0; background-repeat: no-repeat; width:200px; position:relative; }
#button_HO:hover { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: -600px -60px; background-repeat: no-repeat; width:200px; position:relative; }
#button_HO.active { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: -600px -120px!important; background-repeat: no-repeat; width:200px; z-index:27; position:relative; }
#button_SV { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: -800px 0; background-repeat: no-repeat; width:200px; position:relative; }
#button_SV:hover { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: -800px -60px; background-repeat: no-repeat; width:200px; position:relative; }
#button_SV.active { background-color: transparent; background-image: url(//static.mltvacations.com/images/drc/button/delta/home_left_nav.png); background-position: -800px -120px!important; background-repeat: no-repeat; width:200px; z-index:27; position:relative; }
#leftnav { background: none; float: left; top: 10px; z-index: 50; border:none; padding:0; }
#leftnav div h1 { line-height: 50px; margin: 0; padding: 0 0 0 15px; visibility: hidden; }
#leftnav div h1 { line-height: 50px; margin: 0; padding: 0 0 0 15px; visibility: hidden; }
/*LEFT NAV SECONDARY*/
.leftnav_secondary { border-bottom: 1px solid #9AAEC9; clear: both; float: left; margin: 0; padding: 0 0 0 15px; width: 176px; }
.leftnav_secondary h2 { font-weight:normal }
/*MAIN WINDOW (HEROS)*/
.close { float: right; position: relative; }
#dealButtons { height: 50px; margin-left: 462px; margin-top: 396px; position: absolute; width: 240px; z-index: 25; cursor:pointer }
#dealButtons ul { list-style:none; float:right }
#dealButtons li { background: none repeat scroll 0 0 #990000; color: #FFFFFF; float: left; font-family: "Trebuchet MS"; font-size: 0.9em; font-weight: bold; margin: 3px; padding: 3px 7px; text-transform: uppercase; ; }
#dealButtons li.active { background: none repeat scroll 0 0 #e51937; border: 1px solid #990000; border-collapse: collapse; float: left; font-family: "Trebuchet MS"; font-size: 0.9em; font-weight: bold; margin: 3px; padding: 2px 6px; text-transform: uppercase; }
#dealButtons a { color:#fff; text-decoration:none }
#herohome { background-repeat: repeat-y; height: 449px; margin-bottom: 0; margin-left: 0; margin-right: 0; overflow: hidden; position: absolute; width: 716px; background: url("//static.mltvacations.com/images/drc/home/delta/bg_grad_white.jpg") repeat-x scroll 0 0 #F9F9F9; }
#herohome h1 { font-size: 12px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; }
#herohome li { background-image:url("//static.mltvacations.com/images/drc/home/delta/superhero.gif"); background-position: center bottom; background-repeat: no-repeat; display: inline-block; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 14px; height: 464px; list-style: none outside none; margin: -15px 0 0; padding-bottom: 0; padding-right: 0; padding-top: 0; width: 716px; }
#herohome li#dealOne.active { display:block }
#herohome li#dealTwo.active { display:block }
#herohome li#dealThree.active { display:block }
#herohome li#dealFour.active { display:block }
#herohome li#dealFive.active { display:block }
#herohome li#dealSix.active { display:block }
#herohome ul { margin-left: -15px; padding-left: 15px; }
#herohome li a { background: url("//static.mltvacations.com/images/drc/home/delta/bgBlack.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Tahoma, Arial, sans-serif; font-size: 16px; font-weight: bold; height: 202px; margin-right: 0; margin-top: 204px; padding-left: 50px; padding-right: 86px; padding-top: 88px; position: absolute; text-decoration: none; width: 580px; }
/*#herohome li a h2{ color: #FFFFFF; font-size: 1.8em; font-weight: normal; text-transform: uppercase;} <-- doesn't validate
*/
#herohome li a .largetext { color: #FFFFFF; font-size: 1.8em; font-weight: normal; text-transform: uppercase; display:block; margin-bottom:.5em; line-height:1.2em }
#herohome .font_fineprint { color: #CCCCCC; margin-left: 20px; margin-top: -56px; position: relative; }
/*.bookingTable td { padding-bottom:15px }
.bookingTable table td { padding-bottom:0px }
*/.bookingTable .placeField { color: #333333; font-size: 1.2em; height: 22px; width: 96px; }
.bookingTable .DateField { margin-bottom: 2px; width: 78px; }
.bookingTable .defaultToField { float:left }
.flightHotel_foreground .fromTo { margin-top:6px }
div.flightHotel_background { background: none repeat scroll 0 0 #EFEFEF; height: 50px; opacity: 0.7; filter: alpha(opacity = 70); position: absolute; width: 738px; z-index: 24; margin-left: 190px; visibility: visible; margin-top:-50px; }
div.flightHotel_foreground { background: none; height: 50px; position: absolute; width: 737px; z-index: 25; margin-left: 190px; visibility: visible; margin-top:-50px; }
/*HOME PAGE BOOKING FORM*/
div#bookForm { background: url("//static.mltvacations.com/images/drc/home/delta/bg_grad_white.jpg") repeat-x scroll 0 0 #F9F9F9; border: 1px solid #CCCCCC; min-height: 448px; margin-left: 189px; margin-top: -235px; position: absolute; width: 738px; z-index: 26; }
div#bookForm { display:none; }
div#bookForm.active { display:block; }
.tripIcons { display: block; float: right; font-size: 1.2em; height: 30px; margin-right: 0;/*	overflow: hidden;  <-- used for mockup, breaks in IE7 **/ text-align: right; width: 80px; }
.tripIcons img { float:left }
.fromTo { margin-left: 50px; margin-top: 40px; width: 635px; }
.fromTo h2 { font-size:1.2em; font-weight:normal; margin:0; padding:0; text-align:right }
.fromTo h3 { font-size:1em; font-weight:normal; margin:0; padding:0 }
.fromTo h4 { font-size:.8em; font-weight:normal; margin:0; padding:0; text-align:right }
.fromTo label { float:right; margin:5px 0 0 0 }
.fromTo .codeLookupLink { margin-right: 0; margin-left:0 }
.fromTo .hotelOnly .codeLookupLink { margin-left: 0; /* <-- for IE7 */ }
.fromTo #flightSearchOptionsBox { margin-bottom: 0; background: url("//static.mltvacations.com/images/drc/home/delta/bg_grad_white.jpg") repeat-x scroll 0 0 #F9F9F9; border: 1px solid #CCCCCC; height: 30px; margin: 0 0 10px; padding: 5px 20px 15px; }
.fromTo .flightSearchOptionsLeft { float:left }
.fromTo .flightSearchOptionsRight { border-left: 1px dotted #999999; margin-left:185px; padding-left:10px; height:40px }
.fromTo #flightSearchOptionsBox label { cursor: pointer; text-align: right; font-weight: normal; font-size: 0.9em; float:left; margin-right: 10px; }
.fromTo #flightSearchOptionsBox select { margin-bottom:0; margin-bottom:0; margin-top:0 }
/*.fromTo .cabinClassHelpLink.questionmark { margin-top: 6px; margin-left: -7px; }*/
.fromTo select.sort { margin-left: 0; width: 113px; }
.fromTo .error { line-height: 13px; position: relative; display:block; clear:both; width: 100px; }
.fromTo input.fromField, .fromTo input.toField { margin-bottom: 0; }
select.sort { margin-left: 4px; width: 113px; }
.departDate { position:absolute }
.childAges { margin-left:0; clear:both }
.childAges select { width:40px; float:left; margin-top:5px }
.childAges div { float:left; margin-right:5px }
.childCount { float:left }
.childUnder { float: left; font-size: 0.9em; margin: 5px 5px 0 10px; width: 215px; }
.numberOfAdults { width: 100px; }
.numberOfTravelers { float:left }
.fromTo h3 { font-size:1em; font-weight:normal; margin: 0; padding: 8px 3px 0 0; text-align:right }
.passport { float: left; margin-left: 5px; margin-right: 0; margin-top: 3px; text-align: left; width: 120px; }
.passport.arrow { background: url("//static.mltvacations.com/images/drc/icon/delta/arrow_dotted.gif") no-repeat scroll 5px 0.4em transparent; }
.fromTo .promoCodeBox { margin-left: 0; width: 320px; clear:none; padding-left:0; }
.fromTo .promoCodeBox a { line-height: normal; font-size: 1em; }
.fromTo .promoCodeBox input { margin-left: 10px; width: 75px; float: left; margin-right: 3px; }
.fromTo .promoCodeBox input.frequentFlyerProgramNumber { width: 75px; float:left; margin: 7px 0 0; }
.fromTo .promoCodeField { width: auto; }
.fromTo .promoCodeField.active { display:block }
.fromTo .promoCodeField .error { width: auto; }
.promoCodeField .skymilesInstruction { width:225px; float: left; }
.specialtyVacations_content .sortMenu { font-size:.9em; margin-right:4px }
.specialtyVacations_content .fromTo { margin-left:15px }
.specialtyVacations_content .fromTo .error { width: auto; }
.specialtyVacations_content .fromTo .promoCodeBox { margin-left: 0; padding-right: 0; padding-left:10px }
.specialtyVacations_content .fromTo .promoCodeField { position:relative; width: 320px; }
.specialtyVacations_content .fromTo .promoCodeField.active { display:block }
/*.specialtyVacations_content .bookingTable td { padding-bottom:15px; }
*/.specialtyVacations_content .bookingTable .placeField { height: 22px; width: 78px; }
.specialtyVacations_content .bookingTable .DateField { margin-bottom: 0; width: 61px; }
.specialtyVacations_content .bookingTable .codeLookupLink { float: right; font-size: 10px; margin-bottom: 2px; margin-right: 4px; width:85px }
.specialtyVacations_content .bookingTable .destinationMenu { width: 182px; }
.specialtyVacations_content select.sort { width: 82px; }
.cabinClass { float: right; font-size: 0.9em; text-align: right; }
.specialtyVacations_content .promoCodeBox { float: left; margin-left: 31px; padding-left: 35px; padding-top: 0; width: 195px; }
.specialtyVacations_content .fromTo h2 { padding: 0 4px; }
table.specialtyVacationsMenu { border-right: 1px solid #CCCCCC; width: 130px; }
table.specialtyVacationsMenu td { vertical-align:top; padding:0; padding-bottom:15px }
table.specialtyVacationsMenu td > label { float:left; margin: 0; padding: 0; }
.specialtyVacationsMenu ul.arrows li a { line-height: 10px; padding-right: 0.7em }
.specialtyVacations_content .fromTo h3 { font-size: 1em; font-weight: normal; margin: 0 0 0; padding: 0 4px; text-align: right; }
.specialtyVacations_content .bookingTable .last td { padding-bottom:0px }
.specialtyVacations_content td.toField { width: 46px }
.specialtyVacations_content .departureTime { width: 74px; }
.specialtyVacations_content .numberOfAdults { width: 100px; }
.specialtyVacations_content .numberOfTravelers { float:left }
.specialtyVacations_content .childUnder { margin-left:10px }
.specialtyVacations_content .passport { font-size: 0.9em; margin-right:0; margin-top:0; margin-left:0; width:199px; text-align:left }
.specialtyVacations_content .tripIcons { margin-left: 30px; }
.specialtyVacations_content #flightSearchOptionsBox { padding:5px 10px 15px; }
.specialtyVacations_content .cabinClass select { width:150px }
.specialtyVacations_content .searchButton { margin: 20px 0 0; }
.bookForm_Footer { border-top: 1px solid #CCCCCC; color: #666666; float: left; margin-left: 50px; margin-right: 50px; padding-top: 15px; padding-bottom: 25px; }
.bookForm_Footer table { width:635px }
.bookForm_Footer .list_fineprint li { float: left; font-size: 10px; line-height: 90%; width: 190px; margin-right:15px; }
.fadeOut { opacity:0.3; filter: alpha(opacity = 30); }
.forcedWidth { width:82px }
.questionmark { margin-bottom: -3px }
.quickbookFlyout .searchButton { float: right; margin: 20px 0 0; padding-bottom: 10px; text-align: right; width:auto }
.hidden { visibility:hidden }
.visible { visibility:visible }
.promo { padding-left: 10px; }
.promoArrow { background: url("//static.mltvacations.com/images/drc/icon/delta/arrow.gif") no-repeat scroll 0 3px transparent; padding-left: 10px; }
.promoArrow_active { background: url(//static.mltvacations.com/images/drc/icon/delta/arrow_down.gif) no-repeat scroll 0 3px transparent }
/*SIDE BAR FEATURE/VALUE PROP*/
#feature { background: url("//static.mltvacations.com/images/drc/valueprop/delta/supergraphic.png") no-repeat scroll 120px 95px #F4F4F4; border: 1px solid #CCCCCC; margin-top: 5px; padding: 10px; height: 120px; font-size:1.1em; }
#feature h2 { font-size:14px; margin:0 }
#feature ul, #feature li { line-height:1em }
#feature img { margin-left:10px }
.bookSidebar #feature { background: url("//static.mltvacations.com/images/drc/valueprop/delta/supergraphic.png") no-repeat scroll 140px 95px #F4F4F4; }
.bookSidebar #feature { background: url("//static.mltvacations.com/images/drc/valueprop/delta/supergraphic.png") no-repeat scroll 140px 95px #F4F4F4; }
div#monthlyFeature { border-top: 3px solid #9AAEC9; }
div#monthlyFeature h2 { background: none repeat scroll 0 0 #E7E7E7; font-weight: normal; height: 30px; margin: 0; padding-left: 15px; padding-top: 5px; text-align: left; }
div#monthlyFeature img { float:left; margin-right:15px }
/*LINKBAR/GRAY BAR*/
div#linkbar { background: none repeat scroll 0 0 #E0E2E4; border-bottom: 1px solid #CCCCCC; color: #999999; font-size: 11px; font-weight: normal; height: 30px; margin-left: auto; margin-right: auto; margin-top: 5px; padding-top: 5px; text-align: left; width: 895px; }
div#linkbar ul { margin-top:4px; }
div#linkbar li { border-right: 1px solid; display: inline; font-size: 1.2em; margin: 5px 10px 0 0; padding-right: 10px; text-transform: uppercase; }
div#linkbar li.last { margin: 5px 0 0 0; border-right:none; }
div#linkbar h1 { display: inline-block; float: left; font-size: 1.2em; margin: 5px 10px 0 0; text-transform: uppercase; }
div#linkbar h1.last { margin: 5px 0 0 0; border-right:none; }
div#linkbar div.autocomplete ul li { border: medium none; color: #000000; cursor: pointer; display: block; font-family: Verdana; font-size: 8pt; list-style-type: none; margin: 0; padding: 2px; text-align: left; text-transform: capitalize; }
.destinationSearchForm { float: right; margin-right: 10px; margin-top: -6px; }
.destinationSearchForm input.helpertext { width: 145px; }
/*SECONDARY AND TERTIARY CONTENT*/
div#tertiary_ads, div#secondary { background: none repeat scroll 0 0; height: 62px; margin-left:auto; margin-right:auto; padding-left: 20px; width:875px; clear:both; font-size: 1.1em; }
div#secondary { padding-top: 10px; }
.secondaryHead { margin: 5px 0 9px 0; ; padding:0; }
.secondaryHead a { font-weight:bold; text-transform:uppercase; margin-right:3px }
div#tertiary_ads { padding-top: 21px; }
div#tertiary_ads div#divider1, div#secondary div#divider1 { border-left: 1px solid #ccc; height: 52px; width: 10px; }
div#secondary div { float: left; text-align: left; width: 675px; }
#secondary table { width: 875px; }
#secondary table td { padding-bottom: 10px; width:190px; padding-right: 15px; }
#secondary .thumbnail { width: 73px; height:73px; padding-right: 5px; }
#secondary table a { display: block; padding-bottom: 5px; }
div#tertiary_ads div { border-right: 1px solid #CCCCCC; float: left; margin-right: 15px; min-height: 60px; padding-right: 30px; text-align: left; width: 250px; }
div#tertiary_ads .tertiaryGraphic { width: 73px; height:40px; padding-right: 0; overflow:hidden; border:none }
div#tertiary_ads img { float: left; height: auto; margin-right: 10px; width: 73px; }
#tertiary_right { margin-right: 0pt!important; border-right: 0!important; }
div#secondary { background: none repeat scroll 0 0 #eceff1; height: 210px; }
div#secondary h2 { font-family: Tahoma, Verdana, sans-serif; font-size: 1.1em; font-weight: normal; margin: 0 0 5px; padding: 0; text-transform: uppercase; }
.textLinks li { line-height:1.2em }
div#tertiary_ads div#divider2, div#secondary div#divider2 { border-left: 1px solid #ccc; height: 52px; width: 10px; }
div#tertiary_ads h3 { text-transform:uppercase; font-weight:bold; margin:0; font-size:12px }
/* HOTEL SPOTLIGHT */
p.image_spotlight_bkgd { background-image: url(//static.mltvacations.com/images/drc/hotelspotlight/delta/spotlight_bkgd.jpg); background-repeat: no-repeat; background-position: center; text-align: center; }
/* pay with miles box */
.payWithMilesBox { background: #fff url(//static.mltvacations.com/images/drc/home/delta/delta_skymiles_logo_sm.gif) right top no-repeat; border: solid 1px #ccc; padding: 10px; margin-top: 15px; }
.payWithMilesBox h3, .bookTable .payWithMilesBox h3 { font-size: 11px; margin: .5em 0; color: #036; }
.payWithMilesBox p { margin: .4em 0 0; line-height: 1.3em; }
/* INTRO */
#introhome { margin: 15px 380px 10px 15px; }
/* FEATURE OF THE MONTH */
/*
DEALS INDEX
*/
.featured_deal { margin-left: 15px; margin-right: 350px; }
/*
DEALS PAGES
*/
#deals_container { background-color: transparent; width: 730px; }
.deals { padding: 20px; border-bottom: 1px solid #ccc; vertical-align: top; background: none repeat scroll 0 0 #FFFFFF; }
.deals_cta { width: 275px; text-align: center; padding-left: 40px; }
.price_large_deal_box { background: url("//static.mltvacations.com/images/drc/booking/delta/gradientGreen.gif") repeat-x scroll 0 -70px #FFFFFF; padding: 0 10px; border: 2px solid #D4E6C1; }
.price_large_deal { color: #5D9F16; font-family: Tahoma, Verdana, sans-serif; font-size: 22px; font-weight: bold; }
.price_large_deal sup { font-weight:normal; vertical-align: text-top; font-size: 70%; /* <-- DLV only */ line-height: 22px; /* for IE  */ display: inline-block; height: 10px; }
.deals_cta .samplePrice { padding:25px 5px 15px 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; text-align: center; background:#fff url(//static.mltvacations.com/images/drc/misc/delta/samplepriceBlue.png) no-repeat; }
.deals_cta .roundbox_sample { border:1px #1D5773 solid; background:#fff url(//static.mltvacations.com/images/drc/misc/delta/bg_promoBox.jpg) repeat-x 0 bottom; color:#333; margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.noSurprise { background: url(//static.mltvacations.com/images/drc/misc/delta/bg_nosurprisepricingDark.jpg) #1D5773 right; width:120px; text-align:left; }
.noSurprise p.font_subhead { margin:4px 5px 0 8px; font-weight:bold; font-size:15px; line-height:16px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; }
.noSurprise p { line-height:14px; margin:4px 5px 0 8px; color:#d5dfed }
.noSurprise a, .noSurprise a:hover, .noSurprise a:visited, .noSurprise a:active { color:#fff; text-decoration:none }
/* DEALS 2011 PAGES */
.deals2 { border-bottom: 1px solid #CCCCCC; padding: 20px; vertical-align: top; margin-top: 0; }
.deals2 h1 { margin-top:0 }
.deals2 h2 { margin-top:0 }
.deals2 h3 { font-size:15px }
.deals2 .price_large_deal_box { border-width:2px }
.deals2 .list_tight { margin: 0 0 1em 2em; padding: 0; }
/* PAGE INTRO - larger font set */
.intro { /*margin: 10px 0;*/ font-size: 13px; }
.intro .font_fineprint { font-size: 11px; }
.intro .box_pricing td { font-size: 11px; padding: 1px 0; }
.intro .box_pricing th { font-size: 11px; padding: 0; }
.intro .box_pricing .font_fineprint { font-size: 11px; }
.intro .font_largeprint { font-size: 15px; }
/* T/Cs - smaller font set */
.terms { background-color: transparent; font-size: 11px; padding: 10px; }
.terms .font_bold { font-size: 11px; }
.terms .font_largeprint { font-size: 12px; }
/* PROMO BOX (deals, city) */
.box_promo { border-collapse: collapse; font-size: 11px; }
.box_promo td, .box_promo th { padding: 3px; }
.box_promo th { font-weight: normal; text-align: right; }
/* SAMPLE PRICING GRID */
.pricing_grid { margin-top: 10px; margin-bottom: 10px; }
.pricing_grid td { padding: 3px 15px; border-bottom: solid 1px #ccc; vertical-align: top; }
.pricing_grid td.pad_thumbnail { padding: 5px 0; }
.pricing_grid th { padding: 5px 10px; }
td.pricing_grid_header, tr.pricing_grid_header>td { font-size: 11px; background-color: #d5dfed; padding: 5px 15px; border-top: 2px solid #B5C6E0; border-bottom: 1px solid #B5C6E0; }
td.pricing_grid_footer, tr.pricing_grid_footer>td { background-color: #d5dfed; font-weight: bold; border-bottom: solid 1px #B5C6E0; border-top: solid 1px #B5C6E0; }
td.pricing_grid_spacer { font-size: 4px; padding: 0; margin: 0; line-height: 4px; border: none; }
table.tight td, .tight td { padding: 3px 5px; }
.origin { padding-left: 15px; }
.price { color: #5D9F16; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: bold; text-align: right; }
.pricing_grid .price { font-size: 13px; }
.nolines td { border: none; }
.backbutton { margin-top: 30px; }
/*
DESTINATIONS INDEX
*/
/* DESTINATION INDEX/REGION MAP TABLE BKGD */
#subregionListDiv { }
#subregionListDiv h2 { padding-top:10px; }
#subregionListDiv h4 { margin:0; margin-top: 8px; }
#map { padding: 15px; margin: 0; border-bottom: 1px solid #ccc; background-color: #f4f4f4; vertical-align: top; }
/*
PLANNING (DESTINATIONS, HOTELS)
*/
/* SUB NAV CITY/HOTEL TABS */
#subtabnav { float: right; margin: 0; height: 28px; padding: 0; }
#subtabnav a:focus { outline: none; }
#subtabnav ul { margin: 0; padding: 0; list-style: none; }
#subtabnav ul li { float: right; display: inline; padding: 0; margin: 0; color: #000; font: bold 10px Verdana, Arial, Helvetica, sans-serif; }
/* PACKAGE PRICE FINDER */
.box_blue_pricefind { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: none; background-color: #d5dfed; }
/*.box_blue_pricefind h1 { padding: 5px 0 2px 0; margin: 0 3px 5px 0; font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #000; }*/
.box_blue_pricefind_arrow { background-color: #fff; background-image: url(//static.mltvacations.com/images/drc/pricefinder/delta/pricearrow_side.gif); background-position: center right; background-repeat: no-repeat; padding: 5px 0; }
/* PKG PRICE LARGE (HOTEL) */
#hotel_pkg_price { text-align: center; vertical-align: bottom; color: #991933; font: bold 17px Arial, Verdana, Helvetica, sans-serif; line-height: 1.6em; padding-top: 30px; }
/* PREFERRED PICKS (STRATEGIC PARTNERS) - TIERED (GOLD, SILVER, BRONZE) */
.preferred_pick { }
.hotelItem .preferred_pick { display: block; text-align: center; margin-top: 10px; }
/*
BOOKING
*/
/* BOOKING LANDING PAGE */
.bookItemDiv { background: url("//static.mltvacations.com/images/drc/home/delta/bg_grad_white.jpg") repeat-x scroll 0 0 #F9F9F9; border: 1px solid #CCCCCC; padding:15px 20px 15px 20px; }
.booking_landingpage_image { background-color: #fff; border-collapse: collapse; background-repeat: no-repeat; background-position: top right; height: 100%; padding: 20px; padding-bottom: 10px; }
/*
THEME (LIFESTYLE)
*/
.lifestyle { position: relative; background: #fff top right no-repeat; height: 340px; border-bottom: 1px solid #ccc; }
.lifestyle_luxury_logo, .lifestyle_romance_logo { position: absolute; width: 222px; height: 96px; top: 15px; left: 35px; }
.lifestyle_luxury_logo { background: transparent url(//static.mltvacations.com/images/drc/theme/delta/consumer/lifestyle_logo_luxury.gif) left top no-repeat; }
.lifestyle_romance_logo { background: transparent url(//static.mltvacations.com/images/drc/theme/delta/consumer/lifestyle_logo_romance.gif) left top no-repeat; }
.lifestyle_intro { position: absolute; left: 35px; top: 120px; width: 300px; z-index: 3; }
.lifestyle_intro p { line-height: 1.2em; }
.lifestyle_intro h1, .lifestyle_intro h2 { margin: 0; }
.lifestyle_content { background-color: #fff; padding: 20px 35px; }
.lifestyle_hotel_grid { background-color: #fff; padding: 0 35px; }
/* LIFESTYLE SIDEBARS */
.lifestyle_sidebar { background-color: #fff; border: solid 2px #991933; text-align: center; font-size: 13px; }
.lifestyle_sidebar p { margin: 8px 0; line-height: 1.2em; }
.lifestyle_sidebar h2 { color: #991933; font-size: 15px; }
.lifestyle_header { height: 30px; background: #991933 url(//static.mltvacations.com/images/drc/theme/delta/consumer/lifestyle_sidebar_heading.gif) center center no-repeat; }
.lifestyle_luxury_sidebar { background-color: #fff; border: solid 2px #625231; text-align: center; font-size: 13px; }
.lifestyle_luxury_sidebar p { margin: 8px 0; line-height: 1.2em; }
.lifestyle_luxury_sidebar h2 { color: #625231; font-size: 15px; }
.lifestyle_luxury_header { height: 30px; background: #625231 url(//static.mltvacations.com/images/drc/theme/delta/consumer/luxury_sidebar_heading.gif) center center no-repeat; }
.lifestyle_romance_sidebar { background-color: #fff; border: solid 2px #991933; text-align: center; font-size: 13px; }
.lifestyle_romance_sidebar p { margin: 8px 0; line-height: 1.2em; }
.lifestyle_romance_sidebar h2 { color: #991933; font-size: 15px; }
.lifestyle_romance_header { height: 30px; background: #991933 url(//static.mltvacations.com/images/drc/theme/delta/consumer/romance_sidebar_heading.gif) center center no-repeat; }
/* LIFESTYLE DEALS PAGES */
.deals_lifestyle_logobox { width: 210px; margin: 15px 0 15px 30px; text-align: center; }
.deals_lifestyle_luxury_cta_box, .deals_lifestyle_romance_cta_box { width: 210px; text-align: center; background: #fff 10px 5px no-repeat; border: solid 1px #333; margin: 15px 0 15px 30px; }
.deals_lifestyle_luxury_cta_box { border-color: #625231; }
.deals_lifestyle_romance_cta_box { border-color: #991933; }
.deals_lifestyle_luxury_cta_box h2 { color: #625231; font-size: 15px; margin: 5px; }
.deals_lifestyle_romance_cta_box h2 { color: #991933; font-size: 15px; margin: 5px; }
.deals_lifestyle_luxury_cta_header { background: #625231 url(//static.mltvacations.com/images/drc/theme/delta/lifestyle_logo_luxury_sm_rev.gif) 10px 8px no-repeat; height: 75px; }
.deals_lifestyle_romance_cta_header { background: #991933 url(//static.mltvacations.com/images/drc/theme/delta/lifestyle_logo_romance_sm_rev.gif) 10px 8px no-repeat; height: 75px; }
.deals_lifestyle_luxury_cta_box p, .deals_lifestyle_romance_cta_box p { line-height: 1.2em; margin: 10px 0; }
/*
SPLASH PAGE (INTERSTITIAL)
*/
/* #splashBox { margin: 50px auto; text-align: center; width: 400px; } */ /* <- for all-Flash version, never been used */
#splash { width: 100%; margin: 0 auto; margin-top: 60px; text-align: center; }
#splash { margin:60px auto 0px }
#splash .box { width: 600px; height: auto; background: none; border: none; margin: 0 auto; }
#splash .box p { padding: 5px; font-weight: bold; font-size: 16px; }
.splashlogo { padding: 15px 0 0 0; }
#DivSplash { background-color: transparent; background-image: none; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: -10000px; overflow: hidden; }
#DivSplash.visible { left: 0; }
/*
POPUP WINDOW
*/
#popup { background-color: #fff; }
#bkgd_header_popup { background: #fff; border-bottom: solid 2px #003366; height: 40px; }
.popup_skymiles_logo { }
/*LIGHTVIEW POPOVER*/
.popover { background: none repeat scroll 0 0 #F0F3F6; padding: 25px 50px; }
.popoverContent /* inner div */ { /* width: 730px; */ display: table; margin: 0 auto; background: #fff; padding: 40px; }
.popoverFooter { padding: 20px; }
.noPad { padding: 0; }
#lv_overlay { opacity: .4 !important; }
/* .popoverCloseButton { margin-top: 30px; } */
/* fullwidth version - no padding or blue bg */
.popover.fullWidth { padding: 0; background: #fff none; position: absolute; width: 100%; height: 100%; margin:0 }
.popover.fullWidth .popoverContent { padding: 0; }
/*
popover loading screen (white overlay)
*/
.fixed /* <- for any fixed-position element, add this class for positioning to work in IE6 */, #popoverLoading { position: fixed; width: 100%; height: 100%; /*background-color: rgba(204, 204, 204, .5);*/ background: url(//static.mltvacations.com/images/drc/popover/bg_ccc_50.png); top: 0; bottom: 0; z-index: 10000; overflow: hidden; }
.popoverLoadingGraphicBG { width: 700px; text-align: center; vertical-align: middle; background: url(//static.mltvacations.com/images/drc/popover/popover_bg_gradient.png) center no-repeat; height: 400px; position: absolute; width: 100%; margin: 0 auto; top: 50%; margin-top: -200px; }
.popoverLoadingGraphic { background:url(//static.mltvacations.com/images/drc/popover/loading.gif) center center no-repeat; padding: 10px; height:100%; /* for IE -> */ text-align: center; }
 @media print {
.popoverLoadingGraphic { display: none; visibility: hidden; }
}
/*

-
-
+CUSTOM STYLES
-
-
*/
/*
LINKS
*/
.hideShow, a.hideShow, a.hideShow:hover, .hideShow_hidden { background-image: url(//static.mltvacations.com/images/drc/icon/delta/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
.hideShow.expanded, a.hideShow.expanded, .hideShow_shown { background-image: url(//static.mltvacations.com/images/drc/icon/delta/arrow_down.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
.hideShow.white, a.hideShow.white, a.hideShow.white:hover { background-image: url(//static.mltvacations.com/images/drc/icon/delta/arrow_white.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
.hideShow.white.expanded, a.hideShow.white.expanded { background-image: url(//static.mltvacations.com/images/drc/icon/delta/arrow_down_white.png); }
a.hideShow.indented, a.hideShow.white.indented { background-position: 5px center; padding-left: 20px; }
.arrow { color:#069; padding-left: 0; padding-right:0.6em; background:transparent url(//static.mltvacations.com/images/drc/icon/delta/guillemet.gif) no-repeat right 0.3em; }
.arrow:hover { background-image: url(//static.mltvacations.com/images/drc/icon/delta/guillemet_active.gif); }
a.arrow.white_link, .white_link a.arrow, a.arrow.white_link:visited, .white_link a.arrow:visited, a.arrow.white_link:hover, .white_link a.arrow:hover, a.arrow.white_link:active, .white_link a.arrow:active { background-image: url(//static.mltvacations.com/images/drc/icon/delta/arrow_dotted_white.gif); color: #fff; text-decoration: underline; }
ul.arrows { margin-left: 5px; list-style: none; }
ul.arrows li a { background:transparent url(//static.mltvacations.com/images/drc/icon/delta/guillemet.gif) no-repeat right 0.3em; padding-left: 0; padding-right: 0.6em }
ul.arrows li a:hover { background-image: url(//static.mltvacations.com/images/drc/icon/delta/guillemet_active.gif); }
.helpLink, a.helpLink { background: url(//static.mltvacations.com/images/drc/icon/delta/question_small.gif) right center no-repeat; padding-right: 15px; text-indent: -9999px; }
.addLink { background: url(//static.mltvacations.com/images/drc/icon/delta/icon_plus.gif) left no-repeat; padding-left: 15px; }
.addLink:hover { background-image: url(//static.mltvacations.com/images/drc/icon/delta/icon_plus_hover.gif); }
.calendarLink { white-space: nowrap; }
.cabinClassHelpLink img { margin-bottom: -2px; }
/*
BORDERS
*/
.border_blue, tr.border_blue>td { border: 1px solid #b5c6e0; }
.border_double, tr.border_double>td { border: 7px double #fff; }
.border_gray, tr.border_gray>td { border: 1px solid #ccc; }
.border_lightgray, tr.border_lightgray>td { border: 1px solid #e2e2e2; }
.border_white, tr.border_white>td { border: 1px solid #fff; }
.border_black, tr.border_black>td { border: 1px solid #000; }
.border_map { border: 2px solid #ccc; }
.border_bottom_dash, tr.border_bottom_dash>td { border-bottom: 1px dashed #ccc; }
.border_bottom_darkblue, tr.border_bottom_darkblue>td { border-bottom: 2px solid #002a50; }
.border_top_darkblue, tr.border_top_darkblue>td { border-top: 1px solid #002a50; }
.border_bottom_gray, tr.border_bottom_gray>td { border-bottom: 1px solid #ccc; }
.border_bottom_lightgray, tr.border_bottom_lightgray>td { border-bottom: 1px solid #e2e2e2; }
.border_bottom_right_gray { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.border_right_gray { border-right: 1px solid #ccc; }
.border_left_gray { border-left: 1px solid #ccc; }
.border_bottom_white, tr.border_bottom_white>td { border-bottom: 1px solid #fff; }
.border_top_dash, tr.border_top_dash>td { border-top: 1px dashed #ccc; }
.border_top_gray, tr.border_top_gray>td { border-top: 1px solid #ccc; }
/*.border_u { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }*/
.image_border { border: 1px solid #333; }
/*
BOXES
*/
.table_blue_header, tr.table_blue_header>td, .table_lightblue_header, tr.table_lightblue_header>td, .table_lighterblue_header, tr.table_lighterblue_header>td, .table_darkblue_header, tr.table_darkblue_header>td, .table_gray_header, tr.table_gray_header>td, .table_lightgray_header, tr.table_lightgray_header>td, .table_darkgray_header, tr.table_darkgray_header>td { border-bottom: 1px solid #036; border-top: 2px solid #002a50; padding: 5px; }
.table_blue_header h2, .table_lighblue_header h2, .table_darkblue_header h2, .table_gray_header h2, .table_lightgray_header, .table_darkgray_header h2 { margin:0; /*color:#000;*/ font-size: 13px; }
.table_blue_header h3, .table_lighblue_header h3, .table_darkblue_header h3, .table_gray_header h3, .table_lightgray_header, .table_darkgray_header h3 { margin:0; /*color:#000;*/ font-size: 11px; }
.box_blue, .table_blue_header, tr.table_blue_header>td { background-color: #d5dfed; }
.box_lightblue, .table_lightblue_header, tr.table_lightblue_header>td { background-color: #e6ebef; }
.box_lighterblue, .table_lighterblue_header, tr.table_lighterblue_header>td { background-color: #f1f5f8; }
.box_darkblue, .table_darkblue_header, tr.table_darkblue_header>td { background-color: #b5c6e0; }
.box_gray, .table_gray_header, tr.table_gray_header>td { background-color: #e2e2e2; }
.box_lightgray, .table_lightgray_header, tr.table_lightgray_header>td { background-color: #f4f4f4; }
.box_darkgray, .table_darkgray_header, tr.table_darkgray_header>td { background-color: #ccc; }
.box_white { background-color: #fff; color: #333; border-collapse: collapse; }
/* HOTEL SPOTLIGHT */
.box_yellow { background-color: #fff4aa; border-collapse: collapse; }
/* GET MORE VACATION BOX (destination index) */
.box_dotted_blue { border: 3px dotted #274060; background-color: #e6ebef; }
.box_dotted { border: 3px dotted #274060; }
.box_dotted_thin { border:dotted 1px #ccc }
/*
PADDING & MARGINS
*/
.pad_thumbnail { vertical-align: top; padding-right: 8px; }
.pad_none { padding: 0px; }
.pad_all_5 { padding: 5px; }
.pad_all_10 { padding: 10px; }
.pad_all_15 { padding: 15px; }
.pad_horz_5 { padding-left: 5px; padding-right: 5px; }
.pad_horz_10 { padding-left: 10px; padding-right: 10px; }
.pad_horz_15 { padding-left: 15px; padding-right: 15px; }
.pad_horz_30 { padding-left: 30px; padding-right: 30px; }/* use instead of blockquote */
.pad_vert_5 { padding-top: 5px; padding-bottom: 5px; }
.pad_vert_10 { padding-top: 10px; padding-bottom: 10px; }
.pad_vert_15 { padding-top: 15px; padding-bottom: 15px; }
.pad_top_5 { padding-top: 5px; }
.pad_top_10 { padding-top: 10px; }
.pad_top_15 { padding-top: 15px; }
.pad_top_20 { padding-top: 20px; }
.pad_bottom_5 { padding-bottom: 5px; }
.pad_bottom_10 { padding-bottom: 10px; }
.pad_bottom_15 { padding-bottom: 15px; }
.pad_right_5 { padding-right: 5px; }
.pad_right_10 { padding-right: 10px; }
.pad_right_15 { padding-right: 15px; }
.pad_left_5 { padding-left: 5px; }
.pad_left_10 { padding-left: 10px; }
.pad_left_15 { padding-left: 15px; }
.pad_left_30 { padding-left: 30px; } /* use instead of blockquote */
.pad_15_top_10 { padding:10px 15px 15px; }
.margin_none { margin: 0; }
.margin_all_5 { margin: 5px }
.margin_all_10 { margin: 10px }
.margin_all_15 { margin: 15px }
.margin_horz_5 { margin-left: 5px; margin-right: 5px; }
.margin_horz_10 { margin-left: 10px; margin-right: 10px; }
.margin_horz_15 { margin-left: 15px; margin-right: 15px; }
.margin_horz_30 { margin-left: 30px; margin-right: 30px; } /* use instead of blockquote */
.margin_vert_5 { margin-top: 5px; margin-bottom: 5px; }
.margin_vert_10 { margin-top: 10px; margin-bottom: 10px; }
.margin_vert_15 { margin-top: 15px; margin-bottom: 15px; }
.margin_vert_30 { margin-top: 30px; margin-bottom: 30px; }
.margin_top_2 { margin-top: 2px; }
.margin_top_5 { margin-top: 5px; }
.margin_top_10 { margin-top: 10px; }
.margin_top_15 { margin-top: 15px; }
.margin_top_30 { margin-top: 30px; }
.margin_bottom_5 { margin-bottom: 5px; }
.margin_bottom_10 { margin-bottom: 10px; }
.margin_bottom_15 { margin-bottom: 15px; }
.margin_bottom_25 { margin-bottom: 25px; }
.margin_right_5 { margin-right: 5px; }
.margin_right_10 { margin-right: 10px; }
.margin_right_15 { margin-right: 15px; }
.margin_left_5 { margin-left: 5px; }
.margin_left_10 { margin-left: 10px; }
.margin_left_15 { margin-left: 15px; }
.margin_left_30 { margin-left: 30px; } /* use instead of blockquote */
/*
TABLES
*/
table.chart td { padding:5px; }
/* HORIZONTAL TABLE LINES */
.table_lines { border-collapse: collapse; border-bottom: 1px solid #b5c6e0; }
.table_lines th { font-weight: bold; text-align: left; border-top: 1px solid #b5c6e0; padding: 3px; background-color: #d5dfed; }
.table_lines th.center { text-align: center; }
.table_lines td { border-collapse: collapse; border-top: 1px solid #b5c6e0; border-bottom: 1px solid #b5c6e0; }
/* USED ON HOTEL BOOKING PAGE */
.table_darkline_top { margin-top: 20px; border-top: 2px solid #274060; border-bottom: none; border-collapse: collapse; }
/* SUMMARY COLUMN HEADER (PRICING, ETC.) */
.table_lines th.summary_colhead { margin: 0; padding-right: 0; padding-left: 10px; border-left: 2px solid #ccc; border-right: 2px solid #ccc; background-color: #d5dfed; text-align: center; }
/* SUMMARY COLUMN HEADER (LIFESTYLE COLLECTION) */
.table_lines th.summary_colhead3 { margin: 0; border-left: 2px solid #ccc; border-right: 2px solid #ccc; background-color: #d5dfed; text-align: center; }
/* SUMMARY COLUMN HEADER (LIFESTYLE COLLECTION) */
.table_lines th.summary_colhead4 { margin: 0; border-right: 2px solid #ccc; background-color: #d5dfed; text-align: center; }
/* SUMMARY COLUMN - no SIDE LINES (BOOKING) */
.table_lines td.summary_col { background: none repeat scroll 0 0 #FFFFFF; color: #5D9F16; font-weight: bold; padding: 5px; text-align: center; }
/* SUMMARY COLUMN - with SIDE LINES (PRICEFINDER) */
.table_lines td.summary_col2 { margin: 0; padding-right: 3px; border-right: 2px solid #ccc; border-left: 2px solid #ccc; background-color: #e6ebef; text-align: right; font-weight: bold; }
/* SUMMARY COLUMN - with SIDE LINES (LIFESTYLE COLLECTION) */
.table_lines td.summary_col3 { margin: 0; border-right: 2px solid #ccc; border-left: 2px solid #ccc; background-color: #e6ebef; text-align: center; font-weight: bold; }
/* SUMMARY COLUMN - with SIDE LINES (LIFESTYLE COLLECTION) */
.table_lines td.summary_col4 { margin: 0; border-right: 2px solid #ccc; background-color: #e6ebef; text-align: center; font-weight: bold; }
/* SUMMARY COLUMN - NON-BOLD LINK (PRICEFINDER) */
.table_lines td.summary_col2 a { font: normal 10px Arial, Verdana, Helvetica, sans-serif; }
.table_lines_all { border-collapse: collapse; }
.table_lines_all th { font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #000; border: 1px solid #ccc; background-color: #7799cc; }
.table_lines_all td { border: 1px solid #ccc; }
.table_nolines td { border: 0; }
/* SORT TABLE */
table.sortable thead { cursor: pointer; }
/*
FONT STYLES
*/
.error { color: #FF0000; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; }
h2.error { font-size: 1em; margin: 0 0 0 50px; position: absolute; top: 15px; }
.required /* red asterisk */ { /*color: #cc0000;*/ }
label.required:before { content: "*"; font-weight: bold; /*color: #cc0000;*/ }
.font_fineprint { font-size: 10px; }
.font_normal, body #DivContent .font_normal { font-size: 11px; font-weight: normal; color: #333; }
a.font_normal, body #DivContent a.font_normal { color: #0151a1; }
.font_subhead { font-family: Tahoma, Verdana, sans-serif; font-weight: bold; font-size: 12px; line-height: 1.5em; }
.font_callres { font-weight: normal; font-size: 13px; color: #036; line-height: 16px; }
.font_largeprint { font-size: 13px; }
.font_phone { font-weight: bold; font-size: 16px; }
.font_head { font-weight: bold; font-size: 17px; line-height: 20px; margin: 20px 0 10px 0; }
.font_bold { font-weight: bold; }
.font_red { color: #ff0000; }
.font_black { color:#333; }
.font_tan { color: #e9e0c0; }
.font_white { color: #fff; }
.font_blue { color: #036; }
.font_green { color: #5D9F16 !important; }
.font_bluemedium { color: #bacbe2; }
.nobr { white-space: nowrap; }
.align_left { text-align:left }
/*
LIST STYLES
*/
.list_space { margin: 1em 0 2em 5em; padding: 0; }
.list_space li { margin: 10px 0 0 0; padding: 0; }
.list_tight { padding: 0; margin: 0 0 1em 2em; }
.list_tight li { padding: 0; margin: 1px 0 0; }
.list_inline { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
.list_inline li { display: inline; float: left; margin-top: 2px; padding-right: 15px; }
.list_fineprint { margin-left: 15px; }
.list_fineprint li { font-size: 10px; line-height: 90%; }
.list_no_bullets { list-style: none; margin-left: 0; }
.specialtyVacationsMenu .list_tight { padding:0 0 0 15px }
.specialtyVacationsMenu .list_tight ul { margin:0; padding:0 }
.specialtyVacationsMenu .list_tight li { margin-bottom:6px; }
/*
CALENDAR
*/
.cal { position: absolute; top: 0; left: 0; }
.cal tr.cal_header td { background: url(//static.mltvacations.com/images/drc/icon/delta/cal_header.gif) left top repeat-x; border-bottom: 1px solid #4d5b72; color: #000; }
.cal .cal_footer { text-align: center; padding: 5px 0; background: url(//static.mltvacations.com/images/drc/icon/delta/cal_footer.gif) repeat-x; }
.cal .cal_footer a { color: #137; }
.cal .cal_footer a:hover { color: #991933; }
.cal td.month { text-align: center; font-weight: bold; font-family: Arial; font-size: 8pt; padding: 6px 0; }
.cal td.arrow { text-align: center; padding: 6px 0; }
.cal td.arrow a { font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #000; }
.cal td.arrow a:hover { font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #000; }
.cal td.calendar { border: 1px solid #036; border-top: none; }
.cal table.calendar_border { border-collapse: collapse; }
.cal td.calendar_padding { padding: 3px; }
.cal .day_bgcolor { background-color: #79c; }
.cal td.day { text-align: center; vertical-align: middle; font-family: Arial; font-size: 8pt; font-weight: bold; color: #137; }
.cal td.date { text-align: center; vertical-align: middle; font-family: Arial; font-size: 8pt; }
.cal td.date a { text-decoration: none; color: #000; }
.cal td.date a:hover { text-decoration: none; background-color: #fff690; color: #000; font-weight: bold; }
.cal td.non_date { background-color: #fff; color: #ccc; }
.cal td.normal_date { background-color: #fff; color: #000; }
.cal td.nonselectable_date { background-color: #fff; color: #ccc; }
.cal td.highlighted_date { background-color: #ffde00; font-weight: bold; }
/*
GOOGLE MAPS
*/
#mapDiv { width: 496px; height: 320px; border: solid 2px #666; position: relative; float: left; margin-left: 15px; }
#mapHotelList { float: left; height: 320px; width: 250px; margin: 10px 15px 15px; }
#mapTabs { margin: 10px 0 5px 10px; padding: 0; list-style: none; }
#mapTabs li { display: inline; padding: 0; margin: 0; }
#hotelListPane, #areaListPane { height: 280px; overflow: auto; border: solid 1px #666; padding: 5px 0 5px 5px; }
#hotelListPane table, #areaListPane table { margin-top: 10px; }
.tab-on { background-color:#fff; border:1px solid #666; font-size:12px; font-weight:bold; padding:5px 10px; border-bottom-color: #fff; }
.tab-off { background-color:#f4f4f4; border:1px solid #ccc; font-size:12px; font-weight:normal; padding:5px 10px; border-bottom: none; margin-bottom: 1px; }
.tab-on:focus, .tab-off:focus { outline: none; }
/*
MISCELLANEOUS
*/
/* DESTINATION SEARCH AUTOCOMPLETE */
div.autocomplete { position: absolute; background-color: #fff; border: 1px solid #ccc; margin: 0px; padding: 2px; z-index: 3000; /*top: 356px;*/ top: 36px; }
div.autocomplete ul { list-style-type: none; margin: 0px; padding: 0px; }
div.autocomplete ul li.selected { background-color: #99C2D6; color: #000000; }
div.autocomplete ul li { list-style-type: none; margin: 0; padding: 2px; cursor: pointer; font-family: Verdana; color: #000; font-size: 8pt; text-align: left; }
/* FIXES AUTOCOMPLETE POSITIONING IN IE8 HOME PAGE FLYOUT FORMS*/
.fromTo #originAirportResults { left:140px!important; top:74px!important; width: 120px !important; }
.fromTo #destinationAirportResults { left:332px!important; top:74px!important; width: 120px !important; }
.fromTo #destinationHotelOnlyResults { left:140px!important; top:74px!important; width: 120px !important; }
/* LOGIN INDEX TABLE */
#login { padding: 0 15px 10px 15px; margin: 0; background-color: #e6ebef; vertical-align: top; }
#login td { padding: 3px; }
/* HELPER TEXT */
input.helpertext { color: #81879c; }
/* DESTINATION EXPANDABLE LIST */
.listhead { font-weight: bold; list-style-type: none; list-style-position: outside; white-space: nowrap; position: relative; left: -30px; bottom: -2px; margin: 5px 0; }
.listhead a, .listhead a:visited { font-weight: bold; color: #000; }
.listhead a:hover { color: #991933; }
/* JAVA FUNCTIONALITY */
.pane { }
input[type="radio"] { cursor: pointer; vertical-align: middle; }
.cursor_pointer { cursor: pointer; }
.cursor_default { cursor: default; }
h2.reversed, h3.reversed { background: #003366; color: #fff; margin: 0; padding: 5px; }
input.focused { background: #fff4aa; }
/* padlock icon */
.secure { background: url(//static.mltvacations.com/images/drc/icon/delta/secure.jpg) left center no-repeat; padding-left: 30px; }
/* DISNEY STYLES */
.disney_border_purple { border: 1px solid #9148cf; }
.disney_border_blue { border: 1px solid #93b0d8; }
.disney_box_purple { background-color: #faf1fe; }
.disney_box_clouds { background-color: #e3ebf7; background-image: url(//static.mltvacations.com/images/drc/theme/delta/disney_clouds.jpg); background-repeat: repeat-x; background-position: left bottom; }
.disney_box_clouds_sm { background-color: #cbdcf0; background-image: url(//static.mltvacations.com/images/drc/theme/delta/disney_clouds_sm.jpg); background-position: left top; }
.disney_box_blue { background-color: #648dc1; }
.disney_box_ltblue { background-color: #f1f6fa; }
.pad_all_2 { padding: 2px; }
.disney_bullet_purple { list-style-image: url(//static.mltvacations.com/images/drc/theme/delta/disney_bullet_purple.gif); list-style-type: circle; color: #b997dc; font: normal 11px Arial, Verdana, Helvetica, sans-serif; color: #333; }
.disney_bullet_blue { list-style-image: url(//static.mltvacations.com/images/drc/theme/delta/disney_bullet_blue.gif); list-style-type: circle; color: #93b0d8; font: normal 11px Arial, Verdana, Helvetica, sans-serif; color: #333; }
.disney_header_sm { color: #004385; font: bold 11px Tahoma, Verdana, Helvetica, Arial, sans-serif; }
.disney_header_lg { color: #004385; }
.disney_table_purple_header, td.disney_table_purple_header, tr.disney_table_purple_header>td { border-bottom: 1px solid #d4aee5; border-top: 2px solid #9148cf; padding: 5px; background-color:#e8defa; }
.font_gray { color: #666666; }
/* ERROR MESSAGES */
.error_box { background: url(//static.mltvacations.com/images/drc/error/delta/error_bg.jpg) right bottom no-repeat; border-bottom: 1px solid #ccc; padding: 15px; }
.error_404 { background-image: url(//static.mltvacations.com/images/drc/error/delta/404_bg.jpg); }
.error_content_box { width: 500px; font-size: 13px; margin: 15px 0; }
ul.error_nextsteps { }
.error_report_box { padding: 15px; }
.error_data { font-size: 9px; }
/*
-
-
+BOOKING - 2-COL LAYOUT
-
-
*/
/* ***IN THE FUTURE, INSTEAD OF SEPARATE CLASSES FOR THE BOOKING LAYOUT, USE SAME LAYOUT BUT APPLY "#book" ID TO BODY TAG */
.bookTable /* table */ { background: #fff; }
.bookMainCol /* td */ { vertical-align: top; padding: 20px; }
.bookSidebar /* td */ { width: 210px; vertical-align: top; border-right: 1px solid #ccc; background: #f4f4f4; padding: 15px; }
.bookTable label { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #333; }
.bookSidebar .item-sidebar { border-color: #b5c6e0; }
/* top level heading for page (h1) : larger */
.pageHeading { font-size: 24px; }
.bookSidebar .side_header { background: #d5dfed; color: #333; }
.bookTable h2, .bookTable h3 { color: #333; }
.selectButton /* wrapper div for input button */ { float: right; margin: 10px; }
/* numbered steps */
/*
.headingNumbered { background: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_1.gif) left no-repeat; padding-left: 30px; line-height: 30px; font-size: 17px; }
.stepOne { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_1.png); }
.stepTwo { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_2.png); }
.stepThree { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_3.png); }
.stepFour { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_4.png); }
.stepFive { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_5.png); }
.stepSix { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_6.png); }
.stepSeven { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_7.png); }
.stepEight { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_8.png); }
.stepNine { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_9.png); }
.stepTen { background-image: url(//static.mltvacations.com/images/drc/booking/delta/heading_number_10.png); }
*/
/* list of hotels, flights, etc. */
.bookItemList /* ul */ { list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0; }
/*.bookItemList>li { margin: 60px 0 30px; }*/
.bookItemList > li { margin: 15px 0 30px; position: relative; }
.bookItemList>li:first-child { margin-top: 30px; }
.bookItemList, .bookingIndexForm { font-family:Arial, Helvetica, sans-serif; font-size:11px }
.bookItemBox /* wrapper div, inside the li */ { position: relative; /* <-- needed for price box positioning */ padding: 10px; background-color: #e6ebef; border: 1px solid #B5C6E0; border-top-width: 5px; }
div.bookItemBox { padding: 15px 20px; }
li.selected .bookItemBox { background: #e2e2e2; border-color: #ccc; }
li.selected .priceBox { background-color: #efefef; }
/*
.bookItemBox.selected { margin: -20px -20px 20px -20px; background-color: #e3e3e3; border: none; }
.bookItemSelected { background: #e3e3e3; margin: -20px -20px 20px -20px; padding: 20px; }
/*.bookItemBox ul.list_inline { margin-top: 1em; }*/
.bookItem /* table for each item (e.g. hotel), inside the wrapper div */ { border: 1px solid #ccc; width: 100%; background: #fff; position: relative; }
.bookItem h2 { width:235px }
.bookItem td { padding: 5px; }
.bookItemSidebar, td.bookItemSidebar /* left col of hotel table - w/thumbnail */ { padding: 10px; width: 10%; }
.bookItem .table_lines { border: 1px solid #ccc; width: 100%; margin-bottom: 5px; }
/* change summary_col for entire site? Or just in booking? */
.bookMainCol td.summary_col { background: none repeat scroll 0 0 #FFFFFF; color: #5D9F16; font-weight: bold; padding: 5px; text-align: center; }
.priceBox /* div containing the price */ { right: 0; margin-right: -10px; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; background-color: #FFFFFF; border: 1px solid #567BA5; padding: 7px 20px; position: absolute; text-align: center; top: -15px; width: 175px; z-index: 5; }
.priceBox h1 { border-bottom: 1px dotted #666666; color: #333333; font-size: 11px; margin: 0 25px; padding-bottom: 3px; padding-top: 0; text-transform: uppercase; width: auto; }
.priceBox h2 { margin: 1px 0 0; padding-top: 3px; }
.priceBox p { margin: .5em 0 0; line-height: 1.2em; }
.notAvailable, .priceBox p.notAvailable { font-size: 1em; font-weight: normal; color: #333; margin: 1em 0; }
.priceBox .price { font-size: 17px; }
.totalPrice { font-weight: bold; color: #333; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
/* lowest price indicator -- green border, corner flag */
.lowestPrice .bookItemBox { background:url("//static.mltvacations.com/images/drc/booking/delta/gradientGreen.gif") repeat-x scroll 0 -70px #ffffff; border:2px solid #D4E6C1; border-width: 5px 2px 2px 2px; }
.lowestPrice h2 { color: #5D9F16; }
.lowestPrice .priceBox /* adjust padding & width of price box because of corner flag */ { background: url("//static.mltvacations.com/images/drc/booking/delta/lowestprice_corner_green.gif") no-repeat scroll right top #FFFFFF; border: 2px solid #5D9F16; padding-right: 50px; }
.lowestPrice .bookItem { background:url("//static.mltvacations.com/images/drc/booking/delta/gradientGreen.gif") repeat-x scroll 0 -70px #ffffff; border:2px solid #D4E6C1; border-width: 5px 2px 2px 2px; }
.bookItem.selected /* table - indicate current flight/hotel selection */ { background-color: #e2e2e2; padding: 20px; margin: -20px -20px 20px -20px; }
.refine_results { background: none repeat scroll 0 0 #f4f4f4; border-top: 2px solid #e2e2e2; clear: both; padding: 0; }
.quantityFound /* e.g. how many hotels were found, in parentheses */ { color: #003366; clear: none; float: left; font-weight: normal; margin: 15px 10px 0; }
.hotel_options { float: left; }
.hotelsInNearbyCities { clear: right; float: right; margin-top: 14px; }
.instruction /* light gray -- e.g. "(select one)" */ { color: #999; font: normal 11px Tahoma, Verdana, Helvetica, Arial, sans-serif; }
/* anchor link for hide/show (to display extra room/car options) */
.showMoreOptions /* div containing the link */ { font-size: 13px; font-weight: bold; margin-top: 5px; padding-right: 10px; }
.flight .showMoreOptions { text-align: right; }
/* lightview overlays */
body.overlay /* eliminates scrolling issue behind lightview */ { bottom: 0; overflow: hidden; position: absolute; top: 0; }
.lightviewWrapper /* outer div for bg gradient */ { background: #e6ebef url(//static.mltvacations.com/images/drc/header/delta/gradient_bkgd_body.jpg) left top repeat-x; /*min-width: 830px;*/ padding: 15px 50px; }
.lightviewPage /* inner div */ { width: 730px; margin: 20px auto; background: #fff; }
/* lightview css overrides */
.lv_Frames .bookItemList>li { margin: 20px 0 40px; }
/*
booking index page
*/
#bookIndex input[type="text"], #bookIndex select { margin-top: 2px; margin-bottom: 5px; font-size: 11px; }
#bookIndex table.bookItemBox { padding: 0; position: static; /* <-- needed for typeaheads & calendar popups to display correctly */ }
#bookIndex table.bookItemBox>tr>td, #bookIndex table.bookItemBox>tbody>tr>td, td.bookItemBox, tr.bookItemBox>td { padding: 15px 20px; }
/*#bookIndex label,*/ #bookIndex .codeLookupLink { margin-top: 0; }
.hotelOnly .codeLookupLink { margin-left: -95px; /* <-- for Opera */ }
#bookIndex .vacationType { width: 295px; }
#bookIndex .vacationType label, label.small, .bookTable label.small { font-family: "Trebuchet MS"; font-size: 1.3em; font-weight: normal; padding: 5px; }
#bookIndex label.fromField { margin-bottom: 5px; display: inline; /* <-- for airport code lookup link to work */ }
#bookIndex label.toField { display: inline; }
#bookIndex input.fromField, #bookIndex input.toField { width: 165px; margin-bottom: 5px; }
#bookIndex select.destinationMenu { width: 188px; }
#bookIndex label.numberOfTravelers select { width: 60px; }
#bookIndex select.childAge { width: 60px; }
#bookIndex select.departureTime, #bookIndex select.returnTime { margin-top: 16px; }
#bookIndex .error { margin: -5px 0 5px; }
#flightSearchOptionsBox { margin-bottom: 15px; }
#flightSearchOptionsBox h3 { margin-top: 0; }
#flightSearchOptionsBox label { font-weight: normal; margin-right: 15px; cursor: pointer; }
#cabinPreference { margin-top: 10px; }
/* hotel only */
#hotelOnlyDestDates { width: 200px; }
#bookIndex .promoCodeBox /* div */ { padding: 15px 20px; background: #f4f4f4; font-size: 10px; width: 360px; }
#bookIndex .promoCodeBox h2 { color: #333; font-size: 11px; margin-top: 0; }
#bookIndex .promoCodeBox label { font-size: 11px; font-weight: normal; margin-bottom: 0; }
#bookIndex .promoCodeBox input { width: 150px; }
#bookIndex .promoCodeBox p { margin: .5em 0; }
#bookIndex input#hotelOnlyDestinationCode { width: 200px; margin-bottom: 5px; }
/*
booking landing pages (Top Trips aka Weekly Deals, OurWeddingDay.com, etc.)
*/
.bookLandingPage { }
.bookLandingPageIntro { background-color: #fff; background-image: url(//static.mltvacations.com/images/drc/booking/delta/nwa_bkgrd.jpg); border-collapse: collapse; background-repeat: no-repeat; background-position: right; padding: 20px 220px 20px 20px; border-bottom: 1px solid #ccc; }
.bookLandingPageIntro h3, .bookTable .bookLandingPageIntro h3 { color: #036; }
/* specific booking landing pages */
.weeklyDeals { }
.weeklyDeals .bookLandingPageIntro { background-image: url(//static.mltvacations.com/images/drc/weeklydeals/delta/weeklydeals_booking_landing_page.jpg); background-position: right top; padding-right: 280px; }
.ourWeddingDay { }
/*
itin summary
*/
#itin /* wrapper div */ { background: #fff; }
#itin { border: 1px solid #b5c6e0; }
#itin .side_box /* inner content */ { padding: 10px; background: transparent; }
#itin p { margin: .5em 0; }
#itin h3 { margin-bottom: 0px; margin-top: .7em; }
/*.notSelected { color: #a2a2a2; }*/
#itin .priceBox { border: 2px solid #339933; top: 0; width: auto; position: static; text-align:center; font-weight: bold; padding: 10px 0 5px; margin: 0 0 5px; }
.itin_hor { font-size:10px }
/*
quickbook form in booking path
(inherits other styles from .quickbook class used on home page)
*/
.bookSidebar #quickbookContent /* using an ID for hide/show function */ { padding: 10px; }
/*
COMBINED FLIGHT + HOTEL
*/
#selectFlightAndHotel /* wrapper div */ { }
/*
flight
*/
/*#selectAir, #selectAirOutbound, #selectAirReturn /* wrapper div */  /*{ margin-bottom: 30px; } */
/* for flight grids */
.flight /* div */ { }
.flightGrid { background: #fff; border: 1px solid #ccc; margin: 5px 0; }
.flightGrid th, .flightGrid thead th { background: #d5dfed; }
.flightGrid th.flightNumberHeading { padding-right: 60px; width: 175px; }
.flightGrid td, .flightGrid th { padding: 3px; }
.rowSeparator, tr.rowSeparator td { border-top: 1px solid #ccc; padding: 0; height: 1px; line-height: 1px; font-size: 1px; }
.rowSeparator.connecting, tr.rowSeparator.connecting td { border-top: 1px dashed #e2e2e2; }
.flightDetails /* tr */ { background: #f4f4f4; }
.flightDetails td { padding: 1px 15px 1px 1px; }
.flight .tableFooter { font-size: 10px; color: #666; margin: 10px 0 0; }
.flight .selectButton { float: none; text-align: right; margin: 10px 0 0; }
/* flight list (lightbox) */
#flightList /* container */ { padding: 20px; border: 1px solid #e2e2e2; }
#flightList h2, #flightList h3 { color: #333; }
#flightList .priceBox { top: -40px; }
#flightList .flight { margin-top: 10px; }
#flightList .bookItemList>li { margin: 40px 0 20px; }
#flightList .bookItemList>li:first-child { margin-top: 20px; }
/* tabbed box -- currently only used on flight list page */
.bookingTabs /* ul */ { float: left; margin: 30px 0 -2px 20px; padding: 0; clear: both; }
.bookingTabs li { float: left; padding: 0; list-style: none; margin: 0 2px; }
.bookingTabs li a { display: block; background: #f4f4f4; border: 1px solid #ccc; border-bottom: none; font-size: 1em; font-weight: bold; border-collapse: collapse; outline: none; padding: 5px 10px; text-align: center; height: 30px; text-decoration: none; }
.bookingTabs li a:hover { background: #e6ebef; text-decoration: none; }
.bookingTabs li.active a, .bookingTabs li.active a:hover { cursor: default; background: #fff; color: #003366; border-bottom: 1px solid #fff; }
.bookingTabbedBox { border: 1px solid #e2e2e2; padding: 20px; }
/* flight list -- by schedule */
#flightList.flightBySchedule .priceBox { background: none; right: 0; border: none; text-align: right; margin-right: 0px; padding-right: 10px; }
/*
hotel
*/
#hotelList /* ul -- created by Java */ { }
.hotelItem /* li -- created by Java */ { }
.hotel /* div */ { }
.hotel h2, .hotel h2:first-child { margin: 0; }
.mapLink { margin-left: 10px; /* add icon? */ }
.viewDetailsLink { float: right; margin-right: 5px; margin-top: 5px; }
/*
Car
*/
#selectCar .bookItemBox { padding: 15px; }
#selectCar .priceBox { top: -10px; }
#selectFlightAndCar .priceBox { }
#selectFlightAndCar .flight { margin-top: -5px; }
/*
Travel Insurance
*/
#selectTravelInsurance label { cursor: pointer; margin-bottom: 5px; }
/*#selectTravelInsurance label:hover { color: #991933; }*/
#selectTravelInsurance input[type="radio"] { margin-left: -17px; }
/*
Current Itin
*/
#currentItin .bookItemList>li { margin: 30px 0; }
#currentItin .priceBox { top: -20px; width: 220px; font-weight: bold; text-align: right; }
#currentItin .bookItemBox { padding-top: 30px; }
#currentItin .flight { margin-top: -20px; }
.finalPackagePrice, .priceBox .finalPackagePrice { font-size:24px; /*display: block;*/ padding-left: 10px; padding-top: 5px; }
.clear /* clear floats */ { clear: both; margin: 0; padding: 0; height: 1px; visibility: hidden; line-height: 1px; }
.alert { background: url("//static.mltvacations.com/images/drc/icon/delta/alert.gif") no-repeat scroll left center transparent; font-weight: bold; padding-left: 20px; }
.alertBox { background: none repeat scroll 0 0 #fff4aa; border: 1px solid #e2e2e2; font-weight: bold; margin: 0 0 30px; padding: 5px 10px; }
/*
Traveler Info
*/
#travelerInfo { }
#travelerInfo h2 { margin-top: 30px; }
/*
Preferences and Requests
*/
#preferencesAndRequests h2 { margin-top: 30px; }
#preferencesAndRequests label { font-size: 11px; font-weight: normal; }
/*
Payments
*/
#payments label { font-size: 11px; }
#payments h3 { margin: 1em 0; }
#payments .priceBox { width: 220px; }
.balanceDue { text-align: right; font-weight: bold; margin-top: 5px; font-size: 13px; }
/*Affiliate Wrapper*/
body.agencyAffiliate { background: #576071; }
body.agencyAffiliate #DivContent { background: url("//static.mltvacations.com/images/drc/header/delta/bg_grad.jpg") repeat-x scroll 0 0 #F0F3F6; margin: 0 auto 25px; padding-bottom: 60px; width: 960px; }
.agencyAffiliateHeader { width: 960px; padding: 15px; margin: 0 auto; color: #fff; font-size: 14px; }
.agencyAffiliateHeader p { margin: 0; }
.agencyAffiliateHeader a, .agencyAffiliateHeader a:visited, .agencyAffiliateHeader a:hover, .agencyAffiliateHeader a:active { color: #9bddff; text-decoration: underline; }
.agencyAffiliateAddress { float: left; }
.agencyAffiliateInfo { float: right; text-align: right; }
.agencyAffiliateHeader h2 { color: #fff; font-weight: bold; font-size: 16px; margin: 4px 0; }
body.agencyAffiliate #DivSplash { background-color: #F0F3F6; background-image: url("//static.mltvacations.com/images/drc/header/delta/bg_grad.jpg"); background-repeat: repeat-x; margin-bottom: 25px; margin-left: auto; margin-right: auto; margin-top: 0; padding-bottom: 60px; width: 960px; position:relative; }
/* VALUE PROPOSITION BOXES -- sidebar promo items (rotating) */
.valueProp { padding: 10px; padding-right: 40px; background: #E6EBEF url(//static.mltvacations.com/images/drc/valueprop/delta/valueprop_01.jpg) left top no-repeat; color:#003366; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.valueProp h3, .bookTable .valueProp h3 { font-size: 11px; margin-top: 0; color: #036; }
.valueProp ul { margin-top: 0; margin-left: 15px; margin-bottom: 3px; }
.valueProp li { line-height: 1.1em; margin: .5em 0; }
.valueProp ul.list_tight li { margin: .2em 0; }
.valueProp.whatSetsUsApart { background: #f4f4f4 url(//static.mltvacations.com/images/drc/valueprop/delta/sup_graphic.jpg) left 5px no-repeat; border-color: #ccc; }
.valueProp.whatSetsUsApart h3 { margin-right: -40px; }
.valueProp.payOptions { background: #e6ebef url(//static.mltvacations.com/images/drc/booking/delta/payment_options_bg.jpg) left 0px no-repeat; border-color: #ccc; }
.valueProp.payOptions h3 { margin-right: -60px; }
/* "LIKE" DLV FACEBOOK (home page) */
#facebookLike { margin: -9px 0 0 -5px; }
#facebookLike iframe { border: medium none; margin-top: 12px; }
.facebookPage { border: medium none; margin-left: 13px; height: 80px; overflow: hidden; width: 186px; }
#facebookLike iframe body { background-color: transparent !important }
/* CSS-BASED BUTTONS */

.button { -moz-border-radius: 5px 5px 5px 5px; background: url("//static.mltvacations.com/images/drc/button/delta/right_carat.gif") no-repeat scroll right center #A60117; border: 1px solid #6E000D; color: #FFFFFF; font-family: Tahoma, Arial, sans-serif; font-size: 10px !important; font-weight: bold; height: auto; padding: 5px 15px 5px 5px; text-shadow: 0 3px 1px rgba(0, 0, 0, 0.3); text-transform: uppercase; }
.button:hover { background: url("//static.mltvacations.com/images/drc/button/delta/right_carat.gif") no-repeat scroll right center #880111; }
/* BOOKING PATH PHASE2 STAGING  */

#hotelList .bookItem h2 { width: auto; }
.transfersIncl img { float: left; margin-top: -5px; }
.transfersIncl { line-height: 12px; }