/* RouteOne - Expo Publishing - www.route-one.net */
/* v1.0 - 21/08/06 - Mike Padgett - Fincaso Limited [www.fincaso.com] */

/* Site structural elements */
/* ======================== */

body {padding: 0; margin: 0; background: #fff url("images/body_bg.gif");}
body * {position: relative;}

/* ----- Hacks ----- */

.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 */


/* ----- Expop Generic Header ----- */

@media screen {
#expopheader {background: #221E1F url(images/expo_header.gif) top right no-repeat; font-size: 70%; font-family: Arial, Helvetica, sans-serif; color: #fff; height: 36px; padding: 0 50px 0 0;}
#expopheader .expoplinks {display: block; float: right; margin: 10px 0 0 0;}
#expopheader .expoplinks a {display: block; float: left; margin: 0 10px 0 0;}
#expopheader a {color: #fff;}
#accessibilitybar {float: left; height: 36px; padding: 0 30px 0 0; background: #ED1D24 url(images/expo_header_bg.gif) top right no-repeat;}
#accessibilitybar a {display: block; float: left; margin: 10px;}
/* Holly hack \*/
* html #accessibilitybar a  {margin: 10px 10px 10px 5px;}
/* End Holly hack */
}
@media print {
#expopheader {display: none;}
}

@media screen {

/* ----- header ----- */

#siteheader {height: 78px; background: #fff url(images/logotype_screen.gif) center left no-repeat; border-bottom: 1px solid #d7d7d7;}
#homelogo {float: left; width: 336px; height: 78px;}
#homelogo a {display: block; width: 100%; height: 78px;}
#topad {position: absolute; top: 9px; right: 10px;}
#topad img {border: 0px;}
.hide {display: none;}

/* ----- column 1 (left) ----- */

#col1 {position: absolute; z-index: 999; left: 10px; top: 125px; width: 125px;}
/* Holly hack \*/
* html #col1 {width: 125px;}
/* End Holly hack */

#col1-ads {position: absolute; left: 5px; top: 345px;}
/* Holly hack \*/
* html #col1-ads {top: 345px;}
/* End Holly hack */

/* ----- navigation ----- */

ul.nav {font-family: Arial, Helvetica, sans-serif; font-size: 85%; list-style-type: none; color: #333; background: #fff; margin: 0; padding: 0; border-color: #d7d7d7; border-style: solid; border-width: 0 1px 1px 1px; width: 100%;}
html>body ul.nav {width: 100%; position: absolute !important; z-index: 999;}
ul.nav li {font-weight: bold; margin: 0; padding: 0}
ul.nav ul {list-style-type: none; margin: 0.1em 0 0 0; padding: 0; voice-family: "\"}\""; voice-family: inherit; margin: 0.1em -0.5em 0 -0.5em;}
ul.nav a {font-weight: normal; text-decoration: none; color: #333; margin 0; padding: 0.2em; width: 100%; border-top: 1px solid #d7d7d7; display: block; voice-family: "\"}\""; voice-family: inherit; padding: 0.2em;}
html>body ul.nav a {width: auto}
ul.nav a.subscribe {color: #ED1D24;}

ul.nav a.livery {color: #0000FF;}

ul.nav a:hover {color: #fff; background: #ED1D24;}
ul.nav a#selected {background: #E4EBF3 !important;}
ul.nav a#selected:hover {color: #333; cursor: default;}

ul.nav ul {margin: 0; padding: 0;}
ul.nav ul li {text-indent: 1em; font-size: 80%; font-weight: normal; color: #999;}
.unlinked {padding: 0.2em !important; border-top: 1px solid #d7d7d7; cursor: default;}
html>body ul.nav ul li a {width: auto;}

/*#col1-ads {position: absolute; left: 5px; top: 500px;}*/

/* ----- column 2 (centre) ----- */

#col2 {margin: 0 220px 0 147px;}
/* Holly hack \*/
* html #col2 {margin: 0 220px 0 145px;}
/* End Holly hack */

/* ----- generic box ----- */
.stdbox {border: 1px solid #d7d7d7; background: #fff; padding: 0.6em; margin: 10px 0; _height:1%; overflow: hidden;}

/* ----- form ----- */

fieldset.on {border-top: 0px; border: 0px; background: url(images/body_bg_fg_hilight.gif);}
fieldset.off {border: 0px;}
fieldset.on legend {font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; color: #66090B; background: #fff;  padding: 0.2em; margin: 0; background: #fff;}
fieldset.off legend {font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; color: #66090B;  background: #fff; padding: 0 0.2em;}

fieldset .sub {background: #F3F6FA; border: 0px; margin: 10px;}
fieldset .sub legend {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; font-size: 80%; background: #F3F6FA;}

.formrow {clear: both; margin: 0.2em 0;}
.formrow:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.formrow {display: inline-block;}
/* Hides from IE-mac \*/
* html .formrow {height: 1%;}
.formrow {display: block;}
/* End hide from IE-mac */

.formrow label {display: block; font-size: 75%; float: left; width: 40%; text-align: right; padding: 0.2em 0 0 0;}
.formrow span {display: block; float: right; width: 58%; text-align: left;}
.formrow span input {width: 70%; font-size: 90%; font-family: Arial, Helvetica, sans-serif;}
.formrow span select {font-size: 90%; font-family: Arial, Helvetica, sans-serif;}
.formrow label abbr {color: #ED1D24; font-weight: bold;}
.formrow legend abbr {color: #ED1D24; font-weight: normal;}
.formrow .small {font-size: 70%;}
.formrow p {font-size: 75% !important; margin: 0.6em 0.6em !important;}
.optin {padding: 0 0 0 18%; border-bottom: 1px dotted #cad7e8;}
fieldset h5 {padding: 0 0 0 0.6em;}
.maideninit {width: 25px !important;}

.radios {text-align: center !important; margin: 0.2em 0;}
.radios span {clear: both; display: block; width: 60%; margin: 0.2em 0 0 0;}
.radios select {width: 67.5%; margin: 0 0 0 0.75em;}
.radios input {float: left; width: 20px !important;}
.radios label {float: left; width: auto; padding: 0 0 0.1em 5px;}

#errors {border: 1px solid #cad7e8; margin: 0 10%; padding: 0 10px;}

/* ----- clearance kludge ----- */
.cl {clear: both; width: 0; height: 0; margin: 0; padding: 0;}

#breadcrumb {padding: 0.2em 0.6em;}

/* ----- column 3 (right) ----- */

#col3 {position: absolute; margin: 0; right: 10px; top: 125px; width: 200px;}
#col3 p {margin: 10px 0;}
/* --> whatever id is at the top of the right column must be margin: 0 */
#topbox {margin: 0;}
#testimonial {margin: 0;}
#subscribe-now {margin: 0; padding: 5px;}
#flashbanner a img {border: 0px;}

/* ----- footer ----- */

#footer {clear: both; padding: 0 10px 10px 10px;}
#footer div {text-align: center; border: 1px solid #d7d7d7; background: #fff url(images/logotype_footer.gif) center left no-repeat; padding: 0 0 0 63px;}
#footer div ul {font-size: 70%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0.6em;}
#footer div ul li {display: inline; margin: 0 0.6em;}
#footer div p {font-size: 70%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0.4em 0.4em 0.6em 0.4em;}
}

@media print {
body {margin: 0; padding-left: 20px; border-left: 5px solid #ED1D24;}
#siteheader {margin: 0; padding: 0;}
.hide {display: block; border: 0;}
#col1, #breadcrumb, #col3, #footer {display: none;}
}