/**************************************************************
*  IMPORTANT  * IMPORTANT * IMPORTANT * IMPORTANT * IMPORTANT *
*
* The guides.css is alos used on the product page since
* guides are embedded into products
*
* be very careful not to override any existing styles
***************************************************************/


/***** OVERRIDES *******/
#page{
  width:740px !important;
}


#search-results{
  width:548px !important;
  margin-left:15px;
  float:left;
}

#sidecontainer{
  left:765px !important;
}


#lm-skyscraper{
  position:absolute;
  top:128px !important;
  left:917px !important;
  width:120px;
  height:600px;
  z-index:9;
}

#lm-skyscraper2{
  left:917px !important;
}

#footer {
  float: none;
  clear: both;
  margin-top: 10px;
  width:755px;
}

#footer-links,
#footer-text {
  width:100%;
}


/***********************/
#resort-title{
  background:#004b92;
  width:100%;
  color:#FFFFFF;
  overflow:hidden;
  float:none;
  clear:both;
  margin:0.8em 0px;

}

#resort-title h2 {
  width:78%;
  float:left;
  margin:0;
  padding:3px;
}

#resort-title div.selector {
  width:17%;
  float:right;
  text-align:right;
  padding:3px;
  margin:0;
}

div.country{
  padding:5px;
  with:100%;
  background:#004B92;
  color:#FFFFFF;
  margin-bottom:0.5em;
  font-weight:bold;
}

.thumbnail {
  width: 120px;
  float:left;
}


div.text {
  width: 75%;
  float: left;
}

.subtitle {
  background:#B3CD36;
  padding:3px;
  color:#004b92;
}

div.package{
  width:100%;
  overflow:hidden;
  margin-bottom:0.5em;
  padding-botom:0.5em;
  border-bottom:solid 1px #cdcdcd;
  background:#DCDBE9;

}

div.package div.package-title{
  width:65%;
  float:left;
  padding:3px;
}

div.package div.package-button{
  width:107px;
  float:right;
  padding:8px 6px;
}

div.package div.package-price{
  width:15%;
  float:left;
  color:#FF7B0F;
  font-weight:bold;
  font-size:1.1em;
  padding:3px;
}

div.package div.select-option{
  width:15%;
  float:left;
  padding:3px;
}


ul.resort{
  width:100%;
  overflow:hidden;
  list-style:none;
  margin:10px 0px;
  padding:0px;
}

ul.resort li.resort{
  overflow:hidden;
  float:left;;
  margin-right:1%;
  margin-bottom:8px;
  width:49%;
  min-height:106px;
  height:auto !important;
  height:106px;

}


div.resort{
float:none;
clear:both;
margin-bottom:1em;
overflow:hidden;
zoom:1;
}

ul.resort li.resort div.image_container{
  float:left;
  width:106px;
  overflow:hidden;
}

div.resort_inner{
  overflow:hidden;
  float:right;
  width:250px;
  text-align:left;
}



/*************************************************
* NEW GUIDES DOORWAY STYLE PAGES
**************************************************/

/*left panel*/
#resort-guides-header{
  background:#004c92;
  padding:3px;
}
#resort-guides-header h3{
 font-size:1em;
 color:#fff;
 margin:0;
}

#resort-guides{
  border:solid 2px #004C92;
  text-align:center;
}


/* Most Popular Countries */

#top-countries,#top-cities{
  width:100%;
  background:URL(/img/guides/blue-fade-bg.gif) repeat-x;
  margin-top:5px;
  padding:0;
}

#top-countries h4,#top-cities h4{
   color:#fff;
   padding:3px;
   margin:0;
}

#top-countries #top-country-list,#top-cities #top-city-list{
  overflow:hidden;
  padding:3px 0;
  background:#ffffff;
}

#top-countries #top-country-list ul,#top-cities #top-city-list ul{
  list-style:none;
  margin:0;
  padding:0 ;
}

#top-countries #top-country-list ul li,#top-cities #top-city-list ul li{
  margin:0 0 1px 0;
  padding:0px;
  background:#fef1c3;
  overflow:hidden;
  width:188px;
}

#top-countries #top-country-list ul li a,#top-cities #top-city-list ul li a{
  padding:3px 3px 3px 8px;
  margin:0;
  color:#2121f0;
  display:block;
}

#top-countries #top-country-list ul li a:hover,
#top-cities #top-city-list ul li a:hover {
  background-color:#c2e146 ;
  display:block;
}


/*main panel*/

#euro-map{
  position:relative;
  height:290px;
  width:548px;
  overflow:hidden;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #c2e146;
	background-color: #006699;
	color:#ffffff;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div { margin: 0; }


#dest-list-faded{
  position:absolute;
  top:5px;
  left:5px;
  z-index:10;
  background:#c2e146;
  width:150px;
  height:170px;
  overflow:auto;
  filter: alpha(opacity=100);
	opacity: 1;
}

#dest-list-faded {
  scrollbar-base-color:#3A84B9;
  scrollbar-face-color:;
  scrollbar-highlight-color:;
  scrollbar-3dlight-color:;
  scrollbar-shadow-color:;
  scrollbar-darkshadow-color:;
  scrollbar-track-color:;
  scrollbar-arrow-color:#FFFFFF;
}

#dest-list{
  filter: alpha(opacity=200);
	opacity: 2;
	color:#000;
}

#dest-list h4{
margin:0 0.2em 0.2em 0.2em;
font-size:0.8em;
}


#dest-list ul{
  list-style:none;
  margin:0;
  padding:0;
}

