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

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

table {border-collapse:collapse;}

#container { display:block; width:878px; margin:0 auto 0;}

#clear { clear:both;}

/* Header
----------------------------------------------- */
#header { position:relative; display:block; width:878px; height:150px;}
#header .logo { position:absolute; left:5px; top:14px; border:0px none;}
#header .topSlice { position:absolute; top:130px; left:0; z-index:-100;}

/* Header MENU
----------------------------------------------- */
#header #menu { position:absolute; top:95px; right:9px; display:block; width:635px; height:35px;}

.menu {font-size:12px; font-weight:700; font-family:Arial, Helvetica; width:635px;}
.menu ul {padding:0;margin:0;list-style-type:none; height:35px; width:635px;}
.menu ul ul {width:150px;}
.menu ul li {float:left; width:105px;height:35px;line-height:35px; margin-right:1px;}
.menu ul li.last {float:left; width:105px;height:35px;line-height:35px; margin-right:0px;}
.menu ul ul li {display:block;height:auto; line-height:1em;}
.menu ul ul li.top {display:block;height:5px;background:#0D59A0;}
.menu ul ul li.end { background:url(../images/common/bg_subfooter.gif) no-repeat; display:block; width:168px; height:7px;}
.menu ul ul ul li.top { background:url(../images/common/bg_sub2header.gif) no-repeat; display:block; width:168px; height:7px;}
.menu ul ul ul li.end { background:url(../images/common/bg_sub2footer.gif) no-repeat; display:block; width:168px; height:7px;}
.menu a, .menu a:visited {display:block;float:left; width:105px; height:35px;text-decoration:none;color:#fff;background: url(../images/common/bg_menu.gif) no-repeat -106px 0px; text-align:center;}
.menu ul ul a, .menu ul ul a:visited {display:block;background:#0D59A0; color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em; text-align:left}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}
.menu table {position:absolute; left:1px; top:0; width:0; height:0; font-size:1em; z-index:-1;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#0A3E6C;}
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#1568BB;}
.menu ul :hover a.sub1 {background:#0A3E6C;}
* html .menu a:hover {color:#FFCC00;background: url(../images/common/bg_menu.gif) no-repeat; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#FFCC00;background: url(../images/common/bg_menu.gif) no-repeat;}
* html .menu ul ul a:hover{color:#FFCC00;background:#0A3E6C; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#FFCC00;background:#0A3E6C;}
* html .menu ul ul ul a:hover {background:#1568BB; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#1568BB;}
.menu ul ul ul ul a:hover {background:#d4debc; position:relative; z-index:130;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:35px;left:0;width:14em;}
.menu ul ul ul{left:12em;top:0;width:14em;}
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:transparent;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}



/* Content Left
----------------------------------------------- */
#content { display:block; background:url(../images/common/bg_content.gif) repeat-y; width:820px; padding:5px 29px 0 29px;}
#content #leftCol { float:left; display:block; background:#F7F7F7; width:250px;}
#leftCol h1 { display:block; width:250px; height:30px; background:url(../images/common/bg_sidemenu.gif) no-repeat; font-family:Arial, Helvetica; font-size:15px; font-weight:700; color:#FFCC00; text-transform:uppercase; line-height:30px; text-indent:10px;}
#leftCol h1.top { margin:10px 0 1px 0;}
#leftCol img.map { padding:10px 0; border:0px none;}
#leftCol a.contact { font-family:Arial, Helvetica; font-size:12px; color:#0A3E6C; padding-right:10px; text-decoration:none;}
#leftCol a:hover.contact { color:#1C9EF7;}

#leftCol a { color:#fff; text-decoration:none;}
#leftCol a:hover { color: #FFCC00; text-decoration:underline;}

/* Collapsible Panels
----------------------------------------------- */
div.PanelTab { display:block; width:250px; height:31px; background: url(../images/common/bg_sidemenu.gif) no-repeat 0px -31px; font-family:Arial, Helvetica; font-size:12px; color:#fff; line-height:28px; text-indent:10px; cursor:pointer;}
div.PanelTab:hover { background: url(../images/common/bg_sidemenu.gif) no-repeat 0px -62px;}

div.PanelTab2 { display:block; width:250px; height:31px; background: url(../images/common/bg_sidemenu.gif) no-repeat 0px -62px; font-family:Arial, Helvetica; font-size:12px; color:#fff; line-height:28px; text-indent:10px; cursor:pointer;}
div.PanelTab2:hover { background: url(../images/common/bg_sidemenu.gif) no-repeat 0px -31px;}

div.CollapsiblePanelTab { display:block; width:240px; height:31px; background: url(../images/common/bg_sidemenu.gif) no-repeat 0px -31px; font-family:Arial, Helvetica; font-size:12px; color:#fff; line-height:28px; padding-left:10px; cursor:pointer;}
div.CollapsiblePanelTab:hover { background: url(../images/common/bg_sidemenu.gif) no-repeat 0px -62px;}
div.CollapsiblePanelTab img { float:right; padding:9px 12px 0 0;}

div.CollapsiblePanelContent1 { display:block; width:250px; height:124px; font-family:Arial, Helvetica; font-size:12px; color:#fff;}
div.CollapsiblePanelContent2 { display:block; width:250px; height:62px; font-family:Arial, Helvetica; font-size:12px; color:#fff;}


/* Content Right
----------------------------------------------- */
#content #rightCol { float:right; display:block; border-top:5px solid #0B4274; padding-top:10px; width:550px; font-family:Arial, Helvetica; font-size:13px; color:#0B4274;}

#rightCol img.boat { border:1px solid #0B4274; padding:1px; margin-left:5px;}
#rightCol h1 { font-family:Arial, Helvetica; font-size:24px; color:#0B4274; font-weight:normal;}
#rightCol h2 { font-family:Arial, Helvetica; font-size:18px; color:#0B4274; font-weight:normal; border-bottom:1px solid #0B4274;}
#rightCol h3 { font-family:Arial, Helvetica; font-size:18px; color:#0B4274; font-weight:normal; border-bottom:1px solid #0B4274; margin-bottom:10px;}
#rightCol img.options { border:1px solid #0B4274; padding:1px;}

#rightCol #underboats { display:block; width:420px; margin:0 auto;}
#rightCol img.underboat1 { border:1px solid #0B4274; padding:1px;}
#rightCol img.underboat2 { border:1px solid #0B4274; padding:1px; margin-left:10px;}

/* Content Right Dealer Locator
----------------------------------------------- */
h1.dealer { display:block; height:50px; background:url(../images/common/bg_dealerTitle.gif) repeat-x; border-top:2px solid #0B4274; font-family:Arial, Helvetica; font-size:18px; color:#0B4274; font-weight:normal; line-height:35px; text-indent:10px;}
em { display:block; float:left; width:60px; font-style:normal;}


/* Content Right Boat Tests
----------------------------------------------- */
h1.tests { display:block; height:50px; background:url(../images/common/bg_dealerTitle.gif) repeat-x; border-top:2px solid #0B4274; font-family:Arial, Helvetica; font-size:18px; color:#0B4274; font-weight:normal; line-height:35px; text-indent:10px;}

a.tests { color:#0B4274; text-decoration:none;}
a:hover.tests { color: #1C9EF7; text-decoration:underline;}


/* Content Right Contact Us
----------------------------------------------- */
#rightCol label { display:block; float:left; width:80px; line-height:200%;}
#rightCol input, select { border:1px solid #E5E5E5; width:220px; padding:5px; font-family:Arial, Helvetica; font-size:13px;}
#rightCol textarea { border:1px solid #E5E5E5; width:320px; height:120px; padding:5px; font-family:Arial, Helvetica; font-size:13px;}
#rightCol br.contact { clear:both;}

#rightCol label.validation { height:95px;}


/* Content Right Boat Range
----------------------------------------------- */
#boatRange { display:block; background:#F7F7F7 url(../images/common/bg_boatrangeTitle.gif) repeat-x; border-top:2px solid #0B4274; padding:10px; margin:0 0 15px 0;}
#boatRange h1 { display:block; font-family:Arial, Helvetica; font-size:24px; height:30px; color:#0B4274; font-weight:normal; visibility:visible; margin-bottom:10px; z-index:100;}
#boatRange img { display:block; float:left; padding:4px; background:#fff; border:1px solid #0B4274;}
#boatRange ul { list-style-type:none; display:block;}
#boatRange li { display:inline;}
#boatRange li a { display:block; float:left; height:30px; width:300px; margin-left:10px; font-family:Arial, Helvetica; font-size:16px; color:#0B4274; text-decoration:none; line-height:28px; border-bottom:1px dotted #0B4274;}
#boatRange li a img { border:0px none; padding:0px; margin:10px 10px 10px 5px;}
#boatRange li a:hover { background:url(../images/common/bg_sidemenu.gif) repeat-x 0px -62px; color:#FFCC00;}
#boatRange .clear { clear:both;}

#extras ul { list-style-type:none;}
#extras li { display:inline;}
#extras li a img { display:block; float:left; border:1px solid #0B4274; padding:1px; margin-right:5px; margin-top:5px; }
#extras li a:hover img { border:1px solid #FFCC00;}
#extras .clear { clear:both;}

/* Warranty
----------------------------------------------- */
#rightCol.warranty ol { margin:25px;}
#rightCol.warranty ol li { padding-left:5px;}


/* Footer
----------------------------------------------- */
#footer { display:block; background:url(../images/common/bg_footer.jpg) no-repeat; width:840px; height:105px; padding:0 9px 9px 29px;}
#footer #copyright { float:left; display:block; width:250px; height:105px; font-family:Arial, Helvetica; font-size:11px; color:#fff; line-height:100px; text-align:center;	}
#footer #gcweb { float:right; display:block; width:250px; height:20px; line-height:20px; font-family:Arial, Helvetica; font-size:11px; color:#1266B4; text-align:right; margin:85px 5px 0 0;}
#footer #gcweb a { color:#1266B4; text-decoration:none;}
#footer #gcweb a:hover { color:#1C9EF7; text-decoration:underline;}




