/* Put site name here Page Structure*/

@import url("content.css");


/* TOC

1: - Global Styles

2: - Header
	2:1 - Main Nav

3: - Content

4: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {	
		margin: 25px 0 10px;
		padding: 0;
		background: #F2F4F4 url(/images/generic/body_bg.gif) 0 0 repeat-x;
		}
		
	.container {
		margin: 0 auto;
		}		
	
	.splitter .container,
	.home .container,
	.lower .container {
		min-width: 770px !important;
		max-width: 900px !important;
		}
	
	.formsPage .container {
		width: 770px;
		}
	
	.blank .container {
		width: 770px;
		margin: 0 auto;
		}
				
	.page {
		background: #fff url(/images/generic/container_top-left.gif) 0 0 no-repeat;
		padding: 10px 0 10px 10px;
		position : relative; /* used to relative/absolute position the floating banner */
		width : 890px;
		}
		
	/* added by Hamish 03-08-07 */	
	.page_custom {
		background: #fff url(/images/generic/container_top-left.gif) 0 0 no-repeat;
		padding: 0px;
		}	
	
	.pageCnrRight {
		width: 3px;
		height: 3px;
		margin: -10px 0 0 0;
		background: url(/images/generic/container_top-right.gif) 0 0 no-repeat;
		float: right;
		}
	.pageBottom {
		clear: both;
		height: 3px;
		background: url(/images/generic/container_btm-left.gif) bottom left no-repeat #fff;
		}
	.pageBottom .pageCnrRight {
		margin: 0;
		background: url(/images/generic/container_btm-right.gif) bottom right no-repeat;
		}

