/* frontend main.css */

html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  padding:0; margin:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}del,ins{text-decoration:none;}

body {
  font-size: 62.5%;
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  margin: 0;
  padding: 0;
  background-color: #F8F8F8;
}
#content {
  /*position: absolute; top: 140px; right:30px; left:30px; min-width: 947px; margin: 0 auto; max-width: 1000px;*/
  /*position: absolute; top: 140px; right:0px; left:0px; width: 969px; margin: 0 auto;*/
  position: absolute; top: 114px; right:0px; left:0px; margin: 0 auto;
  min-width: 969px;
  /*max-width: 94%;*/
  max-width: 969px;
}
#mainContent {
  /*margin-right: 316px;*/
  float: left;
  width: 653px;
}
#sideContent {
  /*width: 302px;
  position: absolute;
  top: 30px;
  top: 0;
  right:0;*/
  margin-left: 667px;
}
#sideContent td {
  margin-bottom: 7px;
}
.error {
  font-weight: bold;
}
label.error {
   font-weight: bold;
   padding-left: 7px;
   color: red;
}
h1 a:link, h1 a:visited {
  color: #fff;
  text-decoration: none;
}
h1 a:hover, h1 a:active {
  color: #fff;
  text-decoration: underline;
}
h2 {
  text-align: left;
  color:#FF811B;
  font-family:"Trebuchet MS",Tahoma,Verdana;
  font-size:18px;
}
h3.red { background-color: #970009; }
a:link, a:visited {
  color: #1a3b80;
  text-decoration: none;
}
a:hover, a:active {
  color: #3371a7;
  text-decoration: underline;
}
select, input, img {
  vertical-align: middle;
}
#mainContent p {
  margin: 0;
  text-align: justify;
  line-height: 1.5em;
}

/* frontend header */
#headerContainer {
  /*position: absolute; top: 7px; right:30px; left:30px; min-width: 947px; margin: 0 auto; max-width: 1000px;*/
  /*position: absolute; top: 7px; right:0px; left:0px; width: 969px; margin: 0 auto;*/
  position: absolute; top: 29px; right:0px; left:0px; width: 969px; margin: 0 auto;
}
#header {
  top: 10px;
  left: 0px;
  width: 100%;
  height: 60px;
  vertical-align: bottom;
  margin: 0;
}
#logo {
  width: 300px;
  height: 50px;
  margin-top:10px;
  float: left;
  border:none;
}

#banner468 {
  float: right;
  width:468px;
}

