/* gftu - demo 7 */
/*div { border: 1px solid #fff; }*/

/* global styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.3em;
	text-align: left; color: #000; 
	
	
	background: #e8e8e8 url(../images/bg.gif) 50% 0 no-repeat;
	
	
	margin: 20px 0 0 0; padding: 0; }
	
ul { padding: 0 0 10px 1.2em; }

p { margin: 0; padding: 0 0 10px 0; }
	
form,
fieldset { margin: 0; padding: 0; border: none; }

h1, h2, h3, h4 ,h5 { margin: 0; padding: 0 0 10px 0; line-height: 1.2em;}

h2 { color: #c9241a; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; }

h3 { padding: 0 0 5px 0; margin: 0; color: #5a585b; font-size: 1.2em; }

h3 span {color: #a8adb0; font-size: 1em; font-style: italic; }

h4 { padding: 0; margin: 2px 0 2px 1px; color: #c9241a; font-family: Arial, Helvetica, sans serif;  font-size: 1em; }


img { border: none; }
.clear { clear: both; }

a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }


/* style for blankwin */
a.external { position: relative; padding-right: 12px; background:url(../images/ico_external.gif) no-repeat 100% 50%; }

hr { margin: 10px 0 10px 0; padding: 0; background-color: #666; border: 0; height: 1px;  color: #666; }

/* main wrapper */
#wrapper { position: relative; width: 960px; margin: 0 auto 0 auto; overflow: hidden; height: 1%; }


#content { position: relative; padding: 5px 15px 0 15px; zoom: 1; }

/*header container, includes logo and main menu */
#localMenu { 
	position: relative; float: left; 
	background-color: #b31706; width: 150px; overflow: hidden; height: 1%; }



#localMenu #skip { display: none; }

#localMenu h1 { 
	position: absolute; top: 0; left: 0; height: 63px; width: 150px; margin: 7px 0 0 0; padding: 0; }
#localMenu h1 a { 
	position: absolute; display: block; 
	top: 0; left: 0; width: 100%; height: 63px;
	text-indent: -9999px; background: transparent url(../images/logo_gftu100_w.gif) 50% 0 no-repeat; }


/*
	navigation container
*/
#navcontainer { margin: 80px 0 0 0; overflow: hidden; zoom: 1; border-bottom: 100px solid #fff; }


/*
	main menu navigation
*/
ul#navlist { 
	text-align: left; list-style: none; margin: 0; padding: 0; overflow: hidden; zoom: 1; display: block; width: 150px; }

ul#navlist li { display: block; margin: 0; padding: 0; zoom: 1; width: 150px; overflow: hidden; }

ul#navlist li a { 
	display: block; zoom: 1; 
	padding: 5px 10px 5px 10px; overflow: hidden;
	border-width: 1px; border-color: #8b1106 #5b0202 #5b0202 #8b1106; 
	border-style: solid; 
	color: #fff; text-decoration: none; background: #5b0202; }

#navcontainer>ul#navlist li a {  }
ul#navlist li.active a { background: #000; color: #fff; }
ul#navlist li.active:hover { background: #000; color: #ccc; }
ul#navlist li a:hover, ul#navlist li.active a:hover { 
	color: #ccc;background: transparent; border-color: #8b1106 #000 #5b0202 #000; }


ul#navlist ul.parents { padding: 0 10px 0 10px; background: #222;  } 
ul#navlist ul.parents li { font-size: 0.9em; padding: 0 10px 0 0; width: 140px; }
ul#navlist ul.parents li a { border: 0; background: #222; padding: 2px 0 2px 0;  color: #ccc; }
ul#navlist ul.parents li a:hover,
ul#navlist ul.parents li.active a,
ul#navlist ul.parents li.active a:hover { background: #222; text-decoration: underline; color: #fff; }


