html *{ margin:0; padding: 0;}

html{ background: #fff url(../images/bg.jpg) repeat-x 0 0;}

body{font:12px/22px Arial, Helvetica, sans-serif; color: #0a273c;; /*width:1241px; height:373px;*/ min-height:373px; /*background:url(../images/header-bg.png) 0px 0px no-repeat;*/}


img{ border: none;}

p{font:12px/22px Arial, Helvetica, sans-serif; color: #0a273c;}
h1{font-size:26px; color: #0a273c;}
h2{ font-size: 21px; font-weight: normal; color: #0a273c;}
h3{ font-size: 19px; font-weight: normal; color: #0a273c;}
h4{ font-size:15px; color:#0a273c; line-height:30px; font-weight:bold;}
.scrollContainer div.panel h2{ color: #fff;}

/*Clearfloat*/
/*.clearfloat { display: inline-block; }*/
.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
.clear{ width:100%; height:1px; border:1px solid; display:block;}
/* End Clearing floats without extra markup  */

/*///////////////// LINKS ///////////////////////*/
a{outline: none;}
a:link, a:visited{ color: #8cd2f4; text-decoration: none;}
a:hover { text-decoration:underline; }
/*///////////////// END LINKS ///////////////////////*/

/*///////////////// LISTS ///////////////////////*/
ul{ margin-bottom: 20px; margin-left: 20px; list-style: none;}
ul li{ padding: 0px 5px 5px 15px;}
/*///////////////// END LISTS ///////////////////////*/

/*///////////////// LAYOUT HOMEPAGE ///////////////////////*/
* html div#wrapper { padding-top:0px; }
#wrapper{ width: 960px; margin:0px auto 0px auto;}

div.box{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}

#header{ width: 960px; height:220px; padding:6px 0px 0px 0px; margin-bottom: 0px; position:relative;}
#header .plane-sun{background:transparent url(../images/header-plane.png) no-repeat scroll 0 0;
clear:none;
float:right;
height:373px;
position:absolute;
right:-20px;
width:600px;
z-index:0;}
#header #logo-container{ background:url(../images/top-captain.png) no-repeat; width:585px; height:179px; position:relative;}
#header #logo-container h1{ background:url(../images/top-title.png) no-repeat 0px 0px; height:60px; width:425px; text-indent:-9999px; /*position:absolute; bottom:20px; right:0px;*/ float:right; margin-top:10px;}

#header #logo-container h1 a{
display:block;
height:60px;
width:425px;
padding:0;
border:0;
}

div#plain-page{
width:800px; padding:70px 20px 20px 20px;
position:relative;
}

div#plain-page h1{
color:#25AAE2;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:32px;
padding:10px 0 10px 0;
position:absolute;
top:35px;
left:20px;
z-index:250;
margin:0;
}

div#plain-page .go-back-link{
float:right;
margin:25px 10px 0 0;
}

div#plain-page h3{
margin:25px 0 5px 0;
padding:0;
font:16px/30px Arial, Helvetica, sans-serif;
	color: #2270a2;
	width:620px;
}


div#plain-page p{
margin:10px 0 10px 0;
font:14px/24px Arial, Helvetica, sans-serif;
	color: #2270a2;
	width:620px;
	text-align:justify;}
div#plain-page ul{
list-style:square;
}

div#plain-page ul li{
margin:10px 0 10px 30px;
font:16px/27px Arial, Helvetica, sans-serif;
	color: #2270a2;
}

div#plain-page ol{
list-style:decimal;

}

div#plain-page ol li{
margin:10px 0 10px 30px;
padding:0;
font:16px/27px Arial, Helvetica, sans-serif;
	color: #2270a2;
text-indent:20px;
}

div#plain-page ol li a:link{
color: #2270a2;
}

div#plain-page ol li a:hover{}

div#plain-page-corner-animation{
float:right;
height:300px;
margin:-230px 40px 0 0px;
padding:0;
position:relative;
width:200px;
}

