body {
    margin: 15px 0;
    background: url(../img/bg.png);
    font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    color: #555;
/*    line-height: 17px;*/
    line-height: 16px;
}

h1,h2 {
    margin: 0;
    padding: 0;
/*    color: #000;*/
    color: #217ED5;
}

h1 {
    
    font-family: Georgia, serif;
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 20px;
    
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}

h2, h3 {
    /* font: 14px 'Myriad Pro', Arial, Verdana, sans-serif; */
    font: 14px Georgia, serif;    
    font-size: 14px;
    line-height: 16px;
/*    margin-bottom: 0px;*/
    margin-bottom: 5px;
    color: #000;
}
h2 {
    line-height: 18px;
}
h3 {
    font: 12px Georgia, serif;
}

ul {
    margin: 0 0 20px 0;
    padding-left: 30px;
}
ul li {
    list-style-type: disc;
}

object {
    outline: none;
}

a {
    color: #1191fd;
    text-decoration: none;
}
a:hover {
/*    color: #000 !important;*/
    text-decoration: underline;
}
img {
    border: 0;
}

dl {
    margin: 0;
}

hr {
    line-height: 0px; /*CSS validator says you need units on line-height*/
    font-size :0;
    border: 0;
    border-bottom: 1px solid #F0F0F0;
    margin-right: 5px;
    height: 0;
}
blockquote {
    margin: 5px 0;
    height: auto !important; /* IE min-height workaround */

    background: url(/img/quote.gif) no-repeat 0px 5px;
    min-height: 40px;    
    height: 40px;
    padding: 0px 40px 0 40px;
}

blockquote p {
    margin: 0;
    padding: 0;
    font-style: italic;
}

p {
    margin-bottom: 10px;
}


/* ========== */
/* = Slider = */
/* ========== */
.slidercontainer .slider {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #eee;
    height: 12px;
    position: absolute;
    bottom: 0;
    background-color: #E1E1E1;
    width: 100%;
    left: 0;
    cursor: pointer;
}
.slidercontainer .handle {
    height: 10px;
    width: 50px;
    position: absolute;
    background-color: #68A9DB;        
    border-top: 1px solid #D4E3F4;    
    border-bottom: 1px solid #3B6181;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;    
}
.slidercontainer table {
    position: absolute;
}


/* ========== */
/* = popbox = */
/* ========== */
#popbox_content .image_text {
    display: block !important;
}
.popoffer .links {
    height: 16px;
    width: 670px;
    position: absolute;
    z-index: 100000;
    font-size: 16px;
    background-color: #E7EDF7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;    
    padding: 10px 15px;
}
.popoffer .links .left {
    float: left;
}
.popoffer .links .right {
    float: right;
}
#popbox_prev_large {
    top: 30px !important
}
#popbox_next_large {
    top: 30px !important
}


/* ========== */
/* = Shared = */
/* ========== */

.large_banners li {
    display: none;
}
.large_banners .content {
    position: absolute;
    opacity: 0;
}

.date {
    font: 12px Georgia, serif;    
    font-style: italic;
    color: #555;
    white-space: nowrap;
}
.price {
    font: 12px Georgia, serif;        
    color: #B70202;
    white-space: nowrap;
}
.hidden {
    position: absolute;
    left: -10000px;
    top: -10000px;
}
.error {
    color: #B50202;
    background: url(/img/red_arrow_up.gif) no-repeat 0 2px;
    padding-left: 12px;
}


#minimap {
    overflow: hidden;
}

.secondary .block {
    margin-bottom: 12px;
}
.block {
    margin-bottom: 20px;
}

.bluebox {
    position: relative;
}
.bluebox li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.bluebox .image {
    display: block;
}
.bluebox h2 {
    background: url(/img/box/bluebox_left.gif) no-repeat top left;
    height: 27px;
    overflow: hidden;    
    margin-bottom: 0px;
}
.bluebox h2 a,
.bluebox h2 span {
    background: url(/img/box/bluebox_right.png) no-repeat top right;
    padding: 2px 8px 0 3px;
    line-height: 27px;
    height: 25px;
    margin-left: 5px;
    color: #fff;
    text-shadow: #386990 0px -1px;
    display: block;
    
/*    text-shadow: #fff 0px 1px;*/
}
.bluebox p,
.bluebox .content {
    background: url(/img/box/bluebox_grad.png) repeat-x;
    padding: 8px;
    margin-bottom: 0px;
}

