a img {
    border: 0;
}

html {
    margin: 0;
}

html, input, textarea, option {
    font-size: 8pt;
    font-family: Verdana;
}


body {
    margin: 0;
}


#Page {
    width: 960px;
    margin: 0 auto;
}


#Header {
    position: relative;
    height: 60px;
    background-image: url('../img/header.png');
    background-repeat: no-repeat;
}

    #Header ul {
        position: absolute;
        left: 400px;
        top: 30px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #Header li {
        display: block;
        float: left;
        margin-left: 5px;
    }

        #Header li a {
            display: block;
            width: 160px;
            height: 30px;
            background-repeat: no-repeat;
            background-image: url('../img/buttons.png');
        }

            #Header li a.find {
                background-position: 0px 0px;
            }

                #Header li a.find:hover {
                    background-position: 0px -60px;
                }

                #Header li a.find.active {
                    background-position: 0px -30px;
                }

            #Header li a.navigate {
                background-position: -160px 0px;
            }

                #Header li a.navigate:hover {
                    background-position: -160px -60px;
                }

                #Header li a.navigate.active {
                    background-position: -160px -30px;
                }

            #Header li a.top10 {
                background-position: -320px 0px;
            }

                #Header li a.top10:hover {
                    background-position: -320px -60px;
                }

                #Header li a.top10.active {
                    background-position: -320px -30px;
                }

br.clear {
    clear: both;
    display: inline;
}

#MainPart {
    min-height: 60px;
    background-image: url('../img/mainbg.png');
    background-repeat: no-repeat;
    padding: 25px 15px 0px 15px;
}

    #MainPart a {
        text-decoration: underline;
        color: #2D4A63;
    }

        #MainPart a:hover {
            text-decoration: none;
            color: #6778AF;
        }

#Footer {
    text-align: center;
    font-size: 7pt;
    padding: 2em;
    margin-top: 2em;
    margin-bottom: 50em;
    background-image: url('../img/footerbg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

#MainPart h1 {
    font-weight: bolder;
    font-size: 14pt;
    margin: 0.5em 0;
}

#MainPart h2 {
    font-size: 11pt;
}

#MainPart h3 {
    font-size: 10pt;
    font-style: italic;
}

#MainPart h4 {
    font-size: 9pt;
}

#MainPart h5 {
    font-size: 8pt;
    font-style: italic;
}

#MainPart h1,
#MainPart h2,
#MainPart h3,
#MainPart h4,
#MainPart h5,
#MainPart h6 {
    font-family: Arial;
    color: #2D4A63;
    margin: 0.8em 0 0.5em 0;
}


#MainPart div.ad.skyscraper {
    width: 160px;
    float: right;
}


#MainPart div.breadcrumbs {
    position: relative;
    margin: 10px 0;
    color: White;
}

    #MainPart div.breadcrumbs a {
        color: White;
        text-decoration: none;
    }

        #MainPart div.breadcrumbs a:hover {
            text-decoration: underline;
        }

    #MainPart div.breadcrumbs .active {
        font-size: 120%;
        font-weight: bold;
    }


    #MainPart div.breadcrumbs div.center {
        padding: 0 10px;
        background-image: url('../img/resheadbg-center.png');
    }

    #MainPart div.breadcrumbs div.pre {
        background-image: url('../img/resheadbg-top.png');
        height: 20px;
    }

    #MainPart div.breadcrumbs div.post {
        background-image: url('../img/resheadbg-bottom.png');
        height: 20px;
    }




fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

