/*
--------------------------------------
Title:		HSY 2007 Main Stylesheets 
Created:	18-05-2006
------------------------------------*/

/* Importing styles...
------------------------------------*/
body,h1,h2,h3,h4,h5,h6,ol,ul,li,p,input,textarea,select,td {
color:#333333;
font-family:Verdana, Arial, Sans-Serif;
font-size:11px;
margin:0;
padding:0;
}

span.where {
border-bottom:dotted 1px #0071bc;
color:#0071bc;
font-size:12px;
font-weight:700;
letter-spacing:.01em;
text-transform:uppercase;
}

h1 {
color:#543b1f;
font-family:Arial;
font-size:30px;
letter-spacing:-0.05em;
margin:0;
padding:5px 0 15px;
}

h2,li.header,.contentBox2 th {
color:#543b1f;
font-family:Arial;
font-size:16px;
letter-spacing:-0.04em;
margin:0;
padding:0 0 3px;
}

h3 {
color:#543b1f;
font-family:Arial;
font-size:14px;
font-weight:700;
letter-spacing:-0.04em;
}

p,td,li {
line-height:1.5em;
}

p {
margin:0;
padding:0 0 15px;
}

table {
margin-bottom:15px;
}

td {
vertical-align:top;
}

a {
color:#0071BC;
text-decoration:none;
}

#pickem select {
font-size:12px;
}

#global a {
font-size:10px;
}

a:link,a:visited {
color:#0071BC;
}

a:hover,a:active {
color:#0071BC;
}

a:hover {
text-decoration: underline;
}
#nav .cleardiv{clear:both;}
div > #nav .cleardiv{clear:both;height:0;visibility:hidden;}

#nav {
background: #d33a00 url(/_imgs/hsy/nav/nav-bg.gif) repeat-x top left;
left:0;
list-style:none;
margin:0;
padding:0;
position:relative;
text-align:left;
width:776px;
z-index:99;
}

#nav li 
{
float:left;
list-style:none;
margin:0;
padding:0;
}

#nav a {
border-bottom:none;
color:#fff;
display:block;
font-family:"Trebuchet MS";
font-size:12px;
margin:0;
padding:0 10px;
line-height: 2.42em;
font-weight: 700;
text-decoration: none;
}

#nav ul #destinations,
#nav ul #about,
#nav ul #lounge,
#nav ul #howto,
#nav ul #news,
#nav ul #contact {
	border-left: 1px solid #c9380d;
}


body#destinations #nav li#destinations ul li a,
body#about #nav li#about ul li a,
body#howto #nav li#howto ul li a,
body#lounge #nav li#lounge ul li a,
body#journal #nav li#lounge ul li a {
background:#ea602b;
color:#fff;
text-decoration:none;
}

body#destinations #nav li#destinations ul li a:hover,
body#about #nav li#about ul li a:hover,
body#howto #nav li#howto ul li a:hover,
body#lounge #nav li#lounge ul li a:hover,
body#journal #nav li#lounge ul li a:hover {
background:#b6421a;
color:#fff;
text-decoration:none;
}

/*Sub navigation
--------------------------------------------------------------------------*/
#nav li ul li a {
background:#ea602b;
display:block;
margin:0;
text-decoration:none;
width: 12em;
border-bottom: 1px solid #d74a1a;
line-height: 1.5em;
padding: 0.46em 10px
}

#nav li ul li a:hover {
background:#b6421a;
background-image:none;
text-decoration:none;
}

#nav li ul li {
float:left;
height:1%;
list-style:none;
}

#nav li ul {
border:none;
left:-999em;
position:absolute;
width: 12em;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
left:-999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
left:auto;
}

#nav a:hover,body#home #nav ul li#home a,
body#destinations #nav li#destinations a,
body#about #nav li#about a,
body#lounge #nav li#lounge a,
body#howto #nav li#howto a,
body#news #nav li#news a,
body#myhsy #nav li#myhsy a,
body#contact #nav li#contact a,
body#journal #nav li#lounge a {
color:#fff;
background:#b6421a;
}
#bannerWithPhone .cleardiv{clear:both;}
div > #bannerWithPhone .cleardiv{clear:both;height:0;visibility:hidden;}
#topHeaderWrapper {background:#fff; padding:0 0 10px 0;}