.bluebox.gray h2 {
    background-image: url(/img/box/graybox_left.gif);
}
.bluebox.gray h2 a,
.bluebox.gray h2 span {
    background-image: url(/img/box/graybox_right.png);
/*    color: #1191fd;*/
    color: #000;
    text-shadow: #fff 0px 1px;
}
.bluebox.gray p,
.bluebox.gray .content {
    background-image: url(/img/box/graybox_grad.gif);
}
.bluebox.nograd p, 
.bluebox.nograd .content {
    background: none;    
    padding-left: 0;
    padding-right: 0;
}

/* Add borders when in right col */
.secondary .bluebox .content {
    border: 1px solid #BDD1FF;
    border-top: none;
}
.secondary .bluebox.gray p,
.secondary .bluebox.gray .content {
    border: 1px solid #ddd;
    border-top: none;
}


.media {
    width: 220px;
}
.media .large_thumbs .image {
    display: block;
    margin-bottom: 20px;
}
.media .small_thumbs {
    margin-top: -10px;
}
.media .small_thumbs .image {
    float: left;
    margin-right: 3px;
}
.media .small_thumbs .image.last {
    margin-top: 0px;
}



/* ========================= */
/* = primary and secondary = */
/* ========================= */
.primary {
    float: right;
    width: 670px;
}
.primary .left {
/*    width: 350px;*/
    width: 415px;
    float: left;
}
.primary .right {
    width: 220px;
    float: right;
}
.secondary {
    float: left;
    width: 242px;
    color: #333;
    background-color: #E6EDF8;
    line-height: 14px;
    padding-bottom: 10px;
    -webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;    
}
.secondary h2,
.secondary h2 a {
    text-shadow: #fff 0px 1px;
    color: #1191fd;
    margin-bottom: 4px;
}
.secondary.blue a,
.secondary.blue div,
.secondary.blue span {
    color: #7a869f;
}
.secondary.blue h2 a {
    color: inherit;
}
.secondary.blue .block {
    padding: 10px 10px 0px 10px;
    
/*    border-bottom: 1px solid #D3E1E9;
    border-top: 1px solid #fff;*/
    margin-bottom: 0px;
}
.secondary .block p {
    margin-bottom: 0px;
}
.secondary .bullets {
    margin-bottom: 0px;
}
.secondary .spot .image {
    margin-bottom: 5px;
}
.secondary .spot h2 {
    margin-bottom: 1px;
}


.submenu li {
    float: right;
    list-style-type: none;
    margin-left: 10px;
    padding-top: 3px;
}
.submenu {
}
.submenu .action_buttons {
    float: right;
    margin-left: 5px;
}
.images .large .image {
    position: absolute;
    left: -10000px;
    top: 0;
}
.images .small .image {
    float: left;
    margin-right: 10px;
    margin-bottom: 3px;
}
.images .small .image_text {
    display: none;
}

.images .image_text {
    font-style: italic;
    line-height: 14px;
}
.images .medium .image {
    margin-bottom: 10px;
}

.form td {
    padding: 2px;
}
.form th {
    padding: 2px;
    padding-right: 10px;
    vertical-align: top;
}
.form .text {
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 13px;
    width: 250px;
}
.form textarea {
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 12px;
    width: 250px;
}
.form .discrete {
    font-size: 11px;
}
.form .submit {
    text-align: right;
    padding-top: 1px;
}
.form .submit a {
    background: url(/img/arrow.gif) no-repeat center right;
    padding-right: 13px;    
}


#tooltip {
    position: absolute;
    background-color: #C1D9EC !important;
    border: 5px solid #a6baca;
    padding: 6px;
    max-width: 300px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #000;
    z-index: 1000;
}
#tooltip h3 {
    font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}


.price_tag {
    width: 85px;
    height: 70px;
    background: url(/img/price_tag.png) no-repeat;
    color: #fff;
    padding-top: 20px;
    text-align: center;
}
.price_tag .prefix {
    font-size: 11px;
}
.price_tag .price {
    font-size: 15px;
}
.price_tag .suffix {
    font-size: 11px;
}

/* blue-arrowed links */
.arrow_prepend_12 {
    background: url(/img/arrows/arrow_right_12.png) no-repeat center left;
    padding-left: 17px;
}
.arrow_append_10 {
    background: url(/img/arrows/arrow_right_10.png) no-repeat center right;
    padding-right: 13px;
}






