#details { background:#fff; padding:10px 0; }

/*   H O T E L   I N F O R M A T I O N   */
#hotel-img-frame {width:410px; height:259px; padding:0 0 7px 0; border:0px; background:#fff url('images/details/hotel-image-shadow.jpg') bottom left no-repeat;}
#hotel-img { border:1px solid #ccc; height:250px; margin:0; padding:5px 5px 5px 5px; position:relative; width:400px; }
#hotel-img img { width:400px; height:250px; }
#hotel-img-new { border:1px solid #ccc; height:260px;   position:relative; width:410px; }

#vidLink { bottom:8px; right:8px; position:absolute; z-index:1000; }
#nsa { width:508px; }
#nsa h1,#nsa h2, h2 { font-size:18px; font-weight:bold; overflow:hidden; display:inline; padding-right:105px; }
.s5, .s4, .s3, .s2, .s1 { height:20px; width:100px; background:url(../images/details/star-sprite.png) no-repeat right 2px; }
.s5gal, .s4gal, .s3gal, .s2gal, .s1gal { height:20px; width:200px; background:url(../images/details/star-sprite.png) no-repeat right 2px; }
.s5com, .s4com, .s3com, .s2com, .s1com { height:20px; width:200px; background:url(../images/details/star-sprite.png) no-repeat right 2px; }
.s5comp, .s4comp, .s3comp, .s2comp, .s1comp { height:20px; width:115px; background:url(../images/details/sr-centre.png) no-repeat right 2px; }
.s4,.s4gal,.s4comp  { background-position:right -47px; }
.s3,.s3gal.s3comp { background-position:right -98px; }
.s2,.s2gal.s2comp { background-position:right -148px; }
.s1,.s1gal.s1comp { background-position:right -198px; }
.s4comp { background-position:right -47px; }
.s3comp { background-position:right -98px; }
.s2comp { background-position:right -148px; }
.s1comp { background-position:right -198px; }
#nsa a.scrollThumbnails { cursor:pointer; float:left; height:19px; margin-top:13px; padding:29px 0; width:18px; }
#nsa #scroll-thumbnails-prev-button {margin-right:10px;}
#nsa #scroll-thumbnails-next-button {margin-left:10px;}
	
address {
    float:left;
    font-style:normal;
    height:2em;
    line-height:24px;
    margin-right:10px;
    overflow:hidden;
    width:340px;
}

#showMapLink { background-image:url(images/map-icon.png);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:200px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }
#showTube {
    background-image:url(/images/tubestation_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:200px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }
 
#showRail {
    background-image:url(/images/train_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:200px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }
 #showBed {
     background-image:url(/images/bed_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:125px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
}

 #checkin {
    background-image:url(/images/checkin-icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:125px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }


#checkout {
    background-image:url(/images/checkout-icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:125px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
}
#showBedon {
    background-image:url(/images/bed_on_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:125px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
}

#showPark {
    background-image:url(/images/parking_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:125px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }
#showParkon {
    background-image:url(/images/parking_on_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:125px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }
#showAcon {
    background-image:url(/images/aircon_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:125px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }
 #showAconon {
    background-image:url(/images/aircon_on_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }
#showLift {
    background-image:url(/images/lift_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:125px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }
#showLifton {
    background-image:url(/images/lift_on_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    width:125px;
    padding-left:40px;
    float:left;
    line-height:24px;
    margin-right:25px;
 }
 
#srShowBed {
    background-image:url(/images/bed_icon.gif);
    background-position:left center;
    background-repeat:no-repeat;
    display:block;
    float:left;
    line-height:24px;
    width:21px;
    padding-right:4px;
}
 #srShowBedon { background-image:url(/images/bed_on_icon.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
line-height:24px;
width:21px;
padding-right:4px;
}

 #srShowPark { background-image:url(/images/parking_icon.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
line-height:24px;
width:21px;
padding-right:4px;
 }
  #srShowParkon { background-image:url(/images/parking_on_icon.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
line-height:24px;
width:21px;
padding-right:4px;
 }
 
 #srShowAcon { background-image:url(/images/aircon_icon.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
