@charset "utf-8";
/*
Author: Darren Jones
Author URL: http://www.gcweb.com.au/
*/

/* Overall page structure
========================================================== */
body { background:#0A1015 url(../images/common/bg_body.jpg) no-repeat center top; margin:0; padding:30px 0 0 0;}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,label {margin:0;padding:0;}

table { border-collapse:collapse;}
a img { border:0px none;}
.clear { clear:both;}
.pngfix {}

#container { width:950px; height:705px; margin:0 auto; position:relative;}
#containerBlog { width:950px; height:705px; margin:0 auto; position:relative;}

#container #boat, #containerBlog #boat { position:absolute; left:-29px; top:-21px; z-index:100;}

/* Header 
------------------------------------------------- */
#header { width:876px; height:145px; position:absolute; top:0px; left:74px;}

#header #top { width:876px; height:25px; background:url(../images/common/bg_black.png) repeat;}

#header #topLogo { width:876px; height:84px; background: url(../images/common/bg_header.gif) repeat-x;}
#topLogo #logo { display:block; float:left; width:258px; margin-left:101px;}
#topLogo #enhance { display:block; float:left; width:263px; margin:22px 0 0 30px;}
#topLogo #fb { float:right; width:120px; margin:20px 25px 0 0;}
#topLogo #search { display: none; float:right; width:165px; margin:30px 10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#fff;}
#search input { background: url(../images/common/bg_search.gif) repeat-x top left; float: left; padding: 5px 5px 0 5px; height:20px; width: 145px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#013466;}
#search input.btn { background: none; border: 0; margin: 0 0 0 -27px; padding: 0; height:25px; width:27px;}
#search br { clear:both;}

#header #menu { width:775px; padding-left:101px; height:36px; background: url(../images/common/bg_menu.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase;}
#menu li { list-style:none; display:inline;}
#menu li a { display:block; float:left; background:url(../images/common/bg_menuSep.gif) no-repeat top left; padding:2px 18px 0 20px; height:31px; margin-top:1px; color:#fff; text-decoration:none;}
#menu li a:hover { color:#1B537C;}
#menu li a.home { padding:8px 10px 0 10px; height:25px;}
#menu li a.water{ padding:2px 10px 0 10px; height:25px;}
#menu li a.contact { padding:2px 10px 0 10px; height:24px; width:auto;}

/* Home Page
========================================================== */

/* News Panel 
------------------------------------------------- */
#news { width:145px; height:365px; padding:5px 15px 0 15px; background:url(../images/common/bg_news.jpg) repeat; position:absolute; top:185px; left:0; z-index:100; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
#news a { color:#7CCDE4; text-decoration:underline;}
#news a:hover { color:#7CCDE4; text-decoration:none;}


/* Request a Brochure & DVD 
------------------------------------------------- */
#request { width:166px; height:100px; padding:5px 0 0 9px; background: url(../images/common/bg_request.jpg) no-repeat; position:absolute; top:555px; left:0;}
#request.boatRanges { top:615px;}
#request img { margin:5px 0 0 9px;}

/* Display boats Flash 
------------------------------------------------- */
#display { width:525px; height:245px; position:absolute; top:145px; left:175px;}
#findAdealer { width:250px; height:245px; position:absolute; top:145px; left:700px;}

/* About Tournament
------------------------------------------------- */
#About { display:block; width:525px; height:165px; position:absolute; top:390px; left:175px; background:url(../images/common/bg_about.jpg) no-repeat;}
#About #title { width:515px; height:25px; padding:8px 0 0 10px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#About #wording { width:525px; height:130px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; position:relative;}
#About #wording a { color:#7CCDE4; text-decoration:underline;}
#About #wording a:hover { color:#7CCDE4; text-decoration:none;}

/* Scroll Bar Styling */
#About #wording #scrollText { margin:10px; background:none; padding-right:5px; width:500px; height:110px; overflow:auto; position:absolute; top:0; left:0;}

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }

