/*
--------------------------------------
Title:		myLT 2006 Main Stylesheets
Author:		Matt Evans
Created:	28-03-2006
------------------------------------*/

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


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

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


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

/* Country:               es
/* Language:              es
/* 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)
*/



/* Importing styles...
------------------------------------*/

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

Title : My LT Typography CSS
Author : Matt Evans

Description : Global Typographic rules

Created  : December 15, 2005
Modified : x

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

*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:small;
	/*color:#476235;*/
    color:#6A4C41;	
}

h1, h2, h3, h4, h5
{
	font-weight:normal;
}

h1 /*product text only*/
{
	font-family: Arial, Helvetica, sans-serif;
	padding:16px 0 0 73px;
	color:#fff;
	font-size:175%;
	font-weight:lighter;
	font-style:italic;
}

h2 /*flash replacement headers*/
{
    font-family: BadNeigborhood-Dirtyhouse, Impact, Arial Black, Arial, Helvetica, sans-serif;
    font-size:24px;
}

h3
{
    font-weight:bold;
    font-size:115%;
    text-transform:uppercase;
}

p{
	margin:0 0 1em 0;
    color:#6A4C41;	
}

a,a:visited
{
	font-weight:bold;
	color:#2ab4ce;/*color:#476235;*/
	text-decoration:none;
}

a:hover
{
	color:#2ab4ce;/*color:#476235;*/
	text-decoration:underline;
}

.error
{
    color:#fa1e04;
}

.temp_flashtext
{
    padding:8px;
}

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

Title  : My LT CSS
Author : Matt Evans

Description : Global site style sheet, controls main layout of page, sets basic rules and components for use on all pages

Created  : December 15, 2005
Modified : January 9, 2005

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


/* ----- Standard Layout Rules ----- */

*
{
	margin:0;
	padding:0;
}

body
{
	background-color:#fff;
}

#wrapper
{
	width: 776px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #e4f0d8 url(http://media.ef.com/_imgs/mylt/components/main_bg.jpg) top left repeat-x;
}

.cleardiv
{
	clear: both;
}

.spacer
{
    margin:16px;
}

/* ----- Standard EF Global Nav ----- */
	
