@charset "UTF-8";

/* Color Index

pink:			#EC008C;
light blue:		#00AEEF;
green:			#BED600;
grey:			#918F90;

*/

p, a, ul, ol, li, h1, h2, h3, h4, h5, h6, body, img {
		list-style: none;
		text-decoration: none;
		border: 0;
		padding: 0;
		margin: 0;
	  }

body {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color: #fff;
		background: url(../Images/home-gradient-bg.png) repeat-x bottom;
	  }

.clear {
		clear: both;
	  }

#no-border {
		border: none;
	  }

#no-margin {
		margin: 0;
	  }
	  
p {
		font-size: 0.6em;
		line-height: 1.25em;
	  }


#main-container {
		width: 950px;
		color: #fff;
		background-color: #fff;
		margin-top: 15px;
		padding-right: 20px;
	  }

#header {
		color: #918F90;
	  }

#logo {
		float: left;
		margin: 40px 0 55px 100px;
	  }

#page-header {
		margin-bottom: 35px;
	  }

#home-statement {
		display: block;
		clear: both;
		margin-left: 100px;
	  }


#font-size {
		float: right;
		font-size: 0.7em;
		margin-bottom: 20px;
	  }

#font-size li {
		display: inline;
	  }

#font-size img {
		margin-bottom: -3px;
	  }

#home-links {
		float: right;
		clear: right;
		width: 460px;
		color: #918F90;
		font: 0.8em Arial, Helvetica, sans-serif;
		border-right: 5px solid #918F90;
		padding: 3px 10px 0 0;
		margin-top: 10px;
	  }

#home-links ul { /* all lists */
		height: 28px;
		border-top: 1px solid #ccc;
	  }

#home-links li { /* all list items */
		float: right;
		/* width needed or else Opera goes nuts */
		border-right: 1px solid #ccc;
		margin: 10px 5px 0 7px;
		padding: 2px 7px 0 0;
	  }

#home-links a {
		display: block;
		color: #918F90;
	  }

#home-links ul li ul { /* second-level lists */
		position: absolute;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		font-size: 0.7em;
		border: none;
		padding-top: 12px;
		margin-left: -13px;
	  }

#home-links li ul li {
		float: none;
		display: block;
		border: none;
		padding: 3px 0;
		margin: 0;
	  }

#home-links li ul a {
		display: block;
		padding-left: 13px;
	  }

#home-links li ul li:hover, #home-links li ul li.sfhover {
		background: url(../Images/dropdown-menu-plus.gif) no-repeat left;
	  }

#home-links li:hover ul, #home-links li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	  }

#home-links p {
		display: block;
		clear: both;
		font-size: 1em;
		text-align: right;
		color: #00AEEF;
		padding-right: 2px;
		margin-bottom: 10px;
	  }

#nav-container {
		float: left;
		background: url(../Images/main-bg-left.jpg) repeat-y left #4A56A5;
		margin-bottom: 35px;
	  }

#nav-panel {
		height: 445px;
		width: 160px;
		font-size: 0.775em;
		font-weight: 100;
		background: url(../Images/home-bg-bottom-right.gif) no-repeat bottom right;
		padding: 15px 0 0 95px;
	  }

#home-page #nav-panel {
		background: none;
	  }


#nav-panel a:hover {
		color: #ccc;
	  }

#nav-phone {
		float: left;
		margin-left: -60px;
	  }

#nav {
		height: 145px;
	  }

#nav li, #lower-nav li {
		display: block;
		margin-bottom: 5px;
	  }

#nav a {
		color: #fff;
	  }

#nav-pi a {
		margin-left: 8px;
	  }

#nav-pi a:hover {
		color: #EC008C;
	  }

#nav-cn a {
		margin-left: 8px;
	  }

#nav-cn a:hover {
		color: #00AEEF;
	  }


#lower-nav {
	width: 150px;
	height: 165px;

	  }

#lower-nav ul {
		border-top: 2px solid #BED600;
		padding-top: 15px;
		margin-bottom: 20px;
	  }

#lower-nav ul a {
		color: #BED600;
	  }

#lower-nav ul h2 {
		color: #fff;
		font-size: 1.0em;
		font-weight: normal;
		margin: 10px 0 0 0;
	  }

#search-field, #cb-name, #cb-number, #cb-email {
		width: 135px;
		height: 22px;
		color: #918F90;
		border: none;
		background: transparent url(../Images/search-feild-bg.png) no-repeat;
		padding: 3px 5px 0 5px;
		margin-right: 5px;
	  }

#search-submit input {
		width: 80px;
		height: 19px;
		border: none;
		background: url(../Images/search-button.png) no-repeat;
		padding: 0;
		margin: 0;
	  }

