/* CSS Document */

BODY, P, TD, LI {font-family: Verdana;
font-size: 13px}
BODY {background-color: #fff7b9 /*#FFFDEF*/;
padding: 0;
margin: 0}
A {color: #0000ff}
A:visited {color: #000066}
A:hover {color: #cc3333}
A.popup {color: #0000ff}
A:visited.popup {color: #0000ff}
A:hover.popup {color: #cc3333}
FORM {margin: 0}


/* text sizes */
.small {font-size: 11px}
.std {font-size: 13px}
.big {font-size: 17px}
.medium {font-size: 15px}
.header {font-size: 17px}
.hotelHeader {font-size: 21px;
font-weight: bold;
color: #333333}
.hotelHeaderMid {font-size: 17px;
font-weight: bold;
color: #333333}
.bottomLinks {width: 600px; font-size: 15px; margin-bottom: 1em; line-height: 2}
.disabled {background-color: #FF969C}
.arialsmall {font-size: 12px; font-family:Arial, Helvetica, sans-serif}

/* colors */
.red {color: #cc3333}
.grey {color: #999999}
.green {color: #009900}
.orange {color: #EF5400}
.brightRed {color: #ff0000}
.blue {color: #0066ff}
.backred {background-color: #FD7F86}
.backgreen {background-color: #99FCA7}
.lightgrey {background-color: #eeeeee}
.darkgrey {background-color: #cccccc}
.backwhite {background-color: #fffffe}
.fieldError {background-color: #FFDFE2}
.fieldStd {background-color: #FFFFFF}
.reqd {background-color: #ffffdd}

/* calendar */
.calcoldata {background-color: #FF969C}
.caldata {background-color: #BDFFC6}

/* selectzones */
.mainzone {padding: 0 2px;
background-color: #fddf8f;}
.subzone {padding: 2px;
/*background-image: url(/bookings/html/img/subzone.gif);*/
background-repeat:no-repeat;
background-position:2px left;
font-size: 11px}

#tooltip {line-height: 1.6;
background-color: #fff;
border: 1px solid #0066ff;
padding: 4px;}

.interpagelinks {font-size: 15px;
font-family: Verdana, sans-serif;
margin: 10px 0 10px 0;
text-align: center;
line-height: 1.8}
.interpagelinks A {font-weight: bold; font-family: Verdana, sans-serif;}
.interpagelinks A:visited {color: #0000ff}
.interpagelinks A:hover {color: #cc3333}


/* bold green and red headers */
.divHeaderGreen {background-color: #009900; 
padding: 5px; 
width: 560px; 
color: #ffffff; 
font-weight: bold; 
font-size: 17px}
.divHeaderGreenLong {background-color: #009900; 
padding: 5px; 
margin: 0; 
color: #ffffff; 
font-weight: bold; 
font-size: 17px}
.divHeaderBlueLong {background-color: #0066ff; 
padding: 5px; 
margin: 0; 
color: #ffffff; 
font-weight: bold; 
font-size: 17px}
.divHeaderRed, .divHeaderGrey, .divHeaderBlue {padding: 5px; 
width: 560px; 
margin: 20px 0 0 0; 
color: #ffffff; 
font-weight: bold; 
font-size: 17px}
.divHeaderRed {background-color: #cc3333;}
.divHeaderBlue {background-color: #0066ff;}
.divHeaderGrey {background-color: #cccccc;
color: #000000; }

/* backgrounds */
.backYellow {background-color: #FFF7B9}
.backWhite {background-color: #FFFFFE}

/* DIVs */
#showprices {margin: 10px 0}
.marginTop {margin: 10px 0}
.paddingTop {padding: 10px 0}

/*
#D8EFFF light blue
#E7FDE1 light green
#CDFFBF darker green
#FFFACF lighter yellow
*/
.whyBook, .whyBookSearch {padding: 0;
margin: 0;
border: 1px solid #cccccc;}
.whyBook {width: 380px;
background-color: #FFFDEF}
.whyBookSearch {width: 250px;
background-color: #fff7b9;}
.headerWhyBook, .headerWhyBookSearch {margin: 0;
font-weight: bold;
padding: 5px;
border-bottom: 1px solid #cccccc;}
.headerWhyBook {font-size: 19px ;
color: #0066ff;
background-color: #fff7b9;}
.headerWhyBookSearch {font-size: 15px ;
color: #ffffff;
background-color: #009835;}
.contentWhyBook {
padding: 5px 10px;
line-height: 20px}
.availError {background-color: #FFAFB4;
margin: 0;
padding: 10px;
border-bottom: 1px solid #cc3333;}
#errorMessage {color: #f00; font-weight: bold}
.availErrorTitle {background-color: #FFAFB4;
margin: 0;
font-weight: bold;
color: #AF1515;
padding: 3px 10px;}
.rightPad {text-align: right;
padding-right: 20px}

#feelFree {padding: 0 20px;
padding: 0;
margin: 0;
border: 1px solid #cccccc;
background-color: #FFFDEF}
.noList {list-style-type: none;
list-style-image: url(/icon/miniarrow.gif);
padding-left: 14px;
margin-left: 0;}
.noList LI {padding: 0 0 5px 0;
/*border-bottom: 1px solid #cccccc*/}


#nightFlights, #moreNightsText {
border: 1px solid #cccccc;
background-color: #FFFDEF;
padding: 5px}
#nightFlightsLink {width: 300px;
margin: 0 0 5px 0;
display: none;}

#submitButton {margin-left: 10px;
padding: 3px}
.formSubmitButton {font-weight: bold; 
padding: 2px 5px; overflow: visible;}
.formSubmitButtonNoBold {padding: 2px 5px; overflow: visible;}
#formErrors {color: red;
font-size: 13px}
.required {font-weight: bold; color: red} 
.requiredInput {background-color: #FFDFDF} 

#nonJsErrors {font-size: 13px; padding: 10px;}
#nonJsErrors P {font-size: 13px}

.whiteContainer {background-color: #FFFDEF;
border-bottom: 1px dashed #999999;
border-top: 1px dashed #999999;
padding-top: 10px}

.totalPrice {border: 1px solid #0066ff}

.loading {padding: 20px 0 30px 0}

#numNochesDiv {display: inline;
padding: 3px}
#numRoomsError {display: none;}

#nonJsBackToStep2 {display: block;
margin: 0; padding: 0}
#jsBackToStep1 {display: none;
margin: 0; padding: 0}
#showprices {display: block;}

#hideLink {display: none;
font-weight: bold;
}
.arrowForward {padding: 0 20px;
background-image: url(/bookings/html/img/arrow_forward.gif);
background-repeat:no-repeat;
background-position:2px left}
.arrowDown {padding: 0 20px;
background-image: url(/bookings/html/img/arrow_down.gif);
background-repeat:no-repeat;
background-position:2px left}

/* stop dotted outline for firefox */
a:active, a:focus {
outline: 0
}

.hotelBanner {border-bottom: 1px dashed #999999; 
padding-bottom: 5px;
margin: 0 0 1em 1em;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1px;}
.clearfix {display: inline-block;}


.steps {padding: 1px 5px;
background-color: #fff7b9;
border: 1px solid #666;
margin: 0 2px;
position: relative;
cursor: help;
display: inline}
.active {color: #fff;
background-color: #3A83E1;}
.showsteps {display: block;
position: absolute;
top: 25px;
left: -150px;
background-color: #fff;
border: 2px solid #3A83E1;
padding: 3px;
color: #000;
width: 150px;
text-align: left;
z-index: 2;
display: none}
.hideSteps {display: none;}

.searchAlert {border: 2px solid #FF5F69;
background-color: #FFDFE2}
.calForm { width: 760px; 
margin: 0; 
padding: 10px 0 5px 0; 
background-color: #D8EFFF;}

.sameName {display: none}

.plusminus {padding-top: 10px;}
.plusminusdiv {width: 108px; 
height: 31px; /*
background-image: url(/bookings/html/img/button_back_200x40.gif); 
background-repeat: no-repeat;*/
font-weight: bold}
.plusminus a {
display: block;
padding: 7px 0 0 0;
font-size: 13px;}
.plusminus a:visited {}


/* sidebars */
DIV.sidebarContainer {background-color: #FEF8C8; margin: 10px 0; text-align: left; width: 238px}

DIV.sidebarTitleGlobal, DIV.sidebarTitleSpecific {
	background-repeat: no-repeat;
	padding: 3px 6px; 
	font-size: 13px; 
	font-weight: bold;
	color: #fff;
	height: 30px;
}
DIV.sidebarTitleSpecific {background-color: #FEF8C8; 
background-image: url(/graphics/sidebars/gradients/orange.jpg);}
DIV.sidebarTitleGlobal {background-color: #FEF8C8; 
background-image: url(/graphics/sidebars/gradients/blue.jpg);}

DIV.sidebarContent {padding: 6px; background-color: #FEF8C8}
DIV.sidebarContent P {font-size: 11px; margin-top: 0}