#global 
{
	background: transparent url(http://media.ef.com/_imgs/mylt/components/global_bg.jpg) no-repeat top right;
	color: #fff;
	border-bottom: 2px solid #fff;
	width: 776px;
	height: 28px;
	font-family: arial;
	font-size: 11px;
	text-transform: uppercase;
}

#global a 
{
	color: #fff;
	padding: 1px 2px;
	text-decoration: none;
	letter-spacing: -.01em;
}

#global a:hover 
{
	padding: 1px 2px;
	text-decoration: underline;
}

#global div.siteid 
{
	float: left;
	padding: 7px 0 0 5px;
	width: 400px;
}

#global div.action 
{
	padding: 7px 5px 0 0;
	text-align: right;
	margin-left: 250px;
}



/* ----- Product Banner ----- */

#productbanner
{	
	background: #3ab1d1 url(http://media.ef.com/_imgs/mylt/components/banner_bg.gif) top left repeat-x;
	width: 776px;
	height: 58px;
	cursor: pointer;
	border-bottom: 1px solid #fff;
}

#productbanner img 
{
	float:left;
}

#productbanner img.productlogo 
{
	padding:19px 0 0 18px;
	margin:0;
}


/* ----- Main Image ----- */

#mainimage
{
	background: #265413 url(http://media.ef.com/_imgs/mylt/topimages/topimg02.jpg) top left repeat-x;
	width: 776px;
	height: 262px;
}

body#login #mainimage
{
	display:none;
}

body#home #mainimage
{
	background: #265413 url(http://media.ef.com/_imgs/mylt/topimages/topimg02.jpg) top left repeat-x;
}

body#your #mainimage
{
	background: #265413 url(http://media.ef.com/_imgs/mylt/topimages/topimg01.jpg) top left repeat-x;
}

body#travel #mainimage
{
	background: #265413 url(http://media.ef.com/_imgs/mylt/topimages/topimg04.jpg) top left repeat-x;
}

body#destination #mainimage
{
	background: #265413 url(http://media.ef.com/_imgs/mylt/topimages/topimg05.jpg) top left repeat-x;
}

body#contact #mainimage
{
	background: #265413 url(http://media.ef.com/_imgs/mylt/topimages/topimg03.jpg) top left repeat-x;
}



/* ----- Navigation defined in nav style sheet ----- */


/****** Interest *********/
/*.settings_field
{
	background:#ccc;
}*/
.interestQuestionNo
{
	float:left;
	width:20px;
	line-height:50px;
}
.interestQuestions
{
	float:left;
	width:200px;	
}

.inactive
{
	display:none;
}

.active
{
	display:block!important;
}


/* ----- Main Content Wrappers ----- */

.maincontent
{
	clear:both;
	width: 686px;
	padding: 0 45px 0 45px;
	margin-bottom:0;
	font-size:85%;
	
}

.formcontent
{
	clear:both;
	width: 686px;
	padding: 0 45px 0 45px;
	margin-bottom:0;
	font-size:85%;
}

.formcontent .col1
{
    width:294px;
    padding-right:0px;
}

.formcontent .col2
{
    width:292px;
    padding-right:40px;
}

.inner
{
    padding:16px 25px 16px 25px;
}

.maincontent_wide
{
	clear:both;
	width: 728px;
	padding: 0 24px 0 24px;
	font-size:85%;
}

.col1
{
	float:left;
	width:50%;
}

.col2
{
	float:right;
	width:50%;
}

.maincontent_wide ul
{
	list-style:none;
}

.maincontent_wide li *
{
	color:#6a532e;
	padding-bottom:12px;
}

.maincontent_wide li a
{
	color:#6a532e;
}

.maincontent_wide li.title
{
	background:transparent url(http://media.ef.com/_imgs/mylt/components/bullet_1.gif) 2px 4px no-repeat;
	padding:0 0 1px 12px;
}

.maincontent_wide li.title a
{
	color:#e02e1c;
	font-weight:bold;
}


/* ----- Product Footer ----- */
#footer 
{	
	font-size:85%;
	background: transparent url(http://media.ef.com/_imgs/mylt/components/footer.gif) top left no-repeat;
	height: 33px;
	color:#888;
	margin:32px 0 0 0;
	clear:both;
}

#footer .right 
{
	float:right;
	padding:11px 0 0 0;
}

#footer .left {
	float:left;
	padding:15px 0 0 31px;
}

#footer a {
	color: #5A8CC5;
	text-decoration: none;
}
#footer a:hover {
	background-color: transparent;
	color: #5A8CC5;
	text-decoration:underline;
}

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

Title  : My LT Navigation CSS
Author : Matt Evans

Description : Main navigation elements

Created  : December 15, 2005
Modified : January 9, 2005

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

/*Main Nav
------------------------------------------*/
#nav
{
	background: #789814 url(http://media.ef.com/_imgs/mylt/components/mainnav_top_bg.gif) top left no-repeat;
	width: 776px;
	padding-top:1px;
	font-size:85%;
	text-transform: uppercase;
}

body#login #nav
{
	display:none;
}

#nav ul
{
	float:left;
	background: #789814 url(http://media.ef.com/_imgs/mylt/components/mainnav_bg.gif) bottom left no-repeat;
	width:757px;
	padding:0 0 0 19px;
	list-style:none;
}

#nav li
{
	float:left;
}

#nav a
{
	float:left;
	display:block;
	color: #ffff00;
	text-decoration:none;
	padding:2px 5px 4px 5px;
	margin-right:1px;
	font-weight:normal;
}

#nav a:hover
{
    color:#fdfdfd;
	background: #003515 url(http://media.ef.com/_imgs/mylt/components/mainnav_tab_hover.gif) bottom left repeat-x;
}


/*fold out*//*horizontal fold outs where hard to target with the mouse so i've removed them for now*/
#nav li ul
{
    display:none;
}