ul#navlist ul.types { padding: 0 10px 0 10px; background: #222;  } 
ul#navlist ul.types li { font-size: 0.9em; padding: 0 10px 0 0; width: 140px; }
ul#navlist ul.types li a { border: 0; background: #222; padding: 2px 0 2px 0; color: #ccc; }

ul#navlist ul.types li a:hover,
ul#navlist ul.types li.active a,
ul#navlist ul.types li.active a:hover { text-decoration: underline; background: #222; color: #fff; }


ul#navlist ul.categories { padding: 0 10px 0 10px; background: #222; } 
ul#navlist ul.categories li { font-size: 1em; padding: 0 10px 0 0; width: 130px; }
ul#navlist ul.categories li a { border: 0; padding: 2px 0 2px 0; text-decoration: none !important; }

ul#navlist ul.categories li a:hover,
ul#navlist ul.categories li.active a,
ul#navlist ul.categories li.active a:hover { background: #222; text-decoration: underline !important; color: #fff; }


/*
	content styles
*/
#content .header {position: relative; float: right; width: 750px; background-color: #fff; padding: 5px 5px 0 5px; }
#content .header h2 { font-size: 1.8em; padding: 0; margin: 0; }


/* ///// main content, includes search and scroll images ///// */

#content #searchPanel { position: relative; float: right; width: 170px; background-color: #ccc; padding: 5px; border-left: 0; }

html>body #content #searchPanel { border-left: 10px solid #b31706; }

#content #searchPanel form {display: inline; float: right; }
#content #searchPanel input.field { width: 130px; border: 1px solid #ccc; background-color: #eee; margin: 0 7px 0 0; }
#content #searchPanel input.button {  border: 1px solid #000; background-color: #5b0202; color: #fff; font-size: 0.9em; padding: 2px; cursor: pointer; }

#home #content #searchPanel { width: 250px; border-top: 10px solid #fff; border-left: 0; }
#home #content #searchPanel input.field { width: 210px; }


#content #top-panel { 
	position: relative; float: left; width: 760px; height: 200px; padding:15px 0 0 20px;
	background-position: 20px 20px; background-repeat: no-repeat; background-color: #fff; }

#content #top-panel div.title { 
	position: absolute; 
	width: 760px; bottom: 0; left: 20px; 
	background: #000; opacity:.8; filter:alpha(opacity=80); }

#content #top-panel div h2 { 
	color: #fff; font-size: 20px; padding: 10px; font-weight: normal;
}


#home #content #top-panel { height: 250px; border-bottom: 15px solid #fff; }





#bottom-panel { position: relative; width:760px; padding: 0 0 0 20px; float: left; }


#quickLinks { position: relative; float: left; width: 500px; overflow: hidden; height: 1%; }

#quickLinks .inner { width: 500px; overflow: hidden; }

#quickLinks img { display: block; }
#quickLinks .homePanel { position: relative; float: left; width: 220px; margin-right: 30px; font-size: 0.9em; }

#quickLinks .homePanel h4 { margin: 5px 5px 0 5px; font-size: 1.2em; }
#quickLinks .homePanel p { margin: 0 5px 5px 5px; padding: 0; }
#quickLinks .homePanel a.more { padding: 0 5px 0 5px; }



#latestNews { position: relative; float: right; width: 260px; background-color: #5b0202; margin: 0; }
#latestNews p { color: #fff; padding: 10px; }
#latestNews h2 { display: block; background-color: #000; padding: 5px 5px 5px 7px; margin: 0; color: #fff; }



#latestNews a { color: #ccc; text-decoration: none; }
#latestNews a:hover { color: #f00; text-decoration: underline; }


#quickLinks .homePanel a { color: #666; text-decoration: none; } 
#quickLinks .homePanel a:hover { color: #5b0202; text-decoration: underline; } 





#body { position: relative; width: 780px; padding: 15px 0 0 0; float: left; }



#body p { margin: 0; padding: 0 0 10px 0; }

#body a { border-bottom: 1px dotted #666; }
#body a:hover { border-bottom: 1px solid #000; }


