/* BOXES */

#promoBox { margin-bottom:13px; }

/*
.infobox
- green box with vertical gradient, rounded corners and internal drop shadow
*/
.infobox {

	background-image:url(../images/style/boxes/bg_infobox_l.gif);
	background-repeat:no-repeat;
	background-color:#D9EFBE;
	padding:0;
	/*overflow:auto;*/
	position:relative;
}

.infobox p { }

.infobox .corner {
	height: 6px;
	width: 50%;
	float:left;
	margin:0;
	padding:0;
}

.infobox .tl {
	background-image:url(../images/style/boxes/bg_infobox_tl.gif);	
	background-position:top left;
	background-repeat:no-repeat;
}

.infobox .tr {
	background-image:url(../images/style/boxes/bg_infobox_tr.gif);	
	background-position:top right;
	background-repeat:no-repeat;

}

.infobox .bl {
	background-image:url(../images/style/boxes/bg_infobox_bl.gif);	
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	height:6px;
	
}

.infobox .br {
	background-image:url(../images/style/boxes/bg_infobox_br.gif);	
	background-position:top right;
	background-repeat:no-repeat;
	height:6px;
	overflow:hidden;
	
 }

.infobox .hd {
	background-image:url(../images/style/boxes/bg_infobox_t.gif);	
	background-position:top;
	background-repeat:repeat-x;
	height:6px;
	overflow:hidden;
}

.infobox .bd {
	background-image:url(../images/style/boxes/bg_infobox_r.gif);
	background-position:top right;
	background-repeat:no-repeat;	
}

.infobox .body {
	background-image:url(../images/style/boxes/bg_infobox_body.gif);	
	background-repeat:repeat-x;
	height:100%;
	margin:0 6px 0 6px;
	/*overflow:auto;*/
	padding-bottom:1em;
	padding-top:5px;
	
}

.infobox .ft {
	background-image:url(../images/style/boxes/bg_infobox_b.gif);	
	background-repeat:repeat-x;
	background-position:bottom;
	height:6px;
}


/* 
flexible boxes with rounded corners - approach adapted from:
http://www.456bereastreet.com/archive/200406/flexible_box_with_custom_corners_and_borders/ 
*/


/*
	right  border
	*/
	 .box {
		padding:0 1px 0 0;
		background-position:100% 0; 
		background-repeat:repeat-y;
		background-color:#fff;
	}
	
	/*
	left border
	*/
	 .bi{
		padding:0 0 0 2px;
		background-position:0 0;
		background-repeat:repeat-y;
		background-color:#fff;
	}
	
	/*
	top-right
	*/
	 .bt {
		height:5px;
		margin:0 -2px;
		background-position:100% 0;
		background-repeat:no-repeat;
		overflow:hidden;
		
	}
	
	/*
	top-left
	*/
	 .bt div {
		width:5px;
		height:5px;
		background-position: 0 0;
		background-repeat:no-repeat;
		overflow:hidden;
		
	}
	
	/*
	bottom-right
	*/
	.bb {
		height:5px;
		margin:0 -2px;
		background-position:100% 100%;
		background-repeat:no-repeat;
		clear:both;
	}
	
	/*
	bottom-left
	*/
	 .bb div {
		width:5px;
		height:5px;
		background-repeat:no-repeat;
		background-position:0 -54px;
		overflow:hidden;
	}


/*
--------------------------------------------------
border colour = DBE7CD
--------------------------------------------------
*/	
	
	/*
	right  border
	*/
	.box-DBE7CD .box { background-image:url(../images/style/boxes/border_r_DBE7CD.gif); }
	
	/*
	left border
	*/
	.box-DBE7CD .bi { background-image:url(../images/style/boxes/border_l_DBE7CD.gif); }
	
	/*
	top-right
	*/
	.box-DBE7CD .bt { background-image:url(../images/style/boxes/box_DBE7CD.gif); }
	
	/*
	top-left
	*/
	.box-DBE7CD .bt div { background-image:url(../images/style/boxes/box_DBE7CD.gif); }
	
	/*
	bottom-right
	*/
	.box-DBE7CD .bb { background:url(../images/style/boxes/box_DBE7CD.gif) 100% 100% no-repeat; }
	
	/*
	bottom-left
	*/
	.box-DBE7CD .bb div { background-image:url(../images/style/boxes/box_DBE7CD.gif); }
	
	
	
