/* HTML Styles */

html,body{margin:0;padding:0}

body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%; 
	background-image: url(images/mainback.gif);
	background-repeat: repeat-y;
}

#container {
	width: 960px;
}
 h3 {
 	text-transform: capitalize;
 }
/* Content Styles */

div#content{
	margin: 30px 0 20px 10px;
}

div#content a {
	text-decoration: none;
	border-bottom: 1px dotted #096290;
	color: #096290;
	font-weight: bold;
}

div#content a:link, div#content a:visited {
	color: #096290;
	border-bottom: 1px dotted #096290;
}

div#content p {
	line-height: 150%;
	font-size: 1em;
	width: 200px;
}

div#content p.pagetext{
	color: #800080;
	font-size: 1.4em;
	font-weight: bold;
	width: 200px;
}

/*div#content img {
	display: inline;
	float:right;
	margin-top: auto;
	margin-bottom: auto;
}
*/

div#extra form.linkbox a,
div#extra form.linkbox a:hover{
	background-color: transparent;
	padding:0;
	margin:0;
	border:none!important;
	color:#fff;00080;
	font-size:10px;
	width:150px;
}



/*div#extra form.linkbox a img{
	border:none!important;
}

div#extra form.linkbox a img{
	border:none!important;
}*/

div#extra form.linkbox img.essa{ /* New style to centre the aec graphic */
	margin: 30px 0 0 0;
}

div#extra form.linkbox img.na{ /* New style to centre the aec graphic */
	margin: 0 0 0 0;
}

div#extra form.linkbox p.naText{
	margin: 0 0 0 4px;
}


div#content h4{
	color: #800080;
	font-weight: normal;
	padding: 5px 0 0 0;
	font-size: 12px;
}

/*div#content span{
	color: #800080;
}*/

/* Flash content styles */

div#flashcontent {
	display: inline;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	float:right;
	/*width: 407px;*//*NB: This may need adjustment*/
	/*height: 325px NB: This may need adjustment*/
	margin-top: auto;
	margin-bottom: auto;
}

div#boxholder {
	background-color: #ffffff;
	width: 200px;
	margin: 0;
	padding: 0;

}

div#services {
	background-color: #E4E4E4;
	font-size: 1em;
	margin: 0;
	padding-left: 10px;
	padding-bottom: 10px;
	line-height: 150%;
}

div#quickorder{
	background-color: #E4E4E4;
	font-size: 1em;
	margin: 20px 0 0 0;
	padding-left: 10px;
	padding-bottom: 10px;
	line-height: 150%;
}
/*Inner divs provide a bit of spacing for where curvy corners was used*/
div#servicesinner{
	margin-top: 30px;
	/*margin-bottom: 35px;*/
	margin-left: 10px;
}


div#quickorderinner{
	margin-left: 10px;
	/*margin-bottom: 30px;*/
}

/* Banner Styles */

div#banner {
	color: #800080;
	width: 740px;
}

/* Header */

div#header h1 {
	width: 575px;
	/*height: 54px;*//*This was added for the sake of sIFR replacement to control the height of the rendering. Took it out on 25th Aug 2006 as it caused issues with Im and organiser/exhibitor pages.*/
	color: #ffffff;
	font-size: 2em;
	font-weight: normal;
	padding: 13px 0 13px 10px;  /*These were the old padding styles for sIFR:- padding: 13px 0 13px -5px;*/
	margin: 0;
	background-color: #800080;
	text-align: left;
}

h1 {
	margin-top: 50%;
}

div#header img{
	float: right;
}

/* Main Styles */

div#wrapper{
	float: right;
	margin-left: -220px;
	font-size: 1.1em;
	width: 740px;
}

div#logo a img {
	border: 0;
}

div#logo img{
	display:block;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
}
/* Navigation Styles */

div#navigation{background:#ffffff;}

div#navigation{float:left;width:200px;}

div#navigation span{
	color: #FFFFFF;
	margin-left: 25px;
}

