/* Loading tools...
------------------------------------*/


/* Detecting Server Settings...
------------------------------------*/

/* Environment: Live */
/* Media Server to use: http://media.ef.com */


/* Detecting Browser Settings...
------------------------------------*/

/* Country:               us
/* Language:              us
/* Web crawler?           True
/* Your browser:          generic crawler
/* Your browser version:  1
/* Your platform:  function platform(str)
{
//Use this if you are using short hand like 'windows' or 'mac'
//The more speciffic you are the more likely this will give you an accurate response
if (platform_n.indexOf(str)!=-1)
{
Response.WriteBlock(7)
Response.Write(str)
Response.WriteBlock(8)
Response.Write(platform_n)
Response.WriteBlock(9)
return true;
} else {
return false;
}
}
/* Accepts Style sheets?  False
/*
/* You can switch style sheets using the following scripts:
/* (remove spaces between < and % for asp
/* < %if(browser("IE==5")) {% > Your styles < %}% >
/* for multiple use commas, for version equal to less than or greater than use conditionals <,>,==,!=,>=,<=
/* < %if(browser("IE>5,firefox,safari<3")) {% > Your styles < %}% >
/*
/* the following variables may also be used
/* browser_n (browser name), browser_v (version), isCrawler (boolean true if a spider)
*/



/* - - - - - - - - - - - - - - - - - - - - -

Title  :LT CSS - Reservation
Author : Matt Evans
Edited  : Gavin Edwards

Description : Reserve process styles for reservation section

Created  : December 15, 2005
Modified : January 9, 2005
Re-Modified : June 27, 2006

- - - - - - - - - - - - - - - - - - - - - */


/* ---------- Layout containers ---------- */

body#reserve.custombackground_twocol #content-wrapper
{
	border-top: 1px solid #bcc6c8;
}
body#reserve #maincontent_full #content 
{
	background: #fff;
	padding-top:5px;
    margin-bottom:10px
} 

body#reserve  #content 
{
	padding-top:10px;
}

body#parents #leftnav_title
{
    margin:-6px 0 0 0;
}


/* ---------- Promo box ---------- */

.leftpromo
{
	background:transparent url(http://media.ef.com/_imgs/lt/_shared/post_it_left.gif) no-repeat top left;
	width:102px;
	padding:26px 30px 20px 26px;
	display:block;
	height:65px;
}


/* ---------- Step indicator ---------- */

ul#steps 
{
	background-color: #e1eaf0;
	height: 19px;
	list-style: none;
	margin: 30px 0 15px 0;
	padding: 0;
	width:100%;
}

ul#steps li 
{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

ul#steps li a 
{
	background: #e1eaf0 url(http://media.ef.com/_imgs/lt/reserve/step_arrow_off.gif) top right no-repeat;
	color: #4b7197;
	float: left;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
	padding: 2px 20px 2px 5px;
	display: block;
	cursor: default;
}

ul#steps li a#current 
{
	background: #003366 url(http://media.ef.com/_imgs/lt/reserve/step_arrow_on.gif) top right no-repeat;
	color: #fff;
}

ul#steps li a#cap 
{
	background: #e1eaf0 url(http://media.ef.com/_imgs/lt/reserve/step_arrow_on_left.gif) top right no-repeat;
}

ul#steps li a:hover 
{
	text-decoration: none;
}

#breadcrumb {
	width:700px;
	height:30px;
	margin:10px auto;
	clear:both;
	text-align:center;
}
#bcText {
	background:url(http://media.ef.com/_imgs/lt/reserve/bc_background.gif) #fff no-repeat;
	background-position:center bottom;
	width:700px;
	height:30px;
}
.step {
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:11px;
	color:#ec008c;
	float:left;
	margin:0px 0px 0px 0px;
	width:19%;
	text-align:center;
}

.step img, .stepDone img {
	margin:4px auto 0px auto;
	display:block;
}

.step1b img {
	margin:5px auto 0px auto;
	display:block;
}

.step1b {
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:11px;
	color:#ec008c;
	float:left;
	margin:0px 0px 0px 0px;
	width:5%;
	text-align:center;
}
.stepDone {
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:11px;
	color:#ccced0;
	float:left;
	margin:0px 0px 0px 0px;
	width:19%;
	text-align:center;
}


/* ---------- Customize  ---------- */

body#reserve #content a img
{
	border:none;
	width:12px;
}
	
table#options 
{
	background: #fff;
	border-top: 1px solid #cee5e7;
	border-right: 1px solid #cee5e7;
	border-left: 1px solid #cee5e7;
	width: 100%; 
}

table#options input
{ 
	border:0;
}

/* Header row */
table#options th 
{
	background: #fff;
	color: #003366;
	padding: 5px 2px 5px 6px; 
}

/* row padding and hr lines */
table#options td 
{
	border-bottom: 1px solid #cee5e7;
	font-size: 11px;
	padding: 5px 2px 5px 10px; 
}



 

table#options #tbox td 
{ /* Food preferences contained within options table */	
	border:none;
	padding: 0 4px 1px 0; 
}

table#options td.postrow 
{ /* Row that holds the show/hide information */
	border: none;
	padding: 0; 
}
	
div.posthidden 
{
	display:none
}

div.postshown 
{
	background: #fff;
	border-bottom: 1px solid #cee5e7;
	font-size:100%;
	display: block;
	line-height: 1.4em;
	padding: 10px 50px 10px 26px;
}

/* price column */
table#options td.price 
{
	padding-right: 5px; 
	text-align: right;
}

/* Radion buttons */
table#options td.subchoice 
{
	padding-left: 20px; 
}

/* Containing table for the totals */
table#total
{
	width: 100%;
}

/* Table styling */
table#totalsum 
{
	background: #fff;
	border: 1px solid #cee5e7;
	margin-top: 5px;
	text-align: right;
}

table#totalsum td 
{
	padding: 0 0 0 5px;
}

table#totalsum input 
{
	background-color: transparent; 
	border: none; 
	font-weight: bold; 
	padding: 0 5px 0 0; 
	text-align: right; 
	width: 75px;
}

table#totalsum tr#net td 
{
	background: #fff;
	padding: 3px 0 3px 5px;
}

/* Forward and back button table */
table#action 
{
	margin: 10px 0; width: 100%;
}

table#action td.colr {
	text-align: right;
}


