* { margin:0; padding:0; list-style:none; border:none; outline:none; text-decoration:none; }
html, body { width:100%; height:100%; min-height:100%; }
#container { width:100%; height:100%; }
html { background:url(/system/images/back-beach-tile.jpg); cursor:default; overflow-x:hidden; }
#container { background:url(/system/images/back-beach.jpg) top center fixed repeat-x; position:relative; }
html>body #container { height:auto !important; }
.centre { width:100%; height:100%; max-width:1300px; margin:auto; position:relative; }

#home #container { height:100%; min-height:100%; background:url(/system/images/back-home.jpg) top center repeat-x; }
.button a:hover { background-position:bottom !important; }

/* Navigation */

#nav { width:100%; position:absolute; top:0; z-index:100; }
#nav .shadow { width:100%; height:20px; background:url(/system/images/nav-shadow.png); }
.navshadow { width:19px; height:110px; position:absolute; top:0; display:none; }
.navshadow.left { background:url(/system/images/nav-shadow-left.png); left:-19px; }
.navshadow.right { background:url(/system/images/nav-shadow-right.png); right:-19px; }
#home .navshadow { display:block; }

#main { width:100%; height:50px; background:url(/system/images/nav-back.png) bottom; }
#main ul { height:100%; }
#main ul li { margin:0 0 0 -1px; float:left; position:relative; z-index:3; }
#main ul li.home { width:104px; z-index:4; }
#main ul li.deals { width:155px; z-index:3; }
#main ul li.reviews { width:116px; z-index:2; }
#main ul li.subscribe { width:129px; z-index:1; }
#main ul li.blog { width:7%; }
#main ul li.first { margin:0; }
#main ul li a { height:36px; padding:14px 0 0 0; font:bold 15px/20px arial; color:#FFF; text-align:center; text-transform:lowercase; text-shadow:#5D8121 1px 1px 1px; background:url(/system/images/nav-li.png) top right; position:relative; display:block; z-index:1; }
#main ul li a:hover { background-position:bottom right; }
#main #phone { font:bold 27px/20px arial; color:#FFF; letter-spacing:-1px; text-shadow:#5D8121 1px 1px; position:absolute; top:15px; right:202px; }
#main .button { width:159px; height:32px; position:absolute; top:10px; right:28px; }
#main .button a { width:157px; height:27px; padding:5px 2px 0 0; font:bold 15px/20px arial; color:#74530D; text-align:center; text-transform:lowercase; text-shadow:#FEF4D6 1px 1px 1px; background:url(/system/images/nav-button.png); position:relative; display:block; z-index:1; }

#secondary { width:100%; height:50px; background:url(/system/images/nav-secondary-back.png); position:relative; }
#secondary .title { position:absolute; top:13px; left:30px; }
#secondary .title.enquiry { top:0; left:auto; right:30px; }
#secondary #selector { position:absolute; top:10px; left:121px; }
#secondary #selector #drop { width:167px; height:40px; background:url(/system/images/nav-selector-back.png); position:relative; }
#secondary #selector:hover #drop { background-position:bottom; }
#secondary ul { width:165px; height:auto; position:absolute; top:40px; left:0; display:none; opacity:0; }
#secondary ul li { float:none; position:relative; }
#secondary ul li a { height:30px; padding:10px 0 0 16px; font:bold 12px/20px arial; color:#FFF; text-transform:lowercase; text-shadow:#222 1px 1px 1px; background:url(/system/images/nav-drop-li.png) top left; position:relative; display:block; z-index:1; }
#secondary ul li a:hover { background:url(/system/images/nav-drop-li.png) bottom left; }
#secondary ul li ul { top:0; left:165px; }
#secondary ul li+li+li+li+li+li+li ul { top:-40px; }
#secondary .button { width:153px; height:32px; position:absolute; top:10px; left:318px; }
#secondary .button a { width:100%; height:100%; background:url(/system/images/nav-secondary-button.png); position:absolute; display:block; z-index:1; }
#secondary .button span { display:none; }

/* Home */