/*
#nav li ul 
{
    z-index:99999;
}

#nav li ul li a:hover
{
    color:#EF6C1D;
}
*/
/* hide all */
/*
#nav li ul 
{
    display:none;
	position: absolute;
	left:0;
	width: 686px;
	padding: 0 45px 0 45px;
}
*/
/* reveal */
/*
#nav li:hover ul, #nav li.sfhover ul { 
	background: #114626;
	margin: 19px 0 0 0;
	display:block;
}
*/



/* Hilights */
body#home #nav li#home a, body#your #nav li#your a, 
body#travel #nav li#travel a, body#destination #nav li#destination a,
body#contact #nav li#contact a, body#feedback #nav li#feedback a
{
	color:#fff;
	background: #003515;
}




/* Sub Navigation												
---------------------------------------------*/

#subnav_container {
	width: 776px;
	margin-top:-1px;
	min-height:36px;
	margin-bottom:8px;
}

*html body #subnav_container {
	height:36px;
}

body#login #subnav_container
{
	display:none;
}

#subnav_container ul
{
	float:left;
	list-style:none;
	width: 686px;
	padding: 0 45px 0 45px;
	background:#003515;
	text-transform: uppercase;
	font-size:85%;
}

#subnav_container li 
{
	display:inline;
}

#subnav_container a
{
	float:left;
	display:block;
	color: #ABDA4D;
	text-decoration:none;
	padding:2px 10px 4px 0;
	font-weight:normal;
}

#subnav_container a:hover
{
	color:#EF6C1D;
}



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

Title  : MyLT Features CSS
Author : Matt Evans

Description : Page components used by the site

Created  : December 15, 2005
Modified : January 9, 2005

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

/* ----- Components ----- */
/* Standard tag formatting
/* Component list: 								         
/* boxes 											    
/* box1 - small white 						           
/* box2 - small yellow 		
/* confirmbox - container for a hidden display
/* box3 - simple small green cap 	                 
/* box4 - simple large white 			            
/* box5 - large green area for 2cols
/* box6 - simple small white
/* mouseover - simple yellow box 	              
/* arrow - green 								 
/* button - red 								
/* pdf - icon 								   
/* print - icon 							  
/* textinput - white 					     
/* artificial checkboxes 					
/* testimonial                             
--------------------------*/

.contactus .col1 
{
	width:404px;
	border-right:1px solid #afbba5;
}

.contactus .col2
{
	padding-left:8px;
	width:230px;	
}


.contactus textarea
{
	background:url(/_imgs/mylt/components/textarea_1.gif) top left no-repeat;
	width:343px;
	height:71px;
	padding:19px;
	font-color:#616556;
	font-weight:normal;
	font-size:100%;
	margin:0 0 0 4px;
	border:none;
}

*html body .contactus textarea
{
	background:url(/_imgs/mylt/components/textarea_1.gif) top left fixed;
	padding:19px;
}

.contactus p
{
	padding:0;
	margin:0;
}

.contactus input.fancy
{
	display:block;
	margin:4px 0 12px 24px;
}

.col2 img
{
	border:1px solid #888;
	background:#fff;
	padding:3px;
	float:left;
	margin-top:5px;
}

/* right hand positioning for elements and child nodes*/
.shift_right
{
    float:right;
}

.shift_right *
{
    float:right;
}

img
{
    border:none;
}

img.padimage
{
	border:none;
	border:1px solid #888;
	background:#fff;
	padding:3px;
	float:left;
	margin: 3px 5px 0 0;	
}

ul.list
{
	padding:0 24px 8px 24px;
}

ul.list li
{
	margin-left:16px;
	color:#879935;
	font-weight:bold;
	padding:0 0 16px 0 ;
}

ul.list li.heading
{
	list-style:none;
	margin:8px 0 0 0;
	color:#fa1e04;
	font-weight:bold;
	padding:0 0 8px 0 ;
}

ul.list li.pause
{
	list-style:none;
	padding:0 0 16px 0 ;
}


/* general box features */
.header, .content, .cap {
	margin:0;
	padding:0;
	background:transparent;
}



/* box1 - medium white */
.box1
{
	width:308px;
	margin:0 auto;
	text-align: left;
	position: relative;	
}
.box1 a, .box1 a:visited
{
	color: #eb301e;
	font-weight: bold;
}

