/***********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);}


/*************
Tooltips

***********************************************/
.tooltipTrigger {
	border-bottom: 1px #FFCC99 dotted;
	cursor: pointer;
}
.tooltip,
.actionHint {

  /*background-color: #afafaf;*/
  font-family: Georgia, Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000; 
  width: 328px;
 height:247px;
	text-align:center;
  z-index: 100;
/*  display: none; */
}
.tooltip h4,
.actionHint h4 {
  font-size: 11px;
line-height:24px;
/*  background-color: #C17C35;*/
  margin: -2px -4px 3px -4px;
  padding: 1px 4px 1px 4px;
}
.tooltip h5,
.actionHint h5 {
  font-size: 11px;
text-transform:capitalize;
/*  background-color: #CEA77D;*/
  margin: 0px -4px 3px -4px;
  padding: 1px 4px 1px 4px;
}
.tooltip p,
.actionHint p {
  margin: 0;
}
.actionHint {
  width: 140px;
}

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/
.tooltipbannerholder{
	float:right;width:328px;height:52px;margin-top:20px;
}

.tooltipimgholder{
	float:right;width:328px;height:217px;
}
.tooltipbannerholder div.bannertooltip{
	font-family:Optimer;font-size:18px;line-height:24px;letter-spacing:1.2px;text-transform:uppercase;margin-top:6px;
}

#tooltipimgholder_0{
	background-image: url('../images/test/spas/granmeliacancuntooltip.jpg');
}
#tooltipimgholder_1{
	background-image: url('../images/test/spas/royaltanautooltip.jpg');
}

#tooltipimgholder_2{
	background-image: url('../images/test/spas/mecancuntooltip.jpg');
}

#tooltipimgholder_3{
	background-image: url('../images/test/spas/cuabtooltip.jpg');
}



/****************************************************/
.starpoint{
background-image: url('../images/test/maps/star.png');
width:15px;
height:15px;
position:absolute;
border:0px none;
}
/****************************************

tabs

*****************extra  **************************/

