/******************************************
		Start Dynamic Hotel edits updated: 01/03/10
******************************************/


/*Added for hotel-results page, contained in a div#hotelreviews where identifier required to distinguish from other pages*/

#hotelreviews .teaserTertiary{
	
	
}


div.map{
	display: none;
	text-align: center;
	width:154px;
}
#hotelreviews div.map{
	width:191px;
}
div.reviews{
	margin: 8px 0 0 5px;
}

div.reviewbox{
bottom:10px;
margin:0;
position:absolute;
}

p.reviews{
	margin: 0;
}

img.hotelTeaser{
	border:2px solid #FFFFFF;
	width: 154px;
	height: 120px;
}
img.hotelCat{
	width: 63px;
	height: 11px;
}


ul.hoteldetails li{
border-left: 1px solid #ffcc00;
padding:  0 5px;
}

.bestfor ul, ul.hoteldetails
{
float: none;	
}

ul.hoteldetails {
/*font-size:96%;*/
}


div.bestfor{
/*bottom:10px;
margin:0;
position:absolute;
width:225px;*/
}
.teaserPrimary p{

}

.teaserTertiary div.bestfor{
margin: 28px 0 15px;
position: relative;
bottom: 0;
}

div.bestfor li span{
border-left:1px solid #FFF;
width: 0;
margin:0 0 0 4px;
}
div.bestfor li {
	
display:inline;
float:none;
padding:0;

}
div#mainPage li.first { /*#mainpage reqd to give precedence*/
 border-left:0; 
padding-left:0; 
}
a.hotelinfo{
	display:block;
	text-align:center;
}

#hotelreviews a.hotelinfo img, .addreview img 
{
	float: none;
	padding-right:5px;
	vertical-align: middle;
}

#hotelreviews .ctaPanel{
float:none;
width:186px;
}
#hotelreviews .ctaPanel .panelMain{

}
#hotelreviews .ctaPanel,
#hotelResults .ctaPanel{
text-align: left;

}
#hotelreviews .ctaPanel .panelMain{
padding: 5px 10px;
}
#hotelResults .ctaPanel{
width:162px;
padding: 0 0 0 10px;
}
#hotelreviews .ctaPanel .panelTop {
background:transparent url(/static/uk_division_web_live/assets/qbtb-small-top.png) no-repeat scroll left top;
height:3px;
}

#hotelreviews .ctaPanel .panelBottom {
background:transparent url(/static/uk_division_web_live/assets/qbtb-small-bottom.png) no-repeat scroll left top;
height:3px;
}

div.priceFrom{
	text-align:right;
}

#hotelreviews .ctaPanel fieldset{
	border-top: 0;
}


#hotelreviews .ctaPanel .date,
#hotelResults .ctaPanel .date{
float: left;
width:149px;
}
#hotelreviews .ctaPanel span.message,
#hotelResults .ctaPanel span.message
{
margin-left:30px;
}
#hotelResults .ctaPanel span
{

}

#hotelreviews .ctaPanel .ddlBlock,
#hotelResults .ctaPanel .ddlBlock 
{
float:left;
margin:10px 7px 10px 0;
/*letter-spacing: -0.1px*/

}


#hotelreviews .ctaPanel .ddlBlock select,
#hotelResults .ctaPanel .ddlBlock select  {
width:3em;
}


#hotelreviews .ctaPanel .checkAvailButton,
#hotelResults .ctaPanel .checkAvailButton{
border:0 none;
/*height:15px;*/
margin-top:1px;
/*width:79px;*/
margin:0 0 5px;
}
#hotelreviews input.dp-applied,
#hotelResults input.dp-applied {
width:120px;
}


.ddlBlock select,
.ddlBlock input
{
	margin-top:3px;
	width: 90%;
}
.ddlBlock p
{
	font-weight:bold;
	margin-top:3px;
	width: 90%;
}
.ddlBlock span
{
	font-size: x-small;
}

.ddlBlock #ddsuburb
{
	margin-top: 10px;
}


.hotelSearch .ddlBlock {/*duplicate directive*/
margin-right:12px;/*override*/
width:25%;/*new*/
}
.hotelSearch fieldset, .hotelSearch .ddlBlock, .hotelSearch input {
float:left;
}
.hotelSearch {
background:#666666 none repeat scroll 0 0;
margin:13px auto 0;
width:595px;
}

.hotelSearch {/*duplicate directive*/
position:relative;/*required to position button*/
padding:5px 10px 10px; /*overriding top margin*/

}

.hotelSearch .hotelsearchbutton{
bottom:-45px;
margin:3px;
position:relative;
right:4px;
float: right;
}



#reviewSearchTop .hotelsearchbutton,
#reviewSearchBottom .hotelsearchbutton{
bottom:-18px;
}


.hotelSearch label {
display:block;
}


#reviewsearch .hotelsearchbutton{
bottom:-15px;
}


.pagefilter{
/*height:1px;*/
}

