/***

	PRODUCT STYLESHEET

	Branding and layout styles for formbox form pages. 

	@Authors
	Hugo & Cat for Opodo
	hugoandcat.com

	-[Contents]------------------------
	1. formbox
		1.1 formbox tabs
		1.2 formbox content
		1.3 Car destinations 
		1.4 Star rating 
		1.5 formbox fields
	2.	Promo content
		2.1 Big promo slider
		2.2 Newsletter
		2.3 Latest news
		2.4 Special offers
		2.5 Small promo slider
	-----------------------------------

***/



/*****************************************************************
    1.0 formbox
*/

#formbox {
	
	min-height: 294px;
	/*margin:0 0 10px 0;*/
	margin:0px 0px 0px 0px;
	width:464px;
	position:relative;
}/*changed*/

#formbox form {
	display: none;
}

#formbox ul.hidden {
	display:none;
}


.formbox-and-promo
{
	/*overflow: hidden;
	width: 978px;*/
}

#formbox h2.title
{
	/*text-indent: -6000px;*/
	text-indent: 0px;/*changed*/
	font-size:1.750em;
	font-weight:bold;
	color:#EF7D14;
	padding-left:0px;


}

#formbox h2.title_1
{
	background: transparent url(../img/sprite.png) no-repeat 112px -209px;/*changed*/
	height: 64px;
	margin: -7px 0 0 20px;/*changed*/
	line-height:74px;
	
}
#formbox h2.title_2
{
	background: transparent url(../img/sprite.png) no-repeat 182px -273px;/*changed*/
	height: 64px;
	margin: -7px 0 0 20px;/*changed*/
	line-height:74px;
}
#formbox h2.title_3
{
	background: transparent url(../img/sprite.png) no-repeat 105px -337px;/*changed*/
	height: 64px;
	margin: -7px 0 0 20px;/*changed*/
	line-height:74px;
}
#formbox h2.title_4
{
	background: transparent url(../img/sprite.png) no-repeat 131px -403px;/*changed*/
	height: 64px;
	margin: -7px 0 0 20px;/*changed*/
	line-height:74px;

}

.formbox
{
	float: left;
	min-height: 294px;
	font-size: 0.750em;
	background: transparent url(../img/gradient-x.png) repeat-x 0 -6px;
	/*background: transparent url(../img/sprite.png) repeat-x 0 -615px;changed*/
	
}

/*****************************************************************
    1.1 formbox tabs
*/

#formbox .tabnavigation
{
    margin: 0 0 0 0px;
	/*//margin:0px 0px 0px -9px;*/
	background: rgb(254,254,254); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-8 */
	border-bottom:none;
	height:57px;
	border:1px solid #fff;
	border-bottom:1px solid #fff;

	/*behavior: url(http://lon-otp-typo-dev/fileadmin/templates/design3/css/PIE.htc);*/

	/*position:relative;     IF ON NAVIGATION IS WRONG DISPLAYED ON IE           */ 
	z-index:1;
	
}

.head_tabs_nav {
    border: 1px solid #A7A7A7;
	border-bottom:none;
    width: 462px;
	position:relative;
}

#formbox .notflighttab
{
    margin-left: -40px !important;
		//margin-left: 0px !important;
}


#formbox .tabnavigation li
{
	float: left;
	position:relative;
	
	
}
#formbox .tabnavigation li a
{
	float: left;
	display: block;
	background: url(../img/sprite_02.png) no-repeat 0 0;/*changed*/
	height: 21px;
    padding: 37px 7px 0 7px;
    /*width: 41px;*/
	border-bottom:1px solid #A7A7A7;
	border-right:1px solid #D7D7D7;
	border-left:1px solid #FFFFFF;
	position:relative;
}
#formbox .tabnavigation li a:hover
{
	text-decoration: none;
	position:relative;
}
#formbox .tabnavigation li a span
{
	font: bold 0.8em/1.1em Arial;
	color: #4e4e4e;
	width: 40px;
	display: block;
	/*text-shadow: 0.5px 0.5px #FFFFFF, 0.5px 0.5px #000000;*/
}

#formbox .tabnavigation li a h1
{
	text-align:center;
	font-weight:normal;
	color:#333333;
	color: #4e4e4e;
	width: 100px;
	display: block;
	margin-top: 0px;
	margin-bottom:0;
	/*text-shadow: 0.5px 0.5px #FFFFFF, 0.5px 0.5px #000000;*/
	font-size:12px;
}

	
#formbox .tabnavigation li a:hover,
#formbox .tabnavigation li a:focus
{
	outline: 0;
}

#formbox .tabnavigation li a.tab-1
{
	background-position: -6px -71px;	
	text-decoration:none;
	border-left:none;
	position:relative;
}
#formbox .tabnavigation li a.tab-1:hover,
#formbox .tabnavigation li a.tab-1:focus
{
	background-position: -6px -237px;
	position:relative;
	z-index:10;
	
	
	
}

#formbox .tabnavigation li.pos1.active, #formbox .tabnavigation li.pos2.active, #formbox .tabnavigation li.pos3.active, #formbox .tabnavigation li.pos4.active{
position:relative;
margin-top: -8px;
border:1px solid #A7A7A7;
border-bottom:none;
-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius:  6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	/*behavior: url(http://lon-otp-typo-dev/fileadmin/templates/design3/css/PIE.htc);*/
	z-index:99;
	
}

#formbox .tabnavigation li.pos1.active{
	left: -1px;
    position: absolute;
    top: -2px;
}

#formbox .tabnavigation li.pos2.active{
	left: 115px;
    position: absolute;
    top: -2px;
}

#formbox .tabnavigation li.pos3.active{
	left: 231px;
    position: absolute;
    top: -2px;
}

#formbox .tabnavigation li.pos4.active{
	left: 345px;
    position: absolute;
    top: -2px;
}


#formbox .tabnavigation li .active{
position:relative;
margin-top: -8px;
padding-top:7px;
border:1px solid #A7A7A7;
border-bottom:none;
-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius:  6px 6px 0 0;
	border-radius: 10px 10px 0 0;
	/*behavior: url(http://lon-otp-typo-dev/fileadmin/templates/design3/css/PIE.htc);*/

}
/*
#formbox .tabnavigation li.fluege{
position:absolute;
}

#formbox .tabnavigation li.mietwagen{
left:346px;
position:absolute;
}

#formbox .tabnavigation li.hotels{
left:116px;
position:absolute;
}

#formbox .tabnavigation li.flug_und_hotel{
left:232px;
position:absolute;

}
*/

/* position new*/
#formbox .tabnavigation li.pos1{
position:absolute;
}

#formbox .tabnavigation li.pos4{
left:346px;
position:absolute;
}

#formbox .tabnavigation li.pos2{
left:116px;
position:absolute;
}

#formbox .tabnavigation li.pos3{
left:232px;
position:absolute;

}
#formbox .tabnavigation li.pos1 a{
margin-left:0px!important;
}
/* end position new*/

#formbox .tabnavigation li.fluege a{
margin-left:0px!important;
}

#formbox .tabnavigation li.active a
{
-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius:  3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	/*behavior: url(http://lon-otp-typo-dev/fileadmin/templates/design3/css/PIE.htc);*/
	border:1px solid #FFFFFF!important;
	border-bottom:none!important;
	position:relative;
	padding-bottom: 1px;
    padding-top: 42px;

}
#formbox .tabnavigation li.active a.tab-1
{
	background-position: -6px -133px;
	position:relative;
	z-index:8;
	border-bottom:none;
	margin-top:4px;
	
}

#formbox .tabnavigation li a.tab-2
{
	background-position: -98px -73px;
	/*height: 19px;*/
    /*padding: 45px 0 0 77px;*/
    text-decoration:none;
	position:relative;
}
#formbox .tabnavigation li a.tab-2:hover,
#formbox .tabnavigation li a.tab-2:focus
{
	background-position: -98px -240px;	
	position:relative;
	z-index:8;
	
	
	
}
#formbox .tabnavigation li.active a.tab-2
{
	background-position: -98px -136px;	
	position:relative;
	z-index:8;
	border-bottom:none;
	margin-top:4px;
}