/*********************** content **********************/

		/*************** generic tabs **************/
		 ul.subsection_tabs {
		/*border-bottom:1px solid #CCCCCC;*/

		height:32px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		width:398px;
		background-color:#f7f7f7;
		/*margin-top:14px;*/

		/*margin:0px auto;*/
		margin:0px auto;
		/*margin-left:14px;*/
		/*float:left;*/
		padding:0;
		}


		 ul.subsection_tabs li.tabs {
		float:left;
		margin:0px;
		text-align:center;
		width:132px;
		height:32px;
		vertical-align:middle;
		}

		 ul.subsection_tabs li.tabs a {

			background-color:#c3c3c3;
		color:#666666;
				display:block;
		height:32px;
		padding:0 0px;
		width:132px;
		text-transform: uppercase;
		font-family:Georgia;
		margin-top:0px;
		font-weight:bold;font-size:11px;
		letter-spacing: 1px;
		line-height:32px;
		}
		 ul.subsection_tabs li.tabs a:hover {
		background-color:#f7f7f7;
		color:#000000;
		}
		  ul.subsection_tabs li.tabs a.active {
		background-color:#f7f7f7;
		color:#000000;
		}

		#tab_a{
			border-right: 1px solid #f7f7f7;
		}
		#tab_a:hover{
			border-right: 1px solid #c3c3c3;
		}
		#tab_c{
			border-left: 1px solid #f7f7f7;
		}

		#tab_c:hover{
			border-left: 1px solid #c3c3c3;
		}
		/***********************/
		/***********************/
		 ul.s_subsection_tabs {
			height:32px;line-height:32px;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			width:398px;
			background-color:#f7f7f7;
			margin:0px;
		/*	margin-left:14px;*/float:left;
			padding:0px ; 
						padding-top:20px;		
		}

		 ul.s_subsection_tabs li.subtabs {
			float:left;
			margin:0px;
	

			text-align:center;
			width:132px;
			height:32px;
			vertical-align:middle;
		}
		
		
		 ul.s_subsection_tabs li.subtabs a {
		
			color:#cdcdcd;
		}
		 ul.s_subsection_tabs li.subtabs a:hover {
			border-bottom: 3px solid #E49339;
			color:#000000;
		}
		  ul.s_subsection_tabs li.subtabs a.active {
			border-bottom: 3px solid #E49339;
			color:#000000;
		}
		/***********************//***********************/
		/***********************//***********************/

		.hotel_list{
	/*		width: 358px; margin: 0px; padding: 0px; text-align: left;left:0px;*/
		}


		/***********************/
		.contenttabcontainer{
			font-family:Georgia;
			font-size:11px;
			margin:0px;padding:0px;text-align:center;width:398px;
		}

	.contenttabcontainer p{
			padding:20px;
			margin:0px;text-align:left;letter-spacing:1px;line-height:28px;
		}
	
	.contenttabcontainer ul li p{
	/*	padding:13px 20px 20px 40px;*/
	padding:0px;
		margin:0px;text-align:left;line-height:28px;

	}
		.contentsubtabcontainer{
			font-family:Georgia;
			font-size:11px;line-height:28px;
			margin:0px;padding:0px;float:left;text-align:left;width:100%;
		}
		.contentsubtabcontainer li > p{
			/*padding:20px;*/
			margin:18px 0  0 50px;text-align:left;letter-spacing:1px;font-size:11px;line-height:28px;
		}
		.contentsubtabcontainer li{
		   line-height :28px;
		   margin : 0;
		   padding : 0;
		/*   height:40px;*/
	list-style-image: url(../images/test/maps/star_black.gif);

		}
		.contentsubtabcontainer ul{
			list-style:outside;
			margin:20px 50px; 
			padding:0px;
		margin-bottom:24px;

		}
			.contenttabcontainer li{
			
			}
		#cc ul{
		 margin:0px 50px 24px 50px;
						width:80%;padding:0px;
		}
		
		#cc ul li{
		   line-height : 28px;
		   margin-bottom : 10px;
		   padding : 0;	list-style-image: url(../images/test/maps/star_black.gif);
 
		}
		#cc li > p{
			padding:0px;/*padding-left:50px;*/
		text-align:left;letter-spacing:1px;font-size:11px;
		}
		#file_extra_images{
		width:400px;height:82px;margin-top:9px;margin-left:13px;float:left;background:black;text-align:left;
		}
	
/*******************

packages reservation tabs

************/
	#retab_a{
		border-right: 1px dotted #c3c3c3;
	}
	#retab_a:hover{
		border-right: 1px dotted #f7f7f7;
	}
	#retab_c{
		border-left: 1px dotted #c3c3c3;
	}

	#retab_c:hover{
		border-left: 1px dotted #f7f7f7;
	}
 ul.reservation_tabs {
/*border-bottom:1px solid #CCCCCC;*/

height:32px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:850px;
background-color:#E6E6E6;
/*margin-top:14px;*/

/*margin:0px auto;*/
margin:0px;
/*margin-left:14px;*/
float:left;
padding:0;
}


 ul.reservation_tabs li.retabs {
float:left;
margin:0px;
text-align:center;
width:282px;
height:32px;
vertical-align:middle;
}

 ul.reservation_tabs li.retabs a {

	background-color:#c3c3c3;
color:#666666;
display:block;
height:32px;
padding:0 0px;
width:282px;
text-transform: uppercase;
font-family:Georgia;
margin-top:0px;
font-weight:bold;font-size:11px;
letter-spacing: 3px;
text-decoration:none;
line-height:32px;
}
#retab_b{
	width:284px;
}
 ul.reservation_tabs li.retabs a:hover {
background-color:#f7f7f7;
color:#000000;
}
  ul.reservation_tabs li.retabs a.active {
background-color:#E6E6E6;
color:#000000;
}

