/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Reset */
address { font-style: normal; }
strong { font-weight: 700; }
input,select { margin: 0; }
.rltv { position: relative; }
.nobr { white-space: nowrap; }
.clickable { cursor: pointer; }
.hidden { display: none!important; }
.reset {
    border: none;
    margin: 0;
    padding: 0;
}
.reset li { list-style: none; }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.tableFixed { table-layout: fixed; }
.valignTop { vertical-align: top !important; }
.valignMiddle { vertical-align: middle !important; }
.valignBottom { vertical-align: bottom !important; }
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.noMargin { margin: 0 !important; }
.floatRight { float: right; }
.floatLeft { float: left; }

hr {
    border: none;
    border-top: 1px solid #dcdcdc;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    margin: 0;
    overflow: hidden;
}
hr.light { border-top-style: dotted; }

/* Tooltip */
.tooltip { z-index:10; cursor: default; }
.tooltip:hover {
    position: relative;
    z-index: 100;
}
.tooltip .tooltip-cnt { display: none; }
.tooltip:hover .tooltip-cnt {
    background: #fff;
    border: 1px solid #005ea8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px #777;
    -moz-box-shadow: 0 1px 2px #777;
    -o-box-shadow: 0 1px 2px #777;
    box-shadow: 0 1px 2px #777;
    color: #666 !important;
    display: block;
    font-size: 10px;
    float: left;
    line-height: 14px;
    padding: 4px 8px;
    position: absolute;
        left: -20px;
        top: 25px;
    text-align: left;
    text-shadow: none;
    text-indent: 0 !important;
    z-index: 10;
}
.tooltip-l:hover .tooltip-cnt {
    left: auto;
    right: -20px;
}
.tooltip-t:hover .tooltip-cnt {
    top: auto;
    bottom: 150%;
}

.tooltip .tooltip-cnt .arrow {
    background: url(/img/main/content/tooltip-arrow-t.png) no-repeat 0 0;
    display: block;
    height: 6px;
    position: absolute;
        left: 24px;
        top: -6px;
    width: 11px;
}
.tooltip-l .tooltip-cnt .arrow {
    left: auto;
    right: 24px;
}
.tooltip-t .tooltip-cnt .arrow {
    background: url(/img/main/content/tooltip-arrow-b.png) no-repeat 0 0;
    bottom: -6px;
    top: auto;
}

.clicktip {
    position: relative;
    z-index: 900;
}
.clicktip .clicktip-cnt {
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #005ea8;
    -webkit-box-shadow: 0 1px 2px #777;
    -moz-box-shadow: 0 1px 2px #777;
    -o-box-shadow: 0 1px 2px #777;
    box-shadow: 0 1px 2px #777;
    color: #666;
    cursor: pointer;
    display: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    padding: 10px 15px 10px 10px;
    position: absolute;
        left: -12px;
        bottom: 110%;
    text-align: left;
    width: 400px;
    z-index: 101;
}
.clicktip-cnt .inner {
    max-height: 200px;
    overflow: auto;
}
.clicktip-l .clicktip-cnt {
    left: auto;
    right: 0;
}
.clicktip-b .clicktip-cnt {
    bottom: auto;
    top: 150%;
}
.clicktip .clicktip-cnt .arrow {
    background: url(/img/main/content/tooltip-arrow-b.png) no-repeat 0 0;
    display: block;
    height: 6px;
    position: absolute;
        left: 10px;
        bottom: -6px;
    width: 11px;
}
.clicktip-l .clicktip-cnt .arrow {
    left: auto;
    right: 10px;
}
.clicktip-b .clicktip-cnt .arrow {
    background: url(/img/main/content/tooltip-arrow-t.png) no-repeat 0 0;
    bottom: auto;
    top: -6px;
}

.clicktip-tr .clicktip-cnt .arrow {
    background: url(/img/main/content/tooltip-arrow-l.png) no-repeat 0 0;
    bottom: auto;
    left: -6px;
    top: 10px;
    height: 11px;
    width: 6px;
}