#MainFilter {
    float: left;
    position: relative;
    width: 738px;
    margin: 1em 0;
}

    #MainFilter div.center {
        padding: 0 10px;
        background-image: url('../img/filterbg-center.png');
    }

    #MainFilter div.pre {
        background-image: url('../img/filterbg-top.png');
        height: 20px;
    }

    #MainFilter div.post {
        background-image: url('../img/filterbg-bottom.png');
        height: 20px;
    }


    #MainFilter label.main {
        width: 18em;
        display: block;
        margin-top: 1em;
        margin-bottom: 0.4em;
        color: #2D4A63;
        font-weight: bold;
        position: relative;
    }

    #MainFilter .help {
        width: 16px;
        height: 16px;
        position: absolute;
        top: 0px;
        padding-left: 0.2em;
    }


    #MainFilter select,
    #MainFilter input[type='text'] {
        width: 16em;
    }

        #MainFilter input[type='text'].small,
        #MainFilter select.small {
            width: 4em;
        }

    #MainFilter fieldset input[type="text"],
    #MainFilter fieldset input[type="password"],
    #MainFilter fieldset select,
    #MainFilter fieldset textarea {
        border: solid 1px #ccc !important;
        background-color: #ffffff;
    }


        #MainFilter fieldset input[type="text"].focused,
        #MainFilter fieldset input[type="password"].focused,
        #MainFilter fieldset select.focused,
        #MainFilter fieldset textarea.focused {
            border: solid 1px #888 !important;
            background-color: #ffffdd;
        }

    #MainFilter div.filtercolumn {
        float: left;
        width: 236px;
    }

    #MainFilter div.filtercolumn2 {
        float: left;
        width: 330px;
    }

        #MainFilter div.filtercolumn2 label.main {
            width: 330px;
        }

    #MainFilter ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding-left: 1em;
    }

    #MainFilter li {
        margin: 0;
        padding: 0;
    }

    #MainFilter div.button-panel {
        text-align: center;
    }

    #MainFilter div.search-toggle {
        display: block;
        float: right;
        padding-right: 1em;
    }

        #MainFilter div.search-toggle a {
            border: 0 !important;
            display: block;
            float: left;
            background-color: #96455B !important;
            color: White !important;
        }

            #MainFilter div.search-toggle a:hover {
                background-color: #A86175 !important;
            }




    #MainFilter input,
    #MainFilter select {
        font-family: Verdana;
    }

        #MainFilter input[type="submit"] {
            background-color: White;
            border: solid 1px #9DB0C4;
            text-decoration: none;
            padding: 0.4em;
            margin-left: 1em;
            font-size: 8pt;
            font-weight: bold;
            color: #2D4A63;
            cursor: pointer;
        }

            #MainFilter input[type="submit"]:hover {
                color: #6778AF;
            }

#AdvancedSearch {
    clear: both;
    width: 718px;
}


    #AdvancedSearch div#tabsCont div.tabPanels div.panel {
        padding: 10px !important;
    }


#tabsCont .tabsContainer {
    margin: 10px 0;
}

#tabsCont .tabClickers {
    list-style-type: none;
    margin: 0;
}

    #tabsCont .tabClickers li.clicker {
        display: block;
        float: left;
        line-height: 30px;
        margin: 0 2px;
        border-top: solid 5px #E6ECF3;
        padding: 0 10px;
        cursor: pointer;
        background-color: #ccc;
    }

    #tabsCont .tabClickers li.tabOver {
    }

    #tabsCont .tabClickers li.tabSelected {
        line-height: 35px;
        margin-bottom: -1px;
        background-color: White;
        border-top: solid 1px #ccc;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
    }

#tabsCont .tabPanels {
    clear: both;
}

    #tabsCont .tabPanels div.panel {
        background-color: White;
        border: solid 1px #ccc;
    }

        #tabsCont .tabPanels div.panel td {
            padding: 0.3em;
        }

#ResultTabsCont {
    width: 930px;
    clear: both;
}

#ResultTabsClickers {
    margin: 0;
    margin-left: 2em;
}

    #ResultTabsClickers .clicker {
        display: block;
        float: left;
        width: 140px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        vertical-align: baseline;
        font-weight: bold;
        margin: 0 10px;
        padding: 0 10px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-image: url('../img/resulttabs.png');
        background-position: 0px 0px;
    }

    #ResultTabsClickers .tabOver {
        background-position: 0px -60px;
    }

    #ResultTabsClickers .tabSelected {
        background-position: 0px -30px;
        color: White;
    }

#ResultTabsCont .tabPanels {
    width: 930px;
    clear: both;
}


    #ResultTabsCont .tabPanels div.panel {
        background-color: White;
        background-repeat: no-repeat;
    }


        #ResultTabsCont .tabPanels div.panel .pre {
            background-image: url('../img/resultbg-top.png');
            height: 20px;
        }

        #ResultTabsCont .tabPanels div.panel .center {
            background-image: url('../img/resultbg-center.png');
            padding: 0 20px;
        }

        #ResultTabsCont .tabPanels div.panel .post {
            background-image: url('../img/resultbg-bottom.png');
            height: 20px;
            padding: 0;
            margin: 0;
        }


#ResultTableClickers {
    margin: 0;
    margin-left: 1em;
}

    #ResultTableClickers .clicker {
        list-style-type: none;
        display: block;
        float: left;
        line-height: 30px;
        margin: 0 2px;
        border-top: solid 5px #E6ECF3;
        border-bottom: solid 1px #ccc;
        padding: 0 10px;
        cursor: pointer;
        background-color: #ccc;
    }

    #ResultTableClickers .tabOver {
    }

    #ResultTableClickers .tabSelected {
        line-height: 35px;
        margin-bottom: -1px;
        background-color: White;
        border-bottom: solid 1px #fff;
        border-top: solid 1px #ccc;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
    }