ul.myhi_tabs {
/*border-bottom:1px solid #CCCCCC;*/

height:32px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:740px;
background-color:#E6E6E6;
/*margin-top:14px;*/

/*margin:0px auto;*/
margin:0px;
/*margin-left:14px;*/
float:left;
padding:0;
}


 ul.myhi_tabs  li.retabs {
float:left;
margin:0px;
text-align:center;
width:246px;
height:32px;
vertical-align:middle;
}

 ul.myhi_tabs  li.retabs a {

	background-color:#f78514;
color:#f1f1f1;
display:block;
height:32px;
padding:0 0px;
width:246px;
text-transform: uppercase;
font-family:Georgia;
margin-top:0px;
font-weight:bold;font-size:11px;
letter-spacing: 3px;
text-decoration:none;
line-height:32px;
}
 ul.myhi_tabs  li.retabs a:hover {
background-color:#f7f7f7;
color:#000000;
}
  ul.myhi_tabs  li.retabs a.active {
background-color:#E6E6E6;
color:#000000;
}

.black_overlay {
background: #000000; opacity: 0.8; width:100%;height:100%;position:absolute;top:0px;display:none;}


.white_content {
background-color:#E6E6E6;
border:10px solid #f1f1f1;
display:block;
height:496px;
left:0px;
overflow:hidden;
/*padding:16px;*/
position:absolute;
margin:0px;
padding:0px;
top:0px;
width:740px;
z-index:1002;
}

/*******
accordion
	
		
****/
	
	div.accordion {
		position: relative; /* required for bounding */
	}

	li.accordion_toggle{
	 height:28px;
	/*	background: #eee;   */
	   
		padding:0px;margin:0px;width:348px;list-style-type: none;list-style-image: none;
	}
	li.accordion_toggle div{
		width:100%;
		float:left;
	}
	li.accordion_toggle div.opener p{
		 cursor: pointer;
	}
	li.accordion_toggle div.link{
display:none;
margin-top:14px;
	}
	li.accordion_toggle div.link a{
		padding:2px 4px 2px 4px;
		background:#f78514;line-height:14px;float:right;
	}
	li.accordion_toggle div.desc{
		display:none;
	}
	li.accordion_toggle div.desc p{
		margin-right:40px;
	}
	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;margin-left:20px;margin-right:20px;

		height:100%;
		float:left;
	}
	
	div.accordion_content  a.link{
	padding: 5px; background: #f78514 none repeat scroll 0% 0%;  float:right;margin:5px; 
	}
	
	div.opener p{
	margin:0px;
	padding:0px;cursor:pointer;
	line-height:28px;background:transparent;
	}
	table.accordion_toggle tr.hidden_row{
	height:0px;display:none;
	}
	table.accordion_toggle tr{
	height:100%;
	display:block;
	}
	table.accordion_toggle div.desc p{
		padding:5px 0 10px 0;
	}
	table.accordion_toggle  img.list_style{
		margin-left:-23px;
	}
	table.linkbox{
		width:298px;
	}
	table.linkbox td{
		width:147px;
	}
	table.linkbox td a.link{
	background:#f78514;
	padding:2px 5px;
	}

/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
/*  width: 610px;*/
 width:400px;height:399px;margin:0px;background:black;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
/*  width: 500px;*/
width:400px;height:399px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 399px;
}                      

#horizontal_carousel ul li {
  width: 400px;
  height: 399px;
  text-align: center; 
  list-style:none;   
  float:left;
margin:0px;
}

#horizontal_carousel .previous_button {
  position:absolute;

left:0px;
top:56px;

  width: 74px;
  height: 53px;
  background: url(../images/system/buttons/nav/nav_icons_left.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
 background: url(../images/system/buttons/nav/nav_icons_left_over.png);
}

#horizontal_carousel .previous_button_disabled {
background: none;
 cursor: default;
}

#horizontal_carousel .next_button {
	  position:absolute;
	top:56px;
	right:0px;

	  width: 74px;
	  height: 53px;
	  background: url(../images/system/buttons/nav/nav_icons_right.png);
	  z-index: 100;
	  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(../images/system/buttons/nav/nav_icons_right_over.png)
}

#horizontal_carousel .next_button_disabled {
 background: none;
  cursor: default;
}


/* vertical Carousel */

.ui_vertical_carousel {
}

#vertical_carousel {
  float:left;
  height:399px;
  width: 204px;
  left: 13px;
	top:13px;
  position: relative;
}

#vertical_carousel .container {
	   position:absolute;
