/* GLOBAL STYLES */

* {
border: 0;
margin: 0;
padding: 0;
outline: none;
list-style: none;
font-family: Arial, Sans-Serif;
}

body {
color: #777;
font-size: 90%;
margin: 10px auto;
text-align: center;
background: #fff url("http://www.fletcher-boats.co.uk/media/layout/structure/body_bg.gif") repeat-x;
}

a { color: #103a59; text-decoration: underline;}
a:hover { color: #777; text-decoration: none;}

.formitem .label {float: left;}
.formitem .item {float: left;}

h1 { font-size: 120%; }
h2 { font-size: 115%; }
h3 { font-size: 110%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; }

h1, h2, h3, h4, h5 { margin-bottom: 5px;}

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.clearing { clear: both; }
.print_hidden { display: none; }

.fc:after { height: 0;clear: both;font-size: 0;content: ".";display: block;visibility: hidden;}
.fc {display: inline-block;}


/* MENU */

#menu {font-size: 80%;text-transform: uppercase;z-index: 10000; text-align:center; position: relative; width: 850px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}
#menu li {margin:0; padding:0; list-style:none;float: left; display: block; position: relative;}
#menu li li {display:block; background: #fff; width: 165px;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {display:table; margin:0 auto;}

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {display:block; line-height:35px; text-decoration:none;padding:0 5px 0 5px;}

#menu ul ul a { line-height:25px; }
#menu ul li:hover > ul {visibility:visible; left:0; top:35px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.location-map:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.location-map ul  li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}


#menu a:hover ul {left:0; top:23px;}
#menu li.location-map a:hover ul {left:auto; right:-1px; top:23px;}

#menu li.location-map ul a {text-align:right; padding:0 10px 0 20px;}

#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.location-map a:hover a:hover ul, 
#menu li.location-map a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}

/* NEWS TEMPLATES */

.news_item_short { padding: 10px;background: url("http://www.fletcher-boats.co.uk/media/layout/structure/nav_bg.gif") repeat-x; margin-bottom: 20px;}
.news_item_short .left {float: left; width: 100px;}
.news_item_short .right {float: right;width: 490px;}
.news_item_short .heading {}
.news_item_short .title { text-transform: uppercase;font-size: 90%; border-bottom: 1px solid #999; color: #0c0438; padding-bottom: 4px;margin-bottom: 6px;float: left;width: 80%;}
.news_item_short .title a {color: #0c0438;text-decoration: none;}
.news_item_short .title a:hover {color: #777;}
.news_item_short .date {text-transform: uppercase;font-size: 90%;border-bottom: 1px solid #999;color: #999;padding-bottom: 4px;margin-bottom: 6px;float: right;width: 20%;text-align: right;}
.news_item_short .content { font-size: 80%;}
.news_item_short .findoutmore {font-size: 80%;margin-top: 10px;}
.news_item_short .findoutmore a{text-decoration: none;}

.news_full_entry .title {text-transform: uppercase;font-size: 90%;color: #0c0438;padding-bottom: 4px;float: left;width: 80%;}
.news_full_entry .date {text-transform: uppercase;font-size: 90%;border-bottom: 1px solid #999;color: #999;padding-bottom: 4px;float: right;width: 20%;text-align: right;}
.news_full_entry p {clear: both;}

/* CHERISHED TEMPLATES */

.cherished_item_short {width: 410px;height: 150px;overflow: hidden;float: left;margin: 10px 5px;background: url("http://www.fletcher-boats.co.uk/media/layout/structure/nav_bg.gif") repeat-x;}
.cherished_item_short {margin-bottom: 5px;}
.cherished_item_short .left {float: left;width: 95px;padding: 10px 0 0 10px;}
.cherished_item_short .right {float: right;width: 285px;padding: 10px 10px 0 0;}
.cherished_item_short .heading {}
.cherished_item_short .title {text-transform: uppercase;font-size: 90%;border-bottom: 1px solid #999;color: #0c0438;padding-bottom: 4px;margin-bottom: 6px;}
.cherished_item_short .title a { color: #0c0438;text-decoration: none;}
.cherished_item_short .title a:hover {color: #777;}
.cherished_item_short .content {font-size: 80%;}
.cherished_item_short .findoutmore {font-size: 80%;margin-top: 10px;}
.cherished_item_short .findoutmore a{text-decoration: none;}

.cherised-text {width: 850px;margin: 5px 0px;background: url("http://www.fletcher-boats.co.uk/media/layout/structure/nav_bg.gif") repeat-x;}
.cherised-text p {font-size: 80%;padding: 7px 10px 0 10px;}

.pagination { clear: both; float: right;margin: 10px 0 10px 0;}
.pagination a { text-decoration: none;}
.pagination .active { color: #0097d5; text-decoration: underline;}

/* PAGE STYLES */


.shell {width: 870px;margin: 0 auto;text-align: left;background: #fff;}
.inner-shell {padding: 10px;}
.header {background: url("http://www.fletcher-boats.co.uk/media/layout/structure/header.jpg") no-repeat;width: 850px;height: 70px;}
.header a {display: block;width: 240px;margin-top: 10px;height: 46px;float: right;}
.header a span {display: none;}

/* MOVED TO #MENU
.top-nav {margin-top: 10px;background: url("http://www.fletcher-boats.co.uk/media/layout/structure/nav_bg.gif") repeat-x;width: 850px;height: 39px;font-size: 80%;text-transform: uppercase;}
.top-nav ul {list-style: none; padding: 8px 0 0 12px;}
.top-nav li {float: left; margin-left: 12px;}
.top-nav li.first { margin-left: 0; }
.top-nav a,
.sub-nav a { color: #777; text-decoration: none;}
.top-nav a:hover,
.top-nav li.active a { color: #0c0438; text-decoration: none;}
*/


.sub-nav {margin-top: 10px;background: url("http://www.fletcher-boats.co.uk/media/layout/structure/nav_bg.gif") repeat-x;width: 850px;height: 39px;font-size: 80%;text-transform: uppercase;}
.sub-nav a { color: #777; text-decoration: none;}
.sub-nav a:hover,
.sub-nav li.active a { color: #0c0438; text-decoration: none;}
.sub-nav ul {list-style: none; padding: 8px 0 0 12px;}
.sub-nav li {float: left; margin-left: 50px;}

/* FOOTER */

.footer {font-size: 75%;margin-top: 10px;border-top: 1px solid #999;border-bottom: 1px solid #999;height: 35px;}
.footer-inner {float: left;width: 700px;padding: 5px 10px;}
.footer-blueleaf {float: right;width: 100px;text-align: right;padding: 5px 10px;}
.footer-blueleaf a { color: #ccc; text-decoration: none;}

/* COLUMNS */

.sub-shell { border-top: 10px solid #fff; border-bottom: 5px solid #fff;}

.home-col1,
.home-col2,
.home-col3,
.col4,
.content-col,
.side-col,
.email-updates,
.boat-col { background: url("http://www.fletcher-boats.co.uk/media/layout/structure/grad_bg1.gif") repeat-x;}

.home-col1 {float: left;width: 400px;margin-right: 10px;}
.home-col2 {float: left;width: 215px;margin-right: 10px;}
.home-col3 {float: left;width: 215px;}

.col4 {float: left;width: 205px;margin-right: 10px;}

.content-col {float: left;width: 635px;margin-right: 10px;}

.news-col {float: left;width: 635px;margin-right: 10px;}

.side-col {float: left;width: 205px;}
.side-col li {font-size: 80%;border-bottom: 1px dotted #999;padding: 5px 0;}
.side-col li li {font-size: 100%;border-bottom: none; padding: 5px 0 0 10px;}
.side-col a {color: #777;text-decoration: none;}
.side-col a:hover { color: #0c0438; text-decoration: none;}

.side-col .active li a {color: #777;text-decoration: none;}

.email-updates {margin-top: 20px;padding: 10px;}

.lastcol {margin-right: 0 !important;}

.home-inner,
.column-inner {padding: 10px;}
.downloadpage .column-inner {background: url("http://www.fletcher-boats.co.uk/media/layout/structure/grad_bg1.gif") repeat-x;}

.home-inner h2,
.column-inner h2,
.email-updates h2,
.boattitle {
text-transform: uppercase;
font-size: 100%;
border-bottom: 1px solid #999;
color: #0c0438;
padding-bottom: 4px;
}

.cherised-text h2 {
text-transform: uppercase;
font-size: 100%;
border-bottom: 1px solid #999;
color: #0c0438;
padding: 10px 0px 4px 0px;
margin: 0 10px;
}

.home-inner p,
.column-inner p,
.email-updates p { font-size: 80%; padding: 5px 0;}


.content-col li { font-size: 80%; margin: 5px 15px; list-style: disc;}

/* BOAT PAGE */

.boat-col {float: left;width: 635px;margin-right: 10px;position: relative;}

#tabcontent {padding: 7px 10px;position: relative;}

.boattitle {float: left;font-size: 90%;display: block;position: absolute;left: 10px;top: 10px;width: 615px;z-index: 20;border-bottom: 1px solid #ccc;}

.box { z-index: 50; position: relative; width: 600px;}
.box * {position: relative; z-index: 10000 }
.box p{ font-size: 80%; padding: 5px 0;}
.box table {font-size: 80%; margin-left: 20px;}
.box h2 {text-transform: uppercase; font-size: 100%; border-bottom: 1px solid #999; color: #0c0438;padding-bottom: 4px;}
.box table tbody td {border-bottom: 1px dashed #ccc; padding: 3px 0; line-height: 150%;}
.box .lastrow,
.box .noborder {border-bottom: 0 !important;}
.box table strong {color: #666}

.box table.ataglance {padding: 5px 10px; background: url("http://www.fletcher-boats.co.uk/media/layout/structure/table_bg.gif") repeat-x;}
.box table.spec {width: 600px;margin: 0; font-size: 100%}
.box table.spec table,
.box table table {margin-left: 0;}

.boxholder {clear: both; padding: 5px;}

.tab{float: left;height: 23px;margin: 0;text-align: center;position: relative;z-index: 25;padding-right: 1px;}

.ui-tabs-nav {margin-left: 290px; margin-top: 0px;}
.ui-tabs-nav li {float: left;}

.tabtxt {margin: 0;font-weight: bold;padding: 0;font-size: 11px;}
.tabtxt a {display: block;text-indent: -5000px;height: 23px;}

.tab-overview a {width: 73px;background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_overview.jpg") no-repeat;}
.tab-overview a:hover {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_overview_hover.jpg") no-repeat;}
.tab-overview a.tab-selected {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_overview_on.jpg") no-repeat;}

.tab-spec a {width: 44px;background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_spec.jpg") no-repeat;}
.tab-spec a:hover {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_spec_hover.jpg") no-repeat;}
.tab-spec a.tab-selected {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_spec_on.jpg") no-repeat;}

.tab-engines a {width: 61px;background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_engines.jpg") no-repeat;}
.tab-engines a:hover {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_engines_hover.jpg") no-repeat;}
.tab-engines a.tab-selected {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_engines_on.jpg") no-repeat;}

.tab-features a {width: 69px;background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_features.jpg") no-repeat;}
.tab-features a:hover {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_features_hover.jpg") no-repeat;}
.tab-features a.tab-selected {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_features_on.jpg") no-repeat;}

.tab-options a {width: 64px;background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_options.jpg") no-repeat;}
.tab-options a:hover {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_options_hover.jpg") no-repeat;}
.tab-options a.tab-selected {background: url("http://www.fletcher-boats.co.uk/media/layout/buttons/tab_options_on.jpg") no-repeat;}

/* NAV HIGHLIGHTERS */

.buildpage .fletcher-showroom a,
.commercialpage .fletcher-showroom a,
.partspage .fletcher-showroom a,
.classicpage .fletcher-showroom a,
.wakesportpage .fletcher-showroom a,
.side-col .active a { color: #0c0438; text-decoration: none;}

/* GALLERY */
.boatpage .image-shell {background: black; height: 350px; overflow: hidden;}
.boat_gallery {padding: 0px; position: absolute; left: 5px; top: 310px; z-index: 500; width:850px;overflow: hidden; }
.boat_gallery li {background: #666; float: left;width:74px;height:30px;margin: 0 5px; overflow: hidden;}
.boat_gallery li div {overflow: hidden;}
.boat_gallery li div .caption{display: none;}

.gallery {height: 350px; overflow: hidden;}


/* HISTORY */

.historytable {font-size: 80%;width: 615px;margin-bottom: 20px;margin-left: 10px;}
.historytable h3 {text-transform: uppercase;font-size: 100%;border-bottom: 1px solid #ccc;color: #0c0438;padding-bottom: 7px;margin-bottom: 7px;}
.historyimage {font-size: 180%;color: #fff;height: 89px;background: url("http://www.fletcher-boats.co.uk/media/history/history_small_blank.jpg") no-repeat;}
.historyimage img {width: 89px;height: 89px;}

/* DOWNLOADS */

.dltable {margin-top: 10px; float: left; font-size: 80%;width: 300px;margin-bottom: 20px;margin-left: 0px;}
.dltable h3 {text-transform: uppercase;font-size: 100%;border-bottom: 1px solid #ccc;color: #0c0438;padding-bottom: 7px;margin-bottom: 7px;}
.dltable {}
.histdltableoryimage img {}

/* TEAM */

.teamtable {width: 615px;margin-bottom: 20px;margin-left: 10px;}
.teamtable h3 {text-transform: uppercase;font-size: 90%;border-bottom: 1px solid #ccc;color: #0c0438;padding-bottom: 7px;margin-bottom: 7px;}

/* GOOGLE MAP */

.google_map {width: 610px;height: 390px;border: 1px solid #ccc;padding: 5px;margin: 0 auto;background: transparent url(http://www.fletcher-boats.co.uk/media/layout/ajax_loader.gif) 50% 50% no-repeat;}
.google_map_small {float: right; width: 290px; height: 250px;border: 1px solid #ccc;padding: 5px;margin: 0 20px 0 0 ;background: transparent url(http://www.fletcher-boats.co.uk/media/layout/ajax_loader.gif) 50% 50% no-repeat;}
/* FORMS */

.contactdetails {padding: 10px; background: url("http://www.fletcher-boats.co.uk/media/layout/structure/contactbg.gif") repeat-x;font-size: 80%;margin-left: 10px;float: left; width: 265px;}
.contactform {padding: 10px; background: url("http://www.fletcher-boats.co.uk/media/layout/structure/contactbg.gif") repeat-x;float: right;font-size: 80%;float: right; width: 295px;margin-right: 10px;}
.contactform p {font-size: 100%;}
.contactform label {margin: 10px;}
.contactform label span {float: left; width:100px;}
.contactform .input {padding: 2px; border: 1px solid #999; margin-bottom: 10px;}
.contactform .checkboxes {padding: 10px 0;}
.contactform .checkboxes input {margin: 3px 0;}
.contactform textarea {font-size: 100%; width: 180px; height: 70px}
.contactform .textarea {margin-top: 5px; font-size: 100%; width: 290px; height: 70px}
.contactform .button {padding: 5px; font-size: 120%; font-weight: bold; border: 1px solid #999;float: right;}
.contactform h2, .contactdetails h2 {margin-bottom: 15px; color: #103a59; }

#findoutmore form {padding: 10px;}
#findoutmore p {font-size: 100%;}
#findoutmore label {margin: 10px;}
#findoutmore label span {float: left; width:100px;}
#findoutmore .input {padding: 2px; border: 1px solid #999; margin-bottom: 10px;}
#findoutmore .checkboxes {padding: 10px 0;}
#findoutmore .checkboxes input {margin: 3px 0;}
#findoutmore textarea {font-size: 100%; width: 180px; height: 70px}
#findoutmore .textarea {margin-top: 5px; font-size: 100%; width: 320px; height: 70px}
#findoutmore .button {padding: 5px; font-size: 120%; font-weight: bold; border: 1px solid #999;float: right;}
#findoutmore h2, #findoutmore h2 {margin-bottom: 15px; color: #103a59; }

.wavesform form {padding: 10px; font-size: 80%; width: 240px;}
.wavesform p {font-size: 100%;}
.wavesform label {margin: 10px 0 10px 0;}
.wavesform label span {float: left; width:100px;}
.wavesform .input {padding: 2px; border: 1px solid #999; margin-bottom: 10px;}
.wavesform .button {padding: 5px; font-size: 120%; font-weight: bold; border: 1px solid #999;float: right;}
.wavesform h2 {margin-bottom: 15px; color: #103a59; }


/* PARTS */

.partspage table tbody td {border-bottom: 1px dashed #ccc; padding: 3px 0; line-height: 150%;}
.partspage .lastrow,
.partspage .noborder {border-bottom: 0 !important;}
.partspage table strong {color: #666}
.partspage table {width: 610px;margin: 0; font-size: 80%}
.partspage table table,
.partspage table table {margin-left: 0;}

.partspage .column-innerb {padding: 0 10px;}
.partspage .partstable {width: 290px;margin: 10px 15px 10px 0;float: left;padding: 0;}
.partspage .partstable h3 {text-transform: uppercase;border-bottom: 1px solid #ccc;color: #0c0438;padding-bottom: 4px;margin-bottom: 4px;}
.partspage .partstable td {padding: 0; border: none;}


/* INFO CENTRE */

.infoblock {float: left;width: 297px;height: 90px;overflow: hidden;margin-bottom: 20px;}
.infoblock2 {float: left;width: 297px;margin-left: 20px;height: 90px;overflow: hidden;margin-bottom: 20px;}
.infoblock .historytable,
.infoblock2 .historytable {font-size: 80%;width: 100%;margin-bottom: 20px;margin-left: 10px;}
.infoblock .historyimage,
.infoblock2 .historyimage {font-size: 180%;color: #fff;height: 89px;text-align: left;background: url("http://www.fletcher-boats.co.uk/media/history/history_small_blank.jpg") no-repeat;}
.infoblock .historyimage img,
.infoblock2 .historyimage img {width: 90px;height: 90px;}

/* OUR FRIENDS */

.ourfrienditem {text-align: center;float: left;width: 300px;margin-left: 10px;font-size: 90%;margin-bottom: 20px;}
.ourfrienditem p {padding-top: 5px;}


/* -------------------------------------------------------------------------------------------*/
/* ---- IMAGE SHELL VARIATIONS ---------------------------------------------------------------*/

.image-shell { background: url("http://www.fletcher-boats.co.uk/media/home-header.jpg") no-repeat; width: 850px;height: 350px; position: relative;}
.showroompage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/showroom.jpg") no-repeat; }
.wakesportpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/splash_large_wakeuptofletcher.jpg") no-repeat; }
.classicpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/splash_large_classic.jpg") no-repeat; }
.newspage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/splash_small_news.jpg") no-repeat;height: 190px;}
.cherishedpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/splash_small_cherished.jpg") no-repeat; height: 190px;}
.miscpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/splash_smallmisc.jpg") no-repeat;height: 190px;}
.historypage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/aboutheader_history.jpg") no-repeat; width: 850px;height: 350px; position: relative;}
.timelinepage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/aboutheader_timeline.jpg") no-repeat; width: 850px;height: 350px; position: relative;}
.aboutpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/aboutheader_about.jpg") no-repeat; width: 850px;height: 350px; position: relative;}
.whypage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/aboutheader_why.jpg") no-repeat; width: 850px;height: 350px; position: relative;}
.commercialpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/commercial_moulds.jpg") no-repeat; width: 850px;height: 350px; position: relative;}
.infocenterpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/information_centre_header.jpg") no-repeat; width: 850px;height: 190px; position: relative;}
.yourpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/your_fletcher_header.jpg") no-repeat; width: 850px;height: 190px; position: relative;}
.meetpage .image-shell,
.ourfriendpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/meet_the_team.jpg") no-repeat; width: 850px;height: 350px; position: relative;}
.contactpage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/splash_contact.jpg") no-repeat;height: 190px;}
.videopage .image-shell { background: url("http://www.fletcher-boats.co.uk/media/layout/splash/splash_video.jpg") no-repeat;height: 190px;}