﻿body 
{
	font-size:0.8em;
	background-color:#fff;
	background: url("../images/background_5.jpg" ) repeat-x left top;
	font-family: Arial, "Times New Roman", Helvetica, sans-serif;
	font-size: small;
	color: #4b4b4b;
	line-height: 12pt;
	margin: 4px;
}

h1 {
	font-family: Arial, "Times New Roman", Helvetica, sans-serif;
	font-size: 1.4em;
	color:#3A6E8F;
	font-weight:normal;
	padding-bottom:8px;
	margin-bottom:12px;
	width:100%;
}

h2 {
	font-family: Arial, "Times New Roman", Helvetica, sans-serif;
	font-size: 1.2em;
	color:#3A6E8F;
	font-weight:normal;
	padding:0px;
	margin-top:4px;
	margin-bottom:4px;
}

h3 {
	font-family: Arial, "Times New Roman", Helvetica, sans-serif;
	font-size: 1em;
	color:#3A6E8F;
	font-weight:normal;
	padding:0px;
	margin-top:4px;
	margin-bottom:4px;
}

p
{
	color: #4b4b4b;
	margin: 10px 0px 10px 0px;
	text-align:justify;
}

a
{
	color: #3A6E8F;
}

.SiteWrapper 
{
	margin-left:auto;
	margin-right:auto;
	width:980px;
	vertical-align:middle;
}

.SiteWrapper2
{
	/*8border:solid 1px #aaaaaa;*/
	width:980px;
	background-color: #ffffff;
	padding: 0px;
	float:Left;
	clear:none;
	margin-top:0px;
	padding-top:0px;
}

.MainWrapperHome
{
	float:Left;
	clear:none;
	padding-left:10px;
}

.MainWrapperStandard
{
	background: url("../images/MainBack.jpg" ) repeat-y left top;
	float:Left;
	clear:none;
}

.MainWrapperBasic
{
	background: url("../images/MainBackBasic.jpg" ) repeat-y left top;
	float:Left;
	clear:none;
}


.HeaderContent
{
	width:980px;
	padding: 0px;
	float:left;
	clear:none;
}

.LeftContent
{
	width:200px;
	height:100%;
	padding: 2px;
	float:left;
	clear:none;
}

.MainContent
{
	width:552px;
	height:100%;
	padding: 2px;
	float:left;
	clear:none;
}

.RightContent
{
	width:210px;
	height:100%;
	padding: 2px;
	float:left;
	clear:none;
}

.FooterContent
{
	width:974px;
	padding: 2px;
	float:left;
	clear:none;

}

.SideModuleTop
{
	background: url("../images/moduletop.jpg" ) repeat-x left top;
	width:200px;
	height:22px;
	color:#fff;
	text-align:center;
	font-size:1em;
	padding-top:6px;
	float:left;clear:none;

}

.SideModuleBottom
{
	background: url("../images/modulebottom.jpg" ) repeat-x left top;
	width:200px;
	height:16px;
	float:left;clear:none;
}

.SideModuleMap
{
	background: url("../images/Map.jpg" ) no-repeat 2px 5px;
	width:100%;
	height:87px;
	text-align:center;
	font-size:1.1em;
	padding-left:3px;
	padding-top:75px;
	font-weight:bold;
}

/* HOMEPAGE */

.HomepageHeaderContent
{
	width:945px;
	padding: 2px 2px 2px 29px;
	float:left;
	clear:none;

}

.HomepageHeaderLogo
{
	padding:9px 0px 0px 5px;
	width:376px;
	float:left;
	clear:none;
}

.HomepageTagLine
{
	background-color:white;
	width:340px;
	float:right;
	clear:none;
	text-align:right;
	height:100px;
        padding-top:50px;
        padding-left:110px;
	padding:50px 30px 0px 110px;
	color:#000;
	font-size:1.4em;

}

/*.HomepagePhoneNo
{
	text-align:right;
	font-size:1.2em;
	padding:0px 40px 3px 0px;
        border:solid 1px yellow;
	float:right;
	clear:none;
	width:450px;
}*/

.HomepageTopWrapper
{
	padding-left:3px;
	float:left;
	clear:none;
}

.HomepageTop
{
	width:950px;
	height:200px;
	/**background: url("../images/homepagetop.jpg" ) no-repeat;**/
	/**background-color:#DEEDE5;**/
	float:left;
	clear:none;
}

.HomepageWelcome
{
	float:left;
	clear:none;
	width:930px;
	padding-left:10px;
	padding-top:10px;
	font-size: 1em;
	line-height:normal;
}

.HomepageCommercial
{
	width:317px;
	height:302px;
	background: url("../images/homepagecommercial_new.jpg" ) no-repeat 5px 0px;
	float:left;
	clear:none;
	cursor:pointer;
	text-decoration:none;
}