top :42px;left:0px;
	padding-top:14px;
	padding-bottom:14px;  
	padding:0px;
	height:313px;
	width:204px;
	border-top:1px solid #cdcdcd;
	background:#e8e8e8;
	border-bottom:1px solid #cdcdcd;
  overflow: hidden;
}

#vertical_carousel ul {
  margin:0px;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
	/*border-top:1px solid #A7A7A7;*/
}
#vertical_carousel ul li#granmelia{
	background-image: url(../images/system/bg/selector_cells_gran.jpg);
	background-position: 0 0;
}	

#vertical_carousel ul li#melia{
	background-image: url(../images/system/bg/selector_cells_melia.jpg);
	background-position: 0 0;
}	

#vertical_carousel ul li#me{
	background-image: url(../images/system/bg/selector_cells_me.jpg);
	background-position: 0 0;
}	

#vertical_carousel ul li#paradisus{
	background-image: url(../images/system/bg/selector_cells_para.jpg);
	background-position: 0 0;
}	

#vertical_carousel ul li#yhi{
	background-image: url(../images/system/bg/selector_cells_yhi.jpg);
	background-position: 0 0;
}

#vertical_carousel a{
margin:0px;padding:0px;float:left;
}
#vertical_carousel img{
margin:0px;padding:0px;cursor:pointer;
}

#vertical_carousel ul li.result_item {
	height:62px;
	width:204px;
  text-align: center;      
  list-style:none; 
	background-image:url(../images/system/bg/selector_rollover.jpg);
	border-bottom:1px solid #cdcdcd;

	text-align: left;
	background-position: 0 0;
	font-family: Georgia;
	font-size: 11px;
	font-weight: bold;
	color:black;text-transform:uppercase;
/*	padding-left:20px;
	padding-top:14px;*/
  float:left;
}        
#vertical_carousel ul li.result_item:hover{
background-position: 0 -63px;
}
#vertical_carousel ul li.result_item:hover p a{
color:#f78514;
}

#vertical_carousel ul li.result_item p{
	padding:0px;
	margin:10px;
}
#vertical_carousel ul li.result_item p a{
	color:#333333;
	font-size:11px;text-transform:uppercase;
}
#vertical_carousel ul li.result_item p a:hover{

	font-size:11px;
}
#vertical_carousel .button_off{
	height:28px;
	width:204px;
 float:left;
}
#vertical_carousel .previous_button {

	background-image: url(../images/system/buttons/nav/strip_up.jpg);
	background-position:0 56px ;
	height:28px;
	width:204px;
 float:left;cursor:pointer;

}

#vertical_carousel .previous_button_over {
/*	background-image: url(../images/system/selector_up.png);*/
		background-position:0 0px;
}

#vertical_carousel .previous_button_disabled {

	background-position:0 -56px;
  cursor: default;
}

#vertical_carousel .next_button {
 	height:28px;
	width:204px;
	background-image: url(../images/system/buttons/nav/strip_down.jpg);
	background-position:0  -28px ;
   position:absolute;
bottom:0px;left:0px;
cursor:pointer;
}

#nextoffbutton {
 	height:28px;
	width:204px;

   position:absolute;
bottom:0px;left:0px;

}
#vertical_carousel .next_button_over {
/*	background-image: url(../images/system/selector_down.png);*/
		background-position:0 0px ;
}

#vertical_carousel .next_button_disabled {
/*	background-image: url(../images/system/selector_down.png);*/
  cursor: default;
	background-position:0 -56px;
}
/*************************************************************************/

#brand_vertical_carousel {
  float:left;
  height:399px;
  width: 204px;
  left: 13px;
	top:13px;
  position: relative;
}

#brand_vertical_carousel .container {
	   position:absolute;
top :42px;left:0px;
	padding-top:14px;
	padding-bottom:14px;  
	padding:0px;
	height:313px;
	width:204px;
	border-top:1px solid #cdcdcd;
	background:#e8e8e8;
	border-bottom:1px solid #cdcdcd;
  overflow: hidden;
}