#homecontainer { width:96%; height:950px; }
#homecontainer #map { width:380px; height:341px; position:absolute; top:151px; left:-23px; }

#social { position:absolute; top:480px; left:0; }
#social #buttons { position:absolute; top:51px; left:23px; }
#social .button { width:184px; height:46px; margin:0 0 9px 0; position:relative; }
#social .button a { width:100%; height:100%; position:absolute; display:block; z-index:1; }
#social .button.subscribe a { background:url(/system/images/social-subscribe.png) top; }
#social .button.facebook a { background:url(/system/images/social-facebook.png) top; }
#social .button.twitter a { background:url(/system/images/social-twitter.png) top; }

#homecontainer #intro { width:440px; margin:3px 0 0 -237px; color:#FFF; position:absolute; top:135px; left:50%; }
#homecontainer #intro .logo { margin:0 0 3px -69px; }
#homecontainer #intro h1 { position:absolute; top:-1000px; }
#homecontainer #intro h2 { margin:0 0 28px 0; font:bold 30px/35px arial; text-transform:lowercase; letter-spacing:-1px; text-shadow:#2C4B80 1px 1px 1px; }
#homecontainer #intro h3 { margin:0 0 0 -50px; padding:0 0 0 50px; font:bold 26px/50px arial; text-transform:lowercase; letter-spacing:-1px; text-shadow:#3D6C98 1px 1px 1px; background:url(/system/images/tick.png) left no-repeat; }
#homecontainer #intro h4 { font:18px/20px arial; text-transform:lowercase; }
#homecontainer #intro p { margin:0 0 15px 0; font:bold 15px/23px arial; text-shadow:#356392 1px 1px 1px; }

#deals { width:375px; height:244px; padding:0 2px 2px 0; background:url(/system/images/deals-back.png); position:absolute; top:205px; right:-2px; }
#deals .kid { width:265px; height:108px; background:url(/system/images/deals-kid.png); position:absolute; top:-85px; right:0; }
#deals .deal { width:375px; height:80px; position:relative; }
#deals .deal+.deal { margin:2px 0 0 0; }
#deals .deal h4 { position:absolute; }
#deals .deal h4 a { width:363px; height:70px; padding:10px 0 0 12px; font:bold 15px/20px arial; color:#74530D; text-transform:lowercase; text-shadow:#FEF4D6 1px 1px 1px; background:url(/system/images/deals-div.png) top; display:block; }
#deals .deal h4 a:hover { background-position:bottom; }
#deals .deal h4 a .address { font:11px/20px arial; color:#74530D; text-shadow:#FEF4D6 1px 1px 1px; position:absolute; top:25px; left:12px; }
#deals .deal h4 a .details { font:bold 18px/20px arial; color:#FFF; text-shadow:#81601B 1px 1px 1px; text-transform:lowercase; position:absolute; top:48px; left:12px; }

.toptitle { position:absolute; top:480px; right:85px; }
#top { width:375px; height:207px; padding:0 2px 2px 0; background:url(/system/images/top-back.png); position:absolute; top:512px; right:-2px; }
#top .heading { width:100%; height:40px; border-top:2px solid #4D96CE; position:relative; }
#top .heading.first { border:none; }
#top .heading h3 { position:absolute; z-index:2; }
#top .heading h3 a { width:363px; height:33px; padding:7px 0 0 12px; color:#FFF; text-shadow:#4A81A5 1px 1px 1px; background:url(/system/images/top-header.png) top; display:block; }
#top .heading h3 a:hover { background-position:bottom; }
#top .heading h3 a .location { font:bold 15px/20px arial; text-transform:lowercase; }
#top .heading h3 a .region { font:11px/20px arial; text-shadow:#4A81A5 1px 1px 1px; }
#top .resorts { height:69px; padding:5px 12px 9px 12px; background:url(/system/images/top-resorts.png) top repeat-x; }
#top .resorts.last { padding-top:4px; }
#top .resorts .box { height:22px; position:relative; }
#top .resorts .box h3 { position:absolute; left:0; }
#top .resorts .box h3 a { width:195px; height:15px; padding:5px 0; font:bold 12px/20px arial; color:#FFF; text-shadow:#356994 1px 1px 1px; text-transform:lowercase; display:block; overflow:hidden; }
#top .resorts .box h3 a:hover { color:#93D6FD; }
#top .resorts .box .rating { position:absolute; top:8px; right:77px; }
#top .resorts .box .price { font:11px/20px arial; color:#FFF; text-shadow:#356994 1px 1px 1px; position:absolute; top:3px; right:0; }
#top .resorts .box .price span { font:bold 18px/20px arial; }
#top .resorts .box .detail { width:485px; height:158px; text-shadow:#222 1px 1px 1px; background:url(/system/images/top-detail-back.png); position:absolute; top:-63px; left:-505px; z-index:10; display:none; }
#top .resorts .box .thumb { margin:9px; }
#top .resorts .box .detail .intro { padding:0 40px 0 0; font:bold 11px/20px arial; color:#FFF; position:absolute; top:21px; left:164px; }
#top .resorts .box .detail .address { padding:0 30px 0 0; font:11px/20px arial; color:#BBB; position:absolute; bottom:21px; left:164px; }

