 /***********CSS GUIDE****
      #  SECTION				    START	
CHUNK 1 [GENERIC STYLE]....... LINE 15
CHUNK 2 [MENU LEVEL STYLE].... LINE 113
CHUNK 3 [HOME STYLE].......... LINE 274
CHUNK 4 [SPA STYLE]........... LINE 332
CHUNK 5 [CONCEPT STYLE]....... LINE 586
CHUNK 6 [THERAPIES STYLE]..... LINE 616
CHUNK 7 [PACKAGES STYLE]...... LINE 783
CHUNK 8 [MyYHI STYLE]......... LINE 926

*************************/

/*****************************************
chunk1 start


html a,body (and body classes), main doublecolumn  properties


****************************************/

html {
height:100%;
}
a {color:white;font-family:Georgia;letter-spacing:1px;font-weight:bold;text-decoration:none;font-size:11px;}
	a.collection {
	color:#7F7F7F;
	text-decoration:none;
}
a:hover {
	color:#000000;
	font-family:Georgia;
	font-size:11px;
	text-decoration:none;
}
a img{
	border:0px none;
}

h4{
text-align:center;
}

body {
	background: url(../images/system/bg/official/nature.jpg ) repeat scroll 0%;
	color:#7F7F7F;
	font-family:Georgia;
	font-size:10px;
	background-attachment:fixed;
	background-position: 0 0;
	margin:0;
	padding:0;
	line-height:16px;
	text-align:center;
	overflow:auto;
}

/*****
 body styles
***/
.body_caverock{	background: url(../images/system/bg/official/caverock.jpg ) repeat scroll 0%;background-position:0 0;	background-attachment:fixed;}
.body_nature{background-position:0 0;	background: url(../images/system/bg/official/nature.jpg ) repeat fixed scroll 0%;	background-attachment:fixed;}
.body_darkwood{	background: url(../images/system/bg/official/darkwood.jpg ) repeat scroll 0%;background-position:0 0;	background-attachment:fixed;}
.body_light{background: url(../images/system/bg/official/light.jpg ) repeat scroll 0%;background-position:0 0;	background-attachment:fixed;}
.body_lightwood{background: url(../images/system/bg/official/lightwood.jpg ) repeat scroll 0%;background-position:0 0;	background-attachment:fixed;}
.body_colour{background: url(../images/system/bg/official/colour.jpg ) repeat scroll 0%;background-position:0 0;	background-attachment:fixed;}


.ie #container {
	display:none;
}
.ie7 #container {
	display:block;
}
#container {	width:100%;}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
.clearfix {
}
.clearfix {	display:block;}



#main {
width:876px;
text-align:center;
padding:0px;
position:relative;
z-index:0;
margin:0 auto 0 auto;
top:119px;
}


#doublecolumn {
	height:100%;
	width:426px;
	text-align:center;
	padding:0px;
	margin-top:0px;
	z-index:0;
	position:relative;
}

/*** chunk 1 end ***/

/**************************************************
chunk 2 start

	menu level:
		- menuline (logo + buttons + pngs)
		- menu right modification when refered from external  (mbrand_logo,mrno_logo,mrno_logo...)
		- menu_extras	
		- menu_dark , menu_light
		- lng container
		- myYHI
		- logo footer

**************************************************/

#menu_container{
	width:876px;
	background-color: transparent;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:1;

}

#menu_logo {
	position:absolute;
	z-index:4;
}
.no_logo{
	height:156px;
	width:130px;
	left:40px;
	background-image: url(../images/system/menu/logo.png);
}
.brand_logo{
	height:142px;
	width:194px;
	left:24px;
/*	*/
}
#menu_logo.yhispa{
background-image: url(../images/system/menu/logobox_me.jpg);
}

#menu_logo.me{
background-image: url(../images/system/menu/logobox_me.jpg);
}

#menu_logo.melia{
background-image: url(../images/system/menu/logobox_melia.jpg);
}

#menu_logo.granmelia{
background-image: url(../images/system/menu/logobox_granmelia.jpg);
}

#menu_logo.paradisus{
background-image: url(../images/system/menu/logobox_paradisus.jpg);
}

#menu_line{
	width:548px;
	height:44px;
/*	background-color: transparent;*/
	position:absolute;	top:49px;
	background-image:url(../images/system/menu/en/menu_navbox_light.jpg);background-position:0 -44px;
}
#menu_line_es{
	width:548px;
	height:44px;
/*	background-color: transparent;*/
	position:absolute;	top:49px;
	background-image:url(../images/system/menu/es/menu_navbox_light.jpg);background-position:0 -44px;
}
#menu_line_en{
	width:548px;
	height:44px;
/*	background-color: transparent;*/
	position:absolute;	top:49px;
	background-image:url(../images/system/menu/en/menu_navbox_light.jpg);background-position:0 -44px;
}
.mno_logo{Left:170px;}
.mbrand_logo{left:218px;}
.mrno_logo{	left:718px;}

.mrbrand_logo{	left:766px;}

.menulineclass{	background-image:url(../images/system/bg/548by3.png);}
#menulinetop{
	position:absolute;
	width:548px;
	height:3px;
	top:46px;
}
#menulineright{
	position:absolute;
	width:3px;
	height:50px;
	top:46px;
	background-image:url(../images/system/bg/3by44.png);
}
#menulinebottom{
	position:absolute;
	width:548px;
	height:3px;
	top:93px;
}
div.menuitem{
	float:left;
	list-style:none;
	text-align: center;
	height:44px;
	cursor:pointer;
}


