@charset "utf-8";

/* Custom Skin CSS for below pages
	1. Home Page
	2. Photo Gallery
	3. Info Page
	4. Combo Box
	5. Scroll Bar (It will be applicable once we implement custom scroll bar plugin)
	6. Tabs Design
	    6.1 - Header logo and Background Color
		6.2 - Tabs Styling
*/


/**************************************************************************************************************** */
/* 1. HOME PAGE CUSTOM SKIN **************************************************************************************** */
/**************************************************************************************************************** */

/* Body Customization ------------------------------------------------------------------------------------------- */
/* Color for unused area beneath 'Powered by ICE logo */
body.HomePage{
	background-color:#d8d8d8;
} 

/* Hotel Header Customization ---------------------------------------------------------------------------------- */
/* Background Color, Background Image and Border Color for Hotel Header */
div.page-content{
	background-color:#FFF;
	background-image:none;
	background-position:left center;
	background-repeat:no-repeat; 
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#5a5a5a;
} 

/* Font-Size, Font Family (Use only system fonts), Font Weight(bold, italic, normal) and Font Color for Hotel Name */
div.hotelName h1{
	font-size:15px;
	font-weight:bold;
	font-family:Arial,Helvetica, sans-serif;
	color:#333333;
} 

/* Font-Size, Font Family (Use only system fonts), Font Weight(bold, italic, normal) and Font Color for Hotel Address */
div.hotelName span{
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}


/* Navigation Header Customization ----------------------------------------------------------------------------*/
/* Background Color for Thumbnails Listing */
.content_body{
	background-color:#FFF;
}

/* Homepage Thumbnail Border */
ul#rowphotos li a img, ul#row360 li a img, ul#rowvideos li a img{
	border-width:1px;
	border-style:solid;
	border-color:#3c3c3c;
}

/* Homepage Thumbnail Text */
ul#rowphotos li a strong, ul#row360 li a strong, ul#rowvideos li a strong, ul#rowshare li a strong, ul#rowlanguage li a strong{
	font-size:15px;
	font-weight:normal;
	font-family:Arial,Helvetica, sans-serif;
	color:#000;
}

/******************************************************************************************************************* */
/* 2. PHOTO GALLERY CUSTOM BACKGROUND ********************************************************************************* */
/**************************************************************************************************************** */
div.ps-document-overlay, div.ps-zoom-pan-rotate{
	background-color: #000000;
	background-image: none;
	background-position:left top;
	background-repeat:repeat;
}


/**************************************************************************************************************** */
/* 3) INFO PAGE CUSTOM SKIN **************************************************************************************** */
/**************************************************************************************************************** */

/* Hotel Header Customization ---------------------------------------------------------------------------------- */
/* Background Color, Background Image and Border Color for Hotel Header */
div.Infopage-content{
	background-color:#FFF;
	background-image:none;
	background-position:left center;
	background-repeat:no-repeat; 
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#5a5a5a;
} 

/* Font-Size, Font Family (Use only system fonts), Font Weight(bold, italic, normal) and Font Color for Hotel Name */
div.InfohotelName h1{
	font-size:15px;
	font-weight:bold;
	font-family:Arial,Helvetica, sans-serif;
	color:#333333;
} 

