/* @override 
    /css/main.css
    http://spot2be.trebel.nl/css/main.css
*/

@font-face {
    font-family: Meseo;
    src: url('../Museo.otf');
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

html {
    
}

html, body {
    background: #d4e3e5 url(/images/bg.png) repeat-x;
    height: 100%;
}

body {
    color: #000;
    font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

h1, h2, h3, h4 {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: normal;
    font-style: normal;
}

p, ul {
    margin-bottom: 1.5em;
}

.margin {
    margin-bottom: 1.5em !important;
}

.nomargin {
    margin-right: 0 !important;
}

.nopadding {
    padding-right: 0 !important;
}

#wrapper {
    height: 500px;
    background: url(/images/wrapper_bg.png) repeat-x center 40px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -50px;
}

img {
    vertical-align: top;
    border-style: none;
}

a:link, a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

a:link:hover, a:visited:hover {
    color: #793939;
}

.footer_push {
    height: 50px;
}

/* •£À OVERLAY */

#shareOverlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    z-index: 1;
    background: url(/images/overflow_bg.png) repeat 0 bottom;
    position: absolute;
}

#shareOverlay .window {
    width: 801px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 118px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 0 0 00px;
    border: 3px solid #d4e3e5;
    background-color: #b6c8ca;
    color: #495556;
    position: relative;
    z-index: 1;
}

#shareOverlay .window .row {
    padding-left: 20px;
    width: 781px;
    overflow: hidden;
    border-bottom: 1px solid #d4e3e5;
    background-image: url(/images/overlay_row_bg.png);
}

#shareOverlay .window .row.noline {
    border-bottom-style: none;
    text-align: center;
    padding-top: 20px;
    background-image: none;
}

#shareOverlay .window .close {
    width: 22px;
    height: 23px;
    display: block;
    position: absolute;
    text-indent: -9999px;
    background-image: url(/images/overflow_close.png);
    z-index: 1;
    top: -13px;
    left: -13px;
}

#shareOverlay .window .column {
    margin-right: 20px;
    float: left;
    width: 227px;
    padding-right: 20px;
    padding-top: 20px;
}

#shareOverlay .window .column.noline {
    border-right-style: none;
    padding-right: 0;
}

#shareOverlay .window .column input {
    width: 214px;
    height: 20px;
    margin: 0;
    border: 1px solid #667475;
    padding: 3px 5px 0;
    font: 1em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #4b5758;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#shareOverlay .window .column textarea {
    width: 214px;
    height: 100px;
    margin: 0;
    border: 1px solid #667475;
    padding: 3px 5px 0;
    font: 1em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #4b5758;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: bottom;
    overflow: auto;
}

#shareOverlay .window .column small {
    font-size: 10px;
}

#shareOverlay .window .wont {
    border-top: 1px solid #d4e3e5;
    margin-left: -20px;
    clear: both;
    width: 760px;
    padding: 10px 20px 0;
    text-align: center;
}

#shareOverlay .window .wont p {
    margin-bottom: 8px;
}

#shareOverlay .window .btn {
    height: 31px;
    width: 20px;
    padding: 0;
    margin: 0 auto;
    border-width: 0;
    border-style: none;
    cursor: pointer;
    display: block;
}

#shareOverlay .window .btn:hover {
    background-position: 0 -31px;
}

#shareOverlay .window .btn:active {
    background-position: 0 -62px;
}

#shareOverlay .window .btn:focus {
    background-position: 0 -62px;
}

#shareOverlay .window .btn span {
    display: none;
}

#shareOverlay .window .btn.share {
    background-image: url(/images/buttons/share.png);
    width: 109px;
}

#shareOverlay .window h2 {
    margin-bottom: 0.5em;
    font: bold 1.2em Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
}

#shareOverlay .window ul {
    list-style-type: none;
}

#shareOverlay .window ul li {
}

#shareOverlay .window ul li a {
    text-decoration: none;
    color: #4f5c5d;
    font-weight: normal;
    font-style: normal;
}

#shareOverlay .window ul li a:hover {
    text-decoration: underline;
}

/* •£À HEADER */

#header {
    width: 740px;
    margin: 0 auto 5px;
    height: 113px;
    position: relative;
}

/* --- */

#header #logo {
    width: 415px;
    height: 33px;
    display: inline;
    float: left;
    background-image: url(/images/logo.png);
    margin-top: 53px;
    margin-left: 16px;
    text-indent: -9999px;
}

#header #navigation {
    position: absolute;
    top: 0;
    background: url(/images/navigation_left.png) no-repeat;
    height: 28px;
    padding-left: 3px;
    right: 0;
}