#formbox .tabnavigation li a.tab-3
{
	background-position: -186px -73px;
	/*height: 25px;*/
    /*padding: 39px 0 0 74px;*/
    text-decoration:none;
}
#formbox .tabnavigation li a.tab-3:hover,
#formbox .tabnavigation li a.tab-3:focus
{

	background-position: -186px -240px;	
	position:relative;
	z-index:8;
	
	
	
}
#formbox .tabnavigation li.active a.tab-3
{
	background-position: -186px -136px;	
	position:relative;
	z-index:8;
	border:1px solid #A7A7A7;
	border-bottom:none;
	margin-top:4px;
}



#formbox .tabnavigation li a.tab-4
{
	background-position: -273px -73px;
	/*height: 19px;*/
  /*padding: 45px 0 0 76px;*/
  text-decoration:none;
  /*border-right:none;*/
}
#formbox .tabnavigation li a.tab-4:hover,
#formbox .tabnavigation li a.tab-4:focus
{
	background-position: -273px -240px;	
	position:relative;
	z-index:10;
	
}
#formbox .tabnavigation li.active a.tab-4
{
	background-position: -273px -136px;	
	position:relative;
	z-index:8;
	border:1px solid #A7A7A7;
	margin-top:4px;

}

#formbox .tabonenavigation {
	  margin: 0px 0px 0px 0px!important;
    overflow: hidden;
    padding-left: 0px;
}
#formbox .onesearch {
	background: url("../img/gradient-x.png") repeat-x scroll 0 -6px transparent;
}	
#formbox .tabonenavigation .title {
    color: #EF7D14;
    font-size: 28px;
    font-weight: bold;
    padding-left: 0;
    text-indent: 0;
    float: left;
	width:462px;
	height:57px;
}

#formbox .tabonenavigation .title h1 {
	background: url("../img/gradient-x.png") repeat-x scroll 0 -6px transparent;
    color:#FF6500;
    display: block;
    float: left;
    font-size: 22px;
    font-weight: bold;
    height: 57px;
    margin: 0;
    padding-left:9px;
    text-indent: 0;
    width: 350px;
	line-height:57px;
}

#formbox .tabonenavigation .flights_one {
    background:url("../img/sprite_02.png") no-repeat scroll 344px -226px transparent;
    height: 61px;
}
#formbox .tabonenavigation .hotels_one {
    background:url("../img/sprite_02.png") no-repeat scroll 248px -226px transparent;
    height: 61px;
}
#formbox .tabonenavigation .dp_one {
    background:url("../img/sprite_02.png") no-repeat scroll 161px -226px transparent;
    height: 61px;
}
#formbox .tabonenavigation .cars_one {
    background:url("../img/sprite_02.png") no-repeat scroll 75px -226px transparent;
    height: 61px;
}


/*****************************************************************
    1.2 formbox content
*/


#formbox .content
{
/*	
	background: #CCCCCC url(../img/gradient-x.png) repeat-x 0 -223px;
	padding: 10px 10px 42px 25px;
	border: 3px solid #FFFFFF;
	min-height: 294px;
*/
	background: #E6E6E6;
	border: 1px solid #A7A7A7;
	border-top:none;
    min-height: 284px;
    float:left;
    padding:0px 0 0 0;
	font-size:12px;
	width:462px;

	}
#formbox  .content_int{border:1px solid #fff; border-top:none; float:left;width:460px;}
#formbox .content .form_top_section{
height:228px;
float:left;
position:relative;
}
#formbox .content .form_bottm_section{
height:72px;/*height:62px;*/
float:left;
position:relative;
z-index:9;
padding-bottom:20px;
}

#formbox .content a{
	/*color:#990000;*/
	text-decoration:none;
}

#formbox .content .form_line{
padding:14px 0 0 8px;
float:left;
width:454px;
position:relative;
}	
#formbox .content .form_line .form_element{
float:left;
position:relative;
}
#formbox .content .form_line .pright{	
padding-right:14px;
}
#formbox .content .form_line .form_element_right{
float:left;
padding-right:0px;
padding-left:14px;
border-left:1px dotted #fff;
margin-left:28px;
height:90px;
}

#formbox .content .form_line .form_subline{
padding:2px 0 0 0;
width:453px;
float:left;
}

#formbox .content .form_line .element_subline{
padding:2px 0 0 0;
}
#formbox .content ul.people{
float: left;
margin: 0;
padding: 0;
width: 266px;
}

#formbox .content .checkbox_option {
	overflow:hidden;
	padding:0;
	width:212px;
}	
#formbox .content .checkbox_option input{
	width:20px;
	float:left;
}	

#formbox .content .checkbox_option label{
    display: block;
    float: left;
    padding: 0 10px 0 0;
}
#formbox .content .checkbox_option a{
	background: url("../img/sprite.png") no-repeat scroll -282px -447px transparent;
	width:15px;
	height:15px;
	float:left;
	display:block;
}
#formbox input._detination_loc{
	width:272px !important;
}
#formbox input.hotel_name_input{
}
#formbox select.maxprice{
	width:149px !important;
}
#formbox .content .more_options_display{
	position:absolute;
	background:#FFFFFF;
	border:1px solid #BABABA;
	top: -13px;
	left: 9px;
    width: 360px;
	z-index:999;
	-webkit-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.33);
	-moz-box-shadow:    0px 6px 5px rgba(50, 50, 50, 0.33);
	box-shadow:         0px 6px 5px rgba(50, 50, 50, 0.33);
	/*behavior: url(http://lon-otp-typo-dev/fileadmin/templates/design3/css/PIE.htc);*/
}
#formbox .content .more_options_display .options_bar{
	float:left;
	color:#333333;
	font-weight:bold;
	height:18px;
	width:352px;
	padding:3px 0 0 8px;
	border-bottom:1px solid #BABABA;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
	/*behavior: url(http://lon-otp-typo-dev/fileadmin/templates/design3/css/PIE.htc);*/
}
#formbox .content .more_options_display .options_content{
	padding: 15px 0 3px 8px;
	float:left;
}
#formbox .content .more_options_display .options_bar a.options_close{
	float:right;
	text-decoration:none;
	color:#990000;
	padding-right:9px;
	font-weight:bold;
	cursor: pointer; 
}
#formbox .content .more_options_displayed{
	position:absolute;
	background:#F9F9F9;
	border:1px solid #ccc;
	border-top:1px dotted #ccc;
	top:42px;
	left: 9px;
	padding: 3px 0 3px 8px;
    width: 202px;
	z-index:99;
}
#formbox .content .more_options_displayed .element{
	font-size:10px;
	line-height:11px;
	margin:0 !important;
	width:100%;
}
#formbox .content .more_options_displayed .element .option{
	color:#990000;
}	
#formbox .content .more_options_display select{
	width:162px;
}
#formbox .content .more_options_display input{
	width:154px;
}

/*
#formbox .content         
{
	background: url('../img/gradient-x.png') transparent repeat-x 0 -223px #CCCCCC;
	padding: 10px 10px 42px 25px;
	border: 3px solid #FFFFFF;
	min-height: 294px;
}
*/

#formbox .dateContainer
{
position:absolute;
top:130px;
left:8px;
margin:0px;
padding:0px;
}
#formbox #hotel-content .dateContainer
{
position:absolute;
top:111px;
left:8px;
margin:0px;
padding:0px;
}
#formbox #car-content .dateContainer
{
position:absolute;
top:111px;
left:8px;
margin:0px;
padding:0px;
}




#formbox ul
{		
	list-style-type: none;
}


#formbox .content .hr
{
	background: url(../img/sprite.png) no-repeat 0 -468px;/*changed*/
	clear: left;
    height: 2px;
    width: 450px;
    margin: 0 5px 0 5px;
}

#formbox .content .hr hr
{
	display: none;
}

#formbox .panel_1
{
	display: block;
}