/* Content */

#content { min-height:650px; padding:100px 0 50px 0; background:#FFF url(/system/images/content-back.png) right repeat-y; }

#header { width:100%; height:320px; background:#FFF; position:relative; overflow:hidden; }
#header #block { width:400px; padding:15px 25px 16px 25px; background:url(/system/images/block-back.png); position:absolute; right:25px; bottom:0; z-index:1; }
#header #block h1 { font:bold 30px/35px arial; color:#FFF; text-transform:lowercase; text-shadow:#000 1px 1px 1px; letter-spacing:-1px; }
#header #block h1 span { display:none; }
#header #block #breadcrumbs { margin:2px 0 0 0; font:bold 11px/20px arial; color:#555; }
#header #block #breadcrumbs a { padding:3px 7px 4px 7px; color:#FFF; text-transform:lowercase; background:url(/system/images/breadcrumb-back.png); text-shadow:#000 1px 1px 1px; border-radius:3px; -moz-border-radius:3px; }
#header #block #breadcrumbs a:hover { text-shadow:#54751E 1px 1px 1px; background:#7CBD35; }
#header #block p { margin:10px 0 0 0; font:12px/20px arial; color:#FFF; text-shadow:#000 1px 1px 1px; }
#header #block p.rating { margin:-2px 0 3px 0; font:11px/20px arial; color:#FFF; }
#header #block p.rating img { margin:0 0 -4px 0; }
#header #block .hot { width:67px; height:67px; background:url(/system/images/box-hot.png); position:absolute; top:0; right:0; z-index:5; }
#header .tag { position:absolute; left:22px; bottom:9px; }
#header .salebanner { position:absolute; right:0; }
#header .salearrow { width:41px; height:320px; background:url(/system/images/sale-arrow.png); position:absolute; top:0; right:500px; }

#copycontainer { width:100%; display:table; }
#copycontainer #left { padding:30px 30px 10px 30px; font:12px/20px arial; color:#000; display:table-cell; }
#copycontainer #left.state .box .address .street { display:none; }
#copycontainer #left.state .box .address .location, #copycontainer #left.state .box .address .region { display:inline; }
#copycontainer #left.region .box .address .street, #copycontainer #left.region .box .address .region { display:none; }
#copycontainer #left.region .box .address .location { display:inline; }
#copycontainer #left.property { background:url(/system/images/bar-back.png) top repeat-x; }
#copycontainer #right { width:470px; padding:0 0 30px 30px; display:table-cell; vertical-align:top; }
#copycontainer .clear, #reviewcontainerpop .clear { clear:both; }

