/* 	ECC Stylesheet
	Colin Gordon
	Net Communications
	23/01/07
	
	Updated: November 2009
	
	Colour information:
	
	Dark blue: 			#001f58
	Yellow Orange:		#ffca30
	Light Blue:			#e6f1f6
	Light Yellow/white:	#f7f2e6
	Grey:				#eee

 */

/* HTML Overrides */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background: #f7f2e6;
}
hr {
	display: none;
	height: 0;
}
p {
	font-size: 1em;
	line-height: 1.2;
	margin: 0 0 1em 0;
	color: #001f58;
}

a img {
	border: 0;
}


/* Layout */

#container {

	width: 768px;
	margin: 0;
	padding: 6px;
	background: #fff;
margin: 0 auto;
}
#header {
	position: relative;
	background: url(../image/header_back.gif) no-repeat 0 0;
	padding: 15px 0 0 15px;
	z-index: 10;
}
#tier3header {
	position: relative;
	background: url(../image/header_tier3_back_new.gif) no-repeat 0 0;
	padding: 15px 0 0 15px;
}
#header a, #tier3header a {
	text-decoration: none;
}
#header h1, #tier3header h1 {
	text-indent: -3000em;
}
#date {
	position: absolute;
	right: 15px;
	top: 15px;
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#navigator {
	position: absolute;
	top: 15px;
	right: 250px;
	margin: 0;
	padding: 0;
}
#navigation {
	position: absolute;
	top: 82px;
	left: 0px;
	width: 768px;
	background: #ffca30;
	margin: 0;
	list-style: none;
	padding: 0;
	font-size: 1em;
	z-index: 100;
}
#navigation li {
	float: left;
	line-height: 22px;
	margin: 0;
	padding: 0;

}
#navigation li a {
	text-indent: -3000em;
	float: left;
	display: block;
	height: 22px;
	background-position: 0 0px;
}

#navigation li ul.subnav {
background-color:#ffca30;
border-top:1px solid #EAA903;
border-bottom:1px solid #EAA903;
left: -3000em;
top: 100%;
width:18em;
z-index:1000;
position: absolute;
list-style: none;
color: #001f58;
height: auto;
}

#navigation li ul.subnav li {
float: none;
display: block;
width:auto;
}

#navigation li ul.subnav li a {
float: none;
text-indent: 0;
display: block;
color: #001f58;
height: auto;
padding: 0 5px;
}

#navigation li ul.subnav li a:hover {
background: #001f58;
color: #fff;
}

#navigation li:hover ul,
#navigation li:hover ul.subnav {
left: auto;
}

#navigation li ul#faqnav {
width: 400px;
right: -15px;
}

.navhome {
	background: url(../image/nav/home.gif) no-repeat 0 0;
	width: 50px;
}
.navnews {
	background: url(../image/nav/news.gif) no-repeat 0 0;
	width: 40px;
}
.navabout {
	background: url(../image/nav/about.gif) no-repeat 0 0;
	width: 62px;
}
.navbenefits {
	background: url(../image/nav/benefits.gif) no-repeat 0 0;
	width: 103px;
}
.navproducts {
	background: url(../image/nav/products.gif) no-repeat 0 0;
	width: 55px;
}
.navpromos {
	background: url(../image/nav/promo-offers.gif) no-repeat 0 0;
	width: 104px;
}
.navjoin {
	background: url(../image/nav/join-us.gif) no-repeat 0 0;
	width: 86px;
}	
.navmembers {
	background: url(../image/nav/members-area.gif) no-repeat 0 0;
	width: 86px;
}	
.navcontact {
	background: url(../image/nav/contact.gif) no-repeat 0 0;
	width: 65px;
}
.navfaq {
	background: url(../image/nav/faq.gif) no-repeat 0 0;
	width: 31px;
}		
#navigation li a:hover, #navigation li a:focus,
#bodyhome .navhome, 
#bodyabout .navabout, 
#bodynews .navnews, 
#bodyjoin .navjoin, 
#bodyfaqs .navfaq,
#bodycontact .navcontact,
#bodymembers .navmembers,
#bodyproducts .navproducts,
#bodytoolkit .navtoolkit
{
	background-position: 0 -22px;
}
#searchform {
	border:2px solid #FFCA30;
	display:block;
	margin:0;
	padding:0;
	position:absolute;
	right:16px;
	top:44px;
	width:160px;
	background: #000;
}
#navsearch, #searchform #fdse_Terms {
	background:#FFFFFF none repeat scroll 0 0;
	border:0 none;
	font-size:14px;
	height:20px;
	margin:0;
	padding:2px 3px 0;
	width:124px;
	float: left;
}
#navgo {
	float:left;
	height:22px;
	line-height:22px;
	margin:0;
	padding:0;
	width:28px;
}
#maincontent {
	position: relative;
	background: #fff;
}
#sectionhead {
	margin: 7px 0 0 0;
	*margin: -4px 0 0 0;
	color: #001f58;
	padding: 1em 1em 0 1em;
	background: url(../image/section_back.gif) no-repeat 0 0;
	height: 154px;
}
#tier2 {
	margin: 7px 0 0 0;
	*margin-top: -4px;
	color: #001f58;
	padding: 1em 300px 0 0;
	height: 400px;
}
#tier2 p, #tier2 h2, #tier3 p, #tier3 h2 {
	margin-left: 12px;
}
#tier3 {
	margin: 7px 0 0 0;
	*margin-top: -4px;
	color: #001f58;
	padding: 1em 260px 0 0;
	height: 160px;
}
#tier3 h1 {
padding: 0 0 12px 12px;
font-size: 1.8em;
}
#tier3content {
	padding: 0;
	margin: -6px 198px 0 12px;
	color: #001f58;
	min-height: 276px;
	_height: 276px;
}
#bodyfaqs #tier3content {
min-height: 609px;
_height: 609px;
}
#bodytoolkit #tier3content {
height: 322px;
_height: 328px;
}
#bodyjoin #tier3content {
min-height: 286px;
_height: 292px;
}
#bodymembers #tier3content {
min-height: 288px;
_height: 294px;
}
#tier3content h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0 0 .5em 0;
}
#tier3content ul {
	margin: 0 0 1em 2em;
}
#tier3menu {
	position: absolute;
	top: 166px;
	left: 0;
	width: 196px;
	display: none;
}
#bodyfaqs #tier3menu {
	top: 156px;
	left: -22px;
}
#intro {
	text-indent: -3000em;
}

