/* MAIN OPTIONS */ * { margin:0px; padding:0px; } html, body { background-color:#ede9e9; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px auto; color: #2d2d2d; text-align:center; } #wrapper { width:950px; margin:0px auto; min-height: 100%; text-align:center;} h1 { font-size:22px; color:#ee9a11;} a { color:#828282; text-decoration:underline; font-weight:bold;} a:hover { text-decoration:none;} form {margin:10px 0 10px 0; padding:0px;} table{border-collapse:collapse; border-spacing:0;} a.offers {color:#fa8736; text-decoration:underline; font-weight:normal;} a.offers:hover {text-decoration:none;} /* CUSTOM CLASSES */ .font_bold { font-weight:bold;} .input { border:1px solid #9e9e9e; font-size:11px; font-family:Arial, Helvetica, sans-serif; color: #2d2d2d; width:100px; height:17px; z-index:-10;} .button { border:1px solid #9e9e9e; background: #00a7fd; color:#FFFFFF; font-weight:bold;} .submit { margin-top:5px; margin-bottom:0; padding:0;} .spliter { padding-bottom:20px;} .red { color:#FF0000;} .java_alert { color:#FF0000; font-size:20px;} .orange { color:#FF8300;} .grey { color:#bbb8b8;} /* HEADER SETS */ #header_top {float:left; width:950px; float:left; margin:15px 0 0 0; padding:0px; vertical-align:bottom;} #header {float:left; width: 950px; background-image:url('../images/back_logo_main.gif'); background-repeat:repeat; margin:0px; padding:0px;} #header_form {float:left; width:284px; height:264px; margin:0px; padding:0px;} #header_form form { text-align:left; margin:5px 0 0 10px; padding:0px; font-weight:bold; width:284px; } #header_form form p { margin:0 0 5px 0px;} #header_form label { width:130px; margin:0px; float:left; display:block;} #header_image {float:left; width: 660px; height:264px; text-align:left; font-weight:bold; margin:0px; padding:5px 2px 2px 2px;} #header_image_text {float:left; width: 950px; min-height:15px; text-align:left; font-weight:bold; margin:0px; padding:2px 0 4px 0; background-image:url(../images/back_logo_main.gif);background-repeat:repeat;} #header_image_text p { margin:0 0 0 286px;} #header_bottom {float:left; width:950px; height:18px; background-image:url(../images/back_logo_bottom.gif); background-repeat:no-repeat; margin:0px; padding:0px;} #header_image img {vertical-align:middle; border:0;} #header_top img {vertical-align:bottom; border:0; margin:0px; padding:0px;} #header img, #header_form img, #header_bottom img {vertical-align:middle; border:0; margin:0px; padding:0px;} #header_links { float:left; width:950px; margin:0; padding:0; margin-top:10px; margin-bottom:5px; text-align:left; height:16px; min-height:16px; font-weight:bold; vertical-align:middle;} #header_links form {margin:0; padding:0; margin-left:10px; vertical-align:middle;} #header_links img { vertical-align:middle; border:0;} #header_links .spanForm { float:left; vertical-align:middle; margin-right:30px;} #header_links .spanOffers { float:left; vertical-align:middle;} #header_links .spanEdit { float:right; margin-right:15px; vertical-align:middle;} #languagesSelector { float:left; width:400px; text-align:left; margin-left:10px; font-weight:bold;} #contactLink { float:right; width:400px; text-align:right; margin-right:15px; font-weight:bold;} #contact_form_hotel { margin:0; padding:0;} /* END HEADER SETS */ #RESERV2 img { margin:0 3px; vertical-align:middle; border:0;} /* FOOTER SETS */ #footer {float:left; width: 950px; height:45px; background-image:url(../images/greeka_logo.gif); background-repeat:no-repeat; margin:0 0 5px 0; padding:0px;} #splitter_div_transparent {height:18px; width:950px; margin:0 0 5px 0; padding:0px; float:left;} #table_top_bottom_image_holder { width:950px;} #splitter_div {height:18px; width:950px; margin:0 0 20px 0; padding:0px; float:left; background-image:url(../images/splitter.gif); background-repeat:no-repeat;} #form_content { width: 900px; text-align:left; margin:0 0 20px 0; padding:0px; } #form_fields { float:left; margin:0 10px 0 0; padding:0px; text-align:left; font-size:11px; font-weight:bold;} #week_link { width:949px; height:20px; padding: 0 0 10px 0; margin:0px;} #week_link_holder1_top { text-align:right; padding:0px; margin:0px; float:left; margin-left:340px;} #week_link_holder2_top { text-align:right; padding:0 5px 0 0; margin:0px; float:right; margin-right:20px;} #week_link_holder3_bottom { width:330px; text-align:left; padding:0px; margin-left:10px; float:left; display:block; empty-cells:show;} #week_link_holder1_bottom { text-align:left; padding:0px; margin:0px; float:left;} #week_link_holder2_bottom { text-align:right; padding:0 5px 0 0; margin:0px; float:right; margin-right:20px;} #week_link_holder1_top form, #week_link_holder2_top form, #week_link_holder1_bottom form, #week_link_holder2_bottom form {padding:0px; margin:0px;} #week_link_spliter { width:950px; margin:0px; padding:0px; height:1px; display:block; empty-cells:show;} #result_box { width:950px; float:left; margin:0px; padding:0px; background-color:#FBFBFB; text-align:center; overflow:auto; overflow-y:hidden;} #result_box_white_bottom { width:950px; height:50px; display:block;} #result_box_table { width:940px; height:auto; margin:0 5px 5px 5px; position:relative; } #result_box_table_scroll { overflow:auto; } .table_results { margin:0px; padding:0px; border-bottom:1px solid #787676; margin-left:10px;} .table_title {color:#fea201; text-align:left; font-size:16px; width:369px; font-weight:bold; background-color:#FBFBFB; border-right:1px solid #787676; border-top:0px;} .table_date_cell {font-size:11px; background-color:#8bc0f6; color:#2d2d2d; width:65px; text-align:center; font-weight:bold; border-right:1px solid #787676; border-top:1px solid #787676; display:table-cell;} .table_date_active_cell {font-size:11px; background-color:#fea201; color:#2d2d2d; width:65px; text-align:center; font-weight:bold; border-right:1px solid #787676; border-top:1px solid #787676; display:table-cell;} .table_room_info { width:294px; font-size:11px; border:1px solid #787676; text-align:left; vertical-align:top} .table_room_info a { color:#2d2d2d; text-decoration:underline; font-weight:bold;} .table_room_info p { margin-left:5px;} .table_results img.room_photo {float:right; margin:2px; position:relative; margin:0 10px 5px 5px; border:1px solid #787676;} .table_price {font-size:12px; color:#fea201; font-weight:bold; width:75px; text-align:center; border-top:1px solid #787676; border-right:1px solid #787676; border-bottom:1px solid #787676; padding:2px;} .table_price_img { margin:4px;} .table_price_off {font-size:10px; color:#2d2d2d; font-weight:bold; width:75px; text-align:center; border-top:1px solid #787676; border-right:1px solid #787676; border-bottom:1px solid #787676;} .table_price form.rent { margin:0px; padding:0px; text-align:center;} .rent_button { border:1px solid #787676; background: #00a7fd; color:#FFFFFF; text-align:center; font-weight:bold; padding:3px; width:63px; height:30px; margin-bottom:10px; } .table_day_price {font-size:11px; color:#2d2d2d; width:65px; text-align:center; border-top:1px solid #787676; border-right:1px solid #787676; border-bottom:1px solid #787676;} .table_day_price_off {font-size:11px; background-color:#bababa; color:#2d2d2d; width:65px; text-align:center; border-top:1px solid #787676; border-right:1px solid #787676; border-bottom:1px solid #787676;} .table_day_price_black {font-size:11px; background-color:#bababa; color:#2d2d2d; width:65px; text-align:center; border-top:1px solid #787676; border-right:1px solid #787676; border-bottom:1px solid #787676;} .table_day_price_selected { background-color:ffe0aa; font-size:11px; width:65px; text-align:center; border-top:1px solid #787676; border-right:1px solid #787676; border-bottom:1px solid #787676;} .table_row_highlight { background-color:#fafafa;} .tablecell_hidden_holder { display:block; width:65px; height:20px; empty-cells:show; text-align:center;} .rghtBrdr { border-right:1px dashed #787676;} /* ////////////////////////////////// Styles for room info page /////////////////////////////// */ #wrapper_room_info { margin: 0px; /*min-height: 100%;*/ overflow-x:hidden; overflow-y: auto; } #room_info_info_holder { float:left;} #text_holder { float:left; margin-bottom:10px; text-align:left; font-size:11px;} * html #wrapper_room_info { height: 100%; overflow-x:hidden;} /*IE browsers less than IE7*/ .h1_room_info {font-size:12px; color:#ee9a11; font-weight:bold; margin:0 0 0 5px; padding:10px 0 0 0; text-align:left;} .splitter {height:18px; /*background-image:url('../images/popbg.gif'); background-repeat:repeat-x;*/ margin-top:2px; display:table-cell; empty-cells:show; display:block;} .text_holder {margin-bottom:10px; text-align:left;} /* ////////////////////////////////// Styles for contact page /////////////////////////////// */ #wrapper_contact { width:600px; margin:5px; overflow:hidden; } * html #wrapper_contact {overflow:hidden;} /*IE browsers */ #splitter_wide_contact { width:590px; height:18px; background-image:url(../images/popbg.gif); background-repeat:repeat-x; margin-top:2px; margin-bottom:2px; display:table-cell; empty-cells:show;} .h1_contact_info {font-size:14px; color:#ee9a11; font-weight:bold; margin:0; padding:0; padding-top:10px; padding-left:10px; text-align:left;} #contact_image { width:157px; float:left;} #contact_image img { border:2px solid #2d2d2d;} #contact_colum { width:200px; float:left; text-align:left; margin-left:10px;} /* ////////////////////////////////// Styles for extras selection /////////////////////////////// */ #back_to_index { width:889px; height:20px; padding: 0 10px 10px 0; margin:10px 0 10px 0; text-align:left; float:left; } #back_to_index form{padding:0px; margin:0px;} #back_to_index2 { width:400px; height:20px; padding: 0 10px 10px 0; margin:10px 0 10px 0; text-align:left; float:left; } #back_to_index2 form{padding:0px; margin:0px;} #subtitle { width:945px; text-align:left; float:left; margin:0px; padding:0 0 0 5px; background-color:#FBFBFB;} #subtitle h2 { font-size:18px; color:#fea201; font-weight:bold;} #splitter_div_white {background-color:#FBFBFB; height:2px; width:100%; margin:0px; padding:0px; float:left; text-align:center;} #splitter_div_white_hr { background-image:url(../images/hr_bg.gif); background-repeat:repeat-x; height:15; float:left; width:930px; padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px;} #result_box_table2 { width:940px; height:100% auto; margin:0xp; padding:5px; float:left; position:relative; text-align:left; background-color:#FBFBFB;} .table_results2 { margin:0px; padding:0px;} .table_room_info2 { width:294px; font-size:11px; border-top:1px solid #787676; border-left:1px solid #787676; border-right:1px solid #787676; text-align:left;} .table_room_info3 { width:294px; border-top:1px solid #787676;} .table_room_info4 { width:294px; border-bottom:1px solid #787676;} .table_room_info2 p { margin-left:5px;} .table_date_cell2 {font-size:11px; background-color:#8bc0f6; color:#2d2d2d; width:80px; text-align:center; font-weight:bold; border-right:1px solid #787676; border-top:1px solid #787676;} .table_day_price2 {font-size:12px; color:#2d2d2d; width:40px; text-align:center; vertical-align:middle; font-weight:bold; border-top:1px solid #787676; border-right:1px solid #787676; } .table_day_price3 {font-size:11px; color:#2d2d2d; width:65px; text-align:center; border-top:1px solid #787676; } .table_day_price_off2 {font-size:11px; background-color:#bababa; color:#2d2d2d; width:65px; text-align:center; border-top:1px solid #787676; border-right:1px solid #787676; border-bottom:1px solid #787676;} .table_date_cell2_price {font-size:14px; background-color:#8bc0f6; color:#2d2d2d; width:100px; text-align:center; font-weight:bold; border-top:1px solid #787676; border-right:1px solid #787676; } .table_date_cell2_price2 {font-size:12px; color:#2d2d2d; width:100px; text-align:center; font-weight:bold; border-top:1px solid #787676; border-right:1px solid #787676; } .table_day_price_total_colum {font-size:12px; color:#2d2d2d; width:100px; text-align:center; font-weight:bold; border-top:1px solid #787676; border-right:1px solid #787676; } .table_day_show_total { width:100px; background-color:#D9D8D7; color:#fea201; font-weight:bold; text-align:center; border:1px solid #787676;} .table_day_show_total_text {color:#000000; font-weight:bold; font-size:13px; text-align:right; padding:0 30px 0 0; border-top:1px solid #787676;} .table_day_show_note {color:#000000; font-weight:bold; text-align:left; font-size:10px; border-top:1px solid #787676; } .small_info { font-size:9px; font-weight:normal;} .table_day_price2 img { margin:0px; padding:2px; width:16px; height:16px; border:0;} #extas_summary_row_holder { width:945px; float:left; text-align:left; background-color:#FBFBFB; padding:0 0 0 5px;} #extas_summary_row_holder_title { width:150px; font-weight:bold; font-size:13px; margin:0 10px 0 0; float:left;} #extas_summary_row_holder_title_info { width:780px; font-weight:bold; float:left; margin:0 0 10px 0; text-align:left;} #extas_summary_row_holder_title_info_price { width:780px; font-weight:bold; float:left; color:#fea201; font-weight:bold; font-size:16px;} #extas_summary_row_holder_title_info_price2 { width:729px; font-weight:bold; float:left; color:#fea201; font-weight:bold; font-size:14px;} .nobold { font-weight:normal;} #extas_summary_row_holder_title_info_price3 { width:430px; font-weight:bold; float:left; color:#fea201; font-weight:bold; font-size:16px; text-align:left;} #extas_summary_row_holder_title_info2 { width:430px; font-weight:bold; float:left; margin:0 0 10px 0; text-align:left;} #extas_summary_row_holder_title_info2_img_holder { width:330px; margin-right:10px; float:right; text-align:center} #extas_summary_row_holder_title_info2_img_holder img { border:0; vertical-align:top;} #extas_summary_row_holder_title_info2_img_holder img.room_photo {float:right; margin:2px; position:relative; border:1px solid #787676;} #extras_summery_label { width:100px; float:left; text-align:left; margin:0 10px 10px 0;} #extras_summery_form_items { width:650px; float:left; text-align:left; margin:0 10px 10px 0;} #extas_summary_row_holder_title_info .input { width:300px; font-weight:normal; text-align:left;} #extas_summary_row_holder_title_info .textarea { width:300px; height:50px; font-weight:normal; text-align:left;} extas_summary_row_holder_title_info img { vertical-align:middle;} #extras_clear_div { width:950px; height:25px; float:left; margin:0px; padding:0px;} #left_info_holder { width:610px; margin:0; padding:0; float:left;} #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden; } .hintanchor{ /*CSS for link that shows hint onmouseover*/ font-weight: bold; color: navy; margin: 3px 2px; } div.loading-invisible{display:none;} div.loading-visible{display:block; } #Layer1 { background: #ede9e9; padding: 0px; margin:0 auto; width:100%; min-height: 100%; height:100%; z-index:100; text-align:center; vertical-align:middle; position:absolute; left: 0px; top: 0px; display : table-cell; } #Layer1 .input {visibility:hidden;} #currency_select select { width: 150px; font:12px Arial, Helvetica, sans-serif; } #RESERV2{padding: 0 10px 10px;} #RESERV2 input.error{ background: #f8dbdb; border-color: #e77776; } #RESERV2 textarea.error{background: #f8dbdb; border-color: #e77776; } #RESERV2 div span.error{ color: #e46c6e; } #error{ margin-bottom: 20px; border: 1px solid #efefef;} #error ul{ list-style: square; padding: 5px; font-size: 11px;} #error ul li{list-style-position: inside; line-height: 1.6em;} #error ul li strong{color: #e46c6d;} #error.valid ul li strong{ color: #93d72e;}