line-height:24px;
width:21px;
padding-right:4px;
 }
 #srShowAconon { background-image:url(/images/aircon_on_icon.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
line-height:24px;
width:21px;
padding-right:4px;
 }
 #srShowLift { background-image:url(/images/lift_icon.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
line-height:24px;
width:21px;
padding-right:4px;
 }
  #srShowLifton { background-image:url(/images/lift_on_icon.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
line-height:24px;
width:21px;
padding-right:4px;
 }
 
 #srWiFi{ background-image:url(/images/wi-fi_icon.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
line-height:24px;
width:21px;
padding-right:4px;
 }
  #srWiFion { background-image:url(/images/wi-fi_on_icon.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
line-height:24px;
width:21px;
padding-right:4px;
 }
	/* facilities head in sprite */
	#nsa li { float:left; width:230px; margin:2px 0 2px 0; line-height:12px; font-size:11px; }
		.fac-checkin { background-position:0px 0px; }
		.fac-checkout { background-position:0px -28px; }
		.fac-roomservicehours { background-position:0px -224px; }
		.fac-airconditioning { background-position:0px -255px; }
		.fac-receptionhours { background-position:0px -54px; }
		.fac-bars { background-position:0px -80px; }
		.fac-barhours { background-position:0px -106px; }
		.fac-restaurants { background-position:0px -137px; }
		.fac-restauranthours { background-position:0px -164px; }
		.fac-breakfast { background-position:0px -193px; }
		.fac-nearesttube { background-position:0px -282px; }
		.fac-distancetotube { background-position:0px -311px; }
		.fac-trainstation { background-position:0px -338px; }
		.fac-nearestcarpark { background-position:0px -370px; }
		.fac-internet { background-position:0px -393px; }

    /*Thumbnails*/
    #hotel-thumbnail-container { float:left; height: 77px; margin-top:13px; overflow:hidden; position:relative; width:445px; }
    #hotel-thumbnail-items { left: 0; position: absolute; top: 0; width:1780;} /*Wide enough for 20 images*/
    .hotel-thumbnail-item { border:1px solid #CCCCCC; float:left; margin:0 6px; padding:5px; width:65px }
    img.hotel-thumbnail-img { cursor:pointer; height:65px; width:65px; }
    
/*   Y O U   S E A R C H E D   F O R   */
	#ysf { background:url(../images/details-bar-gradient.png) repeat-x; padding-top:5px; }
    #ysf div { height:35px; line-height:35px; }
    #ysf label { text-transform:uppercase; padding:0 0 0 10px;  }
    #ysf #book-staying-text { float:left; padding-left:20px; }
   
	#ysf #book-options { float:left; }
    /*
	#ysf input { width:80px; }
	#ysf select { text-transform:none; }*/
	#gysf { background-color:#f0f0f0; border-color:#e7e7e7; border-style:solid; border-width:5px 0 0 0; 
	/*margin-top:30px;*/ 
	}
    #gysf div { height:35px; line-height:35px; }
    #gysf label { text-transform:uppercase; padding:0 0 0 20px;  }
    #gysf #book-staying-text { float:left; padding-left:20px; }
   
    
	