#formbox .content ul
{
	width: 340px;
	float: left;
	//float: auto;
	margin: 0 0 5px;
	padding:0px;
	//float:left;
}



#formbox .content .people li.age{
	color: #666666;
    padding-top: 17px;
    width: 30px!important;
	font-size:10px;
}

.form_element .people li label{width:50px;}

.people .sep_people_left{border:1px solid #fff; border-right:0px; width:7px; height:65px; margin-right:2px;}
.people .sep_people_right{border:1px solid #fff; border-left:0px; width:7px; height:65px;}

#formbox .content .tabcontent-hotels li {
    float: left;
    margin: 0 0 6px;
    overflow: hidden;
    /*width: 158px;*/
}


#formbox .content .panel_4 ul
{
	width: 420px;
}

#formbox .content li
{
	margin: 0 0 14px;
	overflow: hidden;
	/*width: 137px;*/
    float: left;
}

#formbox .content li.destination-wrapper
{
	width: 260px;
}

#formbox .content li.time
{
	width: 100px;
}




#formbox .content li.time select
{
	width: 100px;
	height: 25px;
}

#formbox .content li.additional
{
	width: 180px;
}

input{	
	height: 17px;
	padding: 3px;
	//padding-bottom:5px!important;
	//padding-top:2px!important;
}

#formbox .content .form_line  .form_subline input
{	
	border: 1px solid #D9D9D9 transparent #F8F8F8 #D9D9D9;
	color: #4E4E4E;
	height: 17px;
  padding: 4px 0 3px 5px;
  width: 20px;
  outline: 0 none;  
  //padding-bottom:0px!important;
	//padding-top:2px!important;
	float:left;
}


#formbox .content li input.destination
{
    width: 240px;
}

#formbox .content .date-picker 
{
    /*width: 117px;
	float: left;
	margin: 0 40px 14px 0;*/
}


#formbox .content .date-picker input
{
	background:url(../img/sprite_02.png) no-repeat scroll -286px -1px transparent;
	float: left;
    width: 207px;
	font-size:1em;
	
}
#formbox .content .tabcontent-mietwagen .date-picker input{
	width:108px;
	background:url(../img/sprite_02.png) no-repeat scroll -385px -1px transparent;
}

#formbox .content .advanced_formbox input
{
	background:url(../img/sprite_02.png) no-repeat scroll -290px -27px transparent;
	float: left;
    /*width: 275px;*/
	font-size:1em;
	padding: 4px 0 3px 5px;
}

#formbox .content .advanced_formbox a.more_search_options 
{
	background:url("../img/sprite_02.png") no-repeat scroll -289px -28px transparent;
	float: left;
    /*width: 275px;*/
	font-size:1em;
	padding:4px 0 2px 5px;
	width:205px;
	height:16px;
	display:block;
	border:1px solid #CCCCCC;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	font: 12px/100% Verdana,Tahoma,sans-serif;
	color:#4E4E4E;
}
#formbox .content .advanced_formbox a:hover.more_search_options{
border:1px solid #999;
box-shadow: inset 0.4px 0.5px 4px -2px #333;
-moz-box-shadow: inset 0.4px 0.5px 4px -2px #333;
-webkit-box-shadow: inset 0.4px 0.5px 4px -2px #333;
} 

#formbox .content .more_search_options{
	cursor:pointer;
}

#formbox .content .people li
{
	/*width: 100px;*/
}



#formbox .content .people li input,
#formbox .content .rooms li input
{
	border: 0 none;
    height: 17px;
    margin: 1px 0 0;
    padding-left: 2px;
    width: 25px;
	//padding-bottom:5px !important;
	//padding-top:5px !important; 
	font-family:tahoma;
	font-weight:bold;
	color:#333;
	font-size:12px;
	cursor:pointer;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;/*behavior: url(http://lon-otp-typo-dev/fileadmin/templates/design3/css/PIE.htc);*/
}

#formbox .content .people .sub
{
	clear: left;
	display: inline-block;
	float: left;
	color: #666666;
	/*text-shadow: 0.5px 0.5px #FFFFFF, 0.5px 0.5px #000000;*/
	width:70px;
	font-size:10px;
}

#formbox .content .rooms
{
	width: 415px;
}

#formbox .content .rooms .label
{
	width: 425px;
	margin: 0;
}

#formbox .content .rooms .room-details
{
	float: left;
    overflow: hidden;
    width: 80px;
}

#formbox .content .rooms .people
{
	float: right;
    width: 340px;
	/*width: 335px; changed */
}

#formbox .rooms .people li 
{
    width: 85px;
	/*width: 85px; changed */
	margin: 0 0 5px;
}



#formbox .content .people li.first
{
	width: 20px;
	color: #4E4E4E;
	margin:0 !important;
	padding-top:20px;
}

#formbox .content .tabcontent-flug_und_hotel .zimmerbelegung .people li 
{
	/*width: 85px; changed */
	margin: 0 0 5px;
}

#formbox .content .tabcontent-flug_und_hotel .zimmerbelegung .people .first 
{
	width: 58px;
	padding: 23px 0 0;
	 margin: 0 5px 0 10px;
	/*margin-left:15px;*/
	color: #4E4E4E;
}

#formbox .content .tabcontent-hotels .zimmerbelegung .people .first {
	margin: 0 5px 0 0px;
}

#formbox .content .rooms .people .last
{
	width: 100px;
}

.js #formbox .rooms .people li .child-ages 
{
	background: url(../../images/search/bg-ages.png) no-repeat 0 0;/*can't find this on page to test, also absolute*/
	position: absolute;
    width: 215px;
    padding: 25px 20px;
    left: 80px;
    top: 145px;
    display: none;
    z-index: 350;
	overflow: hidden;
}

#formbox .children-ages
{
	width:421px;
}

#formbox .children-ages p
{
font-weight:bold;
}

#formbox .children-ages ul
{
	width:421px;
	 margin: 5px 0px 0 0;
}

#formbox .children-ages li
{
	width:105px;
	float:left;
}

#formbox .children-ages li select
{
	width:45px;
	float:left;
	margin: 0px 0px 0 0;
}

#formbox .children-ages li label
{
	width:40px;
	float:left;
}

#formbox .rooms .people li .child-ages .close 
{
	height: 20px;
    position: absolute;
    right: 3px;
    top: 0;
    width: 20px;
}

#formbox .rooms .people li .child-ages p 
{
	color: #4E4E4E;
    font-size: 0.9em;
}

#formbox .rooms .people li .child-ages p.prev
{
	float: left;
	clear: none;
}

#formbox .rooms .people li .child-ages p.next
{
	float: right;
	clear: none;
}

#formbox .rooms .people li .child-ages p.submit
{
	float: right;
	clear: none;
}

#formbox .rooms .people li .child-ages .room-wrapper
{
	height: 75px;
    overflow: hidden;
    width: 2000px;
    position: relative;
    left: 0;
}

#formbox .rooms .people li .child-ages ul 
{
	height: 70px;
    padding: 5px 0 0;
    width: 205px;
    margin: 0 50px 0 0;
}

#formbox .rooms .people li .child-ages ul li 
{
	margin: 0 0 10px;
    width: 100px;
}

#formbox .rooms .people li .child-ages ul li label
{
	float: left;
	padding: 5px 0 0;
    width: 40px;
}

#formbox .rooms .people li .child-ages ul li select
{
	width: 45px;
	float: left;
}


#formbox .content .multi {
    float: right;
    margin: 0 18px 0 0;
	color:#990000;
}

#formbox .content .flight-destinations {
    width: ;
}

#formbox .content .flight-destinations 	.autocompletebox {
    width: 295px;
}

#formbox .content .flight-destinations .inputbox {
    margin:0px;
}


#formbox .content .flight-destinations .liSmall {
    width: 120px;
	font-size:0.9em;
	margin:0px;
}