/* icons */
.icon_phone {
    background: url(../img/icons/phone.gif) no-repeat center left;
    padding-left: 17px;
}
.icon_fax {
    background: url(../img/icons/fax.gif) no-repeat center left;
    padding-left: 17px;
}
.icon_email {
    background: url(../img/icons/email.gif) no-repeat center left;
    padding-left: 17px;
}

.icon_pdf {
    background: url(../img/icons/pdf_12x13.gif) no-repeat 0px 1px;
    padding-left: 17px;
    display: block;
}
.icon_add {
    background: url(../img/icons/add.gif) no-repeat 0px 2px;
    padding-left: 17px;    
}
.icon_dmi {
    background: url(/img/icons/dmi.gif) no-repeat 0px 0px;    
    padding-left: 40px;
    display: block;
    height: 14px;
    padding-top: 2px;
}
.icon_yr {
    background: url(/img/icons/yr.gif) no-repeat 0px 0px;    
    padding-left: 40px;
    display: block;
    height: 14px;
    padding-top: 2px;
}


.byline {
    position: relative;
}
.byline img {
    float: left;
    margin-right: 10px;
    width: 82px;
    height: 86px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.byline .content {
    margin-left: 92px;
}

/* ul inline */
ul.inline {
    list-style-type: none;
    font-size: 0;
}
ul.inline li {
    display: inline-block !important; /* for Safari, Opera, and IE 7*/
    display:-moz-inline-box !important; /* for Mozilla */
    -moz-box-orient: vertical;
    zoom: 1; display: inline; /* for IE 6 */
    vertical-align:top;
    font-size: 12px;
}



/* smalltabs */
ul.smalltabs {

}
ul.smalltabs a {

}
/* menu */
ul.smalltabs {
    background: url(../img/smalltabs_bg.png) repeat-x bottom;    
    margin: 0;
    padding: 0;    
    display: block;
    position: relative;
    bottom: 0px;
    text-align: center;
    height: 23px;
}
ul.smalltabs li.selected {
    background: #ccc;
}
ul.smalltabs a {
    display: block;
    height: 23px;
    text-decoration: none;
    color: #558;
    border: 1px solid #0f0;
}


.read_more {
    width: 68px;
    height: 20px;
    display: block;
    background: url(/img/read_more.png) no-repeat;
    margin-top: 7px;
}
.clear {
    clear: both;
}
.hr_large {
    height: 37px;
    background: url(/img/hr_865.png) no-repeat;
}
.hr_medium {
    height: 23px;
    background: url(/img/hr_650.gif) no-repeat;
}
.hr_620 {
    height: 23px;
    background: url(/img/hr_650.gif) no-repeat top center;
    width: 620px;
    overflow: hidden;
}
.hr_670 {
    height: 23px;
    background: url(/img/hr_670.png) no-repeat top center;
    width: 670px;
    overflow: hidden;
    margin-bottom: 10px;
}


ul.air li {
    margin-bottom: 6px;
}
a.booknow {
    display: block;
    width: 51px;
    height: 51px;
    background: url(/img/book_now.png) no-repeat;
    float: right;
    margin-left: 10px;
}
ul.bullets {
    padding-left: 2px;
}
ul.bullets li {
    list-style-type: none;
}
ul.bullets li {
    background: url(/img/bullet.gif) no-repeat 0px 3px;
    padding-left: 11px;
    margin-bottom: 0px;
}
ul.bullets li.more {
    background: url(/img/more.gif) no-repeat 0px 3px;
    padding-left: 11px;
    margin-bottom: 0px;
    margin-top: 3px;
}
ul.bullets li.more a {
/*    font-size: 12px;*/
    font: 13px Georgia;
    font-style: italic;    
}
ul.bullets li a {
    display: block;
}
ul.bullets li.selected a {
    color: #000;
}

ul.bullets ul {
    margin-left: 15px !important;
}
ul.bullets ul li  {
    
    background: none;
    
}



#header {
    width: 956px;
    height: 133px;
    margin: 0 auto;
    background: url(../img/header.png);
    position: relative;
}
/* logo */
#logo {
    position: absolute;
    width: 160px;
    height: 110px;
    left: 25px;
    top: 22px;    
    background: url(../img/logo2.png);
}