/* Font-Size, Font Family (Use only system fonts), Font Weight(bold, italic, normal) and Font Color for Hotel Address */
div.InfohotelName span{
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

/* Body Customization ------------------------------------------------------------------------------------------- */
/* Color for unused area */
body.InfoPage{
	background-color:#DFDEBF;
} 

/* Navigation Header Customization ----------------------------------------------------------------------------*/
/* Background Color for Content Area */
.info_content_body{
	background-color:#EEEFE2;
}

/**************************************************************************************************************** */
/* 4. COMBOBOX STYLING **************************************************************************************** */
/**************************************************************************************************************** */

/* Background color of surrounding box */
.ComboMenu, .ComboMenu li .DropMenuBG{
	background-color:#999999;
}

/* Styling for selected ITEM in combo box */
.ComboMenu ul li a{
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;	
	background-image:url(/brochures/images/DesignNG/comboicons/combo_arrow.png); /* RIGHT SIDE DOWN ARROW OF COMBO BOX */
}

/* Background and Font color of selected and child elements */
.ComboMenu ul li a, .ComboMenu li ul li a{
	background-color:#FFF;
	color:#000;
}

/* Background color of selected item on mouse hover */
.ComboMenu ul li a:hover{
	background-color:#E6E6E6;
}

/* Border color of combo box and its child UL */
.ComboMenu ul li a, .ComboMenu li ul{
	border:1px solid #727272;
}

/* Styling for child elements of combo box */
.ComboMenu li ul li a{
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

/* Styling for child element on mouse hover */
.ComboMenu li ul li a:hover{
	background-color:none;
	background-image:url(/brochures/images/DesignNG/comboicons/combo_hover.png);
	background-position:center left;
	background-repeat:repeat-x;
	border-bottom:1px solid #dddcdc;
	border-top:1px solid #dddcdc;
	color:#000;
}

/* Styling for selected (media) child element */
.ComboMenu li ul li a.selected{
 background-color:none;
	background-image:url(/brochures/images/DesignNG/comboicons/combo_hover.png);
	background-position:center left;
	background-repeat:repeat-x;
	border-bottom:1px solid #dddcdc;
	border-top:1px solid #dddcdc;
	color:#000;
}

/**************************************************************************************************************** */
/* 5. SCROLL BAR STYLING **************************************************************************************** */
/**************************************************************************************************************** */
/* To styling the scrollbar track */
.jspTrack{
 background-color: #666666;
}

/* To styling the drag bar */
.jspDrag{
 background-color:#333333;
 background-image:url(/brochures/images/DesignNG/customscroll_vertical_icon.png);
 background-position:center;
 background-repeat:no-repeat;
}

/* To styling the Up Arrow */
.jspArrowUp{
 background-color:#E6E6E6;
 background-image:url(/brochures/images/DesignNG/customscroll_uparrow.png);
 background-position:center;
 background-repeat:no-repeat;
}

/* To styling the Down Arrow */
.jspArrowDown{
 background-color:#E6E6E6;
 background-image:url(/brochures/images/DesignNG/customscroll_downarrow.png);
 background-position:center;
 background-repeat:no-repeat;
}

/**************************************************************************************************************** */
/* 6. TABS DESIGN CUSTOM SKIN **************************************************************************************** */
/**************************************************************************************************************** */

	/* 6.1 Header/ Body Background logo and Background Color **************************************************************************************** */
	/**************************************************************************************************************** */
	
	/* To add the transparent Background logo to Body */
	.BodyBG{
		/* Uncomment below property to upload custom For Body Background for Tab Design */
		/* background-image: url(/brochures/images/DesignNG/logo.4.png); */
		background-position:center;
 		background-repeat:no-repeat;
		opacity: 0.25;
		filter: alpha(opacity=25);
	}
		
	/* To Change the Header Background Color */
	.HeaderContainer{
		background-color:#F0F0F0;	
		border-bottom: 1px solid #d1d1d1;
	}
	
	/* To Change the Header logo for Tabs Design */
	.HeaderBackgroundLogo{
		/* Uncomment below property to upload custom LOGO for Tab Design */
		/* background-image: url(/brochures/images/DesignNG/logo.4.png); */
		background-position:right center;
		background-repeat:no-repeat;
	}
	
	/* 6.2 Tabs Styling **************************************************************************************** */
	/**************************************************************************************************************** */

	/* To styling the Tabs */
	ul.TabMenu li a, ul.TabMenu li a.More, ul.SubTabMenu{
		padding: 5px 0px 6px 0px;
		background-color: #E6E6E6;
		border-radius: 5px;
		-moz-border-radius: 5px;
		border: 1px solid #d1d1d1;
		font-size:13px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;	
		color:#444340;
	}
	
	/* To styling the hover effect of tabs and selected tab */
	ul.TabMenu li a:hover, ul.TabMenu li a.selected, ul.SubTabMenu li a:hover{
		background-color:#FFF;
		color:#444340;
	}


/**************************************************************************************************************** */
/* DO NOT EDIT BELOW THIS */
/**************************************************************************************************************** */
.content_head_powered{background:none; border-bottom:none;}
.content_head span.no_arrow{border-bottom-width:0px;}
ul.TabMenu li a, ul.TabMenu li a.More{ border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }