﻿.main-page #body #canvas
{
  padding-left:25px;
  position: relative;
  width: 386px; height:866px;
  overflow:hidden;
  float: left;
}

.gecko .editMode.main-page #body #canvas,
.ie7 .editMode.main-page #body #canvas
{
  height:auto;
  background-color:#E2EAF5; 
}

.main-page #body #secondary_content 
{
  position:relative;
  margin:0; padding:0px 0px 0px 20px;
  width: 539px;
  float: left;
}

#mainContent {
  float:left;
}

/*search with card*/
#searchWithCardBox
{
  position:relative; z-index:200;  
}

#searchWithCardBox .searchWithCard
{
  padding:0 8px;
  width:345px; 
  background:url("../img/homeLeftContentMiddle.png");
}

#searchWithCardBox .head
{
  display:block;
  padding-left:25px; 
  width:319px; height:30px;
  line-height:30px;
  font-size:16px;
  border-bottom:1px solid;
  text-decoration:none;
}

#searchWithCardBox #flashmapbox,
#searchWithCardBox #flashmap,
#searchWithCardBox #flashmap embed {
  width:344px; height:288px;
}

#searchWithCardBox .searchWithCardFooter
{
  width:361px; height:25px;
  background:url("../img/cardFooter.gif") no-repeat; 
}


/*end search with card*/


/*dailytips and poll*/
#TipAndPollBox
{
  position:relative; z-index:100;  
}

#TipAndPollBox .TipAndPoll
{
  margin-top:-18px;
  padding:40px 16px 0 16px;
  width:329px; 
  background:url("../img/homeLeftContentMiddle.png"); 
}

#TipAndPollBox #dailyTip .boxhead
{
  padding-left:25px; 
  width:304px; height:30px;
  line-height:30px;
  font-size:16px;
  color:#FFF; 
  border-bottom:1px solid #FFF;
  cursor:pointer;
}


.editMode #TipAndPollBox #dailyTip .boxhead
{
  color:#000;  
}

#TipAndPollBox #dailyTip .description 
{
	padding: 10px 0;
	font-size:11px;
	color:#FFF;
}

.editMode #TipAndPollBox #dailyTip .description 
{
  color:#000;  
}

#TipAndPollBox #dailyTip img {
  float: left;
  margin: 0 12px 12px 0;
}
    
    
#TipAndPollBox #dailyTip a 
{
  font-size: 11px;
  color:#000;
}

#TipAndPollBox #dailyTip a:hover
{
  text-decoration:underline;  
}

#TipAndPollBox .TipAndPollFooter
{
  width:361px; height:31px;
}
/*end of dailytips and poll*/


/*AdditionalLinksBox*/
#AdditionalLinksBox
{
  position:relative; z-index:50;  
}

#AdditionalLinksBox .AdditionalLinks
{
  margin-top:-18px;
  padding:40px 16px 0 16px;
  width:329px; 
  background:url("../img/homeLeftContentMiddle.png"); 
}

#AdditionalLinksBox .AdditionalLinks ul
{
  list-style:none;  
}

#AdditionalLinksBox .AdditionalLinks ul li
{
  padding-left:20px;
  background:url("../img/itemHeaderImageWhite.gif") no-repeat 0 7px;  
}


#AdditionalLinksBox .AdditionalLinks ul li a
{
  font-size:13px;
  line-height:24px;
  color:#FFF;
}

#AdditionalLinksBox .AdditionalLinksFooter
{
  width:361px; height:31px;
}

/*end of AdditionalLinksBox*/

/*homepageBanner*/
#homepageBanner
{
  display:block;
  position:relative;
  margin:25px 0 0 0px;
  width:365px; height:55px;
  color:#000;
  text-decoration:none; 
  cursor:pointer; 
  font-weight:bold;
}

#homepageBanner span
{
  display:block;
  position:absolute;
  top:7px; left:65px;
  width:292px; height:35px;
  line-height:35px;
  overflow:hidden;
  font-size:16px;
}
/*end homepageBanner*/


.main-page #body #secondary_content .homepageRowBox
{
  margin-bottom:20px;
  clear:left;
}


/*homepagetext*/
#homepagetext
{
  margin-right:15px;
  width: 239px;
  background:#FFF;
  overflow:hidden;
  float: left;
}

#homepagetext .head
{
  margin-bottom:5px;
  padding-left:25px; 
  height:30px;
  line-height:30px;
  font-size:16px;
  border-bottom:1px solid;
}

#homepagetext p
{
  font-size:11px;
  line-height:16px;
  color:#000; 
}
/*end homepagetext*/


/*specials*/
.main-page #body #secondary_content #specials
{
  margin-bottom:6px; /*20-14 (margin van de li)*/
  width:494px;
  border:none; 
}

#specials .head
{
  position:relative;
  margin-bottom:8px;
  padding-left:25px; 
  height:30px;
  font-size:16px;
  line-height:30px;
  border-bottom:1px solid;  
}

.main-page #specials .head a
{
  display:block;
  position:absolute;
  top:0; right:0;
  line-height:30px;
  font-size:11px;
  color:#000; 
}

#specials ul {
  list-style: none;
  clear:left;
}

#specials li 
{
  margin:0 16px 14px 0;
  width:237px;
  border:1px solid;
  float:left;
  cursor:pointer;
}