#header #navigation ul {
    height: 28px;
    padding-right: 10px;
    background: #793939 url(/images/navigation_right.png) no-repeat right 0;
    padding-left: 3px;
    margin-bottom: 0;
}

#header #navigation ul li {
    display: inline;
}

#header #navigation ul li a {
    line-height: 28px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-left: 5px;
}

#header #navigation ul li a:hover {
    color: #fff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#header #navigation ul li a.current {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* •£À CONTENT */

#content {
    width: 760px;
    margin: 0 auto;
    color: #000;
    font-size: 1em;
}

/* --- */

#content .btn {
    height: 31px;
    width: 20px;
    padding: 0;
    margin: 0 auto;
    border-width: 0;
    border-style: none;
    cursor: pointer;
    display: block;
}

#content .btn:hover {
    background-position: 0 -31px;
}

#content .btn:active {
    background-position: 0 -62px;
}

#content .btn:focus {
    background-position: 0 -62px;
}

#content .btn span {
    display: none;
}

#content .btn.claim_spot {
    background-image: url(/images/buttons/claim_spot.png);
    width: 109px;
}

#content .btn.make_spot {
    background-image: url(/images/buttons/make_spot.png);
    width: 109px;
}

#content .btn.name_spot {
    background-image: url(/images/buttons/name_spot.png);
    width: 109px;
}

#content .btn.fame_spot {
    background-image: url(/images/buttons/fame_spot.png);
    width: 109px;
}

#content .btn.send_email {
    background-image: url(/images/buttons/send_email.png);
    width: 109px;
}

#content .btn.redeem {
    background-image: url(/images/buttons/redeem.png);
    width: 109px;
}

#content .btn.request {
    background-image: url(/images/buttons/request.png);
    width: 109px;
}

#content .btn.navigate {
    background-image: url(/images/buttons/navigate.png);
    width: 109px;
}

#content .btn.upload {
    background-image: url(/images/buttons/upload.png);
    width: 109px;
}

#content .btn.spot {
    background-image: url(/images/buttons/spot.png);
    width: 109px;
}

#content .btn.login {
    background-image: url(/images/buttons/login.png);
    width: 109px;
}

#content .btn.goto_paypal {
    background-image: url(/images/buttons/goto_paypal.png);
    width: 109px;
}

/* --- */

#content h2 {
    background: url(/images/row_top.png) no-repeat 0 0;
    padding-left: 10px;
    color: #793939;
    top: 0;
    left: 0;
    font: bold 1.5em/1.8em Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
    margin-bottom: 5px;
}

#content h2 span {
    height: 40px;
    display: inline-block;
    background: url(/images/heading_bg.png) right 0;
    padding: 0 30px 0 21px;
    margin-top: 10px;
}

#content h3 {
    color: #495556;
    margin-bottom: 0.5em;
    font: bold 1.1em Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content p.input {
    margin-bottom: 18px !important;
    height: 31px;
}

#content h3.white {
    color: #fff;
}

#content h4 {
    color: #fff;
    margin-bottom: 0.5em;
    font: bold 1.1em Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content .pagination {
    overflow: hidden;
    list-style-type: none;
}

#content .pagination li {
    float: left;
    margin-right: 2px;
    line-height: 21px;
    color: #fafbfb;
}

#content .pagination li a {
    float: left;
    background-color: #92a0a2;
    text-decoration: none;
    color: #d4d4d4;
    padding: 0 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#content .pagination li a:hover {
    background-color: #40494a;
}

#content .pagination li a.current {
    background-color: #40494a;
    color: #fff;
}

/* --- */

#content .row {
    background-image: url(/images/row_mid.png);
    padding-top: 0;
    margin-bottom: 20px;
}

#content .row .content {
    padding: 5px 10px 2px 30px;
    background: url(/images/row_bot.png) no-repeat 0 bottom;
    width: 720px;
    overflow: hidden;
}

/* --- */

#content .row .row {
    background-image: none;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1.5em;
    color: #495556;
}

#content .row .row .content {
    padding: 0;
    background-image: none;
    width: 660px;
}

/* --- */

#content .row .row.dark {
    background: #92a0a2 url(/images/dark_top.png) no-repeat;
    width: 700px;
    color: #fff;
}

#content .row .row.dark em {
    background-color: #758082;
    padding: 2px 5px 2px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#content .row .row.dark .content {
    background: url(/images/dark_bot.png) no-repeat 0 bottom;
    padding: 20px 20px 2px;
}