#mh,#mc,#ms,#mt,#mr,#mm{		background-attachment:scroll;		background-repeat:no-repeat;}	
div#mh{	width:76px;	background-position:0 0;}
div#mc{	width:98px;	background-position:-76px 0;}
div#ms{	width:72px;	background-position:-174px 0;}
div#mt{	width:111px;background-position: -246px 0;}
div#mr{	width:106px;background-position: -357px 0;}
div#mm{width:85px;background-position: -463px 0;}

.pri_nav a{	display:block;text-decoration:none;text-indent:-30000px;}
.activated{	background-position: 0 -44px;}

#lngbx{

}
#lngcontainer{position:absolute;top:-7px;left:-30px;width:100px;height:46px;background:url(/images/system/menu/lang_bg.png);display:none;text-align:left;}
#myhicont{	position:absolute;top:0px;right:0px;width:80px;height:31px;background-image:url(../images/system/myhi/myyhi.png);cursor:pointer;}
#myhicont:hover{background-image:url(../images/system/myhi/myyhi2.png);}
.menu_extra{
	position:absolute;top:25px;left:518px;
	font-family:Georgia;font-size:11px;text-transform:uppercase;
	letter-spacing:1px;font-weight:bold;cursor:pointer;color:black;
}
div.menu_extra a{color:black;}
	.menu_extra a.light{color:white;font-size:11px;}
	.menu_extra a.light:hover{color:#f78514;font-size:11px;}
	.menu_extra a.dark{	color:black;font-size:11px;}
	.menu_extra a.dark:hover{color:#f78514;font-size:11px;}
	.menu_extra a.lang{	color:black;font-size:11px;float:left;}
	.menu_extra a.lang:hover{color:#f78514;font-size:11px;}

#filefooter{	margin:0px auto;position:relative;width:426px;text-align:center;float:right;left:0px;margin-top:14px;}
#showfilefooter a.light{	color:white;font-size:11px;text-transform: uppercase;}
.showfile{
float:right;margin-top:24px;margin-right:20px;margin-left:20px;margin-bottom:24px;
}
.showfile_x{

}
.indexfile{
float:left;margin-left:122px;float:left;margin-left:157px;display:none;
}
.indexfileconcept{
float:left;margin-left:157px;display:none;
}
.genricindexfile{
width:100%;
margin:127px auto;
margin-bottom:0px;
}

#showfilefooter{margin-top:144px;}
.footer_file{
width:100%;
margin:127px auto;
margin-bottom:0px;

}
#showfilefooter a{color:black;}
#showfilefooter a.light:hover{	color:#f78514;font-size:11px;text-transform: uppercase;}
#showfilefooter a.dark{	color:black;font-size:11px;text-transform: uppercase;}

#showfilefooter a.dark:hover{	color:#f78514;font-size:11px;text-transform: uppercase;}

#indexfooter{	top:569px;left:288px;/*	margin:0px auto;float:left;*/}

#logofooter{	width:339px;height:38px;margin:0 auto 15px auto;}
#logofooter div{cursor:pointer;height:38px;float:left;}

#logo_1_{width:118px;background-image:url(../images/system/menu/1_black.png);}
#logo_1_dark{width:118px;background-image:url(../images/system/menu/1_black.png);}
#logo_1_light{width:118px;background-image:url(../images/system/menu/1_white.png);} 

 #logo_2_{width:86px;background-image:url(../images/system/menu/2_black.png);}
 #logo_2_dark{width:86px;background-image:url(../images/system/menu/2_black.png);}
 #logo_2_light{width:86px;background-image:url(../images/system/menu/2_white.png);}

 #logo_3_{width:58px;background-image:url(../images/system/menu/3_black.png);}
 #logo_3_dark{width:58px;background-image:url(../images/system/menu/3_black.png);}
 #logo_3_light{width:58px;background-image:url(../images/system/menu/3_white.png);}

 #logo_4_{width:77px;background-image:url(../images/system/menu/4_black.png);}
 #logo_4_dark{width:77px;background-image:url(../images/system/menu/4_black.png);}
 #logo_4_light{width:77px;background-image:url(../images/system/menu/4_white.png);}

 #slogo_1_{width:118px;background-image:url(../images/system/menu/1_black.png);}
 #slogo_1_dark{width:118px;background-image:url(../images/system/menu/1_black.png);}
 #slogo_1_light{width:118px;background-image:url(../images/system/menu/1_white.png);} 

 #slogo_2_{width:86px;background-image:url(../images/system/menu/2_black.png);}
 #slogo_2_dark{width:86px;background-image:url(../images/system/menu/2_black.png);}
 #slogo_2_light{width:86px;background-image:url(../images/system/menu/2_white.png);}

 #slogo_3_{width:58px;background-image:url(../images/system/menu/3_black.png);}
 #slogo_3_dark{width:58px;background-image:url(../images/system/menu/3_black.png);}
 #slogo_3_light{width:58px;background-image:url(../images/system/menu/3_white.png);}

 #slogo_4_{width:77px;background-image:url(../images/system/menu/4_black.png);}
 #slogo_4_dark{width:77px;background-image:url(../images/system/menu/4_black.png);}
 #slogo_4_light{width:77px;background-image:url(../images/system/menu/4_white.png);}

/****** chunk 2 menu end ******/


/*********************************************************
chunk 3
	Home:
		homeboxcontainer
			ul and li elements
	 		- feature tb
**************************************************/

ul#homeboxcontainer{
width:876px;
height:425px;	
background:transparent;	float:left;
padding:0px;
margin:0px;
margin-top:0px;
z-index:2;
}
li.bg_426by425{
	height:425px;
	width:426px;
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;	
	background-image: url(../images/system/bg/426by425.png);
}
li.bg_426by425 div.content_400by399{
	padding:0px;
	margin:13px;
	width:400px;
	height:399px;
	background:transparent;
}
.feature_tb{
/*width:271px;height:87px;background-image:url(/images/system/bg/feature_tb.png);margin-top:289px;text-align:right;float:left;*/
	width:271px;height:75px;
	background-image:url(../images/system/bg/feature_tb.png);
	margin-top:301px;
	text-align:right;
	float:left;
}
.feature_tb p{	padding:8px 24px 0 0;}
#fttb{	text-align:right;	float:right;	margin:10px 18px 0 0;}
#fttb div{text-transform:uppercase;}
td.readon{margin:0px;font-family: Georgia;font-size:10px;letter-spacing:1px;word-spacing:3px;height:20px;}
td.readon a{
/*	font-weight:normal;letter*/
}
td.fttitle{	margin:0px;font-family:Optimer;font-size:12px;letter-spacing:2.5px;	padding:0px;font-weight:normal;}
td.secondline{font-size:16px;}
table.fttb{
	margin:7px 9px 0px 0;
	height:61px;
	width:253px;	
	background:transparent;float:right;
}
table.fttb td,tr{height:13px;margin:0px;padding:0px;text-align:right;}
table.fttb td a {color:#5b5b5b;}
table.fttb td a:hover {	color:#f78514;}

/*** chunk 3 end ***/


/*********************************************************
chunk 4

spa index (selector)
	- verticalresult_carousel
	- left_top_box
		*li classes
	- left_bottom_box
		* buttons scrollto large map
		
**************************************************/

div.verticalresult_carousel{
	height:425px;
	width:230px;
	float:right;
	margin-top:0px;
	background-image: url(../images/system/bg/230by425.png);
}
div.left_top_box{height:300px;width:622px;float:left;background-image: url(../images/system/bg/622by300.png);}
div.left_bottom_box{height:101px;width:622px;float:left;margin-top:24px;background-image: url(../images/system/bg/622by101.png);}
#leftbottomboxcontainer{height:75px;width:596px;margin:13px;text-align:left;}
.mapscrollto{float:left;list-style:none;width:75px;height:75px;background:transparent;text-align:center;}

#filterworld,
#filtereurope,
#filtercarr,
#filterasia,
#filteriberia{
	background-image: url(../images/system/maps/selector_button_strip.jpg);
	width:77px;
	height:75px;
}

#filterworld{	background-position: 0 0;}
#filtereurope{	background-position: -231px 0;}

#filtercarr{	background-position: 231px 0;}
#filterasia{	background-position: -77px 0;}
#filteriberia{	background-position: 77px 0;}

.largemap{width: 596px; height:274px;position: relative;}
#map_holder{position:absolute;left:13px;top:13px;margin:0px;width:596px;height:274px;}


.brandactivated{
background-position:0 -63px;
}

.activemavnap{
cursor: default;
}
#filterworld.activemavnap{
cursor:pointer;
}

/*********************************************************
spa/hotel show (file)
1. left doublecolumn	
	- gallerybox
	- reservebox:
		* states
	- mapbox
		* location info
	- extrasbox
		* tabs
2. right doublecolumn
	- topcontentbox
		*theyhispa
		*thehotel
	-thebrand
		yhispa logo/ brand logo + hotel title via TRUETYPE
	- middlecontentbox
**************************************************/

#gallerybox{
	height:288px;
	width:426px;
	background-image: url(../images/system/bg/gallerybox.png);
	margin-bottom:24px;

}
	#s1{
		padding:13px;	display:none;width:400px;height:262px;
	}
	.zoom{
		position:absolute;
		left:175px;top:201px;
		width:53px;
		height:74px;
		background-image: url(../images/system/buttons/nav/nav_icons_zoom.png);
		display:none;
		cursor:pointer;
	}
