/* NEW STYLES */

.reserveOneContainer {
	background:url(http://media.ef.com/_imgs/ils/2010/bgBorderTransSidesReserve.gif) repeat-y right top;
	float:left;	
	width:960px;
}

.supplement 
{
	margin:20px 0;
}

.normalColor
{
    font-weight:normal;
    color:#000;
}

.bannerButtonOpen,.bannerButtonClose 
{
	display:none;
}

.fatFooter {
    display:none;
}

.terms {
	float:left;
	width:213px;
}

.pdfTerms {
	background:url('http://media.ef.com/_imgs/ils/09/reserve/pdf.gif') no-repeat;
	padding-left:20px;
	vertical-align:middle;
}

.supplementSurcharge div
{
	margin:10px 0;
}

.reserveBox {
	background:#d0d0d0;
}

.reserveBox div {
	background:#fff;
}

#div_prog
{
	position: absolute;
	top: 10px;
	left: 320px;
}
#mainReserveDiv
{
	position: relative;
}

.suppBox
{
	display:inline;
	float:left;
	padding:0 5px 0 0;
}

/* OLD STYLES */

/* PROGRESS STEPS */

.progressContainer
{
	width:920px;
	padding:20px;
	background:url(http://media.ef.com/_imgs/ils/09/destinations/destOverviewCountryBg.gif);
	float:left;
}

.detailsTable strong {color:#666;}

.reserveDestination 
{
	width: 210px; float: left; padding-left: 18px;
}
.reserveCourseType
{
	width: 208px; float: left;
}
.reserveDate 
{
	float: left;
}
.reservationInfo
{
	width:662px;
	background:#fff;
	overflow:hidden;
}

.reservationInfoTop
{
	width:100%;
	background:#fff url(http://media.ef.com/_imgs/ils/09/reserve/reservationInfoTop.gif) no-repeat;
	float:left;
	height:6px;
}

.reservationInfoMain
{
	width:auto;
	background:#fff url(http://media.ef.com/_imgs/ils/09/reserve/reservationInfoMain.gif) repeat-y;	
	float:left;
	padding:5px 30px;
}

.reservationImg h3 
{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin:0px;
}

.reservationInfoMain img {float:right;border:1px solid #d0d0d0;}

.reservationInfoBottom
{
	width:100%;
	height:6px;
	background:#fff url(http://media.ef.com/_imgs/ils/09/reserve/reservationInfoBottom.gif) no-repeat;
	float:left;
}
.reservationTitle
{
	float:left;
	color:#a6a6a6;
	font-weight:normal;
	font-size:18px;
}

.reservationTitle h3 
{
	margin-bottom:0px;
}

.reservationImg 
{
	float:right;width:200px;margin:15px 0 15px 0;
}

.included {float:left;margin-top:37px;width:400px;}

.included a {text-decoration:none;padding-left:12px;}

.includedClosed {background:url(http://media.ef.com/_imgs/ils/09/blueLinkArrow.gif) no-repeat 0 50%;}

.includedOpen {background:url(http://media.ef.com/_imgs/ils/09/blueLinkArrowDown.gif) no-repeat 0 50%;}

.includedContent
{
	float:left;
}

.includedContent ul
{
	margin: 12px 0 12px 0;
	padding-left:25px;
}

.call {width:213px;float:left;margin-bottom:20px;}

.callTop {padding:10px 25px;font-weight:normal;width:163px;float:left;background:#fff url(http://media.ef.com/_imgs/ils/09/reserve/reserveCallTop.gif) no-repeat;}

.callMain {font-weight:bold;
           width:163px;
           float:left;
           background:#fff url(http://media.ef.com/_imgs/ils/09/reserve/reserveTermsMain.gif) repeat-y;
           padding:5px 25px 1px 25px;
           border-top:1px solid #ddd;}

.callBottom {width:100%;height:5px;float:left;background:#fff url(http://media.ef.com/_imgs/ils/09/reserve/reserveTermsBottom.gif) no-repeat}

.termsTop {width:100%;height:5px;float:left;background:#fff url(http://media.ef.com/_imgs/ils/09/reserve/reserveTermsTop.gif) no-repeat}

.termsMain {width:163px;float:left;background:#fff url(http://media.ef.com/_imgs/ils/09/reserve/reserveTermsMain.gif) repeat-y;padding:5px 25px;}

.termsBottom {width:100%;height:5px;float:left;background:#fff url(http://media.ef.com/_imgs/ils/09/reserve/reserveTermsBottom.gif) no-repeat}

/* layout containers */

.reserveMainContainer
{
	background:url(http://media.ef.com/_imgs/ils/09/bodyBorder.gif) repeat-y scroll left top;
}

.dropdownContainer
{
	background:url(http://media.ef.com/_imgs/ils/09/destinations/destOverviewCountryBg.gif) left top !important;
	height:190px;
	padding: 30px 30px 10px 30px;
	float:left;
	
}

.dropdownReserve {
    width:155px;
    float:left;
}

.reserveCountry{
    background:#FFDC1E none repeat scroll 0 0;
	color:#000000;
}

/* side bookNow */
/*
#destinationDiv select, #courseDiv select, #dateDiv select {
    width:185px;
    z-index:1;
}
*/
#selDestination option.country,.dropdown .country {background:#ffdc1e;color:#000}


/* RESULT CONTAINER */

/* for the white boxes the appear when a dropdown is chosen */
.reserveInfoBox
{
	margin-top:10px;float:left;background:#fff;padding:5px;width:144px;height:110px;
}

.result 
{
	margin-bottom:0px;
}
.resultTitle
{
	background:url(http://media.ef.com/_imgs/ils/09/reserve/result-title-bg.gif) repeat-x left bottom;
	padding:10px 62px;
	float:left;
}

.selectionDetailsDiv
{
	width:290px;
	padding-right:0px;
	float:left;
}
.selectionDetailsDiv h2
{
	font-weight:bold;
	font-size:18px;
}

.upgradeBoxClass
{
	float:right;
	width:215px;
	height:35px;
	background-color:#ffdc1e;
	padding:10px;
}

.upgradeBoxClass a
{
	text-decoration:none;
	font-weight:bold;
	background:url(http://media.ef.com/_imgs/ils/09/blueLinkArrow.gif) no-repeat 0 50%;
	padding-left:12px;
	color:#0066cc
}
.resultTable 
{
	background:transparent url(http://media.ef.com/_imgs/ils/09/reserve/result-title-bg.gif) repeat-x scroll left bottom;
}

.resultTable td
{
	background:url(http://media.ef.com/_imgs/ils/09/destinations/pricesTableBg.gif) repeat-x left top;
	padding:5px;
}

.resultTable td.week {padding-left:62px;width:95px;}
.resultTable td.price {font-weight:bold;width:100px;text-align:right;}
.resultTable td.priceTravelServices {font-weight:bold;width:65px;text-align:right;}
.resultTable td.book {padding-left:20px;}

.chosenDateBg {background:url(http://media.ef.com/_imgs/ils/09/reserve/chosenDateBg.gif) no-repeat 50% 50%;
			 width:152px;
			 height:120px;
			 clear:both;
			 padding:0px;
}

.chosenDateDayText {font-size:12px;margin-top:27px;text-align:center;text-transform:uppercase;} 
.chosenDateDay {font-size:32px;margin-top:0px;text-align:center;}

.chosenDateMonth {text-transform:uppercase;text-align:center;}

.resultTable tr.over td {cursor: pointer;background:url(http://media.ef.com/_imgs/ils/09/reserve/price-table-hover-bg.gif) repeat-x;color:#fff;cursor:hand;}

.resultTable td a
{
	text-decoration:none;
	background:url(http://media.ef.com/_imgs/ils/09/blueLinkArrow.gif) no-repeat 0 50%;
	padding-left:12px;
}

.resultTable tr.over td a
{
	text-decoration:none;
	background:url(http://media.ef.com/_imgs/ils/09/whiteLinkArrow.gif) no-repeat 0 50%;	
	color:#fff;	
}

.whatsIncluded
{
	background:url(http://media.ef.com/_imgs/ils/09/reserve/result-title-bg.gif) repeat-x left bottom;
	float:right;
	height:260px;
	overflow:auto;
	padding-top:20px;
	padding-bottom:0px;
	padding-left:10px;
}

.whatsIncluded ul 
{
	color:#696868;
	margin: 12px 0 12px 0;
	padding-left:25px;
}

.whatsIncluded h2 
{
	font-weight:bold;
}
.longerCourses
{
	background:url(http://media.ef.com/_imgs/ils/09/reserve/result-title-bg.gif) repeat-x left bottom;
	padding:8px 0;
}

.longerCourses a
{
	text-decoration:none;
	font-weight:bold;
	background:url(http://media.ef.com/_imgs/ils/09/blueLinkArrow.gif) no-repeat 0 50%;
	color:#000;
	padding-left:12px;
	margin-left:62px;
}

/* coloured steps and the text beside them */

.steps {float:left;}

.step {
	width:40px;
	height:40px;
	background:url(http://media.ef.com/_imgs/ils/09//reserve/step-bg.gif) no-repeat 5px top;
	text-align:center;
	color:#fff;
	font-size:30px;
	float:left;
	padding-bottom:15px;
	padding-left:5px;
}

.stepGrey {
	width:32px;
	height:30px;
	background:url(http://media.ef.com/_imgs/ils/09//reserve/step-bg-grey.gif) no-repeat left top;
	text-align:center;
	color:#fff;
	font-size:25px;
	float:left;
	padding-bottom:9px;
}

.stepTextGrey
{
	font-size:18px;
	margin:9px 0 0 7px;
	float:left;
}
.stepText
{
	font-size:18px;
	margin:10px 0 0 15px;
	float:left;
}
tr.stepBG
{
	background:url(http://media.ef.com/_imgs/ils/09/reserve/stepBg.gif) !important;
}

/* options table begin */

.options table
{
	width:100%;
	float:left;
	border:1px solid #dcdcdc;
	margin-bottom:30px;
}

.options td
{
	background:#f5f5f5 url(http://media.ef.com/_imgs/ils/09//reserve/options-td-bg.gif) repeat-x left bottom;
	padding:5px 0 5px 25px;
}

.options td.heading {background:#fff;font-weight:bold;}

.options td.formCell {text-align:center;width:10px;}

.smallText {width:500px;color:#7e7e7e;font-size:10px;font-weight:normal;}
.infoText {width:200px;float:left;display:inline;}

.options td.price 
{
	background:#efefef  url(http://media.ef.com/_imgs/ils/09//reserve/options-td-bg.gif) repeat-x left bottom;
    text-align:center;
    font-weight:bold;
    padding:5px;
}
.options td.colr
{
	background:#efefef  url(http://media.ef.com/_imgs/ils/09//reserve/options-td-bg.gif) repeat-x left bottom;
    font-weight:bold;
    padding:5px;
}
.options td.total 
{
	background:#999999; 
    text-transform:uppercase;
    color:White;
	font-weight:bold;
}

.options td.totalPrice 
{
	background:#999;
	color:#fff;
	text-align: center;
}

.options td.totalPrice input
{
	color:White;
	font-weight:bold;
}
	
input.clear 
{
	background:none;
	font-weight:bold;
	border:0;
	width:107px;
	text-align:right;
}

.priceHeading {width:180px;text-align:center;font-weight:bold;}

.colr {text-align:left;font-weight:bold;}

#note td {background:#F5F5F5;}

/*for rows the show when user clicks more infomation*/
.options td.postrow {border: none; font-size: 11px;	padding: 0;}
div.posthidden {display:none}
div.postshown {background:#F5F5F5; border-bottom: 1px solid #cbd1d1; display: block; line-height: 1.4em; padding: 10px 50px 10px 26px;}

/* options table end */

/* previous/next buttons */

.buttons
{
	float:right;
	/*border-top:1px solid #ccc;*/
	text-align:right;
	padding:10px;
}

.nextButton
{
	float:right;
}

.prevButton
{
	float:right;
	margin-right:10px;
	padding-top:9px;
}

/* INFO PAGE */

.infoBox
{
	width:860px;
	background:#fdfdfd;
	border:1px solid #e7e7e7;
	padding:30px 30px 0 30px;
	float:left;
	margin:0 20px;
}

.infoBox table td {
	padding:5px !important;
}

#refother {display:none; padding-top: 5px;}
#occother {display:none; padding-top: 5px;}

/* THANKS PAGE */

.thanksLeft
{
	background:#fcfcfc /*url(/_imgs/ils/09/news/newsLeftBoxBg.gif) no-repeat left top*/;
	border:1px solid #E0E0E0;
	margin:25px 5px 25px 30px;
	padding:20px;	
}

.thanksRight
{
	background:#fcfcfc;
	float:right;
	border:1px solid #E0E0E0;
	margin:25px 30px 25px 5px;
	padding:20px;
}

#tell input,#tell textarea {margin:5px 0;}

/* PRINT FRIENDLY */
.confirmation
{
	padding-left:15px;
	float:left;
}
.confirmation h3
{
	color:#666666;
	margin-bottom:5px;
}
.confirmation h1
{
	padding-top:30px;
}
.confirmation ul
{
	margin:10px;
	list-style:none;
}
.confirmation li
{
	margin-left:15px;
	list-style-type:disc;
}
.addressText 
{
	padding-left:67px;
}