.box1 h2
{
    font-size: 24px;
    padding-right: 5px;
}

.box1 ul
{
	list-style: none;
	padding-bottom: 8px;
	font-weight: normal;
	color: #78961d;
}

.box1 li
{
	padding-left: 8px;
	font-weight: normal;
}

.box1 div.header
{
    text-align:right;
	width:300px;
	padding:5px 18px 5px 0;
	min-height:45px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/whitebox_1_top.gif) top left no-repeat;	
}

*html body .box1 div.header {height:45px;}

.box1 div.content
{
	width:274px;
	padding:0 18px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/whitebox_1_mid.gif) top left repeat-y;	
}

.box1 div.cap
{
	width:308px;
	height:17px;
	padding:0;
	margin:0;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/whitebox_1_base.gif) bottom left no-repeat;	
}



/* box2 - small yellow */
.box2
{
	width:313px;
	margin:0 auto;
	text-align: left;
	position: relative;	
}

.box2 div.header
{
	width:292px;
	padding:8px 16px 0 16px;
	min-height:32px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/yellowbox_1_top.gif) top left no-repeat;	
}

*html body .box2 div.header {height:38px;}

.box2 div.content
{
	width:265px;
	padding:8px 24px 0 24px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/yellowbox_1_mid.gif) top left repeat-y;	
}

.box2 div.cap
{
	width:313px;
	height:17px;
	padding:0;
	margin:0;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/yellowbox_1_base.gif) bottom left no-repeat;	
}

.box2 .col1
{
	width:50%;
	padding:0;
}

.box2 .col2
{
	width:50%;
	padding:0;
}

.box2 p
{
	color:#585437;
	font-size:75%;
}

.box2 h3
{
	font-size:90%;
}

/* box3 - simple small green cap */
.box3
{
	width:287px;
	margin:0 auto;
	text-align: left;
	position: relative;	
}

.box3 div.cap
{
	width:255px;
	padding:4px 16px 4px 16px;
	margin:0;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/greenbox_2_base.gif) bottom left no-repeat;	
}

/*display container for a box to use as a pop up message*/
#confirmbox
{
    display:none;
    z-index:9999;
    position:absolute;
    top:750px;
    width:776px;
}

/* box4 - simple large white */
.box4
{
	width:662px;
	margin:0 auto;
	text-align: left;
	position: relative;	
	margin-bottom:18px;
}

.box4 div.header
{
	width:662px;
	padding:5px 0 0 0;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/whitebox_2_top.gif) top left no-repeat;	
}

.box4 div.cap
{
	width:630px;
	padding:0 16px 5px 16px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/whitebox_2_base.gif) bottom left no-repeat;	
}

.box4 p.heading
{
	font-weight:bold;
    color:#fa1e04;
    padding:8px 0 8px 16px;
}

.box4 .info
{
	padding-bottom:16px;
	color:#879935;
	font-weight:bold;
}

.box4 input
{
	font-weight:normal;
}


.box4  ul
{
	padding:0 24px 8px 24px;
}

.box4 li
{
	margin-left:16px;
	color:#879935;
	font-weight:bold;
	padding:0 0 16px 0 ;
}

.box4 li.heading
{
	list-style:none;
	margin:8px 0 0 0;
	color:#fa1e04;
	font-weight:bold;
	padding:0 0 8px 0 ;
}

.box4 li.pause
{
	list-style:none;
	padding:0 0 16px 0 ;
}

.box4 .checkboxtxt
{
    padding-right:30px;
}


/* large green area for 2cols */
.box5
{
	width:726px;
	margin:0 auto;
	text-align: left;
	position: relative;	
}

.box5 div.header
{
	width:656px;
	padding:5px 35px 0 35px;
	min-height:53px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/greenbox_1_top.gif) top left no-repeat;	
}

*html body .box5 div.header {height:53px;}

.box5 div.content
{
	width:656px;
	padding:0 35px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/greenbox_1_mid.gif) top left repeat-y;	
}

.box5 div.cap
{
	width:726px;
	height:17px;
	padding:0;
	margin:0;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/greenbox_1_base.gif) bottom left no-repeat;	
}