#dest-list ul li{
  margin:0.2em;
  padding:0.2em;
  background:#e1f0a3;
}

#dest-list ul li:hover {
  background:#FFFFFF;
}



#dest-list ul li a{
  color:#004c92;
  font-size:0.8em;
  display:block;
}


/* Countries List */
#country-list {
  padding:0px;
  border:solid 2px #BFDE43;
}

#country-list ul {
  list-style:none;
  padding:0px;
  margin:3px 0;
}

#country-list ul li {
  background:#FEF1C3;
  padding:3px;
  margin-bottom:1px;
}

#country-list ul li a{
  display:block;
}

/* END countries list */


#top-activities{
  width:270px;
  float:left;
  background:URL(/img/guides/blue-fade-bg.gif) repeat-x;
  margin:10px 5px 0 0;
  padding:0;
}

#top-activities h3{
   font-size:1.2em;
   color:#fff;
   margin:0.6em 0 0 0 ;
   padding:0 0 3px 3px;
}

#top-activities #activity-list{
  background:#fef1c3 URL(/img/guides/activity-selection.gif) bottom no-repeat;
  height:250px;
  overflow:auto;
  padding:3px 3px 3px 3px;
}

#top-activities #activity-list ul{
  list-style:none;
  margin:0;
  padding:0 ;
}

#top-activities #activity-list ul li{
  margin:0;
  padding:3px 2px;
  width:120px;
  float:left;
}


/*Destinations - GREEN BOX */
#top-destinations, #top-city-breaks{
  width:270px;
  float:right;
  background:URL(/img/guides/green-fade-bg.gif) repeat-x;
  margin:10px 0 0 0;
  padding:0;
}

#top-destinations h3,#top-city-breaks h3{
   font-size:1.2em;
   color:#fff;
   margin:0.6em 0 0 0 ;
   padding:0 0 3px 3px;
}

#top-destinations #dest-list, #top-city-breaks #breaks-list{
  background:#FFFFFF;
  height:252px;
  width:266px;
  border:solid 2px #BFDE43;
  overflow:hidden;
}

#top-city-breaks{
  width:548px !important;
  overflow:hidden;
  clear:both;
  margin-bottom:10px;
}

 #top-city-breaks #breaks-list{
  width:544px !important;
  height:auto !important;
 }

div.dest-item{
  overflow:hidden;
  width:97%;
  margin:3px;
  border-bottom:solid 1px #cdcdcd;
}

div.dest-item div.thumb, div.city-dest-item div.thumb{
  float:left;
  width:90px;
  padding:3px;
  overflow:hidden;
}

div.dest-item div.blurb{
  float:left;
  width:150px;
  padding:3px;
  color:#004c92
}

div.city-dest-item div.blurb{
  float:left;
  width:140px;
  padding:3px;
}

div.blurb a{
  color:#004c92;
  font-weight:bold;
}

div.mid-page-banner {
  clear:both;
  margin:0.6em 0;
}


div.bluebg {
 background:URL(/img/guides/blue-fade-bg.gif) repeat-x;
  color:#fff;
  overflow:hidden;
  margin:0;
  padding:0;
}

div#hotelbreak{
  margin:10px 0 10px 0;
}

div.bluebg h4 {
  margin:0.3em;
}

div.bluebg-list{
  border:solid 2px #2B68A3;
  border-top:0px;
  overflow:hidden;
  width:544px;
  padding:0;
  background:#FFF;
}

div.quarter-column {
  float:left;
  width:23%;
  margin:0;
  padding:3px 0 0 3px;
  overflow:hidden;
}

div.quarter-column ul {
  list-style:none;
  margin:0;
  padding:0;
}

div.quarter-column ul li{
  font-size:0.8em;
}

/* CITY GUIDE BASIC **/
div.city-dest-item{
  float:left;
  width:49%;
  height:110px;
  overflow:hidden;
}

div.more-item{
  background:#FEF1C3;
  margin-bottom:1px;
  padding:3px 0;
  width:100%;
  overflow:hidden;
}

div.more-item div.left {
  padding-left:3px;
}

div.more-item div.right {
padding-right:3px;
}

div.more-item div.left a{
  font-weight:bold;
  color:#004c92;
}

#more-breaks-list {
  padding:0;
}

#other-city-breaks{
  margin:10px 0 5px 0;
  clear:both;
  overflow:hidden;
}

#other-city-breaks h3 {
  background:#004c92;
  color:#ffffff;
  padding:3px;
  margin:0;
}

span.price,span.oj{
color:#ff7b0f;
}

#more-info{
overflow:hidden;
width:99%;
display:none;
clear:both;
}

/** Places To Visit In e.g France **/

#country-dests{
  background:URL(/img/guides/green-fade-bg.gif) repeat-x;
  margin:10px 0;
  padding:0;
}

#country-dests h3{
  margin:0.3em 0 0 0.3em;
  color:#FFF;
}

#country-dests #dest-list-items{
  overflow:hidden;
  clear:both;
  border:solid 2px #BFDE43;
  border-top:0;
  width:544px;
  background:#ffffff;
}

#country-dests #dest-list-items ul {
  list-style:none;
  padding:0;
  margin:0;
  overflow:hidden;
}

#country-dests #dest-list-items ul li{
  width:130px;
  padding:0 0 0 2px;
  float:left;
  font-size:0.8em;
}


div#fb-ctr {
  float: left;
  width: 210px;
  padding-bottom: 5px;
}

div#fb-ctr iframe {
  float: right;
  width: 139px;
}

div#fb-ctr a {
  float: left;
}