/* 2 :-------- Header ------------ */
	
	.printHeader	{
		display: none;
		}
	.topLinks {
		height: 23px;
		}
	.topLinks img {
		display: block;
		}
	.topLinks ul {
		float: right;
		overflow: hidden;
		margin: 0 12px;
		padding: 0;
		list-style: none;
		}
	.topLinks li {
		float: left;
		display: inline;
		margin: 0 2px 0 0;
		padding: 0;
		background: none;
		height: 23px;
		overflow: hidden;
		text-decoration: none;
		}
	.topLinks a {
		float: left;
		font-size: 1em;
		margin: 0;
		height: 23px;
		text-decoration: none;
		color: #333;
		background-position: 0 0;
		background-repeat: no-repeat;
		}
	.topLinks a:hover {
		background-position: 0 -23px;
		}
	.topLinks li.on a {
		background-position: 0 -46px!important;
		}
	.topLinks a img {
		visibility: hidden;
		}
	.topLinks a.home { 
		background-image:url(/images/generic/topLink-0.gif)
		}
	.topLinks a.joinHesta { 
		background-image:url(/images/generic/topLink-1.gif)
		}
	.topLinks a.hestaMembers { 
		background-image:url(/images/generic/topLink-2.gif)
		}
	.topLinks a.employers { 
		background-image:url(/images/generic/topLink-3.gif)
		}
	.topLinks a.contact { 
		background-image:url(/images/generic/topLink-4.gif)
		}
	.topLinks a.sis { 
		background-image:url(/images/generic/topLink-5.gif)
		}
	.topText {
		float: left;
		padding: 7px 0 0 20px;
		}
		
	.mainLogo {
		display: block;
		height: 65px;
		width: 240px;
		margin: 7px 10px 0 10px;
		background: url(../Images/generic/logo_hesta-super-fund.gif) 0 0 no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		}
		
	.searchForm {
		float: right;
		padding: 5px 0 0 0;
		}			
		
	.searchText {
		border: 1px solid #CCC3DA;
		font-size: .95em;
		color: #4F2E7F;
		vertical-align: top;
		padding: 2px;
		}
	.searchButton {
		padding: 1px 10px 0 0;
		vertical-align: top;
		}	
		
	.splitter .homeheader {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;		
		background: url(/Images/splitter/bg.jpg) top left no-repeat #4f2e7f;
		height: 259px;
		width: 99%;
		}			
		
	.splitter .left {
		margin: 0 !important;
		padding: 0 !important;	
		width: 68%;
		float: left;
		height: 259px;
		}		
	.splitter .right {
		margin: 0 !important;
		padding: 0 !important;
		width: 32%;
		float: right;
		}
		
	.splitter .right img {
		clear: both;
		}
	
	.homeheader #bernieFraserVideo{
		position:absolute;
		margin-left:-63px;
		}	
	.homeheader #bernieFraserVideo,
	.homeheader #bernieFraserVideo a{
		clear:both;
		color:#fff;
		}	
	.homeheader #bernieFraserVideo a{
		text-decoration:underline;
		}		
	
	.searchHomeFormSpliter {
		text-align:right;
		padding: 10px 0 10px 0;
		
		}
	
	.searchFormSpliter {
		text-align:right;
		padding: 12px 0 0 0;
		height: 38px;
		background: url(/Images/splitter/bg02.jpg) top right no-repeat #4f2e7f;		
		}
		
	.colours {
		height: 6px;
		margin: 0 10px 0 0;
		width: 99%;
		background: #fa8100;
		}		
		
	.pink {
		/*background: #aa0384;*/
		height: 6px;
		width: 32%;
		float: left;
		}
	.green {
		/*background: #36ae29;*/
		height: 6px;
		width: 34%;
		float: left;
		}
	.orange {
		/*background: #fa8100;*/
		height: 6px;
		width: 33%;
		float: left;
		}
	.colours .pink{ background: #aa0384; }
	.colours .green{ background: #36ae29; }
	.colours .orange{ background: #fa8100; }

		/* floating homepage promotions banner */
		/* Sam Richardson - 20080818 */
		#floatingbanner
		{
			position : absolute;
			width : 851px;
			height : 140px;
			overflow : hidden; /* catch large images and crop them (just in case) */
			top : 115px;
			left : 25px;
			display : none;
		}

			#floatingbanner img
			{
				display : block;
			}

			#floatingbanner .closebutton
			{
				position : absolute;
				top : 5px;
				right : 5px;
				width : 16px;
				height : 16px;
			}
		

/* 2:1 -- Main Nav */
	#mainNav {
		height: 28px;	
		}
	#mainNav ul {
		position: absolute;
		/*width: 880px;
		/*overflow: hidden;*/
		margin: 0;
		padding: 0;
		list-style: none;
		z-index: 1000;
		}
	#mainNav li {
		float: left;
		display: inline;
		margin: 0 2px 0 0;
		padding: 0;
		background: none;
		height: 28px;
		overflow: hidden;
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
		text-decoration: none;
		}
	#mainNav a {
		display: block;
		font-size: 1em;
		margin: 0;
		text-decoration: none;
		color: #3a1b67;
		}
	#mainNav li:hover,
	#mainNav a:hover,
	#mainNav li.sfhover {
		background-position: 0 -28px;
		}
	#mainNav li.on,
	#mainNav li.on a {
		background-position: 0 -56px;
		}
	#mainNav a img {
		visibility: hidden;
		}
	#mainNav ul li ul {
		float: left;
		position: absolute;
		left: -999em;
		background-color: #ded8e7;
		z-index: 1000;
		width: 130px;
		top: 28px;
		}
	#mainNav ul li:hover ul, 
	#mainNav li.sfhover ul {
		display: block;
		left: auto;
		}
	#mainNav ul li ul li {
		float: left;
		display: inline;
		font-size: .95em;
		height: auto;
		white-space: wrap;
		width: 130px;
		background: url(/Images/generic/nav-arrrow.gif) 8px 8px no-repeat;
		}
	#mainNav ul li ul li a {	
		float: left;
		display: inline;
		color: #3a1b67;
		width: 108px;
		padding: 3px 8px 5px 15px;
		}
	#mainNav ul li ul li a:hover {	
		color: #4f2e7f;
		text-decoration: none;
		background: #b8abcb url(/Images/generic/nav-arrrow.gif) 8px 8px no-repeat;
		}
	#mainNav ul li.on ul li.on a {	
		color: #4f2e7f;
		background: #ded8e7 url(/Images/generic/nav-arrrow.gif) 8px 8px no-repeat;
		}
	#mainNav ul li.on ul li.on a:hover {	
		color: #4f2e7f;
		background: #b8abcb url(/Images/generic/nav-arrrow.gif) 8px 8px no-repeat;
		}				
	