#header .intro p{
	font:16px/27px Arial, Helvetica, sans-serif;
	color: #2270a2;
	width:395px;
	position:absolute;
	z-index:100;
	left: 160px;
	top: 87px;
	text-align:justify;
}

#header .intro p.feedback{
font:13px/18px Arial, Helvetica, sans-serif;
}

/*-----------CONTENT SECTIONS------------*/
#content{ width: 960px;}
.left_col{ width:455px; float:left; margin-right:10px; position:relative;}
.right_col{ width:455px; float:left; position:relative;}
h2.title{text-indent:-9999px; margin:10px 0px 5px 0px; }

/*-----------FLIGHTACE------------*/
#flight_ace{ margin-bottom:3px;}
#flight_ace .text-intro{
	background:url(../images/flight_ace-bg.png) no-repeat;
	width:455px;
	height:193px;
	padding:0;
	position:relative;
}
#flight_ace .text-intro h2{background:url(../images/flight_ace-title.png) right no-repeat ; height:39px; float:right; width:155px;}
#flight_ace .text-intro h4, #flight_ace .text-intro p{text-align:right; color:#fff; float:right; clear:both; width:395px; padding:0px; margin:0px;}

#flight_ace .steps{
	/*background:transparent url(../images/steps-bg.png) repeat scroll 0 0;*/
	height:108px;
	margin:0;
	/*width:auto;*/
	position:absolute;
	top:83px;
	left: 13px;
	

}


/* Step Text Bubble Hovers */


#flightace img a{
padding:0;
margin:0;
border:0;
}

#flightace img a:hover{
padding:0;
margin:0;
border:0;
}


a.step1{
    position:relative; /*this is the key*/
    z-index:240;
    text-decoration:none;
	padding:0;
	margin:0;
	display:block;
	width:100px;
	height:100px;}
	
a.step1:hover{z-index:250;}

a.step1 p{
display:block;
display:none;
padding:0;
margin:0;
}



a.step1:active p{
display:block;
position:absolute;
height:89px;
width:319px;
top:-70px;
left:0px;
z-index:250;
}

a.step1:hover p{
display:block;
position:absolute;
height:89px;
width:319px;
top:-70px;
left:0px;
z-index:251;
}

a.step2{
    position:relative; /*this is the key*/
    z-index:240;
    text-decoration:none;
	padding:0;
	margin:0;}
	
a.step2:hover{z-index:250;}

a.step2 span{
display:none;
}
a.step2:hover span {
display:block;
position:absolute;
height:89px;
width:219px;
top:-70px;
left:-54px;
z-index:250;
}


a.step3{
    position:relative; /*this is the key*/
    z-index:240;
    text-decoration:none;
	padding:0;
	margin:0;}
	
a.step3:hover{z-index:250;}

a.step3 span{
display:none;
}
a.step3:hover span {
display:block;
position:absolute;
height:89px;
width:331px;
top:-70px;
left:-103px;
z-index:250;
}



a.step4{
    position:relative; /*this is the key*/
    z-index:240;
    text-decoration:none;
	padding:0;
	margin:0;}
	
a.step4:hover{z-index:250;}

a.step4 span{
display:none;
}
a.step4:hover span {
display:block;
position:absolute;
height:89px;
width:321px;
top:-70px;
left:-213px;
z-index:250;
}





/*End of Step Hovers*/ 



div#step2-text{
position:absolute;
height:89px;
width:219px;
top:0px;
left:0px;
display:none;
z-index:2500;
}

div#step3-text{
position:absolute;
height:89px;
width:331px;
top:0px;
left:0px;
display:none;
z-index:2500;
}

div#step4-text{
position:absolute;
height:89px;
width:321px;
top:0px;
left:0px;
display:none;
z-index:2500;
}



#flight_ace .step1,
#flight_ace .step2,
#flight_ace .step3,
#flight_ace .step4 {
	/*width:auto;
	height:auto;*/
	margin:0;
	padding:0;
	float:left;
	position:relative;
	text-align:center;
	line-height:14px;
	color:#FFFFFF;
} 