.homeintro {
	background: url(../image/home_intro.gif) no-repeat 0 0;
height: 80px;
}
.newsintro {
	background: url(../image/news_intro.gif) no-repeat 0 0;
height: 70px;
}
.aboutintro {
	background: url(../image/about_intro.gif) no-repeat 0 0;
height: 90px;
}
.benefitintro {
	background: url(../image/benefits_intro.gif) no-repeat 0 0;
height: 90px;
}
.joinintro {
	background: url(../image/join_intro.gif) no-repeat 0 0;
height: 70px;
}
.memberintro {
	background: url(../image/members_intro.gif) no-repeat 0 0;
height: 70px;
}
.productintro {
	background: url(../image/product_intro.gif) no-repeat 0 0;
height: 90px;
}
.toolkitintro {
	background: url(../image/promotions_intro.gif) no-repeat 0 0;
height: 90px;
}
.contactintro {
	background: url(../image/contact_intro.gif) no-repeat 0 0;
height: 55px;
}
.faqintro {
	background: url(../image/faq_intro.gif) no-repeat 0 0;
height: 70px;
}
#strapline {
	margin: 20px 0 0 0;
	background: url(../image/strapline.gif) no-repeat 0 0;
	text-indent: -3000em;
	height: 20px;
}
#submenu {
	margin: 6px 0 0 0;
_margin-top: 0px;
}
#submenu ul {
	list-style: none;
	border-top: 1px solid #fff;
	width: 250px;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#submenu ul li {
	margin: 0;
	padding: 0;
}
#submenu ul li a {
	color: #001f58;
	text-decoration: none;
	line-height: 1.8;
	display: block;
	border-bottom: 1px solid #fff;
	padding: 0 0 0 12px;
}
#submenu ul li a.morelink {
text-decoration: underline;
}
#submenu ul li a:hover {
	background: #fff;
}
#tier3menu {
	margin: 0 0 0 0;
}
#tier3menu ul {
	list-style: none;
	width: 188px;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
#tier3menu ul li {
	margin: 0;
	padding: 0;
	background: #e6f1f6;
	width: 186px;
	border-left: 1px solid #e6f1f6;
	border-right: 1px solid #e6f1f6;
}
#tier3menu .top {
	background: none;
	border: 0;
	width: 188px;
	background: url(../image/tier3_subnav_top.gif) no-repeat 0 0;
}
#tier3menu .bottom {
	background: none;
	border: 0;
	width: 188px;
	background: url(../image/tier3_subnav_bottom.gif) no-repeat 0 bottom;
}
#tier3menu ul li a {
	color: #001f58;
	text-decoration: none;
	line-height: 2.2;
	display: block;
	border-bottom: 1px solid #fff;
	padding: 0 0 0 12px;
	_height: 0%;
	*zoom: 1;
}
#tier3menu ul li a:hover {
	background: #fff;
}
#footer {
	clear: both;
	width: 768px;
	margin: 6px auto;
	/*margin: 6px 0;*/
	padding: 1em;
	background: #f7f2e6;
	color: #001f58;
}