#formbox .content .flight-options
{	
	background-color: #ddd;
    border: 2px solid #FFFFFF;
    float: right;
    padding: 10px 5px;
    width: 80px;
    margin: 15px 0 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px; 
    border-radius: 2px;
    -moz-box-shadow: 2px 3px 2px -2px #4E4E4E;
    -webkit-box-shadow: 2px 3px 2px -2px #4E4E4E;
    -o-box-shadow: 2px 3px 2px -2px #4E4E4E;
    box-shadow: 2px 3px 2px -2px #4E4E4E;
}

#formbox .content .flight-options li
{
	overflow: hidden;
    width: 75px;	
    margin: 0 0 7px;

	
}
#formbox .content ul.price_per_room{
	width:139px !important;
}
#formbox .content .price_per_room li label{
	float: left;
    padding: 0 0 0 10px;
    width: 60px;
}
#formbox .content .price_per_room p{
	padding-bottom:9px;
}
#formbox .content .flight-options li label
{	
	color: #4E4E4E;
    float: right;
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 4px 0 0 2px;
    width: 53px;
    padding-left /*\**/: 0px\9;
    margin-top /*\**/: 5px\9;
}

#formbox .content .flight-options li label span
{
	display: inline-block;	
}

#formbox .content .flight-options li input
{	
	/*float: right;*/
	float: left;
  width: auto;
	margin:3px 3px 3px 4px;
	margin-left /*\**/: 0px\9 ;	
	//width:17px
}

#formbox p
{
	margin: 0 0 1px 0;
	clear: left;
	overflow: hidden;
	line-height:11px;
}

#formbox .panel_4 p
{
	color: #4E4E4E;
}

#formbox p.additional-info
{
	font-style: italic;
	background-color: #F8F8F8;
	margin: 0 0 15px;
    padding: 10px;
    width: 288px;
}

.js #formbox p.booking
{
	display: none;
}


#formbox select
{
    padding: 3px;
    width: 144px;
    /*border-bottom-color: #F8F8F8;*/
    color: #4E4E4E;
}

#formbox .airport_results ul
{
}

#formbox .airport_results ul li
{
	width: 350px;
	margin: 0;
}

#formbox .content .advanced_formbox {
	/*width: 28%;*/
}

#car-content .more_options_display  li {
	margin:0 !important;
    padding-bottom: 14px !important;
}

#formbox .content .more_options_display  li {
     margin: 0pt ! important;
     padding-bottom: 14px ! important;
	 padding-right: 8px ! important;
}

#formbox .content .more_options_display  .flight-options li {
     margin: 0pt 0pt 14px ! important;
     padding-bottom: 0pt ! important;
}

/*****************************************************************
    1.3 Car destinations 
*/

#formbox .content .panel_4 ul.destinations
{
	width: 380px;
	margin: 0 0 20px;
}

#formbox .destinations
{
	background-color: #D9D9D9;
    border: 2px solid #FFFFFF;
    padding: 10px 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px; 
    border-radius: 2px;
    -moz-box-shadow: 2px 3px 2px -2px #4E4E4E;
    -webkit-box-shadow: 2px 3px 2px -2px #4E4E4E;
    -o-box-shadow: 2px 3px 2px -2px #4E4E4E;
    box-shadow: 2px 3px 2px -2px #4E4E4E;
}
.js #formbox .destinations
{
	display: none;
}

#formbox .destinations li
{
	width: 130px;
	margin-bottom: 7px;
	
}

#formbox .destinations label
{
}

#formbox .destinations select
{
	width: 120px;
}

#formbox .destinations select optgroup
{
	border-bottom: 1px solid #CCCCCC;
    color: #000000;
    font-size: 1.1em;
    font-style: normal;
    font-weight: normal;
    padding: 8px 10px 10px;
}

#formbox .destinations select optgroup option
{
	color: #666666;
    font-size: 0.9em;
    padding: 1px 0;
}

#formbox .destinations .destination-options
{
	width: 250px;
	padding: 17px 0 0;
	margin-bottom: 0;
}

#formbox .destinations .destination-options ul
{
	width: 250px;
}

#formbox .destinations .destination-options li
{
	margin: 0 5px 0 0;
    width: auto;
}

#formbox .destinations .destination-options li input
{
	float: left;
    width: auto;
}


#formbox .destinations .destination-options li label
{
	float: left;
    padding: 2px 0 0 3px;
}

#formbox .pick-up-time
{
	width: 85px;
}

#formbox .drop-off_time
{
	width: 85px;
}


#formbox .drivers-age
{
	width: 183px;
}
#formbox .content #carFlightNumber
{
	width:125px;
}

#formbox #margin40
{
	margin-right: 40px;
}

#car-content li{margin-bottom:4px!important;}

#car-content .selectedCarLocation {
	padding:14px 0 0 8px;
	float:left;
	width:454px;
	position:relative;
}

/*****************************************************************
    1.4 Star rating 
*/

.starrating
{
	background: url("../img/sprite_02.png") no-repeat scroll -210px -634px transparent;/*changed*/
	height: 25px;
    padding: 1px 0 0 20px;
    width: 142px;/*changed*/
}
.starrating a
{
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -243px -470px;/*changed*/
	/*background: transparent url(../../images/generic/icons/starrating_a_bg.gif) no-repeat 0 0;*/
	margin: 7px 0 0 0;
	padding: 0px 2px 0 1px;
}
.starrating a:hover, .starrating a.selected
{
	background-position: -243px -480px;/*changed*/
	/*background-position: 0 100%;*/
}

/* tool tip */
.qm
{
	display: inline-block;
	width: 19px;
	height: 19px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -253px -470px;/*changed*/
	/*background: transparent url(../../images/generic/icons/icon-question.png) no-repeat 0 0;*/
	margin: 0 0 0 5px;
	overflow: hidden;	
	vertical-align:middle;
	//vertical-align:baseline!important;	
}

.qm2
{
	display: inline-block;
	width: 19px;
	height: 19px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -253px -470px;/*changed*/
	/*background: transparent url(../../images/generic/icons/icon-question.png) no-repeat 0 0;*/
	margin: 0px 0 0 5px;
	overflow: hidden;
}

#formbox .content .tooltip 
{
	overflow: visible;
    position: relative;
    z-index: 10;
}

.tooltip .qm
{
	text-indent: 0;
}

.message 
{
	left: 20px;
    position: absolute;
    top: 20px;
    width: 255px;
    z-index: 1000;
    padding: 0 0 0 20px;
	
}

.message span
{
	background: transparent url(../img/information-overlay.png) no-repeat; /*don't know how to make this relative*/
}

.message .tooltip-wrapper
{
	background: none repeat scroll 0 0 transparent;
    display: block;
    width: 255px;
}

.message .tooltip-top
{
	background-position: 0 -19px;
    display: block;
    height: 4px;
}

.message .tooltip-bot
{
	background-position: 0 -10px;
    display: block;
    height: 6px;
}

.message .tooltip-content
{
   background-position: -251px 0;
    background-repeat: repeat-y;
    display: block;
    padding: 15px 30px 15px 40px;
    text-align: left;
    font-size: 11px;
    color:black;
	
}

.message .tooltip-arrow
{
	background-position: 0 -38px;
    display: block;
    height: 24px;
    left: 19px;
    position: absolute;
    top: 30px;
    width: 20px;
}

.message .close
{
	background: transparent url(../img/sprite.png) no-repeat -272px -470px;/*changed*/
	/*background: transparent url(../../images/generic/icons/close.png) no-repeat;*/
	cursor: pointer;
    height: 20px;
    position: absolute;
    right: 13px;
    top: 4px;
    width: 20px;
}