#specials li .title
{
  position:relative;
  padding:3px 8px;
  width:221px;
}

#specials li .title a
{
  display:block;
  width:170px;
  font-size:11px;
  line-height:16px;
  font-weight:bold;
  color:#FFF;
}

.editMode #specials li .title a
{
  color:#000;  
}

#specials li .stars
{
  position:absolute;
  top:5px; right:8px;
  width:49px; height:9px;
  text-indent:-1000em;
}

#specials li .star-0  { width:0px; }
#specials li .star-1  { width:10px; }
#specials li .star-2  { width:20px; }
#specials li .star-3  { width:30px; }
#specials li .star-4  { width:40px; }
#specials li .star-5  { width:49px; }

#specials li .detailsBox
{
  padding:8px;  
  height:80px;
  border-bottom:1px solid;
}

.editMode #specials li .detailsBox 
{
  height:auto;
  clear:left;
}

#specials li.rightSide
{
  margin:0 0 14px 0;  
} 

#specials img.photo {
  float:left;
  margin: 2px 8px 8px 0px;
}

#specials .detailsBox .details
{
  width:105px;
  float:left;  
}

#specials li .details .country      { font-size:14px; line-height:16px;} 
#specials li .details .area         { font-size:11px; line-height:16px;}
#specials li .details .city         { font-size:11px; line-height:14px;}
#specials li .details .numPeople    { font-size:10px; line-height:14px;}
#specials li .details .rooms        { font-size:10px; line-height:14px;}

#specials li .promotion
{
  padding:8px;
  line-height:16px;
  font-size:11px;
}

#specials li .promotion .from
{
  font-weight:bold;
  color:#000;
  font-size:12px;
  white-space:nowrap;
}


#specials li .promotion .for
{
  font-weight:bold;
  font-size:12px; 
  white-space:nowrap;
}
/*end of specials*/



/*weblogAndForum*/
#weblogAndForum
{
  margin-bottom:20px;
  clear:left;
}

#weblogAndForum #forumpost,
#weblogAndForum #newsletter,
#weblogAndForum #blogpost
{
  margin-right:15px;
  width: 239px;
  background:#FFF;
  overflow:hidden;
  border:none;
  float: left;
}

#weblogAndForum #forumpost .boxhead,
#weblogAndForum #newsletter .boxhead,
#weblogAndForum #blogpost .boxhead
{
  margin-bottom:10px;
  padding-left:25px; 
  height:30px;
  line-height:30px;
  font-size:16px;
  border-bottom:1px solid;
}

#weblogAndForum #forumpost ul,
#weblogAndForum #blogpost ul
{
  list-style: none;
  clear:both; 
}

#weblogAndForum #forumpost li,
#weblogAndForum #blogpost li
{
  padding:0 0 2px 25px;
  width:224px;
  float:left;
  overflow:hidden;
}

#weblogAndForum #forumpost li a,
#weblogAndForum #blogpost li a
{
  display:block;
  padding-right:20px;
  width:195px; height:19px;
  line-height:19px;  
  font-size:11px;
  color:#1A171B;
  background:url("../img/recentItems.png") no-repeat;
  text-decoration:none;
  overflow:hidden;
}

#weblogAndForum #forumpost li a:hover,
#weblogAndForum #blogpost li a:hover
{
  text-decoration:underline;
}

#weblogAndForum #forumpost .allItems,
#weblogAndForum #blogpost .allItems
{
  display:block;
  margin:10px 0 0 -3px;
  padding-left:28px;
  width:214px;  
  font-size:11px;
  line-height:16px;
  color:#000;
  /*background:url("../img/rssIcon.jpg") no-repeat 0 -2px;*/
  clear:left;
  overflow:hidden;
}
/*end of weblogAndForum*/



/*homepageHouseLinks*/
#homepageHouseLinks
{
  margin-bottom:20px;
  width:494px;
  border:none;    
}

#homepageHouseLinks .head
{
  position:relative;
  margin-bottom:10px;
  padding-left:25px; 
  height:30px;
  font-size:16px;
  line-height:30px;
  border-bottom:1px solid;  
}

#homepageHouseLinks ul
{
  list-style: none;
  clear:left; 
}

#homepageHouseLinks li
{
  padding:0 8px 0 25px;
  width:214px;
  float:left
}

.editMode #homepageHouseLinks li
{
  float:none;
}

#homepageHouseLinks li a
{
  font-size:11px;
  line-height:16px;
  color:#000;
  text-decoration:none;  
}

#homepageHouseLinks li a:hover
{
  text-decoration:underline;   
}
/*end of homepageHouseLinks*/


/*rightPageBar*/
.rightPageBar
{
  position:absolute;
  top:0; right:0px;
  width:30px; height:866px;
}
/*end of rightPageBar*/

.homepageRowBox .leftContent {
	float:left;
}

.homepageRowBox .SGR {
	clear:both;
	cursor:pointer;
}

.homepageRowBox .SGR .info {
	color:#000000;
	display:block;
	float:left;
	font-size:11px;
	overflow:hidden;
	padding:5px 0 0;
	width:188px;
}

.homepageRowBox .SGR img {
	float:left;
	width:57px;
}