/* Generic colour classes */
        
/* Colours
    dark red: #5b0a0e   main red: #b71f25   light red: #d6afb0
    dark grey: #2c2c2c  mid grey: #808080   light grey: #bdbdbd
*/

.clear { clear: both; }
        
.colPriDark { background-color: #5b0a0e; }
.colPriMain { background-color: #b71f25; }
.colPriLight { background-color: #d6afb0; }
.colSecDark { background-color: #2c2c2c; }
.colSecLight { background-color: #bdbdbd; }
        
.textPriDark { color: #5b0a0e; }
.textPriMain { color: #b71f25; }
.textPriLight { color: #d6afb0; }
.textSecDark { color: #2c2c2c; }
.textSecMid { color: #808080; }
.textSecLight { color: #bdbdbd; }

.navCurrent { color: #ffffff !important; text-shadow: 1px 1px 2px #2c2c2c !important; }

html, body { min-height: 100%; }

body { margin: 0px; padding: 0px; font-family: Trebuchet MS, Tahoma, Geneva, sans-serif; /*background-color: #e8e8e8;*/ }

h2 { margin: 8px 0px; font-size: 24px; font-weight: normal; color: #2c2c2c; text-shadow: 1px 1px 2px #bdbdbd; }
h3 { font-size: 18px; font-weight: normal; color: #2c2c2c; }
h4 { font-size: 16px; font-weight: normal; color: #2c2c2c; }
p { margin: 0px; font-size: 10px; }

#divMainWrapper { width: 100%; padding: 0px; margin: 0px; position: absolute; top: 0px; min-height: 100%; }
        
#divHeaderWrapper { width: 100%; height: 150px; background-color: #ffffff; }
#divHeader { max-width: 1160px; min-width: 760px; width: 100%; height: 100px; background-color: #ffffff; margin: 0px auto; }

#divNavWrapper { width: 100%; height: 50px; background-image: url(../../images/layout/menu_bg_overlay.png); background-repeat: repeat-x; }
#divNavContainer { max-width: 1160px; min-width: 760px; width: 100%; height: 50px; margin: 0px auto; }
#divNav { height: 100px; width: 100%; margin: 0px; /*background-image: url(../images/layout/menu_bg_overlay.png); background-repeat: repeat-x;*/ }
#divNav ul { list-style: none; padding: 0px 0px 0px 20px; margin: 0px; }
#divNav li { line-height: 50px; display: inline; }
#divNav a, #divNav a:visited { line-height: 50px; font-size: 18px; font-weight: normal; margin: 0px 20px 0px 0px; text-decoration: none; text-shadow: 1px 1px 2px #bdbdbd; }
#divNav a:hover { color: #ffffff; text-shadow: 1px 1px 2px #2c2c2c; }

#divContentWrapper { width: 100%; }
#divContentContainer { max-width: 1160px; min-width: 760px; width: 100%; height: 100%; background-color: #ffffff; margin: 0px auto; /*overflow: hidden;*/ }
#divContent { width: 100%; padding-bottom: 30px; }

.divCol33 { width: 31.3%; margin: 10px 0px 10px 1%; float: left; min-height: 200px; height: 100%; /*border: dashed 1px #e0e0e0;*/ }
.divCol66 { width: 63.6%; margin: 10px 0px 10px 1%; float: left; min-height: 200px; height: 100%; /*border: dashed 1px #e0e0e0;*/ }
.divCol99 { width: 95.7%; margin: 10px 10px 10px 10px; float: left; min-height: 200px; height: 100%; /*border: dashed 1px #e0e0e0;*/ }
    
#divFooterWrapper { width: 100%; height: 30px; background-image: url(../../images/layout/menu_bg_overlay.png); background-repeat: repeat-x; background-position: center bottom; position: absolute; bottom: 0px; }
#divFooter { max-width: 1160px; min-width: 760px; width: 100%; height: 30px; margin: 0px auto; }
#divFooter ul { list-style: none; padding: 0px 20px 0px 0px; margin: 0px; float: right; }
#divFooter li { line-height: 30px; display: inline; }
#divFooter a, #divFooter a:visited { line-height: 30px; font-size: 12px; font-weight: normal; margin: 0px 10px 0px 0px; text-decoration: none; text-shadow: 1px 1px 2px #bdbdbd; }
#divFooter a:hover { color: #ffffff; text-shadow: 1px 1px 2px #2c2c2c; }

/* Styles for home page central block */

.divHomeCityBlock { width: 200px; height: 215px; display: block; float: left; margin: 0px 10px 10px 0px; overflow: hidden; }
.divHomeCityBlock h3 { margin: 2px 0px; font-size: 18px; font-weight: normal; }
.divHomeCityBlock img { width: 200px; height: 150px; background-color: #808080; }
.divHomeCityBlock p { margin: 2px 0px; font-size: 11px; font-weight: normal; }
.divHomeCityBlock a, .divHomeCityBlock a:visited { text-decoration: none; color: #b71f25; }
.divHomeCityBlock a:hover { text-decoration: underline; }

/* Styles for search panel */

#divSearchWrapper { width: 100%; overflow: hidden; border-radius: 10px; border: solid 1px #808080; }
#divSearch { width: 100%; padding: 10px; text-shadow: 1px 1px 2px #2c2c2c; background-image: url(../../images/layout/search_bg_overlay.png); background-position: center bottom; background-repeat: repeat-x; }
#divSearch h2 { margin: 0px; color: #bdbdbd; text-shadow: 1px 1px 2px #2c2c2c; }

.ulSearch { list-style: none; margin 0px; padding: 0px; font-size: 13px; }
.ulSearch li { margin: 2px 0px; display: block; width: 100%; height: 26px; }
.ulSearch li img { height: 16px; vertical-align: middle; margin: 0px 4px 5px 4px; }
.ulSearch .labSearch { line-height: 26px; width: 80px; display: inline-block; }

.ulSearch input { font-family: Tahoma, Geneva, Sans-Serif; }
.ulSearch .radSearch { height: 26px; width: 33px; display: inline-block; margin: 0px 2px; }
.ulSearch .radSearch input { /*margin: 0px 4px; /*margin: 0px;*/ height: 22px; vertical-align: bottom; float: left; }
.ulSearch .radSearch label { line-height: 26px; /*line-height: 32px;*/ }
.ulSearch select { width: 33px; font-family: Tahoma, Geneva, Sans-Serif; margin: 0px 2px; }
.ulSearch #ddlRating { width: 50px; }
.ulSearch #txtDestination { width: 56%; margin: 2px; padding: 1px 3px; }
.ulSearch #txtArriveDate, .ulSearch #txtDepartDate { width: 70px; margin: 2px; text-align: center; }

#divSearch #divClickSearchWrapper { margin: 0px auto; padding: 0px 12px 0px 0px; width: 212px; }
#divSearch #spClickSearch { display: block; width: 200px; height: 35px; text-align: center; line-height: 35px; 
                           font-size: 18px; margin: 5px 0px; background-color: #ffffff; border: solid 1px #808080; 
                           border-radius: 10px; text-shadow: none; cursor: pointer; }
                           
#divSearch .butClickSearch { display: block; width: 200px; height: 35px; text-align: center; line-height: 30px; 
                           font-size: 18px; margin: 5px 0px; background-color: #ffffff; border: solid 1px #808080; 
                           border-radius: 10px; text-shadow: none; cursor: pointer; font-family: Trebuchet MS, Tahoma, Geneva, sans-serif; }

/* Ajax location hint box */
#divHint { margin: 4px 0px; padding: 5px; position: absolute; z-index: 10; 
  border: solid 1px #a0a0a0; background-color: #f0f0f0; overflow-y: scroll; max-height: 200px; }
#divHint span { cursor: pointer; display: block; margin: 0px; padding: 0px; width: auto; 
  line-height: normal; text-shadow: none; color: #202020; }
#divHint span:hover { color: #800000; }

/* Styles for recently viewed panel */

#divViewedWrapper { width: 100%; overflow: hidden; border-radius: 10px; border: solid 1px #808080; margin: 10px 0px 0px 0px; }
#divViewed { padding: 10px; }
#divViewed h2 { margin: 0px; color: #2c2c2c; text-shadow: 1px 1px 2px #bdbdbd; }
#divViewed ul { list-style: none; padding: 0px; margin: 0px; }
.divViewedItem { width: 100%; border-bottom: solid 1px #2c2c2c; margin: 4px 0px; }
.divViewedItem img { width: 35%; float: left; margin: 0px 8px 4px 0px; }
.divViewedItem h3 { padding: 4px 0px; margin: 0px; }
.divViewedItem p { font-size: 12px; font-weight: normal; height: 90px; overflow: hidden; }
.divViewedItem a, .divViewedItem a:visited { float: right; font-size: 12px; font-weight: normal; text-decoration: none; color: #5b0a0e; margin: 2px; }
.divViewedItem a:hover { text-decoration: underline; }

.ulSearchResults { list-style: none; padding: 0px; margin: 0px; }
.divSearchResultWrapper { width: 100%; }
.divSearchResult { width: 100%; }

/* Filter and sorting options */
#ulFilterSort { list-style: none; padding: 0px; margin: 8px 0px; }
#ulFilterSort li { display: inline; font-size: 12px; color: #808080; margin: 0px 4px 0px 0px; }
#ulFilterSort li label { margin: 0px 4px 0px 0px; }
#ulFilterSort li .butFilter { font-size: 12px; color: #808080; font-family: Trebuchet MS, Tahoma, Geneva, sans-serif; }
#ulFilterSort li #txtHotelName { width: 100px; font-size: 12px; color: #808080; font-family: Trebuchet MS, Tahoma, Geneva, sans-serif; }
#ulFilterSort li select { font-size: 12px; color: #808080; font-family: Trebuchet MS, Tahoma, Geneva, sans-serif; }
#ulPages { list-style: none; display: inline; padding: 0px; margin: 0px; }
#ulPages li { display: inline; margin: 0px 4px 0px 0px; font-weight: bold; color: #202020; }
#ulPages li a { font-size: 12px; color: #808080; text-decoration: none; cursor: pointer; }
#ulPages li a.selected { font-weight: bold; color: #202020; }
#ulPages li a:hover { text-decoration: underline; }


/*
<ul id="ulFilterSort">
    <li>
        <label class="labFilter">Hotel Name</label>
        <input type="text" name="txtHotelName" id="txtHotelName" value="" />
    </li>
    <li>
        <label class="labFilter">Stars</label>
        <select name="selRating" id="selRating">
            <option value="All" selected="selected">All</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
        </select>
    </li>
    <li>
        <label class="labFilter">Sort by ...</label>
        <select name="selSortBy" id="selSortBy">
            <option value="HotelName:ASC" selected="selected">Hotel Name (ASC)</option>
            <option value="HotelName:DESC">Hotel Name (DESC)</option>
            <option value="Stars:ASC">Stars (ASC)</option>
            <option value="Stars:DESC">Stars (DESC)</option>
        </select>
    </li>
    <li>
        <ul id="ulPages" name="ulpages">
            <li><a href="#"><<</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">7</a></li>
            <li><a href="#">8</a></li>
            <li><a href="#">9</a></li>
            <li><a href="#">10</a></li>
            <li><a href="#">>></a></li>
        </ul>
    </li>
</ul>
*/

/* Formats for results */

.divSearchResult h3 { padding: 4px 0px; margin: 0px; color: #2c2c2c; text-shadow: 1px 1px 2px #bdbdbd; display: inline-block; max-width: 520px; }
.divSearchResult h4 { padding: 0px 0px 4px 0px; margin: 0px; color: #2c2c2c; text-shadow: 1px 1px 2px #bdbdbd; }
.divSearchResult p { padding: 2px 0px; margin: 0px; color: #2c2c2c; font-size: 12px; }
.divSearchResult .divStars { display: inline-block; padding: 4px 0px 0px 0px; margin: 0px 16px; background-image: url(../images/layout/star_gold_24.png);
                                 background-repeat: repeat-x; background-position: left center; height: 24px; width: 112px; }
.divSearchResult .pBestPrice { font-size: 20px; font-weight: bold; }
/*.divSearchResult .divStars img { height: 24px; width: 200px; background-image: url(../images/layout/star_gold_256.png);
                                 background-repeat: repeat-x; background-position: left center; }*/
.divTabs { width: 100%; margin: 10px 0px 0px 0px; }
.divTabs ul { list-style: none; padding: 0px; margin: 0px; float: right; }
.divTabs ul li { padding: 0px 10px; margin: 0px -2px 0px -4px; display: inline-block; cursor: pointer; font-size: 14px; line-height: 22px;
                 border-style: solid; border-width: 1px 1px 0px 1px; border-color: #bdbdbd; border-radius: 10px 10px 0px 0px; background-color: #c0c0c0; 
                 background-image: url(../images/layout/menu_bg_overlay.png); background-repeat: repeat-x; background-position: top; }
.tabSelected { background-color: #e0e0e0 !important; }
.divTabContentWrapper { width: 100%; border: solid 1px #bdbdbd; border-radius: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; overflow: hidden; }
.divInfo { margin: 10px; min-height: 150px; }
.divInfo .divInfoImage { background-image: url(../images/destinations/default.jpg); height: 150px; width: 200px; float: right; margin: 0px 0px 0px 10px; }
.divInfo .pDebug { display: none; }
.divInfo img { /*background-image: url(../images/destinations/default.jpg); float: right; margin: 0px 0px 0px 10px;*/ height: 150px; width: 200px; font-size: 2px; color: rgba(255, 255, 255, 0.1); }
.divRooms { display: none; margin: 10px; min-height: 150px; }
.divRooms .ulRoomsList { list-style-type: disc;  padding: 0px 0px 0px 20px; }
.spRoomPrice { font-weight: bold; font-size: 18px; margin: 0px 10px 0px 0px; }
.spRoomName { font-weight: bold; font-size: 16px; margin: 0px 10px 0px 0px; }
.spRoomDesc { font-weight: normal; font-size: 16px; }

.divMap { display: none; margin: 10px; min-height: 150px; }
.divFacilities { display: none; margin: 10px; min-height: 150px; }
.divFacilities ul { list-style-type: disc;  padding: 0px 0px 0px 20px; }
.divFacilities li { font-weight: normal; font-size: 12px; }
.divContact { display: none; margin: 10px; min-height: 150px; }