.overlay-cars {
    background-color: #000000;
    display: none;
    height: 3000px;
    left: -600px;
    opacity: 0.3;
    position: absolute;
    width: 2000px;
    z-index: 300;
    top: -200px;
    filter: alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/*****************************************************************
    1.5 formbox fields
*/

#formbox .row_destinations
{
	display: none;
}

#formbox .row_destinations ._car_destinations:focus
{
	background: #fdece0;
}

#formbox .row_destinations ._car_destinations .title
{
	color: #000;
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px solid #ccc;
	padding: 8px 10px 10px 10px;
}
#formbox .row_destinations ._car_destinations .item
{
	color: #666;
	padding: 1px 0 1px 0;
	font-size: 0.9em;
}
#formbox .row_destinations ._car_destinations .item:hover
{
	background: #000;
	color: #fff;
}

#formbox .margin_20
{
	margin: 0 18px 0 0;
	float: left;
	display: block;
	_width: 120px;
}
#formbox .margin_r
{
	margin: 0;
}


#formbox .ages
{
	float: left;
	padding: 20px 0 0 0;
}

#formbox .children
{
	margin: 0 0 7px 0;
	float: none;
}

#formbox .children label
{
	float: left;
	margin: 0 5px 0 0;
}

#formbox .children
{
	display: none;
}


#formbox label
{
	display: block;
	color: #4E4E4E;
	/*text-shadow: 0.5px 0.5px #FFFFFF, 0.5px 0.5px #000000;*/
	padding:0px;
	/*width:160px;*/
	text-align:left;
	
}
#formbox .form_line .form_subline label
{
	display: inline;
	color:#666;
	/*text-shadow: 0.5px 0.5px #FFFFFF, 0.5px 0.5px #000000;*/
	padding:2px 10px 0 0;
	/*width:160px;*/
	text-align:left;
	float:left;
	padding-right:10px;
	font-size:11px;
}

#formbox .input_field
{
	border: 1px solid #D9D9D9 #D9D9D9 #F8F8F8;
	/*border-bottom-color: #f8f8f8;*/
	color: #4E4E4E;
}
#formbox .input_num
{
	float: left;
	width: 25px;
	text-align: center;
	border-left: 0;
	border-right: 0;
	height: 21px;
	padding: 4px 0 0 0;
}
#formbox .input_price
{
	float: left;
	width: 45px;
	text-align: center;
	border-left: 0;
	border-right: 0;
	height: 23px;
}
#formbox .input_date
{
	float: left;
	width: 70px;
	border-right: 0;
	height: 19px;
	padding: 4px 0 0 5px;
}
#formbox .input_date:focus
{
	color: #000;
}

#formbox .ui-datepicker-trigger
{
	display: block;
	float: left;
	cursor: pointer;
}

#formbox .input_airport
{
	float: left;
	width: 140px;
	border-right: 0;
	height: 17px;
	padding: 4px 0 3px 5px;
}

#formbox .input_hotel
{
	/*float: left;
	width: 140px;
	border-right: 0;
	height: 21px;
	padding: 4px 0 0 5px;*/
}

#formbox .input_fn
{
	float: left;
	width: 100px;
	border-right: 0;
	height: 21px;
	padding: 4px 0 0 5px;
}

#formbox ._car_destinations
{
	width: 200px;
}



#formbox .input_dd_star
{
	width: 50px;
	padding: 3px;
}
#formbox .input_dd_time
{
	width: 70px;
	padding: 3px;
}
#formbox .input_dd_age
{
	width: 50px;
	float: left;
}
#formbox .input_dd_price
{
	width: 59px;
	float: left;
}
#formbox .input_age
{
	padding: 3px;
	width: 50px;
}

#formbox .input_field_cb, #formbox .input_cb
{
	border: 0;
}


#formbox .calendar
{
	background: transparent url(../img/sprite.png) no-repeat -132px -470px;/*changed but can't check as functionality not working*/
	display: block;
	float: left;
	width: 24px;
	height: 27px;
	text-indent: -6000px;
}


#formbox .up, #formbox .price_up, #formbox .up_rooms
{
	background: transparent url(../img/sprite.png) no-repeat -199px -470px;/*changed*/
	display: block;
	float: left;
	width: 20px;
	height: 28px;
	text-indent: -6000px;
}
#formbox .down, #formbox .price_down, #formbox .down_rooms
{
	background: transparent url(../img/sprite.png) no-repeat -157px -470px;/*changed*/
	display: block;
	float: left;
	width: 20px;
	height: 28px;
	text-indent: -6000px;
}

#formbox .down_d
{
	background: transparent url(../img/sprite.png) no-repeat -178px -470px;/*changed*/
	cursor: default;
}

#formbox .up_d
{
	background: transparent url(../img/sprite.png) no-repeat -220px -470px;/*changed*/
	cursor: default;
}


#formbox .yes
{
	background: transparent url(../img/sprite.png) no-repeat 0 -496px;/*changed but can't find on page to test*/
	display: block;
	float: left;
	width: 43px;
	height: 27px;
	text-indent: -6000px;
}
#formbox .no
{
	background: transparent url(../img/sprite.png) no-repeat -45px -496px;/*changed but can't find on page to test*/
	display: block;
	float: left;
	width: 45px;
	height: 27px;
	text-indent: -6000px;
}

#formbox .toggle_selected
{
	background-position: 0 100%;
}


#formbox #sendForm {
top:-37px;
left: 241px;
z-index:9;
position:absolute;
}

#formbox #flight-content #sendForm {
top: -14px;
}

#formbox #sendForm_ht {
position:absolute;
top:17px;
left: 247px;
z-index:9;
}
#formbox #sendForm_dp2 {
position:absolute;
top:17px;
left: 247px;
z-index:9;
}
#formbox #sendForm_car {
position:absolute;
top:17px;
left: 247px;
z-index:9;
}
#formbox #sendForm_dp {
position:absolute;
top:33px;
left:251px;
z-index:9;

}

#sendForm {


}

#formbox div.button {
    cursor: pointer;
    right: 20px;
    width: auto;
}

#formbox .button {

margin-bottom:7px;
    width: 141px;
}
#formbox div.button_dp {
    cursor: pointer;
    right: 20px;
    width: auto;
}

#formbox .button_dp {

margin-bottom:7px;
    width: 141px;
}



#formbox .advanced_formbox
{
	float: left;
    padding:19px 0 0 9px;
    width: 453px;
}

/*
#formbox .advanced_formbox_open
{
	background: transparent url(../img/sprite.png) no-repeat -448px -490px;
}
*/
#formbox .advanced_formbox.open
{
	display: block;
	padding: 0 0 0 20px;
	background: transparent url(../img/sprite.png) no-repeat -448px -490px;/*changed*/
	height: 17px;
	line-height: 17px;
	float: none;
}

.js #formbox .advanced_formbox_panel
{
	opacity: 0;
	display: none;
}

/*
#formbox .airports
{
	position: absolute;
	top: 48px;
	left: 0;
	width: 350px;
	background: #eee;
	border: 1px solid #ccc;
	border-bottom: 0;
	padding: 0 0 0 0;
	z-index: 100000;
	display: none;
}

#formbox .airports ul
{
	margin: 0;
}


#formbox .airports a.close
{
	float: right;
	position: absolute;
	top: 1px;
	right: 1px;
	border: 0;
}

#formbox .airports a
{
	color: #666;
	display: block;
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #ccc;
}
#formbox .airports a.parent
{
	padding-left: 10px;
	color: #333;
}
#formbox .airports a.sub
{
	padding-left: 20px;
}



#formbox .airports a:hover, #formbox .airports a:focus, #formbox .airports a.selected
{
	background-color: #ccc;
	color: #000;
	text-decoration: none;
}


#formbox .airports ul ul a
{
	padding-left: 20px;
}

#formbox .airports h4
{
	font-weight: bold;
	color: #000;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #ccc;
}

#formbox .airports h5
{
	color: #000;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px 5px 10px;
}


*/

/* Error-Receipt (globales Element)
-------------------------------------- */
.message-dialog {
	margin: 10px 0px 0px 0px;
	/*margin: 0;*/
	padding: 0;
	color: #FF0000;
	display:none;
	width: 321px;
	float:left;
	border:1px solid;
	//margin-top:0px!important;
}

.message-dialog.expand {
	display: block;
}

.message-dialog .content {
	margin:0px !important;
	border:0px !important;
	height: auto;
	padding: 5px 9px 0 9px !important;
	/*background: url('../img/form-message-dialog-content.png') 0 0 no-repeat;	*/
	background-color: #FFFFFF;
}

#formbox .content .message-dialog .content{min-height:0; padding-bottom:10px !important}

