* {
    font-family:arial;
    margin:0;
    padding:0;
}

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

.clearfix 
{
	display: inline-block;
}

* html .clearfix 
{
	height: 1%;
}

.clearfix 
{
	display: block;
}

body{
    background-color: #7CCD28;
}

.priceComponentWrapper 
{
    /*height: 120px;*/
    width: 130px;
    color: #999999;
    font-size:12px;
    line-height:normal;
    font-family: Arial;
    overflow: hidden;

}

.priceComponentWrapperSmall 
{
    clear:both;
    width:100%;
    margin-top: 5px;
}

.priceComponentWrapper div
{
    clear:both;
    /*width:100%;*/    
}

.priceComponentWrapper span
{
    clear:both;
    font-weight:bold;
    /*width:100%;*/    
}

.priceComponentWrapper .cmpPriceBigDigits
{
    color: #333;
    font-weight: bold;
    font-size: 36px;
    letter-spacing: -1px;
}
    
.priceComponentWrapper .cmpPriceSmallDigits
{
    color: #333;
    font-weight: bold;
    font-size:17px;
    vertical-align:13px;
    left:-3px;
    position:relative;
}

.cmpPriceDetails
{
    color: #333;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 2px;
    display:block;
}
.cmpPriceNormalPrice
{    
    font-weight: bold;
    font-size: 14px;
    background: url(../images/WWS/crossed_Extras.png) no-repeat;
    float: left;
    color:#C1C1C1;    
    text-align:center;
    width:90px;
}
.cmpPriceInfo
{
    float:right;
    font-size: 14px;
    
}

/* ----------price----------*/


#mpwWrapperDiv
{
     background-color:#7CCD28;
     width:100%;
}

#mpwContentDiv
{
    margin:auto;
    width:960px !important;
    padding: 10px 0 30px 0;
}

#contentWrapper
{
    margin:auto;
    width:960px;

}

#headerWrapperHpDiv 
{
    clear:both;
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -67px; width: 960px; height: 8px; 
    /*background: url(../images/WWS/content_top_leftrightround_border.png) no-repeat;*/
    width: 100%;
    height: 8px;
}

.headerWrapperHpDivGray
{
    clear:both;
    background: url(../images/WWS/hdrWrap-Gray.png);
    width: 960px;
    height: 8px; 
    width: 100%;
    height: 8px;
}

.headerWrapperHpDivWhite
{
    clear:both;
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -67px; width: 960px; height: 8px; 
    /*background: url(../images/WWS/content_top_leftrightround_border.png) no-repeat;*/
    width: 100%;
    height: 8px;
}

#footerWrapperHpDiv 
{
    clear:both;
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -54px;
    /*background: url(../images/WWS/content_bottom_leftrightround_border.png) no-repeat;*/
    width: 960px;
    height: 8px;
}

#contentWrapperHpDiv
{
    background-color:#FFF;
    padding: 12px 17px 12px 17px;
    /*color: #999999;*/
    color:#666;
    /*color: #8a8a8a;*/
    font-size:12px;
    line-height:18px;
    font-family: Arial;
    /*remove
    height: 800px;*/    
}

#contentWrapperHpDiv .titleDark
{
    color: #999999;
    font-weight:bold;   
}

#contentWrapperHpDiv .titleOrange
{
    font-size: 17px;
    font-weight:bold;
    color:#FF8400;
    padding-top: 25px;
    padding-bottom: 5px; 
}

#contentWrapperHpDiv .LeftDiv
{
    float:left;
    position:relative;
    width: 690px; 
    background-color:#FFF;
}
    
#contentWrapperHpDiv .RightDiv
{
    float:right;
    position:relative;   
    width: 235px;
    background-color:#FFF;

}

#contentWrapperHpDiv a
{
    /*color: rgb(34,122,212);*/
    color: #0289FF;
    text-decoration:none;
}



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

#contentWrapperHpDiv h1
{
    color:#FF8400;
    font-size:23px;
    font-weight:bold;
    margin:0 0 5px;
    padding:0;
}
 
/*
.contentHPFewSteps
{
    color:#FF9900 !important;
    font-size:26px !important;    
    margin-top: 30px !important;
    margin-bottom: 0;
    font-weight:normal !important;
    padding:0 !important;
}
*/

#contentWrapperHpDiv h2
{
    /*color:#FF9900;*/
    color:#FF8400;
    font-size:20px;
    font-weight:bold;
    margin:0;
    padding: 23px 0 10px 0;
}


#contentWrapperHpDiv h2 span
{
    /*color: #333;*/
    color:#FF8400;
    font-size: 18px;
    font-weight:bold;
    /*bottom:2px;*/
    position:relative;
}

#contentWrapperHpDiv h2 span[thecolor="orange"]
{
    color:#FF8400 !important;
    font-size:18px !important;
    font-weight:bold;
}

#contentWrapperHpDiv h2 label
{
    color: #666  !important;
    font-size:18px;
    font-weight:normal !important;
    /*bottom:3px;*/
    position:relative;
    margin-left: 5px;
}
 
#contentWrapperHpDiv h3
{
    color:#FF8400;
    font-size:20px;
    font-weight:bold;
    margin:0;
    padding:0;
}


#contentWrapperHpDiv h3 span
{
    color: #333;
    font-size: 14px;
    font-weight:bold;
}

#contentWrapperHpDiv h3 span[thecolor="orange"]
{
    color:#FF8400 !important;
    font-size:14px !important;
    font-weight:bold;
}

#contentWrapperHpDiv h3 label
{
    color: rgb(112,112,112);
    font-size:8px;
    font-weight:bold;
    position:relative;
    margin-left: 5px;
}
   
#topSectionWrapperHpDiv .headerBottomSection
{ 
    padding-top: 25px;
    clear:both;
}    

#topSectionWrapperHpDiv .headerTopSection
{    
    
    width:100%;
}  

#topSectionWrapperHpDiv .headerTopSection .headerPicture
{
    float:left;
    /*height: 220px;
    width: 300px;*/
}

.headerPictureContainer
{
    border: solid 1px #CCC; 
    padding: 5px 5px 5px 5px; 
    /*margin-bottom: 10px;*/
    width: 275px; 
    height: 210px;    
    cursor: pointer;
    z-index:10;
}

.headerPictureContainerWider
{
    border: solid 1px #CCC; 
    padding: 5px 5px 5px 5px; 
    /*margin-bottom: 10px;
    width: 300px; 
    height: 227px;*/    
}

#topSectionWrapperHpDiv .headerTopSection .headerPicture .headerPictureMorePhotosLinkDiv
{
    position:absolute; 
    width:275px; 
    height: 20px; 
    top: 195px;
    text-align:right;    
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity 500ms;
    cursor:default;
    z-index:100;
}

#topSectionWrapperHpDiv .headerTopSection .headerPicture .headerPictureMorePhotosLinkDiv a
{
    position:relative;
    color: White;
    right: 10px;
    top: 2px;
    text-decoration: none;
    cursor: pointer;    
    display: none;
    float:right;
}

#topSectionWrapperHpDiv .headerTopSection .headerPicture .headerPictureMorePhotosLinkDiv a:hover
{ 
    text-decoration: underline; 
}

#topSectionWrapperHpDiv .headerTopSection .headerPicture:hover .headerPictureMorePhotosLinkDiv a
{
    display:block;
}