#reservebox{
	height:103px;
	width:426px;
	background-image: url(../images/system/bg/reservebox.png);
	margin-bottom:24px;
	top:536px;
}
	/*******reservebox states start*****/
	.reservationboxcontainer{
		width:400px;
		height:77px;
		padding:13px;
		margin:0px;
		position: relative;
	}
	.reservationboxcontainer a{
float:left;
	}
	.generic_reservation{
		width:400px;
		height:77px;
		float:left;

	}
	#spa_reservation{height:38px;background-position: 0 -115px;	cursor:pointer;}
	#spa_reservation:hover{	background-position: 0 -191px;cursor:pointer;}
	#hotel_reservation{	height:38px;background-position: 0 77px;cursor:pointer;}
	#hotel_reservation:hover{background-position: 0 0px;cursor:pointer;}
	/*******reservebox states end*****/
	
	/**********mapbox shit*******/
	#mapbox{
		height:200px;
		width:426px;
		background-image: url(../images/system/bg/mapbox.png);
		margin-bottom:24px;
		top:312px;	
	}
	#mapboxcontainer{width:400px;height:174px;padding:13px;}
	#innermaplocation{width:400px;height:174px;float:left;margin:0px;}
	#location_info{height:174px;width:163px;float:right;text-align:left;}
	#location_info p {margin:20px;}
	#location_text{width:163px;height:124px;background:transparent;padding-top:4px;color:white;font-family:Georgia;font-size:11px;}
	.table_location_row{padding-top:0px;padding-left:30px;text-align:left;}
	.location_titles{letter-spacing:1px;font-weight:bold;color:#767676;	}
	#title_brand_fullname{
		margin:0px auto;
    	letter-spacing:1px;
		color:white;
	}

	.brandtitle{margin:0px auto;color:#E49339;float:left;padding:0px;}
	#small_logo{float:left;width:135px;height:47px;margin-left:-2px;}
	/******mapbox shit end******/
		
	#extrasbox{
		height:259px;
		width:426px;
		background-image: url(../images/system/bg/extrabox.png);
	
		top:763px;
	}
	
		/******************* tabs **************************/
		#extrasboxcontainer{
			height:232px;
			width:398px;
			padding:14px;
		}
		#extra_tabs{width:398px;background-color:#f7f7f7;margin:0px;float:left;}
		div #extrasubcontentholder{height:232px;width:398px;}
		#extrasboxcontainer div.subcontent{margin:32px 45px 45px;text-align:left;height:109px;width:308px;}
	
		table.downloads_extranav{
		width:400px;background:transparent;position:absolute;left:13px;top:790px;padding:0px;
		}
		#extrasbox div.subcontent p{margin:0px;padding:0px;	}
		#extrasbox div.subcontent p.extra_generic{
			margin-top:50px;letter-spacing:1px;font-size:11px;text-align:center;
		}
		#extrasbox div.subcontent a{color:black;letter-spacing:0.25px;}
		#extrasbox div.subcontent a:hover{color:#f78514;}
