﻿/* CSS Document */


/* **** Help **** */
.l { display: inline; float: left; }
.r { display: inline; float: right  !important;; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.out { position: absolute; left: -2000px; top: -2000px; }
.bold { font-weight: bold; }
.norm { font-weight: normal; }
.br { clear: both; }
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; display:block;}
.small { font-size: 92%;}
.suppress { color: #666666; font-weight: normal; }
.hidden { display: none; }
.center { text-align:center !important;; }
.left { text-align: left !important; }
.right { text-align: right !important;; }
.red{color:#B52222;}
.gray{color:#666666;}
.no-border{border:none;}
.nobr{white-space:nowrap;}
.sprite{position:absolute; top:0px; left:0px; display:block;}
a .sprite{cursor:pointer;}
.separator{background:url(bg/dash.png) 0 0 repeat-x; border:none; margin:10px 4px 20px; font-size:1px; height:1px; overflow:hidden; clear: both;}
.blockem{border:1px solid #A5C4E3; background:#EFF7FF url(bg/blockquote.png) 0 0 no-repeat; margin:25px 0px 10px; padding:18px 30px 18px 109px; font-style:italic; color:#3E71A2; line-height:1.3; min-height:60px;}
.arrow{font-size:117%;}
.n-w{white-space:nowrap;}



/* LISTS */
ul{list-style:none; margin:8px 0px 17px; padding:0px;}
ul li{padding-left:22px; background:url(arrow-left.png) 4px 0.55em no-repeat; line-height:1.5; margin:0 0 5px;}
ul li ul{margin-top:5px;}
ul li ul li{background:url(dot-li-red.png) 0px 0.4em no-repeat; padding-left:16px}

ol{list-style:none; margin:0 0px 25px;}
ol li{line-height:1.5; margin:0 0 6px;}

.lower-alpha{list-style:lower-alpha;}
.lower-alpha li{background:none; padding-left:3px; margin-left:30px; margin-bottom:0px;}

/* TABLE 
table{width:100%; margin:0em 0 0.8em 1px;  font-size:100%; background-color:#E7F2F9; border:1px solid #CBE3F1; border-bottom-color:#C0C0C0; border-collapse:collapse;}
caption, table tbody th.title{background:#CBE7F9 url(bg/roll-box-h2.png) 0 0 repeat-x; padding:6px 10px; margin:0; border-bottom:1px solid #ACC0CC; font-size:117%; border-top:1px solid white; position:relative; text-align:left; font-weight:bold;}
caption.small{font-size:108%; font-weight:normal;}
caption.small span{margin:0 3px;}
td, th{padding:2px 0px 3px;}
th{border-bottom:1px solid #A9D7F1; padding:9px 10px 5px 12px; text-align:left;}
tbody th{background:url(double-b.png) 0 0 repeat-x;}
tbody .total td{background:url(double-b.png) 0 0 repeat-x !important;}
tbody td{ padding:6px 10px 6px 12px; background:url(bg/separator-roll.png) 0 0 repeat-x; vertical-align:baseline;}
table label{font-weight:normal;}
table span.help{display:block; width:275px; margin-top:5px; margin-bottom:12px; font-size:92%;}
table input{vertical-align:middle; margin:-3px 0 -3px;}
table p{margin:0;}
tr.first td{background:none;}
td.right{padding-right:20px;}
*/

/*.even{background:#EEEEEE;}*/

/* IMAGES */
img{border:0px;}
img.l {margin:10px 10px 10px 0;}
.img-list img{margin:10px 15px 0 0; }

/* FORM */
form, fieldset{margin:0px; padding:0px; border:0px;}
label{font-weight:bold; position:relative;}
label input{vertical-align:middle; position:relative; top:-2px;}
label .gray{font-size:92%; font-weight:normal;}
.input-l label{display:block; margin-left:23px; position:relative;}
select{font-weight:normal;}
.input-l input{ position:absolute; top:-1px; left:-23px;}
.w-ff{width:45px; text-align:center;}
.w-tf{width:35px; text-align:center;}
.w-th{width:70%;}
.w-tw{width:20%;}
.w-full{width:98.5%}
select.w-full{width:100%}
textarea.w-full{width:99.3%;}

input.kalendar, select.kalendar{font-size:100%; font-family:Arial, Helvetica, sans-serif;}

.w-button { padding: 8px 0 0; *margin: 0 !important; text-align: center;}
.inline-button { margin: 0; padding: 8px 0 7px; *padding: 6px 0 9px;  zoom:1; white-space:nowrap; text-decoration: none; vertical-align:middle; color: black; background: url(btn-red.png) 0 0 no-repeat; position: relative; cursor: pointer; }
.inline-button span {margin: 0; padding: 8px 1.4em 7px; *padding: 6px 0 9px; *margin: -8px 0 0;  color: #fff; text-transform: uppercase; font-size: 125%; zoom:1; font-weight: bold; background: url(btn-red-right.png) right 2px no-repeat; }
.inline-button:hover span { color: #A9C9DE; }
.fix-box .inline-button { padding: 7px 0 9px;}
.fix-box .inline-button:hover {background-position: 0 -60px;}
.fix-box .inline-button span { background: url(btn-red-show.png) right 0px no-repeat; *background-position: right 1px; padding: 8px 2.2em 12px 1em; line-height: 11px; font-size: 11px;}
.fix-box .inline-button:hover span { background-position: right -58px; *background-position: right -57px;}
.inline-button-disabled { background-image: url(btn-dis.png); }
.inline-button-disabled span { background-image: url(btn-dis-right.png); }
.inline-button-disabled:hover span { color: #fff; }
.fix-box .inline-button-disabled:hover { background-position: 0 0; }
.fix-box .inline-button-disabled span { background-image: url(btn-dis-show.png); }
.fix-box .inline-button-disabled:hover span { background-position: right 0; *background-position: right 1px; color: #fff; }

/* butony */
.inline-input { margin: 0; padding: 8px 0 7px; *padding: 0px !important;  zoom:1; white-space:nowrap; text-decoration: none; vertical-align:middle; background: url(btn-red.png) 0 0 no-repeat; position: relative; cursor: pointer; }
.inline-input input {vertical-align: baseline !important; border: 0; margin: 0; padding: 8px 5px 7px;  *margin: -3px 0 0 !important;  color: #fff; text-transform: uppercase; font-size: 125%; zoom:1; font-weight: bold; background: url(btn-red-right.png) right 3px no-repeat; cursor: pointer !important;}
.inline-input input:hover { color: #A9C9DE; }

/* SMALL ICO */
.ico-msn{background:url(ico-msn.png) 0 50% no-repeat; padding:1px 0 1px 19px; zoom: 1;}
.ico-skype{background:url(ico-skype.png) 0 50% no-repeat; padding:1px 0 1px 19px; zoom: 1;}
.ico-icq{background:url(ico-icq.png) 2px 50% no-repeat; padding:1px 0 1px 19px; zoom: 1;}
.ico-mess{background:url(ico-message.png) 0 50% no-repeat; padding:1px 0 1px 19px; zoom: 1;}

.cell_user_name { font-weight: bold; font-size: 120%; }
.cell_score { font-weight: bold; font-size: 200%; }

@import url(content.css?ed=2);






/* SEPARATORS */
#col-content .separator{margin:9px -4px 17px -2px}
#col-content .biege .separator{margin:0 -4% 8px; background:url(bg/separator-detail.png) !important;}
.blue-box .separator{background-image:url(bg/separator-roll.png); margin:10px -3px 0;}
.sort-mini .separator{background-image:url(bg/separator-roll.png); margin:10px -6px 2px;}


.result {background:#05416A url('bg-q-search-result.png') 0 0 no-repeat; display:block; width:64px; min-height:31px; color:white; text-align:center; font-size:92%; line-height:1; padding:5px 0; margin:10px 0 5px 14px; font-weight:bold; cursor: pointer;}
.result strong{font-size:181%; display:block;}
.result:hover {color: #fff;}

.fix-box .result{width:89px; background-image:url(bg-fix-result.png); min-height:58px; padding: 0; padding-top:24px; margin-left: -2px; /*margin:0 auto;*/}
.fix-box .result strong{font-size:200%;}

table.search td {padding:3px 6px 3px 0; vertical-align:middle; background:none !important;}
table.search .btn td{padding-top:8px;}
table.search input{vertical-align:middle; margin:0;}
table.search{background:none; border:none;}
table.search label{font-weight:bold;}
table.search img{vertical-align:middle;}



/* BOOKING FORM */
.booking-form{background:url(bg/booking-form.png) 0 0 no-repeat; padding:0 12px 0 10px; margin:10px -5px 25px 0;}
.booking-form h2{margin-left:10px; margin-bottom:1em;}
.booking-form p.r{margin-top:15px}
.booking-form .col-l{width:355px; margin-bottom:8px;}
.booking-form .col-r{width:205px; border-left:1px solid #EFEEED; padding:0 0 10px 15px; margin:0 0 10px 9px;}
.booking-form .date{width:290px; float:left;}
.booking-form .night{float:left; width:50px; padding:0 0 0 9px;}
.booking-form .col-r p{margin:0 0 0.5em;}
.booking-form .col-r h5{margin-top:0;}
.booking-form .col-r p.small{color:#666666; line-height:1.2;}
.booking-form p.small{margin-bottom:0px;}
.booking-form .bulb-help{color:#333333;}
.total-price{padding:0 25px 0 15px;}
.total-price p{margin-bottom:0.5em;}
.total-price .col-h-r strong{font-size:135%; position:relative; top:-3px;}
.total-price .l {color:#666666; padding-top:5px;}

.img-detail ul{	margin:5px 0 0;}
.img-detail li{padding:0; background:none; float:left; width:72px; height:73px; margin-left:4px; display:table;}
.img-detail li:first-child{margin-left:0px;}
.img-detail li a{display:block; height:73px; text-align:center; background:url(bg/img-detail.png) 0 0 no-repeat; display:table-cell; vertical-align:middle;}
.img-detail li a:hover, .img-detail li.active a{ background:url(bg/img-detail-hover.png) 0 0 no-repeat;}
.img-detail li img{vertical-align:middle;}


/* FORM */
.form{background:#E7F2F9 url(bg/form.png) 0 100% repeat-x; border:1px solid #D1DDE4; border-width:0px 1px 1px; margin: 0 -23px 15px 0;}
.form .form-spc{padding:17px 19px 17px;}
.form .col-center{background:#D4EBF9 url(form-bg.png) 0 0 repeat-y; width:33.4%;}
.form .col-center .form-spc{background:transparent url(form-bg.png) repeat-y scroll 100% 0pt; padding:17px 12px 17px 13px;}
.form h2{font-size:133%; margin:0em 0 0.5em; background:none;}
.form h2 span{font-size:187%;}
/* .form p{clear:both; overflow:hidden; margin:8px 0;} */
.form li{padding:0; background:0;}
.form p.input-l{margin-top:30px;}
.form .others .col-third{width:30.5%;}
.form .others .col-two-third{width:66%; padding-left:3.5%;}
.form .others p{margin-top:0px;}
.form p.right{margin-bottom:-8px;}
.form .step-book{background:url(bg/step-book.png) center top repeat-y; margin-bottom:1px;}





/* CALENDAR */
#calendar{width:20em; border:1px solid #64686B; background-color:white;}
#calendar .head{background:#E7F2F9; text-align:right; padding:3px 6px; font-size:92%;}
#calendar .head a{background:url('ico-delete.png') 0 50% no-repeat; padding-left:15px;}
#calendar .bar{text-align:center; padding:6px 11px; background: #fff;}
#calendar .bar .l, #calendar .bar .r{margin-top:5px;}
#calendar table{border:0px; empty-cells:show; border-collapse:collapse; margin:0; width:99.8%; margin-left:1px;}
#calendar table thead th{background:#CBE3F1;}
#calendar table td, #calendar table th{padding:6px 3px 4px; text-align:center; border:1px solid #CBE3F1; background-image:none !important;}
#calendar table tbody td.week{background:white !important;}
#calendar table a:hover{font-weight:bold;}

/* free Transfer Box*/
#freeTransferBox {
    margin-bottom: 20px;margin-top: -10px; margin-left: -10px;
}

#freeTransferBox.detail {
    margin-bottom: 20px;margin-top: 10px; width: 315px;
}

#freeTransferInfo {
    border-left: 2px solid #07476d; padding-left: 10px;
}

#freeTransferInfo span.small {
    font-size: 90%;
}






INPUT.image { padding: 0; background-color: White; }
INPUT.image:hover { background-color: #A9C9DE; }
.blue-box H2 A.up, .blue-box H2 A.down { width: 241px; }
#clients-discount { text-align: right; border-left: 1px solid #D7D6D1; border-right: 1px solid #D7D6D1; display: none;}
#no-design { text-align: left; padding: 3px; }
#no-design TABLE { font-size: 92%; }

.calendar-icon { cursor: pointer; }
#calendar { display: none; position: absolute; width: 20em; z-index: 10; }
#calendar .caltable { border: none; }
#calendar .caltable TD { padding: 1px; }
#calendar .caltable .calheader { background-color: White; }
#calendar .caltable .dayNames { background-color: White; }
#calendar .caltable .weekend { background-color: White; }
.caltable td.calheader img.calNoPrevMonth { background: white url(calendar-prev1.gif) 0 -72px no-repeat; vertical-align: -.4em; }
.caltable td.calheader img.calNoNextMonth { background: white url(calendar-next1.gif) 0 -72px no-repeat; vertical-align: -.4em; }
.caltable td.calheader .calNextMonth img { background: white url(calendar-next1.gif) 0 0 no-repeat; vertical-align: -.4em; }
.caltable td.calheader .calPrevMonth img { background: white url(calendar-prev1.gif) 0 0 no-repeat; vertical-align: -.4em; }

.guide-europe IMG { float: right; clear: right; }
.guide-europe P, .guide-europe H2, .guide-europe H3, .guide-europe UL { margin-right: 210px; }

#comments_table { background-color: transparent; }