#flight_ace .steps .step3{ }

/*#flight_ace .steps .step1 h4, #flight_ace .steps .step2 h4, #flight_ace .steps .step3 h4{ 
width:128px; 
text-align:center;  
margin:8px 0px 0px 0px;}*/

/*#flight_ace .steps .step1 p, #flight_ace .steps .step2 p, #flight_ace .steps .step3 p{ 
width:96px; 
text-align:center; 
line-height:14px; 
margin:0px 2px 0 1px;
padding:0 6px;}*/
#flight_ace .login{ background:url(../images/flight_ace_login-bg.jpg) no-repeat; height:124px; width:405px; 
padding:10px 20px 10px 30px;}

.login .join{ width:155px; height:114px; padding-right:10px;  float:left;}
.login .join ol{ padding:0px 0px 0px 25px; font:12px/17px Arial, Helvetica, sans-serif; font-weight:bold; margin:0px;}
.login .join ol li span{ font-weight:normal;}
.form_field_join{ height:20px; position:relative; margin-top:3px;}

.login .registered{float:left;
width:217px; background:url(../images/flight_ace-login-divider.png) left no-repeat; padding-left:20px; }

.form_field_reg{ height:20px; position:relative; margin-bottom:6px;}
.form_field_reg input{ float:right;}
.form_field_reg span {
float:left; margin:0px; padding-top:5px; font-weight:bold;}
.form_field_reg a{ color:#0a273c !important; float:left; margin-top:8px;}


#streamthru .register-streamthru-btn{
background: url(../images/btn-register_now.gif); margin-top:5px; width:95px; height:20px; border:none; height:21px; cursor:pointer; overflow:hidden;
text-indent:-9999px;
/*IE Fix*/
font-size: 0px; display:block; line-height: 0px;}

#loginForm input.streamthru-login{background: url(../images/btn-login.gif); margin-top:5px; width:46px; border:none; height:21px; cursor:pointer; text-indent:-9999px;

/*IE Fix*/
font-size: 0px; display:block; line-height: 0px;}