/* classes */
.clearfix {
clear: both;

}
.homeboxes {
	margin: 0;
	padding: 0;
	width: 192px;
	height: 236px;
	background: url(../image/box_back.gif) repeat-y 0 bottom;
}
.homeboxes ul {
	list-style: none;
	padding: 120px 1em 1em;
}
.homeboxes li h3 {
	height: 26px;
	text-indent: -3000em;
}
.homeboxes li p {
	font-size: 0.9em;
}
.homeboxes li a, .homeboxes li a:link, .homeboxes li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ffca30;
}
.homeboxes li a:hover, .homeboxes li a:focus {
	text-decoration: underline;
}
.boxnews {
	background: url(../image/box_news.jpg) no-repeat 0 0;
}
.boxnews li h3 {
	background: url(../image/box_news_title.gif) no-repeat 0 0;
}
.boxjoin {
	background: url(../image/box_join.jpg) no-repeat 0 0;
}
.boxjoin li h3 {
	background: url(../image/box_join_title.gif) no-repeat 0 0;
}
.boxbenefits {
	background: url(../image/box_benefits.jpg) no-repeat 0 0;
}
.boxbenefits li h3 {
	background: url(../image/box_benefits_title.gif) no-repeat 0 0;
}
.boxmembers {
	background: url(../image/box_members.jpg) no-repeat 0 0;
}
.boxmembers li h3 {
	background: url(../image/box_members_title.gif) no-repeat 0 0;
}
.joinbox {
	position: absolute;
	left: 387px;
	top: 166px;
}
.prodbox {
	position: absolute;
	left: 193px;
	top: 166px;
}
.membox {
	position: absolute;
	right: -4px;
	top: 166px;
	_right: 2px;
}
.tier2home {
	background: url(../image/tier2_home.gif) no-repeat 0 0;
}
.tier2news {
	background: url(../image/tier2_news.jpg) no-repeat 0 0;
}
.tier2about {
	background: url(../image/tier2_about.jpg) no-repeat 0 0;
}
.tier2join {
	background: url(../image/tier2_join.jpg) no-repeat 0 0;
}
.tier2products {
	background: url(../image/tier2_products.jpg) no-repeat 0 0;
}
.tier2toolkit {
	background: url(../image/tier2_toolkit.jpg) no-repeat 0 0;
}
.tier2member {
	background: url(../image/tier2_member.jpg) no-repeat 0 0;
}
.tier2contact {
	background: url(../image/tier2_contact.jpg) no-repeat 0 0;
}
.tier2benefit {
	background: url(../image/tier2_member_benefits.jpg) no-repeat 0 0;
}
.tier2faq {
	background: url(../image/tier2_faq.jpg) no-repeat 0 0;
}
.tier3news {
	background: url(../image/tier3_news.jpg) no-repeat 0 0;
}
.tier3about {
	background: url(../image/tier3_about.jpg) no-repeat 0 0;
}
.tier3join {
	background: url(../image/tier3_join.jpg) no-repeat 0 0;
}
.tier3products {
	background: url(../image/tier3_products.jpg) no-repeat 0 0;
}
.tier3toolkit {
	background: url(../image/tier3_toolkit.jpg) no-repeat 0 0;
}
.tier3member {
	background: url(../image/tier3_member.jpg) no-repeat 0 0;
}
.tier3contact {
	background: url(../image/tier3_contact.jpg) no-repeat 0 0;
}
.tier3benefit {
	background: url(../image/tier3_member_benefits.jpg) no-repeat 0 0;
}
.tier3faq {
	background: url(../image/tier3_faq.jpg) no-repeat 0 0;
}
.foot {
	margin: 0;
	padding: 0 1em 0 0;
	list-style: none;
	font-size: 0.83em;
}
.foot li {
	line-height: 1.6;
}
.foot li a, .foot li a:link, .foot li a:visited {
	text-decoration: none;
	color: #001f58;
}
.foot li a:hover, .foot li a:focus {
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.boxeslast {
	position: absolute;
	bottom: 9px;
}
#homepage h2 {
font-size: 1.4em;
text-indent: -3000em;
background: url(../image/strapline.gif) no-repeat 0 0;
margin: 0 auto 0.8em; 
width: 286px;
}
.linkmore {
position: absolute;
top: 112px;
right: 80px;
}
.linkmore img {
border: 0;
}
.tier3boxes {
position: absolute;
top: 166px;
right: 0;
_right: 6px;
	margin: 0;
	padding: 0;
	width: 188px;
	background: url(../image/tier3_box_back.gif) repeat-y 0 top;
}
.tier3boxes ul {
	list-style: none;
}
.tier3boxes li {
color: #001f58;
padding: 0.5em 1em .25em;
}
.tier3boxes li h3 {
height: 20px;
	text-indent: -3000em;
}
.tier3boxes li p {
	font-size: 0.9em;
}
.tier3boxes li a, .tier3boxes li a:link, .tier3boxes li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ffca30;
}
.tier3boxes li a:hover, .tier3boxes li a:focus {
	text-decoration: underline;
}
.tier3boxesmiddle {
padding-bottom: 1em;
border-bottom: 1px solid #e6f1f6;
}
.tier3boxeslast {
	background: url(../image/tier3_box_back.gif) no-repeat 0 bottom;
}
.tier3boxesnews li h3 {
	background: url(../image/box_news_title.gif) no-repeat 0 0;
}
.tier3boxesabout li h3 {
	background: url(../image/box_about_title.gif) no-repeat 0 0;
}
.tier3boxesjoin li h3 {
	background: url(../image/box_join_title.gif) no-repeat 0 0;
}
.tier3boxesproducts li h3 {
	background: url(../image/box_products_title.gif) no-repeat 0 0;
}
.tier3boxesmembers li h3 {
	background: url(../image/box_members_title.gif) no-repeat 0 0;
}
.tier3boxescontact li h3 {
	background: url(../image/box_contact_title.gif) no-repeat 0 0;
}
.tier3boxestoolkit li h3 {
	background: url(../image/box_toolkit_title.gif) no-repeat 0 0;
}
.tier3boxesfaqs li h3 {
	background: url(../image/box_faqs_title.gif) no-repeat 0 0;
}
.hotspot {
position: absolute;
height: 20px;
}
.hotspot img {
display: none;
}
.hotnews {
width: 65px;
top: 62px;
left: 108px;
}
.hotproducts {
top: 36px;
left: 353px;
width: 80px;
}
.hotfaq {
top: 45px;
left: 300px;
width: 65px;
}
#tier3form {
padding: 0;
	margin: -6px 198px 0 12px;
	color: #001f58;
	min-height: 276px;
	_height: 276px;
}