.HomepageCommercial:hover
{
	width:317px;
	height:302px;
	background-position: 5px -302px;
	float:left;
	clear:none;
	cursor:pointer;
	text-decoration:none;
}


.HomepageMarine
{
	width:317px;
	height:302px;
	background: url("../images/homepagemarine_new.jpg" ) no-repeat 5px 0px;
	float:left;
	clear:none;
	cursor:pointer;
	text-decoration:none;
}

.HomepageMarine:hover
{
	width:317px;
	height:302px;
	background-position: 5px -302px;
	float:left;
	clear:none;
	cursor:pointer;
	text-decoration:none;
}


.HomepageCorporate
{
	width:317px;
	height:302px;
	background: url("../images/homepagecorporate_new.jpg" ) no-repeat 5px 0px;
	float:left;
	clear:none;
	cursor:pointer;
	text-decoration:none;
}

.HomepageCorporate:hover
{
	width:317px;
	height:302px;
	background-position: 5px -302px;
	float:left;
	clear:none;
	cursor:pointer;
	text-decoration:none;
}

.HomepageCategoryText
{
	width:267px;
	height:220px;
	float:left;
	clear:none;
	padding:65px 10px 5px 30px;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:none;
}

.HomepageCategoryText ul li
{
	padding-bottom:3px;
}

/* HEADER */

.HeaderLogo
{
	width:485px;
	float:left;
	clear:none;
	padding: 7px 0px 10px 5px;
}

.HeaderCategoryLinks
{
	width:480px;
	float:left;
	clear:none;
}

.HeaderTopText
{
	font-size:0.7em;
	text-align:center;
}

.HeaderCategoryLinkOuter
{
	width:156px;
	padding:2px;
	float:left;
	clear:none;
}

.HeaderCategoryLinkCommercial
{
	background-color:white;
/*	border:solid 1px #aaaaaa;*/
	width:150px;
	padding:2px;
	padding-top:71px;
	float:left;
	clear:none;
	height:77px;
	text-align:center;
	cursor:pointer;
	color: #000;
	text-decoration:none;
	font-size:0.9em;
	background: url("../images/HeaderCommercial_new.jpg" ) no-repeat left top;
}

.HeaderCategoryLinkCommercial:hover
{
	background-position: 0 0px;
}

.HeaderCategoryLinkMarine
{
	background-color:white;
	/*border:solid 1px #aaaaaa;*/
	width:150px;
	padding:2px;
	padding-top:71px;
	float:left;
	clear:none;
	height:77px;
	text-align:center;
	cursor:pointer;
	color: #000;
	text-decoration:none;
	font-size:0.9em;
	background: url("../images/HeaderMarine_new.jpg" ) no-repeat left top;
}

.HeaderCategoryLinkMarine:hover
{
	background-position: 0 0px;
}

.HeaderCategoryLinkCorporate
{
	background-color:white;
	/*border:solid 1px #aaaaaa;*/
	width:150px;
	padding:2px;
	padding-top:71px;
	float:left;
	clear:none;
	height:77px;
	text-align:center;
	cursor:pointer;
	color: #000;
	text-decoration:none;
	font-size:0.9em;
	background: url("../images/HeaderCorporate_new.jpg" ) no-repeat left top;
	
}

.HeaderCategoryLinkCorporate:hover
{
	background-position: 0 0px;
}


.HeaderCategoryTagLine
{
	background-color:white;
	width:474px;
	padding:4px 2px;
	float:left;
	clear:none;
	text-align:right;
	height:20px;
	color:#000;
	font-size:1.2em;
}

/* TOP NAVIGATION BAR */

.TopNavBar
{
	float:left;
	clear:none;
	width:980px;
	padding: 10px 0px 0px 0px;
}

.TopNavBar ul
{	
	margin:0px;
	padding:0px;
	float:left;
	clear:none;
	width:980px;
	border-bottom:solid 6px #00ADEF;
	background-color:#3A6E8F;
}

.TopNavBarPhone
{
	margin:0px;
	padding: 4px 4px 0px 0px;
	float:left;
	clear:none;
	width:216px;
	border-bottom:solid 6px #00ADEF;
	height:19px;
	text-align:right;
	font-size:1.2em;
}


.TopNavBarItem
{	
	/**background: url("../images/TopNavTabBackLeft.jpg" ) repeat-x left top;**/
	background-color:#3A6E8F;
	margin:0px;
	float:left;
	clear:none;
	width:auto;
	list-style:none;
	/**border-right: solid 1px white;**/
	color: #fff;
}

.TopNavBarItemSelected
{	
	/**background: url("../images/TopNavTabBackLeftSelected.jpg" ) repeat-x left top;**/
	background-color:#00ADEF;
	margin:0px;
	float:left;
	clear:none;
	width:auto;
	list-style:none;
	/**border-right: solid 1px white;**/
	color: #fff;
}