#left .box { max-width:740px; height:140px; margin:0 0 1px 0; font:12px/19px arial; background:#E5F2D7 url(/system/images/rooms-back.png) top repeat-x; position:relative; }
#left .box h3 { height:28px; margin:0 110px 0 0; font:bold 16px/28px arial; position:absolute; top:21px; left:162px; overflow:hidden; }
#left .box h3 a { padding:4px 7px 5px 7px; color:#FFF; text-transform:lowercase; text-shadow:#54751E 1px 1px 1px; background:#7CBD35; border-radius:3px; -moz-border-radius:3px; }
#left .box h3 a:hover { background:#62A717; }
#left .box .rating { position:absolute; top:54px; left:162px; }
#left .box .price { padding:3px 7px 2px 7px; font:11px/20px arial; color:#000; background:#FFFCB5; border-right:1px solid #DCE3D3; border-bottom:1px solid #DCE3D3; border-radius:3px; -moz-border-radius:3px; position:absolute; top:21px; right:22px; }
#left .box .price span { font:bold 18px/20px arial; color:#333; }
#left .box .thumb { position:absolute; top:0; left:0; }
#left .box .thumb a { width:140px; height:140px; background:url(/system/images/box-thumb.png); position:absolute; top:0; left:0; display:block; z-index:1; }
#left .box .thumb a:hover { background-position:bottom; }
#left .box .intro { height:40px; padding:0 20px 0 0; font:12px/20px arial; color:#000; position:absolute; top:80px; left:162px; overflow:hidden; }
#left .box .address { height:18px; font:bold 12px/20px arial; text-transform:lowercase; position:absolute; top:52px; left:242px; overflow:hidden; }
#left .box .address .location, #copycontainer .box .address .region { display:none; }
#left .box .hot { width:67px; height:67px; background:url(/system/images/box-hot.png); position:absolute; top:-3px; left:78px; z-index:1; }

#left .pagination { height:18px; margin:25px 0 0 -5px; color:#000; clear:both; }
#left .pagination li { margin:0; padding:0; font:bold 15px/20px arial; background:none; float:left; }
#left .pagination li a { margin:0 0 0 5px; padding:3px 6px !important; font:bold 15px/20px arial !important; text-transform:lowercase; }
#left .pagination li.pag-current, #copycontainer .pagination li .pag-range { margin:0 0 0 5px; }

#bar { height:55px; margin:-30px 0 25px 0; position:relative; }
#bar .button { width:159px; height:32px; position:absolute; top:9px; left:0; }
#bar .button a { width:157px; height:27px; padding:5px 2px 0 0; font:bold 15px/20px arial; color:#74530D; text-align:center; text-transform:lowercase; text-shadow:#FEF4D6 1px 1px 1px; background:url(/system/images/nav-button.png); position:relative; display:block; z-index:1; }
#bar .button a span { font-size:14px; }
#bar .more { font:bold 11px/20px arial; color:#000; text-transform:lowercase; position:absolute; top:14px; right:0; }
#bar .more a { margin:0 0 0 2px; padding:3px 7px 4px 7px; font:bold 15px/20px arial; color:#FFF; text-transform:lowercase; text-shadow:#417AA0 1px 1px 1px; background:#7CBD35; border-radius:3px; -moz-border-radius:3px; }
#bar .more a:hover { background:#62A717; }