#callback-submit input {
		width: 80px;
		height: 19px;
		border: none;
		background: url(../Images/callback-button.png) no-repeat;
		padding: 0;
		margin: 0;
	  }

#home-content {
		float: left;
		width: 490px;
		height: 400px;
		background: url(../Images/home-bg-bottom-right.gif) bottom right no-repeat #4A56A5;
		padding-left: 20px;
	  }

#home-image {
		clear: both;
	  }

.home-text-block {
		display: inline;
		float: left;
		width: 205px;
		padding: 0 10px 0 0;
		margin: 15px 0 15px 0;
	  }

.home-text-block h2 {
		margin-bottom: 3px;
	  }

.home-text-block a {
		font-size: 0.8em;
		color: #fff;
	  }

#cn-block {
		width: 205px;
		border-left: 1px dashed #fff;
		padding-left: 19px;
	  }

#cn-block a:hover {
		color: #00AEEF;
	  }

#pi-block a:hover {
		color: #EC008C;
	  }

#right-column {
		float: left;
		width: 205px;
		color: #918F90;
		margin: 0 0 0 20px;
	  }

#home-sticker {
		position: relative;
		float: right;
		margin: -35px 0 10px;
	  }

#right-column h2 {
		clear: both;
		font-weight: lighter;
		font-size: 1.75em;
		margin-bottom: 20px;
	  }

.page-pagination {
		text-align: right;
		font-size: 0.6em;
		margin-bottom: 15px;
	  }

.page-pagination a {
		color: #BED600;
	  }

.page-pagination a:hover {
		color: #0E2D6D;
	  }

.news-story {
		margin-bottom: 20px;
	  }

.news-story h3 {
		font-size: 0.8em;
		font-weight: normal;
		color: #BED600;
		margin: 0 0 4px 0;
	  }

.news-story img {
		border-right: 10px solid #BED600;
		margin-bottom: 5px;
	  }

.news-story a {
		color: #BED600;
		font-size: 0.6em;
	  }

.news-story a:hover {
		color: #0E2D6D;
	  }

.news-story b {
		font-size: 0.9em;
	  }

.news-story p {
		display: block;
		padding-right: 15px;
	  }

.rss-block h3 {
		margin-bottom: 5px;
	  }

.rss-block ul {
		display: block;
	  }

.rss-block li {
		margin-bottom: 10px;
		font-size: 0.6em;
	  }

.rss-block li a {
		color: #918F90;
	  }

.rss-block a:hover {
		text-decoration: underline;
	  }

.rss-block b {
		color: #BED600;
	  }

.rss-block p{
		display: block;
		text-align: right;
		margin-bottom: 20px;
	  }

.rss-block p a {
		color: #918F90;
		background: url(../Images/dropdown-menu-plus.gif) no-repeat top left;
		padding-left: 10px;
		margin: 0 10px 0 0;
	  }

.rss-block p a:hover {
		color: #BED600;
	  }

#related-news {
		border-top: 2px solid #918F90;
		background: url(../Images/related-articles-bg.jpg) bottom repeat-x #f8f8fa;
	  }

#related-news .rss-block {
		float: left;
		display: inline;
		width: 210px;
		margin: 5px 5px 10px 10px;
	  }

#related-news .rss-block h2 {
		font-size: 0.9em;
		margin-bottom: 10px;
	  }

#related-news .rss-block li {
		border-left: 1px solid #ccc;
		border-bottom: none;
		padding-left: 4px;
		margin-left: 3px;
	  }

#related-news .rss-block a {
		display: block;
		color: #999;
	  }

#article-footer {
		border-top: 1px dotted #ccc;
		padding-top: 5px;
		margin: 0 0 15px 0;
	  }

#article-footer li {
		display: inline;
	  }
	  
#article-footer img {
		display: inline;
		margin: 0 0 0 5px;
	  }
#article-footer a {
		font-size: 0.6em;
		color: #999;
		margin: 0 15px 0 5px;
	  }

#article-footer a:hover {
		text-decoration: underline;
	  }

#sponsors {
		clear: both;
		color: #FF3399;
		text-align: center;
		margin-top: -10px;
	  }

#sponsors ul {
		width: 660px;
		display: block;
		margin: 0 0 0 105px;
	  }

#sponsors li {
		float: left;
		margin: 0 10px;
	  }

#sponsors #grainger {
		margin-left: 50px;
	  }


#footer {
		clear: both;
		color: #A7A9AC;
		border-top: 1px solid #ccc;
		padding: 10px 2px 10px 0;
	  }

#regulated {
		display: inline;
		float: left;
		margin: 0 0 5px 115px;
	  }

#vat {
		margin: 0 0 5px 115px;
	  }

#cefar {
		float: right;
	  }

#cefar a {
		color: #00AEEF;
	  }