/*
--------------------------------------------------
border colour = E4E4E4
--------------------------------------------------
*/	
	
	/*
	right  border
	*/
	.box-E4E4E4 .box { background-image:url(../images/style/boxes/border_r_E4E4E4.gif); }
	
	/*
	left border
	*/
	.box-E4E4E4 .bi{ background-image:url(../images/style/boxes/border_l_E4E4E4.gif); }
	
	/*
	top-right
	*/
	.box-E4E4E4 .bt { background-image:url(../images/style/boxes/box_E4E4E4.gif); }
	
	/*
	top-left
	*/
	.box-E4E4E4 .bt div { background-image:url(../images/style/boxes/box_E4E4E4.gif); }
	
	/*
	bottom-right
	*/
	.box-E4E4E4 .bb { background:url(../images/style/boxes/box_E4E4E4.gif) 100% 100% no-repeat; }
	
	/*
	bottom-left
	*/
	.box-E4E4E4 .bb div { background-image:url(../images/style/boxes/box_E4E4E4.gif); }
	
	/*-------*/
	
/*
TABS TOP!
*/
	
	.tabsTop{
		height:36px;
		background-image:url(../images/style/tabs/tabTopBottomStrip.gif);
		background-repeat:repeat-x;
		font-weight:bold;
		font-size:90%;
		clear:left;
		position:relative;
		white-space:nowrap;
	}

	.tabsTop ul{
		list-style:none;
		margin:0;
		padding:0;
		background-repeat:no-repeat;
		background-position:right bottom;
		background-image:url(../images/style/tabs/tabTopCornerCap.gif);
		height:36px;
		
	}
	
	.tabsTop ul li{
		float:left;
		padding-left:7px;
		margin:0;
		background-repeat:no-repeat;
		background-position:left;
		
		
	}
	
	.tabsTop ul li a{
		height:36px;
		display:block;
		padding-right:7px;
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:right;
		cursor:pointer;
		
		/*IE sets the width of the tab to 100% because it contains block elements - to get around it we use the minwidth hack
		
		/* min width fast hack http://www.dustindiaz.com/min-height-fast-hack */
		/**/
		min-width:90px;
		width:auto !important;
		width:90px;
	}
	
	.tabsTop ul li a span {
		padding:9px 0 9px 0;
		text-align:center;
		background-repeat:repeat-x;
		display:block;
		
		
	}
	
	.tabsTop ul li.on   { background-image:url(../images/style/tabs/tabTopOnLeft.gif); }
	
	.tabsTop ul li.on a { background-image:url(../images/style/tabs/tabTopOnRight.gif); color:#5FAE1D; }
	
	.tabsTop ul li.on a span { background-image:url(../images/style/tabs/tabTopOnMiddle.gif); }
	
	.tabsTop ul li.off   { background-image:url(../images/style/tabs/tabTopOffLeft.gif); }
	
	.tabsTop ul li.off a { background-image:url(../images/style/tabs/tabTopOffRight.gif); color:#3F3F3F; }
	
	.tabsTop ul li.off a:hover { color:#5FAE1D; }
	
	.tabsTop ul li.off a span  { background-image:url(../images/style/tabs/tabTopOffMiddle.gif); }
	
	.tabsTop ul li.endcap { width:7px; height:36px; background-image:url(../images/style/tabs/tabTopEndcap.gif); }
	
	
/*
-----------------------------------------------------------------------
TABS BOTTOM!
-----------------------------------------------------------------------
*/	
	
	.tabsBottom {
		height:36px;
		background-image:url(../images/style/tabs/tabBottomBottomStrip.gif);
		background-repeat:repeat-x;
		font-weight:bold;
		font-size:90%;
		clear:left;
		position:relative;
	}

	.tabsBottom ul {
		list-style:none;
		margin:0;
		padding:0;
		background-repeat:no-repeat;
		background-position:right top;
		background-image:url(../images/style/tabs/tabBottomCornerCap.gif);
		height:36px;
		
	}
	
	.tabsBottom ul li {
		float:left;
		padding-left:7px;
		background-repeat:no-repeat;
		background-position:left;
		
		
	}
	
	.tabsBottom ul li a{
		height:36px;
		display:block;
		padding-right:7px;
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:right;
		cursor:pointer;
		
		
		/*IE sets the width of the tab to 100% because it contains block elements - to get around it we use the minwidth hack
		
		/* min width fast hack http://www.dustindiaz.com/min-height-fast-hack */
		/**/
		min-width:100px;
		width:auto !important;
		width:100px;
	}
	
	.tabsBottom ul li a span {
		height:24px;
		padding-top:12px;
		width:100px;
		text-align:center;
		background-repeat:repeat-x;
		display:block;
	}
	
	.tabsBottom ul li.on { background-image:url(../images/style/tabs/tabBottomOnLeft.gif); }
	
	.tabsBottom ul li.on a { background-image:url(../images/style/tabs/tabBottomOnRight.gif); color:#5FAE1D; }
	
	.tabsBottom ul li.on a span { background-image:url(../images/style/tabs/tabBottomOnMiddle.gif); }
	
	.tabsBottom ul li.off { background-image:url(../images/style/tabs/tabBottomOffLeft.gif); }
	
	.tabsBottom ul li.off a { background-image:url(../images/style/tabs/tabBottomOffRight.gif); color:#3F3F3F; }
	
	.tabsBottom ul li.off a:hover { color:#5FAE1D; }
	
	.tabsBottom ul li.off a span { background-image:url(../images/style/tabs/tabBottomOffMiddle.gif); }
	
	.tabsBottom ul li.endcap { width:7px; height:36px; background-image:url(../images/style/tabs/tabBottomEndcap.gif); }


/*
-----------------------------------------------------------------------
Richmedia tabs
-----------------------------------------------------------------------
*/	
	
.tabsRichmedia            { background:#E2F5CB; width:560px; float:left; height:29px; margin:0 0 10px 0  } 
.tabsRichmedia ul         { list-style:none; float:right; margin:0 6px 0 0; display:inline; }	
.tabsRichmedia ul li      { float:left;  margin:0 0 0 10px; background:url(../images/style/tabs/tabsRichmediaLeft.gif) left top no-repeat;  }	
.tabsRichmedia li span    { display:block; padding:3px 8px 10px 7px;   background:url(../images/style/tabs/tabsRichmediaMiddle.gif) top repeat-x;  }	
.tabsRichmedia li a       { display:block; padding:0px 4px 0 4px; background:url(../images/style/tabs/tabsRichmediaRight.gif) right top no-repeat; color:#017D3F; text-decoration:none; font-weight:bold; }
.tabsRichmedia li a:hover { color:#60AF1E; text-decoration:none; }

.tabsRichmedia li.on         { background:url(../images/style/tabs/tabsRichmediaLeftOn.gif) left top no-repeat;  }
.tabsRichmedia li.on span    { background:url(../images/style/tabs/tabsRichmediaMiddleOn.gif) top repeat-x;  }	
.tabsRichmedia li.on a       { background:url(../images/style/tabs/tabsRichmediaRightOn.gif) right top no-repeat; color:#60AF1E; }
.tabsRichmedia li.on a:hover { text-decoration:none; }
	
/*
-----------------------------------------------------------------------
Offer boxes
-----------------------------------------------------------------------
*/
	
#offersBox { }


#offersBox ul{
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
	background-image:url(../images/style/backgrounds/dotted_line.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#offersBox .offer {
	
	padding:1em 0 1em 0;
	overflow:auto;
	width:190px;
	margin:0;
	font-size:90%;
	background-image:url(../images/style/backgrounds/dotted_line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#offersBox li.offer:hover { background-color:#F0FDE0; }

#offersBox .offer a {
	color:#3F3F3F;
	text-decoration:none;
	display:block;
	padding:0 0 0 16px;
	margin:0;
	float:left;
	background-image:url(../images/style/bullets/bullet_arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-weight:bold;
	width:160px;
}

#offersBox a:hover { text-decoration:underline; }

#offersBox .offer .price{
	color:#CE0004;
	font-weight:bold;
	float:right;
	width:60px;
}

#offersBox .offer .descr{
	float:left;
	clear:left;
	margin:0;
	padding:0;	
	width:104px;
	font-size:100%;
	margin-left:16px;
	display: inline;
}

#offersBox .offer a.viewButton{
	padding:0 0 0 16px;
	background-image:url(../images/style/bullets/arrow_on_white.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	float:right;
	text-decoration:none;
	color:#3F3F3F;
}

#offersBox h2 { background-repeat:no-repeat; margin:1em 0 0 0; }
	
	/* 
Panel with list of booking options

*/
#planOptionsBox { clear:both; font-size:100%; margin-left:3px; }



#planOptionsBox ul {
	list-style:none;
	list-style-image:none;
	margin:0 0 0 8px;
	padding:0;
}

#planOptionsBox ul li { line-height:120%; }

#planOptionsBox ul a {
	padding-left:16px;
	background-image:url(../images/style/bullets/arrow_on_light_green.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	text-decoration:none;
	color:#3F3F3F;
	font-size:90%;
	

}

#planOptionsBox ul a:hover {text-decoration:underline; }


#planOptionsBox h2{
	background-image:url(../images/style/bullets/icon_face.gif);
	background-repeat:no-repeat;
	padding-left:24px;

}
	
	
	
	
	
	
/*
-----------------------------------------------------------------------
Question Boxes
-----------------------------------------------------------------------
*/

#questionBoxesBorder { margin-bottom:13px; }
 
#questionBoxes    { font-size:10px; margin:0; padding:0; margin-bottom:15px; }
#questionBoxes ul { list-style:none; padding:0; margin:0; }
#questionBoxes li { float:left;	padding:0; margin:0; }

#questionBoxes li a {
    height:30px;
	display:block;
	width:217px;
	background-repeat:no-repeat;
	background-position:0px -62px;
	margin:0 0 0 5px;
	padding:12px 0 0 20px;
	text-decoration:none;
	color:#007C3D;
	font-size:130%;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana;
	font-weight:bold;
}

#questionBoxes li a:hover { background-position:0px 0px; }

#questionBox1 { background:url(../images/content/en/questionBox1.gif); }
#questionBox2 { background:url(../images/content/en/questionBox1.gif); }
#questionBox3 { background:url(../images/content/en/questionBox1.gif); }

/*
-----------------------------------------------------------------------
Deals Boxes
-----------------------------------------------------------------------
*/

#dealsBoxesBorder { margin-bottom:13px; }

#dealsBoxes { margin-top:10px; }

#dealsBoxes .dealsbox { float:left; width:217px; border-left:1px solid #e5e5e5; }

#dealsBoxes .firstbox { border:none; }

#dealsBoxes .dealsbox a { }

#dealsBoxes p { padding:0; margin:0; margin:4px 4px 8px 15px; }

#dealsBoxes h2 { margin:0; padding:0 0 0 15px; }

#dealsBoxes .dealsbox h2 a { background:none; }

#teasers {width:967px;
		  height:180px;}
		  
  
#teasers .In {width:241px;
		  height:160px;
		  float:left;}
		  
#teasers h2 { margin:0; padding:0 0 0 15px;}
		  

		  
#teasers p {padding-left:13px;
					padding-right:13px;
					}