.form_field_reg{ height:20px; position:relative; margin-bottom:6px;}
.form_field_reg input{ float:right; width:145px;}
.form_field_reg label{
float:left; margin:0px; padding-top:5px; font-weight:bold;}
.form_field_reg a{ color:#0a273c !important; float:left; margin-top:8px;}

/*-----------WEATHERACE------------*/
#weather_ace{position:relative; margin: 0px; padding:0px; height:210px; }
.weather_ace-bg{background:url(../images/weather_ace-bg.png) no-repeat; position:absolute; top:0px; height:211px; 
width:265px; padding:10px 20px 10px 170px }
.weather_ace-bg h2{background:url(../images/weather_ace-title.png) no-repeat left; width:265px; height:29px; margin-bottom:30px; position:relative; display:none;}
/*.weather_ace-end{background:url(../images/weather_ace-end.png) no-repeat; position:absolute; bottom:0px; width:455px; height:15px;}*/
.form_field_weather{ height:20px; position:relative; margin-bottom:11px;}
.form_field_weather input { float:right;}  .form_field_weather select{width:150px; float:right;}
.form_field_weather span {
float:left; margin:0px; padding-top:5px; font-weight:bold; color:#fff; font-size:16px;}
.form_field_weather a{ float:left; margin-top:8px;}

.askmoby-holder{
height:160px;
width:210px;
overflow:hidden;
background:#FFF;

 top:66px; left:241px;
 position:absolute;}


/*-----------ACITIVITY BASE------------*/
#activity_base{ color:#FFF; width:455px; height:334px; margin-top:0px; background:url(../images/hotel-selector.png)}
.activity_base-last a{
	position: absolute;
	left: 28px;
	top: 95px;
	display:block;
	padding-top:77px;
	padding-right: 80px;
	}
	#activity_base span a{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}
.activity_base-budget a{
	position: absolute;
	left: 233px;
	display:block;
	padding-top:77px;
	top: 95px;
	padding-right:95px;
	
}
.activity_base-boutique a{
	position: absolute;
	left: 28px;
	top: 210px;
	display: block;
	padding-top:77px;
	padding-right: 95px;
}
.activity_base-luxury a{
	position: absolute;
	left: 233px;
	top: 210px;
	display: block;
	padding-top:77px;
	padding-right: 95px;
}
/*
.activity_base-top{ background:url(../images/activity_base-top.png) no-repeat; height:292px; width:455px;}
.activity_base-rep{ background:url(../images/activity_base-rep.png) repeat-y 0px 0px; width:395px; padding:5px 30px 0 30px; min-height:6px;}
.activity_base-top .text-area{ 
margin:0px 0px 0px 0px;
padding:60px 15px 10px;
}
*/

a.book-direct{ display:block; text-indent:-9999px; width:440px; height:310px;}

.activity_base-top .text-area p{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
font-weight: normal;
}

.activity_base-rep a{display:block; size:12px; margin:0; padding:3px; text-align:center; font-weight:bold;}
.activity_base-rep a:link{ color:#FFF; }
.activity_base-rep a:visited{ color:#FFF;}
.activity_base-rep h2{background:url(../images/activity_base-title.png) no-repeat left; width:395px; height:39px; position:relative; }
.activity_base-rep p{ text-align:left;}
.activity_base-end{ background:url(../images/activity_base-end.png) no-repeat; height:455px; height:15px; margin-bottom:5px}

/*-----------PINPOINTS------------*/
#pin_points{ width:455px; height:231px; background:url(../images/pin_points-bg.jpg) no-repeat; position:relative;}
#pin_points .tag{ /*position:absolute; bottom:-27px; right:-10px;*/ display:block; width:345px; height:122px; float:right;
margin:137px -10px 0px 0px;}

/*-----------SKYSCANNER------------*/
#skyscanner{
	width:454px;
	height:177px;
	position:relative;
	float:none;
	margin:5px 0px 10px 0;
	background: url(../images/skyscanner.png)
}
#skyscanner p{
	color: #FFF;
	margin-left: 225px;
	padding-top: 66px;
	margin-right: 20px;
	}

a.skyscanner-link {
bottom:15px;
display:block;
height:23px;
position:absolute;
right:14px;
text-indent:-9999px;
width:110px;
}	
	
/*----------CAR FINDER------------------*/
#carfinder{
	width:454px;
	height:184px;
	position:relative;
	float:none;
	margin:8px 0px 3px 0;
	background: url(../images/carfinder.png);  /*---semicolon previously missing-----*/
	}
#carfinder p{
	color:#FFF;
	margin-left:20px;
	margin-right: 250px;
	padding-top: 85px;
	}
	
a.carfinder-link {
top:15px;
display:block;
height:150px;
position:absolute;
right:14px;
text-indent:-9999px;
width:450px;
}	

/*----------- ask travellr section ---------*/

.asktop {
		height: 18px;
		width: 455px;
		background: url(../images/ask-test-top.png);
}

.askbottom {
		height: 18px;
		width: 455px;
		background: url(../images/ask-test-bottom.png);
		margin-bottom:10px;
	}

/*-----------social networks------------*/
#social{
position:fixed;
top:200px;
right:0px;
height:100px;
	}
	
	a#fdbk_tab {
	top:50px !important;	
	}
#facebook{
	background:transparent url(../images/facebook.png);
	}
#twitter{
	background:transparent url(../images/twitter.png);
	}	

/*__________CORNER ANIMATION____________*/
#corner-animation{
float:left;
height:300px;
margin:-230px 0 0 0px;
padding:0;
position:relative;
width:200px;}

.bottom-captain{background:transparent url(../images/bottom-captain.png) no-repeat scroll 0 0;
height:234px;
margin:0 0 0 -30px;
width:166px;
z-index:1;}

.bottom-cloud{ background:transparent url(../images/bottom-cloud.png) no-repeat scroll 0 0;
bottom:-21px;
height:126px;
left:-70px;
position:absolute;
width:327px;
z-index:10;
}