.message-dialog-bottom {
}





/*****************************************************************
    2.1 Big promo slider
*/

.big_promo
{
	float: left;
	width: 455px;
	background: transparent;
	position: relative;
	overflow: hidden;
}

.big_promo .pagination-wrapper
{
	position: absolute;
	bottom: 25px;
	left: 25px;
	margin: 0 0 0 170px;
	overflow: hidden;
}
.big_promo .pagination-wrapper .left
{
	background: transparent url(../img/sprite.png) no-repeat -465px -431px;
	/*background: transparent url(../../images/generic/icons/bg-pagination.png) no-repeat 0 -33px;changed*/
	float: left;
    height: 35px;
    width: 8px;
}
.big_promo .pagination-wrapper .right
{
	background: transparent url(../img/sprite.png) no-repeat -480px -431px;
	/*background: transparent url(../../images/generic/icons/bg-pagination.png) no-repeat -15px -33px;changed*/
	float: left;
    height: 35px;
    width: 10px;
}
.big_promo .pagination
{
	background: transparent url(../img/sprite.png) no-repeat -430px -398px;
	/*background: transparent url(../../images/generic/icons/bg-pagination.png) repeat-x 0 0;changed*/
	float: left;
    height: 25px;
    overflow: hidden;
    padding: 9px 0 0 2px;
}

.big_promo .pagination a
{
	display: block;
	float: left;
	width: 12px;
	height: 17px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -295px -470px;/*changed*/
	/*background: transparent url(../../images/generic/icons/promo-icons.png) no-repeat 0 0;*/
	margin: 0 3px 0 0;
	outline: medium none;
}
.big_promo .pagination a.selected
{
	background-position: -307px -470px;/*changed*/
	/*background-position: -12px 0;*/
}

.big_promo .big_promo_container
{
	width: 455px;
	overflow: hidden;
	max-height: 454px;
}

.js .big_promo .big_promo_container
{
	opacity: 0;
}

.big_promo .big_promo_container ul
{
	margin: 0;
}
.big_promo .big_promo_container li
{
	width: 455px;
	height: 297px;
	float: left;
	text-shadow: 0px 1px 1px #000;
	color: #fff;
	min-height: 375px;
}


.big_promo .big_promo_container li.advert_1
{
	background: url(../../images/promos/big_promo_1_bg.jpg) no-repeat 0 0;
}
.big_promo .big_promo_container li.advert_2
{
	background: url(../../images/promos/big_promo_2_bg.jpg) no-repeat 0 0;
}
.big_promo .big_promo_container li.advert_3
{
	background: url(../../images/promos/big_promo_3_bg.jpg) no-repeat 0 0;
}
.big_promo .big_promo_container li.advert_4
{
	background: url(../../images/promos/big_promo_4_bg.jpg) no-repeat 0 0;
}
.big_promo .big_promo_container li.advert_5
{
	background: url(../../images/promos/big_promo_5_bg.jpg) no-repeat 0 0;
}

.big_promo .big_promo_container li .details
{
	padding: 30px 0 0 25px;
}
.big_promo .button
{
	margin-left: 0;
}
.big_promo h2
{
	font-size: 3.4em;
	line-height: 1.0em;
	color:#ffffff;
}
.big_promo h3
{
	font-size: 1.3em;
	color: #ef8231;
	margin: 0 0 7px 0;
}
.big_promo h4
{
	margin: 0 0 2px 0;
	font-weight:normal;
}
.big_promo h5
{
	font-size: 2.2em;
	margin: 0 0 15px 0;
	font-weight:normal;
}

.big_promo .more
{
	display: block;
	width: 70px;
	height: 21px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -187px -498px;/*changed*/
	/*background: transparent url(../../images/generic/buttons/small_promo_moreinfo_bg.png) no-repeat 0 0;*/
}


/*****************************************************************
    2.2 Newsletter
*/

.maincontent .pair_2
{
	background: transparent url(../img/sprite.png) repeat-x 0 -1032px;	
	/*background: transparent url(../../images/generic/pair_2_bg.gif) repeat-x 0 0;/*changed - but need to add to the bottom of other sprite as can't have anything below it*/
	margin: 0 0px 0 31px;
	padding: 15px 0 15px 0;
	overflow: hidden;
	width: 455px;
	float:left;
	width: 916px;
}

.maincontent .pair_left
{
	background: transparent url(../img/sprite.png) repeat-x 0 -1032px;	
	/*background: transparent url(../../images/generic/pair_2_bg.gif) repeat-x 0 0;/*changed - but need to add to the bottom of other sprite as can't have anything below it*/
	margin: 0 0px 0 31px;
	padding: 15px 0 15px 0;
	overflow: hidden;
	width: 461px;
	float:left;
	/*width: 916px;*/
}

.maincontent .pair_right
{
	background: transparent url(../img/sprite.png) repeat-x 0 -1032px;	
	/*background: transparent url(../../images/generic/pair_2_bg.gif) repeat-x 0 0;/*changed - but need to add to the bottom of other sprite as can't have anything below it*/
	margin: 0 0px 0 0px;
	padding: 15px 0 15px 0;
	overflow: hidden;
	width: 455px;
	float:left;
	/*width: 916px;*/
}

.newsletter
{
background:  transparent url(../img/sprite.png) no-repeat 0 -762px;/*changed*/
	float: left;
	width: 210px;
	margin: 0 7px 0 30px;
	font-size: 0.9em;
	line-height: 1.2em;
	display: inline;
}
.newsletter h3
{
	background:  transparent url(../img/sprite.png) no-repeat 202px -1000px;/*changed*/
	height: 30px;
	line-height:30px;
	color:#ffffff;
    text-indent: 35px;
    width: 427px;
	font-size:1.4em;
	/*text-indent: -6000px;
	background: url(../../images/generic/headings/newsletter_h3_bg.gif) no-repeat 0 0;
	height: 30px;
	line-height: 30px;*/
}
.newsletter .border
{
	padding: 12px 12px 6px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #f3f3f3;
	height: 86px;
}
.newsletter .input_field
{
	padding: 4px;
	width: 173px;
}

.newsletter p
{
	margin: 0 0 5px;
}

.newsletter .submit
{
	float: right;
	display: block;
	width: 59px;
	height: 21px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -257px -498px;/*changed*/
	/*background: transparent url(../../images/generic/buttons/newsletter_submit_bg.gif) no-repeat 0 0;*/
	margin: 3px;
}

.newsletter .button-small
{
	float: right;
	margin: 3px;
}

.newsletter .twitter
{
	display: block;
	width: 210px;
	height: 50px;
	text-indent: -6000px;
	background: transparent url(../../images/promos/twitter_bg.gif) no-repeat 0 0;
}


/*****************************************************************
    2.3 Latest news
*/

.latest_news
{
	background:  transparent url(../img/sprite.png) no-repeat 0 -762px;/*changed*/
	float: left;
	width: 209px;
	margin: 0 0px 0 0;
	/*margin: 0 30px 0 0;changed*/
	font-size: 0.9em;
	line-height: 1.2em;
	display: inline;
}
.latest_news h3
{
	background:  transparent url(../img/sprite.png) no-repeat 202px -1000px;/*changed*/
	height: 30px;
	line-height:30px;
	color:#ffffff;
    text-indent: 35px;
    width: 427px;
	font-size:1.4em;

/*	
	text-indent: -6000px;
	background: url(../../images/generic/headings/latest_h3_bg.gif) no-repeat 0 0;
	height: 30px;
	line-height: 30px;*/
}
.latest_news .content
{
	padding: 10px 10px 4px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #fff;
	height: 37px;
	position: relative;
	overflow: hidden;
	width: 188px;
}

.latest_news .more
{
	float: right;
	display: block;
	width: 67px;
	height: 21px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -189px -520px;/*changed*/
	/*background: transparent url(../../images/generic/buttons/latest_more_bg.gif) no-repeat 0 0;*/
	position: absolute;
	bottom: 3px;
	right: 3px;
}