/*   R O O M S   */
#rooms {  padding:0px 10px 10px 10px; width:920px; background:#F0F0F0; margin-bottom:15px;}
	.room-head th { color:#fff; line-height:15px; height:15px; background:#333333; border-right: 1px solid #fff; }
	th, td { vertical-align:middle; }
	th { font-weight:bold; line-height:15px; height:15px;}
	a { cursor:pointer; text-decoration:none;}

    .room td { padding:10px 0; border-bottom:5px solid #d9d9d9;}
    .fullFormat td { border-top:5px solid #d9d9d9; }
	tr.active {background-color: #E9F7FF;
	width:100%;
	height:100%;
	}
	tr.inactive {background-color: #FFFFFF}
        .roomDetailModalTrigger { text-decoration:underline; }
        .type, .available, .howmany, .adults, .children, .normal, .total { text-align:center; }
		
		.room-head .type, .room .type { text-align:left; width:220px; padding-left:10px;}
		.available { width:90px; }
		.howmany { width:120px; }
	   
	    .room-occupancy {  width:130px; }
		.room-occupancy div { float:left; padding-left:6px; width:50px; }
	
		.adults_children select { margin:3px 10px; }
		.normal { width:100px; }
		td.total { width:130px; padding-bottom:3px; }
	
			.room-head th.howmany, .room-head th.adults, .room td.howmany, .room td.adults, .room td.total, .room td.total { background-position:left top;  padding:10px 0;}
			
			/* font styling */
			.type strong { display:block; font-size:14px; line-height:18px; }
			.type em { font-style:normal; font-weight:normal; font-size:12px; }
			.available { font-weight:bold; }
			.normal b { font-size:22px; display:block; font-weight:normal; text-decoration: line-through;}
			.total b { color:#212121; font-size:26px; display:block; }
			.total a { font-size:10px; }
	
/*   B O O K I N G   I N F O R M A T I O N   */
#book { 
        border-color:#e7e7e7; 
        border-width:5px 0 0 0; 
        border-style:solid; 
        min-height:66px;
        padding:0 0; 
        font-size:11px; 
        line-height:1.2em; 
        background:#f8f8f8 url(../images/details/bookBgArrow.jpg) right top no-repeat;
    }
	.book-help { padding-top:10px; width:190px;  }
        .book-help p { color:#919191; font-size:26px; line-height:26px; }
    .book-ready { padding-top:10px; /*width:270px;*/ }
        .book-ready p { color:#555555; line-height:15px; }
    .book-info { padding-top:20px; width:220px;  }
        .book-info p { color:#000009; }
	.book-final { height:48px; padding-top:10px; }
		.tax { color:#000000; }
		.usp li { float:left; width:240px; line-height:24px; }
		.book-ready b,.book-help b { font-size:14px; display:block; padding:3px 0; font-weight:bold; color:#212121; line-height: 17px; }
		.new-bold-formatted { font-size:14px; display:block; padding:3px 0; font-weight:bold; color:#212121; line-height: 17px; }
		.new-bold-price { display:block; color:#212121; font-size:22px;}
		.new-bold-total { display:block; color:#212121; font-size:26px; font-weight:bold }
		.new-strong {
	font-weight: bolder;
	display:inline;
}
.new-strong-room {
	font-weight: bolder;
	display:block;
	font-size:14px;
	line-height:18px;
}

.new-em-room {
	font-size:12px;	
	font-style:normal;
	font-weight:normal;
}

		
#book-btn { cursor:pointer; height:26px; margin:4px auto; overflow:hidden; width:116px; margin:15px auto;}
/*#book-btn.disabled input { margin-top:-80px; cursor: auto; } */
#book-btn:hover input { margin-left: -116px; }		
		
.phone { line-height:48px; font-size:22px; display:block; text-align:center; color:#000; text-decoration:none; }
			
/*   I N F O R M A T I O N   P A N E L S   */
#info { padding:10px 0; }
	.info { border-top:3px solid #000; display:block; margin-left:10px; padding:0 0 10px 0; width:630px;  }
	.infobox { border-top:3px solid #000; display:block; padding:0 0 10px 0; width:270px; }
	#info h2, #info h3 { text-transform:uppercase; font-size:16px; font-weight:bold; line-height:30px; display:Block;}
	#info p, #info li { line-height:1.5em; }
		#wheremap { border:1px solid #000; height:180px; width:275px; }
	ul.facilities { float:left; padding-right:60px; width:150px; }
#info p { margin-top: 0.75em; }

/* ACCORDIONS */
.accordion_case {
	width : auto;
	height : 229px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	background-color : white;
}

/* HOTEL DETAIL FEATURES */
#hotel-detail-features { background-color:#f2f2f2; clear:both; float:left; height: 100px; padding:12px; }
#hotel-detail-features div.hrOnePxDotted { margin-bottom:10px; width:460px;}
#hotel-detail-features ul { margin:0px; padding:0px; width:460px; }
#hotel-detail-features li { float:left; margin:3px 0px; }

/*MODALS*/
#fullMapModal { height:400px; width:630px; }
#fullMapModalMap { height:400px; width:630px; }
.roomDetailModal ul { float:left; width:33%; }
.roomDetailModal .room_information { float:left; }

/*BOOKING SUMMARY*/
.greenTotal { color:#006300; font-size:24px; font-weight:bold; }
.blackTotal { font-size:20px; font-weight:bold; }
.blackSaving { font-size:14px; font-weight:bold; }
.centred { text-align:center; }

/*************************************/
/* Bottom Right Alt Hotels + Map Box */
/*************************************/

.detailsinfobox  h3{
	padding-bottom:0 !important; 
	font-size:14px !important; 
}

.althotelsbox_container {
	padding:0;
	font-weight:bold;
	display:block;
	border: #cccccc solid 1px;
	margin:5px 0;
	height:70px;
	height:70px;
}
.althotelsbox_container:hover {
	background: #F0F0F0;
}
.althotelsbox_container img {
	height:60px;
	width:80px;
	display:block;
	float:left;
	padding:5px 0 5px 5px;
}
.althotelsbox_info {
	padding-left:5px;
	display:block;
	float:left;
	width:160px;
}
.althotelsbox_name {
	font-size:14px;
	text-decoration:underline;
	color:#c42127;
	margin-bottom:5px;
	display:block;
	overflow:hidden;
}
.althotelsbox_star {
	width:80px;
	height:13px;
	display:block;
	margin-bottom:5px;
	background-image: url('images/small-star-sprite.png');
	background-repeat:no-repeat;
}
.al_s5 {
	background-position: 0 0;
}
.al_s4 {
	background-position: 0 -13px;
}
.al_s3 {
	background-position: 0 -26px;
}
.al_s2{
	background-position: 0 -39px;
}
.al_s1{
	background-position: 0 -52px;
}
.al_s0{
	background-position: 0 -65px;
}

.althotelsbox_price {
	color:#000000;
	font-size:14px;
}
.althotelsbox_clear {
	clear:both;
	height:0px;
	width:100%;
	display:block;
}
.height0 {
	height:0px;
	margin-bottom:0px;
	border:none;
}

div.infoBox2 { background-color:#f0f0f0; border-bottom:1px solid #ccc; border-top:5px solid #333; margin-bottom:24px; width:300px; }
div.infoBox2 h2, div.infoBox2 h3 { background:url('images/layout/infoBoxHeadBg.png') repeat-x top left; height:30px; line-height:30px; padding-left:13px; text-transform:uppercase; }
div.infoBox2 .inner { background-color:#fff; border-color:#e7e7e7; border-style:solid; border-width:1px 1px 0px 1px; margin:11px; padding: 0; } 

/*************************************/
/********** Top Alt Hotels ***********/
/*************************************/

.thfaded {
	color:#666666 !important;
}
#warning {
	padding:10px 10px 10px 60px;
	background: url('images/alt-hotels/warning-icon.png') 10px 3px no-repeat #DFF5FD;
	font-size:14px;
	border-top: 1px solid #4BC5F2;
	border-bottom: 1px solid #4BC5F2;
}
#warning.bold {
	color:#333;
}
#warning p {
	color:#333;
}
#warning a{
	text-decoration:underline;
	display:inline;
	padding-right:20px;
	background: url('images/alt-hotels/calendar.png') top right no-repeat;
}
#alternative_hotels {
	padding:5px 10px;
	background:#FFF;
}
.althotelstitle {
	font-size:18px;
	font-weight:bold;
	color:#333;
	display:inline;
	padding:left;
}
.hotelcontainer {
	margin:10px 0;
	display:block;
	margin-right:70px;
	padding:10px;
	background:#FFF;
	font-size:13px;
	color:#333 !important;
	width:150px;
	height:215px;
	float:left;
}
.hotelcontainer:hover {
	background:#F0F0F0;
}
.hotelcontainer img {
	width:150px;
	height:100px;
	display:block;
	margin-bottom:5px;
}

.altExtends img.recommend {
	width:160px;
	height:25px;
}

.hotelcontainer .distance {
	font-size:10px;
	display:block;
	margin-bottom:5px;
	color:#333;
}
.hotelcontainer  .name {
	text-decoration:underline;
	color:#c42127;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
.hotelcontainer .price {
	font-weight:bold;
	display:block;
	margin-bottom:5px;
	color:#333;
}
.hotelcontainer.right {
	margin-right:0;
}
#alternative_hotels div.clear {
	display:block;
	clear:both;
	height:1px;
}
.hidden {
	visibility:hidden;
}

/*************************************/
/**********   RATES TABLE  ***********/
/*************************************/

.bookcol {
	width:130px;
}
td.bookcol {
	background:#F0F0F0;
	text-align:center;
	/*font-size: 14px;*/
	font-weight: bold;
	color: #333;
	border-right: 1px solid #FFFFFF
}
.help {
	font-size:13px;
	font-weight:bold;
}

.phoneno {
	font-size:16px;
	color:#919191;
	font-weight:bold;
}

.yousave {
	font-size:14px;
	color:#333;
}

#totalpricecol .totalprice {
	font-size: 26px;
	font-weight:bold;
	color:#339933;
}

#totalpricecol .saving {
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
	color:#333;
}

/*************************************/
/******** FACILITIES SECTION *********/
/*************************************/

.facilities_section .leader {
	font-weight:bold;
	font-size:16px;
	display:block;
	width:100px;
	height:24px;
	float:left;
	clear:left;
	margin-bottom:5px;
}

.facilities_section .horizontal {
	font-size:13px;
	display:block;
	height:22px;
	float:left;
	padding-top:3px;
	margin-bottom:5px;
}
.facheading {
	font-weight:bold;
	font-size:16px;
	color:#000;
}
.facilities_section img {
	width:37px;
	height:24px;
	display:block;
	float:left;
	margin-right:5px;
}

/*************************************/
/********  OTHER ADDITIONS  *********/
/*************************************/

#book-staying-graphic {
	position: absolute;
	top: 290px; 
	left: 10px; 
	width: 300px; 
	float: left; 
	display: inline; 
	height: 60px; 
	padding-left: 10px;
}

#showCheckin { background-image:url('hotel-details_files/images/checkin-icon.gif');
background-position:left center;
background-repeat:no-repeat;
display:block;
width:200px;
padding-left:40px;
float:left;
line-height:24px;
margin-right:25px;
}

#showCheckout { background-image:url('hotel-details_files/images/checkout-icon.gif');
background-position:left center;
background-repeat:no-repeat;
display:block;
width:200px;
padding-left:40px;
float:left;
line-height:24px;
margin-right:25px;
}

#servicebullet {padding-right:25px !important;}
#rooms table {background: #FFF;}

.addtoShortlist {position:relative;}
.shortlistButton {
	display:block;
	height:50px;
	width:190px;
	background: url('../images/shortlist/shortlist-button.png') no-repeat 0 0;
	margin-top:10px;
	cursor:pointer;
}
.shortlistButton:hover {
	background-position: 0 -50px;
}
.shortlistButton.disabled {
	background-position: 0 -100px;
}

#shortlistRooms {position:absolute; display:block; width:265px; top:315px; right:0; display: none; }
/*#shortlistRooms {position:absolute; display:block; width:265px; top:315px; right:0; }*/
.tooltipTop {
	display:block;
	height:22px;
	width:100%;
	background: url('../images/shortlist/tooltip-top.png') no-repeat 0 0;
}
.tooltipMain {
	display:block;
	background: url('../images/shortlist/tooltip-middle.png') repeat-y 0 0;
	padding:0 20px 0 10px;
}
.tooltipBtm {
	display:block;
	height:15px;
	width:100%;
	background: url('../images/shortlist/tooltip-btm.png') no-repeat 0 0;
}

#shortlistRooms .headText {font-weight:bold; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #B5D3AC solid; display:inline-block;}
#shortlistRooms a {display:inline-block; width:150px; padding-left:20px; background:url('../images/shortlist/sprite-smallstars.png') no-repeat 0 2px; text-decoration:underline; height:15px; overflow:hidden;}
	#shortlistRooms a:hover, #shortlistRooms a.added {background-position:0 -16px; text-decoration:none;}

#nsa #shortlistRooms ul li {line-height:1.5em; width:100%; font-size:12px;}
	#shortlistRooms ul li:hover {background:#E0EDDC;}

.shortListHideButton{
    float: right;
    color: #AA1113;
    cursor: pointer;
}

