/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title: 		SEA Ltd Style Sheet

Authors: 	Phill Smissen / phill@sea-ltd.co.uk / SEA Ltd
					
URL: 		houchin

Type: 		Screen, Projection

Info: 		Screen and projection stylesheet for houchin site full graphics

Created: 	29/11/06

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

.floatholder:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden; width: 800px;}
.left {float: left;}
.right {float: right;}
.clear {clear:both;}

body {margin:0;padding:0;background-color:#aeaeae;}
p {margin:17px 0;padding:0;font-family:arial;font-size:0.8em;color:#8C9892;line-height:1.6em;}
a {font-family:arial;font-size:1em;color:#8db10f;text-decoration:none;}
a:hover {text-decoration:underline;}
ul {margin:0 0 10px 0;padding:0;}
ol {margin:0 0 10px 20px;padding:0;}
ol li {color:#8C9892;font-size:0.75em;}
li {margin:0 0 0 17px;padding:0;font-family:arial;font-size:1em;color:#666;line-height:1.6em;font-size:0.8em;}
strong {margin:0;padding:0;}
h1 {margin:5px 5px 10px 0;padding:0;color:#636573;font-size:1.6em;font-family:arial;letter-spacing:1px;font-weight:normal;}
h2 {margin:5px 5px 10px 0;padding:0;color:#636573;font-size:1.2em;font-family:arial;letter-spacing:1px;font-weight:normal;}
h3 {margin:10px 5px 10px 0;padding:0;color:#636573;font-size:1em;font-family:arial;letter-spacing:1px;font-weight:normal;;}
h4 {margin:0;padding:0;}
h5 {margin:0;padding:0;}
h6 {margin:0;padding:0;}
label {margin:0;padding:0;font-family:arial;font-size:0.7em;color:#666;line-height:1.2em;}
input {margin:5px 0;font-family:arial;font-size:0.7em;color:#666;width:210px;float:left;border:solid 1px #fff;margin-right:10px;}
.check {border:solid 1px #666;border-right:solid 2px #666;border-bottom:solid 2px #666;font-family:arial;font-size:0.7em;color:#666;width:auto;margin-bottom:5px;border:none;}
.btn {margin:-15px 0 0 0;padding:0;background:url(../i/signup.png) left top no-repeat;width:81px;height:21px;border:none !important;float:left;}
.label {width:130px;float:left;margin-top:5px;}
.emailToFriend {width:auto;border:none;background:none;border-right:solid 2px #8db10f;border-bottom:solid 2px #8db10f;}
#genericForm {margin-top:10px;}
textarea {border:solid 1px #fff;font-size:0.7em;font-family:arial;color:#666;width:210px;}

table {width:444px;margin-top:-10px;}
td {width:50%;}
td p {margin:0;}
td a {text-decoration:underline;}
td a:hover {text-decoration:none;}
td h3 {margin:5px 5px 5px 0;}


#wrapper {width:994px;margin:5px auto;background:#fff url(../i/wrapperOuterBg.png) right top repeat-y;}
#wrapperTop {background:#fff url(../i/wrapperTopBg.png) left top no-repeat;width:994px;height:12px;overflow:hidden;}
#wrapperMiddle {width:984px;background:#C6D885 url(../i/wrapperBg.png) left top repeat-x;overflow:hidden;}
#wrapperBottom {background:#fff url(../i/wrapperFooterBg.png) left top no-repeat;width:994px;height:12px;overflow:hidden;clear:both;}

#wrapperMiddleInner {background:#fff;width:944px;margin-left:20px;padding-top:1px;}
#wrapperMiddleInnerInner {background:#dedede;width:924px;margin:10px 10px 0 10px;padding-top:1px;}
#wrapperMiddleInnerInnerInner {margin:10px 10px 0 10px;padding-top:1px;}

#tools {background:#dedede;margin:10px;padding:10px 0;width:924px;}
#newsletterSignup {width:444px;float:right;}

#leftCol {width:444px;margin:0;padding:0;float:left;clear:left;}

#rightCol {width:444px;margin:0 0 10px 0;padding:0;float:right;}

#rightColInnerLeft {width:225px;float:left;margin-top:10px;}
#rightColInnerRight {width:240px;float:right;margin-top:10px;}

#masthead {}
#masthead img {border:none;margin:10px 10px -20px 20px;}
.cf_wrapper {width:924px;height:352px;margin:0 0 0 0;overflow:hidden;}
div.cf_element {width:924px;height:352px;}
div.cf_element div.content {}
div.cf_element div.content img {}

.getInTouch {border-top:solid 1px #ccc;}

#areasOfInterest {width:924px;background:#fff;margin-left:0;}
#areasOfInterest ul {margin:0;padding:0;width:934px;position:relative;top:5px;}
#areasOfInterest li {margin:0;padding:0;list-style-type:none;float:left;border-right:solid 7px #fff;}
#areasOfInterest img {border:none;margin:0;padding:0;}

#scroll {width:444px;height:265px;overflow-y:scroll;}

/************** VERTICAL MENU UNDER DEVELOPMENT **************/
#menu {width:955px;}
.menu {float:right;}
.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {height:auto;position:relative; z-index:500;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}
.menu .start {}
.menu .end {}

.menu li {width:161px; height:30px; float:left;margin:0;padding:0; text-align:center;}
.menu li a {color:#8DB10F;display:block;width:161px;height:30px; line-height:30px;text-decoration:none;font-family:Arial, sans-serif;float:left;background:url(../i/menuLiBg.png) no-repeat left top;}
.menu li.sub a {}
.menu li a:hover {white-space:nowrap; position:relative; color:#06f;}
.menu li.sub a:hover {color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}
.menu li:hover {position:relative;}
.menu li:hover.sub > a {color:#06f;}

.menu :hover ul
{width:200px; height:auto; left:0; top:27px;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:200px;height:auto;left:200px;top:0;background:#09357A;}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}

.menu :hover ul li {border-top:solid 1px #fff;}

.menu :hover ul li,
.menu :hover ul li a 
{height:25px;line-height:25px;text-indent:10px;float:none;border-right:none;border-left:none;border-bottom:none;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:#46A3CE url(../i/grey.gif) no-repeat 225px center; color:#fff;}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(../i/blue.gif) no-repeat 225px center; color:#fff;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:#A5D1E7 url(../i/blue.gif) no-repeat 225px center; color:#333;}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#09357A;color:#fff;}

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#B6C3D7;color:#333;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#06f; font-weight:normal;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; color:#06f; font-weight:normal;}

#quickLinks {width:480px;float:right;text-align:right;position:relative;top:25px;left:-30px;}
* html #quickLinks {top:40px;}
*+html #quickLinks {top:40px;}
#quickLinks li {list-style-type:none;margin:0;padding:0;font-size:0.8em;display:inline;color:#fff;}
#quickLinks ul {margin:0;padding:0;}
#quickLinks a {color:#fff;text-decoration:none;}
#quickLinks a:hover {text-decoration:underline;}

#siteTools {margin:5px 10px;}
#siteTools ul {margin:0;padding:0;}
#siteTools li {list-style-type:none;color:#8C9892;font-size:0.7em;float:left;margin:0;padding:0;}
#siteTools a {color:#8C9892;}
#siteTools img {border:none;}

#footer {width:600px;float:left;margin:20px 0 10px 20px;}
#footer li {list-style-type:none;margin:0;padding:0;float:left;font-size:0.7em;}
#footer ul {margin:0;padding:0;}
#footer a {color:#666;text-decoration:none;background:none;}
#footer a:hover {text-decoration:underline;}

#copyright {float:right;width:324px;text-align:right;margin:20px 20px 10px 0;}
#copyright li {list-style-type:none;margin:0;padding:0;font-size:0.7em;line-height:1.4em;}
#copyright ul {border:none;}
#copyright a {color:#666;text-decoration:none;}

#specificationDetail {position:absolute;width:80px;text-align:right;}
#specificationDetailInner {position:relative;left:-90px;top:5px;}
#specificationDetail ul {margin:0;padding:0;}
#specificationDetail li {list-style-type:none;margin:0;padding:0;line-height:0.8em;}
#specificationDetail a {font-size:0.7em;text-decoration:none;background:none;color:#666;}
#specificationDetail a:hover {text-decoration:underline;}

/*NEW GALLERY CSS*/

.gallerycontainer{position: relative;/*Add a height attribute and set to largest image's height to prevent overlaying*/}
.gallerycontainer ul {margin:0;padding:0;}
.gallerycontainer li {list-style-type:none;margin:0;padding:0;}

.thumbnail {}
.thumbnail img{border:none;margin:0;float:left;}
.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{}

.thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: lightyellow;padding: 0;left: -1000px;visibility: hidden;color: black;text-decoration: none;}
.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;margin:0;}
.thumbnail:hover span{ /*CSS for enlarged image*/visibility: visible;top:-320px;left:460px; /*position where enlarged image should offset horizontally */z-index: 50;}
* html .thumbnail:hover span{left:460px;}

.galleryThumbnails img {margin:5px 2px 0 0;}

.galleryStandalone li {margin:0;padding:0;float:left;margin:5px 2px 0 0;}

.logo {position:absolute;top:75px;margin-left:5px;}
* html .logo {top:80px;}
*+html .logo {top:80px;}

#enquiryForm .submit {background:none;width:auto;border:none;border-right:solid 1px #8db10f;border-bottom:solid 1px #8db10f;}