#ResultTableTabs {
    border-top: solid 1px #E6ECF3;
    padding: 0;
    margin: 0;
}

    #ResultTableTabs .tabPanels {
        border: solid 1px #ccc;
        width: 100%;
        clear: both;
    }

        #ResultTableTabs .tabPanels div.panel {
            padding: 1em;
            background-color: White;
            background-repeat: no-repeat;
            min-height: 0;
        }

            #ResultTableTabs .tabPanels div.panel td {
                padding: 0.5em 1em;
            }


#AdvancedSearch .radio-list-head {
    width: 40%;
}

#ResultTable {
    width: 100%;
    margin: 0 auto;
}

    #ResultTable td {
        width: 20%;
    }

    #ResultTable thead tr td,
    #ResultTable tfoot tr td {
        border: 0;
    }

    #ResultTable td.infocolumn {
        width: 10%;
        text-align: center;
    }

    #ResultTable tbody tr td {
        border: solid 1px #ddd;
        padding: 0.3em 1em;
        background-color: White;
    }

#Content {
    line-height: 1.6em;
    float: left;
    width: 100%;
    position: relative;
}

    #Content #googlemap {
        clear: both;
        width: 930px;
        height: 500px;
        margin: 2em auto;
    }

    #Content #searchmap {
        clear: both;
        width: 890px;
        height: 40em;
    }


    #Content p {
        margin: 0.4em 0 0.8em 0;
        line-height: 1.6em;
        text-align: justify;
    }



    #Content .pagination {
        display: block;
        margin: 2em 0;
        text-align: center;
    }

        #Content .pagination a,
        #Content .pagination .disabled,
        #Content .pagination .current {
            padding: 0.6em 1.0em;
            font-size: 80%;
            font-weight: bold;
            text-decoration: none;
        }

        #Content .pagination a {
            background-color: White;
            border: solid 1px #9DB0C4;
        }

            #Content .pagination a:hover {
            }


        #Content .pagination .disabled {
            border: solid 1px #ccc;
            color: #ccc;
        }

        #Content .pagination .current {
            font-weight: bold;
        }


#FactsSheet {
    float: right;
    width: 20em;
    border: dashed 1px #cccccc;
    background-color: #f8f8f8;
    padding: 0.8em;
    margin-left: 1em;
    margin-bottom: 1em;
}

    #FactsSheet p.head {
        font-weight: bold;
        padding: 0;
        margin: 0;
    }

    #FactsSheet p.value {
        padding-left: 1em;
        text-align: left;
    }

    #FactsSheet ul.value {
        margin: 0.4em 0 0.8em 0;
        line-height: 1.6em;
        padding-left: 2em;
    }

        #FactsSheet ul.value li {
            margin: 0;
            padding: 0;
        }



#HitListInfo table.hitlists {
    border-collapse: collapse;
    margin: 1em 0;
}

    #HitListInfo table.hitlists td {
        border: solid 1px #ccc;
        margin: 0;
        padding: 1em;
    }

    #HitListInfo table.hitlists tr.odd {
    }

    #HitListInfo table.hitlists tr.even {
    }

    #HitListInfo table.hitlists p.name {
        font-weight: bold;
    }

    #HitListInfo table.hitlists p.description {
        color: #555;
    }

#HitListDetails .description {
    color: #555;
}

#Content table {
    border-collapse: collapse;
}

    #Content table td,
    #Content table th {
        padding: 0.3em;
    }


    #Content table thead th {
        background-color: #ddd;
        border: solid 1px #ddd;
    }

#HitListDetails table.ranking {
    width: 62em;
}

    #HitListDetails table.ranking td {
        border: solid 1px #ddd;
        padding: 0.5em;
    }

        #HitListDetails table.ranking td.rank {
            font-size: 200%;
            text-align: center;
            font-weight: bold;
            width: 15%;
        }


    #HitListDetails table.ranking ul {
        list-style-type: none;
    }

        #HitListDetails table.ranking ul li {
            margin-left: 0;
        }

#HitListDetails p.backlink {
    text-align: center;
}


#TagCloud {
    clear: both;
    text-align: center;
    margin: 2em 0;
}

    #TagCloud .tag {
        margin: 1em;
        text-decoration: none;
    }

        #TagCloud .tag:hover {
            text-decoration: underline;
        }

        #TagCloud .tag.smallest {
            color: #999;
            font-size: 8pt;
        }

        #TagCloud .tag.smaller {
            color: #777;
            font-size: 10pt;
        }

        #TagCloud .tag.normal {
            color: #555;
            font-size: 12pt;
        }

        #TagCloud .tag.larger {
            color: #333;
            font-size: 14pt;
        }

        #TagCloud .tag.largest {
            color: #111;
            font-size: 16pt;
        }

