﻿ p { padding:0 7px; font-size:small; }
li, ul { list-style:none; padding:0; }
.icon { cursor:pointer; }
/*.hotelHolder:hover { background:#f0f0f0; }*/
.hidden { display: none; }
.selected { background:#f0f0f0; }
.clearBoth{height: 1px; width: 1px; clear: both; line-height: 1px; font-size: 1px;}

#searchPanel { position:relative; margin-top:15px; }
#sp2 { position:relative; margin-left:20px; }
#innerHolder { position:relative; background: #898989 url(../../images/search_v3/search_gradient_bg.gif) 0px 0px repeat-x; width:890px; min-height:150px; }

#innerHolder .top-inputarea{}
#innerHolder .top-inputarea label{font-size: 22px; color: #fff; margin: 5px 5px 0 20px; float:left;}
#innerHolder .top-inputarea .input-wrap{background: url(../../images/search_v3/top-inputarea-bg.png) 0px 0px no-repeat; width: 427px; height: 38px; float: left;}
#innerHolder .top-inputarea .input-wrap input{font-size: 16px; color: #FFF; padding: 5px; border: 0px; outline: none; background: none; margin:5px 0 5px 5px; width: 360px; float: left;}
#innerHolder .top-inputarea .input-wrap #helpBTN {float: right; margin: 5px 5px 0 0;}
#innerHolder .top-inputarea .select-wrap,
#innerHolder .top-inputarea .delegates-wrap{display: block; float: left; width: 149px; height: 38px; background: url(../../images/search_v3/select-wrap-bg.gif) 0px 0px no-repeat; margin: 0 0 0 5px;}
#innerHolder .top-inputarea .select-wrap select{width: 135px; height: 22px; margin: 8px 7px 0px 7px;}
#innerHolder .top-inputarea .delegates-wrap input{background: url(../../images/search_v3/delegates-input-bg.gif) 0px 0px no-repeat; display: block; width: 52px; font-size: 16px; color: #FFF; padding: 3px 0 4px 0; text-align: center; font-weight: bold; margin: 7px 8px 0 8px; border: none; outline: none; float: left;}
#innerHolder .top-inputarea .delegates-wrap span{color: #fff; font-size: 11px; padding:5px 5px 0; width:70px; float: left;}

#innerHolder .top-inputarea .input-wrap input.focused,
#innerHolder .top-inputarea .delegates-wrap input.focused{color: #fff;}

#innerHolder .top-inputarea input.idleField{color: #fff;}

#filters-container { margin: 15px 15px 0px 15px; padding: 15px 0 25px 0; border-top: 1px solid #7a7a7a;}
#filters-container #filters {color:#999999; background: none; display:block; height:auto; float: left;}
#filters-container #filters .FTitle {float:left; margin: 15px 0 0 5px; color:#fff; font-size:11px; width:65px; text-align:right;}
#filters-container #filters .FIcons {position:relative; float:left; margin: 0px 0 0 20px; color:#fff; font-size:14px; display: block; height:50px; text-align: center; cursor: pointer; width: 55px; background: url(../../images/search_v3/FIcons-bg.gif) no-repeat 50% 35px; padding: 4px 0 0 0;}
#filters-container #filters .FIcons p{color: #fff; font-size: 10px; text-align: center; padding: 7px 0 0 0;}
#filters-container .formButtons{ float: right;}
#filters-container .formButtons .moreOptions{display: block; color: #fff; text-align: center; width: 106px; padding: 7px 0 9px 0; background: url(../../images/search_v3/more-options-button-bg.gif) no-repeat 0px 0px; font-size: 14px; text-decoration: none;}
#filters-container .formButtons .moreOptions span{color: #fff;}
#filters-container .formButtons .searchBtn{display: block; font-size: 15px; color: #fff; width: 126px; height: 37px; background: url(../../images/search_v3/search-button-bg.gif) 0px 0px no-repeat; cursor: pointer; outline: none; border: none; padding: 0 27px 4px 0; text-align: center; margin-top: 10px;}
#filters-container .formButtons .searchBtn:hover{background-position: 0px -37px;}

#filters2{clear:both; width:873px; background: #939393 url(../../images/search_v3/filter-gradient-bg.gif) 0px 0px repeat-x; color:#fff; display:block; margin: 0 0 0 7px;}
#extraControls .openFilters,
#extraControls .closeFilters{display: block; width: 150px; height: 20px; overflow: hidden; padding: 0 0 0 0; margin-right: 8px; cursor: pointer; float:right; text-align: right; margin-bottom: 5px;}
#extraControls .openFilters span,
#extraControls .closeFilters span{line-height: 20px; vertical-align: top; margin-right: 4px;}

#filters2 #hiddenFilters{background: #939393;}
#filters2 table{margin-left: 10px;}
#filters2 table tr td label{margin:7px 0 0 10px; float: left;}
#filters2 table tr td .iPhoneCheckContainer label{margin: 0 0 0 0;}

#extraControls {width:100%; color: #fff;}
.showAllHotelBrands {float:left; text-align:left; margin-left:20px;height:auto; line-height: 25px;}
.showAllHotelBrands .iPhoneCheckContainer{margin-right: 5px;}
.showAllHotelBrands span {vertical-align:middle;}

#searchFoot { background: #898989 url(../../images/search_v3/search_gradient_bg.gif) 0px -165px repeat-x; width:890px;}

.throbber{float: right; margin: 10px 30px 0 0;}

ul.resultsTabs{margin: 0 0 0 15px; height: 35px; display: block; padding: 10px 0;}
ul.resultsTabs li{float: left; background: red; height: 46px; margin: 0 1px; background: url(../../images/search_v3/results-tabs-bg.png) top right no-repeat;}
ul.resultsTabs li a{text-decoration: none; font-size: 13px; color: #999; padding: 10px 10px 0 15px; float: left; margin-right: 5px; background: url(../../images/search_v3/results-tabs-bg.png) top left no-repeat; outline: none;}
ul.resultsTabs li a span{}

/*ul.resultsTabs li a .compNo{color: #999; float: right; margin-left: 5px;}
.compNo { position:relative; left:0px; float:left; color:Black; }*/

ul.resultsTabs li.active{ background-image: url(../../images/search_v3/results-tabs-active-bg.png)}
ul.resultsTabs li.active a{color: #fff; background-image: url(../../images/search_v3/results-tabs-active-bg.png)}
ul.resultsTabs li.active span{}
ul.resultsTabs li.active a .compNo{color: #fff;}

div.tab{width: 98%; clear: both; margin:0 0 0 15px; position:relative; top: -10px; background: #fff; border-top: 1px solid #999;}
#mapContent, #compareContent{display: none;}
.navEnd { position:relative; float:left; width:10px; }
li.headlink ul { display: none; }
li.headlink:hover ul { display: block; }
.searchBox { background-color:#212121; border:1px solid #6F6F6F; color:#FFFFFF; font-size:20px; height:25px; left:140px; padding:2px; position:absolute; width:600px; }
.searchLabel { color:White; font-size:20px; padding:5px 5px 0 6px; position:absolute; text-align:left; width:134px; }
#numLabel { position:absolute; text-align:right; color:#FFFFFF; font-size:20px; top:45px; left:720px; width:150px; z-index:8; display:inline; }


#internetCB, #parkingCB, #accessableCB, #railwayCB, #airportCB, #motorwayCB, #urbanCB, #ruralCB, #poolCB, #golfCB, #gymCB, #spaCB, #resturantCB, #barCB, #businessCB { padding:0px; margin:0px; position:relative; float:left; width:210px; }
#internetCB { margin-left:10px; }
#internetCB span, #parkingCB span, #accessableCB span, #railwayCB span, #airportCB span, #motorwayCB span, #urbanCB span, #ruralCB span, #poolCB span, #golfCB span, #gymCB span, #spaCB span, #resturantCB span, #barCB span, #businessCB span { position:relative; padding:0 0 0 10px; top:3px; }
#airportCB, #motorwayCB, #urbanCB, #ruralCB, #poolCB, #golfCB, #gymCB, #spaCB, #resturantCB, #barCB, #businessCB { margin-top:5px; }
#airportCB { margin-left:10px; }
#poolCB { margin-left:10px; }
#resturantCB { margin-left:10px; }
.switch { height:30px; }


#UShape, #Theatre, #Classroom, #Reception, #Cabaret, #Boardroom, #Banquet, #any { background-repeat:no-repeat; height:45px; width:45px; cursor:pointer; }
.delegates { position:relative; float:left; top:0px; left:30px; width:76px; color:#FFFFFF; }
.delegates input { background-color:#212121; border:1px solid #6f6f6f; color:#6f6f6f; height:23px; }
.UShape, .Theatre, .Classroom, .Reception, .Cabaret, .Boardroom, .Banquet, .any { position:relative; float:left; margin: 0px 0 0 10px; background-repeat:no-repeat; height:32px; width:32px; }
.internet, .Classroom, .Reception, .Cabaret, .Boardroom, .Banquet, .any, .daylight, .parking, .accessible, .railway, .airport, .motorway, .suburban, .rural, .pool, .golf, .gym, .spa, .restaurant, .bar, .businessCentre { position:relative; float:left; margin: 0px 0 0 10px; background-repeat:no-repeat; height:32px; width:32px; }
#panTile, #resultsTile { position:relative; width:926px; background-image:URL(../../images/pan_tile.gif); background-repeat:repeat-y; background-color:#FFFFFF; }
#resultsTile {padding-left:5px; width:921px; margin-bottom: -6px; min-height: 650px; height: expression( this.scrollHeight < 651 ? "650px" : "auto" );}
#panTile { padding-bottom:10px; padding-top:10px; }
#panFoot { position:relative; }
#searchHeader { padding:0px; margin:0px; position:relative; background:#e9e9e9; height:38px; width:570px; font-size:22px; color:#999999; padding: 10px 0 0 10px; margin: 0 0 10px 10px; background-image:url(../../images/layout/search_header.gif); background-repeat:no-repeat; }
.THeader { text-align:left; font-weight:bold; color:#377b2b; padding: 0 0 0 0px; font-size:14px; border-bottom:2px solid #f6f6f6; height:25px; }
#locHead { position:relative; margin:5px 0 0 15px; float:left; margin:1px solid red; }
#hotHead { position:relative; margin:5px 0 0 70px; float:left; margin:1px solid red; }
#posts {height:790px; overflow:auto;}

.hotelHolder{
    position:relative;
    font-size:12px;
    padding:0 0 0 0;
    min-height:30px;
    width:870px !important;
    clear:both;
    background: #f0f0f0;
    z-index:5;
    margin: 8px 0;
}

.hotelHolder .curves{
    display: block;
    width: 870px;
    height: 4px;
    line-height: 4px;
    font-size: 4px;
    background: url(../../images/search_v3/hotelHolder-corners-bg.gif) no-repeat;
    position: relative;
    clear: both;
}
.hotelHolder .topCurve{background-position: top left; top: -3px;}
.hotelHolder .bottomCurve{background-position: bottom left; top: 3px;}

.hotelHolder .hotelTop{margin: 0 7px; background: #dbdbdb; height: 32px; color: #666;}
.hotelHolder .hotelTop h3{
    font: bold 14px/1;
    color: #666;
    margin: 0 0 0 0;
    padding: 9px 0 9px 12px;
    background: url(../../images/search_v3/hotelTop-h3-bg.gif) 0px 0px no-repeat;
    float: left;
}
.hotelHolder .hotelTop h3 .hotelDistance{font-weight: normal; margin-left: 15px;}

.hotelHolder .hotelTop .hotelPrice{
    float: right;
    background: #fff url(../../images/search_v3/hotelTop-hotelPrice-bg.gif) top right no-repeat;
    padding: 9px 10px;
}
.hotelHolder .hotelTop .hotelPrice strong{
    color: #609716;
}

.hotelHolder .hotelTop .on_off{
    float: right;
    margin: 3px 12px 4px 0;
}

.hotelHolder .hotelTop .on_off .compLabel{
    font-size: 12px;
    float:left;
    position: relative;
    top: 5px;
    left: -5px;
}

.hotelHolder .imageHolder {float:left; margin: 10px 0 10px 7px;}
.hotelHolder .imageHolder .hotelImg {display: block; position: relative; width: 180px; height: 115px; overflow: hidden; zoom: 1;}
.hotelHolder .imageHolder .hotelImg .mask{position: absolute; top: 0px; left: 0px;}

.hotelHolder .hotelDetailBox{margin: 17px 0; float: left; padding: 0 20px; min-height: 150px;}
.hotelHolder .hotelDetailBox h4{font-size: 14px; line-height: 1; font-weight: bold; color: #666; margin: 0 0 3px 0; padding: 0;}
.hotelHolder .hotelDetailBox span{color: #999; font-size: 11px;}
.hotelHolder .hotelDetailBox a{font-weight: bold; color: #5d9413; font-size: 11px;}


.hotelHolder .hotelDetailBox .phone{margin-top: 10px; height: 130px;}
.hotelHolder .hotelDetailBox .phone strong{font-weight: normal; color: #666;}
.hotelHolder .hotelDetailBox .phoneLegal{font-size: 9px;}

.hotelHolder .HotelAddress{width: 100px;}
.hotelHolder .HotelAbout{width: 225px; border: solid 1px #d4d4d4; border-top: none; border-bottom: none;}
.hotelHolder .HotelOffer{width: 225px; position: relative;}
.hotelHolder .HotelOffer .hotelActions{position: absolute; top: 92px; left: 15px;}

.hotelHolder .HotelOffer .hotelActions a:link,
.hotelHolder .HotelOffer .hotelActions a:visited,
.hotelHolder .HotelOffer .hotelActions a:hover
.hotelHolder .HotelOffer .hotelActions a:active{color: #fff; text-decoration: none;}

.hotelHolder .HotelOffer .hotelActions a{display: block; width: 120px; padding: 7px 0; background: url(../../images/search_v3/hotelActions-btn.png) 0px 0px no-repeat; font-weight: normal; text-align: center; float: left; margin: 0 2px;}
.hotelHolder .HotelOffer .hotelActions a.grey{background-image: url(../../images/search_v3/hotelActions-grey-btn.png);}
.hotelHolder .HotelOffer .hotelActions a:hover{background-position: 0px -27px;}
.hotelHolder .HotelOffer .hotelActions a span{color: #fff;}

.descHolder { position:relative; float:left; display:block; width:350px; }
.moreInfo { position:relative; width:560px; height:300px; left:0px; background:#f0f0f0; clear:both; }
.moreInfoLoading { font-weight: bold; text-align: center; font-size: 1.3em; padding: 20px; }
.hotDesc { position:relative; float:left; padding:10px; width:340px; height:110px; overflow:auto; margin-bottom:10px; }
.location { position:relative; width:130px; float:left; height:20px; top: 4px; }
.crownPlaza { color:#910707 !important; }
.express { color:#0d4fb2 !important; }
.viewHotel { position:relative; float:left; margin-left:20px; }
#viewHotel a { position:relative; color:White; text-decoration:none; margin-top:40px; }
.on_off { position:relative; float:left; }
.openBtn, .closeBtn { position:relative; width:21px; height:20px; cursor:pointer; float:left; left:10px; top:3px; }
.switch { position:relative; float:left; }
#resultsHead { margin-top:10px; }
.iPhoneCheckContainer { position: relative; height: 25px; cursor: pointer; overflow: hidden; width:50px; float:left; }
.iPhoneCheckContainer input { position: absolute; top: 5px; left: 0px; }
.iPhoneCheckHandle { display: block; height: 25px; cursor: pointer; position: absolute; top: 0; left: 0; background: url(../../images/slider_left.png) no-repeat; z-index: 2; padding-left: 4px; }
.iPhoneCheckHandleRight { height: 100%; width: 100%; padding-right: 4px; background: url(../../images/slider_right.png) no-repeat top right; z-index: 2; }
.iPhoneCheckHandleCenter { height: 100%; width: 20px; background: url(../../images/slider_center.png); z-index: 2; }
label.iPhoneCheckLabelOn, label.iPhoneCheckLabelOff { white-space: nowrap; font-size: 14px; line-height: 17px; font-weight: bold; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; display: block; height: 22px; position: absolute; width: 20px; top: 0; overflow: hidden; }
label.iPhoneCheckLabelOn { color: #fff; background: url(../../images/on.png) no-repeat; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); left: 0; padding: 5px 0 0 8px; z-index: 1; }
label.iPhoneCheckLabelOff { color: #fff; background: url(../../images/off.png) no-repeat right 0; /*text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);*/
    text-align: right; right: 0; padding: 5px 8px 0 0; }
#compare { position:fixed; top:1000px; width:926px; height:800px; color:#000000; z-index:10; }
#compHeader { padding:0px; margin:0px; position:relative; background:#e9e9e9; height:35px; font-size:20px; color:#666; padding: 10px 0 0 10px;}
#BTNholder { position:absolute; padding:0px; margin:0px; top:10px; right:10px; text-align:right; }
.greenBTN { position:relative; float:left; width:auto; padding:5px 10px 0 10px; height:25px; color:#FFFFFF; background:#9dc33b; display:block; text-align:center; font-size:14px; cursor:pointer; margin-left:4px; }
.compHot { position:relative; left:5px; width:890px; height:45px; background-image:URL(../../images/comparison_back.jpg); border-bottom:2px solid #f6f6f6; }
#closeComp { position:relative; left:0px; top:0px; cursor:pointer; clear:both; }
#compHolder { position:relative; width:885px; height:750px; background-color:#FFFFFF; background-image:URL(../../images/comparison_tile.gif); background-repeat:repeat-y; }
#compBTNholder { position:absolute; left:805px; top:7px; }
.compName { position:relative; padding-top:15px; left:15px; font-size:12px; }

.right-column {margin-right:2px; background:white; }
*html .right-column { margin-left:10px; }
#tableBack { position:relative; width:900px; height:100%; background-image:url(../../images/comparison_back.jpg); background-repeat:repeat-y; }
.compHead { position:relative; height:40px; color:#9dc33b; font-weight:bold; border-bottom:1px solid #cccccc; width:280px; }

#hotName { position:relative; width:310px; height:30px; padding:10px 0 0 10px; float:left; }
#hotName span{display: none;}

.name { width:280px; height:30px; border-bottom:1px solid #cccccc; padding-top:4px; }
.facil { position:relative; width:100px; padding-bottom:19px; top:21px; border-bottom:1px solid #cccccc; }
#hotFac { position:relative; width:565px; padding:10px 0 10px 0px; float:left; overflow:hidden; }
#resultsFooterBtn { width:100%; margin:10px 0 0 10px; padding:10px 0 0 0; border-top:7px solid #e9e9e9; }
#footer {margin: 0 auto;}
.ticks { position:relative; width:100px; height:20px; padding: 4px 0 0 0; top:41px; border-bottom:1px solid #cccccc; }

.sliderHead { position:relative; float:left; width:100px; height:40px; color:#9dc33b; font-weight:bold; /* border-bottom:1px solid #cccccc;*/ background-image: url(../../images/print-background.jpg); background-repeat: repeat-x; font-size: 11px; }
.sliderHead span { position:absolute; }
.sliderHead div { height:30px; /*position:absolute;*/}
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider, #slider li { height:500px; width:530px; }
#slider { margin:0 20px 10px 30px; overflow:hidden !important; }



#prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; left:0px; top:5px; }
#nextBtn { left:545px; background-color:White; height:800px; }
#prevBtn a, #nextBtn a { display:block; width:30px; height:77px; background:url(../../images/btn_prev.gif) no-repeat 0 0; }
#nextBtn a { background:url(../../images/btn_next.gif) no-repeat 0 0; }
#hotLabel { position:relative; left:30px; font-weight:bold; width:400px; }
.fav, .notFav { position:relative; float:left; margin-top:5px; left:200px; height:30px; width:30px; cursor:hand; }
.iconHolder { position:relative; width:300px; }
#printLogo { display:none; }
#noScriptTxt { position:relative; padding:0 20px 10px 30px; }
#allHotels { position:absolute; top:110px; left:17px; z-index:20; }

.searchDescHolder p {margin-left: 15px;margin-bottom: 15px;}
#footer { background:url(../../images/search_v3/search-footer.gif) no-repeat 0 0; background-color: transparent; border-top: none;}

div.new-search-tip{
	margin: 0px 20px 5px 20px;
	background: url(../../images/search_v3/search-tip-bg.jpg) 0px 15px no-repeat;
	padding: 20px 0 10px 145px;
}

div.new-search-tip p{
	font: 14px/1.4 Arial, Helvetica, sans-serif;
	color: #555;
}

.locationLink
{
    padding:5px 12px;
    font-size: 11px;
}

.multiLocationTitle
{
    font-size:22px;color:#999999;padding: 10px 0 0 10px;margin: 0;
}


.HI_hotel_logo
{
    background-image: url('../../images/search_logo.jpg');
    width: 65px;
    height: 50px;
    position:absolute;
    left: 170px;
    top:111px;
    margin-top:10px;
}

.CP_hotel_logo
{
    background-image: url('../../images/CP_hotel/search_logo.jpg');
    width: 77px;
    height: 40px;
    position:absolute;
    left: 160px;
    top:118px;
    margin-top:10px;
    
}

.HIEx_hotel_logo
{
    background-image: url('../../images/HIEx_hotel/search_logo.jpg');
    width: 73px;
    height: 37px;
    position:absolute;
    left: 165px;
    top:118px;
    margin-top:10px;
}
