body {
    font-family: arial;
    font-size: 10pt;
    background: #45BEFC;
    margin: 0 auto;
    text-align: center;
} .pagecontainer {
    margin: 0 auto;
    width: 750px;
} .page {
    background: url(../img/page_back2.gif) top center repeat-y;
    text-align: left;
    padding-top: 15px;
    padding-left: 30px;
} .err {
    display: block;
    padding: 4px;
    background: #F8DEDE;
    border: 2px #F8A8A9 solid;
    font-size: 11px;
    font-weight: bold;
    color: #DE6061;
} .pagetop {
    background: url(../img/page_top.gif) left top repeat-x;
    text-align: left;
    padding-top: 2px;
    padding-left: 25px;
    padding-right: 25px;
} .header {
    width: 100%;
    background: url('../img/header2.jpg');
    height: 106px;
    text-align: left;
    position: relative;
} .header h1 {
    font-size: 18pt;
    font-weight: bold;
    color: #39454B;
    margin: 0px;
    padding: 0px;
    margin-left: 55px;
    padding-top: 15px;
    line-height: 30px;
} .header h2 {
    font-size: 11pt;
    font-weight: bold;
    color: #39454B;
    margin: 0px;
    margin-left: 58px;
    padding: 0px;
    line-height: 16px;
} .header .b {
    margin-left: 58px;
    color: #006DAB;
    font-size: 10px;
} .page .content {
    font-family: verdana;
    font-size: 10pt;
    color: #000;
    line-height: 150%;
    margin-right: 210px;
    text-align: left;
} .right {
    float: right;
    width: 200px;
    padding: 0px;
} .topbtn a {
    border: 1px solid #FFFFFF;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #C6EBFF;
    list-style-type: none;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Arial;
    font-size: 8pt;
    color: #006CB0;
    font-weight: bold;
    text-decoration: none;
    display: inline;
    height: 25px;
} .topbtn {
    position: absolute;
    top: 83%;
    left: 10px;
} .topbtn a:hover {
    background: #ffffff;
} .content h1 {
    background-position: left bottom;
    padding-bottom: 25px;
    margin-top: 0px;
    margin-bottom: -15px;
    font-family: Arial;
    font-size: 14pt;
    color: #0092E2;
    padding-left: 10px;
    background-image: url('../img/heading_btm.gif');
    background-repeat: no-repeat;
    background-attachment: scroll;
} .content a {
    color: #CB1717;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
} .content a:hover {
    color: #ffffff;
    background: #178BCB;
} .readmore {
    background-position: left center;
    color: #3C3C3C;
    text-decoration: none;
    text-align: right;
    width: 95px;
    font-weight: bold;
    font-family: Arial;
    font-size: 8pt;
    float: right;
    padding-right: 5px;
    background-image: url('../img/page_find.gif');
    background-repeat: no-repeat;
    background-attachment: scroll;
    border: 1px solid #ffffff;
} .content:hover.readmore {
    border: 1px solid #CCEEFF;
    color: #000000;
    background: none;
} #tblPageNums a {
    padding: 2px;
    color: white;
    background: #08A1EE;
    font-size: 8pt;
    font-weight: bold;
}

table td {
    font-size: 10px;
}

table td ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

table td ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 15px;
} .activiteshead {
    font-size: 11px;
    border-bottom: 1px dotted #8E8E8E;
    border-top: 1px dotted #E3E3E3;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
} #tblMain table {
    border: 0px;
    font-size: 8pt;
    table-layout: fixed;
} #tblMain .tr2 {
    background: url('../img/viewtr2.gif') left top repeat-x;
    height: 27px;
    cursor: pointer;
} #tblMain .tr1 {
    background: url('../img/viewtr1.gif') left top repeat-x;
    height: 27px;
    cursor: pointer;
} #tblMain .tr1hover {
    background: url('../img/viewtr1_2.gif') left top repeat-x;
    height: 27px;
    cursor: pointer;
} #tblMain .tr2hover {
    background: url('../img/viewtr2_2.gif') left top repeat-x;
    height: 27px;
    cursor: pointer;
} .rc {
    font-family: verdana;
    font-size: 8pt;
    color: #393939;
}

input {
    border: 1px solid #38B6F5;
    background-color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: Verdana;
    font-size: 8pt;
    color: #0B8CCA;
}

input.button {
    border: 1px solid #ffffff;
    background: #0B8CCA url('../img/btn_back.gif') left top repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    height: 20px;
}

textarea {
    border: 1px solid #38B6F5;
    background-color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: Verdana;
    font-size: 8pt;
    color: #0B8CCA;
}

