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

/* Overall page structure
========================================================== */
body { background:#F2F2F2; 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 { width:842px; background:url(../images/common/bg_content.jpg) repeat-y; margin:0 auto 0;}

.clear { clear:both;}

/* Header 
========================================================== */
#header { display:block; width:820px; height:180px; padding:11px 11px 0 11px; background:url(../images/common/bg_header.jpg) no-repeat;}
#header a img { border:0px none;}

/* Main Menu 
--------------------------------- */
#menu { display:block; height:35px; background:url(../images/common/bg_menu.gif) repeat-x; margin:0 11px; color:#fff; font-family:Arial; font-size:11px; font-weight:700; text-transform:uppercase;}

.menu {font-size:12px; font-weight:700; font-family:Arial, Helvetica;}
.menu ul {padding:0;margin:0;list-style-type:none; height:35px;}
.menu ul ul {width:150px;}
.menu ul li {float:left; height:35px;line-height:32px; margin-right:1px;}
.menu ul ul li {display:block;height:auto; line-height:1em;}
.menu ul ul li.top {display:block;height:5px;background:#1B3862;}
.menu a, .menu a:visited {display:block; padding:0 10px;float:left; height:35px;text-decoration:none;color:#fff; text-align:center;}
.menu ul ul a, .menu ul ul a:visited {display:block;background:#1B3862; 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:#244A84;}
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#0D59A0;}
.menu ul :hover a.sub1 {background:#244A84 url(../images/common/bg_submenu.gif) no-repeat 135px 7px;}
* html .menu a:hover {color:#FFFF00; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#FFFF00;}
* html .menu ul ul a:hover{color:#FFFF00;background:#244A84; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#FFFF00;background:#244A84;}
* html .menu ul ul ul a:hover {background:#0D59A0; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#0D59A0;}
.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;}

/* Main Content 
========================================================== */
#content { display:block; margin:0 11px; padding:5px;}

/* Main Content - Home page
--------------------------------- */
#wordingHome { display:block; float:left; width:285px; height:350px; padding:15px; background:#337AB0;margin-right:5px; font-family:Arial; font-size:12px; color:#fff; line-height:18px;}

#wordingHome h1 { font-size:16px; font-weight:700; text-transform:uppercase;}

ul.homeBoatRange { display:block; float:right; width:490px;}
ul.homeBoatRange li { list-style:none; display:inline; float:left; margin:1px 5px 0 0; }
ul.homeBoatRange li.top { margin-top:0px;}
ul.homeBoatRange li.topRight { margin-top:0px; margin-right:0px;}
ul.homeBoatRange li.right { margin-right:0px;}
ul.homeBoatRange li #clarkRange { display:block; width:160px; height:126px;}

#clarkRange img { border-bottom:1px solid #fff;}
#clarkRange p.links { display:block; background:url(../images/common/bg_homeBoatlink.gif) repeat-x; height:35px; line-height:32px; color:#fff; font-family:Arial; font-size:12px; font-style:italic; text-align:center;}
#clarkRange p.links a { color:#fff; text-decoration:none;}
#clarkRange p.links a:hover { color:#FFFF00; text-decoration: underline;}

/* Main Content - About us page
--------------------------------- */
#boatRange.about { display:block; float:left; width:260px; padding:15px; background:#284E7B; font-family:Arial; font-size:12px; color:#fff; line-height:18px;}
#boatRange.about h1 { font-size:16px; font-weight:700; font-family:Arial; color:#fff; text-transform:uppercase;}

#boatRange.about ul { margin-left:0px;}
#boatRange.about li { list-style:none; margin-bottom:2px; border-bottom:1px dotted #fff;}
#boatRange.about li a img { border:0px none; padding:0 10px 2px 5px;}
#boatRange.about li a { display:block; height:20px; font-family:Arial; font-size:12px; color:#fff; text-decoration:none;}
#boatRange.about li a:hover { color:#FFFF00; background:#24466F;}


#wordingAbout { display:block; float:right; width:485px; height:350px; padding:15px; background:#337AB0; font-family:Arial; font-size:12px; color:#fff; line-height:18px;}

#wordingAbout h1 { font-size:16px; font-weight:700; text-transform:uppercase;}

/* Main Content - Dearlers page
--------------------------------- */
#wordingDealers { display:block; float:right; width:485px; padding:15px; background:#337AB0; font-family:Arial; font-size:12px; color:#fff; line-height:18px;}

#wordingDealers h1 { font-size:16px; font-weight:700; text-transform:uppercase;}
#wordingDealers h1.dealers { display:block; border-bottom:1px dotted #fff; height:39px; font-family:Arial; font-size:26px; color:#fff; font-weight:normal; line-height:37px; text-indent:15px; text-transform:capitalize; font-style:italic; margin:50px 0 10px 0;}

#wordingDealers ul { border-bottom:1px dotted #fff; padding-bottom:10px;}
#wordingDealers li { list-style:none; display:block; font-family:Arial; font-size:12px; color:#fff; padding-left:16px;}
#wordingDealers li a { color:#fff; text-decoration:none;}
#wordingDealers li a:hover { color:#FFFF00; text-decoration:underline;}

#dealerMap { width:400px; margin:0 auto 0;}


/* Main Content - Warranty page
--------------------------------- */
#wordingWarranty { display:block; float:right; width:485px; padding:15px; background:#337AB0; font-family:Arial; font-size:12px; color:#fff; line-height:18px;}

#wordingWarranty h1 { font-size:16px; font-weight:700; text-transform:uppercase;}
#wordingWarranty ol { margin:25px;}
#wordingWarranty a { color:#fff; text-decoration:underline;}
#wordingWarranty a:hover { color:#FFFF00; text-decoration:none;}


/* Main Content - Contact page
--------------------------------- */
#wordingContact { display:block; float:right; width:485px; padding:15px; background:#337AB0; font-family:Arial; font-size:12px; color:#fff; line-height:18px;}

#wordingContact h1 { font-size:16px; font-weight:700; text-transform:uppercase;}
#wordingContact a { color:#fff; text-decoration:underline;}
#wordingContact a:hover { color:#FFFF00; text-decoration:none;}

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

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


/* Main Content - Boat Range page
--------------------------------- */
#wordingBoats { display:block; float:right; width:485px; padding:15px; background:#337AB0; font-family:Arial; font-size:12px; color:#fff; line-height:18px;}

#wordingBoats h1 { font-size:16px; font-weight:700;}

#wordingBoats .boats ul { display:block; border-bottom:1px dotted #fff;}
#wordingBoats .boats ul li { display:inline; list-style:none;}
#wordingBoats .boats ul li h1 { display:block; border-bottom:1px dotted #fff; height:39px; font-family:Arial; font-size:26px; color:#fff; font-weight:normal; line-height:37px; text-indent:5px; text-transform:capitalize; font-style:italic; margin:40px 0 10px 0;}
#wordingBoats .boats ul li img { display:block; float:left; border:5px solid #2B6895; margin-bottom:10px; margin-right:10px;}
#wordingBoats .boats ul li a img { display:block; float:left; padding:0 5px 0px 5px; margin-top:6px; border:0px none;}
#wordingBoats .boats ul li a { display:block; float:left; width:150px; height:20px; font-family:Arial; font-size:12px; color:#fff; text-decoration:none;border-bottom:1px dotted #fff; }
#wordingBoats .boats ul li a:hover { color:#FFFF00; background:#2B6895;}
#wordingBoats .boats ul li p.clear { clear:both;}


#wordingBoats .extras ul { display:block; border-bottom:1px dotted #fff; padding-bottom:10px;}
#wordingBoats .extras ul li { display:inline; list-style-type:none;}
#wordingBoats .extras ul li h1 { display:block; border-bottom:1px dotted #fff; height:39px; font-family:Arial; font-size:26px; color:#fff; font-weight:normal; line-height:37px; text-indent:5px; text-transform:capitalize; font-style:italic; margin:40px 0 10px 0;}
#wordingBoats .extras ul li a img { display:block; float:left; border:5px solid #2B6895; margin-right:5px; margin-top:5px; }
#wordingBoats .extras ul li a:hover img { border:5px solid #FFFF00;}
#wordingBoats .extras ul li p.clear { clear:both;}




/* Main Footer 
========================================================== */
#footer { display:block; clear:both; width:820px; height:35px; padding:0 11px 11px 11px; background:url(../images/common/bg_footer.jpg) no-repeat; font-family:Arial; font-size:10px; font-weight:700; color:#fff; line-height:32px;}
#footer div.fill { background:url(../images/common/bg_menu.gif) repeat-x; display:block; height:35px;padding:0 15px;}

#footer div.fill a { float:right; color:#fff; text-decoration:none;}
#footer div.fill a:hover { color:#99B3D8; text-decoration: underline;}