#topSectionWrapperHpDiv .headerTopSection .headerPicture:hover .headerPictureMorePhotosLinkDiv
{
    position:absolute; 
    cursor: normal; 
    width:275px; 
    height: 20px; 
    top: 195px; 
    background-image: url(../images/WWS/black_transparent.png);
    background: rgba(0, 0, 0, 0.796875);
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

#topSectionWrapperHpDiv .headerTopSection .headerHotelInfo
{
    float:left;
    width: 600px;
    padding-left:20px;
}

#BottomInfoBoxDiv
{
    position: relative;
    padding-top: 25px;
}

#BottomInfoBoxDiv span
{    
    font-size: 11px;
}

#BottomInfoBoxText
{   
    float: left;
}

#BottomInfoBoxButtonDiv /* cleanup this class after test */
{    
    margin-top: 10px;
    margin-right: 25px;
    float: right;
}

#BottomInfoBoxButtonDivNew
{    
    margin: -50px auto;
    width: 170px;
}

#BottomInfoBoxButtonWrapper 
{
    float: left;
    width: 100%;
    padding-top: 10px;
}

#BottomInfoBoxButtonDivCenterLarge
{
    margin: 0 auto;
    width: 170px;
}

div.headerHotelNameAndStars 
{
    clear:both;
    width: 100%;
}

div.headerHotelNameAndStars div
{
    float: left;
}

div.headerHotelNameAndStars .headerHotelStars
{
    padding-left: 15px;
    padding-top: 2px;
    width: 90px;
}

#headerHotelDataAndPrice
{
    clear:both;
    width: 100%;
}

#headerHotelDetailsAndLocation 
{
    margin-top: 5px;
    /*margin-bottom: 5px;*/
    height: 135px;
    overflow: visible; 
}

.headerHotelInfo #headerFbLikeButton 
{
    width: 100%;
    height: 25px;
    padding-top: 5px;
}

#headerHotelDetailsAndLocation p
{
    margin-top: 5px;
    margin-bottom: 5px;    
}

.headerHotelLocationVerticalLine
{
    margin-left: 4px;
    margin-right: 4px;
    font-weight:bolder;
    color:#DADADA;
    font-size:13px;
}

.hotelHeaderGoToMapTarget
{
    position:relative;
    top:5px;
    margin-left:10px;
}


#headerHotelDetailsAndLocation #headerHotelLocation
{
    font-weight:bold;
    color:#666;
}

#headerHotelDataAndPrice .headerHotelData
{
    float:left;
    width: 430px;
    /*height:195px;*/
    padding-right: 35px;
}

#headerHotelDataAndPrice .headerHotelPrice
{
    position: relative;
    float:right;
    width: 135px;
    top: 15px;
    
    
    /*padding-left: 20px;
    border-left: solid 1px #E1E1E1;*/
}

.headerHotelRedutctions
{
    position:relative;
    margin-top: 8px;
    font-weight: bold;
    color: #C3C3C3;
    font-size: 14px;
}

.headerHotelCharacteristic
{
    color: #666;
    font-weight:bold;
}

#headerHotelBookButtonAndFacilities
{
    /*padding-top: 5px;*/
}


#headerHotelBookButtonAndFacilities #headerBookButton
{
    float:right;    
}

/* -------- Green Button START ---------- */

.button_wrapper_green
{
    
}

.button_wrapper_green .button_left
{	
    width: 4px;
    height:30px;
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -226px 0; width: 4px; height: 30px; 
	/*background: url(../images/WWS/button_left_green.png);*/
	background-repeat: no-repeat;	
	float: left;
}

.button_wrapper_green .button_middle
{	    
    height:30px;
	background: url(../images/WWS/Not-Sprited/button_middle_green.png);
	background-repeat: repeat-x;	
	float: left;
	text-align: center;
}

.button_wrapper_green .button_right
{	
    width: 4px;
    height:30px;
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -255px 0; width: 4px; height: 30px; 
	/*background: url(../images/WWS/button_right_green.png);*/
	background-repeat: no-repeat;	
	float: left;
}

.button_wrapper_green .button_middle a
{	    
    top:5px;
    position:relative;
	color: #FFF !important;	
	font-weight: bold !important;
	font-size: 16px !important;	
	line-height:normal !important;
	
}

/* -------- Green Button END ---------- */

/* -------- Orange Button START ---------- */

.button_wrapper_orange
{
    
}

.button_wrapper_orange .button_left
{	    
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -181px 0; 
    width: 5px; 
    height: 30px; 
	/*background: url(../images/wws/button_Left.png);*/
	background-repeat: no-repeat;	
	float: left;
}

.button_wrapper_orange .button_middle
{	    
    height:30px;
    padding: 0 10px;
	text-align: center;
	background: url(../images/WWS/Not-Sprited/button_middle.png);
	background-repeat: repeat-x;	
	float: left;
}

/* Fixed width */
.button_wrapper_orange .button_middle_fixed
{	    
    height:30px;
    padding: 0 10px;
	/*text-align: center;*/
	background: url(../images/WWS/Not-Sprited/button_middle.png);
	background-repeat: repeat-x;	
	float: left;
	width: 140px;
	text-align: center;
}

.button_wrapper_orange .arrowRight 
{
    position: relative;
    left: 10px;
    top: 8px;
}

.button_wrapper_orange .button_right
{	
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -240px 0; 
    width: 5px; 
    height: 30px; 
	/*background: url(../images/WWS/button_Right.png);*/
	background-repeat: no-repeat;	
	float: left;
}


/* Fixed added */
.button_wrapper_orange .button_middle a, .button_wrapper_orange .button_middle_fixed a, .button_wrapper_orange .button_middle span, .button_wrapper_orange .button_middle_fixed span
{	    
    position:relative;
	color: #FFF !important;	
	font-weight: bold !important;
	font-size: 16px !important;	
	line-height:normal !important;
	top:5px;
	cursor:pointer;	
}

/* Fixed added */
.button_wrapper_orange .button_middle span:hover, .button_wrapper_orange .button_middle_fixed span:hover
{	    
    text-decoration:underline;
}

/* -------- Orange Button END ---------- */



/* -------- Info Button START ---------- */

.button_wrapper_info
{
    
}

.button_wrapper_info .button_left
{	
    width: 5px;
    height:19px;
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -196px 0; 
	/*background: url(../images/WWS/button_White_Left.png);*/
	background-repeat: no-repeat;	
	float: left;
}

.button_wrapper_info .button_middle
{	    
    height:19px;
	background: url(../images/WWS/Not-Sprited/button_White_Middle.png);
	background-repeat: repeat-x;	
	float: left;
	text-align: center;
}

.button_wrapper_info .button_right
{	
    width: 5px;
    height:19px;
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -211px 0;
	/*background: url(../images/WWS/button_White_Right.png);*/
	background-repeat: no-repeat;	
	float: left;
}

.button_wrapper_info .button_middle a
{	    
    top:2px;
    position:relative;
	color: #3385d6 !important;	
	font-weight: bold !important;
	font-size: 12px !important;	
	text-decoration: none;
	line-height:normal !important;
	cursor:pointer;
	
}

/* -------- Info Button END ---------- */


/* -------- Tabs START ---------- */
.tabsContainerUnselected
{
	float:left;	
	height: 31px;	 	
	margin-top: 3px;
	margin-right:3px;   
}

.tabsContainerUnselected .Left
{
    float:left;	
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -120px 0; width: 5px; height: 31px;   
}

.tabsContainerUnselected .Middle
{
    float:left;	
    background: url(../images/WWS/Not-Sprited/tab_middle.png) repeat-x;    
    height: 31px;     
}

.tabsContainerUnselected .Right
{
    float:left;	
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -150px 0; width: 5px; height: 31px; 
}

.tabsContainerSelected
{
	float:left;
    height: 35px;	
    margin-right: 3px;
}

.tabsContainerSelected .Left
{
    float:left;	
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -135px 0; width: 5px; height: 35px; 
}

.tabsContainerSelected .Middle
{
    float:left;	
    background: url(../images/WWS/Not-Sprited/tab_middle_selected.png) repeat-x;    
    height: 35px;     
}

.tabsContainerSelected .Right
{
    float:left;	
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -165px 0; width: 6px; height: 35px;
}

.tabsWrapper 
{
	position: relative;
    height:35px;
	width: 840px;		
	/*background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -123x; */
	background: url(../images/WWS/Not-Sprited/tabs_Line.png);
	background-position: right bottom;	
	background-repeat: no-repeat;
}

.tabsWrapper[for="supplement"]
{
	position: relative;
    height:35px;
	width: 495px;		
	margin-bottom:10px;
    padding-top:20px;
	background: url(../images/WWS/tabs_Line.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.tabsWrapper[showBorder="no"] {		
	background: none;	
	width: 690px;	
	position:relative;
	bottom:-1px;
	left:3px;
}

.tabsWrapper a
{
    position: relative;
    line-height:normal !important;
    color: #008AFF !important;
    font-weight: bold !important;
    top:10px;
    cursor:pointer;
    padding-left: 5px;
    padding-right: 5px;
}
.tabsWrapper a:hover
{
    text-decoration: none !important;
}

.tabsContainerSelected a
{
    padding-left: 5px;
    padding-right: 5px;
    color: #222 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	top: 10px;
}

/* -------- Tabs END ---------- */

.headerHotelFacilities
{
    position: relative;
    float:left;
    left: -5px;
    padding-top: 5px;
}

.headerHotelFacilities .imgFacilityIcon
{
    position: relative;
    float:left;
    margin-left: 5px;
}


/* BlueBox Blue Box Calendar*/
.hotelBlueBoxCalendar .BoxTop
{
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -54; width: 690px; height: 4px;
    /*background: url(../images/WWS/BlueBox_Top.png);*/
    width:690px;
    height:4px;
}

.hotelBlueBoxCalendar .BoxMiddle
{
    background-color: #E6F4FF;
    border-color: #F7F7F7;
    border-style:none solid;
    border-width:0 1px;
    padding: 10px 20px 10px 20px;
    position:relative;
    width:648px;    
}

.hotelBlueBoxCalendar .NoBottomPadding
{
    padding-bottom: 0px;
}

.hotelBlueBoxCalendar .BoxBottom
{
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 0;
    /*background: url(../images/WWS/BlueBox_Bottom.png);*/
    width:690px;
    height:4px;
}


/* BlueBox Blue Box */
.hotelBlueBox .BoxTop
{
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -9; 
    width:690px;
    height:4px;
}

.hotelBlueBox .BoxMiddle
{
    background-color: #E6F4FF;
    border-color: #F7F7F7;
    border-style:none solid;
    border-width:0 1px;
    padding: 10px 20px 10px 20px;
    position:relative;
    width:648px;    
}

.hotelBlueBox .NoBottomPadding
{
    padding-bottom: 0px;
}

.hotelBlueBox .BoxBottom
{
    background: url(../images/WWS/BlueBox_Bottom.png);
    width:690px;
    height:4px;
}


/* GrayBox Gray Box*/
.hotelGrayBox
{
    clear:both;
}
 
.hotelGrayBox .BoxTop
{
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -36px; 
    /*background: url(../images/WWS/GrayBox_Top.png);*/
    width:690px;
    height:4px;
}

.hotelGrayBox[theType="wide"] .BoxTop
{
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -45px;
    /*background: url(../images/WWS/GrayBox_Top_Wide.png);*/
    width:850px;
    height:4px;
}

.hotelGrayBox .BoxMiddle
{
    background-color: #FAFAFA;
    border-color: #F4F4F4;
    border-style:none solid;
    border-width:0 1px;
    padding: 10px 20px 10px 20px;
    position:relative;
    width:648px;    
}

.hotelGrayBox[theType="wide"] .BoxMiddle
{
    width:808px;    
}

.hotelGrayBox .BoxBottom
{
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -18px; 
    /*background: url(../images/WWS/GrayBox_Bottom.png);*/
    width:690px;
    height:4px;
}

.hotelGrayBox[theType="wide"] .BoxBottom
{
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -27px;
    /*background: url(../images/WWS/GrayBox_Bottom_Wide.png);*/
    width:850px;
    height:4px;
}

/* --background: url(../images/WWS/box_Border_Top.jpg);
.hotelContentGreenBoxWrapper .hotelContentGreenBoxTop
{
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -324px; width: 640px; height: 3px; 
    
    width:640px;
    height:3px;
}
.hotelContentGreenBoxWrapper .hotelContentGreenBoxMiddle
{
    background-color: rgb(231,251,211);
    border-color: rgb(216,241,190);
    border-style:none solid;
    border-width:0 1px;
    padding: 10px 20px 10px 20px;
    position:relative;
    width:598px;    
}

--background: url(../images/WWS/box_Border_Bottom.jpg);
.hotelContentGreenBoxWrapper .hotelContentGreenBoxBottom
{
    background: url(../images/WWS/sprite-longImages.png);
    background-position: 0 -324px; width: 640px; height: 3px; 
    
    width:640px;
    height:3px;
}
*/

.hotelGrayBox span, .hotelGrayBox label, .hotelBlueBox span, .hotelBlueBox span label
{
    color: #808285 !important;
    font-weight: bold !important;
    font-size: 12px;
}

.hotelGrayBox span[thecolor="orange"], .hotelBlueBox span[thecolor="orange"]
{
    color:#FF8400 !important;
}

.hotelGrayBox span[thecolor="blue"], .hotelBlueBox span[thecolor="blue"]
{
    color:#0066cc !important;
}

.hotelGrayBox span[thecolor="verysmallsubtitleorange"], .hotelBlueBox span[thecolor="verysmallsubtitleorange"]
{
    font-size: 9px;
    color:#FF8400 !important;
}

.hotelGrayBox select, .hotelGrayBox input[type="text"], .hotelBlueBox select, .hotelBlueBox input[type="text"]
{
    border-color:#C2C2C2 #D9D9D9 #EDEDED;
    border-style:solid;
    border-width:1px;
    color:#333;
    font-size:12px;
    font-weight: bold;   
    padding: 1px 2px 1px 0;    
    text-align: left;
}

.hotelGrayBox div[thecolor="selected"] span, .hotelBlueBox div[thecolor="selected"] span
{ 
    color: #545454 !important; 
}

.hotelGrayBox label[thecolor="smallsubtitledark"], .hotelBlueBox label[thecolor="smallsubtitledark"]
{
    font-size: 12px;
    color: rgb(102,102,102) !important;
}

.hotelGrayBox div.smallSubtitle, .hotelBlueBox div.smallSubtitle
{
    font-size: 11px;
    color: #808285 !important;
}

/*
div.Tab1CalendarColumn
{
    float:left;
    position: relative;
    vertical-align: top;  
    width: 25%;
}

div.Tab1ContentColumn
{
    float:left;
    width: 72%;
    position: relative;
    vertical-align: top;  
    padding-left: 15px;
}
*/
#topSectionWrapperHpDiv
{
    position: relative;
    font-size: 12px;
    width: 100%;
}

#bottomSectionWrapperHpDiv
{
    position: relative;
    background-color: #FFF;
    /*remove
    display: none;*/
}



#TabsWrapperDiv
{
    position: relative;   
    background-color:White;    
    padding: 0 0 0 0;
}   

#TabsWrapperDiv #tab2TextClientDiv
{
    padding-left:10px;
}

div.supplement_bookingtabs
{
    width: 100% !important;
    height: 24px !important;
}

div.GrayBarMiddle {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 33px;
	background: url(../images/GrayBarBigMiddle.gif);
	background-repeat: repeat;
}

div.GrayBarLeft {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 33px;
	background: url(../images/GrayBarBigLeft.gif);
	background-repeat: no-repeat;
	background-position:left;
}

div.GrayBarRight {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 33px;
	background: url(../images/GrayBarBigRight.gif);
	background-repeat: no-repeat;
	background-position:right;
}

div.GrayBarBottomRight {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 33px;
	background: url(../images/GrayBarBottomBigRight.gif);
	background-repeat: no-repeat;
	background-position:right;
}

.tbPhotos
{
    margin-left: auto ;
    margin-right: auto ;
    width:99%;
}




/* ---------------- Travel Companions START ---------------- */

.TravelComponentsWrapper
{
    float: left;
    width:165px;    
    padding-left: 10px;
    padding-right: 10px;    
    background-image: url(../images/WWS/Border_Line.png);    
    background-position: right top;
    background-repeat: no-repeat;
}


.TravelComponentsWrapper .tcompLine
{
    float:left;
    width: 100%;
    padding-bottom: 9px;
}

.TravelComponentsWrapper .tcompLineBottom
{
    float:left;
    width: 100%;
    padding-bottom: 0px;
}

.TravelComponentsWrapper .tcompText
{
    float:left;    
    padding-top:2px;
    font-weight: bold;
}


.TravelComponentsWrapper .tcompDDL
{
    float:right;   
}

.TravelComponentsWrapper .tcompDDL .NrOfTravelersDDL
{
    width: 60px;
}

.TravelComponentsWrapper .tcompBirthdayDiv
{
    
}

.TravelComponentsWrapper .KidBirthDateWrapper
{
    padding-top: 10px;
}
/* ---------------- Travel Companions END ---------------- */




/* ---------------- Rooms Companions START ---------------- */

.AccomodationWrapper
{
    border-bottom: none !important;
    float: left;
    width: 240px;
    padding-left: 10px;
}

.AccomodationWrapper .tcompLine
{
    float:left;
    width: 100%;
    padding-bottom: 9px;
}

.AccomodationWrapper .tcompLineAdditional
{
    float:left;
    width: 100%;
    /*padding-bottom: 9px;*/
}

.AccomodationWrapper .tcompLineAdditional .tcompDDL
{
    position: relative;
    float: right;   
    /*padding-left: 10px;*/
    padding-right: 2px;
}

.AccomodationWrapper .tcompLineAdditional .tcompDDL .tcompDDLRight
{
    width: 115px;
}

.AccomodationWrapper .tcompLineAdditional .tcompDDL .tcompDDLLeft
{
    width: 45px;
}

.AccomodationWrapper .tcompNavigation 
{
    cursor:pointer; 
    padding-top: 5px;
    padding-left: 10px;
    position:relative;   
}

.AccomodationWrapper .tcompNavigation a
{    
    padding-left: 5px;
    position:relative;
    top: -1px;
    font-size: 11px;
    font-weight:bold;
}

.AccomodationWrapper .tcompText
{
    float:left;    
    padding-top:2px;
    font-weight: bold;
    width: 75px;
}


.AccomodationWrapper .tcompDDL
{
    position: relative;
    float: left;   
}

.AccomodationWrapper .tcompBirthdayDiv
{
    
}

.AccomodationWrapper .KidBirthDateWrapper
{
    padding-top: 10px;
}

/* ---------------- Rooms Companions END ---------------- */

#Facilities 
{
    background: url(../images/WWS/Not-Sprited/facilities_Background.png); 
    background-repeat:repeat-y;
}

#Facilities .Left
{
    float:left;
    width: 200px;
    /*border-right: solid 1px #dedede;*/    
}

#Facilities .Middle
{
    padding-left: 20px;  
    float:left;
    width: 200px;
    /*border-right: solid 1px #dedede;*/    
}

#Facilities .Right
{
    float:left;    
    padding-left: 20px;    
    width:200px;
}

.divMainPhotoDiv 
{ 
    padding-top: 45px;
    color: #333333 !important;
}

.divMainPhotoDiv span
{ 
    right: 5px;
    position:relative;
    float:right;
    font-size: 16px;    
    font-weight:bold;
    text-align: right;
    width: 100%;
}

.divMainPhotoDiv .PhotoWrapper
{
    float:left;
    margin-right: 10px;
    margin-bottom: 20px;
}

/* MAP
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

.divMapInfoBubble
{       
    width:400px;    
    position:relative;    
}

.divMapInfoBubble .divTitleAndDescription
{       
    float: left;
    position:relative;    
}

.divMapInfoBubble .divTitleAndDescription a
{       
    float: left;
    position:relative;    
}

.divMapInfoBubble .divTitleAndDescription span
{       
    float: left;
    position:relative;    
}

.divMapInfoBubble .divTitleAndDescription img
{       
    float: left;
    position:relative;    
    margin:5px 5px 5px 0;
    top:3px;
}

.divMapInfoBubble .divImage
{       
    float: left;
    position:relative;    
}

#divHotelMap
{   
    height:400px;
    width:850px;
    margin-top:30px;
    position:relative;
}

.MapWrapperDiv select, .MapWrapperDiv input[type="text"]
{
    border-color:#C2C2C2 #D9D9D9 #EDEDED;
    border-style:solid;
    border-width:1px;
    color:#666666;
    font-size:12px;
    font-weight: bold;   
    padding:5px 5px 4px 0;
}

.MapWrapperDiv .SerchMap
{
    width:100%;
    float:right;
    color:#000 !important;
    font-size:14px;
    font-weight:normal !important;
    padding: 15px 70px 15px 0;
}

.MapWrapperDiv .SerchMap div
{    
    float:right;
    padding-left:10px;
}

.MapWrapperDiv .SerchMap .SearchText
{    
    position:relative;
    top:5px;
}


.MapLegend, .MapLegend span 
{
    color:#000 !important;
    font-size:14px;
    font-weight:normal !important;
}

.MapLegend .Left
{
    float:left;
    width:39%;
}

.MapLegend .Subtitle
{
    font-weight:bold !important;
    padding-bottom:5px;
}

.MapLegend .Right
{
    float:right;
    width:59%;
    border-left: solid 1px #d9d9d9;
    padding-left:10px;
}

.MapLegend .LegenIconAndName
{    
    float:left;
    width: 230px;
}

.MapLegend .IconAndName
{    
    float:left;
    width: 400px;
    cursor:pointer;
}

.MapLegend .Name
{    
    position:relative;
    bottom:10px;
}

.MapLegend .NameHotel
{    
    position:relative;
    bottom:15px;
    font-size:15px !important;
}

.MapLegend .NameHotel, .MapLegend .IconHotel
{    
    cursor:pointer;
}



/* SMALL CALENDAR
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

.calendarSmallDiv
{
    font-size:12px;
    float: left;
    width: 205px;
    padding-right: 8px;
    background-image: url(../images/WWS/Border_Line.png);    
    background-position: right top;
    background-repeat: no-repeat;
}



.calendarSmallDiv .calendarSmallShowCalendarWrapper .CalendarSmallShowCalendarText
{    
    padding: 2px 17px 2px 2px;
    width: 100px;
    position: relative;
    text-align: left;
    color: #333 !important;
    cursor: pointer;
}

.calendarSmallDiv .calendarSmallShowCalendarWrapper .calendarSmallShowCalendarImg
{
    cursor:pointer;
    position:absolute;
    left:202px;
    top:12px;
}

.calendarSmallDiv  .CalendarSmallLine
{
    float: left;
    width: 100%;
    padding-bottom: 9px;
}

.calendarSmallDiv  .CalendarSmallLine[rev="last"]
{
    padding-bottom: 0px;
}

.calendarSmallDiv .CalendarSmallLineNoDate
{
    float: left;
    width: 100%;
    left: -7px;
    padding-left: 7px;
    width: 215px;
    padding-bottom: 6px;
    top:-4px;
    position:relative;
    background: url(../images/WWS/No_date_warning.png) no-repeat;
}

.calendarSmallDiv .CalendarSmallLineNoDate .calendarSmallText
{
    float: left;    
    padding-top: 6px;
    font-weight: bold;
    width: 70px;    
}

.calendarSmallDiv .CalendarSmallLineNoDate .calendarSmallText span
{
    color: #FFF !important;
}

.calendarSmallDiv .CalendarSmallLineNoDate .calendarSmallShowCalendarWrapper .calendarSmallShowCalendarImg
{
    cursor:pointer;
    position:absolute;
    left:112px;
    top:2px;
}

.calendarSmallDiv .CalendarSmallLineNoDate .calendarSmallDdl
{
    float: left;
    text-align: left;
    padding-left: 10px;
    top: 3px;
    position:relative;    
}



.calendarSmallDiv  .CalendarSmallLine .calendarSmallText
{
    float: left;    
    padding-top: 2px;
    font-weight: bold;
    width: 70px;    
}

.calendarSmallDiv  .CalendarSmallLine .calendarSmallDdl
{
    float: left;
    text-align: left;
    padding-left: 10px;
}

.calendarSmallDiv .CalendarSmallLine #NumberOfNightsDDL, .calendarSmallDiv .CalendarSmallLineNoDate #NumberOfNightsDDL
{
    width: 121px;
}

.calendarSmallWrapper 
{
	position: relative;
    width: 380px;
    left:12px;
    top: 65px;
	border: 1px solid #e9e9e9;	
	background: #FB9624;
	padding: 5px;
	z-index: 1000;
    display: none;
	position:absolute
}

.calendarSmallWrapper  span, .calendarSmallWrapper label 
{
    color:#FFF !important;
    font-size:15px;
    font-weight:bold !important;
}

.calendarSmallWrapper .calendarSmallCloseDiv
{
    width: 100%;
    height: 15px;
}

.calendarSmallWrapper .calendarSmallCloseImg
{
    left: 367px;
    top: 7px;
    position: absolute;
    cursor: pointer;
}


.calendarSmallWrapper .CalendarSmallFirstMonth
{
    float:left;    
    text-align:center;
    
}

.calendarSmallWrapper .CalendarSmallSecondMonth
{
    float:right; 
    text-align:center;
 	
}

.calendarSmallWrapper .CalendarSmallTable 
{  
    
}


.calendarSmallWrapper .CalendarSmallTable td
{
    background: #FFF;
    border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 23px;
	width: 25px;          
}


.CalendarSmallArrowImg
{
    cursor: pointer;
}

.calendarSmallWrapper .CalendarSmallMonthName
{
	width:100%;
	text-align:center;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: -1px;
}


.calendarSmallWrapper .CalendarSmallTable td[rev="borderLeft"]
{  
    border-left: 1px solid #CCC;	
}
.calendarSmallWrapper .CalendarSmallTable th
{    
	border-bottom: 1px solid #CCC;       
	color: #FFF;
}



.calendarSmallWrapper .CalendarSmallTable td:hover .CalendarSmallItemWrapper
{
	background-color:#FFF1E0;
    color:#383838 !important;    
}


.calendarSmallWrapper .CalendarSmallTable td:hover .CalendarSmallItemWrapper[inthepast="yes"]
{
	color:#BCBCBC !important;  
	background: #F0F0F0;
}

.calendarSmallWrapper .CalendarSmallTable td:hover .CalendarSmallItemWrapper[available="no"]
{
	color:#BCBCBC !important;  
	background: #F0F0F0;
}

.calendarSmallWrapper .CalendarSmallItemWrapper
{
    color:#000 !important;
    font-weight: bold;
    float:left;
    position:relative;
    height: 100%;
	width: 100%;      
	text-align:center;
    height: 22px;
    padding-top: 3px;
    cursor:pointer;
    vertical-align:middle;
    
}

.calendarSmallWrapper .CalendarSmallItemWrapper_Selected
{
    font-weight: bold;
    float:left;
    position:relative;
    height: 100%;
	width: 100%;      
	text-align:center;
    padding-top: 3px;
    cursor:pointer;
    color: #FFF !important;
    background-color:#FFC587;
}

.calendarSmallWrapper .CalendarSmallItemWrapper_Selected[thecolor="orange"]
{
    font-weight: bold;
    float:left;
    position:relative;
    height: 100%;
	width: 100%;      
	text-align:center;
    padding-top: 3px;
    cursor:pointer;
    color: #FFF !important;
    background-color: rgb(255,197,135);   
}

.calendarSmallWrapper .CalendarSmallItemWrapper[inthepast="yes"]
{
    color:#BCBCBC !important;  
	background: #F0F0F0;
	font-weight: normal;
	cursor:default;
}

.calendarSmallWrapper .CalendarSmallItemWrapper[available="no"]
{
    color:#BCBCBC !important;  
	background: #F0F0F0;
	font-weight: normal;
	cursor:default;
}

div.CalendarSmallWeek[direction="right"] .CalendarSmallItemWrapper
{
    float:right;    

}
div.CalendarSmallWeek[topborder="yes"] .CalendarSmallItemWrapper
{
    float:right;    

}

/*
SLIDER
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

/*-------------- Info Box START ---------------*/

.InfoBoxWrapper
{
    width: 206px;
    font-weight: bold;    
    left:29px;
    position:absolute;
    top:52px;
    color: #fff;      
}

.InfoBoxWrapper .Top
{
    width: 100%;
    height: 8px; 
    background-image: url(../images/WWS/InfoBox_Top.png);   
}

.InfoBoxWrapper .Middle
{
    width: 176px;
    padding:0 15px;    
    background-image: url(../images/WWS/InfoBox_Middle.png);   
}

.InfoBoxWrapper .Bottom
{
    width: 100%;
    height: 8px; 
    background-image: url(../images/WWS/InfoBox_Bottom.png);    
}


/*--------------  Info Box END  ---------------*/

#SliderDivClientObject
{
    position:relative; 
    z-index: 100;
    background: #FFF;
}

/* ---------------- SLIDER START ---------------- */

.SliderWrapper
{
    width: 235px;
    font-weight: bold;    
    color: #fff;      
}

.SliderWrapper .SliderArrow
{
    width: 29px;
    height: 35px;    
    float: left;        
    background-image: url(../images/WWS/Slider_Arrow_Normal.png);    
    background-position: 70% 0%;
    background-repeat: no-repeat;
    
}

.SliderWrapper .SliderArrowNoBackground
{
    width: 29px;
    height: 35px;    
    float: left;        
}

.SliderWrapper .SliderContent
{
    width: 206px;    
    float: left;    
    background-color: #FF8400;      
}

.SliderWrapper .SliderContent .SliderTop
{
    width: 100%;
    height: 8px; 
    background-image: url(../images/WWS/Slider_Top.png); 
    background-repeat: no-repeat;
}

.SliderWrapper .SliderContent .SliderMiddle
{
    width: 176px;    
    padding:0 15px 0 15px;    
}

.SliderWrapper .SliderContent .SliderBottom
{
    width: 100%;
    height: 8px;
    background-image: url(../images/WWS/Slider_Bottom.png); 
    background-repeat: no-repeat;
}

/* Style for situation when there is an error - START */



.SliderWrapper .SliderArrowError
{    
    width: 29px;
    height: 35px;    
    float: left;        
    background-image: url(../images/WWS/Slider_Arrow_Error.png);   
    background-position: 70% 0%;
    background-repeat: no-repeat;
    
}

.SliderWrapper .SliderContentError
{
    width: 206px;    
    float: left;    
    background-color: #ff0f0f;      
}

.SliderWrapper .SliderContentError .SliderTop
{
    width: 100%;
    height: 8px;
    background-image: url(../images/WWS/Slider_Top_Error.png); 
    background-repeat: no-repeat;
}

.SliderWrapper .SliderContentError .SliderMiddle
{
    width: 176px;    
    padding:0 15px 0 15px;    
}

.SliderWrapper .SliderContentError .SliderBottom
{
    width: 100%;
    height: 8px;
    background-image: url(../images/WWS/Slider_Bottom_Error.png); 
    background-repeat: no-repeat;
}

/* Style for situation when there is an error - END */


.SliderWrapper .Price
{   
    font-size:16px;       
}

.Price .TotalPrice span, .Price .TotalPrice a
{   
    float:left;
}

.Price .TotalPrice span, .Price .TotalPrice a:hover
{   
    border:none;
    border-style:none;
    text-decoration:none !important;
}

.Price .TotalPrice a, .Price .TotalPrice img
{   
    border:none;
    border-style:none;
    text-decoration:none;
}

.SliderWrapper .Price .IncludingReservationCost 
{   
    color: #ececec;
    font-size: 11px;
    line-height:normal;
}

.SliderWrapper .Price .PriceBig
{
    font-size: 20px !important;
}

.SliderWrapper .PriceStatus
{
    text-align:center;
}

.SliderWrapper .BookButtonDiv
{   
    padding-top: 8px;
    padding-bottom: 3px;
}

.SliderWrapper .BookButtonDiv .button_middle
{   
    width:168px;
}

.SliderWrapper .ShowCalculation
{   
    float:left;
    position:absolute;
    right:15px;
    top:8px;    
}

.SliderWrapper .Supplements
{
    padding-top: 5px;
    font-size:12px;
}

.SliderWrapper .Supplements ul
{
    margin-left: 25px;
    font-size: 12px !important;
    padding: 0;
    margin: 0;
    list-style: none;
}

.SliderWrapper .Supplements li input[type="checkbox"]
{
    position: relative;
    top:3px; 
    float:left;
}

.SliderWrapper .Supplements li span
{
    float:right;
    width:100px;
}

.SliderWrapper .MessagesWrapper div
{
     /*padding-top: 9px;
   padding-left: 27px;*/    
    
}

.SliderWrapper .SeeMoreSupplemetsText
{ 
    clear:both;
    font-size:12px;
    line-height:normal !important;
    padding:5px 0;
}




.SliderWrapper .MessagesWrapper .Supplements li
{
    /*margin-left: 15px;*/
    font-size: 12px;
}

.SliderWrapper .MessagesWrapper .Supplements img
{
    position: relative;
    top: 2px;
    padding-left: 3px;
    cursor: pointer;
    
}
.SliderWrapper .MessagesWrapper .Supplements span
{
    cursor: pointer;
}

.SliderWrapper .MessagesWrapper .Supplements .Title
{
    clear:both;
}

.SliderWrapper .TravelComponentsCalculation
{
    clear:both;
    font-size:12px;
}

.TravelComponentsCalculation .Left
{
    float:left;
    width:55px;
}

.TravelComponentsCalculation .LeftLong
{
    float:left;
    width:120px;
}

.TravelComponentsCalculation .Middle
{
    float:left;
    width:65px;
}

.TravelComponentsCalculation .Right
{
    float:right;
    text-align:right;
    width:55px;
}

.SliderWrapper .GreenLine
{
    border-bottom: solid 2px #f3ab49;
    height:1px;
    padding-bottom:5px;
    margin-bottom:5px;
    width:100%;
}

/* ---------------- SLIDER END   ---------------- */


/* BIG CALENDAR
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

#CalendarWrapperDiv
{
    margin:10px 25px;
}

.calendarDiv
{
    font-size:12px !important;
    font-weight: normal !important;
}

.calendar_wrapper 
{
	position: relative;
    width: 638px;
	border: 1px solid #e9e9e9;
	border-bottom:none;
	
}

.calendar_wrapper .calendar_left_column
{
    float: left;
    width: 212px;
    border-right: solid 1px #c8c8c8;
    background: rgb(244,244,244) !important;
    
}

.calendar_wrapper .calendar_middle_column
{
    float: left;
    width: 212px;
    border-right: solid 1px #c8c8c8;
    background: rgb(244,244,244) !important;
}

.calendar_wrapper .calendar_right_column
{
    float: left;
    width: 212px;
    background: rgb(244,244,244) !important;
}

.calendarNavigation
{
    height: 30px;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #808285;
}    

.calendarNavigation img
{
    position:relative;
    top: 1px;    
}   

.calendarNavigation img[points="left"]
{    
    margin-right:10px;
    cursor: pointer;
} 

.calendarNavigation img[points="right"]
{    
    margin-left:10px;
    cursor: pointer;
} 

.calendarNavigation a
{
    color: #008aff !important;
}
.calendarNavigation a:hover
{
     text-decoration: none !important;     
}

.calendarNavigation .calendarPrevious 
{
    float: left;
    width: 199px;
    cursor: pointer;
    position: relative;
    padding-left: 20px;

}

.calendarNavigation .calendarCurrent 
{
    float: left;
    width: 199px;
    text-align: center;
}

.calendarNavigation .calendarNext 
{
    float: right;
    width: 199px;
    text-align:right;
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}

.calendar_wrapper .calendar_MoreInfoBox
{
    border-top: solid 1px rgb(250,250,250);
    border-bottom: solid 1px rgb(233,233,233);
    width: 100%;
    height: 22px;
    font-size: 11px !important;
    vertical-align: middle;
    text-align:center;
    background-color: #FFF !important;
    color: rgb(112,112,112) !important;
    padding-top: 3px;
}

.calendar_wrapper .calendar_MoreInfoBox .calendar_Full
{
    width: 100%;    
}

.calendar_wrapper .calendar_MoreInfoBox .calendar_Left
{
    float: left;
    width: 212px;
    text-align:right;

}

.calendar_wrapper .calendar_MoreInfoBox .calendar_Middle
{
    float: left;
    width: 212px;
    text-align:right;

}

.calendar_wrapper .calendar_MoreInfoBox .calendar_Right
{
    float: left;
    width: 212px;
    text-align:right;

}


.calendar_wrapper .calendarItemWrapper .calendarPrice 
{
    color: #000;
}

.calendar_wrapper .calendarItemWrapper 
{
	position: relative;
	margin: 0;	
	padding: 0 3px 0 3px;
	height: 24px;
	border-bottom: solid 1px rgb(233,233,233);

}

.calendar_wrapper .calendarItemWrapper:hover
{
	position: relative;
	padding: 0 3px 0 3px;
	color: #FFF !important;
	height: 24px;
    background-color: rgb(255,197,135);
    border-bottom: solid 1px rgb(255,197,135);
}

.calendar_wrapper .calendarItemWrapper:hover .calendarPrice
{
    color: #FFF;
}

.calendar_wrapper .calendarItemWrapper_sel {
	position: relative;
    padding: 0 3px 0 3px;
    color: #FFF !important;
	height: 24px !important;
    background-color: rgb(255,152,0);
    border-bottom: solid 1px rgb(237,123,0);
}

.calendar_wrapper .calendarDate
{
    position: relative;
    width: 65px;
    float:left;
    top: 3px;
    font-weight: bold;
    text-align:center;
}

.calendar_wrapper .calendarItemWrapper[available="no"] .calendarDate
{
    font-weight: normal !important;
}

.calendar_wrapper .calendarItemWrapper[clickable="no"] .calendarDate, 
.calendar_wrapper .calendarItemWrapper[clickable="no"] .calendarPrice
{
    font-weight: normal !important;
}

.calendar_wrapper .calendarDate
{
    text-align:center;
}

.calendar_wrapper .calendarPrice
{
    position: relative;
	top: 4px;    
    width: 120px;   
    text-align:center;
    font-weight:bold;
    float:right;
   
}


.calendar_wrapper .calendarPrice img
{
    position: relative;
	top: 1px;      
	display:none;
}

.calendar_wrapper .calendarItemWrapper[onrequest="yes"] .calendarPrice
{
    color: #418CD7 !important;
}

.calendar_wrapper .calendarItemWrapper[onrequest="yes"] .calendarPrice img, 
.calendar_wrapper .calendarItemWrapper_sel[onrequest="yes"] .calendarPrice img
{
    display:inline !important;
}
    
.calendar_wrapper .calendarItemWrapper_sel span[thecolor="red"]
{
    color:#ffb86c !important;
}

.calendar_wrapper div.calendarItemWrapper input[type="checkbox"], .calendar_wrapper div.calendarItemWrapper_sel input[type="checkbox"],
.calendar_wrapper div.calendarItemWrapper input[type="radio"], .calendar_wrapper div.calendarItemWrapper_sel input[type="radio"]
{
	position: relative;
	top: 3px;
	float:left;
}

.calendarFooter
{
	position: relative;
    width:610px;
	border: none;	
	background: #FFF !important;
	padding: 5px;
    /*border-bottom: solid 2px rgb(233,233,233);*/

}

.calendarFooter .calendarFooterLeft
{
	float: left;	
	height: 100%;
}


.calendarFooter .calendarFooterLeft #legendExample h3
{    
    padding-top: 2px;
}

.calendarFooter .calendarFooterLeft #legendExample div
{
    float: left;
    padding-right: 5px;
    padding-top: 5px;
}

.calendarFooter .calendarFooterLeft #legendExample .legendItem
{    
    width: 130px;   
}

.calendarFooter .calendarFooterLeft #legendExample img
{
	float: left;
}

.calendarFooter .calendarFooterLeft #legendExample span
{
	float: left;
	color: #000 !important;
	font-size: 11px !important;
	margin-left: 5px;
	position:relative;
	top:3px;
}

/*
.calendarFooter .calendarFooterRight
{
    float:left;
    padding-left: 25px;
    font-size: 11px;
    width: 330px;
    border-left: dotted 2px rgb(233,233,233);	
}

.calendarFooter .calendarFooterRight p
{
    padding-top: 5px;
    padding-bottom: 7px;
    width: 100%;
    clear:both;
}

.calendarFooter .calendarFooterRight .CalendarReductionsInfoLeft
{
    float:left;
    width: 75px;
    font-style:italic;
    font-weight: bold;
}
.calendarFooter .calendarFooterRight .CalendarReductionsInfoRight
{
    float:left;
    width: 280px;
}
*/

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    Step One Styles - START   
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

.StepOnePreloader
{
    width: 100%;
    height: 91px;
    background-image: url(../images/WWS/LoadingImages/tickBoxLoadingAnimation.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.StepOneHeaderWrapper .soHeader 
{    
    vertical-align: bottom;
    line-height: normal;
    border-bottom: dotted 1px rgb(195,212,178);
    padding-bottom: 5px;
    width: 100%;    
    margin-bottom:10px;
}

.StepOneHeaderWrapper .soHeader span
{
    color: #333 !important;
    vertical-align: text-bottom;    
}

.StepOneHeaderWrapper .soHeader .Date
{
    float:left;
    width: 215px;
}

.StepOneHeaderWrapper .soHeader .TravelCompanions
{
    float:left;
    padding-left: 5px;
    width: 177px;
}

.StepOneHeaderWrapper .soHeader .Rooms
{
    float:left;
    width: 235px;
    padding-left: 10px;
}


/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    Step One Styles - END   
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

/*
Boarding and Arrangement
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/


.BoardingAndArrWrapper
{
    width: 100%;    
    z-index:1;
}

.BoardingAndArrWrapperPreloader
{
    width: 100%;
    height: 200px;
    background-image: url(../images/WWS/LoadingImages/tickBoxLoadingAnimation.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.BoardingAndArrWrapper span
{
    font-size: 12px;
}

.BoardingAndArrWrapper[theType="available"] span
{
    font-size: 13px;
    color: #808285;
}

.BoardingAndArrWrapper .baItemWrapper
{
    display:block;
    width:100%;

    clear:both;
}

.BoardingAndArrWrapper .baNoBorder
{    
    border-bottom: none !important;    
}

.BoardingAndArrWrapper input[type="radio"]
{
    float: left;
    width: 20px;
    top: 6px;
    position: relative;    
}

.baDisabledRadioImg
{
    float: left;
    height: 13px;
    width: 13px;
    padding-left: 3px;
    padding-right: 4px;
    top: 7px;
    position: relative;    
}

.BoardingAndArrWrapper .baTitle
{
    float:left;   
    padding-bottom: 1px;
    padding-top: 2px;  
}

.BoardingAndArrWrapper .baTitle span
{
    top: 2px;
    position: relative;
}



.BoardingAndArrWrapper .baItemLine
{   
    border-top: dotted 1px rgb(195,212,178);    
}

.BoardingAndArrWrapper .baItemLine[isAvailable="notavailable"]:hover
{
    cursor: pointer;
}

.BoardingAndArrWrapper .baItemLine[isAvailable="available"]:hover
{
    background-color: #f2f9ff;    
}




.BoardingAndArrWrapper .baTitle .NrOfNights
{
    float:left;
    width: 75px;
}

.BoardingAndArrWrapper .baTitle .Name
{
    float:left;
    width: 190px;
    cursor: default;
}




.BoardingAndArrWrapper .baTitle .MoreInfoVisible, .BoardingAndArrWrapper .baTitle .MoreInfoNotVisible
{
    float:left;
    width: 20px;    
    position: relative;
    text-align: right;
    top: 6px;
}

.BoardingAndArrWrapper .baTitle .MoreInfoVisible img
{
    float:left;
    display:block;
    cursor: pointer;
    
}

.BoardingAndArrWrapper .baTitle .MoreInfoNotVisible img
{
    float:left;
    display:none;
}


.BoardingAndArrWrapper .baItemWrapper .baItemLine[isAvailable="available"] .baTitle .Name
{
    color: #008aff !important;
    cursor: pointer;
}

.BoardingAndArrWrapper .baItemWrapper .baItemLine[isAvailable="notavailable"] .baTitle .Name
{
    cursor: pointer;
}


.BoardingAndArrWrapper .baTitle .CheckInCkeckOut
{
    float:left;
    width: 85px;
    text-align: center;
}

.BoardingAndArrWrapper .baTitle .RoomType
{
    float:left;
    width: 55px;
    text-align: center;
}

.BoardingAndArrWrapper .baTitle .IsAvailable
{
    float:left;
    width: 60px;
    text-align: center;
    top: 2px;
}

.BoardingAndArrWrapper .baTitle .Price
{
    float:left;
    width: 90px;
    text-align: center;
}

.BoardingAndArrWrapper .baTitle .Calendar
{
    float:left;
    width: 49px;
    text-align: center;
}

.BoardingAndArrWrapper .baTitle .Calendar img
{
    text-decoration: none;
    outline: none;
    border: 0;
    border-style: none;
}

/*Header*/
.BoardingAndArrWrapper .baHeader 
{    
    vertical-align: bottom;
    line-height: normal;
    /*border-bottom: dotted 1px rgb(195,212,178);*/
    padding-bottom: 5px;
    
}

.BoardingAndArrWrapper .baHeader span
{

    color: #333 !important;
    vertical-align: text-bottom;
    
}

.BoardingAndArrWrapper .baHeader .NrOfNights
{
    float:left;
    padding-left: 28px;
    width: 66px;
}

.BoardingAndArrWrapper .baHeader .Name
{
    float:left;
    width: 210px;
}

.BoardingAndArrWrapper .baHeader .CheckInCkeckOut
{
    float:left;
    width: 85px;
    text-align: center;
}

.BoardingAndArrWrapper .baHeader .RoomType
{
    float:left;
    width: 55px;
    text-align: center;
}

.BoardingAndArrWrapper .baHeader .IsAvailable
{
    float:left;
    width: 60px;
    text-align: center;
}

.BoardingAndArrWrapper .baHeader .Price
{
    float:left;
    width: 90px;
    text-align: center;
}

.BoardingAndArrWrapper .baHeader .CalendarPrice
{
    float:left;
    overflow:visible;
    text-align:center;
    width:49px;
}

.BoardingAndArrWrapper .baTitleLeft
{
    float:left;
    width: 250px;    
    overflow:hidden;
}
.BoardingAndArrWrapper .baTitlePrice
{
    float:left;
    width: 100px;
    text-align:right;
}
.BoardingAndArrWrapper .baTitleDetails
{
    float:left;
    width: 170px;
    padding-left:55px
}

.BoardingAndArrWrapper .baContentCloseX
{
    position:absolute;
    right: 21px;
    top: 10px;
    cursor:pointer !important;     
}


.BoardingAndArrWrapper .baContentLess
{    
    display: none;
}
.BoardingAndArrWrapper .baContentMore
{    
    display: block;
}

.BoardingAndArrWrapper .baShowCalendar
{    
    display: none;
}

.BoardingAndArrWrapper .baUnSelected .baContentLess
{    
    display: none;
}

.BoardingAndArrWrapper .baUnSelected .baContentMore
{    
    display: block;
}

.BoardingAndArrWrapper .baSelected .baItemLine[theColor="selected"], 
.BoardingAndArrWrapper .baUnSelected .baItemLine[theColor="selected"]
{    
    background-color: #FF8400
}

.BoardingAndArrWrapper .baSelected .baItemLine[theColor="selected"] span, 
.BoardingAndArrWrapper .baUnSelected .baItemLine[theColor="selected"] span
{    
    color: #FFF !important;
}

.BoardingAndArrWrapper .baSelected .baItemLine[theColor="selected"] .baTitle .Name, 
.BoardingAndArrWrapper .baUnSelected .baItemLine[theColor="selected"] .baTitle .Name
{    
    color: #FFF !important;
}

.BoardingAndArrWrapper .baSelected .baItemLine[theColor="selected"]:hover
{    
    background-color: #FF8400
}


.BoardingAndArrWrapper .baItemLine .baTitle .Calendar
{
    top: 0px;
    position: relative;
}

.BoardingAndArrWrapper .baSelected .baContentLess
{    
    display: block;
}

.BoardingAndArrWrapper .baSelected .baContentMore
{    
    display: none;
}

.BoardingAndArrWrapper .baSelected .baShowCalendar
{    
    display: block;
}

.BoardingAndArrWrapper .baContentNavigation
{
    position:relative;    
    padding: 8px 0 3px 0;
    line-height:normal;    
}

.BoardingAndArrWrapper .baContentNavigation
{
    position:relative; 
    padding-left: 17px;
}

.BoardingAndArrWrapper .baContentWrapper
{
    position:relative;
    float:left;
}

.BoardingAndArrWrapper .baSelected .baContentWrapper
{
    position:relative;
    float:left;    
    /*padding-top: 10px;*/
    display: block;
}

.BoardingAndArrWrapper .baUnSelected .baContentWrapper
{
    display: none;
}

/*
.BoardingAndArrWrapper .baItemWrapper[theType="boarding"] .baContentWrapper[isVisible="no"]
{
    display: none;
}

.BoardingAndArrWrapper .baSelected[theType="boarding"] .baContentWrapper[isVisible="yes"]
{
    display: block;
}
*/

.BoardingAndArrWrapper .baSelected .baContent
{    
   
    padding: 15px 70px 15px 17px;
    background-color: #f0f7fd;
    border:solid 1px #d9ebfa;
    display: block;
    text-align:justify;
    /*width: 548px;*/
    width: 559px;
    font-size:13px;
    
}

.BoardingAndArrWrapper .baSelected .baContent[thecolor="selected"]
{   
    /*background-color: #fff2c0;  
    background-color: #F0C99E;*/
    border:solid 1px #fbe4cb;
    background-color: #FFEFDD;
}

.BoardingAndArrWrapper .baBookablePeriodsTitle
{
    padding-top: 15px;    
    clear:both;
    color: #6d6d6d;
    font-weight:bold;
}

.BoardingAndArrWrapper .baBookablePeriodsLeft
{
    float:left; 
    width:150px;
}

.BoardingAndArrWrapper .baBookablePeriodsLeftBig
{
    float:left; 
    width:270px;
}

.BoardingAndArrWrapper .baBookablePeriodsMiddle
{      
    float: left;
    width: 120px;
    text-align: center;
}

.BoardingAndArrWrapper .baBookablePeriodsRight
{
    float:left;
}


.BoardingAndArrWrapper .baLeft
{      
    position: relative;
    width:55%;
    float: left;	
    
}

.BoardingAndArrWrapper .baRight
{      
    position: relative;
    width:35%;
    float: right;	
    padding-left: 25px;   
    border-left: dotted 1px #839f65;
}

.BoardingAndArrWrapper .baLineSeparator
{   
    border-bottom:1px solid #FFB96A;
    height:1px;
    margin:5px 0;
    width:100%;
}

.BoardingAndArrWrapper .baSpacer
{
    width:100%;
    height:1px;
    margin-top:15px;    
}

.BoardingAndArrWrapper .baSmallSubtitle, .BoardingAndArrWrapper .baSmallSubtitle span, .BoardingAndArrWrapper .baSmallSubtitle div
{      
    color:#999 !important;
    font-size:11px !important;
    font-weight:normal !important;
}

.BoardingAndArrWrapper .baDescription
{      
    font:13px;
    color: #585858;
    font-weight:bold;
}

.BoardingAndArrWrapper .baReductionsRow
{      
    width:100%;
    clear: both;
}

.BoardingAndArrWrapper .baReductionsRow div, .BoardingAndArrWrapper .baReductionsRow span
{      
    color: #6f6f6f;
    font-size:12px;
    font-weight:normal;
}

.baContentNavigation img
{
    cursor:pointer; 
}

.baContentNavigation a
{
    cursor:pointer; 
    padding-left: 5px;
    position:relative;
    top: -1px;
    font-size: 11px;
    font-weight:bold;
}

.BoardingAndArrWrapper .baContent span
{    
    display:none;
    font-size:13px;
}

.BoardingAndArrWrapper .baUnSelected .baContent span
{    
    display: none;
}

.BoardingAndArrWrapper .baSelected .baContent span
{    
    display: block;
}

.BTTitleDiv{
    /*float:left;
    position:relative;
    width: 240px;    
    vertical-align: bottom;
    padding-top: 3px;
    font-weight: bold;*/
    font-weight: bold;    
    width: 290px;
    position:relative;
    overflow: hidden;
}
.BTTitleLeftDiv{       
    float:left;
    position:relative;
    width: 190px;    
    vertical-align: bottom;
    padding-top: 3px;    
}
.BTTitleRightDiv{       
    float:right;
    position:relative;
    width: 100px;
    text-align:right;     
    vertical-align: bottom;
    padding-left: 3px;
}

.ArrTitleWrapperDiv{   
    font-weight: bold;    
    width: 290px;
    position:relative;
    overflow: hidden;
}
.ArrTitleLeftDiv{       
    float:left;
    position:relative;
    width: 240px;    
    vertical-align: bottom;
    padding-top: 3px;    
}
.ArrTitleRightDiv{       
    float:right;
    position:relative;
    width: 50px;
    text-align:right;     
    vertical-align: bottom;
    padding-top: 3px;
}


/*This style applies only for Firefox, for IE see HotelPage.css*/
.ArrTextWrapperDiv{       
    padding-left: 0px;
    position:relative;
}

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    BS3 - START
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/



.BookInfoLine
{
    width:100%;
    clear:both;
    height:20px;
    padding-top:5px;
}

.BookInfoLine .Description
{
    color:#333333;
    float:left;
    font-size:13px;
    font-weight:bold;
    padding-right:30px;
    text-align:left;
    width:230px;
}

.BookInfoLine .DescriptionInsurance
{
    color:#333333;
    float:left;
    font-size:13px;
    font-weight:bold;
    padding-left:0;
    text-align:left;
    width:210px;

}

.BookInfoLine .InputBlock
{
    float:left;
}

.BookInfoLine .InputBlockInsurance
{
    float:left;
    color:#808080;
}

#divBookingsCode
{
    /*padding-left:55px;*/
}

.BookInfoLine .InputBlock div
{
    float:left;
}

.AdditionalInfo
{
   height: 130px; 
   width: 470px;
   font-size: 12px;
}



.BookInfoLine .InputBlock label, .BookInfoLine .InputBlockError label
{
    color:#333333 !important;
    float:left;
    font-weight:bold !important;
    margin-right:10px;
}



.BookInfoLine input[type="checkbox"]
{
    margin:0 20px;
    float:left;
    position:relative;
    top:3px;
}

.BookInfoLine .InputBlock input[type="radio"], .BookInfoLine .InputBlock input[type="radio"]
{
    margin-right:10px;
    margin-left:5px;
    float:left;
    position:relative;
    top:3px;
}

.BookInfoLine .InputBlock input[type="text"]
{
    color:#808080;
    margin-right:10px;
    float:left;
}

.BookInfoLine .InputBlockError input[type="text"]
{
    color:#FFF;
    margin-right:10px;
    float:left;
}

.BookInfoLine .InputBlock select, .BookInfoLine .InputBlockError select
{   
    float:left;
    margin-right:10px;
}

.BookInfoLine .InputBlockError select
{   
    color:#FFF;
    float:left;
    margin-right:10px;
}

.BookInfoLine .InputBlockError 
{
    float:left;    
}

.BookInfoLine .InputBlockError input, .BookInfoLine .InputBlockError select
{
    border:solid 1px #E70101;    
    background-color:#FFB96E;
}

.BookInfoLine .MustFillIn 
{
    color:#E70101;
    float:left;
    font-size:18px;
    font-weight:bold;
    padding-right:10px;
}


/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    BS3 - END
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    BS4 - START
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

.BookSummaryW h3 
{
    margin:0;
    padding:0;
}

.BookSummaryW h3 span
{
    font-size:16px !important;
    color:#333 !important;    
}

.BookSummaryW .Divider
{
    width:100%;
    height:1px;
    border-top:dotted 1px #808080;    
    margin-bottom:10px;
    margin-top:5px;
}

.BookSummaryW .Spacer
{
    width:100%;
    height:1px;
    margin-top:15px;    
}

.BookOverviewLine
{
    width:100%;
    clear:both;
    padding-top:1px;
    font-size:13px;
    font-weight:bold;
}

.BookOverviewAdditionalInfoLine
{
    width:100%;
    clear:both;
    height:20px;
    font-size:13px;
    font-weight:bold;
}   

.BookOverviewAdditionalInfoLine span
{
    float:left;
}

.BookOverviewAdditionalInfoLine input[type="checkbox"]
{
    margin-left:10px;
    margin-right:25px;
    margin-top:10px;
    position:relative;    
    float:left
}

.BookOverviewAdditionalInfoLine img
{
    float:left;
    padding-left:20px;
}

.BookOverviewLine .Descrition
{
    width:150px;
    color:#333333;
    float:left;   
}

.BookOverviewLine .DescritionWider
{
    width:200px;
    color:#333333;
    float:left;   
}

.BookOverviewLine .DescritionLongLeft
{
    width:250px;
    color:#333333;
    float:left;   
}

.BookOverviewLine input[type="radio"]
{
    float:left;
    position:relative;
    margin-right:10px;
    top:2px;
}

.BookOverviewLine .DescritionLongLeft div
{
    float:left;    
}

.BookOverviewLine .DescritionLongLeft img
{
    float:left;    
    margin-left:10px;
}

.BookOverviewLine .DescritionLongRight
{
    width:350px;
    color:#333333;
    float:left;   
}

.BookOverviewLine .Value
{
    color:#808080;
    margin-left:10px;
    width: 330px;
    float:left;
}

.BookOverviewLine .Value .ExtrasYesNo
{
    clear:both;
    padding-top:5px;
    padding-bottom:10px;
}

.BookOverviewLine .Value .ExtrasYesNo input[type="radio"]
{
    margin:0 5px;
    position:relative;
    top:1px;
}

.BookOverviewLine .AdditionalInfo
{
    float:right;
    color:#808080;
    text-align:right;
    width: 150px;
    height:100%;
}


.BookSummaryW .Price
{
    float:right;
    width:50%;
    font-size:20px;
    font-weight:bold;
    height:100%;
    color:#000;
    padding-top:10px;
}

.BookSummaryW .Price .FreeBees
{    
    padding-bottom:25px;
}

.BookSummaryW .Price .PriceLine
{
    clear:both;
    float:right;
    width:440px;
}

.BookSummaryW .Price .PriceLine .Name
{
    float: left;
    padding-left: 180px;
    padding-right: 10px;
    width: 120px;
}

.BookSummaryW .Price .PriceLine .SmallPrice
{
    float:right;
    text-align:right;
    width: 125px;
}

.BookSummaryW .Price .PriceLine .SmallPrice span
{
    float:left;
    right:10px;
    position:relative;
    width:100%;
    text-align:right;
}

.BookSummaryW .Price .PriceLine .NoPrice 
{
    font-size:16px;
    padding-bottom:10px;
    padding-left:200px;
    position:relative;
    top:-25px;
}

.BookSummaryW .Price .PriceLine .BigPrice
{
    background-image:url("../images/WWS/price_Circle.png");
    background-position:right center;
    background-repeat:no-repeat;
    float:right;
    height:55px;
    left:10px;
    position:relative;
    text-align:right;
    top:-25px;
    width:125px;
}

.BookSummaryW .Price .PriceLine .BigPrice[showBackground="no"]
{
    background-image: none;    
}

.BookSummaryW .Price .PriceLine .BigPrice span
{
    right:20px;
    top:25px;
    position:relative;
}


/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    BS4 - END
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    BS5 - START
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

.BS5FooterText
{
    width:100%;
}

.BS5Buttons .button_wrapper_orange
{
    float: left;
    padding-right: 30px;
}

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    BS5 - END
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    PayOnline Here - START
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

.CheckDataButtons .button_wrapper_orange
{
    float:left;
    padding-top:20px;
}

.ButtonsRight
{
    float:right;
}

.Account_required_w20 {
	left:520px;
    position:absolute;
    top:340px;
}

.warning {
	position: relative;
	margin: 0;
	padding: 0;
	width: 144px;
	border-top: 1px solid #FF7F00;
	border-left: 1px solid #FF7F00;
	border-right: 1px solid #FF7F00;
	z-index: 10;
	background: #FFF;
	right: -30px;
	left: 0px;
	color:#000 !important;
	line-height:normal;
}



.warn_row {
	position: relative;
	margin: 0;
	padding: 2px 5px 4px;
	border-bottom: 1px solid #FF7F00;
	color: #FF7F00 !important;
	font-weight: normal;
	background: #FFF;
}

.warn_row span
{
    color: #FF7F00 !important;
}

.warn_head {
	position: relative;
	margin: 0;
	padding: 2px 0 0 22px;
	width: 122px;
	height: 16px;
	font-weight: bold;
	color: #FFF;
	background: #FF7F00;
}

.warn_head span
{
    color: #FFF !important;
}

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    PayOnline Here - END
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/



/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    CaclulationOverview - START
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

.CalculationOverview 
{
    padding-left:25px;
    padding-top:15px;
    width:690px;
}

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    CalculationOverview - END
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    Extras Components - START
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

/* -- Extras Details - START -- */
.ExtrasDetailsWrapperDiv_HPW
{
    /*border: solid 1px red;*/
    width:100%;
}

.ExtrasDetailsMessageWrapperDiv_HPW
{
    height:280px;
    padding-left:90px;
    padding-top:70px;
    width:100%;
}

.ExtrasDetailsMessageWrapperDiv_HPW a
{
    color:#0289FF !important;
    cursor:pointer;
    font-size:14px !important;
    font-weight:bold;
    text-decoration:none;
    top:25px;
}

.ExtrasDetailsMessageWrapperDiv_HPW a:hover
{
    text-decoration:underline;
}


.ExtrasDetailsMessageWrapperDiv_HPW h2
{
    color:#FF8400;
    padding-bottom:20px;
    font-size: 18px;
    font-weight:bold;
    position:relative;
}

.ExtrasDetailsMessageWrapperDiv_HPW h3
{
    padding-bottom:10px;
    font-size:14px;
    font-weight:normal;
    position:relative;
}

.ExtrasDetailsMessageWrapperDiv_HPW span
{
    font-size:14px;
    font-weight:normal;
    padding-left:10px;
    position:relative;
    top:-1px;
}

.ExtrasDetailsMessageWrapperDiv_HPW .button_wrapper_orange
{
    float:right;
    padding-right:340px;
    padding-top:120px;
}

.ExtrasDetailsMessageWrapperDiv_HPW .button_wrapper_orange a
{
    text-decoration:none;
}

.ExtrasDetailsMessageWrapperDiv_HPW .button_wrapper_orange a:hover
{
    text-decoration:underline;
}

.ExtrasDetailsMessageWrapperDiv_HPW .button_wrapper_orange span
{
    padding:0;
    margin:0;
}






.ExtrasDetails_Left_HPW
{    
    float: left;
    width: 545px;
    padding:10px 35px 10px 10px;
    width:500px;
}

.ExtrasDetails_Right_HPW
{    
    float:right;    
    width: 185px;
    padding: 10px 5px 25px 5px;
}

.ExtrasDetails_TitleWrapper
{
    
}

.ExtrasDetails_TitleName
{
    float:left;
}

.ExtrasDetails_TitleButton
{
    float:left;
    padding-left: 10px;
}

.ExtrasDetails_TitleAdditionalDetails
{
    width: 100%;
    clear: both;
    float: left;
    color: #999;
    font-size: 11px;
}

.ExtrasDetailsImg_HPW
{
    border: solid 1px #CCC; 
    padding: 5px 5px 5px 5px; 
    float: left;    
    width: 209px;
    height: 157px;
}

.ExtrasDetailsImgWrapper_HPW div
{
    border:1px solid #CCC;
    float:left;
    height:157px;
    margin-right:10px;
    margin-top:10px;
    padding:5px;
    width:209px;
}

.ExtrasDetailsNameAndPrice_HPW
{
    float:left;
    padding-left: 10px;
    width: 265px;
}

.ExtrasDetailAndsName_HPW
{
    float:left;
    height: 90px;
    width: 100%;
}

.ExtrasPrice_HPW
{
    float:left;
}

.ExtrasDetailsContent
{
    clear:both;    
    width: 100%;
    color: #999;
    font-size: 12px;
}

.ExtrasDetailsWrapperDiv_HPW h2
{
    color:#FF8400;
    font-size:20px;
    font-weight:bold;
    margin:0;
    padding: 0px 0px 10px 0px;
}

.ExtrasDetailsWrapperDiv_HPW h2 span
{
    color:#FF8400;
    font-size: 18px;
    font-weight:bold;
    position:relative;
}

.ExtrasDetailsNameAndPrice_HPW .ExtrasHotelLocation_HPW
{
    color: #999;
    font-size: 12px;
    font-weight: bold;
}

.ExtrasDetailsNavigation_HPW
{
	position: relative;
    height:15px;
	width: 495px;		
	margin-bottom:5px;
	margin-top:25px;
    padding-top:5px;
    border-top: 1px solid #eee;
}


.ExtrasDetailsNavigation_HPW a 
{
    color:#0289FF !important;
    cursor:pointer;
    font-size:14px !important;
    font-weight:bold;
    text-decoration:none;
}

.ExtrasDetailsNavigation_HPW .Previous
{
	position: relative;
    float: left;
    background-image: url(../images/WWS/arrow_Blue_Left.png);    
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.ExtrasDetailsNavigation_HPW .Next
{
	position: relative;
    float: right;
    background-image: url(../images/WWS/arrow_Blue_Right.png);    
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 25px;
}

/* -- Gray Box -- */

.ExtrasDetailsData_HPW 
{
    font-size: 12px;
    font-weight:bold;
    color: #3b3b3b;
}

.ExtrasDetailsData_HPW .Extra_Separator_Line
{
    border-bottom: solid 1px #c6c6c6;
    height: 1px;
    width: 100%;
    margin: 5px 0 5px 0;
}

.ExtrasDetailsData_HPW .DataBlock
{
    padding:0 3px;
}

.ExtrasDetailsData_HPW .sup_extra_row 
{
	position: relative;
	padding: 3px 0;
}

.ExtrasDetailsData_HPW .sup_extra_row  span
{
	position: relative;	
	text-align: left;
	float: left;
	top: 1px;
}

.ExtrasDetailsData_HPW .NoBoldText
{
    font-weight: normal !important;
}

.ExtrasDetailsData_HPW .BookablePeriods
{
    font-size: 11px !important;
}


.ExtrasDetails_Right_HPW .button_middle
{	    
    padding:0 5px;
    width:165px;
}

.ExtrasDetails_Right_HPW .button_middle a
{	    
    font-size:13px !important;
    position:relative;
    text-decoration:none;
    top:7px;
}

.ExtrasDetails_Right_HPW .button_middle a:hover
{	    
    text-decoration:underline;
}

.ExtrasDetailsData_HPW .sup_extra_row select, div.sup_extra_row input {
	position: relative;
	padding: 0;
	color: #F60;
	float: right;
	text-align:center;
	display: inline;
}


.ExtrasDetailsData_HPW h2 span
{
    color:#3b3b3b;
    font-size: 16px;
    font-weight:bold;
    position:relative;
}


/* -- Extras Details - END -- */

/* -- Extras Overview - START --*/

/* -- Extras Overview Item --*/

.AllExtras_main
{
    margin: 10px 15px;
    width:100%;
}

.BookExtrasOverviewW .AllExtras_main
{
    margin:25px 0px 10px 0px;
    width:100%;
}

.AllExtras_main h2
{
    padding:0 !important;
}

.AllExtras_main h2 span
{
    color:#FF8400;
    font-size:18px;
    font-weight:bold;
    position:relative;
}

.ExtrasDivWrapper_HPW 
{
    width:685px;
    height:60px;
    /*border-top:solid 1px #eee;*/
    padding:5px 0 5px 25px;
    float:left;
}

.ExtrasDivWrapper_HPW:hover 
{
    background-color:#F2F9FF;
}

.BookExtrasOverviewW .ExtrasDivWrapper_HPW 
{
    padding:5px 0 5px 0px;
}

.ExtrasDivWrapper_HPW .ImagesWrapperDiv
{
    float: left;
    /*padding-right:45px;*/
    width: 110px;
    text-align: center;
    position:relative;
    top:7px;
}
.ExtrasDivWrapper_HPW .OtherInformationWrapperDIv
{
    position:relative;
    top:10px;
    float:left;
    width:555px;
    padding-left: 15px;
}


.ExtrasDivWrapper_HPW .OtherInformationWrapperDIv .NameAndDescriptonBlackTextDiv
{
    float: left;
    font-size: 14px;
    color: #353231;
    font-weight:bold;
}

.ExtrasDivWrapper_HPW .OtherInformationWrapperDIv .NameAndDescriptonBlueTextDiv
{
    float: left;
    font-size: 14px;
    color: #0289FF;
    font-weight:bold;
    cursor: pointer;   
    text-decoration: none;
}

.ExtrasDivWrapper_HPW .OtherInformationWrapperDIv .NameAndDescriptonBlueTextDiv:hover
{ 
    text-decoration: underline;
}

.ExtrasDivWrapper_HPW .OtherInformationWrapperDIv .ExtrasNameAndDescriptionDiv
{
    float: left;
}

.ExtrasDivWrapper_HPW .OtherInformationWrapperDIv .ExtrasPriceDiv
{
    float: right;
    position:relative;
    top:-10px;
}

.AllExtras_main .ExtrasSortingDiv 
{
    width:100%;
    clear:both;
}

.AllExtras_main .ExtrasSortingDiv .Left
{
    padding-left: 125px;
    float:left;
}

.AllExtras_main .ExtrasSortingDiv .Right
{
    float:right;
    padding-right:35px;
}

.AllExtras_main .ExtrasSortingDiv h2
{
    float:left;
}

.AllExtras_main .ExtrasSortingDiv input, .AllExtras_main .ExtrasSortingDiv select
{
    float:right;
    margin-left:10px;
}

/* -- Overview Navigation -- */

.ExtrasOverviewNavigation_HPW
{
	position: relative;
    height:15px;
	width: 100%;		
	padding-bottom:20px;
    padding-top:10px;
    border-top: 1px solid #eee;    
    display:none; /* hide, wec changes */
}


.ExtrasOverviewNavigation_HPW a 
{
    color:#0289FF !important;
    cursor:pointer;
    font-size:14px !important;
    font-weight:bold;
    text-decoration:none;
}

.ExtrasOverviewNavigation_HPW .Previous
{
	position: relative;
    float: left;
    background-image: url(../images/WWS/arrow_Blue_Left.png);    
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25px;
    width:125px;
}

.ExtrasOverviewNavigation_HPW .Next
{
	position: relative;
    float: right;
    background-image: url(../images/WWS/arrow_Blue_Right.png);    
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 25px;
    width:125px;
    text-align:right;
}

.ExtrasOverviewNavigation_HPW div[status="inactive"] a 
{
    color:#bebebe !important;
    cursor:default;
    font-size:14px !important;
    font-weight:bold;
    text-decoration:none;
}

.ExtrasOverviewNavigation_HPW .Previous[status="inactive"]
{
	position: relative;
    float: left;
    background-image: url(../images/WWS/arrow_Gray_Left.png);    
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.ExtrasOverviewNavigation_HPW .Next[status="inactive"]
{
	position: relative;
    float: left;
    text-align: left;
    background-image: url(../images/WWS/arrow_Gray_Right.png);    
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 25px;
    text-align:right;
}

.BookExtrasOverviewW .ExtrasOverviewNavigation_HPW .ExtrasResultsInfo
{
    float:left;
    width:390px;
    text-align:center;
}

.ExtrasOverviewNavigation_HPW .ExtrasResultsInfo
{
    float:left;
    width:410px;
    text-align:center;
}

/* -- Extras Overview - END --*/

.SeeMoreArrangements_TOP3 {
    float: right;
}

.SeeMoreArrangements_TOP3 a
{
    font-size: 14px;
    color: #0289FF;
    font-weight:bold;
    cursor: pointer;   
    text-decoration: none;
}

.ExtrasTopThreeDivWrapper_HPW {
    position:relative;      
    clear:both;    
    width: 648px;
    height: 70px;     
    border-bottom: 1px dotted #C3D4B2;
    padding: 5px 0 5px 0;
    line-height: normal;
}

.ExtrasTopThreeDivNoBorderWrapper_HPW 
{
    border-bottom: none !important;
}

.ExtrasTopThreeDivWrapper_HPW:hover {
    border-bottom: 1px dotted #C3D4B2;
    background: #f2f9ff;
}

.ExtrasTopThreeDivNoBorderWrapper_HPW:hover {
    border-bottom: none !important;
}

.ExtrasTopThreeDivWrapper_HPW .ImagesWrapperTopThreeDiv_HPW {
    position:relative;
    float:left;                
    padding-right: 10px;
    width: 86px;    
    /*border: solid 1px blue;*/
}

.ExtrasTopThreeDivWrapper_HPW .ExtrasTopThreePictureDiv_HPW {
    position:relative;
	padding: 3px;
	border: 1px solid #CCC;
	background: #FFF;
	height:59px;
    width:78px;
    float:left;        
}

.ExtrasTopThreeDivWrapper_HPW .OtherInformationTopThreeWrapperDIv_HPW
{
    position:relative;
    float:left;      
    width: 552px;
}

.MoreLinksDiv_HPW
{
    /*border: solid 1px red;*/
    float: left;
    width:125px;
    background-image: url(../images/WWS/Border_Line.png);    
    background-position:0 50%;
    background-repeat: no-repeat;
    height: 65px;    
    font-size: 14px;
    text-align: center;
}

.MoreLinksDiv_HPW a
{
    color: #0289FF !important;
    font-weight:bold;
    cursor: pointer;       
    font-size: 14px !important;
    position:relative;
    top:25px;
    text-decoration: none;
}

.NameAndDescriptionTopThreeDiv_HPW {
    position:relative;
    float:left;    
    width: 245px;    
    padding-right: 75px;
    overflow:visible;
}

.NameBlueTextDiv_HPW {
    font-size: 14px;
    color: #0289FF;
    font-weight:bold;
    cursor: pointer;   
}

.DescriptonGrayTextDiv_HPW {
    font-size: 12px;
    color:#666;
    
}

.PriceTopThreeDiv_HPW {
    position:relative;   
    width: 200px;
    float: left;
    padding: 0px 0px 0px 0px;        
    vertical-align: top;
}

.PriceTopThreeLeftDiv_HPW {
    position:relative;    
    float:left;  
    text-align:left;
}
.PriceTopThreeRightDiv_HPW {
    position:relative;        
    float:right;       
    text-align:right;    
    right: 0px;
}

/*Price Component*/

.priceComponentExtrasWrapper 
{
    width: 90px;
    /*padding-right: 15px;*/
    color: #999999;
    font-size:12px;
    line-height:normal;
    font-family: Arial;
    overflow: hidden;
    float: left;
}

.priceComponentExtrasWrapper  div
{
    clear:both;
    /*width:100%;*/    
}

.priceComponentExtrasWrapper  span
{
    clear:both;
    font-weight:bold;
    /*width:100%;*/    
}

.priceComponentExtrasWrapper .cmpePriceBigDigits
{
    color: #333 !important;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -1px;
}
    
.priceComponentExtrasWrapper .cmpePriceSmallDigits
{
    color:#333 !important;
    font-size:12px;
    font-weight:bolder !important;
    left:-5px;
    position:relative;
    vertical-align:8px;    
}

.priceComponentExtrasWrapper .cmpePriceDetails span
{
    position:relative;
    color: #666 !important;
    font-weight: bold;
    font-size: 11px;
    top:-4px;
}

.priceComponentExtrasWrapper .cmpePriceNormalPrice
{
    font-weight: bold;
    font-size: 14px;
    background: url(../images/WWS/crossed_Extras.png) no-repeat;
    float: left;
    padding-left:15px;
    padding-right:10px;
    position:relative;
    top:4px;
    width:65px;
}

.priceComponentExtrasWrapper .cmpePriceWeekendCompanyPrice
{ 
    padding:0;
}

.priceComponentExtrasWrapper .cmpePriceWeekendCompanyPriceNoNormalPrice
{ 
    position:relative;
    padding-top:8px;
}

.priceComponentExtrasWrapper .cmpePriceNormalPrice span
{
    color: #c1c1c1 !important;  
}

.priceComponentExtrasWrapper .cmpePriceNormalPrice .cmpePriceNormalBigDigits
{
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -1px;
}
    
.priceComponentExtrasWrapper .cmpePriceNormalPrice .cmpePriceNormalSmallDigits
{
    font-size:12px;
    font-weight:bolder !important;
    left:-5px;
    position:relative;
    vertical-align:4px;    
}


/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    Extras Components - END
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    BookingTabs Strip Components - START
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

.BookingTabsWrapper{
    position:relative;    
}

.BookingTabsWrapper .BackToHotel
{
    background-image:url("../images/WWS/arrow_White_Left.png");
    background-position:left center;
    background-repeat:no-repeat;
    float:left;
    margin-left:10px;
    padding-left:20px;
    padding-right:25px;
    position:relative;
    top:5px;
}

.BookingTabsWrapper .BackToHotel a
{
    color:#FFFFFF !important;
    font-size:18px !important;
    font-weight:bold !important;
    line-height:normal !important;
    position:relative;
    top:-2px;
    text-decoration:none;
    cursor:pointer;
}

.BookingTabsWrapper .BackToHotel a:hover
{
    text-decoration:underline;
}


.tabsBookingUnSelected  /* Was selected */
{
    
}

.tabsBookingUnSelected /* Was selected */
{
    float:left;
    padding-right:3px;
}

.tabsBookingUnSelected .tabs_left span  /* Was selected */
{	    
    font-size:15px;
    font-weight:bold;
    left:17px;
    position:relative;
    top:8px;
    color: #949494; /*gray number */
}

.tabsBookingSelected .tabs_left span  /* Was UnSelected */
{	
    font-size:15px;
    font-weight:bold;
    left:17px;
    position:relative;
    top:8px;
    color: #FF8400;
}

.tabsBookingUnSelected .tabs_left  /* Was selected */
{	 
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: 0 0; 
    width: 35px; 
    height: 32px; 
	/*background: url(../images/WWS/BookingTabs_Active_Left.png);*/
	background-repeat: no-repeat;	
	float: left;
}

.tabsBookingUnSelected .tabs_middle  /* Was selected */
{	    
    height:32px;
	background: url(../images/WWS/Not-Sprited/BookingTabs_Active_Middle.png);
	background-repeat: repeat-x;	
	float: left;
	text-align: center;
	padding-left:5px;
    padding-right:10px;
}

.tabsBookingUnSelected .tabs_right  /* Was selected */
{	    
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    width: 5px;
    height:32px;
    background-position: -45px 0;
	/*background: url(../images/WWS/BookingTabs_Active_Right.png);*/
	background-repeat: no-repeat;	
	float: left;
}

.tabsBookingUnSelected .tabs_middle span  /* Was selected */
{	    
    top:6px;
    position:relative;
	color: #949494;	
	font-weight: bold;
	font-size: 16px;		
}

/* ------ Unselected --------*/
.tabsBookingSelected  /* Was UnSelected */
{
    float:left;
    padding-right:3px;
}

.tabsBookingSelected .tabs_left /* Was UnSelected */
{	
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    background-position: -60px 0; 
    width: 35px;
    height:32px;    
	/*background: url(../images/WWS/BookingTabs_InActive_Left.png);*/
	background-repeat: no-repeat;	
	float: left;
}

.tabsBookingSelected .tabs_middle /* Was UnSelected */
{	    
    height:32px;
	background: url(../images/WWS/Not-Sprited/BookingTabs_InActive_Middle.png);
	background-repeat: repeat-x;	
	float: left;
	text-align: center;
	padding-left:5px;
    padding-right:10px;
}

.tabsBookingSelected .tabs_right /* Was UnSelected */
{	    
    background: url(../images/WWS/sprite-tabsAndButtonslImages.png);
    width: 5px;
    height:32px;
    background-position: -105px 0; 
	/*background: url(../images/WWS/BookingTabs_InActive_Right.png);*/
	background-repeat: no-repeat;	
	float: left;
}

.tabsBookingSelected .tabs_middle span /* Was UnSelected */
{	    
    top:6px;
    position:relative;
    color: #333;
	font-weight: bold;
	font-size: 16px;	
}

/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    BookingTabs Strip Components - END
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/



/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    HotelInformation Components - START
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/

.HotelShortHeader
{
    width: 943px;
    
    /*padding: 20px 0 10px 0; */
    /*margin-bottom: 10px;*/
    /*background: url(../images/WWS/tabs_Line.png);
	background-repeat: no-repeat;
	background-position: right bottom;*/
	background-color: #f7f7f7;
	
	margin-top: -12px;
	margin-left: -17px;
	
	padding: 6px 0px 10px 17px;	
	
}

.HotelShortHeader #HotelImageDiv
{
    float:left;
    /*border:1px solid #CCCCCC;*/
    cursor:pointer;
    height:75px;
    /*padding:3px;*/
    width:110px;
    z-index:10;
}
.HotelShortHeader #HotelNameStarsAndLocationDiv
{
    float:left;
    padding-left:15px;
    /*padding-top:11px;*/
    width: 595px;
}

.HotelShortHeader h1
{
    color:#000;
    float:left;
    font-size:25px;
    margin:0;
    float:left;
}

.HotelShortHeader h2 
{
    color:#8B8B8B !important;
    font-size:16px !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
    top:5px !important;
    float:left;
}

.HotelShortHeader h2 span
{
    color:#8B8B8B !important;
    font-size:16px !important;
}

.HotelInformationArrivalLabel 
{
    float:left;
    width: 800px;
    padding-top: 20px;
    color:#8B8B8B !important;
    font-size:14px !important;
}

.HelpTextRight 
{
    color: #ff8400;
    font-weight: bold;
    font-size: 8pt;
    padding-top: 10px;
    background-color: white;
    float: right;
    text-align: justify;
    width: 200px; 
}

.BttnRightMenuWrapper 
{
    width: 100%;
    float: left;
}

.BttnRightMenuInside 
{
    width: 206px;
    float: right;
}

.topBttnWrapper
{
    float: left;
    padding-top: 22px;
    width: 206px;
}

#TopButtonDiv
{
    margin: 0 auto;
    width: 170px;
}
/*
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
    HotelInformation Components - END
iooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooiooioo
*/