/* box6 - small simple white */
.box6
{
	width:224px;
	margin:12px 0 12px auto;
	text-align: left;
	position: relative;	
	color:#eb301e;
}

.box6 h2
{
    font-size:24px;
    padding-right:5px;
}

.box6 p
{
    color:#000;
    padding:12px 0 0 0;margin:0;
}

.box6 div.content
{
	width:192px;
	padding:0 16px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/whitebox_3_top.gif) top left no-repeat;	
}

.box6 div.cap
{
	width:224px;
	height:16px;
	padding:0;
	margin:0;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/whitebox_3_base.gif) bottom left no-repeat;	
}



/* mouseover - simple yellow box */
#mouseover
{
	display:none;
	text-align: left;
	position: absolute;
	top:0;
	left:0;
	z-index:999;
	width:218px;
	padding:5px 0 0 0;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/mouseover_1_top.gif) top left no-repeat;	
	/*Remove below line to remove shadow. Below line should always appear last within this declaration*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=3);
}

#mouseoverinfo
{
	width:186px;
	padding:0 16px 5px 16px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/mouseover_1_base.gif) bottom left no-repeat;	
}



/* arrow - green */
p.arrow
{
	background:url(http://media.ef.com/_imgs/mylt/components/arrow_1_left.gif) 0 5px no-repeat;
	height:22px;
	padding:8px 0 0 0;
	margin:0;
}

p.arrow a, p.arrow a:visited
{
	background:transparent url(http://media.ef.com/_imgs/mylt/components/arrow_1_right.gif) top right no-repeat;	
	text-transform:uppercase;
	font-size:12px;
	padding:7px 17px 9px 4px;
	color:#457212;
	font-weight:bold;
	margin-left:6px;
}

p.arrow a:hover
{
	text-decoration:none;
	color:#fff;
}


/* arrow - green - floating right*/
p.arrow_right
{
	background:url(http://media.ef.com/_imgs/mylt/components/arrow_1_left.gif) 0 5px no-repeat;
	height:22px;
	padding:8px 0 0 0;
	margin:0;
	float:right;
}

p.arrow_right a, p.arrow_right a:visited
{
	background:transparent url(http://media.ef.com/_imgs/mylt/components/arrow_1_right.gif) top right no-repeat;	
	text-transform:uppercase;
	font-size:12px;
	padding:7px 17px 9px 4px;
	color:#457212;
	font-weight:bold;
	margin-left:6px;
}

p.arrow_right a:hover
{
	text-decoration:none;
	color:#fff;
}




/* button - red */
p.cancel
{
	background:transparent url(http://media.ef.com/_imgs/mylt/components/button_1_left.gif) 0 1px no-repeat;
	height:19px;
	padding:3px 0 0 3px;
	margin:4px 10px 0 2px;

}

p.cancel a, p.cancel a:visited
{
	background:transparent url(http://media.ef.com/_imgs/mylt/components/button_1_right.gif) top right no-repeat;	
	text-transform:uppercase;
	font-size:12px;
	padding:2px 8px 5px 4px;
	color:#6e2000;
	font-weight:bold;
}

p.cancel a:hover
{
	text-decoration:none;
	color:#fff;
}


/* button - red - floating right*/
p.cancel_right
{
	background:transparent url(http://media.ef.com/_imgs/mylt/components/button_1_left.gif) 0 1px no-repeat;
	height:19px;
	padding:3px 0 0 3px;
	margin:2px 10px 0 2px;
	float:right;
}

p.cancel_right a, p.cancel_right a:visited
{
	background:transparent url(http://media.ef.com/_imgs/mylt/components/button_1_right.gif) top right no-repeat;	
	text-transform:uppercase;
	font-size:12px;
	padding:2px 8px 5px 4px;
	color:#6e2000;
	font-weight:bold;
}

p.cancel_right a:hover
{
	text-decoration:none;
	color:#fff;
}

/* pdf - icon */
.pdf
{
	display:block;
	padding:0 0 0 38px;
	height:29px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/pdf.gif) top left no-repeat;
}



/* print - icon */
.print
{
	float:right;
	margin-right:-40px;
	width:38px;
	height:27px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/printer.gif) top left no-repeat;
}



/* textinput - white */
input.fancy
{
	color:#f08326;
    margin:4px 0 0 0;
	font-size:95%;
	border:none;
	width:178px;
	height:15px;
	padding:2px 0 4px 5px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/input_1.gif) top left no-repeat;
}

input.fancycol
{
	color:#f08326;
    margin:4px 0 0 0;
	font-size:95%;
	border:none;
	width:178px;
	height:15px;
	padding:2px 0 4px 5px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/input_1.gif) top left no-repeat;
}


*html body input.fancy {background:transparent url(http://media.ef.com/_imgs/mylt/components/input_1.gif) top left no-repeat fixed;}

input.fancy:disabled
{
	color:#000;
}

input.fancy_large
{
    font-size:110%;
    color:#fa1e04;
	border:none;
	width:170px;
	height:21px;
	padding:4px 0 0 5px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/input_2.gif) top left no-repeat;
}
*html body input.fancy_large 
{
    background:transparent url(http://media.ef.com/_imgs/mylt/components/input_2.gif) top left no-repeat fixed;
}

.fakeInput
{
	display:block;
	color:#000;
    margin:4px 0 0 0;
	font-size:95%;
	border:none;
	width:178px;
	height:15px;
	padding:2px 0 4px 5px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/input_1.gif) top left no-repeat;
	_background:transparent url(http://media.ef.com/_imgs/mylt/components/input_1.gif) top left no-repeat fixed;
}

/* textinput long - white */
input.fancyLong {
	color:#f08326;
    margin:4px 0 0 0;
	font-size:95%;
	border:none;
	width:217px;
	height:15px;
	padding:2px 0 4px 5px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/input_3.gif) top left no-repeat;
}
*html body input.fancyLong {background:transparent url(http://media.ef.com/_imgs/mylt/components/input_3.gif) top left no-repeat fixed;}

input.fancyLong:disabled
{
	color:#000;
}

.fakeInputLong
{
	display:block;
	color:#000;
    margin:4px 0 0 0;
	font-size:95%;
	border:none;
	width:217px;
	height:15px;
	padding:2px 0 4px 5px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/input_3.gif) top left no-repeat;
	_background:transparent url(http://media.ef.com/_imgs/mylt/components/input_3.gif) top left no-repeat fixed;
}



/* artificial checkboxes */
.checked
{
	display:block;
	float:left;
	width:22px;
	height:21px;
	margin-top:-4px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/checkbox_checked.gif) top left no-repeat;
}

.unchecked
{
	display:block;
	float:left;
	width:22px;
	height:21px;
	margin-top:-4px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/checkbox_unchecked.gif) top left no-repeat;
}

.checkboxtxt
{
	padding-top:4px;
}


/* testimonial */
.testimonial
{
    text-align:left;
    padding-left:20px;
}

.testimonial *
{    
	color:#fff;
}

.testimonial img
{
    border:4px solid #fff;
    width:64px;
    margin:0 16px 0  0;
    float:left;
}

.testimonial .info
{
    margin:4px 0 8px 0;
}

.testimonial .info *
{
	color:#000;
}

.testimonial .info .col1
{
	text-align:right;
    width:68px;
    margin-bottom:4px;
}

.testimonial .info .col2
{
	font-size:95%;
    width:212px;
	height:17px;
	padding:2px 5px 0 5px;
    margin-bottom:4px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/input_3.gif) top left no-repeat;
}



/* Pages */
/*
	Where possible these should be incorporated into the main styles
*/

/*
	Booking
*/
.optionals
{
    margin-top:8px;
    padding:0 0 20px 20px;
}

.optionals p.checkboxtxt
{
    margin-bottom:12px;
    color:#6A4C41;
    padding-right:100px;
}

.optionals p.price
{
    color:#6A4C41;
    float:right;
}


/*get included tweaks so we can sue the pricemanager to devlier content */
.included
{
    padding:16px 0 8px 20px;
}

.included h3
{
	font-size:100%;
	text-transform:none;
	color:#fa1e04;
	padding-bottom:8px;
}

.included li
{
	padding-bottom:8px;
}



/* hiddendetails - a medium white box used to hide article details in */
.hiddendetails
{
	width:578px;
	margin:0 auto;
	text-align: left;
	position: relative;	
	margin-bottom:18px;
}

.hiddendetails div.header
{
	width:578px;
	padding:5px 0 0 0;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/whitebox_4_top.gif) top left no-repeat;	
}

.hiddendetails div.cap
{
	width:546px;
	padding:0 16px 5px 16px;
	background:transparent url(http://media.ef.com/_imgs/mylt/components/whitebox_4_base.gif) bottom left no-repeat;	
}



/* Intinerary */
.itinerarytable
{
    border:none;
    width:100%;
    font-size:110%;
    padding:12px;
}

.itinerarytable td
{
	padding:0 0 4px 0;
    text-align:left;
    color:#494949;
}

.itinerarytable td.mainheading
{
	padding:8px 0 0 0;
    color:#6e4e3d;
    font-weight:bold;
}
.itinerarytable td.heading
{
    padding:0 8px 4px 16px;
    text-align:left;
    width:30%;
    font-weight:bold;
}

.itinerarytable td.flight
{
	padding-top:8px;
	padding-left:24px;
	background:url(/_imgs/mylt/components/icon_plane.gif) 0 8px no-repeat;
}

.itinerarytable td.train
{
	padding-top:8px;
	padding-left:24px;
	background:url(/_imgs/mylt/components/icon_train.gif) 0 8px no-repeat;
}

.itinerarytable td.bus
{
	padding-top:8px;
	padding-left:24px;
	background:url(/_imgs/mylt/components/icon_bus.gif) 0 8px no-repeat;
}

.itinerarytable td.boat
{
	padding-top:8px;
	padding-left:24px;
	background:url(/_imgs/mylt/components/icon_boat.gif) 0 8px no-repeat;
}


/* itinerary and leader letter */
.letter
{
    padding:0 25px 12px 25px;
    color:#6A4C41;	
}


/* pocket money */

table.pocketmoney td
{
	width:80px;
	padding:0 5px 0 17px;
}

.pocketmoney td.price
{
	width:200px;
}


/* information presentation column layout , designed to work with the custom input fields */
.info
{
    margin:4px 0;
}

*html body .info input.fancy
{
    margin:0;
}

.info .col1
{
	color:#615831;
	text-align:right;
    width:100px;
	padding:6px 0 0 0;
}

.info .col2
{
	font-size:95%;
    width:178px;
	height:17px;
	padding:0 0 0 5px;
    margin-bottom:8px;
}

*html body .info .col1
{
	padding:2px 0 0 0;
}

*html body .info .col2
{
    margin-bottom:0;
}



/* your updates */

ul.read
{
    list-style:none;
    font-weight:normal;
    margin:12px 0;
}

ul.read li
{
    color:#543820;
    padding-bottom:6px;
}

ul.read li.date
{
    background:url(/_imgs/mylt/components/bullet_1.gif) 0 4px no-repeat;
    padding:0 16px 0 10px;
    color:#fa1e04;
}

ul.read li.message
{
	padding:8px 0 8px 32px;			
}

ul.read li a
{
	color:#543820;
}

ul.read li.date a
{
	color:#fa1e04;
}


ul.unread
{
    list-style:none;
    font-weight:normal;
    margin:12px 0;
}

ul.unread li
{
    color:#6c7a2b;
    padding-bottom:6px;
}

ul.unread li.date
{
    background:url(/_imgs/mylt/components/bullet_2.gif) 0 4px no-repeat;
    padding:0 0 0 10px;
    color:#8b6c57;
}

ul.unread li.message
{
	padding:8px 0 8px 32px;			
}

ul.unread li a
{
	color:#6c7a2b;
}

ul.unread li.date a
{
	color:#8b6c57;
}

/* reading message */
p.date
{
	font-weight:bold;
    background:url(/_imgs/mylt/components/bullet_1.gif) 0 4px no-repeat;
    padding:0 0 0 10px;
    color:#fa1e04;
}