/*-------------GENERAL---------------*/

* { margin: 0px; padding: 0px; }
body, div, span, input, button, textarea, select, input { font-family: Verdana; font-size:11px; color:#666; }
select { min-width:45px; }
a { outline: none; text-decoration: none; color:#0469A1; }
a:hover { text-decoration:underline; }
img, select, input { border: none; outline: none; }
button { border:none; cursor:pointer; padding-bottom:3px; }

p { margin:10px 0px 0px 0px; }

.clr { min-height: 0px; }
* html .clr { height: 1%!important; }

.clr:after {
   content: ".";
   display: block;
   height: 0px;
   font-size:0px;
   clear: both;
   visibility:hidden;
   overflow: hidden;
}

.left { float: left; }
.right { float: right; }

/*----------------------------------------*/

/****************RATING*************/
.Rating_5_Star,.Rating_4_Star,.Rating_3_Star,.Rating_2_Star,.Rating_1_Star{background: url(/images/ratings/ratings.png) no-repeat;}
.Rating_5_Star{background-position: 0px 0px;}
.Rating_4_Star{background-position: 0px -20px;}
.Rating_3_Star{background-position: 0px -40px;}
.Rating_2_Star{background-position: 0px -60px;}
.Rating_1_Star{background-position: 0px -80px;}


/****************CONTACT*************/

#contact-form { width:100%; }
#contact-form td { padding:2px; }
#contact-form input[type=text], #contact-form textarea { padding:3px; border:1px solid #CCC; width:300px; }
#contact-form input[type=submit] { border:1px solid #CCC; background:#FFF; cursor:pointer; padding:3px; }

#contact-body { background:none; }
#SendComment { width:100px !important; }

/**************LOADER*******************************/
#Loader
{
    position:absolute;
    width:100%;
    height:100%;
    z-index:10000;
    cursor:wait;
}

#Search-Loading, #Search-Loading-IE, #loading-page
{
    position:absolute;
    width:100%;
    height:100%;
    background:transparent url('/images/search-load-bg.png') top left; 
    z-index:10000;
    cursor:wait;
}
#Search-Loading .message, #Search-Loading-IE .message, #loading-page .message
{
    width:400px;
    border:1px solid #333;
    margin:15% auto 0 auto;
    padding:5px 0 5px 0;
    background:#fff;
    text-align:center;
}
#Search-Loading .message h6, #Search-Loading-IE .message h6, #loading-page .message h6
{
    font-size:14px;
    font-style:italic;
    margin:0;
    padding:5px 0 5px 0;
}
#Search-Loading .message p, #Search-Loading-IE .message p, #loading-page .message p
{
    font-size:12px;
    margin:0;
    padding:5px 0 5px 0;
}
#loading-page .message { margin-top:40%; }

/*****************************************************************/
/********************HOLIDAY 2 GREECE*****************************/
/*****************************************************************/

body { background:url(/images/css/body_bg.jpg) repeat-x; }

#shadow-wrapper { width:966px; margin:0px auto; background:url(/images/css/bg_shadow.png) repeat-y; }
#wrapper { width:900px; margin:0px auto; }

/*************************BANNER****************************/
#banner { text-align:center; height:118px; }
#header-swf { height:100px; }

/************************NAVIGATION************************/
#navigation { height:28px; background:url(/images/css/menu_bg.jpg) repeat-x; }
#navigation ul { list-style:none; }
#navigation ul li { float:left; height:28px; background:url(/images/css/menu_sep.jpg) no-repeat right top; }
#navigation ul li:last-child { background:none; }
#navigation ul li a { display:block; height:21px; color:#FEFFFF; text-decoration:none; padding:7px 15px 0px 11px; }
#navigation ul li a:hover, #navigation ul li a.selected { color:#2A5798; }

/************************MAIN******************************/
#main { margin:1px 1px 0px 1px; padding:0px 0px 10px 0px; }
#left-sidebar { float:left; width:647px; }
#right-sidebar { float:right; width:250px; }
#left-inner-sidebar { float:left; width:250px; }
#right-inner-sidebar { float:right; width:396px; }

/*************************FOOTER**************************/
#footer-wrapper { height:140px; background:url(/images/css/footer_bg.jpg) repeat-x; }
#footer { width:900px; margin:0px auto; }
#footer-navigation {  padding:3px 0px 10px 0px; }
#footer-navigation ul { list-style:none; text-align:center; }
#footer-navigation ul li { display:inline; color:#686B4D; }
#footer-navigation ul li a { color:#686B4D; }

#footer-center { width:320px; float:left; margin:10px 0px 0px 120px; text-align:center; font-weight:bold; }
#footer-center img { margin-top:5px; }



.grey-border-box { border:1px solid #E0E0E0; margin-top:8px; height:146px; }
.grey-border-box h2 {
    border-bottom:1px solid #EEE;
    color:#888;
    font-family:Times New Roman;
    font-size:22px;
    font-weight:normal;
    margin:8px 5px 4px 4px;
}
.bottom-border-box { border-bottom:1px solid #88C2C4; margin-top:8px; height:210px; }
.button { display:block; width:57px; height:15px; padding:2px 0px 0px 0px; background:url("/images/css/btn-small.gif") no-repeat; color:#555; font-size:10px; text-align:center; }

/**********************LAST MINUTE***********************/
#last-minute { height:202px; background:url(/images/last_minute.jpg) no-repeat; position:relative; border-bottom:1px solid #88C2C4; }
#last-minute h2 { color:#FFF; font-size:18px; font-weight:normal; text-align:right; padding:6px 10px 0px 0px; }
#last-minute h3 { margin:63px 0px 0px 115px; font-size:12px; font-weight:normal; }
#last-minute h3 a { color:#FFF; }
#last-minute .percent { width:45px; height:30px; position:absolute; top:130px; left:198px; font-size:9px; font-weight:bold; color:#FFF; text-align:center; }

/*********************ABOUT US**************************/
#about-us {}
#about-us h2 { color: #476C6D; font-size:14px; border-top:8px solid #BBDFDF; border-bottom:5px solid #BBDFDF; background:#D2E7E8; padding:2px 0px 2px 13px; }
#about-us p { margin:0px; padding:5px; font-size:10px; }
#about-us .button { margin:5px 0px 0px 5px; float:left; }

#add-this-btn { float:right; margin:5px 5px 0px 0px; }

/***********************SPA*****************************/
#spa { background:url(/images/spa_welnness.jpg) no-repeat bottom right; }
#spa p { margin:0px 70px 0px 0px; padding:5px; font-size:10px; }
#spa .button { margin:5px 0px 0px 5px; float:left; }

/***********************CAR RENTAL BOX*****************************/
#car-rental { background:url(/images/car_rental.jpg) no-repeat bottom right; }
#car-rental p { margin:0px 70px 0px 0px; padding:5px; font-size:10px; }
#car-rental .button { margin:5px 0px 0px 5px; float:left; }

/***********************TRANSFERS*****************************/
#transfers { background:url(/images/banner.jpg) no-repeat bottom right; }
#transfers p { margin:0px 70px 0px 0px; padding:5px; font-size:10px; }
#transfers .button { margin:5px 0px 0px 5px; float:left; }

/**********************SEARCH FORM**********************/
#search { height:202px; background:url(/images/css/search_form_bg.jpg) repeat-x; border-bottom:1px solid #88C2C4; }
#search-form { height:202px; background:url(/images/css/search_form_end.jpg) no-repeat right top; }

/*********************OFFERS***************************/
#offers { background:url(/images/hot_offers.jpg) no-repeat; position:relative; }
#offers h2 { color:#FFF; font-size:22px; font-weight:normal; padding:5px 10px 5px 10px; text-align:left; width:90px; }
#offers h3 { width:88px; position:absolute; }
#offers h3#offer1 { font-size:12px; font-weight:normal; position:absolute; top:120px; left:120px; }
#offers h3#offer2 { font-size:12px; font-weight:normal; position:absolute; top:120px; left:260px; }
#offers h3 a { color:#FFF; }
#offers .percent { width:45px; height:30px; font-size:9px; font-weight:bold; color:#FFF; text-align:center; position:absolute; }
#offers #percent1  { top:155px; left:210px; }
#offers #percent2  { top:155px; left:350px; }

/********************EXCURSIONS************************/
#excursions { background:url(/images/excursions.jpg) no-repeat top right; }
#excursions p { margin:0px 110px 0px 0px; padding:5px; font-size:10px; }
#excursions .button { margin:5px 0px 0px 5px; float:left; }

/*****************LOGIN********************************/
#login { border-bottom:1px solid #88C2C4; height:127px; margin:0px 0px 13px 0px; }
#login table { width:100%; }
#login table td { padding:3px; }
#login table input { border:1px solid #CCC; padding:2px; }
#login h2 { background:url(/images/boxb_title_bg.jpg) no-repeat; color:#FFF; font-size:15px; height:24px; padding:4px 0px 0px 12px; }
#login .user-actions { font-size:10px; padding:0px 0px 0px 4px; }
#login .button { float:right; margin:8px 25px 0px 0px; }

/*******************NEWSLETTER**************************/
#newsletter { border-bottom:1px solid #88C2C4; height:61px; }
#newsletter h2 { background:url(/images/boxb_title_bg.jpg) no-repeat; color:#FFF; font-size:15px; height:24px; padding:4px 0px 0px 12px; }
#newsletter .button { background:url(/images/css/btn-large.gif) no-repeat; width:77px; }
#newsletter input { border:1px solid #CCC; padding:2px; }
#newsletter input, #newsletter a { float:left; margin:7px 0px 0px 7px; }

/******************FEATURED HOTELS*********************/
#featured-hotels { position:relative; }
#featured-hotels h2 { color: #476C6D; font-size:14px; border-top:8px solid #BBDFDF; border-bottom:5px solid #BBDFDF; background:#D2E7E8; padding:2px 0px 2px 13px; }
#featured-hotels .image { text-align:center; margin:2px 0px 0px 0px; }
#featured-hotels h3, #featured-hotels h4 { text-align:center; color:#246DBF; font-size:11px; font-weight:normal; margin:2px 0px 0px 0px; }
#featured-hotels h4 { color:#FF6C00; }
#featured-hotels p { font-size:10px; padding:0px 5px 0px 5px; }

#slider ul, #slider li { list-style:none; }
#slider li { width:250px; height:170px; overflow:hidden; }	
#prevBtn, #nextBtn { display:block; width:30px; height:13px; position:absolute; left:170px; top:12px; z-index:1000; overflow:hidden; text-indent:-8000px; }	
#nextBtn { left:202px; }														
#prevBtn a, #nextBtn a { display:block; position:relative; width:30px; height:13px; background:url(/images/btn_left.jpg) no-repeat; }	
#nextBtn a { background:url(/images/btn_right.jpg) no-repeat; }	

/***********************TAXI TRANSFER*****************************/
#taxi-transfer { background:url(/images/taxi_transfer.jpg) no-repeat bottom right; }
#taxi-transfer p { margin:0px 70px 0px 0px; padding:5px; font-size:10px; }
#taxi-transfer .button { margin:5px 0px 0px 5px; float:left; }

/************************SEARCH FORM******************************/
#search-form .button { float:right; cursor:pointer; }
#search-form .search-btn { margin:5px 0px 0px 0px; }
#search-form .ui-datepicker-trigger { float:right; }

#tab-container { width:280px; }
#tab-container table { width:100%; }
#tab-container table td { font-size:10px; width:50%; padding:0px 10px 2px 10px; }
#tab-container table td label { display:block; margin-bottom:2px; }
#tab-container table select, #tab-container table input { width:110px; border:1px solid #CCC; padding:2px; float:left; }
#tab-container table select { padding:0px; }
#tab-container table input.datepicker { width:80px; }

#TravellingParty { font-size:10px; padding-left:12px; }
#TravellingParty p { margin:0px; }

.hidden { display:none; }
#dialog table select, #dialog table input  { border:1px solid #CCC; padding:2px; }
#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5; z-index:2001; }

.popups
{
    margin-top:21px;
    position: absolute;
    display: none;
    min-width: 250px;
    background: #DCE4F9;
    border: 1px solid #8DB0E2;
    z-index:3000;
}
.popups a
{
    display: block;
    padding:3px;
    color:#0C6BAD;
}


/********************LEFT SIDEBAR***************************/
.title-bar-big { background:url(/images/css/title_bar_big_bg.jpg) no-repeat; color:#FFF; font-size:15px; font-weight:bold; height:24px; padding:4px 0px 0px 12px; }
.title-bar-big span { color:#FFF; font-size:15px; font-weight:bold; }
.page-content { padding:5px; line-height:18px; color:#898F90; text-align:justify; }
.page-content span { color:#898F90; }
.page-content h3 { color:#88C2CF; font-size:13px; margin:10px 0px 5px 0px; }
.page-content h4 { color:#88C2CF; font-size:12px; margin:10px 0px 5px 0px; }

/*******************REGISTER FORM**************************/
#register-form td { padding:2px 0px 2px 0px; }
#register-form input, #register-form select { border:1px solid #CCC; padding:2px; }
#register-form input[type=submit] { background:#FFF; padding:4px; cursor:pointer; }
#register-form input[type=submit]:hover { border:1px solid #8CC1C5; }

.register-form-wrapper { border:1px solid #C8C8C8; background:#F0F0F0; }


/*************************HOTEL RESULTS****************************/
#HotelResults { padding:10px 4px 0px 4px; clear:both; }
#result-boxes { clear:both; }
.result-box { border:1px solid #ADADAD; margin-bottom:10px; }
.result-box h2 { font-size:13px; padding:0px 0px 2px 4px; }
.result-box h2 a { color:#1D5B8E; }
.result-box .details { background:#EDECE4; margin:0px 1px 1px 1px; }
.result-box .image { width:150px; padding:5px; float:left; }
.result-box .result-details-btn { display:block; height:23px; background:#E8D5AD; text-align:center; padding:7px 0px 0px 0px; }
.result-box .description { width:470px; float:left; padding:5px 0px 5px 0px; }
.result-box .description p { margin:5px 0px 0px 0px; }
.result-box .description .province { font-weight:bold; }
.result-box .rating { float:right; width:180px; height:23px; padding:8px 0px 0px 14px; background:url(/images/css/rate_box_bg.jpg) no-repeat; margin:5px 3px 0px 10px; }
.result-box .rating span { color:#499FC3; font-weight:bold; }
.result-box .rating img { vertical-align:middle; margin:0px 0px 0px 18px; }
.result-box .price { float:right; clear:right; width:140px; height:56px; background:url(/images/css/info_box_bg.jpg) no-repeat; margin:10px 3px 0px 10px; }
.result-box .price span { display:block; }
.result-box .price span.line1 { font-size:10px; font-weight:bold; color:#B57900; padding:5px 0px 0px 10px; }
.result-box .price span.line2 { font-size:18px; color:#14475E; text-align:center; font-style:italic; font-weight:bold; }
.result-box .price span.line3 { color:#FFFFFF; font-size:10px; font-weight:bold; padding-right:10px; text-align:right; }

#results-controls { margin-bottom:10px; }
#results-controls h2 { margin-bottom:7px; font-size:16px; }
#results-controls select { border:1px solid #CCC; }
#Pages img, #Pages2 img { vertical-align:middle; }

#map-link { border-top:1px solid #88C2C4; margin-top:10px; font-size:16px; }
#map-link a { height:30px; background:url(/images/google_maps_icon.png) no-repeat 20px 5px; display:block; padding:15px 0px 0px 150px; }
#map-link a:hover { text-decoration:none; }

/*DETAILS TOGGLE TABLE*/
.result-box .room-number, .room-type { background:#E3ECE8; padding:5px 0px 5px 10px; color:#7C7C7C; font-size:12px; font-weight:bold; margin:2px 1px 0px 1px; text-align:left; }
.msg-body { clear:both; display:none; }

.details-toggle-table { width:635px; margin:0px auto; background:#EDECE4; }
.details-toggle-table th, #roomTable td { font-weight:bold; color:#666; text-align:left; padding:4px 10px 4px 10px; background:#D7E1E6; }
.details-toggle-table td { text-align:left; color:#5d5d5e; padding:7px 10px 7px 10px; vertical-align:middle; }
.details-toggle-table td.type { color:#175eb8; }
.details-toggle-table td span { color:#000; }
span.strike { text-decoration:line-through; }
.details-toggle-table td.line { border-bottom:1px solid #FFF; font-size:0px; height:1px; padding:0px; }

.reserve-btn, .request-reserve-btn {
    color:#FFF;
    display:block;
    font-weight:bold;
    height:29px;
    padding:3px 10px 0px 20px;
    text-align:left;
    width:48px;
}

.reserve-btn { background:url(/images/css/hotel_book_small.png) no-repeat; }
.request-reserve-btn { background:url(/images/css/hotel_request_small.png) no-repeat; }
.reserve-btn:hover, .request-reserve-btn:hover { text-decoration:none; }

.price-summary { margin:0px 1px 0px 1px; border-top:2px solid #FFF; padding:5px 0px 5px 10px; font-size:13px; font-weight:bold; color:#5d5d5e; background:#EDECE4; }
.price-summary .price-label { float:left; width:300px; }
.price-summary .price-amount { float:left; }
.price-summary .reserve-btn-cell { float:right; width:200px; text-align:left; }


/**********************CUSTOMISER**********************************/
#custom-results-box h2 { color: #476C6D; font-size:14px; border-top:8px solid #BBDFDF; border-bottom:5px solid #BBDFDF; background:#D2E7E8; padding:2px 0px 2px 13px; }
#custom-results-box { border-bottom:1px solid #88C2C4; margin-top:8px; }
#custom-results-box .title { background:#EDECE4; padding:5px; font-size:13px; }
#custom-results-box p { margin:0px; }

.filter-box { padding:5px 10px 5px 10px; }
.filter_tool_count { color:#3c3c3c; }
.filter-link  { font-size:13px; color:#666; }
.filter-link a { color:#E6720D; }

.filter_tool_item { padding:3px 0px 3px 0px; }
.filter_item { padding:3px 10px 5px 10px; overflow:auto; }

.filter_reset { text-align:center; font-weight:bold; padding:5px; }

div.filter_remove a {
	background: transparent url("/images/remove.gif") right top no-repeat;
	padding-right:25px;
	padding-bottom:5px;		
}

div.filter_name { float:left; }
div.filter_remove { float:right; }

/****************************REVIEW HOTEL*****************************/
#review-area { margin-top:10px; padding:0px 4px 0px 4px; }
h1#hotel-title { font-size:11px; background:#DADBD6; padding:5px; margin-bottom:10px; }
h1#hotel-title span { color:#7F91AE; }

#hotel-menu { height:20px; background:#62BCE1; }
#hotel-menu ul { list-style:none; }
#hotel-menu ul li { float:left; font-weight:bold; margin:0px 10px 0px 5px; }
#hotel-menu ul li a { display:block; height:16px; color:#FFF; padding:4px 10px 0px 10px; }

#hotel-menu ul li.tab1 a { background:url("/images/css/hotel_tab1.jpg") repeat-x bottom left; }
#hotel-menu ul li.tab2 a { background:url("/images/css/hotel_tab2.jpg") repeat-x bottom left; }
#hotel-menu ul li.tab3 a { background:url("/images/css/hotel_tab3.jpg") repeat-x bottom left; }
#hotel-menu ul li.tab4 a { background:url("/images/css/hotel_tab4.jpg") repeat-x bottom left; }
#hotel-menu ul li.tab5 a { background:url("/images/css/hotel_tab5.jpg") repeat-x bottom left; }
#hotel-menu ul li a.selected { background:url("/images/css/sorting_hover_bg.jpg") repeat-x top left; color:#55B2DB; }

.review-box { border:1px solid #ADADAD; margin-bottom:10px; }
.review-box .details { background:#EDECE4; margin:1px; }
.review-box h2 { font-size:13px; padding:0px 0px 2px 4px; color:#1D5B8E; }
.review-box .image { width:320px; padding:5px; float:left; }
.review-box-right { float:right; width:300px; }
.review-box h3 { color:#7F91B9; margin:5px 0px 5px 0px; font-size:13px; }
.review-box h4 { color:#7F91B9; margin:0px 0px 5px 0px; font-size:12px; }
.review-box .rating { margin:0px 0px 5px 0px; }
.review-box-right .description { color:#7F91B9; }

.review-box .properties { padding:4px 0px 4px 30px; }
.review-box .properties div { width:140px; color:#7F91C3; font-weight:bold; }
.review-box .properties div.value { font-weight:normal; }

#distances { margin:15px 10px 5px 0px; }
#distances .distance-item { float:left; margin-right:8px; width:50px; }
#distances .distance-item .icon { height:36px; text-align:center; }
#distances .distance-item .distance { color:#7F91C3; text-align:center; font-weight:bold; }

#hotel-info h2 { font-size:13px; font-weight:bold; color:#7F91C3; padding:5px; }
#hotel-info p { color:#7F91C3; padding:0px 5px 5px 5px; }

#BigBookLink { background:url(/images/css/hotel_book_bg.jpg) repeat-x; }
#BigBookLink a {
    background:url(/images/css/hotel_book_indicator.jpg) no-repeat right top;
    color:#FFF;
    display:block;
    font-size:16px;
    font-weight:bold;
    height:52px;
    padding:14px 50px 0px 507px;
    text-align:left;
    text-transform:uppercase;
}

#gallery-images { clear:both; padding:8px; }
#gallery-images .thumbwrapper { margin:0px 0px 15px 10px; }
#gallery-images .thumbwrapper img { border:2px solid #CCC; }

.data-map { width:630px; margin:10px auto; }

/************RATES****************************/
.book_button {
    color:#FFF;
    display:block;
    font-weight:bold;
    height:29px;
    padding:3px 10px 0px 20px;
    text-align:left;
    width:48px; 
    background:url(/images/css/hotel_book_small.png) no-repeat; 
}
.book_button:hover { text-decoration:none; }
#rates-table td { vertical-align:middle; padding:3px; }
#rates-table td input, #sub-opener, #rates-table td select { border:1px solid #CCC; padding:3px; }

.results-rooms table .hidden_table 
{
    width:565px;
    position:absolute;
    border:1px solid #8DB0E2;
    background:#DCE4F9;
    padding:5px;
}
.results-rooms table td { padding:2px; }
.results-rooms table .hidden_table table { width:100%; }
.results-rooms table .hidden_table table td { padding:4px; }
.room_amenities { float:left; width:30%; padding:5px; }

#roomTable { margin:15px 0px 15px 0px; }
/*#roomTable td, #roomTable th { vertical-align:middle; padding:3px; }*/
#roomTable .room-type-row td { background:#7496AF; color:#FFF; }
#roomTable .room-row td { background:#EDECE4; font-weight:normal; }
#roomTable td.line { border-bottom:1px solid #FFF; font-size:0px; height:1px; padding:0px; }

/*AMENITIES*/
.facilities-title { color:#1D5B8E; font-size:13px; font-weight:bold; padding:2px 0px 2px 5px; }
.facilities-list ul { list-style:none; }
.facilities-list ul li { color:#7D7D7D; float:left; font-weight:bold; width:49%; border-bottom:1px solid #C8D0D8; border-right:1px solid #C8D0D8; padding:7px 0px 7px 5px; background:#E4EAED; }
.facilities-list ul li span { font-weight:normal; }

#facilities-accordion h3 span { background:none; color:#1D5B8E; }
#facilities-accordion h3 { padding:5px; color:#1D5B8E; }
#facilities-accordion .ui-accordion-content { padding:0px; }


/**********************BOOKING FORM*************************/
.room-details{width:63%;float:left;}
.room-prices{width:30%;float:left;border:1px solid #88C2C4;padding:0 10px 10px 10px;background:#D2E7E8;}

.booking-info { width:100%; }

.booking-info td table{ margin:5px 0 5px 0; }
.booking-info td table td { width:auto; }
.booking-info td table td p { margin-top:5px; }

.middle-inner input[type=text], .middle-inner select, .middle-inner textarea { border:1px solid #CCC; padding:2px; }
.middle-inner h2 { background:#E3ECE8; }


#contact-info div { color: #88C2C4; padding:5px; }

.bookit {
    background: url(/images/css/info_box_bg.jpg) no-repeat;
    color: #14475E;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 51px;
    margin: 10px 0px;
    padding-top: 5px;
    text-align: center;
    width: 103px;
}

.img_float { margin: 10px 0px 0px 10px; }

#sub-dialog select { border:1px solid #CCC; padding:3px; }