#links-bot {
		display: block;
		clear: both;
		text-align: center;
		margin: 25px 15px 0 30px;
	  }

#links-bot li {
		display: inline;
		color:  #A7A9AC;
		border-left: 1px solid #ccc;
		font-size: 0.6em;
	  }

#links-bot a {
		color: #A7A9AC;
		padding: 0 5px 0 5px;
	  }

#links-bot a:hover {
		text-decoration: underline;
	  }

#content {
		float: left;
		color: #918F90;
		padding-left: 20px;
		margin: 0 0 20px 0;
	  }

.double-column-layout {
		width: 450px;
	  }

.single-column-layout {
		width: 675px;
	  }

#content h2 {
		clear: both;
		font: 1.1em lighter "Helvetica Neue", Arial, sans-serif;
		margin: 0 0 5px 0;
	 }

#content h3 {
		font: 0.7em lighter "Helvetica Neue", Arial, sans-serif;
		margin: 0 0 20px 0;
	 }

#content p {
		margin: 0 0 20px 0;
	  }

#content p img {
		float: left;
		margin: 0 10px 5px 0;
	  }

#content .link a {
		color: #918F90;
		text-decoration: underline;
	  }

#content .link a:hover {
		color: #00AEEF;
	  }

.content-column {
		float: left;
		width: 315px;
		padding-right: 20px;
	  }

#content-list {
		font-size: 0.6em;
		margin-bottom: 15px;
	  }

#content-list li {
		display: block;
		list-style: outside disc;
		margin: 5px 15px;
	  }

#content-header {
		display: block;
		margin: 15px 0 0 275px;
		clear: both;
	  }

#content-pic {
		border-right: 10px solid #918F90;
		margin-bottom: 25px;
	  }

#content-menu {
		float: left;
		height: 121px;
		width: 450px;
		padding: 15px 0 25px 0;
		margin-bottom: 25px;
	  }

#content-menu ul {
		display: block;
		float: left;
		width: 200px;
		margin-right: 25px;
	  }

#content-menu li {
		font-size: 0.8em;
		margin-bottom: 5px;
	  }

.pi-content #content-menu {
		border: 2px solid #EC008C;
		border-width: 2px 0;
		color: #EC008C;
	  }

.pi-content a {
		color: #EC008C;
	  }

.pi-content  a:hover {
		font-weight: bold;
	  }

.pi-content h2, .pi-content h4 {
		color: #EC008C;
	  }

.pi-content h4 {
		font-size: 0.8em;
		margin-bottom: 5px;
	  }

.cn-content #content-menu {
		border: 2px solid #00AEEF;
		border-width: 2px 0;
		color: #00AEEF;
	  }

.cn-content a {
		color: #00AEEF;
	  }

.cn-content #content-menu a:hover {
		font-weight: bold;
	  }


.cn-content h2 {
		color: #00AEEF;
	  }

#contact-pic {
		border-right: 10px solid #00AEEF;
		margin-bottom: 5px;
	  }

#contact-form {
		height: 380px;
		background: url(../Images/contact-form-bg-bl.jpg) no-repeat bottom left;
		border-top: 2px solid #918F90;
		padding: 20px 0 0 20px;
		margin-bottom: 15px;
	  }

#contact-bg-bl {
		background: url(../Images/contact-bg.jpg) bottom repeat-x;
	  }

#contact-bg-br {
		background: url(../Images/contact-form-bg-br.jpg) no-repeat bottom right;
	  }

#contact-form fieldset {
		border-bottom: 1px dotted #fff;
		border-top: none;
		border-left: none;
		border-right: none;
		padding: 0 0 0 20px;
		margin: 15px 0 25px -20px ;
	  }

#contact-form label {
		float: left;
		display: block;
		font-size: 0.6em;
		width: 130px;
		padding-top: 5px;
		margin: 0 0 15px 10px;
	  }

#contact-form input, #contact-form textarea {
		float: left;
		display: block;
		width: 250px;
		clear: right;
		margin: 0 0 15px 0;
	  }

#contact-form p #contact-submit {
		display: block;
		float: right;
		clear: both;
		border: none;
		width: 64px;
		height: 17px;
		margin: 0 35px 0 0;
	  }

.contact-address {
		float: left;
		font-size: 0.65em;
	  }

.contact-address li {
		margin-bottom: 5px;
	  }

.contact-address-header {
		font-weight: bold;
	  }

.contact-address a {
		color: #00AEEF;
	  }


.maps-column a  {
		color: #918F90;
		font-size: 0.65em;
	  }

.maps-column a:hover {
		text-decoration: underline;
	  }

.maps-column h2  {
		margin: 20px 0 10px 0;
	  }

.maps-column p  {
		margin-bottom: 10px;
	  }