.TopNavBarItem:hover
{	
	/**background: url("../images/TopNavTabBackLeftSelected.jpg" ) repeat-x left top;**/
	background-color:#00ADEF;
}

.TopNavBarItem a span
{
	font-size:1em;
	float: left;
	/**display: block;**/
	/**background: url("../images/TopNavTabBackRight.jpg" ) no-repeat right top;**/
	color: #FFF;
	text-decoration:none;
	padding: 3px 20px 4px 20px;
	cursor:pointer;
}

.TopNavBarItemSelected a span
{
	font-size:1em;
	float: left;
	/**display: block;**/
	/**background: url("../images/TopNavTabBackRightSelected.jpg" ) no-repeat right top;**/
	color: #FFF;
	text-decoration:none;
	padding: 3px 20px 4px 20px;
	cursor:pointer;
}

.TopNavBarItem a span:hover
{
	/**background: url("../images/TopNavTabBackRightSelected.jpg" ) no-repeat right top;**/
	background-color:#00ADEF;
	cursor:pointer;
}

.TopNavBarBottomBorder
{	
	padding:4px 0px 9px 4px;
	float: left;
	clear:none;
	padding-bottom:7px;
}

.TopNavBarBottomBorder a
{	
	color: #4b4b4b;

}



/* NAVIGATION BAR */

.NavBar
{
	float:left;
	clear:none;
	margin:0px;
	padding:0px;
	color:#3A6E8F;
}

.NavBarSection
{
	font-size: 1em;
	font-weight: bold;
	margin:0px;
	padding:6px 0px 2px 0px;
	list-style:none;

}

.NavBarSection a
{
	color:#3A6E8F;
}

.NavBarSection a:hover
{
	color:#aaaaaa;
}

.NavBarSubSection
{
	font-size:0.9em;
	list-style:none;
	margin-left:0px;
	padding:2px 0px 1px 14px;
}

.NavBarSubSection a
{
	color:#3A6E8F;
}

.NavBarSubSection a:hover
{
	color:#aaaaaa;
}


/* FOOTER */


.FooterWrapper 
{
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:975px;
	text-align:center;
	float:left;
	clear:none;
}

.Footer
{
	font-size:12px;
	width:975px;
	float:left;
	clear:none;
	text-align:center;
}

.Footer ul
{
	width:255px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}

.Footer li
{
	 border-left: solid 1px #4b4b4b;
	 float:left;
	 clear:none;
	 padding: 2px 10px;
	 list-style:none;
}

.FooterText
{
	padding-top: 0px;
	width:975px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	text-align:center;
	float:left;
	clear:none;
	margin-top:0px;
}

/* Meet The team */

.TeamMember
{
 float:left; clear:none; width: 750px; padding: 5px; margin-bottom:12px;
}

.AltTeamMember
{
float:left; clear:none; width: 750px; padding: 5px; margin-bottom:12px;
}	

/*Enquiry Forms */

.InputLabel
{
	float:left;
	width:180px;
	clear:both	;
	padding:2px;
	list-style:none;
}

.InputValue
{
	float:left;
	width:550px;
	clear:none;
	padding:2px;
	list-style:none;
}

.InterestedInWrapper

{
	width:530px;
	float:left;
	clear:none;
}

.InterestedInCheckboxListDiv

{
	width:260px;
	float:left;
	clear:none;
	padding:5px 0px;
}

.AltInterestedInCheckboxListDiv

{
	width:260px;
	float:left;
	clear:none;
	padding:5px 0px;
}
.InterestedInCheckboxList
{
	float:left;
	clear:both;
}

/* Calculators Link */

.CalculatorsLink
{
	width:185px;
	height:100px;
	background: url("../images/calculator_sml_button.jpg" ) no-repeat 5px 20px;
	float:left;
	clear:none;
	cursor:pointer;
	text-decoration:none;
}

.CalculatorsLink:hover
{
	background: url("../images/calculator_sml_rollover_button.jpg" ) no-repeat 5px 20px;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3A6E8F;
    text-decoration:none;
    border-bottom:dashed 1px #3A6E8F;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #bbbbbb;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #3A6E8F;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}


/*RSS Feeds*/

.RSSLink
{
	background: url(../images/icons/doc.gif) no-repeat 2px left;
	padding-left:12px;
	color:#3A6E8F;
}

/*Jargon Buster*/

.LetterLink
{
	padding:5px;
}


.LetterLink a
{
	font-family: Arial, "Times New Roman", Helvetica, sans-serif;
	font-size: 1.2em;
	color:#3A6E8F;
	font-weight:normal;
}

/* Sitemap */

.SiteMapMainCateoryPage
{
	padding:5px 0px 5px 0px;
	font-size: 1.2em;
}

.SiteMapSectionPage
{
	padding:1px 0px 1px 20px;
}

.SiteMapSubSectionPage
{
	padding:1px 0px 1px 40px;
}

.SiteMapPage
{
	padding:1px 0px 1px 20px;
}