@import "oceanfast-common.css";
/* Content Container */
#tabs { height: 55px; }
#tabs ul { margin: 0 0 -1px 0; height: 56px; padding: 0; list-style: none; }
#tabs ul li { display: inline; height: 56px; }
#tabs ul li.of48 { float: left; width: 456px; }
#tabs ul li.of36 { float: right; width: 456px; }
#tabs ul li a { display: block; width: 456px; height: 56px; background: url(images/main-tab-sprite.gif) no-repeat top left; }
#tabs ul li a img { width: 160px; height: 56px; margin: 0 auto; }
#tabs ul li a:hover { background-position: 0px -56px; }
#tabs ul li a.active { background-position: 0px -112px; }

.content { width: 910px; min-height: 500px; height: auto !important; height: 500px; padding: 0 0 10px 0; border: 1px solid #3e3e3e; border-bottom: none; background: #000; }

.subnav { height: 36px; border-bottom: 1px solid #22221f; }
.subnav ul { margin: 0; padding: 12px  0 0 5px; list-style: none; }
.subnav ul li { display: inline; }
.subnav ul li a { padding: 0 13px; font-weight: bold; color: #ffffff; }
.subnav ul li a:hover,
.subnav ul li.active a { color: #b5a38f; }

.thirdlevel { padding: 21px 0 0 63px; border-top: 1px solid #252525; }
.thirdlevel ul { margin: 0; padding: 0; list-style: none; }
.thirdlevel ul li { float: left; padding: 0 2px; width: 195px }
.thirdlevel ul li img { width: 195px; height: 40px; margin-bottom: 1px; }
.thirdlevel ul li a { float: left; display: block; width: 195px; text-transform: uppercase; font-weight: bold; color: #595959; position: relative; }
.thirdlevel ul li a span { display: none; position: absolute; top: 0; left: 0; width: 195px; height: 40px; }
.thirdlevel ul li a:hover { color: #b5a38f; }
.thirdlevel ul li a:hover span { display: block; }
.thirdlevel ul li a.active { color: #b5a38f; }
.thirdlevel ul li a.active span { display: block; }

.thirdlevel#vt { padding: 21px 0 0 38px; border-top: 1px solid #252525; }


/* Oceanfast 48 */
.copy { width: 910px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.copy #flashDisplay .get-js {padding: 30px;}

.content.layout .copy { height: 379px; }
.content.layout .thirdlevel ul li a span { width: 193px; height: 38px; border: 1px solid #555454;  }

h1.pageTitle { text-align: center; margin: 0; font-size: 10px; color: #666666; height: 30px; text-transform: uppercase; }


/* Page Banner(s) */
.page-banner { width: 910px; height: 219px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.page-banner#of48-specifications { background: url(images/banners/of48-specifications.jpg) no-repeat top left; }
.page-banner#banner_history { background: url(images/banners/history.jpg) no-repeat top left; }
.page-banner#product-support {background: url(images/banners/product-support.jpg) no-repeat 0 0;}
.page-banner#banner_contact {background: url(images/banners/contact.jpg) no-repeat 0 0;}

/* Generic Content */
.generic-content { padding: 18px 20px 24px 20px; border-top: 1px solid #252525; }
.generic-content table { width: 100%; }
.generic-content table th { width: 50%; padding: 0 12px 6px 0; text-align: right; color: #b5a38f; }
.generic-content table td { width: 50%; padding: 0 0 6px 12px; color: #fff; }

.generic-content ul a {color: #fff;}

.generic-content .pd140 {padding: 0 140px;}

.leftcol {width: 400px; float: left;}
.rightcol {width: 400px; float: right;}
.rightcol img {margin: 30px 0 0 0;}

/* Photo Gallery */
.gallery h1.pageTitle { height: 35px; }

.gallery-categories { padding: 51px 75px 0 75px; }
a.gallery-cat { display: block; float: left; width: 296px; height: 185px; margin: 0 0 39px 0; padding: 2px; background: url(images/gallery-cat-bg.png) no-repeat top left; font-size: 115%; color: #bebebe; font-weight: bold; text-transform: uppercase; }
a.gallery-cat.alt { float: right; width: 296px; }
a.gallery-cat:hover { background-color: #b5a38f; color: #b5a490; }
a.gallery-cat span { display: block; padding: 4px 0 0 5px; }

#gallery_pic { width: 910px; height: 381px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#gallery_pic img { width: 910px; height: 381px; }
#gallery_pic .caption { display: none !important; }

.gallery_thumbs { width: 875px; height: 40px; margin: 0; padding: 13px 0 10px 35px; border-top: 1px solid #252525; position: relative; }
.gallery_thumbs ul { width: 910px; height: 40px; margin: 0; padding: 0; list-style: none; }
.gallery_thumbs ul li { float: left; width: 60px; height: 40px; padding-right: 5px; position: relative; }
.gallery_thumbs ul li img { cursor: pointer; width: 60px; height: 40px; }
.gallery_thumbs a { display: block; width: 60px; height: 40px; }
.gallery_thumbs span { display: none; position: absolute; top: 0; left: 0; width: 58px; height: 38px; border: 1px solid #edad00; }
.gallery_thumbs ul li.active span { display: block; }

.jcarousel-container { position: relative; width: 840px; }
.jcarousel-clip { width: 840px; z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }

.jcarousel-next { display: none; position: absolute; top: 0px; right: -34px; width: 30px; height: 40px; background: url(images/gallery-controls.gif) no-repeat top right; cursor: pointer; }
.jcarousel-next:hover { background-position: bottom right; }
.jcarousel-prev { display: none; position: absolute; top: 0px; left: -34px; width: 30px; height: 40px; background: url(images/gallery-controls.gif) no-repeat top left; cursor: pointer; }
.jcarousel-prev:hover { background-position: bottom left; }
.jcarousel-next-disabled,
.jcarousel-prev-disabled { display: none !important; }

.gallery .thirdlevel { padding: 0; text-align: center; border-top: none; }
.gallery .thirdlevel ul li { display: inline; width: auto; float: none; }
.gallery .thirdlevel ul li a { float: none; display: inline; width: auto; padding: 0 8px; }

/* Virtual Tour */
.virtualtour h1.pageTitle { height: 35px; }

.virtualtour-categories { padding: 51px 75px 0 75px; }
a.virtualtour-cat { display: block; float: left; width: 296px; height: 185px; margin: 0 0 39px 0; padding: 2px; background: url(images/gallery-cat-bg.png) no-repeat top left; font-size: 115%; color: #bebebe; font-weight: bold; text-transform: uppercase; }
a.virtualtour-cat.alt { float: right; width: 296px; }
a.virtualtour-cat:hover { background-color: #b5a38f; color: #b5a490; }
a.virtualtour-cat span { display: block; padding: 4px 0 0 5px; }

#virtualtour_pic {border-bottom: 1px solid #000; border-top: 1px solid #000; height: 320px; margin: 0 0 0 40px; padding: 20px 0; width: 784px;}
#virtualtour_pic img { width: 910px; height: 381px; }
#virtualtour_pic .caption { display: none !important; }

.virtualtour_thumbs { width: 835px; height: 40px; margin: 0; padding: 13px 0 10px 35px; border-top: 1px solid #252525; position: relative; }
.virtualtour_thumbs ul { width: 910px; height: 40px; margin: 0; padding: 0; list-style: none; margin-left: 5px; }
.virtualtour_thumbs ul li { float: left; width: 191px; height: 36px; padding-right: 5px; position: relative; }
.virtualtour_thumbs ul li img { cursor: pointer; width: 191px; height: 36px; margin: 2px; }
.virtualtour_thumbs ul li.active img, .virtualtour_thumbs ul li:hover img {border: 2px solid #b5a38f; margin: 0;}
.virtualtour_thumbs a { display: block; width: 60px; height: 40px; }

/* Video tour */

#vidFlash {margin-left: -20px;}
* html #vidFlash {margin-right: -20px;}

/* Contact page */

table#contactdetails td {border-bottom: 1px #333 solid; padding: 4px;}

/* History page */

#historyGallery td{ padding:0 5px 5px 0;}

/* Footer */
#footer { padding: 32px 3px 0 3px; background: url(images/content-container-bottom-cnrs.gif) no-repeat top left; color: #707070; }
#footer a { color: #707070; }
#footer .copyright { float: left; width: auto; }
#footer .copyright a { padding: 0 5px; }
#footer a:hover { color: #b5a38f; }
#footer a.siteby { float: right; width: auto; }
#footer a.siteby img { display: inline; padding-left: 1px; margin: 0 0 -1px 0; }