/* menu */
#topmenu {
    margin: 0;
    padding: 0;    
    display: block;
    position: absolute;
    bottom: 0px;
    width: 936px;
    padding-left: 20px;
    text-align: center;
    height: 29px;
}
#topmenu a {
    display: block;        
    width: 116px;
    height: 29px;
    padding-top: 9px;
    margin-right: -2px;
    position: relative;
    background: url(../img/tab.png) no-repeat;
    text-decoration: none;
    color: #eee;
}
#topmenu a.selected {
    color: #000;
    padding-top: 7px;
    background-image: url(../img/tab_selected.png);
    z-index: 1;
}


/* topright */
#topright {
    position: absolute;
    width: 500px;
    height: 34px;
    right: 12px;
    top: 12px;    
}
#topright .tools {
    float: right;
    white-space: nowrap;
    height: 34px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    background: url(../img/login_bg.png);
}
#topright .phone {
    height: 34px;
    padding-left: 30px;
    margin-right: 15px;

    float: right;
    background: url(/img/phone.png) no-repeat 0 5px;
    color: #fff;
    font: 15px Georgia;    
    line-height: 30px;        
} 


 
/* Search */
#search {
    position: absolute;
    width: 129px;
    height: 23px;
    right: 20px;
    bottom: 4px;
    background: url(../img/search.png) no-repeat;
}
#search input {
    background: none;
    border: none;
    position: absolute;
    left: 25px;
    top: 4px;
    width: 95px;
    height: 17px;
    color: #fff;
}
#search input:focus {
    outline: none;
}
.live-search-results {
    border: 1px solid #1191fd;
    background: #fff;
}
.live-search-results ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.live-search-results li {
    list-style-type: none;    
    font-size: 11px;
    border-bottom: 1px solid #ddd;
}
.live-search-results img {
    float: left;
    margin-right: 10px;
}
.live-search-results li a,
.live-search-results li span {
    display: block;
    padding: 5px 10px;
}
.live-search-results .text {
    color: #777;
}
.live-search-results li a:hover {
    background-color: #C6E2FB;
}
.live-search-results li.odd {
    background-color: #f6f6f6;
}



/* ========== */
/* = Banner = */
/* ========== */
.banner {
    height: 220px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer;
}
.banner .rotator_main {
    float: left;
}
.banner ul.banner_pager {
    z-index: 2;    
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 16px;
    margin: 0;
    padding: 0;
    padding: 5px;
    background: url(/img/start/banner_bg.png);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    cursor: default;
}
.banner ul.banner_pager li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    color: #fff;
    padding: 0 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
}
.banner ul.banner_pager li a {
    color: #ddd;    
        cursor: default;
}
.banner ul.banner_pager li a:hover {
    text-decoration: none;
}
.banner ul.banner_pager li.selected {
    background-color: #000;
}
.banner ul.banner_pager li.selected a {
/*    text-decoration: underline;*/
    font-weight: bold;
    color: #fff;
}
.banner .overlay {
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 200px;
    color: #fff;
    background: url(/img/start/banner_bg.png);
    padding: 10px;    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
}
.banner .overlay h2 {
    color: #fff;
    font-size: 17px;
}
.banner .overlay p {
    color: #ccc;
}



/* =========== */
/* = Rotator = */
/* =========== */
.rotator {
    height: 220px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer;
}
.rotator .rotator_main {
    float: left;
}
.rotator .rotator_menu {
    z-index: 2;    
    position: absolute;
    right: 0;
    top: 0;
    width: 240px;
/*    height: 220px;*/
    border-left: 1px solid #fff;
    height: 100%;    
}
.rotator .rotator_menu table {
    border-collapse: collapse;    
    height: 100%;
}
.rotator .rotator_menu td {
    background: #529ad3 url(/img/rotator/bg.gif) repeat-x;    
    padding: 7px;
    margin: 0;   
    cursor: pointer; 
    border-bottom: 1px solid #fff;
}
.rotator .rotator_menu td.selected,
.rotator .rotator_menu td.over {
    background: #68AEE6 url(/img/rotator/bg_selected.gif) repeat-x;
}
.rotator .rotator_menu a {    
    color: #fff;
}
.rotator .rotator_menu a:hover {
    text-decoration: none;
}
#arrow {
    background: url(/img/rotator/bg_arrow.png) repeat-x;
/*    background: url(/img/rotator/bg_arrow.png) no-repeat;*/
/*    border: 1px solid #fff;
    border-right: none;*/
    width: 9px;
/*    height: 55px;*/
    height: 22px;
    position: absolute;
    z-index: 3;
    right: 239px;
}