/*************** right content box in double column***********************************/

#brandbox{height:82px;	width:400px;background:transparent;}
#contentbox{width:426px;float:right;}

	/*************** top content box***********************************/
	.topcontentbox{	width:426px;position:relative;	z-index:5;	float:left;}
	
	#tpb_switcher{width:426px;height:48px;background-image: url(../images/system/bg/switchers.png);}
	#tpb_switcher_container{width:400px;height:35px;position:absolute;top:13px;left:13px;}
	#thebrand{
		width:426px;
		height:82px;
		background-image: url(../images/system/bg/brand.png);		
		float:left;
	}
		/******************* switcher **************************/
			  #tpb_switcher  a.thehotel{
			
				margin-left:10px;
				height:25px;
				width:195px;
				margin-top:0px;
				float:left;	
				background-position: 0 -25px;		z-index:50;
			}
			#tpb_switcher  a.thespa{
	
					height:25px;
					width:195px;
					float:left;	
					background-position: 0 -25px;		z-index:50;
				}
	        #tpb_switcher  a:hover{
				background-position: 0 0px;		z-index:50;
			}
			#thehotel{
	
				margin-left:10px;
				height:25px;
				width:195px;
				margin-top:0px;
				float:left;
				background-position: 0 0;z-index:50;
			}
			#thespa{

					height:25px;
					width:195px;
					float:left;
					background-position: 0 0;z-index:50;
			}
		/******************* end switcher **************************/
		#titlebox{
			margin:0px auto;width:400px;height:82px;
			margin: 0px auto;
			background-image:url(../images/system/file/titlebox/yhi_titlebox.jpg);text-align:center;
		}
		.titletocho{font-family: Optimer; padding-top: 24px; font-size: 24px; color: white; letter-spacing: 3px; visibility: visible;}
	/*************** middle content box start***********************************/
	#middlecontentbox{
		width:426px;
		background-repeat:repeat-y;
		float:left;
		margin:0px;	background-image: url(../images/system/bg/contentbox.png);
	}
	#middlecontentboxcontainer{	width:398px;margin:0px auto;padding:0px;}
	
	/*
	#middlecontentboxcontainer li{width:358px;}	*/	
	div#test-accordion{margin: 10px; border: 1px solid #aaa;}

	div#exclusives_container{
	
	}
	div#therapies_container{width:398px;text-align:left;margin-top:52px;}
	
	div.accordion {	position: relative; /* required for bounding */}

	div.accordion_toggle{
	    position: relative; /* required for effect */
	    z-index: 10;		/* required for effect */
		background: #eee;   
	    cursor: pointer;
		padding:10px;
	}
	div.accordion-toggle-active{background: black;}
	div.accordion_content{
	    overflow: hidden;	/* required for effect */
	    background: #aaa;
		display:none;
	}
	div.accordion_content p{width:358px;text-align: left;margin:0px auto;padding:5px;height:100%;}
/*	#bottomcontentbox{
		height:14px;
		width:426px;
		background-image: url(../images/system/bg/bottomcontentbox.png);	
		margin:0px;
		position:absolute;
		bottom:-14px;left:0px;
	}*/
	#bottomcontentbox{
			height:105px;
			width:426px;
			background-image: url(../images/system/bg/bottom_655by105.png);	
			margin:0px;
			position:relative;
			float:left;
		}
		#bottomcontentboxie{
				height:105px;
				width:426px;
			
				padding:0px;
				position:relative;
				float:left;
				display:none;
			}
	/*************** middle content box end***********************************/
	
/*** chunk 4 spas end ***/


/*********************************************************
Chunk 5

	concept yhispa
		- vbox 	 
**************************************************/
ul#conceptboxcontainer{
	width:876px;
	height:425px;	
	background:transparent;
	padding:0px;
	margin:0px;
	margin-top:0px;
	z-index:2;
	}
li.vbox{
	height:425px;
	width:156px;
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;	
	background-image: url(../images/system/bg/156by425.png);
	cursor:pointer;
	}
li.vbox img{margin-top:13px;cursor:pointer;}

