﻿html {
    height:100%;
    margin-bottom:0.01em;
    overflow:-moz-scrollbars-vertical;
}

body {
    background-color:#FFF;
    color:#333;
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:62.5%;
    margin:0;
    padding:0;
}

/* RESET 
----------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* GENERIC STYLES 
----------------------------------------------------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.centered {text-align:center;}
.bold {font-weight:bold;}
.hidden {display:none;}
.noborder {border:none;}
.last {border:0;}
.callout .last{margin-bottom:10px;}

p, ul {
    margin-bottom:10px;
    line-height:1.4em;
    font-size:1.1em;
}

:focus {
	outline:0;
}

.page {
    width:985px;
    margin:0 auto;
    background-color:#f3f3f3
}

/* LINK STYLES 
----------------------------------------------------------*/
a:link, a:visited {
    color:#369;
    text-decoration:none;
}

a:hover, a:active {
    color:#69c;
    text-decoration:underline;
}

a {
	white-space:nowrap;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

h1 {
    font-size:1.8em;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight:bold;
}
h2 {
    padding:0 0 10px 0;
    color:#369;
}

h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1.1em;
}
h5, h6 {
    font-size: 1em;
}

/* HEADER AND FOOTER  
----------------------------------------------------------*/
#header {
    margin-bottom:8px;
    padding:20px 25px;
    background-color:#439fd6;
}

#header h1 {
    margin-top:15px;
    font-size:1.4em;
    letter-spacing:1px;
    font-weight:bold;
    color:#FFF;
    text-transform:uppercase;
}

#header ul {
    text-align:right;
    margin-bottom:45px;
}

#header ul li, #footer ul li {
    display:inline;
    font-size:1.2em;
}

#header ul li {
    border-right:1px solid #FFF;
}

#footer ul li {
    border-right:1px solid #CCC;
}

#header ul li.noborder, #footer ul li.noborder {
    border-right:none;
}

#header ul li a:link, #header ul li a:visited, #footer ul li a:link, #footer ul li a:visited {
    color:#FFF;
    text-decoration:none;
    padding:8px;
}

#footer ul li.first a {
    padding-left:0;
}

#header ul li a:hover, #header ul li a:active {
	color:#c0dffd;	
    text-decoration:underline;
}

#footer ul li a:hover, #footer ul li a:active {
	color:#CCC;	
    text-decoration:underline;
}

#footer {
    background-color:#666;
    color:#FFF;
    padding:10px;
    margin-top:8px;
}

#footer div.right {
	font-size:1.2em;
}

/* HEADER SEARCH  
----------------------------------------------------------*/
#search {
	background-color:#4093ce;
	padding:5px;
}

#search input.searchbox {
    width:175px;
}

#search input, #search select{
	margin:0 2px;
	color:#333;
	font-size:1.2em;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	border:1px solid #3383bb;
}

#search input{
	padding:3px 3px 3px 4px;
}

#search select {
	padding:2px 2px 2px 3px;
}

#search input.searchButton {
	background-color:#4093ce;
	border:none;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
    color:#FFF;
    text-transform:uppercase;
}

/* MAIN LAYOUT
----------------------------------------------------------*/
#content {
	width:801px;
}

#banner-top, #banner-right, #content-body, #search-summary {
	border:1px solid #CCC;
	padding:7px;
	background-color:#FFF;
}

#banner-top img, #banner-right img {
	margin:0;
	display:block;
}

#banner-top {
	margin-bottom:8px;
}

#content-body {
	border-top:0;
	padding:18px;
}

/* HOMEPAGE FEATURES
----------------------------------------------------------*/
div#title {
	background-color:#FFF;
	border:1px solid #CCC;
	padding:10px 12px;
}

.feature {
	border-top:dotted 1px #999;
	padding:10px 0 8px;
}

.feature-image {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

.feature-text {
	float:left;
	width:625px;
	margin-bottom:10px;
}

.first {
	border-top:none;
	padding-top:0;
}

/* SEARCH RESULTS   
----------------------------------------------------------*/
#search-summary {
	font-size:1.2em;
	margin-bottom:2px;
}

#summary-text {
	float:left;
	padding-top:3px;
}

.sponsor-listing {
	color:#930;
	text-transform:uppercase;
	font-size:0.8em;
}

.search-result {
	background-color:#FFF;
	border:1px solid #CCC;
	margin-bottom:8px;
}

.result-header {
	border-bottom:1px solid #CCC;
	padding:7px 10px 5px;
}

.result-body {
	padding:10px;
}

.featured {
	background-color:#FFC;
}

.result-header h2 {
	color:#333;
	font-size:1.3em;
	padding-bottom:2px;
}

.result-header p {
	margin:0;
	color:#666;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
	width:520px;
}

.icons {
	margin-top:2px;
}

.icons a {
	text-decoration:none;
}

.icons a:hover {
	background:#ffffff;
	text-decoration:none;
}

.icons a.tooltip div {
	display:none;
	padding:4px 5px; 
	margin:30px 0 0 -30px; 
	width:auto;
}

.icons a.tooltip:hover div{
	display:inline;
	position:absolute;
	background:#ffffff; 
	border:1px solid #999; 
	color:#333;
}

.company-logo {
	width:170px;
	margin-right:15px;
}

.company-description {
	width:360px;
	margin-right:15px;
}

.noimage {
	width:545px;
}

.company-contact {
	width:200px;
	border:1px solid #CCC;
	padding:8px;
}

.company-description p:last-child, .company-contact p:last-child {
	margin-bottom:0;
}

.company-description input {
	background-color:#FFF;
	color:#369;
	border:none;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:1em;
}

/* FORM ELEMENTS - EMAIL ENQUIRY 
----------------------------------------------------------*/
label {
	display:block;
}

.ui-widget-content input.emailInput {
	width:300px;
	padding:2px;
	border:1px solid #b5babe;	
}

.ui-widget-content input.emailButton {
	background-color:#666;
	color:#FFF;
	font-weight:bold;
	padding:3px;
	border:1px solid #b5babe;
	text-transform:uppercase;	
}

.ui-widget-content input.emailButton:hover {
	background-color:#CCC;
	color:#666;
	font-weight:bold;
	padding:3px;
	border:1px solid #b5babe;	
}

.ui-widget textarea {
	width:435px;
	padding:2px;
	border:1px solid #b5babe;	
}

p#email-disclaimer {
	font-size:1em;
	margin:15px 0;
}

.recaptchatable  {
	background-color:#FFF;
}

/* VALIDATION
-----------------------------------------------------------*/
.validation-summary-errors {
    font-weight:bold;
    color:#C00;
}

#search-error {
	color:#FFF;
	font-size:1.2em;
	margin-bottom:10px;
	background:url(../Content/images/Icon-SearchError.png) no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}

/* CLEAR FLOATS 
-----------------------------------------------------------*/
#header, #main, #footer, #content-body, .result-header, .result-body, .feature {
	overflow:hidden;
}

#header, #main, #footer, #content-body, .result-header, .result-body, .feature {
	display:inline-block
}

#header, #main, #footer, #content-body, .result-header, .result-body, .feature {
	display:block
}