/* banners */
.textBanner {
  margin: 0 0 7px 0;
}
.largeBanner {
  text-align: left;
  width: 468px;
  height: 60px;
  margin: 7px 0;
}
.smallBannersContainer {
  text-align: left;
  height: 240px;
  margin: 0;
  margin-top: 7px;
}
.smallBanner {
  float: left;
  width: 120px;
  height: 240px;
  margin: 0;
  margin-right: 7px;
}
#loading {
  position: fixed; 
  /*margin: auto;*/
  top: 50%;
  right: 50%;
  color: #1A3B80;
  background-color: #fff;
  border: 5px solid #FF8721;
  padding: 7px 6px 6px;
  font-size: 13px; 
  font-weight: bold;
  /*vertical-align: 10%;*/
}
#loading img {
  vertical-align: sub;
}
/*
.news {
  clear: left;
}
.news h2{
  padding-top: 4px;
  color:#FF811B;
  font-family:"Trebuchet MS",Tahoma,Verdana;
  font-size:18px;
  padding-left:7px;
}
.news img {
  margin-top: 7px;
  margin-left: 7px;
  margin-right: 14px;
  margin-bottom: 3px;
}
.news input, .charts input {
  padding: 1px 4px;
}
.news .more {
  color: #970009;
}
.news p {
  text-align: justify;
  font-family: Tahoma, Verdana, Arial;
  font-size: 12px;
  color: #798B3E;
}
#toggleBusiness, #toggleChart, #toggleNews, #toggleIntro {
  float: right;
  font-size: 0.7em;
  margin-right: 10px;
  margin-top: 2px;
}
.social a {
  width: 60px;
  height: 60px;
  float:left;
  text-decoration:none;
  margin: 7px;
  opacity: 0.3;
}
.social a:hover {
  opacity: 1;
}
#facebook a {
  background: url(../../images/social_sprites_640_60.png) 0 0 no-repeat transparent;
}
#twitter a {
  background: url(../../images/social_sprites_640_60.png) -60px 0 repeat-x transparent;
}
#rss a {
  background: url(../../images/social_sprites_640_60.png) -120px 0 repeat-x transparent;
}
#youtube a {
  background: url(../../images/social_sprites_640_60.png) -180px 0 repeat-x transparent;
}
#email a {
  background: url(../../images/social_sprites_640_60.png) -300px 0 repeat-x transparent;
}
*/
.side-title, .main-title {
  background: url(../../images/bkg.png) 0 0 repeat-x transparent;
  color: #1a3b80;
  font-size: 13px;
  padding: 7px 9px;
  border: solid #DFDFDF;
  border-width: 1px 1px 0 1px;
}
.side-section {
  border: solid #DFDFDF;
  border-width: 0 1px 1px 1px;
  background-color: #FFF;
}
#side-section-like {
  /*border-width: 0;*/
  padding: 14px 14px 14px 14px;
  margin-bottom: 0;
}
#side-section-partners {
  padding: 6px;
}
h3, h1 {
  font-weight: bold;
}
.main-title h3, .main-title h1 {
  float: left;
}
.side-refine,
#new-search,
#refine-search,
#search-by-static-map {
  color: #FFF;
  border-color: transparent;
  background: url(../../images/bkg.png) 0 -66px repeat-x transparent;
}
/*
#refine-search:hover,
#special-offers:hover,
#connect-with-us:hover,
#advertise-one:hover,
#like-us-on-facebook:hover,
#advertise-two:hover,
#advertise-three:hover,
#partners:hover,
#new-search:hover {
  border-color: transparent;
  background: url(../../images/bkg.png) 0 -66px repeat-x transparent;
}
#quick-search:hover,
#search-by-map:hover,
#intro-news:hover,
#charts:hover,
#news:hover,
#business-with-us:hover,
#travel-advertising:hover,
#travel-writing:hover,
#travel-writing-submit:hover,
#privacy:hover,
#my-profile:hover,
#my-credits:hover,
#my-reservations:hover,
#my-friends:hover,
#my-favDests:hover {
  border-color: transparent;
  background: url(../../images/bkg.png) 0 -35px repeat-x transparent;
}
#refine-search:hover,
#special-offers:hover,
#connect-with-us:hover,
#advertise-one:hover a, 
#like-us-on-facebook:hover,
#advertise-two:hover a,
#advertise-three:hover a,
#partners:hover a,
#new-search:hover,
#quick-search:hover,
#search-by-map:hover,
#intro-news:hover,
#charts:hover,
#news:hover,
#business-with-us:hover,
#travel-advertising:hover,
#travel-writing:hover,
#travel-writing-submit:hover,
#privacy:hover,
#my-profile:hover,
#my-credits:hover,
#my-reservations:hover,
#my-friends:hover,
#my-favDests:hover,
h3 a:hover,
h1 a:hover {
  color: #FFF;
}
*/

/*new top-menu*/
#new-tabs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
#new-tabs ul li {
  color: #1a3b80;
  display: inline;
  padding: 2px 2px;
}
/*end new top-menu*/

#special-offers-explained {
  background:url("../../images/blu_arrow_right.png") no-repeat scroll 491px 32px #FFF;
}
div.jquery-ajax-loader {
	/*background: #333 url(../images/ajaxLoader.gif) no-repeat 50% 50%;
	opacity: .6;*/
  /*background: url(images/bgpage85.png) repeat scroll 0 0 transparent;*/
  background: url(../images/loading.gif) no-repeat 50% 50% #FFF;
}

/* booking engine start */
#facebook_booking_engine select {
  width: 200px;
}
/* booking engine end */
.sticky {
	position: fixed;
	top: 7px;
}
.ml667 {
  margin-left: 667px;
}


.caption_wrapper {
	/*float:left;*/ /* important */
	position:relative; /* important(so we can absolutely position the description div */
}
a.caption_description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	width:272px;
  padding:7px 14px;
  color:#FFF;
  font-size:16px;
	background-color:black;
	opacity:0.6; /* transparency */
	filter:alpha(opacity=60); /* IE transparency */
  display:none;
}
.destinationDescription {
  background: #fff;
  margin-bottom: 7px;
  font-size: 12px;
  padding: 14px;
  color: #777;
}
.destinationDescription a {
  color: #777;
  text-decoration: underline;
}