h1.concept_title{
font-size:28px;color:black;margin-top:40px;margin-bottom:0px;visibility:visible;font-family: Georgia;
}
div.concept_holder{
border:0px none;width:596px;margin:13px auto 0 auto;background:#e8e8e8;
}

/*** chunk 5 concept end ***/


/*********************************************************

Chunk 6
	therapies:
		- pagination / navigation
		- doublecolumn content
			*img
			*therapy_type
			*


**************************************************/

div #therapy_paginator{
	width:452px;
	height:29px;background-position:-170px 0;
	float:left;	margin-left:170px;margin-bottom:0px;	background-image: url(../images/system/bg/622by29.png);
	}
	/**********************************
	 PAGINATOR ELEMENTS
		* ITEMS PER PAGE
			NUMBERS
		* PAGE NUMBER
			POSITION
	***********/
	div #therapypaginatorcontainer{	width:444px;height:21px;margin:4px 0 4px 0;}
	#viewoptions{width:205px;height:21px;float:left;}
	#pag_itemsperpage{float:left;width:128px;height:21px;}
	#pag_itemperpage_numbers_container{	width:77px;	height:21px;float: left;}
.pagination{margin-top:0px;}
		.pagination a{
	/*font-family:Optimer;*/ padding:2px 6px 0px 6px;margin:0px;float:left;height:18px;
		}
		.pagination a:hover{
		 background-color: #ffffff;height:21px;
		}
		span.current{
			background:#ffffff;color:black;padding:3px 6px 3px 6px;margin:0px;float:left;font-weight: bold;
		}
		span.disabled{margin:0px;float:left;padding:3px 4px 2px 4px;}
	#navoptions{width:200px;height:21px;float:right;margin-right:-4px;}
	#pag_pagenumber{float:left;width:70px;height:21px;padding:3px 4px 2px 4px;}
	#pag_pagenumber_pages_container{font-family:Georgia;height:21px;float:right;margin-top:0px;margin-right:0px;}
	td.stylepage_0{
		background:none;
		color:white;
	}
	td.stylepage_1{
		background:white;
		color:black;
	}
	div #generic_paginator{
		width:622px;
		height:29px;background-position:0px 0;
		float:left;	margin-left:0px;margin-bottom:0px;	background-image: url(../images/system/bg/622by29.png);
		}
		/**********************************
		 PAGINATOR ELEMENTS
			* ITEMS PER PAGE
				NUMBERS
			* PAGE NUMBER
				POSITION
		***********/
		div #genericpaginatorcontainer{	width:614px;height:21px;margin:4px;}
/**************************/
div.dblcolumn{
	width:299px;
	height:108px;
	float:left;
	background-image: url(../images/system/bg/299by108.png);
	margin-top:24px;margin-right:24px;
	}
.dblcolumncontainer{width:273px;height:82px;margin:13px;}
div.therapyimgholder{
	width:102px;
	height:82px;
	background-image: url(../images/test/imgholder01.jpg);
	float:left;	
	}
div.therapyinfoholder{width:171px;height:82px;float:left;}

a.linktotherapy{font-family:Georgia;font-size:10px;letter-spacing:1.2px;}
.therapytype {
	height:23px;
	width:171px;
	color:#f78514;	
	padding:0px;
	margin-top:0px;
}
	.therapytype p{
		font-family:Georgia;font-size:11px;letter-spacing:1.2px;margin:0px;padding:7px 0 0 0;color:#f78514;
	}
.therapytitle{
	margin-top:0px;
	height:42px;
	}
	.therapytitle p{
		font-family:Georgia,"Times New Roman",serif;
		font-size:11px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		color:white;margin:0px;padding:3px 0 0 0px;
	}
.therapylink{
	background-color:#f78514;
	height:17px;
	line-height:15px;
	width:171px;
	color:white;
	padding:0px;
	}
 .full_the{	font-family:Georgia;font-weight:bold;letter-spacing:1px;margin:0px;}
.showtherapy_title{
	font-family:Georgia;font-weight:bold;letter-spacing:1px;margin:0px;
	font-size:11px;color:#333333;margin-left:19px;
	}
.showtherapy_content{
	font-family:Georgia;font-weight:normal;letter-spacing:1px;word-spacing:3px;margin:0px;
	font-size:11px;color:#333333;margin-left:19px;margin-right:19px;
	}
	.showtherapy_content p{
		font-size:11px;
		line-height:28px;
		}	
.therapy_content{width:562px;border-top:1px solid #cdcdcd;margin:0px 16px;text-align:left;padding:22px 0 10px 0;float:left;}

.genericselect{
	margin:14px;margin-top:4px;text-align:left;
	padding-top:2px;
	padding-left:0px;
	padding-bottom:2px;
	/*border-top:1px solid #afafaf;
	border-bottom:1px solid #afafaf;*/
	}
	
#hotels option{

}
/*.genericselect select{
	border:0px;
	margin:0px;
	padding:0px;
	font-family:Georgia,"Times New Roman",serif;
	font-size:11px;
	letter-spacing:0.75px;
	text-transform:capitalize;
	height:13px;
	}*/

.genericselect option{	padding:0px 7px; font-size:9px;margin:7px 0;}