#brand_vertical_carousel ul {
  margin:0px;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
	/*border-top:1px solid #A7A7A7;*/
}
/*
li#yhispa:hover{
background:yellow;
}
li#melia:hover{
background:black;
}
li#granmelia:hover{
background:red;
}
li#me:hover{
background:blue;
}
li#paradisus:hover{
background:purple;
}		
*/
#brand_vertical_carousel ul li#granmelia{
	background-image: url(../images/system/bg/selector_cells_gran.jpg);
	background-position: 0 0;
}	
/*#brand_vertical_carousel ul li#granmelia:hover{
	background-image: url(../images/system/bg/selector_cells_gran.jpg);
	background-position: 0 -63px;
}*/
#brand_vertical_carousel ul li#melia{
	background-image: url(../images/system/bg/selector_cells_melia.jpg);
	background-position: 0 0;
}	

#brand_vertical_carousel ul li#me{
	background-image: url(../images/system/bg/selector_cells_me.jpg);
	background-position: 0 0;
}	
#brand_vertical_carousel ul li#paradisus{
	background-image: url(../images/system/bg/selector_cells_para.jpg);
	background-position: 0 0;
}	
#brand_vertical_carousel ul li#yhi{
	background-image: url(../images/system/bg/selector_cells_yhi.jpg);
	background-position: 0 0;
}

#brand_vertical_carousel ul li.result_item {
	height:62px;
	width:204px;
  text-align: center;      
  list-style:none; 
	background-image:url(../images/system/bg/selector_rollover.jpg);
	border-bottom:1px solid #cdcdcd;

	text-align: left;
	background-position: 0 0;
	font-family: Georgia;
	font-size: 11px;
	font-weight: bold;
	color:black;
/*	padding-left:20px;
	padding-top:14px;*/
  float:left;
}        

#brand_vertical_carousel ul li.result_item p{
	padding:0px;
	margin:10px;
}
#brand_vertical_carousel ul li.result_item p a{
	color:#333333;
	font-size:11px;
}
#brand_vertical_carousel ul li.result_item p a:hover{

	font-size:11px;
}
#brand_vertical_carousel .button_off{
	height:28px;
	width:204px;
 float:left;
}
#prevoffbutton{
background-image: url(../images/system/buttons/nav/blank_top.jpg);}
#nextoffbutton{
background-image: url(../images/system/buttons/nav/blank_bottom.jpg);}

#brand_vertical_carousel .previous_button {

	background-image: url(../images/system/buttons/nav/strip_up.jpg);
	background-position:0 -56px ;
	height:28px;
	width:204px;
 float:left;
	display:none;
}
#brand_vertical_carousel .previous_button_over {
/*	background-image: url(../images/system/selector_up.png);*/
		background-position:0 -58px;
}

#brand_vertical_carousel .previous_button_disabled {

	background-position:0 -58px;
  cursor: default;
}

#brand_vertical_carousel .next_button {
 	height:28px;
	width:204px;
	background-image: url(../images/system/buttons/nav/strip_down.jpg);
	background-position:0  -28px ;
   position:absolute;
bottom:0px;left:0px;
display:none;
}

/***************************************************************************/
#largeimage_carousel {
  float: left;
/*  width: 610px;*/
width: 742px;
height: 486px;margin:0px;background:black;
  position: relative;
}

#largeimage_carousel .container {

/*  width: 500px;*/
width: 742px;
height: 486px;
  position: relative;    
  overflow: hidden;
}

#largeimage_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height:486px;
}                      

#largeimage_carousel ul li {
  width: 742px;
  height: 486px;
  text-align: center; 
  list-style:none;   
  float:left;
}

#largeimage_carousel .previous_button {
  position:absolute;

left:0px;
top:56px;
  background: url(../images/system/buttons/nav/nav_icons_left.png);
  width: 73px;
  height: 52px;
z-index:100;
  

}

#largeimage_carousel .previous_button_over {
  background: url(../images/system/buttons/nav/nav_icons_left_over.png);
}

#largeimage_carousel .previous_button_disabled {background:none; cursor: default;
}