/* Global navigation */	
#globalnav {
	background: #2d95d7;
	color: #fff;
	width: 776px;
	min-height: 22px;
	font-family: arial;
	font-size:11px;
	text-transform: uppercase;
}

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

#globalnav a:hover {
	color: #fff;
	padding: 1px 2px;
	text-decoration: underline;
}

#globalnav div.action {
	padding: 4px 5px 0 0;
	text-align: right;
	margin-left: 0px;
}

/* EF Logo */	

#eflogo {
	position:absolute;
	left:25px;
	top:0;
	width:105px;
	height:96px;
	z-index:1;
}

/* Contact Us */	

/* SET THE ON STATE FOR GLOBAL AREA*/
body#reserve #global a.res, body#contact #global a.con {color:#ffed9f; font-weight:bold;}

/* Product Banner With Phone number */	
#bannerWithPhone {
	background: #fff;
	width: 776px;
	height:79px;
}

#bannerWithPhone #header {
	float: left;	
	width: 30%;	
	padding: 25px 0 0 120px;
}

#contactus {
float:right;
position:relative;
right:20px;
top: 22px;
margin-right: 0;
color: #d63d05;
background: transparent url(/_imgs/hsy/nav/contact-bg.gif) top left no-repeat;
padding:0 0 0 .7em;

}

#contactus ul li {
line-height: 1.8em;        
}

#contactus ul li, #contactus ul li a {
    font-family:"Trebuchet MS";
    font-size:11px;  
    font-weight: 700;
}

#contactus ul #phone {
/*background: transparent url(/_imgs/hsy/nav/phone-left.gif) top left no-repeat;*/
background: transparent url(/_imgs/hsy/nav/contact-bg.gif) 100% 0 no-repeat;
color: #d63d05;
line-height:1.8em;
position:relative;
}          

#contactus ul #phone span {
display: block;
/*background: transparent url(/_imgs/hsy/nav/phone-right.gif) top right no-repeat;*/
background: transparent url(/_imgs/hsy/nav/contact-bg.gif) top right no-repeat;
text-align: center;
line-height: 1.8em;
padding: 0.4em 0.5em 0.1em 0;
}    

#contactus ul #actions {
/*background: transparent url(/_imgs/hsy/nav/actions-bg.gif) bottom left no-repeat;*/
background: transparent url(/_imgs/hsy/nav/contact-bg.gif) 200px left no-repeat;
/*min-height:21px;*/
margin-left:-.7em;
}      

#contactus ul #actions a {
position:relative;
display: block;
float:left;
color: #fff;
padding: 0 8px;
line-height:1.8em;
background: transparent url(/_imgs/hsy/nav/contact-bg.gif) 200px right no-repeat;
}      

#contactus ul #actions #book {
    /*background: transparent url(/_imgs/hsy/nav/actions-book.gif) bottom right no-repeat;
    background: #fff url(/_imgs/hsy/nav/contact-bg.gif) 0 -169px no-repeat;*/
    background: #fff url(/_imgs/hsy/nav/contact-bg-actions.gif) bottom left no-repeat;
    
} 

#contactus ul #actions #bro {
   /* background: transparent url(/_imgs/hsy/nav/actions-bro.gif) bottom right no-repeat;
   background: #fff url(/_imgs/hsy/nav/contact-bg.gif) right -179px no-repeat;*/
   background: #fff url(/_imgs/hsy/nav/contact-bg-actions.gif) bottom right no-repeat;
}    

#contactus ul #actions #book:hover {
    /*background: transparent url(/_imgs/hsy/nav/actions-book-hover.gif) bottom left no-repeat;*/
    background: #fff url(/_imgs/hsy/nav/contact-bg.gif) left bottom no-repeat;
    text-decoration: none;
}