#content .row .row.dark .content.nopadding {
    width: 680px;
}

#content .row .row.dark .column {
    width: 320px;
}

#content .row .row.dark label {
    color: #fff;
}

#content .row .row.dark input {
    width: 280px;
    margin-bottom: 1.5em;
    background-image: url(/images/input_bg_wide2.png);
}

/* --- */

#content .row .row.error {
    background: #793939 url(/images/error_top.png) no-repeat;
    width: 700px;
    color: #fff;
}

#content .row .row.error .description {
    font-style: italic;
}

#content .row .row.error .column {
    width: 320px;
}

#content .row .row.error h3 {
    color: #fff;
}

#content .row .row.error .link {
    margin-bottom: 1.5em;
    overflow: hidden;
    zoom: 1;
}

#content .row .row.error .link a {
    float: left;
    padding: 5px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    text-decoration: none;
    background-color: #572929;
}

#content .row .row.error .link a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #572929;
}

#content .row .row.error .link a.copy {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    background-color: #6d3333;
    margin-left: 1px;
}

#content .row .row.error .link a.copy:hover {
    background-color: #462121;
}

#content .row .row.error .link a.share {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    margin-left: 1px;
    background: #6d3333 url(/images/share.png) no-repeat right;
    padding-right: 14px;
}

#content .row .row.error .link a.share:hover {
    background-color: #462121;
}

#content .row .row.error em {
    background-color: #4b2324;
    padding: 2px 5px 2px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#content .row .row.error .content {
    background: url(/images/error_bot.png) no-repeat 0 bottom;
    padding: 20px 20px 2px;
}

#content .row .row.error .content.nopadding {
    width: 680px;
}

/* --- */

#content .row .row.dark.info {
    background-image: url(/images/info_top.png);
    margin-top: -7px;
    font-style: italic;
}

#content .row .row.dark.info p {
    margin-bottom: 7px;
}

#content .row .row.dark.info .content {
    padding: 14px 20px 0;
}

/* --- */

#content .row .row ul.share {
    list-style-type: none;
}

#content .row .row ul.share li {
    position: relative;
}

#content .row .row ul.share li img {
    position: absolute;
    top: 1px;
    width: 16px;
    height: 16px;
    left: 0;
}

#content .row .row ul.share li a {
    text-decoration: none;
    margin-left: 20px;
}

/* --- */

#content .row .row.three .column {
    width: 206px;
}

#content .row .row.three .column .options {
    margin-top: -18px;
    background-color: #4a5556;
    list-style-type: none;
    padding-left: 10px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    overflow: hidden;
}

#content .row .row.three .column .options li {
    display: inline;
    margin-right: 10px;
    float: left;
}

#content .row .row.three .column .options li.share {
    float: right;
    margin-right: 0;
}

#content .row .row.three .column .options li.share a {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #394142;
    display: inline-block;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

#content .row .row.three .column .options li a {
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

#content .row .row.three .column .options li a:hover {
    text-decoration: underline;
    color: #fff;
}

#content .row .row.three .column img {
    margin-bottom: 1.5em;
}

/* --- */

#content .row .row.error {
    
}

#content .row .row.error .share {
    
}

#content .row .row.error .share ul {
    overflow: hidden;
    list-style-type: none;
}

#content .row .row.error .share ul li {
    float: left;
    width: 106px;
}

#content .row .row.error .share ul li a {
    text-decoration: none;
    color: #331818;
}

/* --- */

#content .row .column {
    float: left;
    margin-right: 20px;
    width: 220px;
}

#content .row .row.share .column {
    width: 206px;
}

/* --- */

#content .row form {
    overflow: hidden;
    width: 100%;
}

#content .row form p {
    margin-bottom: 0;
}

#content .row form.nolabel label {
    display: none;
}

#content .row form label {
    display: block;
    color: #495556;
    margin-bottom: 0.5em;
    font: bold 1.1em Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content form input {
    height: 24px;
    padding: 7px 20px 0;
    margin: 0;
    width: 180px;
    border-width: 0;
    border-style: none;
    background-image: url(/images/input_bg.png);
    color: #92a0a2;
    font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#contentform input.navigate {
    height: 20px;
    line-height: 15px;
    padding: 7px 10px 0;
    margin: 0 0 7px 0;
    width: 160px;
    border-width: 0;
    border-style: none;
    background-image: url(/images/input_bg.png);
    color: #92a0a2;
    font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#contentform input:focus {
    background-position: 0 -31px;
    color: #151515;
}

#content form input::value {
    background-position: 0 -31px;
    color: #151515;
}