.textContent { 
	float: left; width: 540px; padding-left: 20px;  }

.textContentBox { 
	float: right;  
	border: 1px solid #5b0202;  
	width: 180px; padding: 10px; background-color: #b31706; color: #fff; }
	
.textContentBox p { margin: 0; }
.textContentBox h3 { 
	background-color: #5b0202; 
	padding: 10px; color: #fff; margin: 0 0 10px 0 !important; }



/* footer styles */
#footer { 
	position: relative; padding: 30px 15px 8px 180px; }

#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; background: #ccc; }

#footer ul { padding: 0 15px 0 15px; }

#footer ul li {	display: inline; border-right: 1px solid #222; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #222; font-weight: normal; padding: 0 5px 0 5px; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }


#footer ul.top { padding-top: 15px; }
#footer ul.bottom { padding-bottom: 15px; }




/*
	home page slideshow style rules
*/

#slideshow {list-style:none; color:#fff; margin: 0; padding: 0; }
#slideshow span {display:none; }
#slideshow-wrapper {width:760px; display:none; }
#slideshow-wrapper * {margin:0; padding:0; }
#fullsize {position:relative; width:760px; height:250px; overflow: hidden; }
#information {position:absolute; bottom:-1px; width:760px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.8; filter:alpha(opacity=80);}
#information h3 {padding:4px 8px 3px; color: #fff; font-size:14px; font-weight: normal; margin: 0; }
#information p {padding:0 8px 8px; margin: 0; font-size: 10px;}
#image {width:760px}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150;}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat;}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(../images/link.gif) center center no-repeat;}
#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222;}
#slideleft:hover {background-color:#333;}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat;}
#slideright:hover {background-color:#333;}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden;}
#slider {position:absolute; left:0; height:81px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}



/*
	list styles for news listings
*/
ul.news,
ul.news li { margin: 0; padding: 0; list-style: none; }
ul.news { margin-bottom: 30px; }
ul.news li { display: inline; }
ul.news li a { 
	display: block; padding: 3px 10px 3px 30px; color: #000; text-decoration: none;
	background: transparent url(../images/article.gif) 5px 5px no-repeat; }
ul.news li a strong {display: block; }	
ul.news li a:hover { background-color: #eee; text-decoration: underline; }


/*
	to be re-styled into site colours;
*/

/*  pagination */
.pagination { position: relative; margin: 15px 0 15px 0; }
.pagination ul,
.pagination ul li { margin: 0; padding: 0; list-style: none; display: inline; list-style-image: none; font-weight: bold; color: #b31706; }
.pagination ul li { padding: 0 1px 0 1px; }
.pagination ul li a { padding: 1px 3px 1px 3px; background: #fff; color: #b31706; border: 1px solid #fff; text-decoration: none; }
.pagination ul li a:hover { background: #b31706; color: #fff; text-decoration: none; border: 1px solid #b31706; }
.pagination ul li.label { padding: 0 5px 0 0; font-weight: bold; color: #454545; }
.pagination ul li.current { padding: 2px 4px 2px 4px; background: #b31706; color: #fff; }

/* search results */
#results { position: relative; }

#results p { font-size: 1.0em; padding: 0; margin: 0 0 20px 0; }
#results p em { color: #b31706; font-style: normal; font-weight: bold; padding-right: 5px; }
#results p strong { font-weight: normal; background-color: #f2a70d; padding: 0 2px 0 2px; } 
#results p a { color: #b31706; font-weight: bold; font-size: 1.1em; text-decoration: none; }
#results p a:hover { text-decoration: underline; }
#results p span { display: block; color: #999; font-size: 0.9em; }

#resultReport { text-align:left; padding:0; font-weight: normal; margin: 0 0 10px 0; }
#commonReport { padding: 0; margin: 0 0 10px 0; text-align:left; color: #444;  }
#resultsDYM { font-size: 1.1em; text-align: left; margin:10px 0 10px 0; }

/*
	list styles for article (product) listings
*/
ul.articles,
ul.articles li { margin: 0; padding: 0; list-style: none; }
ul.articles li { display: inline; }
ul.articles li a { 
	display: block; padding: 3px 10px 3px 30px; color: #000; text-decoration: none;
	background: transparent url(../images/article.gif) 5px 50% no-repeat; }
ul.articles li a:hover { background-color: #eee; text-decoration: underline; }


.links {
	position: relative; border-top: 3px solid #000; width: 100%; padding: 20px 0 0 0; }

.links div { position: relative; clear: both; }
.links div span { position: absolute; right: 0; top: 2.7em; }

.links div h3 { border-bottom: 1px solid #000; border-top: 2px solid #000; padding-top: 20px; margin-top: 10px; }
.links div.first h3 { border-top: none; padding-top: 0; margin-top: 0; }

.links div dl dt,
.links div h3.left { float: left; width: 55%; }
.links div dl dd,
.links div h3.right { float: right; width: 40%; }

.links div dl,
.links div dl dt,
.links div dl dd { margin: 0; padding: 0; }
.links div dl { clear: both; }
.links div dl dt,
.links div dl dd { padding: 5px 0 0 0;  }
.links div dl dd p { padding: 0 0 5px 0; }

/*
	list styles for associated assets
*/
ul.assets { border-bottom: 10px solid #B31706; overflow: hidden; }
ul.assets,
ul.assets li { margin: 0; padding: 0; list-style: none; }
ul.assets li { display: inline; }
ul.assets li a { 
	display: block; padding: 3px 10px 3px 30px; color: #fff; text-decoration: none; 
	background-color: transparent; background-position: 5px 50%; background-repeat: no-repeat; }
ul.assets li a:hover { background-color: #eee; text-decoration: underline; color: #222; }
ul.assets li a.pdf { background-image: url(../images/pdf.gif); }
ul.assets li a.flash { background-image: url(../images/flash-video.gif); }
ul.assets li a.video { background-image: url(../images/flash-video.gif); }
ul.assets li a.excel { background-image: url(../images/excel.gif); }
ul.assets li a.generic { background-image: url(../images/generic.gif); }
ul.assets li a.word { background-image: url(../images/word.gif); }

/* user feedback boxes */
.error,
.info,
.success {
	border-bottom: 4px solid #fff;
	font-weight: bold; line-height: 20px; 
	margin: 5px 0 15px 0; padding: 10px 5px 10px 35px; }
	
/* error message */
.error {
	border-color: #ecc;
	background: #fee url(../images/error.gif) 10px 10px no-repeat;  color: #922; }

/* success message */
.success {
	border-color: #be8;
	background: #dfa url(../images/success.gif) 10px 10px no-repeat; color: #292; }

/* info message */
.info {
	border-color: #cce;
	background: #eef url(../images/info.gif) 10px 10px no-repeat; color: #247; }
	
	
	
.forms { 
	position: relative; padding: 0; width: 319px; }

.forms h4 { color: #5b5b5b; font-weight: normal; }

.forms p { color: #000; padding: 0 0 5px 0; margin: 0; }

.forms fieldset { padding: 0; margin: 0; border: 0; }
.forms label { 
	color: #000; display: block; width: auto; 
	font-weight: bold; padding: 2px 0 4px 0; } 

.forms .captcha {  display: block; width: 300px;  background-image: none; }
.forms .captcha label span { display: inline; width: auto; padding: 0; }
.forms .captcha img { border: 1px solid #888; }
.forms .captcha input { width: 100px; }
.forms .captcha span { display: block; font-size: 0.9em; color: #444; }

.forms .captcha label span,
.forms label span { color: #f26432; font-weight: bold; }

.forms textarea,
.forms input { margin: 2px 0 4px 0; width: 300px; }

/* revised clearing method */
.forms .select { padding: 2px 0 4px 0; overflow: auto; width: 100%; }
.forms .select select { width: 300px; }

.forms .hidden { display: none; }

.forms input#enquiry,
.forms input#submit,
.forms input#reset,
.forms input#cancel,
.forms input#close { width: auto; margin: 0; }


ul.sitemap li { list-style-type: square; color: #b31706; }


/* jQuery lightBox plugin - Gallery style */
#gallery { padding: 20px 0 20px 0; width: 540px; overflow: hidden; }
#gallery ul { list-style: none; overflow: hidden; display: block; width: 100%; margin: 0 0 5px 0; padding: 0; }
#gallery ul li { display: block; float: left; margin: 0 3px 0 3px; width: 170px; border: 1px solid #ccc; }
#gallery ul img { border: 5px solid #fff; display: block; float: left; }
#gallery ul a:hover img { border: 5px solid #ddd; color: #ddd; }
#gallery ul a:hover { color: #444; }

/*
	calendar styles
*/
#calendar { position: relative; width: 538px; overflow: hidden; padding: 1px; }
#calendar h2 { text-align: center;}
#calendar .calendarNav {
	position: relative; 
	width: 528px; padding: 0 5px 0 5px; 
	overflow: hidden; background: #aaa; margin-bottom: 10px; height: 30px; line-height: 30px; }


#calendar .calendarNav .previous { float: left; width: 25%; }
#calendar .calendarNav .monthYear { float: left; width: 49%; text-align: center;  }
#calendar .calendarNav .next { float: right;  }

#calendar .calendarNav .next a,
#calendar .calendarNav .previous a { text-align: left; font-size: 17px; font-weight: bold; padding: 0 5px 0 5px; }
#calendar .calendarNav .next a { text-align: right; }
#calendar .calendarNav .next a:hover,
#calendar .calendarNav .previous a:hover { text-decoration: none; color: #fff; background: #444; }

#calendar table { width: 538px; border-collapse: collapse; }
#calendar td { font-size: 11px; border: 1px solid #888; width: 40px; padding: 2px; }
#calendar th {  font-size: 11px; border: 1px solid #b31706; padding: 5px 0 5px 0; text-align: center;}

#calendar tr.topdays { background-color: #b31706; font-size: 11px; color : #fff; }

#calendar .toprightnumber { font-size: 10px; font-weight: bold; }
#calendar .eventinbox { font-size: 10px; }
#calendar .currentdate { font-size: 17px; font-weight: bold; }

#calendar a:link,a:active,a:visited { color : #000000; text-decoration: none; }
#calendar a:hover	{ text-decoration: underline; color : #000000; }

#calendar td.beforedayboxes { background-color: #ffffff; color: #000000; }
#calendar td.dayboxes { background-color: #ffffff; color: #000000; }
#calendar td.afterdayboxes { background-color: #ffffff; color: #000000; }
#calendar td.highlighteddayboxes { background-color: #EFEFEF; color: #000000; }


#calendar .event { font-size: 12px; font-weight: bold; }
#calendar .eventdetail { font-size: 11px;}
#calendar .eventwhen { font-size: 15px; font-weight: bold; }
#calendar .addevent { font-size: 12px; font-weight: bold; }
#calendar .addeventextrainfo { font-size: 10px; }

#calendarEntry { background: none; width: 450px; padding: 10px; margin: 0; overflow: hidden; }
#calendarEntry #calendar h2 { text-align: left; }
#calendarEntry #calendar p { padding: 0 0 10px 0; }
#calendarEntry #calendar .description { 
	border: 1px solid #ccc; width: 470px; height: 200px; padding: 5px 20px 5px 5px; overflow: auto; }
#calendarEntry #calendar .button {  }

ul.sitemap,
ul.sitemap ul { margin-left: 20px; }
ul.sitemap a:hover { text-decoration: underline; }

.topanchor { font-weight: normal; font-size: 11px; margin-left: 25px; border: none !important; }