#largeimage_carousel .next_button {
	 position:absolute;

	right:0px;
	top:56px;
	  width: 74px;
	  height: 53px;
	  background: url(../images/system/buttons/nav/nav_icons_right.png);
	  z-index: 100;
	  cursor: pointer;
}

#largeimage_carousel .next_button_over {
  /*background: url(prototype-ui/horizontal/right_over.png);*/
	  background: url(../images/system/buttons/nav/nav_icons_right_over.png)
	}

	#largeimage_carousel .next_button_disabled {
	 background: none;
	  cursor: default;
}


/***************************************************************************/
#thumbimage_holder {
width:742px;height:80px;background:black;position:absolute;left:10px;bottom:10px;
}

#thumbimage_holder .container {

/*  width: 500px;*/
width:632px;height:80px;margin-left:55px;
  position: relative;    
  overflow: hidden;}

#thumbimage_holder ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 80px;
}                      

#thumbimage_holder ul li {
  width: 96px;
  height: 63px;
  text-align: center; 
  list-style:none;   
  float:left;
	margin:8px 0 0 10px;
  cursor: pointer;
}

#thumbimage_holder .previous_button {
 position:absolute;
float:left;

  width: 58px;margin-right:0px;
  height: 80px;
  background: url(../images/system/buttons/lb_left_off.gif);
  z-index: 100;
  cursor: pointer;
}

#thumbimage_holder .previous_button_over {
  background: url(../images/system/buttons/lb_left_on.gif);
}

#thumbimage_holder .previous_button_disabled {
  background: url(../images/system/buttons/lb_blank.gif);
 cursor: default;
}

#thumbimage_holder .next_button {
position:absolute;
float:right;

cursor: pointer;
	top:0px;
	right:0px;
 width: 58px;margin-right:0px;
  height: 80px;
  background: url(../images/system/buttons/lb_right_off.gif);
}

#thumbimage_holder .next_button_over {
  background: url(../images/system/buttons/lb_right_on.gif);
}

#thumbimage_holder .next_button_disabled {
background: url(../images/system/buttons/lb_blank.gif);
  cursor: default;
}


/***************************************************************************/
#map_holder {
  float: left;
/*  width: 610px;*/
 width:596px;height:274px;margin:0px;
  position: relative;
}

#map_holder .container {

/*  width: 500px;*/
width:596px;height:274px;
  position: relative;    
  overflow: hidden;
/*margin:0 20px 0 20px;*/
}

#map_holder ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 274px;
}                      

#map_holder ul li {
  width: 596px;
  height: 274px;
  text-align: center; 
  list-style:none;   
  float:left;
margin:0px auto;
}
#map_holder .previous_button {
  position:absolute;

left:0px;
top:56px;

  width: 73px;
  height: 52px;
  background: url(../images/system/buttons/lb_navigation_left.png);
  z-index: 100;
  cursor: pointer;
}
#map_holder .next_button {
	  position:absolute;
	top:56px;
	right:0px;
	  float:right;
	  width: 73px;
	  height: 52px;
	  background: url(../images/system/buttons/lb_navigation_right.png);
	  z-index: 100;
	  cursor: pointer;
}
/*****************************************************************************/
.gallerythumb{
position:absolute;bottom:0px;margin-left:343px;margin-right:343px;color:white;width:53px;height:74px;background:url(/images/system/buttons/nav/nav_icons_thumbs.png);display:block;cursor:pointer;
}

/**
 * slideshow.css
 * Released with Slideshow 1.5.2 / May 2008
 * 
 * Defines styles for the Slideshow pause message
 * and the Slideshow title bar.
 */

div#slideshow-title {
	
	/* appearance */
	background: rgb(0, 0, 0);
	opacity: 0.7;
	/*filter: alpha(opacity=70);*/
	
	/* positioning */
	width: 100%;
	height: 15px;
	bottom: 0;
	left: 0;
	padding: 4px 0 4px 0;
	
	/* text style */
	color: rgb(255, 255, 255);
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Arial, Sans-serif;

}

	div#slideshow-title span {
		margin-right: 10px;
	}

