/*
 * Holiday Options style sheet for pages added from 2003
 *
 * For compatability with old pages, assumes the stuff to be styled is inside
 * an element with class newpage. If a div#content is inside this it will take
 * care of padding as well, since the main content area goes right up to the
 * left menu.
 */

.newpage, .newpage table, .newpage td, .newpage th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000066;
}

.newpage h1, .newpage h2, .newpage h3, .newpage h4 {
    font-family: "Gill Sans MT", "Gill Sans", "Humanst521 BT", "Humanist521", "Humanist 521",
                 "Verdana", "Arial", "Helvetica", sans-serif;
    font-weight: bold;
    color: #000066;
    margin: 1em 0 0.5em 0;
}

.newpage h1 { font-size: 18px; }
.newpage h2 { font-size: 14px; }
.newpage h3 { font-size: 12px; }
.newpage h4 { font-size: 10px; }

.newpage p {
    line-height: 170%;
    margin: 0.75em 0;
}

.oldpage {
    text-align: center;
}

.oldpage>table, .oldpage>form>table {
    margin-left: auto;
    margin-right: auto;
}

#content {
    padding: 0px 0px 20px 25px;
}

.newpage a:link, .newpage a:visited {
    color: #66ccff;
    font-weight: bold;
    text-decoration: none;
}


/*
 * Page structure
 * (Actually this applies to old pages as well...)
 */
 
#leftmenu .menu-item {
    margin: 10px 0px;
    position: relative;
    overflow: visible;
}

#leftmenu .popup {
    visibility: hidden;
    position: absolute;
    z-index: 3;
    left: 145px;
    top: 0px;
    width: 160px;
}

#leftmenu .popup .popup-content {
    background: #000066;
    border: solid 2px #ffffff;
    padding: 0.25em 0.5em;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
}

#leftmenu .popup .popup-content .item {
    padding: 0.25em 0;
}

#leftmenu .popup a:link, #leftmenu .popup a:visited {
    color: #33ccff;
    font-weight: bold;
    text-decoration: none;
}

.atol-abta-smallprint p {
    margin: 0 0 1em 0;
    color: #000066;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 120%;
}

#breadcrumb {
    background: #ffffff;
    color: #000066;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    padding: 2px 0;
}

#breadcrumb a:link, #breadcrumb a:visited {
    color: #33ccff;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

#breadcrumb .separator {
    color: #999999;
    font-size: 90%;
}

/*
 * Destination, region and resort pages
 */
 
#drrinfo, #drrinfo p, #drrinfo td, #drrinfo th {
    line-height: 170%;
}

#drrinfo p, #drrinfo ul, #drrinfo ol {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

#drrinfo .drr-list-2col td {
    text-align: left;
    vertical-align: top;
}

#imagelist {
    text-align: right;
    font-size: 9px;
}

#imagelist img {
    margin-bottom: 8px;
}

#imagelist .caption {
    margin-left: 30px;
}

#accommodation-list {
    border: solid 1px #cccccc;
}

#accommodation-list td {
    padding: 3px 6px;
}

#accommodation-list th {
    background: #cccccc;
    color: #000066;
    font-weight: normal;
    padding: 3px 6px;
}