/* body */
/*#body {
    width: 956px;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    margin-bottom: 15px;
    padding-bottom: 17px;
}*/

#body {
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    padding-left: 12px;
    padding-top: 12px;
    padding-right: 12px;
    width: 932px;
    padding-bottom: 17px;
}



.center_body {
    position: relative;
    width: 956px;
    margin: 0 auto;
}
/* ads */
.flower_mid {
    background: url(../img/ads_mid.png);
}
.flower_top {
    height: 5px;
    background: url(../img/ads_top.png) no-repeat;    
    overflow: hidden;
}
.flower_bot {
    height: 5px;
    background: url(../img/ads_bot.png) no-repeat;
    overflow: hidden;    
    margin-bottom: 7px;
}

#ads_mid img {
    border: none;
}
#ads_mid .dual {
    height: 156px;
}
#ads_mid .dual a {
    display: block;
    float: left;
    width: 427px;
    height: 131px;
    margin: 12px 0 10px 12px;
}

#ads_mid .small_spots {
    height: 155px;
}
#ads_mid .small_spots .spot {
    width: 130px;
    height: 138px;
    float: left;
    margin: 12px 5px 0px 12px;
    background-repeat: no-repeat;
    position: relative;
}
#ads_mid .small_spots .spot img {
    margin-bottom: 3px;
}
#ads_mid .small_spots .spot .title {
    position: absolute;
    bottom: 7px;
    left: 10px;
}

/* footer */
#footer {
    position: relative;
    width: 956px;
    height: 109px;
    margin: 0 auto;
    margin-bottom: 7px;    
    background: url(/img/footer_bg.png) no-repeat;
    color: #d2dfe9;
    position: relative;
}
#footer a {
    color: #d2dfe9;
    text-decoration: underline;     
}
#footer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#footer .contact {
    position: absolute;
    left: 0px;
    top: 15px;
    width: 255px;
    text-align: center;
    height: 70px;
}
#footer .links {
    width: 670px;
    text-align: right;
    height: 70px;
    top: 20px;
    left: 253px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
}
#footer .links ul {
    text-align: center;
}
#footer .links li {
    display: inline;
}
#footer li {
    list-style-type: none;
    line-height: 14px;
}
#footer .partners {
    position: absolute;
    top: 16px;
    right: 37px;
}
#footer .postal_address {
    font-size: 9px;
    text-transform: uppercase;
}



/* ======================== */
/* = Area and destination = */
/* ======================== */

/* Map and tree menu*/
#geonav {
    margin-bottom: 0px;
    width: 630px;
/*    height: 220px;*/
    height: 0px;
    background: #fff;
    overflow: hidden;
    position: relative;
    padding-bottom: 28px;
}
#geonav .toolbar {
    height: 28px;
    width: 630px;
    position: absolute;
    bottom: 0;
    left: 0;    
    font-size: 11px;
/*    background: #fff url(/img/hr_650.gif) no-repeat 0 18px;*/
    background: #fff;
}
#geonav .toolbar .breadcrumb {
    float: left;
}
#geonav .toolbar .breadcrumb a {
    color: #999;
}
#geonav .toolbar .toggle {
    float: right;
}
#geonav .toolbar .toggle a {
    background: url(/img/map/expand.gif) no-repeat 0 0px;
    padding-left: 16px;
}   
#geonav .toolbar .toggle a.collapse {
    background-image: url(/img/map/collapse.gif);
}

#geonav .map {
    width: 420px;
    height: 220px;
    float: left;
    overflow: hidden; /* long copyright texts */
}
#locations,
#locations .groove {
    position: absolute;
    left: 0;
    top: 0;
}
#locations {
    height: 200px;
    width: 190px;
    background: #EFF3F8;
    float: right;
    padding: 10px;
    position: relative;    
}
#locations h2 {
    line-height: 12px;
    margin: 0;
    margin-bottom: 10px;
}
#locations ul {
    margin: 0;
    list-style-type: none;
    padding-left: 15px;    
}
#locations ul li { 
}
#locations ul.root {    
    padding-left: 0px;     
}
#locations li.root {
    font-size: 11px;
}
#locations a.maplink {
    position: absolute;
    left: 10px;
    padding-right: 15px;
    background: url(/img/map/mag2.gif) no-repeat 0px 2px;
}