#left h2, #reviewcontainerpop h2 { margin:0 0 2px 0; font:bold 18px/20px arial; color:#7CBD35; text-transform:lowercase; }
#left h2 span { font:bold 12px/20px arial; color:#000; }
#left h2 a { color:#7CBD35; }
#left h2 a:hover { color:#333; }
#left h3 { font:bold 14px/20px arial; color:#7CBD35; text-transform:lowercase; text-shadow:#FFF 1px 1px 1px; }
#left h3 span { font-size:11px; color:#000; }
#left h4 { margin:0 0 5px 0; font:bold 14px/20px arial; color:#57AAE3; text-transform:lowercase; }
#left p, #left ul { margin:0 0 20px 0; }
#left p a, #left li a, #copycontainer .pagination li a { padding:3px 5px 4px 5px; font:bold 12px/20px arial; color:#FFF; text-shadow:#417AA0 1px 1px 1px; background:#7CBD35; border-radius:3px; -moz-border-radius:3px; }
#left p a:hover, #left li a:hover, #copycontainer .pagination li a:hover { background:#62A717; }
#left li { padding:0 0 0 22px; background:url(/system/images/li.png) top left no-repeat; }
#left hr { margin:0 0 20px 0; border:1px solid #FFF; border-top:1px solid #E5E5E5; }
#rooms, #reviews { margin:0 0 19px 0; }
#rooms div, #reviews div { margin:0 0 1px 0; padding:13px 17px 21px 17px; font:12px/20px arial; background:#E5F2D7 url(/system/images/rooms-back.png) top repeat-x; position:relative; }
#rooms div ul { margin:-15px 0 0 0; }
#rooms div li { padding:0; font-size:11px; background:none; }
#rooms div li span { margin:0 3px 0 0; padding:4px 7px 5px 7px; font-weight:bold; color:#FFF; text-transform:lowercase; text-shadow:#417AA0 1px 1px 1px; background:#7CBD35; border-radius:3px; -moz-border-radius:3px; }
#rooms .button.book { width:82px; height:32px; margin:5px 0 20px 20px; padding:0; background:url(/system/images/book-button.png); float:right; }
#rooms .button.book a { width:80px; height:27px; padding:5px 2px 0 0; font:bold 15px/20px arial; color:#74530D; text-align:center; text-transform:lowercase; text-shadow:#FEF4D6 1px 1px 1px; position:relative; display:block; z-index:1; }
#rooms .button.book div { width:100%; height:100%; margin:0; padding:0; background:url(/system/images/book-button.png) bottom; position:absolute; top:0; left:0; opacity:0; }
#reviews h3 { height:28px; margin:8px 10px 15px 0; font:bold 16px/28px arial; overflow:hidden; }
#reviews .property h3 { margin:2px 10px 0 0; font:bold 14px/20px arial; }
#reviews h3 a { padding:4px 7px 5px 7px; color:#FFF; text-transform:lowercase; text-shadow:#54751E 1px 1px 1px; background:#7CBD35; border-radius:3px; -moz-border-radius:3px; }
#reviews h3 a:hover { background:#62A717; }
#reviews p { margin:0 0 -5px 0 !important; }
#reviews p.location { margin:-12px 0 10px 0 !important; text-transform:lowercase; }
#reviews p.goreview { padding:7px 10px; margin:20px 0 0 0 !important; font-size:11px; line-height:19px; background:#FFFCBE; border-right:1px solid #DAE1D0; border-bottom:1px solid #DAE1D0; border-radius:3px; -moz-border-radius:3px; display:none; }
#reviews p.goreview.enable { display:block; }
#reviews p em { font-size:11px; }
#reviews img { margin:12px 0 0 0; float:right; }
#reviews .property img { margin:2px 0 0 0; }
#left .features { margin:0 0 20px 0 !important; }
#left .features li { margin:0 5px 5px 0; padding:3px 7px 4px 7px; font:bold 11px/20px arial; color:#000; text-transform:lowercase; text-shadow:#FFF 1px 1px 1px; background:#D7EDFA; border-radius:3px; -moz-border-radius:3px; float:left; }
#left .fine { font:11px/16px arial; }
#left .fine span { font-size:10px; color:#999; }
#copy.sitemap table { width:100%; }
#copy.sitemap td { vertical-align:top; }
#copy.sitemap h2 { margin:0 0 20px 0; }
#copy.sitemap .indent { margin:0 0 0 20px; }
#reviewcontainer { display:none; }
#reviewcontainerpop { padding:20px; font:12px/20px arial; color:#000; }
.button.writereview { width:159px; height:32px; margin:0 0 20px 0; position:relative; }
.button.writereview a { width:157px; height:27px; padding:5px 2px 0 0; font:bold 15px/20px arial; color:#74530D; text-align:center; text-transform:lowercase; text-shadow:#FEF4D6 1px 1px 1px; background:url(/system/images/nav-button.png); position:relative; display:block; z-index:1; }
h1.hide { position:absolute; top:-1000px; }

#refine { width:400px; margin:0 0 0 -5px; padding:11px 25px 13px 25px; background:url(/system/images/refine-back.png) bottom; position:relative; }
#refine h2 { margin:0 0 5px 0; font:bold 18px/22px arial; color:#333; text-transform:lowercase; }
#refine a { margin:0 10px 10px 0; padding:3px 7px 4px 7px; font:bold 12px/20px arial; color:#FFF; text-transform:lowercase; text-shadow:#54751E 1px 1px 1px; background:#7CBD35; border-radius:3px; -moz-border-radius:3px; float:left; }
#refine a:hover { background:#62A717; }

#mapcontainer { width:440px; height:250px; margin:0 0 0 -5px; padding:0 5px 5px 5px; background:url(/system/images/refine-back.png) bottom; }
#mapcontainer #map { width:100%; height:100%; }

#gallery { width:440px; height:110px; margin:20px -5px 0 -5px; padding:5px; background:url(/system/images/gallery-back.png); position:relative; }
#gallery #slider { width:440px; height:110px; position:absolute; overflow:hidden; }
#gallery #thumbcontainer { width:2000em; height:110px; position:absolute; }
#gallery .thumbslider { width:441px; position:relative; float:left; }
#gallery .thumb { float:left; }
#gallery .thumb a { width:148px; height:110px; margin:0 0 0 -1px; background:url(/system/images/gallery-thumb.png); position:absolute; z-index:1; }
#gallery .thumb a:hover { background-position:bottom; }
#gallery .nav { width:42px; height:110px; position:absolute; top:5px; z-index:2; }
#gallery .nav.prev { left:-10px; }
#gallery .nav.next { right:-12px; }
#gallery .nav a { width:100%; height:100%; display:block; position:absolute; cursor:pointer; z-index:1; }
#gallery .nav.prev a { background:url(/system/images/gallery-nav.png) top left; }
#gallery .nav.next a { background:url(/system/images/gallery-nav.png) top right; }
#gallery .nav.prev a:hover { background:url(/system/images/gallery-nav.png) bottom left; }
#gallery .nav.next a:hover { background:url(/system/images/gallery-nav.png) bottom right; }
#gallery .nav.disabled { display:none; }

#video { width:440px; height:245px; margin:20px 0 20px -5px; padding:5px; background:url(/system/images/video-back.png); }
#right #offer { width:440px; height:281px; margin:20px 0 0 -5px; padding:5px; background:url(/system/images/sale-back.png); }
#right.sale #offer { display:none; }

#rates { width:420px; margin:25px 0 25px -5px; padding:0 15px 49px 15px; font:12px/16px arial; background:url(/system/images/rates-back.png); position:relative; }
#rates .lcrate1 { width:441px; margin:-5px 0 -9px -10px; font:bold 12px/20px arial; color:#000; text-transform:lowercase; background:#D2D2D2; border-collapse:collapse; }
#rates .lcrate1 th { padding:5px 0; font-size:14px; color:#FFF; text-shadow:#000 1px 1px 1px; background:#444; border-right:1px solid #666; }
#rates .lcrate1 th+th+th { border-right:none; }
#rates .lcrate1 td { padding:0; text-align:center; vertical-align:middle; }
#rates .lcrate2 { width:195px; }
#rates .lcrate3 { width:140px; }
#rates .lcrate4 { width:110px; }
#rates td.lcrate2 { color:#57AAE3; background:#FFF; border-bottom:1px solid #E5E5E5; border-right:1px solid #DDD; }
#rates td.lcrate3 { padding:5px 0; text-shadow:#FFF 1px 1px 1px; background:#D7EDFA; border-bottom:1px solid #C1D5E1; border-right:1px solid #DDD; }
#rates td.lcrate4 { text-shadow:#FFF 1px 1px 1px; background:#FFFCB5; border-bottom:1px solid #E5E2A3; }
#rates .lcrateinner { border-collapse:collapse; }
#rates small { color:#555; text-shadow:#E5E5E5 1px 1px 0; }
#rates img { margin:0 0 0 -10px; }
#rates .top { width:450px; height:5px; background:url(/system/images/rates-top.png); position:absolute; top:-5px; left:0; }
#rates .bottom { width:450px; height:5px; background:url(/system/images/rates-bottom.png); position:absolute; bottom:-5px; left:0; }
#norates { width:420px; margin:-4px 0 -9px -10px; padding:10px; font:bold 14px/20px arial; color:#333; text-transform:lowercase; text-shadow:#FFF 1px 1px 1px; background:#FFFCB5; }
.button.rates { width:440px; height:40px; margin:-65px 0 0 0; position:relative; }
.button.rates a { width:440px; height:31px; padding:9px 0 0 0; font:bold 18px/20px arial; color:#74530D; text-align:center; text-transform:lowercase; text-shadow:#FEF4D6 1px 1px 1px; position:relative; background:url(/system/images/rates-button.png); display:block; z-index:1; }

#content #social { margin:18px 0 0 0; position:relative; top:auto; }
#content #social #buttons { margin:-2px 0 0 -16px; position:relative; top:auto; left:auto; }
#content #social .button { width:136px; height:34px; margin:0 0 0 16px; float:left; }
#content #social .button.subscribe a { background:url(/system/images/social-subscribe2.png) top; }
#content #social .button.facebook a { background:url(/system/images/social-facebook2.png) top; }
#content #social .button.twitter a { background:url(/system/images/social-twitter2.png) top; }

#content .fade { width:10px; height:295px; position:absolute; right:490px; }
#content .fade.top { background:url(/system/images/content-back-top.png); top:420px; }
#content .fade.bottom { background:url(/system/images/content-back-bottom.png); bottom:0; }
#content .shadow { width:5px; height:100%; position:absolute; top:0; }
#content .shadow.left { left:-5px; background:url(/system/images/content-back-left.png); }
#content .shadow.right { right:-5px; background:url(/system/images/content-back-right.png); }

/* Forms */

form label { font-weight:bold; text-transform:lowercase; position:absolute; }
form .text { width:250px; height:32px; margin:-4px 0 5px 105px; padding:0 0 2px 9px; font:11px/18px arial; color:#666; background:url(/system/images/form-text.png); cursor:pointer; }
form .text.comments { height:79px; padding:6px 0 9px 9px; background:url(/system/images/form-text-comments.png); resize:none; }
form .text:hover, form .text:focus { background-position:bottom; }
form .text:focus { cursor:text; }
form .mandatory { color:#7BBD34; }
form .button { width:257px; height:32px; margin:9px 0 0 105px; padding:2px 0 4px 0; font:bold 15px/20px arial; color:#74530D; text-align:center; text-transform:lowercase; text-shadow:#FEF4D6 1px 1px 1px; background:url(/system/images/form-button.png); cursor:pointer; }
form .button:hover { background-position:bottom; }
form .fine { font:10px/20px arial; color:#999; }
#reviewcontainerpop h2 { height:22px; overflow:hidden; }
#reviewcontainerpop .rating { margin:0 5px 0 0; padding:3px 11px 2px 11px; font:bold 15px/20px arial; color:#FFF; text-shadow:#417AA0 1px 1px 1px; background:#7CBD35; border-radius:3px; -moz-border-radius:3px; float:left; }
#reviewcontainerpop .rating input { cursor:pointer; }
#reviewcontainerpop .lowest, #reviewcontainerpop .highest { font:10px/20px arial; color:#999; float:left; }
#reviewcontainerpop .highest { margin:0 0 0 180px; }

/* Footer */

#footer { width:100%; height:55px; position:absolute; bottom:0; }
#footer .centre { background:url(/system/images/footer-back.png); }
#footer .links { font:11px/20px arial; color:#333; position:absolute; top:20px; left:30px; }
#footer .links img { margin:-5px 15px 0 0; float:left; }
#footer .links a { padding:9px 0 9px 21px; font-weight:bold; color:#333; }
#footer .links a:hover { color:#8DBF31; }
#footer #banner { width:502px; height:80px; margin:0 0 0 -515px; padding:100px 0 0 278px; background:url(/system/images/banner-back.png); position:absolute; bottom:50px; left:50%; }
#footer .shadow { width:5px; height:100%; position:absolute; }
#footer .shadow.left { background:url(/system/images/footer-shadow-left.png); left:-5px; }
#footer .shadow.right { background:url(/system/images/footer-shadow-right.png); right:-5px; }
#preload { position:absolute; left:-9999px; }
#preload .menu1 { background:url(/system/images/nav-drop-li.png); }
#preload .detail { background:url(/system/images/top-detail-back.png); }
#mobile { display:none; }

/* Colorbox */

#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; cursor:default; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; z-index:1; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
#cboxOverlay { background:#000; }
#cboxLoadedContent { background:#FFF;  }
#cboxTitle { font:bold 18px arial; color:#FFF; text-transform:lowercase; position:absolute; top:-28px; left:0; }
#cboxCurrent { font:bold 11px arial; position:absolute; top:-21px; right:20px; color:#888; }
#cboxPrevious { position:absolute; top:50%; left:-19px; margin-top:-27px; background:url(/system/images/controls-nav.png) top left; width:52px; height:52px; text-indent:-9999px; }
#cboxPrevious:hover { background-position:bottom left; }
#cboxNext { position:absolute; top:50%; right:-21px; margin-top:-27px; background:url(/system/images/controls-nav.png) top right; width:52px; height:52px; text-indent:-9999px; }
#cboxNext:hover { background-position:bottom right; }
#cboxLoadingOverlay { background:#FFF; }
#cboxLoadingGraphic { background:url(/system/images/loading-colorbox.gif) center center no-repeat; }
#cboxClose { position:absolute; top:-15px; right:-17px; display:block; background:url(/system/images/controls-close.png) top; width:42px; height:42px; text-indent:-9999px; z-index:9999; }
#cboxClose:hover { background-position:bottom; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }

/* Resize */

@media only screen and (max-width:1200px){
.centre { min-width:950px; }
#home #map, #home #social { display:none; }
#homecontainer { width:92%; }
#homecontainer #intro { width:51%; margin:0; left:70px; }
#footer #banner { margin:0 0 0 -405px; }
}

@media only screen and (max-width:480px) {
html, body, #container, .centre { width:480px; max-width:480px; min-width:480px; }
#nav #main, #refine h2, #gallery, #video, #social, #footer, #content .fade, #content .shadow, #block p, #header .tag, #copy, #copycontainer .box .bar .price, #content .button, #guestreviews, #homecontainer .logo, #top, #homecontainer #intro p, #homecontainer #intro h3, #homecontainer #intro img, .toptitle, #share, #secondary .title.enquiry, #home .navshadow { display:none; }

#secondary { position:absolute; top:90px; }
#secondary .title { left:20px; }
#secondary #selector { left:111px; }
#secondary .button { left:308px; }
#homecontainer { height:675px; }
#homecontainer #intro { width:450px; margin:0; top:165px; left:30px; }
#deals { top:400px; right:auto; left:50px; }
#content { padding:140px 0 0 0; background:#FFF; }
#header { height:250px; }
#header img { width:1015px; height:250px; }
#header #block { right:15px; }
#header #block #breadcrumbs a { padding:5px 7px 6px 7px; }
#copycontainer #left { width:315px; }
#copycontainer #right { width:auto; max-width:155px; padding:0; }
#copycontainer .box .hot { right:-5px; }
#copycontainer .box .address { height:18px; overflow:hidden; }
#copycontainer #left.property { width:470px; float:none; display:block; }
#copycontainer #left.property #copycontainer #left { display:block; }
#copycontainer #right.property { width:420px; padding:0 20px; float:none; display:block; }
#copycontainer #right.property #gallery { display:block; }
#bar .more { display:block; right:20px; }
#refine { width:120px; margin:0; padding:30px 35px 0 0; background:#FFF; }
#refine a { width:120px; margin:0 0 10px 0; padding:9px 7px 10px 7px; }
#refine a:hover { background:#62A717; }
#mobile { position:absolute; top:0; display:block; }

#colorbox, #cboxOverlay, #cboxWrapper { width:480px !important; height:4000px; overflow:hidden !important; }
#cboxContent, #cboxLoadedContent { width:480px !important; overflow:hidden !important; }
#cboxCurrent { font:12px helvetica,arial !important; right:10px !important;}
}