#contactus ul #actions #bro:hover {
    /*background: transparent url(/_imgs/hsy/nav/actions-bro-hover.gif) bottom right no-repeat;*/
    background: #fff url(/_imgs/hsy/nav/contact-bg.gif) right bottom no-repeat;
    text-decoration: none;
}/*GLOBAL----------------------------------*/
body{margin:0;padding:0;text-align:center; background:#f3eddf;}
p#skiplink{display:none;}
form{margin:0;padding:0;}
a img{border:none;}

#wrapper{background:url(/_imgs/hsy/shared/bg-shadow.gif) repeat-y top left;display:block;float:none;margin:0 auto;padding:0 7px;position:relative;text-align:left;width:776px;}

/* easy clearing  */
#wrapper:after{clear:both;display:block;height:0;visibility:hidden;}
#wrapper ul{list-style:none;}
/* end easy clearing  */
#header,#footer{width:776px;}

/*2 COLUMN LAYTOUT----------------------------------*/
#sidebar{float:left;padding:9px 0 15px 0;text-align:center;width:221px;}
#content{float:left;margin:15px 0 10px 0;padding:0 25px;width:495px;}
#content ul{list-style:disc;padding:0 15px 15px 25px;}
#content ol{padding:0 15px 15px 25px;}
#content ul li{padding:0 0 5px;}
#block2{float:left;padding:20px 0 0;width:366px;}

/* GENERAL FORMATTER CLASSES FOR THE SITE----------------------------------*/
.cleardiv{clear:both;}
div > .cleardiv{clear:both;height:1em;}
.left{float:left;padding:5px 0 0 5px;}
.right{float:right;padding:0 5px 0 0;}
.promoPuff image{padding:2px 0;}

/* USE THIS TO SET A LINK TO 'ACTIVE'----------------------------------*/
.active a{color:#3773AE;}
.active{background-color:#e3f09c;}

/*LEFTNAV----------------------------------*/
#leftnav,#leftpuff {background:transparent url(http://media.ef.com/_imgs/hsy/shared/leftnav-bot.gif) bottom left no-repeat; margin:0 0 5px 0; padding:0; padding-bottom: 9px; width:217px; margin-left: 4px;}
#leftnav .wrap,#leftpuff .wrap { background:url(http://media.ef.com/_imgs/hsy/shared/leftnav-top.gif) no-repeat; padding:13px 3px 8px 2px; text-align:left; }
#leftnav li.header{background:none;color:#0071bc;font-weight:700;padding:5px 2px 0 0;}  
#leftnav ul{list-style-type:none;margin:0;padding:0;text-align:left;}
#leftnav li{padding:0; margin:0; margin-left: 2px;}
#leftnav a  {width: 189px;}    
#leftnav a {display:block; padding:3px 6px 3px 11px;  margin:0; margin-left:2px; background:url(http://media.ef.com/_imgs/hsy/shared/leftnav-dot.gif) bottom left no-repeat;}
#leftnav a:hover {background-color:#0071bc; color:#fff; }
#leftnav .wrap h3,#leftpuff .wrap h3 {margin-left: 5px;margin-right: 2px;padding-left: 8px;padding-bottom: 6px;border-bottom: 1px solid #e6e6e6;}
#leftpuff p {margin:0;padding:2px 0 0 13px;}

#sidebar .infobox {background:transparent url(http://media.ef.com/_imgs/hsy/shared/leftnav-bot.gif) bottom left no-repeat; margin:0; padding:0; padding-bottom: 5px; width:217px; margin-left: 3px;}
#sidebar .infobox .wrap { background:url(http://media.ef.com/_imgs/hsy/shared/leftnav-top.gif) top left no-repeat; padding: 15px 20px 0 20px; text-align: left; }

/*DESTINATION DROPDOWN----------------------------------*/
#pickem select{margin-left: 13px; margin-top: 5px; background-color:#e3f09c;width:190px;}

/*ACTION ITEMS AT BOTTOM OF PAGES----------------------------------*/
#actionItems{border-top:1px dashed #cae240;width:504px;}
#actionItems ul{list-style:none;margin:5px 0 0;padding:0;}
#actionItems li{float:left;margin:0 10px 0 0;padding:0;}
#actionItems li a{border-bottom:none;display:block;float:left;padding:6px 15px 4px 25px;}
li#res a{background:url(http://media.ef.com/_imgs/hsy/shared/icon-preapply.gif) 0 5px no-repeat;}
li#bro a{background:url(http://media.ef.com/_imgs/hsy/shared/icon-brochure.gif) 0 5px no-repeat;}
li#con a{background:url(http://media.ef.com/_imgs/hsy/shared/icon-contact.gif) 0 5px no-repeat;}

/*CURRENTLY USED ONLY ON HOMEPAGE----------------------------------*/
#actionItemsVert ul{list-style:none;margin:0;padding:0;}
#actionItemsVert li a{display:block;margin:0;padding:8px 0 8px 35px;width:143px;}
#actionItemsVert li#res,#actionItemsVert li#res a{background:url(http://media.ef.com/_imgs/hsy/shared/preapply.gif) 0 5px no-repeat;}
#actionItemsVert li#bro,#actionItemsVert li#bro a{background:url(http://media.ef.com/_imgs/hsy/shared/brochure.gif) 0 5px no-repeat;}
#actionItemsVert li#con,#actionItemsVert li#con a{background:url(http://media.ef.com/_imgs/hsy/shared/contact.gif) 2px 6px no-repeat;}

/*CONTENTBOX----------------------------------*/
#contentBox{background-color:#fff;border-color:#e9e9e9;border-style:solid;border-width:1px 2px 2px 1px;margin-bottom:15px;padding:10px;}

/*PRICEBOX1----------------------------------*/
.contentBox2 {background:#fff;border-color:#e9e9e9;border-style:solid;border-width:1px 3px 2px 1px;margin-bottom:15px;padding:10px 10px 0;width:480px;}
.contentBox2 table {margin-bottom:0;width:100%;}
.contentBox2 td {border-bottom:solid 1px #e9e9e9;padding:5px 5px 5px 0;}
.contentBox2 th{border-bottom:dotted 1px #afe4f7;color:#333;}
.contentBox2 td.text{font-weight:700;}
.contentBox2 tr.noline td {border:none; padding-bottom:15px;}

/*MISC----------------------------------*/
a.pright{display:block;margin:0;padding:0 0 5px;text-align:right;}
.imageHolder{background-color:#fff;padding:4px;border-bottom:1px solid #e1e0e2;border-right:1px solid #e1e0e2;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;}
#block1,block3{float:left;width:205px;}
.promoPuff a,.contentBox2 tr.end td,a.alt,a.alt:link,a.alt:visited,a.alt:hover,a.alt:active{border-bottom:none;}

/*LOGIN----------------------------------*/
#nav-global{clear:both;float:right;font-size:11px;margin-bottom:-3px;margin-top:30px;padding:0;}
#nav-global ul,#nav-global ul li{list-style:none;margin:0;padding:0;}
#nav-global ul li{float:left;}

/*LOGIN FORM----------------------------------*/
li#loginGlobal{border:none;}
li#loginGlobal a.link{margin-top:2px;padding:0 0 3px 10px;z-index:100;}
li#loginGlobal a.link em{color:#ea5224;display:block;font-family:Verdana, Sans-Serif;font-style:normal;font-weight:700;margin-bottom:-3px;padding:4px 9px 6px 0;}
li#loginGlobal a.link,li#loginGlobal:hover a.link,li.ie-hover a.link{background:#fff url(http://media.ef.com/_imgs/hsy/shared/login-left.gif) top left no-repeat;color:#ea5224;}
li#loginGlobal a.link em,li#loginGlobal:hover a.link em,li.ie-hover a.link em{background:#fff url(http://media.ef.com/_imgs/hsy/shared/login-right.gif) top right no-repeat;}
#login-wrap{left:-1000em;margin-top:-1px;position:absolute;right:0;width:22em;z-index:100;}
li#loginGlobal:hover #login-wrap,li.ie-hover #login-wrap{left:inherit;}
#login-wrap .txtinput{width:100px;}
#login-wrap .head,#login-wrap .foot{height:7px;}
#login-wrap .head{background:url(http://media.ef.com/_imgs/hsy/shared/bg-login-tl.gif) no-repeat;border-right:1px solid silver;}
#login-wrap .foot{background:url(http://media.ef.com/_imgs/hsy/shared/bg-login-bl.gif) no-repeat;margin-right:7px;}
#login-wrap .foot div{background:url(http://media.ef.com/_imgs/hsy/shared/bg-login-br.gif) no-repeat;bottom:0;height:7px;position:absolute;right:0;width:7px;}
#login-wrap form{background:#FFF;border-left:1px solid silver;border-right:1px solid silver;margin:0 1px 0 0;padding:0;}
#login-wrap form p{margin:0;padding:0;}
#loginbutton-left{background:#fff url(http://media.ef.com/_imgs/hsy/shared/login-button-left.gif) top left no-repeat;float:right;height:20px;margin:0;padding:0;width:9px;}
#loginbutton-right{background:#fff url(http://media.ef.com/_imgs/hsy/shared/login-button-right.gif) top right no-repeat;float:right;height:20px;margin:0;padding:1px 11px 2px 4px;}
#loginbutton-right a{color:#333;margin:0;padding:0;}
#login-table{margin:0 auto;}
#login-table td{padding:3px;}
#login-table .cent{text-align:center;}
#login-box{float:right;font-size:11px;margin-bottom:-3px;margin-top:18px;padding:0;}
#login-box a{padding:0;}
li#loginGlobal:hover a.link em,li.ie-hover a.link em,#loginbutton-right a:hover{text-decoration:underline;}

/*GREENAREA----------------------------------*/
#greenDivider{background:#fff url(http://media.ef.com/_imgs/hsy/shared/greenbar.gif) top left repeat-x;clear:both;line-height:8px;margin:0;padding:0;width:776px;}
#greenarea{background:#e6fcb7 url(http://media.ef.com/_imgs/hsy/shared/actionbar.gif) top left repeat; padding:7px 0 10px 0;}
#greenarea .actionbox{background:#e6fcb7 url(http://media.ef.com/_imgs/hsy/shared/pre-top.gif) top left no-repeat;float:left;margin:0 0 0 7px;width:249px;}
#greenarea .greenwrap{background:url(http://media.ef.com/_imgs/hsy/shared/pre-bot.gif) bottom left no-repeat;cursor:pointer;margin:10px 0 0;min-height:80px;padding:5px 10px 10px 15px;position:relative;}
#greenarea h3{color:#465009;padding-bottom:8px;}
#greenarea p{margin:0;min-height:50px;padding:0;}
#greenarea .txt{width:140px;}
#greenarea img{bottom:0;position:absolute;right:0;}
#greenarea a:hover{background-color:#fff;text-decoration:none;}
#greenarea #brochure img{bottom:5px;right:5px;}

* html #greenarea p {height: 50px;}
* html #greenarea img {bottom: 5px; }
* html #greenarea img {right:-1px;} 
* html #greenarea #brochure img {margin-bottom: 10px;}  
* html #greenarea #contactus img {bottom: 9px;}

/* NEWS PROMOS & FAQ'S
-------------------------------------------------------------------*/
#fatending{background:#fff;margin:0 auto;padding-top:20px;text-align:left;width:776px;}
#fatendingcap{clear:left;width:100%;}    
#newslist{float:left;width:100%;}
#newslist #nlc{margin:0 258px;}
#infolist{float:left;margin-left:-776px;width:258px;}
#fatending h3 {color:#673f0c; font-weight:bold; padding:0 0 5px 20px;}
#fatending h3 a {color:#673f0c;}
#fatending h3 a:hover {color:#673f0c;}  
#fatending p {padding:0 20px 15px 36px; font-size:11px; color:#868686;}
#fatending p.none {padding:0 20px 15px 25px; color:#868686;}
#faqlist{float:left;margin-left:-258px;width:258px;}
#faqlist p {padding:0 20px 15px 25px; color:#868686;}
.localnews {padding:0 0 5px 25px; width:200px;}
.localnews li {border-top:1px solid #ebebeb;  font-family:verdana,san-serif; list-style:square; margin-left:10px; padding-bottom:4px; padding-top:2px; text-style-position:inside;}
.localnews .first {border-top:none;}
.localnews li a,.localnews li a:link,.localnews li a:visited,.localnews li a:active,.localnews li a:hover {color:#515151;}

/*FOOTER
--------------------------------------------------*/
#footer{background:#fff url(/_imgs/hsy/shared/new-footer-bg.gif) top left no-repeat;clear:both;color:#888;font-size:85%;margin:0 auto;padding:0 7px;width:776px;}
#footer-cap{background:#fff url(/_imgs/hsy/shared/new-footer-cap.gif) top left no-repeat;clear:left;height:25px;margin:0 auto;padding:0 7px;width:776px;}
#certificate{clear:both;padding:0;}
#certificate #csiet{float:left; margin:15px 0 0 15px;}
#certificate #forty{float:right; margin:25px 15px 0 0;}

#certificate span{display:block;float:left;padding:25px 0 0 10px;}
#certificate #forty span {padding:12px 5px 0 0;}
#certificate img{display:block;float:left;margin:0 5px;}    
    
/* FINE PRINT
---------------------------------------------------*/    
#fine-print {margin:25px 0}
#fine-print form {display:inline;}
#fine-print ul {list-style-type:none; margin:0; padding:0;}
#fine-print ul li {display:inline; color:#999;}
#fine-print ul li span {display:inline; padding:0 2px;}
#fine-print a#globe {background:url(http://media.ef.com/_imgs/hsy/shared/globe.gif) no-repeat; padding:5px 0 5px 38px;}

/*EXPANDABLE DIVs----------------------------------*/    
div.posthidden{display:none;}
div.postshown{display:block;line-height:1.4em;}
.spinner{display:block;padding-top:25px;text-align:center;}
ul#nletter{margin:5px 0;padding:0 10px;}
ul#nletter li{margin:0;padding:3px;}
ul#nletter #email input{width:90%;}
ul#nletter #send{text-align:right;}
#NSL{background:#d6eaff url(http://media.ef.com/_imgs/hsy/shared/newsletterbg.gif) bottom left repeat-x;border:1px solid #dbe7ee;margin:0 20px 15px 25px;}
#NSL p{color:red;margin:0;padding:0 0 4px;}
#showFrm {margin-top: 10px; display: block;margin:10px 20px 0px 25px;font-size:10px;}

.error {color: #ec5427; font-weight: bold;}

/*Removes the link marque*/
a {outline: none;}

/* Used on MyHSY only but put in order to be able to use the conditional statements for IE */
.ui-accordion li .ui-accordion-header {display: block;} input.submit {
background-color:#e95123;
color:#fff;
font-weight:700;
margin:5px 0 0;
padding:5px 5px;
text-align:center;
}

input.submit:hover {
background-color:#d53c02;
color:#fff;
cursor:pointer;
}

/* Form styles 
-------------------------------- */
#preapp {
width:100%;
}

#preapp td {
border-bottom:solid 1px #e9e9e9;
padding:5px 0;
vertical-align:top;
}

#preapp td.text {
padding-right:10px;
text-align:right;
}

#preapp td.error {
color:#c00;
padding-right:10px;
text-align:right;
}

#preapp th.errorbox {
background:#ea5b2c;
border:1px solid #c83f11;
color:#fff;
padding:3px;
}

#preapp tr.noline td {
border:none;
}

#preapp tr.last td {
border:none;
text-align:center;
}

/* step 1 special styles */
#preapp td.txt {
padding:7px 5px 5px;
width:200px;
}

#preapp td.sel {
text-align:center;
}

#preapp td.num {
padding-top:9px;
width:16px;
}

select.clean {
width:200px;
}

/* step 2 special styles */
#preapp #bday td {
border:none;
font-size:85%;
padding:0 3px 0 0;
}

/* step3 pre-app complete */
.box {
background:#fff url(http://media.ef.com/_imgs/hsy/forms/register_pic1.gif) bottom right no-repeat;
border-color:#e9e9e9;
border-style:solid;
border-width:1px 2px 2px 1px;
margin-bottom:15px;
padding:10px 10px 180px;
width:460px;
}

/* mx-pdf page
-------------------------------- */
table#one td {
padding:0 5px 5px;
vertical-align:top;
}

table#two td {
padding:0 10px;
vertical-align:top;
width:50%;
}#nav a {
font-family: verdana;
font-weight:normal;
padding:0 5px;
}