/*================================= FONTS =============================================*/
@font-face{font-family:'SnicklesRegular'; src:url('fonts/Snickles-webfont.eot'); src:local('?'), url('fonts/Snickles-webfont.woff') format('woff'), url('fonts/Snickles-webfont.ttf') format('truetype'), url('fonts/Snickles-webfont.svg#webfontiLgjYafX') format('svg'); font-weight: normal; font-style: normal; }
/*================================= HTML REFORMAT =====================================*/
html{ overflow-y:scroll; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, table, p, blockquote, fieldset, input, select, dl, dt, dd{ margin:0; padding:0; font-size:1em; }
body{ margin:0 0 33px; padding:0; color:#000; font:75%/140% Helvetica, Arial, sans-serif; text-align:center; background:#ececec; position:relative; }
h1, h2, h3, h4, h5, h6, pre, code{ margin:0 0 0.3em; color:#0c3a6b; font:normal 1.3em Helvetica, Arial, sans-serif; clear:both; }
h1{ font-size:1.6em; font-weight:bold; }
h1#logo{ font: 3em 'SnicklesRegular', Helvetica, Arial, sans-serif; letter-spacing:0; }
h2{ font-size:1.3em; }
table{ border-collapse:collapse; }
ul, ol{ list-style:none; }
p{ margin:0 0 0.5em; }
fieldset{ border:none; }
a{ color:#0f3e73; font-weight:bold; text-decoration:none; outline:0; }
a:hover{ text-decoration:underline; }
a img{ border:0; }
hr{ height:1px; background:#989898; border:0; }
/* --- Float Fix --- */
div:after, ul:after, dl:after, fieldset:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; }
div, ul, dl, fieldset{ zoom:1; }
/*================================= GLOBAL ============================================*/
#container{ margin:0; text-align:left; position:relative; background:url(/images/backgrounds/main.png) repeat-x left 99px #fff; }
#main{ width:990px; margin:1.5em auto 0; }
.incBlock{ margin-bottom:1em; padding:10px; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; }
#content .incBlock{ border:1px solid #0f3e73; }
.preview{ width:200px; height:150px; margin-right:10px; text-align:center; border:5px solid #0f3e73; background:#edf3f9; float:left; overflow:hidden; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
.intro{ margin-bottom:1em; }
.intro p{ margin:0; }
.active, .green{ color:#008000; font-weight:bold; font-style:normal; }
.pending, .red{ color:#f00; font-weight:bold; font-style:normal; }
.note{ font-size:0.9em; }
.floatRight{ float:right!important; }
.noMargin{ margin:0!important; }
/* --- Accounts --- */
table.accounts .pending td{ font-weight:normal; background:lightgreen; }
table.accounts .blocked td{ color:#fff; background:red; }
table.accounts .blocked a{ color:#fff; }
/* --- Loading --- */
.loading{ text-align:center; }
.loading .bar{ margin:5px 10px; padding:1px; height:30px; text-align:left; border:1px solid #000; background:#fff; overflow:hidden; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.loading .progress{ width:0%; height:100%; background:#f06c00; background:url(/images/backgrounds/button.png) repeat-x left bottom #fc8d00; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
/*================================= FORMS =============================================*/
input.text, select, textarea{ width:170px; padding:5px; color:#1f1f21; font:normal 1.1em Helvetica, Arial, sans-serif; border:1px solid; border-color:#7c7c7c; background:#fff; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
input.text{ width:158px; padding:6px 5px; }
input.checkbox{ margin:8px 5px 0 0; }
select.half{ width:81px; }
textarea.text{ height:200px; }
span.text{ padding:7px 0 5px; display:inline-block; }
.slider{ width:200px; height:10px; margin:10px; border:1px solid #989898; background:#fff; position:relative; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; }
.slider .handle{ width:15px; height:15px; margin-left:-5px; border:1px solid #ccc; background:#fdf9e1; position:absolute; top:-0.3em; cursor:e-resize; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; }
input.submit, a.submit{ padding:6px 5px 5px; color:#444; font:bold 1em Helvetica, Arial, sans-serif; border:1px solid #999; background:#d0d1d0; background:-moz-linear-gradient(19% 75% 90deg, #d0d1d0, #f7f7f7); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#d0d1d0)); display:inline-block; cursor:pointer; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
a.submit:hover{ text-decoration:none; }
/* --- Styled Forms --- */
form.styled{ width:400px; margin:0 auto; }
form.styled fieldset{ margin:0 auto 1em; padding:10px; border:5px solid #0f3e73; background:#fff; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; }
form.styled fieldset.submit{ padding:0; border:0; background:transparent; }
form.styled h2{ margin:0; }
form.styled p{ margin:0; }
form.styled label, form.styled input, form.styled select, form.styled textarea, form.styled span.text{ margin-top:10px; float:left; }
form.styled label{ padding:7px 0 5px; width:30%; clear:left; }
form.styled input.checkbox{ margin-top:18px; }
form.styled input.submit{ margin:0; }
form.styled fieldset.submit input.checkbox{ margin-top:11px; margin-left:10px; }
form.styled fieldset.submit label{ padding:0; clear:none; }
form.styled fieldset.terms label{ width:auto; clear:none; }
form.styled span.options{ padding:7px 5px 6px; display:inline-block; }
/* --- Column Forms --- */
#left label, #left input, #left select, #left textarea, #left span.text,
#right label, #right input, #right select, #right textarea, #right span.text{ width:207px; margin:0 0 5px; display:block; }
#left input.submit, #right input.submit{ width:auto; margin:0; display:inline-block; }
/* --- Tooltips --- */
form.styled .tooltip{ width:80px; padding:17px 0 0; position:relative; float:right; }
form.styled .tooltip div{ width:150px; padding:3px 5px 2px; font-size:0.9em; border:1px solid #cc9933; background:#ffffcc; position:absolute; top:13px; left:40px; }
/*================================= TABLED RESULTS ====================================*/
table.results{ width:100%; margin:0 auto 1em; border:1px solid #333; border-collapse:collapse; background:#fff; }
table.results th,table.results td{ padding:5px; color:#424242; text-align:left; }
table.results th, table.results tfoot td{ color:#fff; font-weight:bold; border-bottom:1px solid #333; background:#333; }
table.results th.chkCol,table.results td.chkCol{ width:16px; }
table.results .currency, table.results .options{ text-align:right; }
table.results .id{ text-align:center; }
table.results tfoot td{ border-bottom:1px solid #fff; }
table.results tfoot tr.lastItem td{ border-bottom:0; }
table.results td a{ color:#424242; }
.zebra1 td{ background:#fff; }
.zebra2 td{ background:#e1e1e1; }
/* --- Tooltips --- */
table.results .tooltip{ width:80px; padding:7px 0 0; position:relative; float:right; }
table.results .tooltip div{ width:150px; margin-top:10px; padding:3px 5px 2px; font-size:0.9em; text-align:left; border:1px solid #cc9933; background:#ffffcc; position:absolute; left:40px; z-index:9999; }
table.results .tooltip p{ margin:0; }
/* --- Key --- */
table.key{ width:auto; margin:0 0 10px; font-size:0.8em; }
table.key td span{ width:10px; height:5px; border:1px solid #333; display:inline-block; }
table.key .lightgreen span{ background:lightgreen; }
table.key .red span{ background:red; }
/*================================= MESSAGES ==========================================*/
.msg{ width:390px; margin:0 auto 1em; padding:5px 0; border:1px solid; clear:both; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; }
.msg h2, .msg p{ margin:0; padding:5px 10px; }
.msg h2{ color:#000; font-weight:bold; }
.msg h2 img{ margin-right:5px; float:left; }
#success.msg{ color:#008000; border-color:#008000; background:#dff2bf; }
#success.msg a{ color:#008000; }
#error.msg{ color:#ff0000; border-color:#ff0000; background:#ffd6d6; }
#error.msg a{ color:#ff0000; }
#info.msg{ border-color:#000; background:#ffffd6; }
#info.msg a{ color:#000; }
/*================================= USER TOOLBAR ======================================*/
#userToolbar{ width:100%; position:fixed; bottom:0; left:0; }
#userToolbar .inner{ margin:0 10px; }
#userToolbar ul{ border:solid #989898; border-width:1px 1px 0; float:right; }
#userToolbar li{ float:left; }
#userToolbar li a{ padding:5px 10px; color:#000; background:url(/images/backgrounds/user_toolbar.png) repeat-x top left #f0f0f0; display:block; }
#userToolbar li a:hover{ text-decoration:none; background:url(/images/backgrounds/user_toolbar_hover.png) repeat-x bottom left #f0f0f0; }
#userToolbar .content{ text-align:left; border:solid #989898; border-width:1px 1px 0; background:url(/images/backgrounds/user_toolbar.png) repeat-x top left #f0f0f0; position:relative; display:none; }
#userToolbar .content .close{ position:absolute; top:10px; right:10px; }
#userToolbar .content h2{ margin: 10px 10px 5px; }
#userToolbar .content ul{ margin:0 10px 5px; border:0; float:none; }
#userToolbar .content li{ width:33%; }
#userToolbar .content li a{ padding:5px; background:transparent; }
#userToolbar .content .thumb{ width:50px; height:50px; margin-right:5px; border:1px solid #000; float:left; }
#userToolbar .content .title{ padding:17px 0; display:inline-block; }
#userToolbar .content .save{ width:98%; padding:5px 1%; color:#f00; border-top:1px solid #f00; background:#ffd6d6; display:block; }
/*================================= LIGHTBOX ==========================================*/
.lightbox{ text-align:left; background:url(/images/backgrounds/black_trans.png); display:none; position:fixed; top:0; left:0; z-index:99999; }
.lightbox .inner{ padding:0 5px 5px; border:1px solid #000; background:#b7cfe8; position:absolute; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 1px 1px 10px #000; -webkit-box-shadow: 1px 1px 10px #000; }
.lightbox h2{ height:15px; margin:0; padding:6px 5px 5px; color:#15428b; font-size:12px; font-family:Arial; font-weight:bold; text-align:left; float:left; }
.lightbox .tooltip{ margin-right:5px; float:left; position:relative; }
.lightbox .tooltip img{ margin-top:-1px; }
.lightbox .tooltip div{ width:150px; margin-top:10px; padding:5px; color:#000; font-size:0.9em; font-weight:normal; border:1px solid #cc9933; background:#ffffcc; position:absolute; }
.lightbox .tooltip p{ margin:0; }
.lightbox .close{ margin:0; padding:6px 5px 5px; float:right; }
.lightbox .inner iframe, .lightbox .inner .content{ border:1px solid #84a0c4; background:#eee; clear:both; }
.lightbox .inner .loading{ background:#2a2a2a; }
.lightbox .inner .loading p{ margin:10px; color:#fff; }
/*================================= HEADER ============================================*/
#header{ overflow:hidden; border-bottom:7px solid #0f3e72; background:#d6dde7; position:relative; }
#header .inner{ width:990px; margin:0 auto; }
#header #logo{ margin:1em 24px; display:block; position:absolute; }
#headermenu{ float:right; }
#headermenu li{ float:left; }
#headermenu a{ margin-bottom:-2px; padding:2.2em 1em; font-size:1.5em; font-weight:normal; display:block; }
#headermenu a:hover{ text-decoration:none; background:url(/images/arrow_up.png) no-repeat center bottom; }
/* --- Strap --- */
#strap{ background:#b7cfe8; }
#strap .inner{ width:990px; margin:0 auto; }
#strap .text{ width:270px; }
#strap .text, #strap .submit{ margin-bottom:5px; border-top:0; -moz-border-radius:0 0 0.5em 0.5em; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; }
#strap h3{ margin:0; padding:0.7em 0; font-size:1em; float:right; }
#strAutoComplete{ border:1px solid #989898; background:#fff; position:absolute; z-index:9999; }
#strAutoComplete p{ margin:0; }
#strAutoComplete .loading, #strAutoComplete a{ padding:0.5em; display:block; }
#strAutoComplete img{ margin-right:5px; float:left; }
/* --- Breadcrumbs --- */
#breadcrumbs{ margin-bottom:1em; padding:0.5em; border:1px solid #989898; background:url(/images/backgrounds/user_toolbar_hover.png) repeat-x left bottom #F0F0F0; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
#breadcrumbs p{ margin:0; }
#breadcrumbs a{ color:#000; }
/*================================= COLUMNS ===========================================*/
#content, #left, #right{ padding:0; position:relative; float:left; /*background:red;*/ }
#left, #right{ width:240px; /*background:yellow;*/ }
/* --- ONE COLUMN --- */
body.oneCol #content{ width:990px; margin-left:0; }
/* --- TWO COLUMNS - LEFT --- */
body.twoCol_Left #left{ margin-left:-990px; padding-right:10px; }
body.twoCol_Left #content{ width:740px; margin-left:250px; padding-left:0; }
/* --- TWO COLUMNS - RIGHT --- */
body.twoCol_Right #content{ width:740px; margin-right:10px; }
/* --- THREE COLUMNS --- */
body.threeCol #left{ margin-left:-768px; }
body.threeCol #content{ width:548px; padding:10px 0; margin:0 0 0 220px; }
/*================================= MAP SEARCH ========================================*/
#map{ position:relative; }
#map .loading{ background:url(/images/backgrounds/black_trans.png); position:absolute; top:0; left:0; z-index:9999; }
#map .loading .inner{ background:#2a2a2a; text-align:center; position:absolute; top:0; left:0; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
#map .loading .inner img{ margin:9px; display:block; }
/*================================= PAGE NUMBERS ======================================*/
.stats{ padding:0.5em; border:1px solid #989898; background:url(/images/backgrounds/user_toolbar_hover.png) repeat-x left bottom #F0F0F0; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; }
#statsBot.stats{ margin:10px 0; }
.stats .previous, .stats .next{ color:#000; float:left; }
.stats .next{ float:right; }
.stats .previous:hover, .stats .next:hover{ text-decoration:none; }
/*================================= RESULTS ===========================================*/
#rentalResults #main h1{ margin-bottom:0.5em; }
#rentalResults .adsense{ margin-top:10px; text-align:center; }
#rentalResults #adSense2{ padding-bottom:10px; border-bottom:1px solid #214a79; }
/* --- Map Search Banner --- */
#content #mapSearch.rentalList{ text-align:center; }
#content #mapSearch.rentalList a{ display:inline-block; position:relative; }
#content #mapSearch.rentalList span{ font-size:1.3em; position:absolute; top:18px; left:50px; }
/* --- Rental List --- */
#content .rentalList{ margin:0; padding:10px; border-bottom:1px solid #214a79; }
#content .firstItem{ margin-top:10px; border-top:1px solid #214a79; }
#content .rentalList .details{ width:500px; float:left; }
#content.wishList .rentalList .details{ width:750px; }
#content .rentalList h2{ margin-bottom:2.6em; }
#content .rentalList h2 a{ display:block; font-weight:normal; }
#content .rentalList h2 a:hover{ text-decoration:none; }
#content .rentalList .ref{ float:right; }
.advertiser{ margin-top:-13px; padding:5px 20px; text-align:center; border:1px solid #072c61; float:right; }
#content .rentalList .price{ color:#f06c00; font-size:2em; font-weight:bold; }
#content .rentalList .sleeps{ font-size:1.3em; font-weight:bold; }
#content .rentalList .options{ margin-top:2.6em; }
#content .rentalList .options a, #content .rentalList .options span{ margin-right:10px; display:block; float:left; }
#content .rentalList .options img{ margin-right:5px; float:left; }
#content .rentalList a.more{ margin:-8px 0 0; padding:5px 20px; color:#fff; font-size:1.3em; font-weight:normal; border:1px solid #f06c00; background:url(/images/backgrounds/button.png) repeat-x bottom left; float:right; }
#content .rentalList a.more:hover{ text-decoration:none; }
#content .rentalList .highlight{ font-weight:bold; background:#6cfc7e; }
/*================================= INFORMATION =======================================*/
#content.rentalInformation table{ margin-bottom:10px; }
#content.rentalInformation td{ vertical-align:top; }
#content.rentalInformation h3{ margin:0.5em 0 0.7em; color:#f06c00; font-size:2em; font-weight:bold; }
#content.rentalInformation .incBlock{ border:1px solid #989898; }
#content.rentalInformation .info h2{ margin:0 1em; padding:5px 10px; color:#000; border:solid #989898; border-width:1px 1px 0; background:url(/images/backgrounds/user_toolbar_hover.png) repeat-x left bottom #f0f0f0; display:inline-block; border-radius:0.5em 0.5em 0 0; -moz-border-radius:0.5em 0.5em 0 0; -webkit-border-radius:0.5em 0.5em 0 0; }
#content.rentalInformation .info .msg{ margin:0 auto; }
#content.rentalInformation #map{ height:500px; }
/*================================= CMS PAGES =========================================*/
/* --- Contact Us, Advertisers --- */
#contact-us #main, #advertisers #main{ margin-bottom:1em; padding:10px; color:#000; border:1px solid #989898; background:url(/images/backgrounds/user_toolbar_hover.png) repeat-x left bottom #f0f0f0; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; }
#contact-us #content, #contact-us #right{ width:495px; margin:0; }
#contact-us h2, #contact-us hr{ margin-bottom:1em; }
#contact-us hr{ background:#ccc; }
#contact-us form.styled{ margin:0; }
#contact-us form.styled fieldset{ margin:0; padding:0 0 10px; border:0; background:transparent; }
#contact-us input.text{ width:268px; }
#contact-us textarea{ width:268px; height:100px; }
#contact-us input.submit{ float:right; }
#advertisers #main #content{ width:697px; }
#advertisers #main #right{ width:283px; }
#advertisers #main h1{ margin-bottom:0.8em; color:#ff8b02; }
#advertisers #main h2{ color:#000; font-size:1em; font-weight:bold; }
#advertisers #main li img{ margin-right:5px; float:left; }
#advertisers #main ul{ margin-bottom:1em; }
#advertisers #main .sites{ margin-top:1em; }
#advertisers #main .sites h2{ margin-bottom:1em; color:#ff8b02; font-size:1.6em; }
#advertisers #main .sites ul{ margin:0; }
#advertisers #main .sites li{ float:left; }
#advertisers #main .sites li img{ border:1px solid #000; float:none; }
#advertisers #main .roi{ width:283px; height:354px; margin-bottom:0.5em; background:url(/images/advertisers.png) no-repeat bottom center; }
#advertisers #main .roi h2{ padding:1.5em 2.5em 1.5em 1.5em; color:#fff; font-size:1.5em; }
#advertisers #main .sales{ padding:0.5em; }
#advertisers #main .enquire{ padding:0.5em; background:url(/images/enquire.png) no-repeat top right #fe8a00; }
#advertisers #main .enquire a{ color:#fff; display:block; }
#advertisers #main .enquire a:hover{ text-decoration:none; }
#advertisers #main .enquire span{ font-size:1.5em; display:block; }
/*================================= SIDE BARS =========================================*/
/* --- Inc Blocks --- */
#left .incBlock, #right .incBlock{ color:#000; border:1px solid #989898; background:url(/images/backgrounds/user_toolbar_hover.png) repeat-x left bottom #f0f0f0; }
#left .incBlock h2, #right .incBlock h2{ color:#000; font-weight:bold; }
#left .incBlock h3, #right .incBlock h3, #left .incBlock a, #right .incBlock a{ color:#000; }
/* --- Current Search --- */
#left #currentSearch p, #right #currentSearch p{ margin:2px 0; }
#left #currentSearch img, #right #currentSearch img{ margin-right:5px; float:left; }
/* --- Quick Search --- */
#left #quickSearch form{ margin-bottom:0.5em; }
/* --- Rental Browser --- */
#left #rentalBrowser, #right #rentalBrowser{ padding:0 0 5px; }
#left #rentalBrowser h2, #right #rentalBrowser h2{ margin:10px 10px 0.5em; }
#left #rentalBrowser h3, #right #rentalBrowser h3{ margin:0; padding:5px 10px; font-size:1.2em; font-weight:bold; text-transform:uppercase; background:#dedcdd; }
#left #rentalBrowser ul, #right #rentalBrowser ul{ margin:0.5em 0; }
#left #rentalBrowser li a, #right #rentalBrowser li a{ margin:0 1em; font-size:0.9em; font-weight:normal; display:block; }
#left #rentalBrowser p, #right #rentalBrowser p{ margin:0.5em 10px; }
#left #rentalBrowser .slider, #right #rentalBrowser .slider{ margin:0.5em 17px 0.5em 15px; }
/* --- Map Options --- */
#left #mapOptions div, #right #mapOptions div{ margin-bottom:1em; }
/* --- Advertised By --- */
#left #advertiser .logo, #right #advertiser .logo{ text-align:center; }
#left #advertiser li img, #right #advertiser li img{ margin-right:5px; float:left; }
/* --- Social Links --- */
#left #social li, #right #social li{ margin-bottom:5px; }
#left #social .lastItem, #right #social .lastItem{ margin-bottom:0; }
#left #social li img, #right #social li img{ margin-right:5px; float:left; }
/*================================= FOOTER ============================================*/
#footer{ padding:1em 0; font-size:0.9em; color:#989898; border-top:1px solid #989898; background:#ececec; }
#footer .inner{ width:990px; margin:0 auto; }
#footer .section{ width:24.9%; float:left; }
#footer h2{ color:#989898; text-transform:uppercase; font-weight:bold; }
#footer a{ color:#989898; font-weight:normal; display:block; }
/*================================= USER MENUS ========================================*/
.userMenu{ margin-bottom:1em; }
.userMenu li{ margin:0 0.5em; float:left; }
.userMenu a{ width:70px; padding:10px; color:#000; text-align:center; border:1px solid #d5d5d5; background:#f0f0f0; display:block; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; }
.userMenu a:hover{ text-decoration:none; border-color:#000; }
.userMenu span{ display:block; }