
h1,h2,h3,h4{ color:#2F72A7; }

.as-link, a:link, a:visited{ color: #2F72A7; text-decoration:none; cursor:pointer; }
.as-link:hover, a:hover{ color: #ff8605; }


header{ display:block; background-color:#FFF; }
header #logo{ float:left; }
header #main-menu{ float:right; list-style: none; margin:0.7em 0 0 0; }
header #main-menu li{ float:left; display:block; margin:0; padding:0; }
header #main-menu li a:link,header #main-menu li a:visited{ display:block; float:left; margin:0;  padding: 0.5em 1em; color:#ff8605; font-size: 1.2em; font-weight:bold; text-decoration:none; border-right: 1px dotted #ff8605; }
header #main-menu li a:hover{ background-color:#ff8605; color:#FFF; }
.horizontal-bar{ display:block; min-height: 1em; background-color:#ff8605; color:#FFF; font-size:0.8em; line-height: 1.5em; }
header .horizontal-bar{ text-align:right; padding-right:1em; }
.horizontal-bar a:link,.horizontal-bar a:visited{color:#FFF; text-decoration:none; font-weight:bold; } 
.horizontal-bar a:hover{ text-decoration:underline; } 

footer{ display:block; text-align:center; border-top: 2px solid #2f72a7; font-size: 0.8em; color:#999999; }
footer ul{ list-style: none; margin:0.5em; }
footer ul li{ display:inline; padding: 0.5em; }

#content{ padding: 1em; }

.gradient{ background: url("../gradient.png") repeat-x top left #FFF; }

.search-form-wide{ width: 100%; max-width: 800px;  background-color:#8CB7FF; border:1px solid #DAA520; border-radius: 6px; margin: 0em auto; }
.search-form-wide .ean-hotels-search-box{ display:block; padding: 1em;}
.search-form-wide .ean-hotels-search-box .search-box-title{ color:#FFFFFF; }

.search-form-boxed { background-color: #ff8605; width:305px; border-radius: 6px; margin-bottom: 15px; }
.search-form-boxed .ean-hotels-search-box{ display:block; }
.search-form-boxed .ean-hotels-search-box label{ color:#FFFFFF; }

#directory-page-content .search-form-boxed { background-color: #FFFFFF; }
#directory-page-content .search-form-boxed  label{ color:#333333; }
#directory-page-content #continent-map{ margin-top: 25px; }


#content .full-width{ position:relative; }

#content #hotels-page-content{ background:none;}


.box-block-hdr h2{ display:block; text-align: center; }


.home-view .box-block-hdr h2{   }

.home-view img{ max-width:100%; border-radius:6px; }
.home-view .group-image img{ width:100%; }
.home-view .top-city{ clear:both; }
.home-view .top-city img{ float:left; margin: 5px; }
.home-view .top-city .txt{ padding: 15px 0 0 0; font-size: 12px; }
/*.cr-col .inner{ margin: 0 5px; }*/

.home-view .why-us-block{ width:303px; height:208px; } 


.col-wrapper{ position: relative; }
.home-view #content-two-col-1{ width: 305px; float: left; padding: 5px 0; }
.home-view #content-two-col-2{ width: 975px; float: right; padding: 5px 0; }
.col-33{ width:33%; float:left; }
.col-33 .inner{ margin: 0 0 0 15px; }
#content-two-col-2 h1{ display:block; margin: 5px 0 5px 15px; }

@media all and (max-width: 1330px){
	.home-view #content-two-col-1{ position: absolute; top: 0; left: 0; }
	.home-view #content-two-col-2{ margin-left:310px; width:auto; }
}


@media all and (max-width: 800px){
	header #logo{ float:none; display:block; margin:0 auto; text-align:center; }
	header ul#main-menu{ margin: 0; float:none; display:block; }
	header ul#main-menu li{ width:50%; }
	header ul#main-menu li a:link,
	header ul#main-menu li a:visited{ float:none; display:block; border:none; text-align:center; }
	header .horizontal-bar{text-align:center; }
	header .horizontal-bar strong{ display:block; }

	
	/*
	.top-city-text-block{ clear:both; display:block; margin-bottom:1em;}
	*/
	
	.home-view .top-city .image{ display:none; }
	.home-view .top-city .txt{ margin-left:20px; }
	/*
	.search-form-boxed{ width: 400px; margin:0 auto; }
	.ean-hotels-search-box{ display:block;  margin-left: 48px; ; }
	*/
	
	.home-view #content-two-col-1{ width: auto; position:relative; float:none; display:block; margin:0; }
	.home-view #content-two-col-2{ width: auto; position:relative; float:none; display:block; margin:0; }
	
	.home-view .search-form-boxed{ float:left; }
	.home-view .why-us-block{ margin-left:15px; float:left; width: auto; font-size: 0.9em; }
	.home-view .why-us-block ul li{ margin: 1em 0; }
	
	.home-view .secured-by-block{ display: none; }
	
}

@media all and (max-width: 600px){
	.home-view .search-form-boxed{ width: 400px; margin:0 auto; float:none; }
	.home-view .ean-hotels-search-box{ display:block;  margin-left: 48px; }
	.home-view .why-us-block{ display:none; }
}

@media all and (max-width: 480px){
	
	
	header ul#main-menu li{ float:none; width: auto; }
	header ul#main-menu li a:link,
	header ul#main-menu li a:visited{ float:none; display:block; border:none; text-align:center; }

	#content-two-col-2 h1{ display:block; margin: 5px 0 5px 0; text-align: center; }

	.search-form-boxed{ width: 305px; margin:0 auto; }
	.ean-hotels-search-box{ display:block;  margin-left: 0px; ; }
	

	.col-33{ width: auto; float:none; display:block; }
	.col-33 .inner{ margin: 0 5px 5px 5px; }

	.home-view .top-city .image{ display:block; }
	.home-view .top-city .txt{ margin-left:10px; }

	/*.top-city .image{ float:none; display:block; }*/
	.home-view .top-city .image img{ width: 25%; height:25%; }
	.home-view .top-city .txt strong{ font-size: 1.2em;}
	
	.home-view .top-city-text-block{ margin-bottom: 20px;}

}