.quote {
		font: 1em normal Georgia, Palatino, "Times New Roman", Times, serif;
		text-align: center;
		line-height: 1.2em;
		width: 200px;
		padding: 10px;
		margin: 10px auto;
	  }

.recruitment .contact-address {
		margin: 0 0 20px 35px;
	  }

#staff img {
		margin-bottom: 35px;
	  }

.woman img {
		border-right: 20px solid #EC008C;
	  }

.woman h2, .woman a h4 {
		color: #EC008C;
	  }
	  
.man img {
		border-right: 20px solid #EC008C;
	  }

.man h2, .man a h4 {
		color: #00AEEF;
	  }

#staff h2 {
		display: block;
		margin-bottom: 5px;
	  }

#staff h3 {
		display: block;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
	  }

#staff h4, #staff h5 {
		font-size: 0.8em;
		font-weight: normal;
		float: left;
		}
		
#staff h4 {
		margin-bottom: 5px;
	  }

#staff h5 {
		clear: left;
	  }

#staff a h5 {
		color: #918F90;
	  }
	  
#staff p {
		float: right;
		display: block;
		width: 275px;
	  }

.staff-list-col {
		padding-bottom: 15px;
	  }

.staff-list-col h3 {
		font-size: 0.75em;
		font-weight: normal;
		color: #BED600;
		margin: 15px 0 0 0;
	  }
	  
.staff-list-col a {
		color: #918F90;
	  }
	  
.staff-list-col .man a:hover {
		color: #00AEEF;
	  }

.staff-list-col .woman a:hover {
		color: #EC008C;
	  }

#staff-table {
		width: 100%;
		border: none;
		margin-bottom: 20px;
	  }

#staff-table td {
		width: 50%;
		font-size: 0.75em;
		text-align: center;
		padding: 10px 5px;
	  }

.no-win h2, .no-win .quote, .news h2 {
		color: #BED600;
	  }

.news img {
		margin-bottom: 15px;
	  }

#latest-news {
		float: left;
		color: #918F90;
		padding-left: 20px;
		margin: 0 0 20px 0;
	  }

.typical-awards-pic {
		margin-right: 20px;
	  }

.pi-awards  b {
		display: block;
		clear: both;
		color: #EC008C;
	  }

.cn-awards  b {
		display: block;
		clear: both;
		color: #00AEEF;
	  }

#admin-content {
		float: left;
		width: 950px;
		padding-left: 20px;
		color: #918F90;
		font-size: 0.6em;
	  }

.centered {
    margin: 0px auto 0px auto;
}

.error {
  color: red;
  font-weight: bold;
}

#loginForm {
  width: 370px;
}

.sitemap-list {
		float: left;
		display: inline;
		margin: 0 18px 30px 0;
	  }

.sitemap-list li {
		display: block;
		list-style-position: outside;
		font-size: 0.7em;
		padding-left: 0;
		margin: 0 0 5px 0;
	  }

.sitemap-list li h2 {
		display: block;
		font-size: 0.8em;
		border-bottom: 1px solid #ccc;
		padding-bottom: 3px;
		margin: 0 0 5px 0;
	  }

.sitemap-list li a {
		color: #918F90;
		margin: 0;
	  }

.sitemap-list li a:hover {
		color: #BED600;
	  }
	
#pi-sitemap-list h2 {
		color: #EC008C;
	  }

#cn-sitemap-list h2 {
		color: #00AEEF;
	  }
	  
#pi-sitemap-list a:hover {
		color: #EC008C;
	  }

#cn-sitemap-list a:hover {
		color: #00AEEF;
	  }

.dataform label { width: 80px; float: left; text-align: right; padding-right: 10px; line-height:22px; vertical-align: bottom;}
.dataform input, .dataform textarea, .dataform select {margin-bottom: 5px;}
button, .dataform input[type='submit'], .dataform input[type='button'] {float: right; width: 80px; margin: 15px 5px 15px 5px; cursor: pointer; border: 1px solid gray;}
.dataform br {clear: left;}
.dataform input[type='file'] {border: 1px solid gray;}
#gotoArticle, #calendar {color: #918F90; cursor: pointer;}
#categoryForm label {width: 200px;}

.vmid {vertical-align: middle;}
.largeImage {max-width: 450px; max-height: 278px; width: expression(this.width > 450 ? 450 : true); height: expression(this.height > 278 ? 278 : true)}

#emailaFriend {font-size: 0.6em;}
#information {float: left; color: red; font-weight: bold;}
#emailaFriendForm label{width: 80px; float: left;}
#emailaFriendForm input{font-size: 0.8em; margin-bottom: 3px;}
#emailaFriendForm input[type='button']{float: right; border: 1px solid grey; margin-top: 5px;}
#emailaFriendForm fieldset{border: 1px dotted gray; padding: 15px;}
#searchOptions {font-size: 0.7em;}