/* Breadcrumb */
.breadcrumb {
    margin-top: -8px;
    margin-bottom: 8px;
    background: url(/img/arrows/arrow_right_small.gif) no-repeat center left;
    font-size: 11px;
    padding-left: 8px;
    
}
.breadcrumb a {
    padding-right: 8px;
    background: url(/img/arrows/arrow_right_small.gif) no-repeat center right;
    margin-right: 5px;
/*    color: #999;*/
}
.breadcrumb a.last {
    background: transparent;
    padding-right: 0;
}


#tooltip {
    position: absolute;
    background: #fff;
    padding: 5px;
    font-size: 11px;
}
#tooltip.map h3 {
    font-size: 11px;
    font-weight: normal;
    margin: 0;
}





/* ================ */
/* = Travel Facts = */
/* ================ */
.fact {
    position: relative;
}
.fact h2 {
    background: url(/img/facts/h2_bg.gif) no-repeat;
    width: 390px;
    height: 16px;
    padding: 3px 0 5px 10px;
    margin-bottom: 8px;
/*    color: #1191fd;*/
/*    color: #000;*/
    color: #1E5885;
    text-transform: uppercase;
    font-size: 12px;
}

.fact .icon {
    position: absolute;
    background-repeat: no-repeat;
    top: -5px;
    right: 10px;    
}
.fact.flights .icon {
    width: 47px;
    height: 32px;
    background-image: url(/img/facts/plane.png);
}
.fact.transfer .icon {
    width: 52px;
    height: 38px;
    background-image: url(/img/facts/bus.png);
}
.fact.currency .icon {
    width: 52px;
    height: 38px;
    background-image: url(/img/facts/wallet.png);
    top: -7px;
}
.fact.food .icon {
    width: 47px;
    height: 41px;
    background-image: url(/img/facts/restaurant.png);
    top: -7px;
}
.fact.language .icon {
    width: 44px;
    height: 40px;
    background-image: url(/img/facts/language.png);
}
.fact.ports .icon {
    width: 44px;
    height: 43px;
    background-image: url(/img/facts/anchor.png);
}
.fact.formalities .icon {
    width: 47px;
    height: 32px;
    background-image: url(/img/facts/book.png);
}
.fact.activities .icon {
    width: 44px;
    height: 45px;
    background-image: url(/img/facts/scuba.png);
}
.fact.formalities .icon {
    width: 47px;
    height: 32px;
    background-image: url(/img/facts/book.png);
}
.fact.tourist_info .icon {
    width: 47px;
    height: 40px;
    background-image: url(/img/facts/road_sign.png);
}
.fact.sailing_route .icon {
    width: 47px;
    height: 40px;
    background-image: url(/img/facts/road_sign.png);
}





/* ============== */
/* = Flag icons = */
/* ============== */
.flag {
    background-position: top left;
    padding-left: 15px;
    background-repeat: no-repeat;
}
.flag.red {
    background-image: url(/img/map/markers/red.gif);
}
.flag.blue {
    background-image: url(/img/map/markers/blue.gif);
}
.flag.green {
    background-image: url(/img/map/markers/green.gif);
}




/* =================== */
/* = Javascript tabs = */
/* =================== */
#tabs {
    position: relative;
}
#tabs ul.tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 23px;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 20px;
}
#tabs .tabs li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
/*    padding: 3px 10px;*/
    margin: 0 2px;
    border-bottom: 1px solid #d0d0d0;
    line-height: 17px;
    width: 100px;
    font-size: 11px;
    background: url(/img/hotel/tab.gif) no-repeat;
}
#tabs .tabs li.selected {
    border-bottom: 1px solid #fff;
    background: url(/img/hotel/tab_active.gif) no-repeat;
}
#tabs .tabs li a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;

    width: 80px;
    padding: 3px 10px;    
    text-align: center;
    
    outline: none;
}
#tabs .tabs li a:hover {
    text-decoration: none;
}
.tab {
    left: -10000px;
    top: -10000px;
    position: absolute;
    margin-bottom: 15px;
    zoom: 1;
}




/* ======================== */
/* = wrapper/content/menu = */
/* ======================== */
/*#wrapper {
    background: url(/img/bg_start.gif) repeat-y;
}*/
/* The menu to the left*/
#menu {
    float: left;
    width: 190px;
    padding: 10px;
    font-size: 11px;
}
#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#menu h2 {
    margin-bottom: 0px;
}
#menu .block {
    margin-bottom: 20px;
}