.genericselect input{
	border:0px;
	margin:0px;
	padding:0px;
	width:115px;
	font-family:Georgia,"Times New Roman",serif;
	font-size:11px;
	letter-spacing:0.75px;
}
span.select {
	position: absolute;
	width: 162px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 18px;
	padding: 3px 6px 0 8px;
	color: black;

	background: url(../images/system/bg/bg_select.jpg) no-repeat;
	overflow: hidden;
}
.genericselect img{padding-left:10px;}
.generictypo{
	font-family:Georgia,"Times New Roman",serif;
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing:1px;
	color:black;
	margin:14px;margin-bottom:0px;text-align:left;
}
.package{	margin-bottom:24px;}
.fulltherapy{	width:622px;	float:left;margin-top:0px;}
.fulltherapy div.top_622by13{
	width:622px;
	float:left;
	background-image: url(../images/system/bg/622by13top.png);
	height:13px;
}
.fulltherapy div.middle_622by1{
	float:left;
	background-image: url(../images/system/bg/622by1middle.png);
	background-repeat: repeat-y;
	width:622px;
		padding:0px;
	margin:0px;

}
	div.therapyimageheader{	height:210px;width:596px;margin:0px 13px 0 13px;}
	div.fulltherapy_content{border:0px none;width:596px;margin:13px auto 0 auto;background:#e8e8e8;	}
	div.therapytitleheader{text-align:left;float:left;padding:0px 35px 0 35px;}
	h1.fulltherapytitle{font-size:28px;color:black;margin-top:35px;margin-bottom:0px;visibility:visible;}
	h3.fulltherapytitle{font-size:11px;color:#f78514;padding:15px 0;}
	div.first_therapycontent{border-top:0px solid #cdcdcd;}
.fulltherapy div.bottom_622by13{
	width:622px;
	height:13px;
	float:left;
	background-image: url(../images/system/bg/622by13bottom.png);	
	padding:0px;
	margin:0px;
}
/**therapy
	- urban
	- snow
	- leisure
*/

.therapylocation_1,.therapylocation_2,.therapylocation_3{width:171px;height:82px;}
.therapylocation_2{	background-image:url(../images/system/bg/dblbox_back_leisure.jpg);}
.therapylocation_3{	background-image:url(../images/system/bg/dblbox_back_snow.jpg);}
.therapylocation_4{	background-image:url(../images/system/bg/dblbox_back_urban.jpg);}
.therapylocation_brand_0{background-image:url(../images/system/bg/dblbox_back_granm.jpg);}
.therapylocation_brand_1{background-image:url(../images/system/bg/dblbox_back_melia.jpg);}
.therapylocation_brand_2{background-image:url(../images/system/bg/dblbox_back_me.jpg);}
.therapylocation_brand_3{background-image:url(../images/system/bg/dblbox_back_paradisus.jpg);}


.package_brand_sngl{position:absolute;height:82px;left:215px;z-index:0;width:394px;}

.package_brand_0{background-image:url(/images/system/bg/sngbox_back_granm.jpg);}
.package_brand_1{background-image:url(/images/system/bg/sngbox_back_melia.jpg);}
.package_brand_2{background-image:url(/images/system/bg/sngbox_back_me.jpg);}
.package_brand_3{background-image:url(/images/system/bg/sngbox_back_paradisus.jpg);}

/*******************************
Chunk 7
	packages
		- singlecolumn
	
*********/

 .largepackage{	width:622px;float:left;margin-bottom:24px;}
 .largepackage div#top_622by13{
	width:622px;
	float:left;
	background-image: url(../images/system/bg/622by13top.png);
	height:13px;
}
 .largepackage div.bottom_622by13{
	width:622px;
	height:13px;
	float:left;
	background-image: url(../images/system/bg/622by13bottom.png);	
	padding:0px;
	margin:0px;

}
td.bottom_622by13{
	width:622px;
	height:13px;
	float:left;
	background-image: url(../images/system/bg/622by13bottom.png);	padding:0px;
	margin:0px;

}

.largepackage div.middle_622by1{
	float:left;
	background-image: url(../images/system/bg/622by1middle.png);
	background-repeat: repeat-y;
	width:622px;
		padding:0px;
	margin:0px;

}
td.middle_622by1{
	float:left;
	background-image: url(../images/system/bg/622by1middle.png);
	background-repeat: repeat-y;
	width:622px;
		padding:0px;
	margin:0px;

}
.largepackage_rightcontent{	float:right;background:black;width:394px;border:0px none;text-align:left;}
.largepackage_rightcontent div{
	float:right;width:393px;border-left:1px dotted #afafaf;text-align:center;height:24px;
	font-family:Georgia, "Times New Roman", serif; font-size:11px; font-weight:bold;text-transform:uppercase;
	letter-spacing:1px;

	color:white;
}
.state2{
	background-image:url(../images/system/bg/en/state_1.gif);
}
.largepackage_rightcontent p{
	margin-left:20px;
	margin-right:20px;
	font-family:Georgia,"Times New Roman",serif;
	font-size:11px;	letter-spacing:1.25px;
}
.largepackage_leftcontent{	float:right;background:black;width:202px;text-align:left;}
.largepackage_leftcontent a{margin-left:20px;}
.largepackage_leftcontent p{font-family:Georgia, "Times New Roman", serif; font-size:11px; font-weight:normal;text-transform:uppercase;color:#f1f1f1;letter-spacing:1px;}
.largepackage div.largecontainer{
	text-align:center;
	margin-left:13px;margin-right:13px;margin-top:-13px;
	width:596px;
	background:black;
	color:white;
}
.largepackageinfocontainer{	width:596px;background:black;margin-left:13px;}
.large_snginfoholder{	width:393px;float:right;}
.otherpackagebox{float:left;height:160px;margin-top:40px;width:202px;}

.imgholder{	width:202px;	float:left;		margin:0px;padding:0px;border:0px none;float:left;}
.closed{height:82px;}
.infoholder{width:394px;margin:0px;padding:0px;float:left;}



.packagetextholder p{
	margin:0px;
	margin-top:0px;
	padding-left:20px;
	padding-right:0px;font-family:Georgia,"Times New Roman",serif;
	font-size:11px;	letter-spacing:1px;color:#f1f1f1;line-height:17px;
} 

.packagetextholder{text-align:left;letter-spacing:1px;margin:0px;padding:0px;z-index:5;float:left;width:380px;margin-top:2px;}
testttt{
	
	font-family:Georgia; font-size:10px; font-weight:normal;text-transform:capitalize;color:#f1f1f1;
	letter-spacing:1px;text-align:left;padding-left:20px;width:100%;padding-top:15px;
}
p .leftbox{
	
	font-family:Georgia; font-size:10px; font-weight:normal;text-transform:capitalize;color:#f1f1f1;
	letter-spacing:1px;padding-left:20px;width:100%;padding-top:15px;
}

.relatedlinks {	float:left;color:white;padding:10px;margin-left:20px;}
div.bookthispackage{
	float:right;bottom:0px;width:394px;text-align:center;height:24px;
	font-family:Georgia, "Times New Roman", serif; font-size:11px; font-weight:bold;text-transform:uppercase;
	letter-spacing:1px;
	color:white;
}
.packagesdescription{display:none;line-height:24px;min-height:230px;}
.packagesdescription p{margin-bottom:30px;letter-spacing:1.25px;line-height:24px;}
.packagesdescription ul{margin-bottom:30px;}
div.packagesdescription ul li{color:white;line-height:28px;}
/* reservations packages */
.stepcontainer{height:60px;border-bottom:1px solid #cdcdcd;width:786px;margin:0px auto 0px auto;background:#e8e8e8;text-align:left;}
h1.generaltitle{
	margin:0px;
	font-family:Georgia,"Times New Roman",serif;
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
	line-height:14px;
	margin-left:5px;
	letter-spacing: 1.5px;
	color:#464646;
}
p.genericcontent,
td p{
	margin:0px;
	margin-left:5px;	
	font-family:Georgia,"Times New Roman",serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1.5px;
	color:#464646;
}
td strong,ul,li{color:#7F7F7F;font-family:Georgia,"Times New Roman",serif;font-size:11px;line-height:14px;letter-spacing: 1.5px;}

.underlinedtext{text-decoration:underline;font-size:10px;letter-spacing:0.5px;margin-left:5px;text-indent:8px;color:#464646;font-family:Georgia;}


.snglcolumn_title{
float:left;width:275px;text-align:left;margin-top:7px;margin-bottom:3px;font-family:Georgia,"Times New Roman",serif;font-size:11px;padding-left:20px;color:white;font-weight:bold;letter-spacing:1px;
}
.snglcolumn_hotel{
float:left;width:75%;text-align:left;font-family:Optimer;letter-spacing:1.5px;line-height:14px;padding-left:20px;font-size:11px;
}
.snglcolumn_price{
position:absolute;width:99px;text-align:right;margin-top:12px;letter-spacing:1px;font-family:Optimer;font-size:18px;
right:0px;
}
.true_place_for_price{
float:right;color:#f78514;margin-right:22px
}
.snglcolumncontainer{
width:394px;position:relative;height:82px;
}

/************* chunk 7 packages end*********/


/***********************
Chunk 8 
	myhispa section
	 1. appearance
	 2. gifts for you
		2.1 icons
		2.2 images (downloadables)
		2.3 extras
	 3. gifts for friends
		
********/

.backsample{height:55px;width:327px;margin:8px;padding:0px;margin-left:0px;}
.backsample_right{float:right;}
.backsample_left{float:left;}
.giftforyou{width:246px;height:414px;background:transparent;float:left;}
#yhi_icons{background-image: url(../images/system/myhi/yhi_icons.jpg);}
#yhi_images{background-image: url(../images/system/myhi/yhi_images.jpg);cursor:pointer;}
#yhi_extras{background-image: url(../images/system/myhi/yhi_extras.jpg);}
/*downloadable*/
.dwn_clm{background:transparent;height:282px;width:170px;margin-left:170px;margin-top:91px;float:left;font-family:Georgia,"Times New Roman",serif;font-size:11px;color:#464646;}
.dwn_clm p{padding:0px;margin:0px;margin-top:10px;margin-bottom:3px;font-weight:bold;text-transform: capitalize;}
.dwn_clm span{color:#f78514;}
.dwn_clm ul{padding:0px;margin:0px;}
.dwn_clm ul li{list-style: none;height:16px;}
.dwn_clm  a{font-weight:bold;color:#464646;font-size:11px;}
.dwn_clm  a:hover{color:#f78514;font-size:11px;}

/*******

CHUNCK 9 MEDIA

****/
.mediaheader{float:left;text-align:left;}
.media_title{font-family:Georgia;font-size:11px;color:white;font-weight:bold;}
.mediabrand {font-family:Optimer;font-size:11px;}

.mediatypevideo{color:#f78514;float:right;}
.mediatypepodcast{color:#604088;float:right}

.mediatextholder p{
	margin:0px;
	margin-top:0px;
	padding-left:20px;
	padding-right:20px;font-family:Georgia,"Times New Roman",serif;
	font-size:11px;	letter-spacing:1.25px;color:#f1f1f1;line-height:13px;
} 
.mediatextholder{text-align:left;letter-spacing:1px;margin:0px;margin-top:2px;padding:0px;z-index:5;float:left;}


.medialinkvideo a{font-weight:bold;color:#f78514;font-size:11px;}
.medialinkvideo a:hover{color:white;font-size:11px;}

.medialinkpodcast a{font-weight:bold;color:#604088;font-size:11px;}
.medialinkpodcast a:hover{color:white;font-size:11px;}


div.media_carousel{
	height:372px;
	width:230px;
	float:right;
	margin-top:0px;
	background-image: url(../images/system/bg/bg_mediafilter.png);
}




.mediafilter{
height:40px;
width:204px;
float:left;
}
#mediafiltercontainer{
width:204px;
height:346px;
position:absolute;top:13px;right:13px;
}

#videofilter{
/*	background-image: url(../images/system/media/videos_on.jpg);*/
}

#podcastfilter{
	/*background-image: url(../images/system/media/podcasts_on.jpg);*/
	margin-top:3px;
}
#mediafilterbox{
	margin-top:10px;
	height:253px;
	width:204px;
	float:left;
	background-image: url(../images/system/media/filterbox.jpg);
}
/*******

generic margin classes
	- right;
	-left;
	- bottom;

****/
li.marginright,.marginright{
	margin-right:24px;
}
li.marginleft{
	margin-left:24px;
}
.marginbottom{
	margin-bottom:24px;
}
.margintop{
	margin-top:24px;
}
/******logos******/
.featurecontainer{
width:742px;height:486px;background:#E6E6E6;margin:0px auto;
}
	#lw_header{
		width:742px;height:66px;
		background-image:url(/images/system/bg/fondo740by66.jpg);float:left;text-align:center;color:white;
	}
	table#headercontainer{
		width:742px;height:66px;border:0px none;
	}
	.feature_separator{
	float:left;width:1px;height:355px;background:#d4d0d1;margin:40px 39px auto 31px;
	}
	p.link{
		font-family:Georgia;font-size:11px;font-weight:bold;letter-spacing:1px;
	}
	a.links{
		float:left;color:white;padding:3px 5px;
		margin-left:0px;margin-right:150px;background:#fe9310;text-decoration:none;
		text-align:center;font-size:11px;font-weight:bold;letter-spacing:1px;
	}
	a.links:hover{
		color:black;
	}
	#leftside{
		float:left;width:285px;height:430px;margin-left:12px;
	}
	#rightside{
		float:left;margin-top:40px;height:378px;background:transparent;width:340px;
	}
	#rightside p{
		font-family:Georgia;
		font-size:11px;
		color:#333333;
		line-height:28px;
		letter-spacing:1px;
		text-align:left;
	}
	#scrollbar_container {  
	    position:relative;  
	    width:340px;  
		height:250px;
	} 

	#scrollbar_track {  
	    position:absolute;  
	    top:0;  
	    right:0;  
	    height:100%;  
	    width:10px;  
	    background-color:transparent;  
	    cursor:move;  
	} 

	#scrollbar_handle {  
	    width:10px;  
	    background-color:#f78514;  
	    cursor:move;  
	    -moz-border-radius: 5px;  
	    -webkit-border-radius: 5px;  
	    opacity:0.9;  
	    -moz-opacity:0.9; 
	} 

	#scrollbar_content {  
	    overflow:hidden;  
	    width:325px;  
	    height:250px;  
	}
/***************************************************/
td.active  {
background-color:white;
color:black;font-family:Georgia;font-weight:bold;padding:0px 2px;font-size:11px;
}
td.active a {
color:black;
}
td.inactive {
background-color:transparent;
}
td.therapies{
padding-top:2px;
}
td.packages{
padding-top:4px;
}
td.inactive a {
color:white;
}
td.inactive a:hover {
color:black;
}
/*************************languages**************************/
div.langcontainer{
	float:left;width:94px;
}
div.langcontainer img{
float:left;margin-top:4px;margin-left:3px;margin-right:2px;
}
#lngcontbox{
background:white;line-height:20px;width:94px;margin-left:3px;margin-top:3px;text-align:center;
}
/***************************************************/
.concept_banner_image{
	height:210px;width:596px;margin:0px 13px 0 13px;
}
/**********reservations***********/
table.reservation_form_table{
width:786px;margin:0px auto 0px auto;background:#e8e8e8;
}
.form_row {width:480px;float:left;margin-top:4px;}
.form_left{float:left;margin-top:3px;}
.form_right{float:right;margin-right:50px;}


img#slogo_1_{width:118px;background-image:url(../images/system/menu/1_black.png);}
img#slogo_1_dark{width:118px;background-image:url(../images/system/menu/1_black.png);}
img#slogo_1_light{width:118px;background-image:url(../images/system/menu/1_white.png);} 

img#slogo_2_{width:86px;background-image:url(../images/system/menu/2_black.png);}
img#slogo_2_dark{width:86px;background-image:url(../images/system/menu/2_black.png);}
img#slogo_2_light{width:86px;background-image:url(../images/system/menu/2_white.png);}

img#slogo_3_{width:58px;background-image:url(../images/system/menu/3_black.png);}
img#slogo_3_dark{width:58px;background-image:url(../images/system/menu/3_black.png);}
img#slogo_3_light{width:58px;background-image:url(../images/system/menu/3_white.png);}

img#slogo_4_{width:77px;background-image:url(../images/system/menu/4_black.png);}
img#slogo_4_dark{width:77px;background-image:url(../images/system/menu/4_black.png);}
img#slogo_4_light{width:77px;background-image:url(../images/system/menu/4_white.png);}