/* nav backgrounds */
			
	#mainNav .home {background-image: url(/images/generic/nav_main_1.gif);}
	#mainNav .products {background-image: url(/images/generic/nav_main_2.gif);}
	#mainNav .superCentre {background-image: url(/images/generic/nav_main_3.gif);}
	#mainNav .investment {background-image: url(/images/generic/nav_main_4.gif);}
	#mainNav .superIncome {background-image: url(/images/generic/nav_main_5.gif);}
	#mainNav .news {background-image: url(/images/generic/nav_main_6.gif);}
	#mainNav .industrySupport {background-image: url(/images/generic/nav_main_7.gif);}
	#mainNav .tools {background-image: url(/images/generic/nav_main_8.gif);}
	#mainNav .contact {background-image: url(/images/generic/nav_main_9.gif);}
	#mainNav .memberAdvantages {background-image: url(/images/generic/nav_main_10.gif);}
	#mainNav .employerAdvantages {background-image: url(/images/generic/nav_main_11.gif);}
	#mainNav .adminCentre {background-image: url(/images/generic/nav_main_12.gif);}
	#mainNav .aboutHesta {background-image: url(/images/generic/nav_main_13.gif);}
	#mainNav .joinNow {background-image: url(/images/generic/nav_main_14.gif);}	
	#mainNav .aboutUs {background-image: url(/images/generic/nav_main_15.gif);}	
	#mainNav .advantages {background-image: url(/images/generic/nav_main_16.gif);}
	
	/* specific areas home nav */
	.joinhome #mainNav .home, .join #mainNav .home{
		background-image:url('/images/generic/joinHestaHome.gif');
		}
	.membershome #mainNav .home, .members #mainNav .home, .join #mainNav .memberhome{
		background-image:url('/images/generic/membersHome.gif');
		}
	.employershome #mainNav .home, .employers #mainNav .home{
		background-image:url('/images/generic/employersHome.gif');
		}	
		
/* 3 :-------- Content ------------ */

	/* See content.css */

/* 4 :-------- Footer ------------ */

	.footer {
		clear: both;
		margin: 10px 10px 10px 10px;
		font-size: .95em;
		color: #999;
		}		
	.footerLogos {
		float: right;
		}
	.footerLogos ul {
		float:left;
		width:364px!important;
		margin:0px!important;
	}
	.footerLogos ul li {
		float:left;
		width:50px;
		height:51px;
		padding-right:2px;
		border-left:none;
	}
	.footerLogos ul li.gap {
		width:60px;
	}
	
	.footerLogos ul li.big {
		width:88px;
	}
		
	.footer ul {
		width: 500px;
		margin: 0 0 .4em -3px;
		padding: 0;
		overflow: hidden;
		list-style: none;
		}
		
	.footer li {
		float: left;
		margin: 0 0 .4em -1px;
		padding: 0;
		border-left: 1px solid #9F8DB9;
		white-space: nowrap;
		color: #4F2E7F;
		}
		
	.footer li a {
		padding: 0 4px;
		}
	   #NewsListing .newsListings .clear
	   {
	    clear:both;
	   }
		
	   #NewsListing .newsListings .newsItem
	   {
	    float:left;
	    width:300px;
	    }
    #NewsListing .newsListings .imgItem
    {
        width:200px;
        float:left;
    }