/* Main content to the right of the menu*/
#content td {
    vertical-align: top;
}
#content {
    float: right;
    width: 630px;
    margin-left: 25px;
}





/* =============== */
/* = Start pages = */
/* =============== */
#content .articles {
    float: left;
    width: 390px;
}
#content .article {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
#content .article h1 {
    margin-bottom: 0;
}
#content .article.image_top img {
    display: block;
    margin-bottom: 10px;
}
#content .article.image_right img,
#content .article.image_right a.header_link {
    float: right;
    margin: 10px 0 5px 20px;
}    
#content .article.last {    
    border-bottom: none;
    margin-bottom: 0;
}
#content .banners {
    float: right;
    width: 204px;
}
#content .banners a {
    display: block;
    margin-bottom: 15px;
}



/* ================== */
/* = Hotel listing  = */
/* ================== */
.hotels {
    
}
.hotels .hotel {
    background: url(/img/hotel/list_bg.jpg) no-repeat top right;
/*    min-height: 200px;*/
    font-size: 12px;
}
.hotels .hotel {
}
.hotels .hotel .info  {
    width: 430px;
    float: left;
}
.hotels .hotel .info ul {
    list-style-type: none;
    margin: 3px 0;
    padding: 0;
}
.hotels .hotel .info li {
    float: left;
}
.hotels .hotel .picture {
    float: right;
    margin: 10px;
    width: 177px;
    font-size: 11px;
}
.hotels .hotel .picture .links {
    margin-top: -10px;
    padding-left: 3px;
}

.hotels .hotel .properties {
    border-collapse: collapse;
    width: 260px;
    margin-bottom: 10px;
}
.hotels .hotel .properties td,
.hotels .hotel .properties th  {
    padding: 0;
    font-size: 10px;
    text-transform: uppercase;
}
.hotels .hotel .properties th {
    text-align: left;
    font-weight: normal;
    padding-right: 10px;
/*    color: #000;*/
} 

/*.hotels .hotel .properties {
    height: 40px;
}
.hotels .hotel .properties .col {
    width: 143px;
    float: left;
}
.hotels .hotel .properties dt {
    font-size: 10px;
}
.hotels .hotel .properties dd {
    margin-top: -17px;
    font-size: 10px;    
}
.hotels .hotel .properties {
    margin-bottom: 10px;
}
.hotels .hotel .properties .first dd {
    margin-left: 68px;
}
.hotels .hotel .properties .second dd {
    margin-left: 82px;
}
.hotels .hotel .properties .third dd {
    margin-left: 96px;
}
*/

.hotels .hotel .distances {
    float: right;
    width: 124px;
    margin-left: 10px;
}
.hotels .hotel .distances dd {
    margin-left: 20px;
}
.hotels .hotel .distances,
.hotels .hotel .properties, {
}
.hotels .hotel .distances dt {
/*    color: #000;*/
    font-size: 11px;
    line-height: 13px;
}
.hotels .hotel .distances dd {
    margin-left: 20px;
    font-size: 11px;    
    line-height: 13px;    
    margin-bottom: 5px;
}

/* hotel icons */
.hotel_icon {
    background-image: url(/img/hotel/symbols_small_23x20_on.gif);
    height: 16px;
    width: 20px;
    float: left;
}
.hotel_icon.seaside {
    background-position: -3px -3px;
}
.hotel_icon.pool {
    background-position: -25px 0;
}
.hotel_icon.childrens_pool {
    background-position: -48px 0;
}
.hotel_icon.restaurant {
    background-position: -72px -3;
}
.hotel_icon.bar {
    background-position: -95px -1px;
}
.hotel_icon.elevator {
    background-position: -115px 0;
}
.hotel_icon.handicap_friendly {
    background-position: -138px 0;
}
.hotel_icon.reception {
    background-position: -161px 0;
}
.hotel_icon.conference_facility {
    background-position: -186px -4px;
}
.hotel_icon.stopover {
    background-position: -207px 0;
}
.hotel_icon.beach {
    background-position: -235px -3px;
}
.hotel_icon.center {
    background-position: -279px 0px;
}
.hotel_icon.market {
    background-position: -256px 0px;
}
.hotel_icon.airport {
    background-position: -302px -4px;
}

.stars {
    position:relative;
    width: 45px;
    height: 9px;
    margin-bottom: 4px;
}
.stars .on,
.stars .off  {
    height: 9px;
    float: left;
}
.stars .on {
    background-image: url(/img/hotel/star_small_on.png);
}
.stars .off {
    background-image: url(/img/hotel/star_small_off.png);    
}