.vscrollerbase { width: 6px; background-color:#4D5459; }
.vscrollerbar { width: 6px; background-color: #2882C4; cursor:pointer;}
.hscrollerbase { height: 6px; background-color: white;}
.hscrollerbar { height: 6px; background-color: #353535;}

.scrollerjogbox { width: 6px; height: 6px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray;}

/* Scrolling Boats
------------------------------------------------- */
#scroller { width:505px; padding:10px; background:url(../images/common/bg_scroller.jpg) no-repeat; position:absolute; top:555px; left:175px;}

/* Featured Boat(s)
------------------------------------------------- */
#featured { width:250px; height:270px; position:absolute; top:390px; right:0;}
#featured #title { width:240px; height:25px; padding:8px 0 0 10px; background:#2882C4; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#featured #image { width:250px; height:130px;}
#featured #wording { width:230px; height:85px; padding:10px; background:url(../images/common/bg_white.png) repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff;}
#featured #wording h1 { font-size:15px; margin-bottom:8px;}
#featured #wording a { color:#7CCDE4; text-decoration:underline;}
#featured #wording a:hover { color:#7CCDE4; text-decoration:none;}


/* Boat Range Page
========================================================== */

/* Boat Range overview
------------------------------------------------- */
#boat_range { width:758px; height:505px; padding:10px 0 0 17px; background:url(../images/common/bg_content.jpg) no-repeat; position:absolute; top:145px; left:175px;}
#boat_range li { display:inline; list-style:none;}
#boat_range li div { display:block; float:left; width:170px; height:110px; margin:0 17px 10px 0;}
#boat_range li div li { display:block; width:170px; margin:0; padding:0;}
#boat_range li div li a.main img { width:158px; height:81px; padding:1px; margin:0; background:#004578; border:5px solid #2C85C6;}
#boat_range li div li a:hover.main img { border:5px solid #004578; background:#2C85C6;}
#boat_range li div li a.text { display:block; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none;}
#boat_range li div li a:hover.text { color:#2C85C6;}
#boat_range li div li a img { padding:0 10px;}
#boat_range li div li a img.preditor { padding:0 5px 0 0;}

#boatList { width:145px; height:425px; padding:5px 15px 0 15px; background: url(../images/common/bg_boatList.jpg) repeat; position:absolute; top:185px; left:0; z-index:100; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
#boatList.pages { height:364px;}
#boatList li { list-style:none; display:block;}
#boatList li a { width:140px; color:#fff; text-decoration:none;}
#boatList li a:hover { color:#7CCDE4; text-decoration:underline;}
#boatList li a img { padding:0 10px 0 0;}


/* Boat Range details
------------------------------------------------- */
#boat_range_details { width:755px; height:555px; padding:10px; background: url(../images/common/bg_boatRange.jpg) no-repeat; position:absolute; top:145px; left:175px;}
#boat_range_details #images { display:block; float:left; width:465px; height:555px;}
#boat_range_details #images.boats { position:relative;}

#boat_range_details #images.boats img.warranty { position:absolute; left:13px; top:500px; z-index:100;}
#boat_range_details #images.boats img.hull { position:absolute; left:104px; top:500px; z-index:100;}
#boat_range_details #images.boats img.stringer { position:absolute; left:195px; top:500px; z-index:100;}
#boat_range_details #images.boats img.draining { position:absolute; left:286px; top:500px; z-index:100;}
#boat_range_details #images.boats img.gen { position:absolute; left:286px; top:500px; z-index:100;}

#boat_range_details #images img#placeholder { display:block; width:460px; height:290px; border:2px solid #2C85C6; margin-bottom:7px;}
p#desc { display:none;}

#boat_range_details #images #group li { list-style:none; display:inline;}
#boat_range_details #images #group li a img { display:block; float:left; border:1px solid #2C85C6; margin:0 1px 1px 0;}
#boat_range_details #images #group li a:hover img { border:1px solid #0A2137;}

#boat_range_details #details { display:block; float:right; width:285px; height:555px;}

div.CollapsiblePanelTab a { display:block; width:285px; height:30px; background:url(../images/common/bg_details.gif) no-repeat; margin-bottom:1px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-decoration:none; line-height:30px; text-indent:10px;}
div.CollapsiblePanelTab a:hover { background:url(../images/common/bg_detailsH.gif) no-repeat;}
div.CollapsiblePanelContent { display:block; width:295px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ccc;}
div.CollapsiblePanelContent #text { display:block; margin:10px; width:285px;}
div.CollapsiblePanelContent #text em { display:block; float:left; width:210px; font-style:normal; font-weight:700; color:#fff;}

div.CollapsiblePanelTab a.video { color:#4EA0DA; background: url(../images/common/bg_video.gif) repeat-x;}
div.CollapsiblePanelTab a.video:hover { color:#fff; background:url(../images/common/bg_video.gif) repeat-x 0 -30px;}

.blueTitle { color:#7CCDE4;}



/* Content Pages
========================================================== */

/* About Us
------------------------------------------------- */
#about_us { width:330px; height:495px; padding:10px 435px 10px 10px; background:url(../images/common/bg_about-us.jpg) no-repeat; position:absolute; top:145px; left:175px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:17px;}

/* Dealer Locator
------------------------------------------------- */
#dealers { width:755px; height:495px; padding:10px; background: url(../images/common/bg_content.jpg) no-repeat; position:absolute; top:145px; left:175px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:17px;}
#dealers #dealer_content { width:755px; height:495px; position:relative;}
#dealers #dealer_content #map { width:440px; height:335px; position:absolute; top:0; left:0;}
#dealers #dealer_content #enquire { display:none; width:440px; height:150px; position:absolute; top:340px; left:0;}
#dealers #dealer_content #enquire #formLeft { width:187px; display:block; float:left; margin-top:10px;}
#dealers #dealer_content #enquire #formRight { width:187px; display:block; float:left; margin-top:10px;}
#dealers #dealer_content #enquire #formSend { width:62px; display:block; float:left; margin-top:10px;}
#dealers #dealer_content #enquire label { display:block; float:left; width:65px; margin-bottom:5px; line-height:23px; text-indent:5px;}
#dealers #dealer_content #enquire input { display:block; float:left; width:105px; padding:5px; margin-bottom:5px; background:#79CAE3; color:#000; border:0px none;}

#dealers #dealer_content #locations { width:310px; height:460px; position:absolute; top:35px; right:0; border-left:1px solid #fff;}

#dealers #dealer_content #locations { margin:0; background:none; padding:0 0 0 15px; width:290px; height:450px; overflow:auto; position:absolute; top:35px; right:0;}

#dealers #dealer_content #locations h1 { display:block; padding:5px; font-size:16px; background:#2882C4;}
#dealers #dealer_content #locations a { color:#fff; text-decoration:underline;}
#dealers #dealer_content #locations a:hover { color:#7CCDE4; text-decoration:none;}
#dealers #dealer_content #locations em { display:block; width:50px; float:left; font-style:normal;}

/* Brochure Request & DVD
------------------------------------------------- */
#brochureRequest { width:485px; height:495px; padding:10px 280px 10px 10px; background: url(../images/common/bg_brochure1.jpg) no-repeat; position:absolute; top:145px; left:175px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:17px;}
#brochureRequest label { display:block; float:left; width:102px; margin-bottom:5px; line-height:23px;}
#brochureRequest input { display:block; float:left; width:220px; padding:5px; margin-bottom:5px; background:#79CAE3; color:#000; border:0px none;}
#brochureRequest br { clear:both;}

/* Research & Development
------------------------------------------------- */
#research_development { width:755px; height:495px; padding:10px; background: url(../images/common/bg_content.jpg) no-repeat; position:absolute; top:145px; left:175px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:17px;}
#research_development a { color:#7CCDE4; text-decoration:underline;}
#research_development a:hover { color:#7CCDE4; text-decoration:none;}
#research_development img.border { border:1px solid #fff;}

/* Contact Us
------------------------------------------------- */
#contact { width:755px; height:495px; padding:10px; background: url(../images/common/bg_content.jpg) no-repeat; position:absolute; top:145px; left:175px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:17px;}
#contact label { display:block; float:left; width:100px; margin-bottom:5px; line-height:23px;}
#contact input { display:block; float:left; width:220px; padding:5px; margin-bottom:5px; background:#79CAE3; color:#000; border:0px none;}
.drpdwn { display:block; float:left; width:229px; padding:5px; margin-bottom:5px; background:#79CAE3; color:#000; border:0px none;}
.tdpadding { padding-left:12px; width:0px !important; }
#contact textarea { display:block; float:left; width:420px; height:120px; padding:5px; margin-bottom:5px; background:#79CAE3; color:#000; border:0px none; font-family:Arial, Helvetica, sans-serif; color:#000;}
#contact br { clear:both;}
#contact em { display:block; float:left; width:60px; font-style:normal;}
#contact a { color:#7CCDE4; text-decoration:underline;}
#contact a:hover { color:#7CCDE4; text-decoration:none;}

#booking { width:755px; height:495px; padding:10px; background: url(../images/common/bg_content.jpg) no-repeat; position:absolute; top:145px; left:175px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:17px;}
#booking label { display:block; float:left; clear:both; width:155px; margin-bottom:5px; line-height:23px;}
.textfield { display:block; float:left; width:220px; padding:5px; margin-bottom:5px; background:#79CAE3; color:#000; border:0px none;}
.drpdwn { display:block; float:left; width:229px; padding:5px; margin-bottom:5px; background:#79CAE3; color:#000; border:0px none;}
.tdpadding { padding-left:12px; width:0px !important; background-color:none !important; }

#contact br { clear:both;}


/* Blog
------------------------------------------------- */
#blogContainer { position:absolute; top:145px; left:175px;}
#blog { width:755px; height:; padding:10px 10px 50px 10px; background:url(../images/blog/bg_content.png) repeat; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:17px;}


/* Factury Cashback
------------------------------------------------- */
#factury_cashback { width:755px; height:495px; padding:10px; background: url(../images/common/bg_content.jpg) no-repeat; position:absolute; top:145px; left:175px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:17px;}
#factury_cashback a { color:#7CCDE4; text-decoration:underline;}
#factury_cashback a:hover { color:#7CCDE4; text-decoration:none;}
#factury_cashback img.border { border:1px solid #fff;}
#factury_cashback h1 { font-size:22px; font-weight:normal;}

/* Footer
------------------------------------------------- */
#footer { width:950px; height:20px; padding-top:15px; background:url(../images/common/bg_black.png) repeat-x top; position:absolute; top:660px; left:0; color:#39505E; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#footer.boatRange { top:720px;}
#footer a { color:#39505E; text-decoration:none;}
#footer a:hover { color:#fff;}
#footer a.gc { float:right;}



#locations1 {padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:17px; }
#locations1 a { color:#666; text-decoration:none;}
#locations1 a:hover { color:#DF1A23; text-decoration:none;}