div#navigation input{
	font-size: 100%;
	width: 125px;
	padding: 0;
	margin-left: 25px;
}
div#navigation label{
	font-weight: bold;
	padding:0;
	margin: 0 0 0 25px;
}
div#navigation form{
	background-color: #800080;
	padding-bottom: 1px;
	padding-top: 5px;
	margin:0px;
	width: 202px;
	height: 45px;
}
div#navigation input.gobut{
	color: #ffffff;
	background-color: #FF0000;
	border: 1px solid #FF0000;
	font-size: 0.9em;
	width: 22px;
	margin: 0 0 0 5px;
	padding: 0;
}
div#navigation p{
	color: #ffffff;
	margin-top: 5px;
}

/* Footer Styles */

div#footer{
	clear:both;
	color: #fff;
	background-color:#800080;
	width: 730px;
	padding: 5px;
	margin: 0;
	}

div#footer p{
	float: left;

	display: inline;
	color: #ffffff;
	/*font-size: 0.8em;*/
	/*padding-top: 3px;
	padding-left: 3px;*/
}
div#footer ul {
	float:right;
	/*padding: 3px 3px 3px 0;*/
	list-style: none;
	font-size:0.8em;
	margin: 0;
	padding:0;
	/*background-color: #800080;*/
}
div#footer ul a{
	text-decoration: none;
	color: #ffffff;
	/*background-color: #800080;*/
}
div#footer li{
	display: inline;
}
div#footer li a{
	/*margin:20px 0 0 0;*/
	padding: 0 5px;
	border-left: 1px solid #ffffff;
}
div#footer li.first {
   border-left: none;
	list-style: none;
	display: inline;
}
div#footer li.first a {
	margin-left: 0;
	border-left: none;
}
div#footer span{
	display: inline;
	float: left;
	margin:0;
	padding: 0;
	color: #ffffff;
	font-size: 0.8em;
}

/* Extra Styles */

#extra {
	clear: left;
	float: left;
	width: 200px;
}

#extra ul
{
margin: 35px 0 0 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#extra a
{
display: block;
padding: 3px 3px 3px 25px;
width: 174px;
background-color: #E4E4E4;
color: #000000;
text-decoration: none;
border-bottom: 2px solid #ffffff;
font-size:1.2em;
}

#extra a:link, #ul a:visited
{
text-decoration: none;
}

#extra a:hover
{
background-color: #800080;
color: #fff;
}
#extra ul li.option{
	color: #800080;
}
#extra form.linkbox{
	color: #800080;
	font-weight: bold;
	margin: 30px 0 0 20px;
}


div#extra select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
}


/*#extra img{
	margin: 30px 0 0 0;
}*/

div#extra form.linkbox a img.ft { /* New style to centre the aec graphic */
	margin: 0px 0 0 -10px!important;
border: 0;
}

.noPrint div#extra form.linkbox a{
	border: none;
}

div#extra form.linkbox img { /* New style to centre the aec graphic */
	margin: 30px 0 0 0;
}

/*=Highlighted styles*/

div#extra ul#optionlist li a#highlighted,
#container div.noPrint div#extra ul#navlistone li a#highlighted,
#container div.noPrint div#extra ul#navlisttwo li a#highlighted
{
	background-color: #800080;
	color: #fff;
}

/*=Linkheader styles*/
/*option.linkheader {
	background-color: #800080;
	color: #fff;
}*/

/*=Linkheader styles*/
option.linkheader {
	background-color: #800080;
	color: #fff;
	border: 1px solid #fff;
	margin: 5px 0 0 0;
}


/*=Clears*/
.clear {
	clear: both;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: visible;
	margin: 0;
	padding: 0;
	font-size: 20px
}


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 15px;
	margin: 0 0 0 8px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

div#flashcontent {
	margin-bottom: 15px;
	}
}

#container div.noPrint div#extra form.linkbox a img.ft { /* New style to centre the aec graphic */
	margin: 0px 0 0 -10px!important;
}

#wrapper #content a.noBor img.ftPortal {
	border: none;
	margin: 0 0 0 -5px;
	text-decoration: none;
}

#container #wrapper #content a.noBor{
	border: none;
	text-decoration: none;
}