/* ---------- Booking Personal Info ---------- */

p.required	
{
	background: #fff;
	border:1px solid #c5d6e3;
	font-weight:bold;
	margin-bottom:15px;
	padding:5px 10px;
}
 
table#formcontainer td#coll, table#formcontainer td#colr 
{
	background-color: #fff;
	border: 1px solid #c8d7e0;
	width: 50%;
}

table#formcontainer td#coll	
{
	padding: 0 0 10px 0;
	vertical-align:top;
}

table#formcontainer td#colr	
{
	padding: 0 0 10px 0;
	vertical-align:top;
}

table#formcontainer td#gutter
{	
	background: transparent;
	border: none; width: 20px;
}

table#formcontainer h2	
{
	background: #fff;
	padding: 4px 5px 5px 8px;
}

table#personal td			 
{
	padding: 10px 2px 2px 2px;
	border-bottom: 1px solid #c8d7e0;
	vertical-align: bottom
}

table#personal tr.last td
{
	padding: 6px 0 2px;
	border: none;
}

table#b-day td
{
	padding: 0 5px 0 0;
	border: none;
	vertical-align: bottom
}


/* ---------- Confirm booking ---------- */

#confirm 
{
	background:#fff;
	border:1px solid #c5d6e3;
	width:100%;
}

#confirm h2 
{
	background: #fff;
	padding: 4px 5px 5px 8px;
	text-align:left;
}	

#confirm td		 
{
	vertical-align:top;
	padding-bottom:0px;
	text-align:left;
}

#confirm td.coll 
{
	width: 270px;
	padding: 5px 0 10px 0;
}

#confirm td.colr
{
	width: 270px;
	padding: 5px 0 10px 0;
}
	
#confirm td ul	
{
	width:230px;
	padding:0 20px 5px 0px;
	margin-bottom:15px;
	border-bottom:1px solid #c7ced2;
	text-align:left;
}

#confirm td ul li	  
{
	padding:0 0 5px 15px;
	color:#000;
}
	
#confirm td ul span	  
{
	padding:0 5px 0 0;
	color:#7291af;
}

#confirm td h4 
{
	width: 210px;
	padding:0 20px 5px 10px;
	text-align:left;
}
	
#confirm ul.sum  
{
	margin-bottom:2px;
}

#confirm ul.total 
{
	border-top:1px solid #c7ced2;
	border-bottom:none;
}