.pagination{
float: right;
margin-top:16px;
}
.pagefilter label {
display:block;
}
#hotelResults .pagefilter form{
/*display:inline;	*/
	float:left;
}

.pagefilter .sortForm
{
	float: left;	
}
.pagefilter li a span {
display:block;
height:22px;
width:16px;
}

.pagefilter span.morepages {
background: url(/static/uk_division_web_live/assets/moreResults.gif) no-repeat left top;
}

.pagefilter span.lowerpages {
background: url(/static/uk_division_web_live/assets/lowerResults.gif) no-repeat left top;
}

.pagefilter span.lastpage {
background: url(/static/uk_division_web_live/assets/lastResults.gif) no-repeat left top;
width:23px;
}

.pagefilter span.firstpage {
background: url(/static/uk_division_web_live/assets/firstResults.gif) no-repeat left top;
width:23px;
}

.pagefilter li a
{
    padding: 1px 1px;
}

.gobtn{
vertical-align:bottom;
}




.teaser .panelBase {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/static/uk_division_web_live/assets/teaserBase.jpg) no-repeat scroll left top;
height:3px;
}


#pageFunction, #pageFunctionBottom{ 
margin-right:0;
}
#pageFunction ul, #pageFunctionBottom ul{
padding-left:0;
}

/*Added for hotel-reviews page*/

#hotelreviews .gutter{
	margin: 0;
	padding: 0 40px 14px 35px;
}

#hotelreviews .teaser{
	width:auto;
}


#hotelreviews .teaserTertiary {
margin-right:36px;
width: 200px;
}


#hotelreviews .teaserPrimary {
/*	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	border:1px solid #CCCCCC;*/
padding-right:5px;
width:383px;
float:left;
margin:5px auto 0;
}
#hotelreviews .pricefrom{
	float: right;
	font-size:14pt;
	margin-right:10px;
}
#hotelreviews .pricefrom span{
	font-size:16pt;
	font-weight:bold;
}


#hotelreviews ul.ratings{
	clear: both;	
	margin-left:78px;
}
#hotelreviews ul.ratings li.overall{
	margin-bottom:12px;
}
#hotelreviews ul.ratings li {
clear: both;
}



.teaserTertiary img.ratingIndicator,
.teaserPrimary img.ratingIndicator
{
	height:15px;
	width:79px;
	border: 0;
}

#teaser3rdParty div.bestfor{
bottom:0px;
position: absolute;
}

#teaser3rdParty{
position: relative;
}
#teaser3rdParty .ratings .overall img.ratingIndicator {
	
}

.reviews a img.ratingIndicator{
	float:none;
}

.teaserPrimary img.ratingIndicator
{
	float:left;
}



#hotelreviews ul.ratings span{
	float:left;
	width:141px;
}

#teaser3rdParty .teaserPrimary ul.ratings span{
	width:203px;
}


#hotelreviews .ratingstotal{
	margin-top: 12px;
	/*width: 356px;*/	
}

#hotelreviews .ratingstotal span{
	float: right;
}
#hotelreviews .ratingstotal h4{
	float: left;
	margin:5px 0 8px;
}

#hotelreviews .ratingstotal span h4{
	margin-top:0;
}

#hotelreviews .ratingstotal span span{
	font-size:14pt;
	font-weight:bold;
	float:none;
}



#hotelreviews .panelMain{	/*Styling of rounded border panels e.g. CTA and reviewSort*/
border-left: 1px solid #fff;
border-right: 1px solid #fff;
background-color: #666666;
}



#hotelreviews .teaserRight{
	float:right;
    margin-left:34px;
}


#hotelreviews img.hotelTeaser{
	width: 191px;
	height: 150px;
}

#hotelreviews img.hotelCat{
	margin-left:13px;
}


.lightboxReviewContainer #reviewsortPanel{
	
	width:663px;
}

.lightboxReviewContainer #hotelreviews .gutter{
	height:809px;
}
#reviewsortPanel .panelTop {
background:transparent url(/static/uk_division_web_live/assets/reviews-sort-top2.png) no-repeat scroll left top;
height:3px;
}

.lightboxReviewContainer #reviewsortPanel .panelTop {
background-image: url(/static/uk_division_web_live/assets/reviews-sort-pop-top.png);
}


#reviewsortPanel .panelBottom {
background:transparent url(/static/uk_division_web_live/assets/reviews-sort-bottom2.png) no-repeat scroll left top;
height:3px;
}

.lightboxReviewContainer #reviewsortPanel .panelBottom {
background-image: url(/static/uk_division_web_live/assets/reviews-sort-pop-bottom.png);
}



#reviewsortPanel .panelMain
{
height:20px;
padding:0px 10px 10px;
width: 863px;
}









div.reviewsort
{
padding-top:6px;
position:relative;
}
p.staffreview
{
float:right;
margin-left:25px;
}

div.addreview
{
	text-align: center;
	margin-top: 20px;
}