.clicktip .clicktip-cnt .close {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    position: absolute;
        right: 2px;
        top: 1px;
}
.clicktip .clicktip-cnt h3 {
    color: #005ea8;
    line-height: 108%;
    font-size: 108%;
}
.c24-gradient {
    background: -moz-linear-gradient(top,  #fff 0%, #fff 45%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(45%,#ffffff), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #fff 0%,#fff 45%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #fff 0%,#fff 45%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #fff 0%,#fff 45%,#f1f1f1 100%);
    background: linear-gradient(top,  #fff 0%,#fff 45%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
}


/* General */
.c24-rsn { color: #005ea8!important; }
.rsn { color: #f14600!important; }

/* Main Layout */
#c24-breadcrumb { height: auto; }
.c24-footer { margin-bottom: 14px; }

body.popup { min-width: 0; }

#c24-header { z-index: auto; }
#c24-topnav { z-index: 1000; }

.tracking-ele {
    position: absolute;
        left: 1px;
        top: 1px;
}

#c24-content {
    padding-bottom: 14px;
    position: relative;
    z-index: 1;
}

.search #c24-dialog-container {
    padding: 0;
    margin: 0 auto 14px;
    text-align: left;
    border: none;
}
.search #c24-content { padding: 14px 0 0!important; }

.c24-cnt-ele { overflow: hidden; }
.c24-cnt-ele-alt {
    background: #CCE7A0;
    color: #756E68;
}
.c24-cnt-ele-title {
    color: #666;
}
.c24-cnt-ele-title.special {
    background: #ffa500;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    color: #005ea8;
    margin: 0;
    overflow: hidden;
    padding: 3px 8px;
    position:relative;
    z-index: 2;
}
.c24-cnt-ele-title.special:before{
    background: rgba(255,212,0,0.8);
    -webkit-border-radius: 165px;
    -moz-border-radius: 165px;
    border-radius: 165px;
    content: '';
    height:160px;
    position: absolute;
        top: -135px;
        left: -26%;
    width: 125%;
    z-index: -1;
}
.c24-cnt-ele-title.special:after{
    background: #ffe4b3;
    background: rgba(255,228,179,0.4);
    -webkit-border-radius: 165px;
    -moz-border-radius: 165px;
    border-radius: 165px;
    content: '';
    height:160px;
    position: absolute;
        top: 2px;
        left: 50%;
    width: 91%;
    z-index: -1;
  
}

.c24-contact-hotline { margin-bottom: 14px; }

.c24-contact-hotline .c24-contact-hotline-tel small {
    display: block;
    font-size: 11px;
    font-weight: 400;
}

.c24-contact-hotline .international-tel,
.contact-addon-txt {
    display: block;
    margin: 5px 0 0;
}

.c24-contact-officehours {
    background: url(/img/main/content/contact-officehours.png) no-repeat 0 0;
    min-height: 31px;
    overflow: hidden;
    padding: 2px 0 0 40px;
    margin: 0 0 14px;
}
.c24-contact-email {
    margin-bottom: 0;
    height: auto;
    min-height: 22px;
}

.contact-img {
    background: #f7f7f7 url(/img/main/content/contact-pic.jpg) no-repeat center 0;
    border: 1px solid #dcdcdc;
    display: block;
    height: 87px;
    margin: 4px 8px 7px;
}

.c24-cnt-ele div.c24-cnt-ele-content,
.c24-tab-group-content .c24-cnt-ele-content { padding: 10px; }

.c24-cnt-ele-content-ft {
    color: #999;
    font-size: 10px;
    padding: 5px 10px;
    text-align: right;
}

.c24-cnt-ele.rds-t,
.c24-tab-group-content.rds-t {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.c24-cnt-ele.rds-b,
.c24-tab-group-content.rds-b {
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.c24-cnt-ele.rds-0,
.c24-tab-group-content.rds-0 {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

.main-img-cnt {
    background: #f7f7f7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    display: block;
    overflow: hidden;
    text-align: center;
}

.c24-list-hakerl li {
    background-position: -555px -43px;
    line-height: 16px;
}

/* Buttons */
.btn {
    background: #005ea8;
    background: -webkit-gradient(linear,left top,left bottom,from(#2588d9),to(#003055));
    background: -moz-linear-gradient(top,#2588d9,#003055);
    background: -o-linear-gradient(#2588d9,#003055);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2588d9', endColorstr='#003055');
    border: 0 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    overflow: visible;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35);
    text-decoration: none !important;
    vertical-align: middle;
}
.btn:hover {
    background: #5da3dc;
    background: -webkit-gradient(linear,left top,left bottom,from(#5da3dc),to(#074a7e));
    background: -moz-linear-gradient(top,#5da3dc,#074a7e);
    background: -o-linear-gradient(#5da3dc,#074a7e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5da3dc', endColorstr='#074a7e');
}
.btn-alt {
    background: #ccc;
    background: -webkit-gradient(linear,left top,left bottom,from(#e2e2e2),to(#b4b3b3));
    background: -moz-linear-gradient(top,#e2e2e2,#b4b3b3);
    background: -o-linear-gradient(#e2e2e2,#b4b3b3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#b4b3b3');
    color: #4c4c4c;
    text-shadow: 2px 1px 1px rgba(255,255,255,0.35);
}
.btn-alt:hover {
    background: #e5e5e5;
    background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#c7c7c7));
    background: -moz-linear-gradient(top,#f5f5f5,#c7c7c7);
    background: -o-linear-gradient(#f5f5f5,#c7c7c7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c7c7c7');
}
.btn-del {
    background: #e72f18;
    background: -webkit-gradient(linear,left top,left bottom,from(#e72f18),to(#b52512));
    background: -moz-linear-gradient(top,#e72f18,#b52512);
    background: -o-linear-gradient(#e72f18,#b52512);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e72f18', endColorstr='#b52512');
}
.btn-del:hover {
    background: #cc2a14;
    background: -webkit-gradient(linear,left top,left bottom,from(#cc2a14),to(#991f0f));
    background: -moz-linear-gradient(top,#cc2a14,#991f0f);
    background: -o-linear-gradient(#cc2a14,#991f0f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc2a14', endColorstr='#991f0f');
}
.btn-major {
    background: #ff4f14;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff4f14),to(#bf3b0f));
    background: -moz-linear-gradient(top,#ff4f14,#bf3b0f);
    background: -o-linear-gradient(#ff4f14,#bf3b0f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f14', endColorstr='#bf3b0f');
}
.btn-major:hover {
    background: #ff671a;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff671a),to(#d34d14));
    background: -moz-linear-gradient(top,#ff671a,#d34d14);
    background: -o-linear-gradient(#ff671a,#d34d14);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff671a', endColorstr='#d34d14');
}
.btn-positive {
    background: #009900;
    background: -webkit-gradient(linear,left top,left bottom,from(#00a700),to(#008a00));
    background: -moz-linear-gradient(top,#00a700,#008a00);
    background: -o-linear-gradient(#00a700,#008a00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a700', endColorstr='#008a00');
}
.btn-positive:hover {
    background: #26b426;
    background: -webkit-gradient(linear,left top,left bottom,from(#26b426),to(#269b26));
    background: -moz-linear-gradient(top,#26b426,#269b26);
    background: -o-linear-gradient(#26b426,#269b26);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26b426', endColorstr='#269b26');
}
.btn-xs {
    font-size:10px;
    padding: 0 3px;
}
.btn-s {
    font-size:11px;
    padding: 2px 5px;
}
.btn-m {
    font-size:12px;
    padding: 3px 7px;
}
.btn-xxl {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 16px;
}

a.area-link {
    background: url(/img/main/content/blind.gif) repeat 0 0;
    display: block;
    overflow: hidden;
    position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    text-decoration: none;
    text-indent: -1000em;
    z-index: 50;
}


/* Icons */
.icn {
    background: url(/img/main/content/sprite-main.png?v=8) no-repeat 0 0;
    display: inline-block;
    font-size: 1px;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    vertical-align: bottom;
    width: 16px;
}
.icn-top {
    background-position: -140px -40px;
    height: 14px;
    width: 14px;
}
.icn-toprating {
    background-position: -160px -20px;
    height: 36px;
    width: 34px;
}
.icn-toprating-s {
    background-position: -140px -20px;
    height: 16px;
    width: 16px;
}
.icn-arrow-down-s,
.icn-arrow-up-s {
    background-position: -100px 0;
    height: 10px;
    width: 10px;
}
.icn-arrow-up-s { background-position: -120px 0; }

.icn-arrow-right-s {
    background-position: -136px 0;
    height: 12px;
    width: 12px;
}
.icn-arrow-right-m {
    background-position: -160px 0;
    height: 19px;
    width: 13px;
}
.icn-temp-air { background-position: 0 -20px; }
.icn-temp-water { background-position: -20px -20px; }
.icn-flighttime { background-position: -40px -20px; }

.icn-destination {
    background-position: -100px -60px;
    height: 20px;
    width: 20px;
}
.icn-airport {
    background-position: -120px -60px;
    height: 20px;
    width: 20px;
}
.icn-close {
    background-position: -180px 0;
    height: 8px;
    width: 8px;
}
.icn-sort {
    background-position: -80px 0;
    height: 16px;
    width: 7px;
}
.icn-info {
    background-position: 0 0;
    height: 13px;
    width: 10px;
}
.icn-recommendation {
    background-position: -100px -20px;
    height: 14px;
    width: 16px;
}
.icn-recommendation-top {
    background-position: -60px -20px;
    height: 16px;
    position: relative;
        top: -3px;
    width: 16px;
}
.icn-map {
    background-position: -80px -20px;
    height: 16px;
    width: 9px;
}
.icn-images {
    background-position: -120px -20px;
    height: 14px;
    width: 14px;
}
.icn-video {
    background-position: -20px -60px;
    height: 14px;
    width: 16px;
}
.icn-arrival-air {
    background-position: -20px -40px;
    height: 15px;
    width: 14px;
}
.icn-arrival-car {
    background-position: -60px -40px;
    height: 15px;
    width: 18px;
}
.icn-outbound {
    background-position: -80px -40px;
    height: 12px;
    width: 10px;
}
.icn-inbound {
    background-position: -100px -40px;
    height: 12px;
    width: 10px;
}
.icn-print {
    background-position: -120px -40px;
    height: 15px;
    width: 14px;
}
.icn-error {
    background-position: -20px 0;
    height: 14px;
    width: 14px;
}
.icn-infotipp {
    background-position: -200px -20px;
    height: 12px;
    width: 12px;
}
.icn-check {
    background-position: -140px -80px;
    height: 14px;
    width: 15px;
}
.icn-delete {
    background-position: -200px 0;
    height: 8px;
    width: 8px;
}
.icn-tel {
    background-position: 0 -60px;
    height: 14px;
    width: 11px;
}

.icn-y {
    background-position: -200px -60px;
    height: 14px;
    width: 14px;
}
.icn-n {
    background-position: -200px -40px;
    height: 14px;
    width: 14px;
}


.icn-AX,
.icn-DN,
.icn-MA,
.icn-MC,
.icn-VI {
    height: 14px;
    width: 20px;
}
.icn-AX { background-position: 0 -120px; }
.icn-DN { background-position: -20px -120px; }
.icn-MA,
.icn-MC { background-position: -40px -120px; }
.icn-VI { background-position: -60px -120px; }

.gfx {
    background: no-repeat 0 0;
    display: block;
    line-height: 0;
    overflow: hidden;
    vertical-align: bottom;
}
.gfx-tipp-tr,
.gfx-tipp-tl {
    background-image: url(/img/main/content/band-tipp-tr.png);
    height: 43px;
    width: 56px;
}
.gfx-tipp-tl { background-image: url(/img/main/content/band-tipp-tl.png); }

.gfx-badge {
    background-image: url(/img/main/content/sprite-badges-tr.png?v=3);
    height: 68px;
    width: 78px;
}
.gfx-badge-50-tr         { background-position: 0 0; }
.gfx-badge-dealweek-tr   { background-position: 0 -70px; }
.gfx-badge-winter-tr     { background-position: 0 -140px; }
.gfx-badge-20-tr,
.gfx-badge-percent-tr    { background-position: 0 -210px; }
.gfx-badge-lastminute-tr { background-position: 0 -280px; }


.gfx-voucher-50-tr {
    background: url(/img/main/content/voucher-50-tr.png) no-repeat 0 0;
    height: 94px;
    width: 94px;
}


/* Rating Stars */
.hotel-category, .expert-rating {
    background: url(/img/main/content/sprite-main.png?v=3) no-repeat 0 -100px;
    display: inline-block;
    overflow: hidden;
    height: 14px;
    line-height: 0;
    vertical-align: text-bottom;
    width: 0;
}
.hotel-category-m {
    background-position: 0 -140px;
    height: 17px;
}

.hotel-category-05,
.hotel-category-10 { width: 11px; }
.hotel-category-15,
.hotel-category-20 { width: 22px; }
.hotel-category-25,
.hotel-category-30 { width: 33px; }
.hotel-category-35,
.hotel-category-40 { width: 44px; }
.hotel-category-45,
.hotel-category-50 { width: 55px; }
.hotel-category-55,
.hotel-category-60 { width: 66px; }
.hotel-category-65,
.hotel-category-70 { width: 77px; }

.hotel-category-05 { background-position: -77px -100px; }
.hotel-category-15 { background-position: -66px -100px; }
.hotel-category-25 { background-position: -55px -100px; }
.hotel-category-35 { background-position: -44px -100px; }
.hotel-category-45 { background-position: -33px -100px; }
.hotel-category-55 { background-position: -22px -100px; }
.hotel-category-65 { background-position: -11px -100px; }

.hotel-category-m.hotel-category-05,
.hotel-category-m.hotel-category-10 { width: 17px; }
.hotel-category-m.hotel-category-15,
.hotel-category-m.hotel-category-20 { width: 34px; }
.hotel-category-m.hotel-category-25,
.hotel-category-m.hotel-category-30 { width: 51px; }
.hotel-category-m.hotel-category-35,
.hotel-category-m.hotel-category-40 { width: 68px; }
.hotel-category-m.hotel-category-45,
.hotel-category-m.hotel-category-50 { width: 85px; }
.hotel-category-m.hotel-category-55,
.hotel-category-m.hotel-category-60 { width: 102px; }
.hotel-category-m.hotel-category-65,
.hotel-category-m.hotel-category-70 { width: 119px; }

.hotel-category-m.hotel-category-05 { background-position: -119px -140px; }
.hotel-category-m.hotel-category-15 { background-position: -102px -140px; }
.hotel-category-m.hotel-category-25 { background-position: -85px -140px; }
.hotel-category-m.hotel-category-35 { background-position: -68px -140px; }
.hotel-category-m.hotel-category-45 { background-position: -51px -140px; }
.hotel-category-m.hotel-category-55 { background-position: -34px -140px; }
.hotel-category-m.hotel-category-65 { background-position: -17px -140px; }

.rating-cnt {
    background: #f2f2f2;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    font-size: 10px;
    line-height: 16px;
    padding: 2px 10px;
    position: relative;
}
*+html .rating-cnt { /* ie7 only */
    display: inline;
    zoom: 1;
}
.rating-cnt .icn-toprating {
    position: absolute;
        right: -25px;
        top: -8px;
}

.rating-review {
    background: #d9d9d9 url(/img/main/content/rating-reviews-bg.png) repeat-x 0 0;
    border-radius: 2px;
    display: inline-block;
    overflow: hidden;
    height: 13px;
    line-height: 0;
    margin: 1px 0;
    text-align: left;
    width: 140px;
}
.rating-review span {
    background: #4d4d4d url(/img/main/content/rating-reviews-bg.png) repeat-x 0 0;
    display: inline-block;
    overflow: hidden;
    height: 13px;
    line-height: 0;
    width: 0;
}
.rating-review-s { width: 60px; }
.rating-review-s,
.rating-review-s span { height: 6px; }
.rating-review-xxl { width: 220px; }
.rating-review-xxl,
.rating-review-xxl span { height: 22px; }

.rating-thumb {
    background: #ccc url(/img/main/content/sprite-rating-thumb.png) no-repeat 0 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -o-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    display: inline-block;
    overflow: hidden;
    height: 60px;
    line-height: 0;
    text-align: left;
    width: 60px;
}
.rating-thumb-1 { background-position: 0 -240px; }
.rating-thumb-2 { background-position: 0 -180px; }
.rating-thumb-3 { background-position: 0 -120px; }
.rating-thumb-4 { background-position: 0 -60px; }
.rating-thumb-5 { background-position: 0 0; }

.rating-review-0 span,
.rating-review-1 span { background-color: #cc2929; }
.rating-thumb-1,
.rating-review-2 span { background-color: #e66b2e; }
.rating-thumb-2,
.rating-review-3 span { background-color: #f3cf17; }
.rating-thumb-3,
.rating-review-4 span { background-color: #bbcc00; }
.rating-thumb-4,
.rating-review-5 span { background-color: #61a600; }
.rating-thumb-5,
.rating-review-6 span { background-color: #116600; }


/* Table */
.c24-cnt-tbl {
    font-size: 11px;
    line-height: 16px;
}
.c24-cnt-tbl thead th {
    border-bottom: 1px dotted #dcdcdc;
    font-weight: bold;
    padding: 10px 10px 5px;
    text-align: left;
    vertical-align: top;
}
.c24-cnt-tbl tbody td {
    border-bottom: 1px dotted #dcdcdc;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
.c24-cnt-tbl tbody tr.last td { border-bottom: none; }



/* Paging */
.paging-cnt li {
    display: block;
    float: left;
    margin: 0 4px 0 0;
}
.paging-cnt a,
.paging-cnt b {
    background: #fff;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    color: #005caa;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 22px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    width: 22px;
}
.paging-cnt b,
.paging-cnt a:hover {
    border-color: #005caa;
}
.paging-cnt em {
    color: #999;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 22px;
}

/* Form */
.c24-form-fieldset {
    display: block;
    padding-bottom: 10px;
}
.c24-form-fieldset.c24-form-last-row { padding-bottom: 0; }

.c24-form-fieldset-divider { border-bottom: 1px solid #dcdcdc; }

.form-field-cnt {
    display: block;
    float: left;
    padding: 0 10px 0 0;
}
.form-field-cnt .toggle-icn {
    background: #b4b4b4;
    display: block;
    height: 21px;
    overflow: hidden;
    padding: 2px;
    position: absolute;
        right: 0;
        top: 20px;
    width: 21px;
}
.form-field-cnt .toggle-icn:hover { background: #005ea8; }

.form-field-cnt .toggle-link {
    color: #005ea8;
    cursor: pointer;
    font-weight: 400;
    position: absolute;
        right: 0;
        top: 2px;
}
.form-field-cnt .toggle-link:hover { text-decoration: underline; }

.c24-form-fieldset .c24-form-label {
    display: inline-block;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
}
.c24-form-fieldset .c24-form-label em {
    color: #999;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
}
.c24-form-text,
.c24-form-select {
    background: #fff;
    border: 1px solid #b4b4b4;
    -webkit-box-shadow: 0 1px 1px #e5e5e5 inset;
    -moz-box-shadow: 0 1px 1px #e5e5e5 inset;
    -o-box-shadow: 0 1px 1px #e5e5e5 inset;
    box-shadow: 0 1px 1px #e5e5e5 inset;
    color: #666;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 11px;
    height: 15px;
    line-height: normal;
    padding: 4px;
    width: 100%;
}
.c24-form-text.disabled,
.c24-form-select.disabled {
    background: #f7f7f7;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #e5e5e5 inset;
    color: #999;
}

.c24-form-select {
    height: 25px;
    padding: 3px 4px;
}
.c24-form-text.hasDatepicker {
    background: #fff url(/img/main/form/calendar.png) no-repeat right center;
    cursor: pointer;
}
.c24-form-text-over,
.c24-form-text:focus,
.c24-form-select:focus { border-color: #005ea8; }

.c24-form-error { border-color: red; }
.c24-form-errortext {
    color: red!important;
    font-size: 9px;
    font-weight: 400;
    line-height: 13px;
}
.c24-form-success { border-color: green; }
.c24-form-successtext {
    color: green!important;
    font-size: 9px;
    font-weight: 400;
    line-height: 13px;
}
.c24-form-hint {
    color: #999;
    font-style: normal;
    font-size: 9px;
    font-weight: 400;
}

.c24-form-text.highlight,
.c24-form-select.highlight {
    border-color: #666;
    color: #666;
    font-weight: 700;
}
.c24-form-select.highlight option { font-weight: 400; }
.c24-form-select option.hl { background: #ecf6fc; }

.c24-form-checkbox-label.highlight {
    color: #666;
    font-weight: 700;
}

input::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
input::-moz-placeholder {
    color: #666;
    opacity: 1;
}


/* Alert Boxes */
.c24-alert {
    background: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #c09853;
    margin-bottom: 15px;
    padding: 10px 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.c24-alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color:#468847;
}
.c24-alert-error {
    background-color: #fff;
    border-color: #f00;
    color: #f00;
}
.c24-alert-info {
    background-color :#d9edf7;
    border-color: #c5dce8;
    color:#3a87ad;
}

.c24-formerror-cnt {
    color: #f00;
    margin: 30px 0;
    padding: 10px 0;
}
.c24-formerror-cnt .icn-error { margin-right: 5px; }

.form-hoteltype-list label {
    display: block;
    line-height: 20px;
}
.form-hoteltype-list label .icn {
    margin-right: 5px;
    vertical-align: bottom;
}

.form-hoteltype-list label.highlight,
.form-hoteltype-list label:hover,
.form-hoteltype-list .active label {
    color: #333;
    cursor: pointer;
}


/* modals  */
.c24-ui-layer {
    background: url(/img/main/content/modal-bg.png) repeat 0 0;
    position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    z-index: 1000;
}
.c24-ui-modal {
    box-shadow: 0 1px 10px rgba(0,0,0,0.2);
    position: absolute;
        left: 50%;
        top: 30px;
    margin: 0 0 0 -497px;
    overflow: hidden;
    width: 994px;
    z-index: 1001;
}
.c24-ui-modal-close {
    background: #b4b4b4;
    border-radius: 2px;
    display: inline-block;
    overflow: hidden;
    padding: 5px;
    position: absolute;
        right: 6px;
        top: 6px;
    vertical-align: text-bottom;
}
.c24-ui-modal-close:hover { background: #005ea8; }

.c24-ui-modal-hd {
    padding: 20px 35px 20px 20px;
    margin-bottom: 10px;
}

.c24-ui-modal-hd .btn {
    display: block;
    float: right;
    font-size: 14px;
    margin-right: 0;
    padding: 10px 0;
}

.c24-ui-modal-hd label {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
}

.c24-ui-modal-hd .select-any-destination-box {
    left: 289px;
    position: absolute;
    top: 15px;
}
.c24-ui-modal-hd .select-any-destination-box .c24-form-text {
    font-size: 12px;
    padding: 7px;
    width: 438px;
}
.c24-ui-modal-hd .select-any-destination-box .select-any-destination {
    padding-left: 14px;
}

.airport-modal-cnt .c24-ui-modal-cnt { padding: 0 20px;}

.airport-modal-cnt h2 label {
    cursor: pointer;
    font-size: 12px;
    padding-left: 71px;
}

.c24-ui-modal-cnt .c24-tab-navi { padding-left: 10px; }

.c24-ui-modal-cnt .c24-tab-navi li a {
    padding: 3px 8px 5px;
    width: auto;
}

.c24-ui-modal-cnt .c24-tab-navi li.active a { background: #005ea8 !important; }

.c24-ui-modal-cnt .c24-tab-group-cnt {
    border: none;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    padding: 0 10px 20px;
}
.airport-modal-cnt .c24-tab-group-cnt {
    border-right: none;
    margin: 0 0 10px;
    padding: 10px;
}

.c24-ui-modal .level1-lst {
    display: inline-block;
    padding-top: 10px;
    vertical-align: top;
    width: 240px;
}
*+html .c24-ui-modal .level1-lst { /* ie7 only */
    display: inline;
    zoom: 1;
}
.airport-modal-cnt .level1-lst {
    padding-top: 0;
    width: 233px;
}

.c24-ui-modal .level1-lst li {
    display: block;
    margin-bottom: 2px;
    min-height: 1%;
    padding: 0 20px 0 0;
    position: relative;
}
.c24-ui-modal .level1-lst li.active {
    background: #ecf7fd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin-right: 20px;
}
.c24-ui-modal .level1-lst li label {
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: 3px 0 3px 20px;
    position: relative;
}
.airport-modal-cnt .level1-lst li label { font-weight: 400; }
.airport-modal-cnt .level1-lst li.active label { font-weight: 700; }

.c24-ui-modal .level1-lst li label:hover { color: #005ea8; }
.c24-ui-modal .level1-lst li input { position: absolute; top: 5px; left: 0; } 

.c24-ui-modal .level1-lst li .headline2 {
    color: #005EA8;
    font-size: 14px;
}

.c24-ui-modal .level2-lst {
    overflow: hidden;
    padding-left: 20px;
}
.c24-ui-modal .level2-lst li label { font-weight: 400; }
.c24-ui-modal .level2-lst li .hierarchy {
    border: 1px dotted #ccc;
    border-top: none;
    border-right: none;
    display: block;
    height: 40px;
    position: absolute;
    top: -29px;
    left: -15px;
    width: 9px;
}
.c24-ui-modal .top-list {
    overflow: hidden;
    padding-left: 5px;
}

.c24-ui-modal-ft { padding: 0 0 10px; }
.airport-modal-cnt .c24-ui-modal-ft { padding: 0 20px 10px; text-align: right; }

.c24-ui-modal-ft .level1-lst { padding: 0 0 10px; }
.c24-ui-modal-ft .level1-lst li label { font-weight: 400; }

.c24-ui-modal-ft .btn {
    display: block;
    font-size: 14px;
    margin-right: 10px;
    padding: 10px 0;
}

.airport-modal-cnt .btn {
    display: inline-block;
    padding: 10px 20px;
}

.c24-ui-modal .c24-alert { margin: 0 0 15px 10px; }


/* Steps */
.c24-statusbar-ele.past .c24-statusbar-nr { background-position: 0 0; }

.c24-statusbar-ele.active .c24-statusbar-text { color: #e94912; }
.c24-statusbar-ele.active .c24-statusbar-nr { background: url(/img/main/content/booking/sprite-booking.png) no-repeat 0 0; }


/* Result Detail */
.result-detail-cnt {
    background: #fff;
    -webkit-box-shadow: 0 1px 1px #e5e5e5 inset;
    -moz-box-shadow: 0 1px 1px #e5e5e5 inset;
    -o-box-shadow: 0 1px 1px #e5e5e5 inset;
    box-shadow: 0 1px 1px #e5e5e5 inset;
    border-top: 1px solid #dcdcdc;
    display: none;
}
.result-detail-cnt iframe {
    border: none;
    height: 500px;
    width: 100%;
}
.result-detail-cnt .content-cnt { padding: 10px; }

.flight-details-tbl {
    float: left;
    width: 360px;
}
.flight-details-tbl em.title {
    color: #999;
    font-style: normal;
}
.flight-details-tbl em.title .icn { margin-right: 5px; }

.flight-details-tbl th,
.flight-details-tbl td {
    padding: 2px 10px;
    text-align: left;
    vertical-align: top;
}
.flight-details-tbl th {
    font-weight: 700;
    text-align: right;
}
.result-detail-hd-cnt .close-link {
    display: block;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}
.result-detail-hd-cnt .close-link .icn {
    margin-left: 5px;
    vertical-align: middle;
}

.result-detail-ft-cnt {
    height: 1px;
    overflow: hidden;
}


/* Voucher CSCode */
.voucher-cnt {
    background: #ffffe0;
    font-size: 14px;
    padding: 10px;
    text-align: center;
}
.c24-cscode-cnt {
    background: none repeat scroll 0 0 #CCE7A0;
    color: #756E68;
    font-weight: 700;
    padding: 5px 8px;
}
#c24-dialog-bar-content .c24-cscode-cnt { margin: -7px -7px 7px; }

.c24-points-cnt {
    color: #005da8;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 39px;
    line-height: 14px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}
.c24-points-s {
    font-size: 12px;
    height: 27px;
    line-height: 12px;
    width: 43px;
}
.c24-points-cnt.c24-points-50                 { background: url(/img/main/content/c24-points-m-50.png) no-repeat 0 0; }
.c24-points-cnt.c24-points-s.c24-points-50     { background: url(/img/main/content/c24-points-s-50.png) no-repeat 0 0; }

.clicktip-points a {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
}
.clicktip-points a:hover { text-decoration: none; }
.clicktip-points a i.icn { vertical-align: middle; }

.clicktip-points .clicktip-cnt {
    bottom: 25px;
    left: auto;
    right: 40px;
}
.clicktip-points .clicktip-cnt .arrow {
    left: auto;
    right: 10px;
}


/* Tables */
.table-100 { width: 100%; }

.table th,
.table td {
    padding: 7px;
    text-align: left;
    vertical-align: top;
}
.table thead th,
.table thead td {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.table tbody th,
.table tbody td {
    border-top: 1px solid #dcdcdc;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
}

.table-striped .odd th,
.table-striped .odd td { background: #f7f7f7; }
.table-striped .even th,
.table-striped .even td { background: #fff; }