/*  Tables and Forms   */

.contactform {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
}
.contactform tr td {
padding: 0 1em 0.5em 0;
margin: 0;
}
.formtitle {
font-weight: bold;
width: 13em;
vertical-align: top;
}
.forminput em {
font-weight: normal;
}
.formtitle span {
color: #f00;
}
.forminput {
vertical-align: top;
}
.forminput input {
border: 1px solid #001f58;
padding: 3px;
width: 12em;
}
.forminput textarea {
border: 1px solid #001f58;
padding: 3px;
width: 24em;
}
.forminput input:focus, .forminput textarea:focus {
border-color: #ffca30;
}
.formerror {
color: #f00;
}
.trainevents {
font-size: 0.9em;
width: 500px;
}
.tableheading {
background: #001f58;
color: #fff;
padding: 3px;
font-weight: bold;
}
.rosetitle {
width: 270px;
}
.trainevents tr td a {
background: #e6f1f6;
display: block;
text-align: right;
padding: 3px;
margin: 0 0 1em 0;
}
.trainevents tr td {
padding: 0.25em 0.5em 0.25em;

}
.login {
font-size: 1em;
padding: 6px 0 6px 6px;
}
.login input {
width: 10em;
border: 1px solid #001f58;
}
#tier3content ul {
margin: 1em 0 0.5em 2em;
}
#tier3content ul li ul {
margin: 0 0 0 2em;
}
.toolkitsub {
text-indent: 1em;

}
#errorpage {
margin-left: 12px;
}
#errorpage h1 {
font-size: 1.4em;
}
#errorpage ul {
list-style: none;
}
#errorpage ul li {
padding: 0 0 1em 1em;
}
.searching {
margin: 0 0 1em 0;
}
#tier3 .searching {
margin-left: 12px;
}
.sr {
padding: 1em;
}
#tier3form ol {
margin: 1em 0 1em 2em;
}

#bodyproducts #maincontent {
	height: 100%;
}

.bluebox {
background: #e6f1f6 url(../image/blueboxfooter.gif) no-repeat 0 bottom;
display: block;
padding: 10px 10px 12px 10px;
}