﻿/*
FRONT END ONLY - this stores the structure of the sites
*/
body 
{	
	margin:0;
	padding:0
	}
	
#main
{
	width:760px;
	height:100%;
	min-height:750px;
	height:auto !important;
	height:750px;
	margin-left:auto;
	margin-right:auto;	
	}
#topheader 
{	
	height:100px;
	background-image:url('../gfx/topheaderbg.jpg');
	}	
	
#toplogoheader
{
	float:left;
	margin-left:25px;
	margin-top:15px;
	width:315px;
	height:74px;
	}	

#topsearchheader
{
	float:right;
	height:20px;
	margin-top:65px;
	margin-right:25px;
	padding:0px;
	vertical-align:text-bottom;
	}

.searchbox
	{
	vertical-align:top
		}
		
.searchbuton
{
	padding-top:2px;
		}
	
#menubar
{	
	min-height:44px;
	float: left;
	}
	
* html #menubar
{
	height: 44px;	
}
	
.menubutton
{
	padding-left:10px;
	padding-top:15px;
	background-repeat:no-repeat;
	width:142px;
	height:30px;
	float:left;
	background-image:url('../gfx/button.gif');
	}

.spacer	
{
	height:3px;	
	width:760px;
	background-color:#005688;/*## LOGO COLOUR ##*/
	}
	
#footer
{	
	width:760px;
	height:90px;
	padding-left: 5px;
}

#footnote 
{
	float: left;
	padding:10px 0px 0px 10px;
	font-size: 10px;
	color:#ababab;
}

#tradeLogoCopy 
{
	float:right;	
	width:400px;
}

#tradeLogoCopy p
{
	font-size:10px;
	color:#ababab;
	margin:5px 0px 0px 0px;
}

#tradeLogo 
{
	float: right;
	vertical-align:top;
	padding:5px 15px 5px 0px;
	padding-left:5px;
}

.hdots
{
	height:5px;
	padding:0px;
	margin:0px 0px 15px 0px;	
	background:url('../gfx/hdots.gif') repeat-x top;	
}
	
	/* Div Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#maincontentInner
{ 
	padding-top:25px;
	padding-left:10px;
	padding-right:15px;
}

.loginlink a:link    {font-family:Arial;font-size:11px;	text-decoration: none; color: #000000}
.loginlink a:active  {font-family:Arial;font-size:11px;	text-decoration: none; color: #000000}
.loginlink a:visited {font-family:Arial;font-size:11px;	text-decoration: none; color: #000000}
.loginlink a:hover   {font-family:Arial;font-size:11px;	text-decoration: none; color: #005688} /* ## LOGO COLOUR ##*/

.loginlink .forgotRegister a:link {color:#ababab;text-decoration:none;}
.loginlink .forgotRegister a:visited {color:#ababab;text-decoration:none;}
.loginlink .forgotRegister a:hover {color:#ababab;text-decoration:underline;}
.loginlink .forgotRegister a:active {color:#ababab;text-decoration:none;}