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

Title: 		SEA Ltd Style Sheet

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

Type: 		Screen, Projection

Info: 		Screen and projection stylesheet for Tarpan site

Created: 	09/10/06

Modified:	

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

/*** open ***/
body {margin:0;padding:0;background:#eee url(../i/shadow_1px.gif) center top repeat-y;}
.floatholder:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden; width: 770px;}/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}/* End hide from IE-mac */
.left {float: left;}
.right {float: right;}
.clear {clear:both;}

/*** structure ***/
#wrapper {width:772px;margin:0 auto;border-top:solid 7px #076324;padding-top:2px;border-left:solid 1px #076324;border-right:solid 1px #076324;position:relative;left:5px;top:5px;padding-bottom:6px;}
* html #wrapper {padding-bottom:16px;}

/*** internal structures ***/
#leftCol {width:200px;}
#centerCol {float:left;width:548px;padding:0 10px;margin-top:5px;}
#topSellersFeature ul, #popularSuppliersFeature ul, #login {margin:5px 0 0 10px;padding:0;border:solid 1px #ccc;width:177px;}
#centerCol h1 {margin-top:0;margin-bottom:5px;}

/*** interface objects ***/

/* general */
p {font-family:arial;color:#333;line-height:19px;}
p, img {margin:0;padding:0;}
p {font-size:0.75em;}
a {font-size:0.7em;}
p span {font-style:italic;}
a {color:#fff;text-decoration:none;font-family:arial;padding:0 2px;}
p a {color:#666;font-size:1em;}
p a {text-decoration:underline;}
p a:hover {text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, #copy li, blockquote {font-family:arial;}
h1 {font-size:1.3em;color:#076624;}
h1 i {}
h2, h3 {font-size:0.75em;}
h3 {color:#F7A11A;}
h3 a.header {text-decoration:underline;position:relative;top:5px;}
ul li {list-style-type:none;}
blockquote {margin:0;font-size:0.7em;color:#333;padding:10px 0;}
h1, blockquote {padding-left:5px;}
.hr {height:2px;border-top:solid 2px #ccc;clear:left;}
p.loginPara {color:#666;}

/* specific */
#centerCol ul li {list-style-type:disc;color:#333;font-family:arial;font-size:0.8em;line-height:20px;margin-left:10px;}
#centerCol ul li a {color:#666;background:url(../i/list_arrow.gif) left center no-repeat;padding-left:10px;font-size:1em !important;}
#centerCol .articleImg  {float:left;margin:5px 10px 5px 0;}

#logo {width:205px;height:78px;background:url(../i/logo2.jpg) left top no-repeat;float:left;}

#globalMenu {padding-top:50px;border-bottom:solid 8px #F39A18;}
* html #globalMenu {padding-top:51px;position:relative;}
#globalMenu ul {margin:0;padding:0;background:#076624;}
#globalMenu ul li {display:inline;border-right:solid 1px #fff;padding-left:2px;}
#globalMenu ul li a {color:#fff;margin:0 3px;}
#globalMenu li.selected a {color:#F39A18;}

#secondMenu ul {margin:0 10px 5px 0;padding:0;width:176px;float:left;}
#secondMenu ul li {list-style-type:none;background:#F7A11A;border-bottom:solid 1px #fff;padding:5px;margin-left:0;}
#secondMenu ul li a {display:block;background:none;padding-left:0;color:#fff;font-size:1.2em;}
#secondMenu ul li.selected a {color:#666;text-decoration:underline;}
#secondMenu ul li a.selected {text-decoration:underline;}
#secondMenu .subItem {padding-left:25px;background:#FBCC86;}
#secondMenu .subItem a {color:#666;}

#homepageContent a {color:#F7A11A;font-size:1em;}
#homepageContent img.tdImg {padding:0 5px 5px 5px;border:none;}
#homepageContent img.tableCenterImg {position:relative;left:50px;}
#homepageContent table {border:solid 1px #ccc;border-bottom:0;margin:15px 0 0 0;width:558px;}
#homepageContent table tr td {border-bottom:solid 2px #ccc;}
#homepageContent table tr td {padding:5px;width:279px;}
#homepageContent table tr td a, p, h3 {margin:5px;}
#homepageContent table tr td a {margin:0;}
#homepageContent table tr td h3 {margin-bottom:10px;margin-top:0;padding-bottom:3px;border-bottom:solid 1px #ccc;}
#homepageContent table tr td p {}
#homepageContent table .colLeft {border-right:solid 1px #ccc;}
#homepageContent h1, #homepageContent h2, #homepageContent h3 {text-align:center;margin-top:-5px;}
#homepageContent table h1, #homepageContent table h2, #homepageContent table h3 {text-align:left;}
#homepageContent .headerPic {padding:8px 8px 10px 15px;}

#login {padding-bottom:3px;}
#login label {font-size:0.8em;float:left;padding:5px 0 0 5px;font-family:arial;color:#076324;}
#login input {width:90px;float:right;margin:0 5px 3px 0;color:#666;position:relative;top:5px;}
#login a {color:#F7A11A;font-size:1em;}
#login .loginSubmit {float:right;border:none;background:#F7A11A;color:#fff;font-size:0.7em;width:40px;margin:2px 5px 7px 0;padding:1px 0;}

#login h1 {margin:0;font-weight:normal;}

#breadCrumb ul {margin:0;padding:5px 10px 0 10px;}
#breadCrumb ul li {padding:1px;list-style-type:none;display:inline;padding:0;margin:0;}
* html #breadCrumb ul {margin:0 0 0 2px;}
#breadCrumb ul li, #breadCrumb ul li a {color:#666;font-size:0.9em;}

#topSellersFeature li, #popularSuppliersFeature li, #breadCrumb li {list-style-type:none;line-height:20px;}
#topSellersFeature li a, #popularSuppliersFeature li a {background:url(../i/arrow.jpg) left center no-repeat;color:#076624;padding:0 0 0 15px;}
#topSellersFeature .header, #popularSuppliersFeature .header, #login h1 {display:block;background:#076624;color:#fff;font-family:arial;font-size:0.75em;font-weight:;padding:4px 0 4px 5px;margin-bottom:3px;}
#topSellersFeature .footNote {display:block;background:#076324;text-align:center;font-family:arial;font-size:0.8em;padding:3px 0;color:#fff;margin-top:3px;} 
#topSellersFeature .footNote strong {font-size:1.4em;}

#monthlyOffer {border:solid 1px #ccc;margin:5px 10px 0 10px;}
#monthlyOffer h4, #openAccount h5 {display:block;color:#fff;background:#F7A11A;margin:0;font-family:arial;padding:5px;font-size:0.75em;font-weight:normal;}
#monthlyOffer img {margin:5px}

#openAccount {background:#FDBA76;margin:5px 10px 0 10px;padding-bottom:5px;}
#openAccount h5 {background:#076624;}

#productGallery {margin-top:10px;}
#productGallery tr td {padding-right:6px;padding-bottom:10px;}
#productGallery .border {border:solid 1px #c1c1c1;}

#footer li, #copy li {list-style-type:none;display:inline;}
#footer li, #footer a, #copy li {color:#fff;}
#footer li.copy {font-size:0.8em;font-family:arial;margin-left:15px;}

#copy li, #login input {font-size:0.7em;margin-top:-1px;}

#footer {position:relative;top:6px;}
* html #footer {top:16px;}
#footer ul {margin:0;padding:7px 0 10px 10px;background:#076324;position:relative;}

.blocked {display:block;width:352px;float:left;}
.innerBlocked {display:block;width:232px;float:left;margin-top:-5px;}

label {font-family:arial;font-size:0.8em;color:#333;margin-left:5px;}
.button {width:auto;color:#000;background:#fff;text-transform:capitalize;border-right:solid 1px #333;border-bottom:solid 1px #333;position:relative;left:-82px;}
textarea {width:312px;}
#contactFrm {margin-top:20px;}
* html #contactFrm {margin-bottom:20px;}
#contactFrm input {margin-bottom:3px;}
.contactButton {float:right;margin-top:3px;}
.label {width:150px;float:left;}

<!-- DR: new style -->
.cms_login {font-size:15pt;float:left;padding:5px 0 0 5px;font-family:arial;color:#076324;text-align:center;font-weight:bold;}
.cms {font-size:12px;font-family:arial;color:#076324;}
.top_ten {font-size:12px;font-family:arial;color:#076324;}