@import "reset.css";

@font-face {
    font-family: 'AdobeGothic';
    src: url('/fonts/adobegothicstd-bold.eot');
    src: url('/fonts/adobegothicstd-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/adobegothicstd-bold.ttf') format('truetype'),
         url('/fonts/adobegothicstd-bold.svg#adobegothicstd-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{ background:url(../graphics/bg.png) center top}
body{ text-align:center; background:url(../graphics/bg-top2.png) repeat-x center top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333}
body.vehicles{ background:url(../graphics/bg-top3.png) repeat-x center top}
body.toolbar{ margin-bottom:70px}

#wrapper{ width:990px; margin:0 auto; text-align:left; position:relative}

#header{ height:70px; background:#fff url(../graphics/header-bg.png) no-repeat left bottom; position:relative}
#logo{ float:left; margin-left:15px; position:absolute; top:0; left:10px}
#vwlogo{ float:right; margin-right:15px}
#header-nav-wrapper{ float:right; line-height:22px; margin:24px 10px 0 0}
#header-nav ul{ margin:0; padding:0; list-style:none}
#header-nav li{ float:left; margin:0 0 0 3px; list-style:none; position:relative; z-index:10}
#header-nav li a{ color:#333; display:block; background:url(../graphics/header-nav-link.png) no-repeat top}
#header-nav li a span{ display:block; background:url(../graphics/header-nav-link.png) no-repeat top; padding:0 4px}
#header-nav li a:hover{ color:#fff; background-position:right -22px}
#header-nav li a:hover span, #header-nav li:hover a span{ background-position:left -44px}

#header-nav li.trigger:hover a{ background-position:right -66px; color:#fff}
#header-nav li.trigger:hover a span{ background-position:left -88px}

#header-nav li ul{ position:absolute; z-index:10000; top:22px; left:0px; background:url(../graphics/header-nav-ul-bg.png) no-repeat bottom; padding-bottom:5px; width:200px; display:none}
#header-nav li ul li{ width:auto; margin:0; float:none; background:#0A6BB2 url(../graphics/header-nav-li-bg.png) repeat-x bottom; padding:0 0 2px 0}
#header-nav li ul li.last{ background-image:none; padding:0}
#header-nav li ul a{ color:#fff; background:none; padding:0 10px; line-height:30px}
#header-nav li ul a:hover{ background:#045b9b}

#header-nav li:hover ul{ display:block}

#login-wrapper{ position:absolute; top:24px; right:20px; background:#fff; line-height:22px; display:none; z-index:20}
#login-wrapper p{ float:left; font-style:italic; font-weight:bold; line-height:22px}
#login-wrapper .form-element{ float:left; margin-left:10px}
#login-wrapper .input input{ border:none; background:url(../graphics/login-input-bg.png) no-repeat; padding:3px 5px; width:140px; font-size:13px}
#login-wrapper .button{ float:left}
#login-wrapper .button input{ margin:0 0 0 10px}

.login-error{ position:absolute; left:158px; top:22px; font-size:11px; color:#c00; font-weight:bold; font-style:italic}

#quote{ margin-top:20px; float:left}
#quote-portrait{ right:0px; margin-top:-24px; position:absolute; z-index:0}
#quote-title{ text-align:right; padding:30px 130px 0 0; color:#fff; font-size:14px; text-shadow:1px 1px 0px #000; line-height:18px}
#quote-title.paul-quote{ padding-top:15px}
#quote-title span{ font-size:16px; font-weight:bold}
#quote-title a{ color:#333; display:block; float:right; background:url(/graphics/quote-link-bg.png) no-repeat left top; padding:0 0 0 8px; text-shadow:none; position:relative; z-index:10}
#quote-title a span{ font-size:11px; font-weight:normal; display:block; background:url(/graphics/quote-link-bg.png) no-repeat right bottom; padding:0 10px 0 2px}

#banner-wrapper{ margin:10px 0; height:120px}
#vehicle-nav-wrapper{ margin:10px 0; height:200px}
#vehicle-nav{ padding:5px 0 0 0; margin:0}
#vehicle-nav li{ list-style:none; float:left; width:100px; margin:0 11px 0 0; padding:0; background:url(../graphics/vehicle-nav-bg-2.png) no-repeat; background-position:left top}
#vehicle-nav li.active{ background-position:0 -190px}
#vehicle-nav li.last{ float:right; margin:0}

#vehicle-nav li a{ font-size:12px; color:#fff; text-decoration:none; display:block; padding-top:165px; height:25px; text-align:center}

.campervan-menu #vehicle-nav li a{ background:url(../graphics/sprite-campervans.png) no-repeat; padding-top:155px; height:35px; }
.caravan-menu li a{ background:url(../graphics/sprite-caravans.png) no-repeat}
.motorhome-menu li a{ background:url(../graphics/sprite-motorhomes.png) no-repeat}
.campervan-menu li a span span{ display:block; font-style:italic; font-size:10px}

#vehicle-nav li.adventure-camper a{ background-position:0 -10px}
#vehicle-nav li.outback-camper a{ background-position:-100px -10px}
#vehicle-nav li.tourer-combo a{ background-position:-200px -10px}
#vehicle-nav li.hitop-camper a{ background-position:-300px -10px}
#vehicle-nav li.hippie-camper a{ background-position:-400px -10px}
#vehicle-nav li.tourer-fixed a{ background-position:-500px -10px}

#vehicle-nav li.ascot a{ background-position:0 -5px}
#vehicle-nav li.hamilton a{ background-position:-100px -5px}
#vehicle-nav li.hayman a{ background-position:-200px -5px}
#vehicle-nav li.keppel a{ background-position:-300px -5px}
#vehicle-nav li.macleay a{ background-position:-400px -5px}
#vehicle-nav li.murana a{ background-position:-500px -5px}
#vehicle-nav li.newstead a{ background-position:-600px -5px}
#vehicle-nav li.stradbroke a{ background-position:-700px -5px}

#vehicle-nav li.caravan-550a a{ background-position:0 0}
#vehicle-nav li.caravan-550b a{ background-position:-100px -5px}
#vehicle-nav li.caravan-550c a{ background-position:-200px -5px}
#vehicle-nav li.caravan-650a a{ background-position:-300px -5px}
#vehicle-nav li.caravan-650b a{ background-position:-400px -5px}
#vehicle-nav li.caravan-650c a{ background-position:-500px -5px}
#vehicle-nav li.caravan-750a a{ background-position:-600px -5px}

#content-wrapper{ background:#fff url(../graphics/corners.png) no-repeat right -15px; padding:10px}
/*#content{ overflow:hidden}*/
.vehicle-thumb{ float:right; margin-right:10px; position:relative; z-index:1}
.has-sub .vehicle-thumb{ clear:right}

#content-top{ height:102px}
#content-top .right{ margin:3px 2px}

#content-nav-wrapper{ background:url(../graphics/content-nav-bg.png) no-repeat;  line-height:40px; margin-bottom:15px; clear:left}
#content-nav{ height:42px; margin-left:20px; padding:0}
#content-nav li, #content-sub-nav li, #content-model-nav li{ list-style:none; float:left; margin:0 5px 0 0}
#content-nav li a{ display:block; color:#fff; font-size:14px; background:url(../graphics/content-nav-link.png) no-repeat top}
#content-nav li a span{ display:block; padding:0 17px 2px 15px; background:url(../graphics/content-nav-link.png) no-repeat top}
#content-nav li a:hover, #content-nav li.active a{ background-position:right -42px}
#content-nav li a:hover span, #content-nav li.active a span{ background-position:left bottom}

.has-sub #content-nav-wrapper{ margin-top:38px}

#content-sub-nav{ height:30px; margin:10px 20px 0; padding:0; border-bottom:1px dashed #ccc; line-height:25px}
#content-sub-nav li{ list-style:none; border-right:1px solid #333; padding-right:10px}
#content-sub-nav li.last{ border:none}

#content-model-nav{ float:right; line-height:22px; margin-bottom:10px}
#content-model-nav li{ margin-left:10px}
#content-model-nav li a{ color:#333; display:block; background:url(../graphics/header-nav-link.png) no-repeat top}
#content-model-nav li a span{ display:block; font-weight:bold; background:url(../graphics/header-nav-link.png) no-repeat top; padding:0 8px}
#content-model-nav li a:hover, #content-model-nav li.active a{ color:#fff; background-position:right -22px}
#content-model-nav li a:hover span, #header-nav li:hover a span, #content-model-nav li.active a span{ background-position:left -44px}

#content-wrapper h2 .sub-heading-text a{ font-weight:normal}

#content{ }

#footer-wrapper{ position:relative; font-size:11px; width:990px; margin:0 auto 15px; text-align:left; border-top:1px solid #ccc}
#footer{ background:url(../graphics/footer-bg3.png) no-repeat bottom; padding:15px 15px 15px 390px}
#footer-wrapper a{ color:#999999; font-weight:bold}
#footer-tag{ text-indent:-5000px; position:absolute}

#footer-badges{ color:#999999; margin-top:10px;}

#manufacturers{ float:left; font-style:italic; height:50px}
#manufacturers img{ margin-top:6px}

#rvmaa{ width:240px; border:1px solid #999; border-width:0 1px; margin:0 10px; padding:0 10px}
#rvmaa p{ margin:0}

#footer-members{ width:280px; border:1px solid #999; border-width:0 1px; margin:0 10px; padding:0 10px}
#footer-members p{ margin:0 0 0 125px; font-size:10px; line-height:14px}

#footer-text{ width:300px}

#phone-numbers{ text-align:left; width:525px; float:left}
.number-text{ font-size:16px; font-style:italic; margin-bottom:10px}

.phone-number{ float:left; height:50px; font-size:16px}
.phone-number div{ font-size:28px; font-weight:bold; margin-bottom:3px}
.phone-number span{ font-weight:bold; color:#1887D8}

.aus-number{ background:url(../graphics/phone-aus.png) no-repeat right; margin-right:10px; border-right:1px solid #ccc; padding-right:75px}
.nz-number{ background:url(../graphics/phone-nz.png) no-repeat right; padding-right:46px}

#aus-made{ position:absolute; right:-4px; top:10px}

.clear{ clear:both}
.right{ float:right}
.left{ float:left}
.hidden{ display:none}
.centered{ text-align:center}
.inner{ padding:10px}

img.right, a.right{ margin-left:10px}
img.left, a.left{ margin-right:10px}

a{ outline:0; text-decoration:none; color:#1887D8}
#content-wrapper a{ font-weight:bold}

p{ line-height:18px; margin:0 0 10px 0}

ul{ padding:0 0 0 20px; margin:0 0 10px 10px; list-style:url(../graphics/bullet.png)}
li{ margin-bottom:5px}
ol li{ margin-bottom:10px}
ul.left{ margin-right:20px}

hr{ margin:0 20px 10px; border:1px dashed #ccc; border-width:0 0 1px 0; height:1px; background:0}

h1, h2, h3{ margin:0 0 10px 0}

h2{ font-size:22px; font-weight:bold; font-style:italic}
h3{ font-size:18px; font-weight:bold}
h4{ font-size:14px; font-weight:bold}

h3 span{ display:block; color:#1887D8; font-size:14px; font-weight:bold; padding-top:5px}

h1.img-title{ line-height:54px; height:54px; position:relative; z-index:1; text-indent:-5000px; background-position:left top; margin-bottom:6px}

h1.rv-sales{ background:url(../graphics/heading_rv-sales.png) no-repeat}
h1.rv-caravans{ background:url(../graphics/heading_rv-caravans.png) no-repeat}
h1.rv-dealers{ background:url(../graphics/heading_rv-dealers.png) no-repeat}
h1.rv-news{ background:url(../graphics/heading_rv-news.png) no-repeat}
h1.rv-about{ background:url(../graphics/heading_rv-about.png) no-repeat}
h1.rv-sales-service{ background:url(../graphics/heading_rv-sales-service.png) no-repeat}
h1.rv-accessories{ background:url(../graphics/heading_rv-accessories.png) no-repeat}
h1.rv-contact{ background:url(../graphics/heading_rv-contact.png) no-repeat}
h1.rv-fleet{ background:url(../graphics/heading_rv-fleet.png) no-repeat}
h1.rv-promo{ background:url(../graphics/heading_rv-promo.png) no-repeat}
h1.error{ background:url(../graphics/heading_404.png) no-repeat}
h1.rv-terms{ background:url(../graphics/heading_rv-terms.png) no-repeat}

h1.murana{ background:url(../graphics/heading_murana.png) no-repeat}
h1.macleay{ background:url(../graphics/heading_macleay.png) no-repeat}
h1.stradbroke{ background:url(../graphics/heading_stradbroke.png) no-repeat}
h1.keppel{ background:url(../graphics/heading_keppel.png) no-repeat}
h1.tourer-combo{ background:url(../graphics/heading_tourer-combo.png) no-repeat}
h1.tourer-fixed{ background:url(../graphics/heading_tourer-fixed.png) no-repeat}
h1.hitop-camper{ background:url(../graphics/heading_hitop-camper.png) no-repeat}
h1.adventure-camper{ background:url(../graphics/heading_adventure-camper.png) no-repeat}
h1.outback-camper{ background:url(../graphics/heading_outback-camper.png) no-repeat}
h1.hippie-camper{ background:url(../graphics/heading_hippie-camper.png) no-repeat}
h1.ascot{ background:url(../graphics/heading_ascot.png) no-repeat}
h1.hamilton{ background:url(../graphics/heading_hamilton.png) no-repeat}
h1.hayman{ background:url(../graphics/heading_hayman.png) no-repeat}
h1.newstead{ background:url(../graphics/heading_newstead.png) no-repeat}

h1.caravan-550a{ background:url(../graphics/heading_550a.png) no-repeat}
h1.caravan-550b{ background:url(../graphics/heading_550b.png) no-repeat}
h1.caravan-550c{ background:url(../graphics/heading_550c.png) no-repeat}
h1.caravan-650a{ background:url(../graphics/heading_650a.png) no-repeat}
h1.caravan-650b{ background:url(../graphics/heading_650b.png) no-repeat}
h1.caravan-650c{ background:url(../graphics/heading_650c.png) no-repeat}
h1.caravan-750a{ background:url(../graphics/heading_750a.png) no-repeat}

#compare h1{ font-size:18px; font-weight:bold; color:#fff}

.vehicles .img-title{ margin-right:470px}
.vehicles .rv-sales, .vehicles .rv-caravans{ margin-right:0}

.news-wrapper h2{ font-size:24px; font-style:italic; text-shadow:1px 1px 0px #015EA2; color:#1887D8; top:10px; left:10px; display:block}

strong{ font-weight:bold}
em{ font-style:italic}

.highlight{ background:#d0e8fa}

.highlight-box{ padding:10px; border-radius:10px; -moz-border-radius:10px; border:1px solid #1887D8; background:#d0e8fa}

#welcome-text h1{ font-size:24px; font-style:italic; text-shadow:1px 1px 0px #0b5488}

.btn-link{ line-height:30px; color:#fff; font-size:14px; background:url(../graphics/btn-link-bg.png) no-repeat left top; padding:0 0 0 20px; display:block}
.btn-link span{ display:block; background:url(../graphics/btn-link-bg.png) no-repeat right -30px; padding:0 10px 0 5px}
.btn-link.left{ background-position:left -60px; padding:0 0 0 10px}
.btn-link.left span{ background-position:right bottom; padding:0 25px 0 0 }

.block-title, .block-title-half, .block-title-narrow{ background:url(../graphics/block-title-bg.png) no-repeat; line-height:40px; padding:0 15px; font-size:24px; font-style:italic; color:#fff; margin-bottom:10px; text-shadow:1px 1px 0px #0b5488}
.block-title-half{ background:url(../graphics/block-title-half-bg.png) no-repeat; width:480px}
.block-title-narrow{ background:url(../graphics/block-title-narrow-bg.png) no-repeat; margin-left:220px}
.spec-title{ background:url(../graphics/spec-title-bg.png) no-repeat; line-height:30px; padding:0 10px; font-size:18px; font-style:italic; color:#fff; margin-bottom:10px}
.category-section .spec-title{ background:url(../graphics/spec-title-bg2.png) no-repeat}

.to-top{ dislpay:block; float:right; line-height:30px; margin-top:10px; background:url(../graphics/arrow-top.png) no-repeat right top; padding-right:30px; font-size:12px; color:#fff}

.two-col .column{ width:50%; float:left}
.two-col .column .column-inner, .bordered-col .spec-title{ margin:0 5px 0 0}
.two-col .right-col .column-inner, .bordered-col .right-col .spec-title{ margin:0 0 0 5px}

.three-col .column{ width:316px; float:left}
.three-col .middle-column{ width:318px; margin:0 10px}

.bordered-col .spec-title, .bordered-col .right-col .spec-title{ margin-top:5px}
.bordered-col .column .column-inner{ border:1px dotted #333; padding:10px}

.vehicle-sections p{ height:90px}

.spec-list{ margin:0 0 10px; padding:0; list-style:none}
.spec-list li{ margin:0 0 5px; padding:0 0 8px; list-style:none; background:url(../graphics/spec-item-bg.png) no-repeat right bottom; cursor:default}
.spec-list li span{ display:block; padding:8px 5px 0 20px; background:url(../graphics/spec-item-bg.png) no-repeat left top}

.category-section .spec-list li{ background:url(../graphics/spec-item-bg2.png) no-repeat right bottom}
.category-section .spec-list li span{ background:url(../graphics/spec-item-bg2.png) no-repeat left top}

.spec-list li:hover, .category-section .spec-list li:hover{ background-color:#55A7E2}

.section-box{ border:1px solid #ccc; border-right-color:#949494; border-bottom-color:#949494; border-radius:10px; -moz-border-radius:10px; margin-bottom:10px; position:relative}
.au-box{ background:url(../graphics/box-aus.png) no-repeat right top}
.nz-box{ background:url(../graphics/box-nz.png) no-repeat right top}
.half-box{ width:480px}
.highlight-section{ background:#1887D8; color:#fff; border-color:#1072ba; border-right-color:#03406d; border-bottom-color:#03406d}
.highlight-section a{ color:#FFF200}
.dealer-logo{ position:absolute; right:10px; bottom:10px}
/* table styles */
.table-list{ border-collapse:collapse; width:100%; margin-bottom:10px}
.table-list thead th{ padding:8px 5px; font-weight:bold; font-size:12px; color:#fff; background:url(../graphics/th-bg.png) no-repeat top left; border:1px solid #333}
.table-list tbody th, .table-list tbody td{ padding:5px; border:1px solid #333}
.table-list tbody th{ font-weight:bold}

.table-list tbody .odd th, .table-list tbody .odd td{ background:#e3e3e3}
/* end tables*/

#video-container{ background:url(../graphics/bg.png); padding:15px; border:1px solid #000; text-align:center}

/* compare vehicle styles */
.add-vehicle{ float:right; display:block; line-height:16px; font-weight:bold; width:80px; padding:2px 0 2px 15px; background:url(../graphics/compare-add-btn.png) no-repeat top; color:#fff; text-shadow:1px 1px 0px #343434}
.selected-vehicle{ background-position:left bottom}
#content-top .add-vehicle{ margin:9px 15px 0 0}

#compare-wrapper{ background:url(../graphics/compare-wrapper-bg.png) repeat-x top; position:fixed; left:0; bottom:0; height:66px; width:100%; text-align:left}
#compare-title{ position:absolute; left:10px; top:10px; color:#fff; font-size:18px; font-style:italic; line-height:56px; text-shadow:1px 1px 0px #343434}

#compare-btn{ position:absolute; right:20px; top:20px}

#compare-list-wrapper{ margin:15px 194px 5px 174px; position:relative}
#compare-list-items{ }
#compare-wrapper a{ }

.compare-item{ background:#fff url(../graphics/compare-item-bg.png) no-repeat left top; float:left; position:relative; margin-right:10px}
.compare-item-inner{ background:url(../graphics/compare-item-bg.png) no-repeat right bottom; padding:5px;}
.compare-item-img{ float:left}
/*.compare-item-details{ margin-left:55px}*/
.vehicle-name{ font-weight:bold; font-size:16px; color:#1887D8; line-height:18px; margin-right:20px}
.vehicle-subtitle{ line-height:18px; font-size:11px; white-space:nowrap}

.new-compare-item{ background-color:#047600}

.remove-item{ display:block; text-indent:-5000em; float:right; width:16px; height:16px; background:url(../graphics/remove-item.png) no-repeat; position:relative; z-index:100}

.disabled{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5}

#compare-table-wrapper{ position: relative; background:#E2E2E2; border-radius:15px; -moz-border-radius:15px}
#compare-table-wrapper .inner{ padding:10px}

.compare-table{ width:320px; float:left; border:1px solid #bababa; background:#fff url(../graphics/compare-rule.png) no-repeat 0 -30px; border-radius:10px; -moz-border-radius:10px; margin-left:10px; text-align:left}
.first{ margin:0}
.compare-table .inner{ padding:5px}

.compare-table .compare-item-details{ margin-left:100px; height:75px}
.compare-table .vehicle-name{ font-size:20px; padding:5px 0; color:#333}
.compare-table img.left{ margin-right:5px}

.compare-vehicle-details{ margin-bottom:10px}

.category-section{ margin-bottom:10px}
.category-section .vspecs-table{ margin:0}

#compare #print{ position:absolute; left:15px; color:#fff; font-weight:bold}
/* smooth scroll styles */
div.scrollingHotSpotLeft, div.scrollingHotSpotRight{ position:absolute; top:200px; z-index:200; background: url(../graphics/big_transparent.gif);}
div.scrollingHotSpotLeft{ left:0; cursor: url(../graphics/cursors/cursor_arrow_left.cur),w-resize; display:none}
div.scrollingHotSpotLeftVisible{ background:url(../graphics/compare-arrows.png) no-repeat left top; width: 100px; height: 100px; }
div.scrollingHotSpotRight{ right:0; cursor: url(../graphics/cursors/cursor_arrow_right.cur),e-resize}
div.scrollingHotSpotRightVisible{ background:url(../graphics/compare-arrows.png) no-repeat left bottom; width: 100px; height: 100px; }
div.scrollWrapper{ position: relative; overflow: hidden; width: 100%; height: 100%}
div.scrollableArea{ position: relative; width: auto; height: 100%}

#compare-list-wrapper div.scrollableArea{ height: 46px}
#compare-list-wrapper div.scrollingHotSpotLeft, #compare-list-wrapper div.scrollingHotSpotRight{ top:0}
#compare-list-wrapper div.scrollingHotSpotLeftVisible{ background:url(../graphics/compare-list-arrows.png) no-repeat left top; width: 46px; height: 46px; }
#compare-list-wrapper div.scrollingHotSpotRightVisible{ background:url(../graphics/compare-list-arrows.png) no-repeat left bottom; width: 46px; height: 46px; }
/* end compare */

/* outlet map */
#outlet-map{ width:590px; height:320px; background:url(../graphics/map-bg.png) no-repeat top left; position:relative; float:right; font-size:11px}

.outlet-container{ position:absolute; cursor:pointer}
.outlet-title{ background:url(../graphics/map-marker.png) no-repeat top; width:10px; height:10px; text-indent:-5000px; position:relative; z-index:600}
.partner .outlet-title{ background-position:left bottom}

.outlet-info{ position:absolute; left:-5px; top:-21px; z-index:700; height:36px; background:url(../graphics/map-marker-popup.png) no-repeat; background-position:right bottom; padding-right:10px; font-size:9px}
.outlet-info .inner{ background:url(../graphics/map-marker-popup.png) no-repeat; background-position:left -90px; padding:0; white-space:nowrap}

.partner .outlet-info{ top:-30px; height:45px; background-position:right -45px}
.partner .outlet-info .inner{ background-position:left top}

.outlet-info a{ color:#333; display:block; padding:20px 0 7px 10px; }
.outlet-info a:hover{ text-decoration:none}

#outlet-map h2{ font-size:24px; font-style:italic; text-shadow:1px 1px 0px #0b5488; color:#fff; margin:10px}
#metro{ left:48px; top:210px}
#qrv{ left:315px; top:162px}
#amh{ left:304px; top:216px}
#cruisin{ left:262px; top:295px}
#rrv{ left:510px; top:86px}
#rrv .outlet-info{ left:auto; right:-5px}
#freedom{ left:468px; top:209px}
#albury{ left:260px; top:250px}
#kratz{ left:317px; top:174px}
#motoco{ left:278px; top:107px}
#greenG{ left:312px; top:164px}
#greenB{ left:317px; top:174px}

#darwin{ left:156px; top:47px}
#cairns{ left:272px; top:88px}
#alice{ left:175px; top:138px}
#brisbane{ left:316px; top:177px}
#sydney{ left:293px; top:229px}
#melbourne{ left:249px; top:258px}
#adelaide{ left:210px; top:230px}
#broome{ left:85px; top:96px}
/* end map */

#home-banner{ position:relative; height:320px; margin-bottom:10px}
#welcome-text{ margin-right:580px; position:absolute; top:0; left:0; z-index:500; text-align:left; background:url(../graphics/home-banner-bg.png) no-repeat; color:#fff; height:320px; width:390px}
#welcome-text .inner{ margin-right:10px}
#banner-right{ position:absolute; right:0; top:0; width:10px; height:320px; z-index:1000; background:url(../graphics/home-banner-bg.png) no-repeat top right}

#slideshow{ margin-left:380px}

.content-panel{ background:url(../graphics/slide-panel-bg.png) no-repeat top right}

.news-wrapper{ width:370px; float:left}
.newsPanel{ height:286px; overflow:auto; background:url(../graphics/newsPanel-bg.png)}
.news-item{ padding:10px; border-bottom:1px dotted #1887D8}
.news-date{ font-size:11px; margin-bottom:5px}
.news-title{ margin-bottom:5px}

#map-wrapper{ width:480px; height:500px; border:1px solid #ccc; float:right; margin-left:10px}

/* new page */
.news-release-item{ margin-bottom:20px; border-bottom:1px dashed #ccc}
.news-release-content{ margin-left:170px}
.movie-item .news-release-content{ margin-left:180px}

.news-release-item-data{ height:25px; line-height:25px; background:url(../graphics/news-release-item-data-bg.png) no-repeat right bottom}
.news-release-link{ display:block; float:left; padding:0 15px; background:url(../graphics/news-release-link-bg.png) no-repeat left bottom}
.news-release-link, .news-release-link a{ color:#333}
.news-release-item-data ul{ list-style:none; float:left; margin:0; padding:0 0 0 15px; background:url(../graphics/news-release-item-data-ul-bg.png) no-repeat left; height:25px}
.news-release-item-data li{ float:left; margin-right:15px; padding:0 15px 0 0}

.testimonial{ background:url(../graphics/quote-left.png) no-repeat left top; padding:0 0 10px 25px; margin-bottom:10px; border-bottom:1px dashed #ccc}
.testimonial-date{ font-style:italic; font-weight:bold}
.quote-right{ margin-bottom:-3px}

/* form styles */
.req{ color:#c00}
#contact-details{ width:370px; float:left}
#contact-form{ width:590px; float:right}

#contact-form .form-element{ clear:left; padding:5px; border-bottom:1px solid #ccc}
#contact-form .active{ background:#CAE5F8}
#contact-form label{ display:block; float:left; width:150px; line-height:25px}

#contact-form .input input{ padding:0; text-indent:5px; line-height:25px; background:url(../graphics/contact-input-bg.png) no-repeat; height:25px; width:420px}
#contact-form .textarea textarea{ border:none; font-family:inherit; font-size:inherit; padding:0; text-indent:5px; line-height:25px; background:url(../graphics/contact-textarea-bg.png) no-repeat; height:200px; width:420px}

#contact-form .double textarea{ background:url(../graphics/contact-double-bg.png) no-repeat}

#contact-form .captcha div{ margin-left:150px}
#contact-form .captcha img{ margin:5px 0 10px 0}

#contact-form .buttons{ text-align:center; margin-top:10px}

#orderNumberInput{ border:1px solid #ccc; padding:3px 5px; clear:left}
/* end form */

#sb-nav .more-videos{ display:block; float:right; width:auto; height:18px; line-height:18px; padding:0 10px; border-radius:5px; -moz-border-radius:5px; background:#fff; color:#333}

/* dealers portal */
#side-nav{ width:220px; float:left; margin:-10px 10px -10px -10px; background:url(../graphics/side-col-bg.png) repeat-y; min-height:400px}


#side-nav ul{ padding:0; margin:10px 0 0; list-style:none}
#side-nav li{ border-bottom:1px dashed #fff; ; list-style:none}

#side-nav h3{ margin:10px; text-shadow:1px 1px 0px #fff;}
#side-nav a{ line-height:18px; display:block; padding:6px 10px}
#side-nav a:hover{ background:#1887D8; color:#fff; text-decoration:none}


/* sitemap */
#sitemap, #sitemap ul{ background:url(../graphics/vline.png) repeat-y left; margin:0; padding:0; list-style:none}
#sitemap ul{ margin-left:10px}
#sitemap li{ margin: 0; padding: 0 12px; line-height: 20px; background: url(../graphics/node.png) no-repeat; list-style:none}
#sitemap ul.last{ background:none}
#sitemap li.last { background:#fff url(../graphics/lastnode.png) no-repeat}
#sitemap ul li a{ font-weight:normal}
#Portal-button div{ width:185px; height: 35px; border:1px solid #bbbbbb; text-align: center;}
/* end sitemap */

.low-line{ width:370px}
.low-line em{ display:block; margin-top:5px; font-weight:bold}

#veh-slideshow{ float:right; width:590px; height:320px; margin:0 0 10px 10px}

.terms{ font-size:11px; color:#999}
.terms a{ color:#999}

#promo-banner{ width:370px; height:120px; /*background:url(../graphics/promo-banner-bg.png) no-repeat;*/ float:left; clear:left; margin-top:10px}
/*#promo-banner h2, #promo-banner p{ margin:0 130px 0 10px}
#promo-banner h2{ margin-top:10px}
#promo-banner p{ margin-top:10px}*/

#header-promo{ padding-top:1px; position:relative}
#header-promo img{ margin:0}
#header-promo img#header_promo_2{ margin-left:70px}
#header-promo img#header_promo_3{ float:right; margin-top:-37px; position:relative; z-index:0}
#header-promo-links{ position:absolute; left:0; top:82px; width:435px}
#header-promo .terms{ font-size:11px; color:#fff; float:right; margin-top:10px}

.exhibition-images{ width:570px; padding-left:10px; text-align:center; font-weight:bold; color:#999; font-style:italic}
.exhibition-images img{ display:block; margin-bottom:5px}

.three-col-wrapper .col{ width:310px; float:left}
.middle-col{ margin:0 20px}

.large-text{ font-size:26px}
.large-text p{ font-size:18px}

.caravan-read-more{ display:block; float:left; position:relative; margin-top:-45px; font-style:italic}

.floorplan-img{ border-bottom:1px dotted #999; margin-bottom:15px; padding:15px; text-align:center}

.landing-img{ float:right; padding-left:10px; width:590px}
.landing-img img{ margin-bottom:15px}
.landing-img a img{ margin:0}