.reviewsort ul, .reviewsort ul li{
	display:inline;
	margin:12px;
}
.reviewsort ul{
	margin-left: 18px;	
}
.reviewsort select{
	width:108px;	
}
#hotelreviews .gobtn{
float:none;
margin-top:0;
}
.reviewsortbutton{
float:right;
}


#hotelreviews h2 {
	margin-bottom: 0;	
}


#reviewsortPanel h2
{
float: left;
margin-right:20px;
margin-top:9px;
}
#reviewsortPanel form{
float: left;
}

#hotelreviews .category{
	margin:0;	
	clear: both;
}
img.reviewer{
width:65px;
float:left;
margin:0 10px 10px 0;
}

div.overallrating{
	float:right;
}
div.reviewcontent{
	clear:both;	
	padding-bottom:10px;
}
div.hotelreview {
border-top:1px solid #FFFFFF;
margin:0 auto 10px;
padding-top:10px;

clear:both;
}
/*div.hotelreview div{
border: 1px solid red;
margin-rop:0;
padding-top:0;
}*/
.hotelreview li{
display:inline;
border-left: 1px solid #fff;
padding:0 6px;
}
.hotelreview li.first{
border-left: 0;
padding-left:0;
}
#hotelreviewFirst{
border-top: 0;
margin-top:0;
padding-top:25px;
}
p.staffreview img{
	vertical-align: bottom;
}

.usefulResponse {
bottom:5px;
float:right;
position:relative;
margin-top:5px;

}
.usefulResponse ul{
display: inline;
}

.blogPics{
margin-top: 10px;	
}
.blogPics li{
border-left: 0;	
}

.blogPics img{
height: 53px;
}

.emailBtn{
float: left;
margin-right: 10px;
}






#teaser3rdParty .teaserPrimary {
width:350px;
}

#teaser3rdParty ul.ratings {
clear:both;
margin-left:0;
width:221px;
}

#teaser3rdParty .teaserPrimary ul.ratings {
width:283px;
}

#teaser3rdParty div.category{
clear:both;	
}
#teaser3rdParty .ratings img{

}


.lightboxReviewContainer
{
    width:741px;
    margin: auto;
   
}

.lightboxReviewContainer #reviewsortPanel .panelMain {
text-align:center;
width:642px;
}
.lightboxReviewContainer #reviewsortPanel h2,
.lightboxReviewContainer #reviewsortPanel form {
	margin:0;
float:none;
}

.lightboxReviewContainer #hotelreviews .teaserPrimary {
width:306px;
}
.lightboxReviewContainer #hotelreviews .teaserTertiary {
width:276px;
margin-right:19px;
}
.lightboxReviewContainer ul.ratings span {
width:190px;
}

.lightboxReviewContainer #hotelreviews ul.ratings {
margin-left:0;
}

.lightboxReviewContainer #hotelreviews ul.ratings span{
width:166px;
}

.scrollingReviews{
height: 326px;
overflow-y: auto;
scrollbar-arrow-color:blue;
scrollbar-face-color: #e7e7e7;
scrollbar-3dlight-color: #a0a0a0;
scrollbar-darkshadow-color:#888888;
margin-top:20px;
padding-right:10px;
}



#cityHotelReviews img.hotelTeaser{
float: left;	
}

#cityHotelReviews .teaserTertiary{
	float: left;
	margin-left: 10px;	
	width:436px;

}
#cityHotelReviews .teaserTertiary h2{
	margin:0;
	width:335px;
}

#cityHotelReviews img.ratingIndicator{
	display:block;
	margin: 6px 6px 6px 12px;
	vertical-align: text-bottom;
}

#cityHotelReviews span.reviews{
	
}

#cityHotelReviews .reviewwrapper{
	float:right;
	text-align: right;
}
#cityHotelReviews .reviewheader{
	/*float:left;*/
	position:relative;
}

#cityHotelReviews .pagination .pageFunction
{
    float: none;
}
#cityHotelReviews span.reviews span{
	font-weight:bold; 
}
#cityHotelReviews .bestfor{
	margin: 15px 0 5px;
/*	clear: both;*/
}
#cityHotelReviews .teaserTertiary ul{
	padding: 0;	
}
#cityHotelReviews .addreview{
	float: right;
	clear: left;
	margin:20px 5px 5px;
	width:70px;
}
#cityHotelReviews .gutter{
margin:0;
padding:10px 20px 0;
}


#cityHotelReviews h2{
float: left;
margin-bottom: 0;
}

#cityHotelReviews .category {
/*clear:both;*/
margin:10px 0;
clear:left;
}
.header3rdparty .utils{
	
height:54px;	
}

.header3rdparty .markets{

height:22px;	
}

.error{
color:red;
}	
div.error{
clear:both;
font-size:1.5em;
padding-left:20px;
padding-top:10px;
}

.border{
border: 1px solid red;
}

.border2{
border: 1px dotted orange;
}
.border3{
border: 1px dotted blue;
background-color: #123456;
}

.ie6Breaker{
}
#map_canvas{
height:434px;
width:663px;
}