.latest_news .button-small
{
	float: right;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.latest_news h4
{
	font-size: 1.2em;
	color: #a13229;
	margin: 0 0 5px 0;
	line-height: 0.8em;
	font-weight: bold;
}
.latest_news h5
{
	color: #ff6600;
	font-weight:normal;
	font-size: 1em;
}

/*****************************************************************
    2.3 News
*/

.news
{

	background:  transparent url(../img/sprite.png) no-repeat 0 -762px;/*changed*/
	float: left;
	width: 155px;
	margin: 0 0 0 10px;
	font-size: 0.9em;
	line-height: 1.2em;
	display: inline;
	height:183px;
}

.news h3
{
	background:  transparent url(../img/sprite.png) no-repeat 147px -1000px;/*changed*/
	margin: 0px;
	padding: 0px;	
	height: 30px;
	line-height:30px;
	color:#ffffff;
    text-indent: 35px;
    width: 263px;
	font-size:1.4em;	
}

.news h3 a {
	color:#ffffff;
}


.news h3 a:hover {
	text-decoration: none;
}


.news .content
{
	padding: 10px 14px 0px 12px;
	border-left: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	
	background: #fff;
	position: relative;
	overflow: hidden;
	width: 126px;
	height:142px;
}


.news .button-small
{
	float: right;
	margin:6px 0px 10px 0px;
}

.news h4
{
	clear:both;
	font-size: 1.2em;
	color: #a13229;
	margin: 4px 0 6px 0;
	line-height: 0.8em;
	font-weight: bold;
}

.news h4 a
{
color:#990000;
}
.news h5
{
	color: #ff6600;
	font-weight:normal;
	font-size: 1em;
}

.news p
{
	margin: 0 0 0px 0;
}

.newitem {
	margin: 0 0 12px 0;
}

/*****************************************************************
    2.3 News
*/

.offers
{
	background:  transparent url(../img/sprite.png) no-repeat 0 -762px;/*changed*/
	float: left;
	width: 155px;
	margin: 0 0px 0 0;
	/*margin: 0 30px 0 0;changed*/
	font-size: 0.9em;
	line-height: 1.2em;
	display: inline;
	height:183px;
}
.offers h3
{
	background:  transparent url(../img/sprite.png) no-repeat 147px -1000px;/*changed*/
	height: 30px;
	line-height:30px;
	color:#ffffff;
    text-indent: 35px;
    width: 155px;
	font-size:1.4em;


}
.offers .content
{
	padding: 10px 10px 0px 10px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #fff;
	height: 37px;
	position: relative;
	overflow: hidden;
	width: 133px;
	height:142px;
}


.offers .button-small
{
	position:absolute;
	bottom:0;
	right:0;
	float: right;
	margin:0px 7px 10px 0px;
}

.offers .from
{
	font-size:.8em;
	text-align:right;
	margin:0px 0px 5px 0px;
}

.offers .destination
{
	width:90px;
	float:left;
	margin:0px 0px 5px 0px;
	font-weight:bold;
		font-size:1em;
}

.offers .price
{
	font-size:1em;
	width:40px;
	float:right;
	text-align:right;
	margin:0px 0px 5px 0px;
	font-weight:bold;
}

/*****************************************************************
    2.3 Join us
*/

.join
{
	background:  transparent url(../img/sprite.png) no-repeat 0 -762px;/*changed*/
	float: left;
	width: 155px;
	margin: 0 0 0 10px;
	font-size: 0.9em;
	line-height: 1.2em;
	display: inline;
	height:183px;
}
.join h2
{
	background:  transparent url(../img/sprite.png) no-repeat 147px -1000px;/*changed*/
	margin: 0px;
	padding: 0px;	
	height: 30px;
	line-height:30px;
	color:#ffffff;
    text-indent: 35px;
    width: 263px;
	font-size:1.4em;	
}

.join h2 a {
	color:#ffffff;
}


.join h2 a:hover {
	text-decoration: none;
}

.join .content
{
	padding: 10px 14px 0px 15px;
/*
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
*/
	border-left: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	
	background: #fff;
	position: relative;
	overflow: hidden;
	width: 123px;
	height:142px;
	

	
}


.join .button-small
{
	float: right;
	margin:0px 0px 10px 0px;
}

.join h4
{
	clear:both;
	font-size: 1.2em;
	color: #a13229;
	margin: 10px 0 10px 0;
	line-height: 0.8em;
	font-weight: bold;
}

.join h4 a
{
color:#990000;
}
.join h5
{
	color: #ff6600;
	font-weight:normal;
	font-size: 1em;
}

.join .input_field
{
	padding: 4px;
	width: 112px;
	font-size: 1em;
}

.join p
{
	margin: 0 0 5px 0;

}

.join .bottom a
{
	margin: 0 5px 0px 0;

}

.join .bottom p
{
	margin: 0 0 5px 0;

}

.join .bottom
{
	margin:0px 0px 10px 15px;
	padding:0px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.join .signup-form {display:block;}
.join .signup-confirm {display:none;color:#ff7e30;margin-top:5px;font-weight:bold;}
.join .signup-form #msg-newsletter {display:block;}
.join .signup-form #msg-error {display:none;color:#FF0000;}



/*****************************************************************
    2.4 Special offers
*/


.special-offers
{

	float: left;
	margin: 0 30px 0 30px;
	width: 427px;
}

.special-offers h3
{
	background:  transparent url(../img/sprite.png) no-repeat 0 -762px;/*changed*/
	height: 30px;
	line-height:30px;
	color:#ffffff;
    text-indent: 35px;
    width: 427px;
	font-size:1.4em;
}

.special-offers .content
{
	/*background: transparent url(../img/sprite.png) repeat-y -18px -824px;
	background: url(../../images/generic/backgrounds/bg-special-offers.gif) repeat-y 0 0;/*removed and changed to borders*/
	padding: 15px 37px 0;
	border-width:0px 2px 0px 2px;
	border-color:#e5e5e5;
	border-style:solid;
	background-color:#ffffff;
	margin:0px;
}

.special-offers .content table
{
	width: 347px;

}

.special-offers .content table thead td p
{
	font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
}

.special-offers .content table tbody td p
{
    margin-bottom: 0;
	
}

.special-offers .content table td.details
{
	width: 110px;
}

.special-offers .bottom
{
	background: transparent url(../img/sprite.png) no-repeat 0 -498px;
	/*background: url(../../images/generic/backgrounds/bg-special-offers-bot.gif) no-repeat 0 0;changed*/
	overflow: hidden;
    width: 427px;
	margin:0px;
	padding:0px;
}

.special-offers .button-small
{
	/*background: transparent url(../img/sprite.png) no-repeat -316px -498px;changed*/
	/*background: url(../../images/generic/buttons/btn-more-great-offers.gif) no-repeat 0 0;
	display: block;
    float: right;
    height: 28px;*/
    margin: 15px 15px 17px 0;
	float:right;
	/*font-weight:normal;
	font-size:11px;
    text-indent: -9999px;
    width: 101px;
	background-position: 0 -673px;
	height:22px;
	line-height:22px;*/
	
}


/*****************************************************************
    2.4 Opodo Values
*/


.values
{
	background:  transparent url(../img/sprite.png) no-repeat 0 -762px;
	float: left;
	margin: 0 0 0 10px;
	width: 263px;
}

.values h3
{
	background:  transparent url(../img/sprite.png) no-repeat 255px -1000px;/*changed*/
	margin: 0px;
	padding: 0px;	
	height: 30px;
	line-height:30px;
	color:#ffffff;
    text-indent: 35px;
    width: 263px;
	font-size:1.4em;
}

.values h3 a {
	color:#ffffff;
}


.values h3 a:hover {
	text-decoration: none;
}

    
.values .content
{
	/*padding: 10px 0 0 10px;*/
	padding: 10px 10px 0 20px;
	border-width:0px 2px 0px 2px;
	border-color:#e5e5e5;
	border-style:solid;
	background-color:#ffffff;
	margin:0px;
	height:99px;
}


    
.values ul
{
	list-style-type: disc;
	font-size:1em;
	margin:0px;
	padding:0px;
	height:85px;
	overflow:visible;
	position:relative;
	z-index:2;
}

    
.values li
{
font-size:.9em;
/*line-height:2em;*/
padding-left:0px;
margin-left:20px;
line-height:1.3em;
margin-bottom:10px;
}


.values .bottom
{
	overflow: hidden;
    width: 261px;
	margin:0px;
	padding:0px;
	border-right: 2px solid #e5e5e5;
	height:45px;
	background: transparent url(../img/sprite.png) no-repeat 0 -506px;
	position:relative;
	z-index:1;

}

.values .button-small
{
    margin: 15px 15px 17px 0;
	float:right;

}
/********************************************************************************/
#formbox .content #dp-content .flight-destinations {

}

#formbox .content #dp-content .flight-destinations li{
    margin:0 ;
}
#formbox .content #dp-content .date-picker {

}