.ace_animation{
	height:241px;
	margin:0;
	padding:0;
	position:absolute;
	width:265px;
	bottom:86px;
	left:-70px;
}


/*///////////////// FOOTER ///////////////////////*/
#footer{ margin:0px 40px 0 0; height:93px; position:relative; width:600px;  float:right; padding-top:0px; }

/*#footer p{ text-align: left; color: #2d85b8; margin:30px 0px 0px 0px; padding:0px; font:11px/11px Arial, Helvetica, sans-serif;}*/
#footer a{ color: #2d85b8; font-weight:bold;}
#footer a:hover{ text-decoration:underline;}
#footer ul{
float:right; width:440px; margin:5px 0 0 25px;}
#footer ul li{
font:11px/11px Arial, Helvetica, sans-serif;
float:right;
padding:0px 0px 0px 20px;
color:#2d85b8}
#footer ul li a{display:block;}
#footer ul li a:hover{ text-decoration:underline;}
#footer ul li.last{border:none; padding-right:0px;}
#footer ul li.copy{
border:medium none;
margin-left:4px;
padding-right:0;
}

.social-links{ float:right; margin:10px 0 0 0; }

#lboverlay{
background:url(../overlay/overlay_blue.png);
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:1000;
display:none;
}

div#gettingthere span{
float:left;
font-weight:bold;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
padding-top:3px;
width:100%;
}

div#gettingaround span{
float:left;
font-weight:bold;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
padding-top:3px;
width:100%;
}

div#climate span{
float:left;
font-weight:bold;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
padding-top:3px;
width:100%;
}

div#alphabet_nav{
position:relative;
}

div#country-links{
width:430px;
height:155px;
margin:5px 0 0 5px;
padding:0;
overflow:hidden;
z-index:100;
/*float:left;*/
position:absolute;
top:40px;
left:0px;


}

/*div.centre-floats{
}

div.centre-floats ul{
display:table-row;
white-space:nowrap;
}
div.centre-floats ul li{
display:table-cell;}

div.centre-floats ul li a{
display: block;}*/


div#country-links ul{
list-style:none;
padding:0;
margin:0;
float:left;
text-align:center;
display:none;
}

div#country-links ul li{
width:115px;
float:left;
overflow:hidden;
color:#FFF;
margin:5px 5px 0 15px;
padding:0;
height:15px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:auto;
font-weight:bold;
font-size:12px;
}

div#country-links ul li a{
display:block;
height:18px;
margin:0;
padding:0;
white-space:nowrap;
color:#FFFFFF;
text-align: left;
}

div#country-links ul#a-to-f{
display:inline;
}

div.alpha_button{
_height:20px;
}


div.alpha_button ul{
list-style:none;
padding:0;
margin:0 0 0 15px;
}

div.alpha_button ul li{
float:left;
padding:0;
margin:0 16px 0 0;
}

div.alpha_button ul li a{
display:block;
height:32px;
width:72px;
text-indent:-9999px;
cursor:pointer;
}

div.alpha_button ul li a.a2f{
background:url(../images/guides_A-F.png) 0 -32px scroll no-repeat;

}

div.alpha_button ul li a.a2f:hover{
background:url(../images/guides_A-F.png) 0 0 scroll no-repeat;
}

div.alpha_button ul li a.g2l{
background:url(../images/guides_G-L.png) 0 -32px scroll no-repeat;
}
div.alpha_button ul li a.g2l:visited{background:url(../images/guides_G-L.png) 0 -32px scroll no-repeat;
}
div.alpha_button ul li a.g2l:hover{
background:url(../images/guides_G-L.png) 0 0 no-repeat;
}

div.alpha_button ul li a.m2r{
background:url(../images/guides_M-R.png) 0 -32px no-repeat;
}

div.alpha_button ul li a.m2r:hover{
background:url(../images/guides_M-R.png) 0 0 no-repeat;
}


div.alpha_button ul li a.s2t{
background:url(../images/guides_S-T.png);
background-position:0 -32px;
background-repeat:no-repeat;
}