/* popup */
.pages .page {
    left: -10000px;
    position: absolute;
    top: 0;
}

.image_strip {
    width: 220px;
}
.image_strip .block {
    margin-bottom: 15px;
}
.image_strip .image {
    margin-bottom: 15px;
}


.imagetext {
    line-height: 16px;
    padding: 0 3px;
    font: 13px Georgia, serif;    
    font-style: italic;
}
    



/* ==================== */
/* = Header - bluebox = */
/* ==================== */
.headerbox {
    position: relative;
    height: 227px;
    background: url(/img/box/bluebox_grad.png) repeat-x;
    background-position: bottom left;
    padding-bottom: 30px;
    margin-bottom: 5px;
}

.headerbox .slideshow,
.headerbox .map {
    display: block;
    height: 200px;
}
.headerbox h2 {
    background: url(/img/box/bluebox_left.gif) no-repeat top left;
    height: 27px;
    overflow: hidden;    
    margin-bottom: 0px;
}
.headerbox h2 a,
.headerbox h2 span {
    background: url(/img/box/bluebox_right.png) no-repeat top right;
    padding: 2px 8px 0 3px;
    line-height: 27px;
    height: 25px;
    margin-left: 5px;
    color: #fff;
    text-shadow: #386990 0px -1px;
    display: block;
}
.headerbox .map {
    display: none;
}
/* Toolbar */
.headerbox .toolbar {
    position: absolute;
    top: -6px;
    right: 10px;
    height: 30px;
    width: 100px;
}
.headerbox .toolbar .mapbutton {
    position: absolute;
    right: 0;
    top: 0;
    height: 33px;
    width: 24px;
    background: url(/img/maps_marker.png) no-repeat;
}
.headerbox .toolbar .slideshowbutton {
    position: absolute;
    right: 35px;
    top: 0;
    height: 33px;
    width: 24px;
    background: url(/img/slideshow.png) no-repeat;
}
.headerbox .toolbar .slideshowbutton.selected {
    background: url(/img/slideshow_selected.png) no-repeat;
}    
.headerbox .toolbar .mapbutton.selected {
    background: url(/img/maps_marker_selected.png) no-repeat;
}
    
    
/* ============ */
/* = Sortable = */
/* ============ */
.sortable thead th {
    cursor: pointer;
}
.sortable .headerSortUp,
.sortable .headerSortDown {
    background-repeat: no-repeat;
    background-position: 5px 10px;
    padding-left: 15px;        
}
.sortable .headerSortUp {
    background-image: url(/img/arr-b1-up.gif);
}
.sortable .headerSortDown {
    background-image: url(/img/arr-b1-down.gif);
}

/* ========= */
/* = Table = */
/* ========= */
.table thead th {
    font-size: 12px;
    font-family: Georgia, serif;
    color: #000;    
    padding: 2px;
    color: #fff;
    text-shadow: #386990 0px -1px;
}
.table thead tr {
    background-color: #539BD4;
}
.table tbody tr {
    border-bottom: 1px solid #e6e6e6;
}
.table tr.odd {
    background-color: #f9f9f9;
}

.table tr.even {
    background-color: #efefef;
}

.table td.nowrap {
    white-space: nowrap;
}


/* =========== */
/* = Infobox = */
/* =========== */

.infobox {
    padding: 10px;
    background-color: #E6EDF8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    position: relative;
    margin-bottom: 15px;
    width: 200px;
    overflow: hidden;
}
.infobox .reshit {
    width: 118px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    text-shadow: #fff 0 1px;
    background: url(/img/button.png) no-repeat;
    display: block;
    font-size: 14px;
    float: left;
}
.infobox .share {
    float: right;
    height: 35px;
    width: 70px;
}
.infobox .facebook {
    margin-top: 3px;
    background: url(/img/facebook.gif) no-repeat 0 2px;
    padding-left: 17px;
    display: block;
}
.infobox .twitter {
    background: url(/img/twitter.gif) no-repeat 2px 1px;
    padding-left: 15px;
    display: block;
}
.infobox .show_on_map {
    margin-top: 3px;
    background: url(/img/map_mini.png) no-repeat 0px 2px;
    padding-left: 17px;
    display: block;
}
.infobox .hr {
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #D0DEF0;
    background-color: #F5F8FC;
}