div#slideshow-pause {
	
	/* appearance */
	background: rgb(0, 0, 0);
	padding: 4px;
	border-left: 1px outset rgb(0, 0, 0);
	border-right: 1px outset rgb(0, 0, 0);
	border-bottom: 1px outset rgb(0, 0, 0);
	
	/* text style */
	color: rgb(255, 255, 255);
	font-variant: small-caps;
	font-size: 11px;
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 11px;
	font-weight: bold;
}


#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top:58px;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 506px;
	width:740px;
	
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(../images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
/*	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;*/
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
/*	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;*/
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color: #000 }
#MB_close { color: #777; width:68px;height:21px;top:-21px;left:-21px; }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

#menubar.en div.menu_dark{		background-image:url(../images/system/menu/en/menu_navbox_dark.jpg);}
#menubar.es div.menu_dark{		background-image:url(../images/system/menu/es/menu_navbox_dark.jpg);}

#menubar.en div.menu_light{		background-image:url(../images/system/menu/en/menu_navbox_light.jpg);	}
#menubar.es div.menu_light{		background-image:url(../images/system/menu/es/menu_navbox_light.jpg);	}


#lbClose.en,#MB_close{background: url(../images/system/buttons/en/close.jpg);margin-left:684px;}
#lbClose.es,#MB_close{background: url(../images/system/buttons/es/close.jpg);margin-left:684px;}
/*
.state1_en{	background-image:url(/images/system/bg/en/state_1.gif);width:622px;height:396px;}
.state1_es{	background-image:url(/images/system/bg/es/state_1.gif);width:622px;height:396px;}
.state2_en{		background-image:url(/images/system/bg/en/state_2.gif);width:622px;height:396px;}
.state2_es{	background-image:url(/images/system/bg/es/state_2.gif);width:622px;height:396px;}*/

#tpb_switcher  a.thehotel_en{background-image: url(../images/system/file/en/thehotel.jpg);}
.thehotel_en{background-image: url(../images/system/file/en/thehotel.jpg);}
	
#tpb_switcher  a.thespa_en{background-image: url(../images/system/file/en/thespa.jpg);}
.thespa_en{	background-image: url(../images/system/file/en/thespa.jpg);}	

#tpb_switcher  a.thehotel_es{background-image: url(../images/system/file/es/thehotel.jpg);}
.thehotel_es{background-image: url(../images/system/file/es/thehotel.jpg);}
	
#tpb_switcher  a.thespa_es{background-image: url(../images/system/file/es/thespa.jpg);}
.thespa_es{	background-image: url(../images/system/file/es/thespa.jpg);}	
	
.reservebox_en{		background-image:url(../images/system/file/en/reservebox_states.jpg);}	
.reservebox_es{		background-image:url(../images/system/file/es/reservebox_states.jpg);}	


#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0;top:58px; }
#lbMain a img { border: none; }

#lbIframe{ border: 0px none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 0px none; }
	#lbOuterContainer.red { border: 0px none;  }
	#lbOuterContainer.green { border: 0px none; }
	#lbOuterContainer.blue { border: 0px none;  }
	#lbOuterContainer.gold { border: 0px none;  }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: transparent; width: 100%; line-height: 1.4em;text-align:left;	overflow: hidden; margin: 0 auto;height:21px;}
	#lbDetailsContainer.grey {border: 0px none; }
	#lbDetailsContainer.red { border: 0px none;  }
	#lbDetailsContainer.green { border: 0px none; }
	#lbDetailsContainer.blue { border: 0px none;  }
	#lbDetailsContainer.gold {border: 0px none;  }

#lbImageContainer, #lbIframeContainer { padding: 0px; border: 0px none;}
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px;text-align: left; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 100%; float: right; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width:20px;height:20px;position:relative;margin-top:0px;margin-right:-10px;float:right;}
	#lbClose.grey { }
	#lbClose.red { background: url(../images/system/buttons/close.png) no-repeat; }
	#lbClose.green { background: url(../images/system/buttons/close.png) no-repeat; }
	#lbClose.blue { background: url(../images/system/buttons/close.png) no-repeat; }
	#lbClose.gold { background: url(../images/system/buttons/close.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(../images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(../images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(../images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(../images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(../images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(../images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(../images/pause_gold.png) no-repeat; }