div.alpha_button ul li a.s2t:hover{
background:url(../images/guides_S-T.png);
background-position: 0 0 ;
background-repeat:no-repeat;
}


div.alpha_button ul li a.u2z{
background:url(../images/guides_U-Z.png) 0 -32px no-repeat;
}

div.alpha_button ul li a.u2z:hover{
background:url(../images/guides_U-Z.png) 0 0 no-repeat;
}

div#loaderhold{
float:left;
margin-left:560px;
margin-top:300px;
}

/*#flight_ace .login{
	background:url(../images/flight_ace-bg.png) no-repeat;
	width:455px;
	height:193px;
	padding:0;
	position:relative;
}*/
div#tbover{
display:none;
height:100%;
_height:700px;
left:0;
position:fixed;
_position:absolute;
top:0;
width:100%;
z-index:500;
_opacity: 0.5;
_filter: alpha(opacity = 50);
_width: 100%; /* stupid IE */
}

div#tboverCloud{
display:none;
height:100%;
_height:700px;
left:0;
position:fixed;
_position:absolute;
top:0;
width:100%;
z-index:500;
_width: 100%; /* stupid IE */
}

div#cloudOverlay{
background:url(../overlay/BG_cloud6.png) no-repeat;	
height:100%;
margin: 0 auto;
position:relative;
top:10px;
width:1030px;
}


div#tboverStream{
display:none;
height:100%;
_height:700px;
left:0;
position:fixed;
_position:absolute;
top:113px;
width:100%;
z-index:500;
_width: 100%; /* stupid IE */
}

div#streamOverlay{
background:#ffffff;	
height:459px;
_height:465px;
margin: 0 auto;
position:relative;
top:10px;
width:599px;
}



#regIMG{
left:0;
position:absolute;
top:-77px;
z-index:2000;	
}

#flight_ace div.steps p{
text-align:none;
width:auto;
}

#overlay #headerTD{
display:none;	
}

#overlay #footerTD #footer{
width:586px;	
}

#sframe #headerTD{
display:none;	
}

div#hidesthru{
top:-62px;
left:10px;
_top:-58px;
position:absolute;
width:300px;
}

div#sthruCloud{
background-image:url(../images/flightplan_top.png);
background-repeat:no-repeat;
height:124px;	
position:relative;
width:620px;
margin: 0 auto;
}

div#sthruCloudbottom{
background-image:url(../images/flightplan_bottom.png);
background-repeat:no-repeat;
height:124px;	
position:relative;
width:620px;
margin: 0 auto;
top:10px;
}

div#closebSthru{
margin-bottom:0;
margin-left:auto;
margin-right:auto;
position:relative;
top:42px;
_top:50px;
width:620px;
z-index:2000;
}

div#closebSthru a{
float:right;
margin-right:24px;
padding:4px;
}

div#closebSthru a:link, a:visited{color:#0A273C;}

div#closebSthru a:hover{color:#8CD2F4;}

iframe {
border: 0px solid #ffffff;
}

div.overlaycontainer{
width:600px;
padding:0px;
overflow:hidden;
height:460px;
_height:480px;
}


/*** Travellr.com ***/
div#travellr-form{
	float:none;
	height:213px;
	margin: 0 0 0px 0;
	position:relative;
	width:420px;
	padding:0px 15px 15px 15px;
	background: url(http://assets.travellr.com/stylesheets/i/bg_quick_tour.png) 450px 0px;
	border-left-color: #FFF;
	border-left-style: solid;
	border-left-width: 2.5px;
}

div#travellr-feed{
	float:none;
	height:203px;
	margin:0px 0 0px 0;
	position:relative;
	width:400px;
	padding:0px 25px 25px 25px;
	background: url(http://assets.travellr.com/stylesheets/i/bg_quick_tour.png);
	border-left-color: #FFF;
	border-left-style: solid;
	border-left-width: 2.5px;
}

div#travellr_feed{
height:145px;
overflow:auto;
padding-top:10px;
}