#content form p.selected input {
    color: #151515;
}

/* --- */

#content form.wide {
    
}

#content form.wide .column {
    width: 340px;
}

#content form.wide input {
    width: 300px;
    background-image: url(/images/input_bg_wide.png);
}

#content form.wide input#frm-url {
    background-image: url(/images/input_bg_wide_logo.png);
    width: 205px;
    padding-left: 115px;
    padding-right: 20px;
}

#content form.wide select {
    width: 320px;
    height: 29px;
    font-size: 20px;
}

#content form.wide textarea {
    width: 300px;
    border-width: 0;
    border-style: none;
    height: 71px;
    font: 12px/21px "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #92a0a2;
    padding: 15px 20px;
    overflow: auto;
    background-image: url(/images/textarea_bg.png);
}

#content form.wide textarea:focus {
    background-position: 0 -101px;
    color: #151515;
}

#content form.wide .checkbox {
    margin-bottom: 0.5em;
}

#content form.wide .checkbox input {
    width: 13px;
    height: 13px;
    border-width: 0;
    border-style: none;
    background-image: none;
    background-color: transparent;
    margin-bottom: 0;
    display: inline;
}

#content form.wide .checkbox label {
    display: inline;
}

#content form.wide .checkbox label em {
    padding: 2px 3px;
    margin-right: 5px;
}

#content form.wide .checkbox label img {
    position: relative;
    top: -6px;
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

/* --- */

#content .row #map {
    width: 698px;
    border: 1px solid #92a0a2;
    height: 300px;
}

#content .row #googlemaps #map {
    width: 458px;
    float: left;
    height: 271px;
}

#content .row #googlemaps #directions {
    width: 448px;
    float: left;
}

#content .row #googlemaps .column {
    float: right;
    width: 220px;
    background: url(/images/column_top.png) no-repeat;
    padding-top: -20px;
    color: #fff;
}

#content .row #googlemaps .column address {
    font-weight: normal;
    font-style: normal;
}

#content .row #googlemaps .column .line {
    border-bottom: 1px solid #b6c8ca;
    margin-left: -20px;
    margin-right: -20px;
    display: block;
    width: 200px;
    padding: 10px 10px 0;
}

#content .row #googlemaps .column .line.noline {
    border-bottom-style: none;
}

#content .row #googlemaps .column .line .logo {
    margin-top: -20px;
    display: block;
}

#content .row #googlemaps .column .line img {
    width: 220px;
    margin: -20px 0 1.5em 0;
}

#content .row #googlemaps .column .line a {
    text-decoration: none;
}

#content .row #googlemaps .column .telephone {
    padding-top: 1.5em;
}

#content .row #googlemaps .column .telephone a {
    color: #556163;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

#content .row #googlemaps .column .telephone a:hover {
    color: #fff;
}

#content .row #googlemaps .column .telephone p {
    margin-bottom: 0;
}

#content .row #googlemaps .column .content {
    width: 180px;
    background: #92a0a2 url(/images/column_bot.png) no-repeat 0 bottom;
    padding: 0px 20px 20px 20px;
    margin-bottom: 20px;
}

#content .row #googlemaps .address {
    color: #fff;
}

#content .row #googlemaps .address h3 {
    color: #fff;
}

#content .row #googlemaps ul {
    overflow: hidden;
    width: 180px;
    list-style-type: none;
}

#content .row #googlemaps ul li {
    float: left;
    width: 90px;
}

#content .row #googlemaps ul li.wide {
    width: 180px;
}

#content .row #googlemaps ul li a {
    text-decoration: none;
}

#content .row #googlemaps ul li img {
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

/* --- */

#content .row .button {
    text-align: center;
    width: 700px;
}

#content .row p.button {
    margin-bottom: 18px;
    width: auto;
    padding-right: 20px;
    clear: both;
}

#content .row .button .btn {
    
}

#content .row .button a {
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    color: #758082;
    text-align: center;
    font-size: 10px;
}

#content .row .button a:hover {
    text-decoration: underline;
}

/* •£À FOOTER */

#footer {
    width: 620px;
    margin: 0 auto;
    height: 34px;
    background: url(/images/footer_bg.png) no-repeat center 0;
    padding-left: 110px;
    padding-right: 30px;
    color: #fff;
    padding-top: 16px;
    overflow: hidden;
}

#footer ul {
    text-align: right;
    float: right;
    width: 410px;
}

#footer ul li {
    display: inline;
    margin-right: 5px;
}

#footer ul li a {
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

#footer p {
    margin-bottom: 0;
    float: left;
}