small.margin {
    margin-left: 33px;
} .cssform p {
    width: 350px;
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 155px; /*width of left column containing the label elements*/
    border-top: 1px dashed #DADADA;
} .cssform label {
    font-weight: bold;
    float: left;
    margin-left: -155px; /*width of left column*/
    width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
} .cssform input[type =
"text"] { /*width of text boxes. IE6 does not understand this attribute*/
    width: 180px;
    height: 22px;
    padding-top: 3px;
} .cssform textarea {
    width: 250px;
    height: 150px;
}

/*.threepxfix class below:
 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
 */ * html .threepxfix {
    margin-left: 3px;
} .hint {
    display: none;
    font-size: 11px;
    position: absolute;
    width: 205px;
    margin-top: -4px;
    margin-left: 5px;
    border: 1px solid #c93;
    padding: 5px 5px;
    background: #ffc url(pointer.gif) no-repeat -100px -100px;
}

/* Pagination list styles */ #theTable {
    font-size: 8pt;
}

ul.fdtablePaginater {
    display: table;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    height: 2em;
    width: auto;
    margin-bottom: 2em;
}

ul.fdtablePaginater li {
    display: table-cell;
    padding-right: 4px;
    color: #666;
    list-style: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

ul.fdtablePaginater li a.currentPage {
    border-color: #a84444 !important;
    color: #000;
}

ul.fdtablePaginater li a:active {
    border-color: #222 !important;
    color: #222;
}

ul.fdtablePaginater li a, ul.fdtablePaginater li div {
    display: block;
    width: 2em;
    font-size: 1em;
    color: #666;
    padding: 0;
    margin: 0;
    text-decoration: none;
    outline: none;
    border: 1px solid #ccc;
    font-family: georgia, serif;
}

ul.fdtablePaginater li div {
    cursor: normal;
    opacity: .5;
    filter: alpha( opacity = 50);
}

ul.fdtablePaginater li a span, ul.fdtablePaginater li div span {
    display: block;
    line-height: 2em;
    border: 1px solid #fff;
    background: #fff url(../media/gradient.gif) repeat-x 0 -20px;
}

ul.fdtablePaginater li a {
    cursor: pointer;
}

ul.fdtablePaginater li a:focus {
    color: #333;
    text-decoration: none;
    border-color: #aaa;
} .fdtablePaginaterWrap {
    text-align: center;
    clear: both;
    text-decoration: none;
}

ul.fdtablePaginater li .next-page span, ul.fdtablePaginater li .previous-page span, ul.fdtablePaginater li .first-page span, ul.fdtablePaginater li .last-page span {
    font-weight: bold !important;
}

/* Keep the table columns an equal size during pagination */
td.sized1 {
    width: 16em;
    text-align: left;
}

td.sized2 {
    width: 10em;
    text-align: left;
}

td.sized3 {
    width: 7em;
    text-align: left;
}

tfoot td {
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
} #visibleTotal {
    text-align: center;
    letter-spacing: auto;
} * html ul.fdtablePaginater li div span, * html ul.fdtablePaginater li div span {
    background: #eee;
}

tr.invisibleRow {
    display: none;
}

/* SIDEBAR BUTTONS */ .right ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 176px;
    float: left;
} .right ul li.head {
    background: url('../img/right_top.gif') left top no-repeat;
    padding: 9px 0 8px 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
} .right ul li.btm {
    background: url('../img/right_btm.gif') left top no-repeat;
    width: 100%;
    height: 25px;
    text-align: center;
} .right ul li {
    margin: 0;
    padding: 5px 0 0 15px;
    display: block;
    background: url('../img/right_back.gif') top left repeat-y;
} .right ul li a {
    font-weight: bold;
    color: #000;
} .rightbox {
    padding-left: 15px;
    padding-top: 1px;
}

/**************************************************************
 
 Lightbox
 v 1.5
 
 **************************************************************/ #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
} #lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
} .lbLoading {
    background: #fff url(../img/loading.gif) no-repeat center;
} #lbImage {
    border: 10px solid #fff;
} .photos {
    padding: 3px;
    border: 1px solid #fff;
}

a:hover .photos {
    border: 1px solid #999;
} .lightboxDesc a {
    color: #999999;
    text-decoration: none;
} .lightboxDesc a:hover {
    color: #000000;
    text-decoration: none;
}

/***************************
 
 styles for hidden next & previous buttons
 
 ***************************/