#confirm ul.total li
{
	padding-top:5px; 
	font-weight:bold;
}

#printconfirm ul li		
{
	padding:0 0 5px 0px;
	color:#000;
}

#printconfirm ul span
{
	padding:0 10px 0 0;
	color:#333;
}

#printconfirm h4 
{
	padding:0 20px 5px 0;
	text-align:left;
}

#printconfirm ul.sum		
{
	margin-bottom:2px;
	padding:0;
	border-bottom:1px solid #c7ced2;
	width:250px;
}

#printconfirm ul.total		
{
	border-top:1px solid #c7ced2;
	width:250px;
}

#printconfirm ul.total li	
{
	padding:5px 0;
}
	

/* ---------- Privacy popup ---------- */

body#privacy 
{
	text-align:left;

}

#privacy h2 
{
	margin:0;
	padding:7px 0 7px 0;
}

#privacy h3
{
	margin:0;
	padding:0 0 3px 7px;
}

#privacy p 
{
	margin:0;
	padding:0 0 25px 7px;
}

#privacy #content 
{
	width:438px;
	border:1px solid #c1d9eb;
	background:#fff url(http://media.ef.com/_imgs/lt/reserve/privacy_bg.gif) no-repeat top left;
	padding:0 10px 10px 10px;
	margin:10px;
}

#header
{
	padding:30px 0 20px 80px;
}

/* ---------- Thanks ---------- */

#thanks {
    width:630px;
    margin:10px auto;
}




#thanks h2 
{
	font-weight:300; 
	margin:0 0 8px 0; 
	text-align:left;
}

#thanks td#coll, #thanks td#colr
{
	background-color:#fff; 
	border:1px solid #c8d7e0; 
	padding:10px 15px; 
	font-size:85%;
	vertical-align:top; 
	text-align:left;
}

#thanks td#coll		
{
	width: 360px;
}

#thanks td#colr		
{
	width: 260px;
}

#thanks td#gutter
{
	background: transparent;	
	border: none; width: 10px;
}

ul 
{
	margin:0 0 15px 0;
}

ul.print li a 
{
	background:url(http://media.ef.com/_imgs/lt/_shared/icon_print.gif) no-repeat; 
	display:block; 
	padding:2px 0 2px 20px;
}


ul.print li a:hover
{

	padding:2px 0 2px 20px;
}

#reserve #right_textItem
{
	padding:0;
}

#reserve #right_textItem input
{
	width:250px;
}

#reserve #right_textItem textarea
{
	height:45px;
	width:250px;
	margin-bottom:2px;
}

ul.rightnav_tellafriend textarea
{
	
	margin:0 0 5px 0;
}

/* ---------- Optional info ---------- */

/*textarea.normal {
	margin-top:3px;
	width:270px;
	height:75px;
	}
table.optional input.normal {margin-top:3px; width:270px;}

*/


/* ---------- Tool tips ----------*/ 

a.info {
    position: relative; /*this is the key*/
    z-index: 24; 
    background-color: #ccc;
    color: #333;
    text-decoration: none
}

a.info img {
	border: none;
}

a.info:hover {
	z-index:25; 
	background-color: #fff;
}

a.info span {
	display: none
}

a.info:hover span { /*the span will display just on :hover state*/
    border: 1px solid #c4d5e2;
    background-color:#fff; 
    color: #333;
    display:block;
	line-height: 1.3em;
    position:absolute;
    top:2em; left:2em; width: 220px;
    padding: 10px;
    text-decoration: none;
}
/* Added the following to style an insurance choice confirmation "pop-up" within the booking process (step 2) */
/* 11/17/2006 Paul Seymour */

	#confirmInsuranceShadow {
		width:396px;
		/* height:296px; */
		border-right:solid #999 4px;
		border-bottom:solid #999 2px;
		display:none;
		position:absolute;
		left:100px;
		top:100px;
		z-index:100;
	}
	#confirmInsuranceChoice {
		width:400px;
		/* height:300px; */
		background:#fff;
		padding:0px;
		margin:-4px 0px 0px -4px;
		border:solid #ddd 1px;
	}
	#CICcontent {
		width:390px;
		/* height:290px; */
		border:solid 1px #e1eaf0;
		margin:5px;
		text-align:center;
	}
	.butFloatLeft {
		margin:10px 5px;
	}
	
input.checkbox {
	border:0px;
}

input.radio {
	border:0px;
}