#ResultToolbox {
    color: White;
    font-size: 10pt;
    font-weight: bold;
    margin: 2em 0;
    clear: both;
}

    #ResultToolbox p {
        text-align: center;
    }

    #ResultToolbox .count {
        font-size: 150%;
    }


    #ResultToolbox .pre {
        background-image: url('../img/resheadbg-top.png');
        height: 20px;
    }

    #ResultToolbox .center {
        background-image: url('../img/resheadbg-center.png');
        padding: 0 10px;
    }

    #ResultToolbox .post {
        background-image: url('../img/resheadbg-bottom.png');
        height: 20px;
    }

    #ResultToolbox p {
        margin: 0;
        padding: 0.4em 0;
    }

    #ResultToolbox a.toolbox-link,
    #MainFilter #ToggleLink,
    #MainFilter #ClearLink,
    #MainFilter #SaveRecommendationLink {
        background-color: White;
        border: solid 1px #9DB0C4;
        text-decoration: none;
        padding: 0.3em 0.5em;
        margin-left: 1em;
        font-size: 8pt;
        font-weight: bold;
    }

#MainFilter #SaveRecommendationLink {
    border: solid 1px red;
    color: red;
}

#ResultToolbox a.toolbox-link:hover {
}

#QuickFindTable {
    width: 738px;
    height: 80px;
    background-image: url('../img/quicklist.png');
    background-repeat: no-repeat !important;
}

    #QuickFindTable td.direct {
        width: 236px;
    }

    #QuickFindTable td.tag {
        width: 266px;
    }

    #QuickFindTable td.random {
        width: 236px;
    }



    #QuickFindTable td {
        text-align: center;
        color: White;
        font-size: 13pt;
        font-weight: bold;
        padding: 0;
        line-height: 1.5em;
        margin: 0 !important;
        padding: 0 !important;
    }

        #QuickFindTable td a {
            color: White;
            text-decoration: none;
        }

            #QuickFindTable td a:hover {
                color: #eee;
            }

        #QuickFindTable td select,
        #QuickFindTable td input {
            width: 210px;
        }


td.no-results {
    text-align: center;
    color: #555;
    font-style: italic;
}

#Content table.lightborder tbody td {
    border: solid 1px #ddd;
    padding: 0.5em;
}

#Content table.fullwidthtable {
    width: 100%;
}

#Content table.fivecolumns td {
    width: 20%;
}

#Content table.fourcolumns td {
    width: 25%;
}


#Content table#SubDestinations {
    width: 62em;
}

    #Content table#SubDestinations td {
        width: 25%;
    }

#ContentPage {
}


#ActiveFilters {
    display: block;
    float: right;
    width: 19em;
    font-size: 90%;
}

    #ActiveFilters ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        #ActiveFilters ul li {
        }

#Login fieldset {
    width: 38em;
    margin: 0 auto;
    border: dashed 1px LightGray;
    padding: 2em;
}

    #Login fieldset input[type="text"],
    #Login fieldset input[type="password"],
    #Login fieldset label {
        display: block;
        float: left;
        margin: 0.3em 0.5em;
    }

    #Login fieldset input[type="text"],
    #Login fieldset input[type="password"] {
        width: 12em;
    }

    #Login fieldset label {
        width: 14em;
        text-align: right;
    }


    #Login fieldset input[type="submit"] {
        font-size: 8pt;
        display: block;
        float: left;
        margin-left: 15.5em;
        margin-top: 1em;
    }


    #Login fieldset br {
        clear: both;
    }


div.result-success,
div.result-error {
    font-size: 80%;
    font-weight: bold;
    width: 300px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -150px;
}

    div.result-success .inner,
    div.result-error .inner {
        padding: 5px;
        background-color: #ffff88;
    }


    div.result-success .inner {
        border: solid 2px green;
        color: green;
    }

    div.result-error .inner {
        border: solid 2px red;
        color: red;
    }


#UserInfo {
    position: absolute;
    right: 0px;
    top: 20px;
}

img.killicon {
    position: relative;
    top: 4px;
}

#cookieConsentContainer {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #444;
    color: white;
    padding: 1.5em 2em;
}

#cookieConsentContainer span {
    display: block;
}

#cookieConsentContainer a {
    font-weight: bold;
    color: white;
}

#cookieConsentContainer a.consent {
    text-decoration: none;
    display: block;
    float: right;
    margin-left: 2em;
    background-color: #567FBA;
    padding: 0.5em 1em;
    border-radius: 5px;
}

#cookieConsentContainer a.consent:hover {
    background-color: darken(#567FBA, 5%);
}