#dp-content .formsection {

    clear: both;

    /*margin: 0 0 20px; // margin: 0 0 10px;*/

    position: relative;

}
.landing-tabcontent-fluege{padding-bottom:29px; //padding-bottom:15px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ .landing-tabcontent-fluege { padding-bottom:25px; } }



.landing-tabcontent-flug_und_hotel{padding-bottom:16px; //padding-bottom:11px}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ .landing-tabcontent-flug_und_hotel { padding-bottom:12px; } }


/*****************************************************************
    2.5 Small promo slider
*/

.small_promo
{
	float: left;
	width: 405px;
	position: relative;
	margin-left:25px;
}



.small_promo .small_promo_container
{
	width: 405px;
	overflow: hidden;
	position: relative;
}



.small_promo ul
{
	margin: 0;
}
.small_promo li
{
	width: 135px;
	height: 181px;
	float: left;
	text-shadow: 0px 1px 1px #000;
	color: #fff;
	background: transparent url(../img/sprite.png) no-repeat -371px -817px;
	/*background: transparent url(../../images/generic/small_promo_li_bg.png) no-repeat 0 0;changed*/
	position: relative;
}
.small_promo li.hover
{
	background: transparent url(../img/sprite.png) no-repeat -236px -817px;
	/*background: transparent url(../../images/generic/small_promo_li_bg_hover.png) no-repeat 0 0;changed*/
}
.small_promo li img
{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
}

.small_promo .top
{
	padding: 20px 15px 0 15px;
}

.small_promo .bottom
{
	width: 100px;
	position: absolute;
	bottom: 20px;
	left: 15px;
	line-height: 1.1em;
}
.small_promo .bottom p
{
	margin: 0 0 10px 0;
}

.small_promo .more
{
	display: block;
	width: 70px;
	height: 21px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -187px -498px;/*changed*/
	/*background: transparent url(../../images/generic/buttons/small_promo_moreinfo_bg.png) no-repeat 0 0;*/
}

/*
.small_promo h3
{
	line-height: 1.1em;
	margin: 0 0 5px 0;
	font-size: 1em;
	font-weight:normal;
}
*/
.small_promo h4
{
	font-size: 0.9em;
	font-weight:normal;
}


.small_promo .top .text1
{
	color: #ffffff;
	font-size: 0.9em;
	font-weight: normal;
}

.small_promo .top .text2
{
	color: #ff6600;
	font-size: 1.2em;
	font-weight: bold;
}


/*
.small_promo .top span
{
	color: #ff6600;
	font-size: 1.2em;
	font-weight: bold;
}
*/
.small_promo .previous
{
	display: block;
	position: absolute;
	top: 75px;
	left: -28px;
	width: 28px;
	height: 28px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -432px -511px;
	/*background: transparent url(../../images/generic/buttons/small_promo_previous_bg.png) no-repeat 0 0;changed */
	margin: 0 0 0 0;
	overflow: hidden;
}

.small_promo .next
{
	overflow: hidden;
	display: block;
	position: absolute;
	top: 75px;
	right: -23px;
	width: 28px;
	height: 28px;
	text-indent: -6000px;
	background: transparent url(../img/sprite.png) no-repeat -463px -511px;
	/*background: transparent url(../../images/generic/buttons/small_promo_next_bg.png) no-repeat 0 0;changed */
	margin: 0 0 0 0;
}



/* ERROR STATE */

.error
{
	background-color: #FFFFFF;
    border: 1px solid #FF0000;
    color: #F20000;
    display: block;
    float: left;
    margin: 18px 0 10px;
    padding: 3px 7px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}
.err
{
	border: 1px solid #f20000 !important;
}

/* END ERROR STATE */


.wide
{
	position: absolute;
	top: 105px;
	left: 0;
	display: block;
	background: #000;
	color: #fff;
	padding: 1px;
	z-index: 100;
}

.pair_2 {
  background: transparent url(../img/sprite.png) repeat-x 0 -1032px;	
  margin: 0 32px;
  overflow: hidden;
  padding: 10px 0;
  width: 915px;
  //padding-top: 0px;
}              

.greyline_searchform {
  background: transparent url(../img/sprite.png) repeat-x 0 -1032px;	
  margin: 0 0px;
  overflow: hidden;
  /*padding: 10px 0;*/
  width: 462px;
  //padding-top: 0px;
}              

.greyline_bigcarousel {
  background: transparent url(../img/sprite.png) repeat-x 0 -1032px;	
  margin: 0 0px;
  overflow: hidden;
  padding: 10px 0;
  width: 453px;
  float: left;
  //padding-top: 0px;
  display:none;
}              

.short_ul{ margin-bottom: -2px !important; }

.input_extra_info{
	font-size: 11px;
    color:#666666;
	padding-top: 2px;
}
.w_190{width: 190px}


.button_add_more_options{
	margin-bottom: 7px;
    width: 141px;
}
a.button_add_more_options
{
	background: url("../img/sprite_02.png") no-repeat scroll 0 -745px transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
	width:117px;
}
.button_add_more_options span
{
	background: url("../img/sprite_02.png") no-repeat scroll 100% -745px transparent;
    color: #FF6500;
    display: block;
    float: left;
    height: 22px;
    line-height: 16px;
    margin: 0 0 0 14px;
    padding: 5px 15px 0 0px;
    text-align: center;
    width: 70px;
}
span.form_error_box{
	position:absolute;
	z-index:99;
	display:block;
	width:150px;
	padding:4px 6px 4px 6px;
	background:#F12727;
	color:#ffffff;
	bottom:31px;
	left:51px;
	display:block;
	font-size:11px;
	line-height:10px;
	font-weight:bold;
	-webkit-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 10px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url(http://lon-otp-typo-dev/fileadmin/templates/design3/css/PIE.htc);*/
}
.form_error_arrow{
	background: url("../img/sprite_02.png") no-repeat -272px -371px;
	width:12px;
	height:7px;
	position:absolute;
	top:10px;
	left:170px;
	z-index:99;
}

span.form_child_error_box{
	position:absolute;
	z-index:998;
	display:block;
	width:150px;
	padding:4px 6px 4px 6px;
	background:#F12727;
	color:#ffffff;
	top:-37px;
	left:-100px;
	display:block;
	font-size:11px;
	line-height:10px;
	font-weight:bold;
	height:24px;
	-webkit-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 10px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url(http://lon-otp-typo-dev/fileadmin/templates/design3/css/PIE.htc);*/
}
.form_child_error_arrow{
	background: url("../img/sprite_02.png") no-repeat -272px -371px;
	width:12px;
	height:7px;
	position:absolute;
	top:-5px;
	left:7px;
	z-index:999;
}
.subline_separator{
    float: left;
    width: 226px;
}
a#carLocationTrigger{color:#990000;}
.selectedCarLocation label {
    float: left;
    padding-right: 9px !important;
}
.form_element div.carDest{
	left:100px !important; 
}

.message_01{display: block; top: 1px; left: 290px;}
.message_02{display: block; top: 1px; left: 195px;}
.message_03{display: block; top: 1px; left: 369px;}

#formbox .content iframe {
    border: medium none;
    height: 320px;
    width: 460px;
}