/*
 #lbPrevLink, #lbNextLink {
 display: block;
 position: absolute;
 top: 0;
 width: 50%;
 height: 32px;
 outline: none;
 }
 
 #lbPrevLink {
 left: 0;
 
 }
 
 #lbPrevLink:hover {
 background: transparent url(prevlabel.gif) no-repeat 0% 15%;
 }
 
 #lbNextLink {
 right: 0;
 }
 
 #lbNextLink:hover {
 background: transparent url(nextlabel.gif) no-repeat 100% 15%;
 }
 
 /***************************
 
 styles for next & previous buttons as part of footer
 
 ***************************/ #lbPrevLink, #lbNextLink {
    display: block;
    width: 63px;
    height: 32px;
    outline: none;
} #lbPrevLink {
    float: left;
    background: transparent url(../img/prevlabel.gif) no-repeat left;
} #lbPrevLink:hover {
    background: transparent url(../img/prevlabel.gif) no-repeat left;
} #lbNextLink {
    float: right;
    background: transparent url(../img/nextlabel.gif) no-repeat right;
} #lbNextLink:hover {
    background: transparent url(../img/nextlabel.gif) no-repeat right;
} #lbControls {
    display: block;
    height: 32px;
}

/**********************************/ #lbBottom {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none;
} #lbCloseLink {
    clear: both;
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(../img/closelabel.gif) no-repeat center;
    margin: 0px 0px 0px 0px;
    /*border: 1px solid #000;*/
} #lbCaption, #lbNumber, #lbDescription {
    margin-right: 71px;
    /*border: 1px solid #000;*/
} #lbCaption {
    font-weight: bold;
} .lightboxDesc {
    display: none;
}

/*************************************************************/ #clear {
    clear: both;
} .boxcomments {
    width: 469px;
    margin: 0 0 15px 0;
    background: #EAF2F7;
} .boxcomments .head {
    background: url('../img/box_comments_top.gif') left top no-repeat;
    color: #878787;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 5px 0 4px;
} .boxcomments .body {
    background: url('../img/box_comments_btm.gif') left bottom no-repeat;
    font-size: 11px;
    padding: 6px;
} .boxcomments .score {
    float: right;
    margin: 6px;
    padding: 2px;
    background: #C0EAFF;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #717171;
} #commentbox, #booking {
    font-size: 11px;
} #footer1 {
    clear: both;
    height: 34px;
    background: url('../img/footer.gif') top left no-repeat;
} #footer2 {
    clear: both;
    background: #006AA9 url('../img/footer2.gif') top left repeat-x;
    height: 300px;
    width: 100%;
    color: #fff;
    padding-top: 10px;
    text-align: center;
} #footbtns {
    width: 650px;
    margin: 0px auto;
} #footbtns a {
    padding: 4px 6px 4px 6px;
    display: block;
    background: #0F73AF;
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 8pt;
    border: 2px #00639D solid;
    margin-right: 6px;
} #footbtns a:hover {
    background: #00639D;
} #boxes {
    clear: both;
    width: 720px;
    margin: 0px auto;
} .box {
    width: 190px;
    text-align: left;
    float: left;
    display: block;
    margin-left: 30px;
    margin-top: 15px;
    background: #0F73AF;
    border: 4px #00639D solid;
    padding: 5px;
} .box a {
    color: #fff;
    text-decoration: none;
    font-size: 8pt;
} .box a:hover {
    color: #fff;
    text-decoration: underline;
} .box h5 {
    background: url('../img/bar.gif') bottom left repeat-x;
    font-size: 9pt;
    padding: 0 0 3px 0;
    margin: 0 0 5px 0;
    font-weight: normal;
} .box ul {
    margin: 0;
    padding: 0;
    list-style: none;
} .box li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px #00639D dashed;
    padding: 0 0 4px 0;
} .website {
    background: url('../img/website.gif') left center no-repeat;
    padding-left: 20px;
} .email {
    background: url('../img/email.gif') left center no-repeat;
    padding-left: 20px;
} .filters {
    font-size: 11px;
} .contactbtn {
    margin: 0 0 6px 4px;
} #topbar {
    position: absolute;
    background: #D7F1FE;
    width: 100%;
    border-bottom: solid 1px black;
    visibility: hidden;
    z-index: 100;
    padding: 3px 0 3px 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
} #topbar a {
    color: #FF0000;
    text-decoration: none;
} .inv {
    visibility: hidden;
    position: absolute;
} .logo {
    float: right;
    margin-right: 40px;
} .icothumb {
    height: 30px;
    margin: 0 auto;
    text-align: center;
} .icothumb a {
    background: url('../img/ico_thumb.gif') left top no-repeat;
    color: white;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    width: 23px;
    height: 25px;
    padding-top: 4px;
    display: block;
    margin-right: 3px;
    float: left;
}
