@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.7em;
		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: 20px;
		padding:0 15px 0 80px;
		font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#C7C7C7; font-weight:100;
		text-align:left;
	  }

.homepage-statement-blue { color:#6DCFF6; }
.homepage-statement-pink { color:#F067A6; }
.homepage-statement-dblue { color:#435086; }
.homepage-statement-green { color:#DDE687; }

	  
#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: 480px;
		color: #918F90;
		font: 0.9em 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 0 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.8em;
		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: 455px;
		width: 160px;
		font-size: 0.875em;
		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-pi a {
margin-left: 8px;
}

.nav-pi a:hover {
color: #EC008C;
}
		
#nav-cn a {
		margin-left: 8px;
	  }

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

.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.2em;
		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: 450px;
		height: 470px;
		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.9em;
		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.7em;
		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.9em;
		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.7em;
	  }

.news-story a:hover {
		color: #0E2D6D;
	  }
	  
.news-story b {
		font-size: 1em;
	  }

.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.7em;
	  }

.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 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: 1em;
		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.7em;
		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: #918F90;
		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: #A7A9AC;
	  }

#cefar a:hover,
#cefar a:active {
	color: #666666;
}

#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: #918F90;
		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.7em;
		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.9em;
		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.9em;
		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.7em;
		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.75em;
	  }

.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.75em;
	  }

.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: 40px;
	  }

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

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

.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;
		clear: right;
		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.7em;
	  }

.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.75em;
		padding-left: 0;
		margin: 0 0 5px 0;
	  }

.sitemap-list li h2 {
		display: block;
		font-size: 0.9em;
		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.7em;}
#information {float: left; color: red; font-weight: bold;}
#emailaFriendForm label{width: 80px; float: left;}
#emailaFriendForm input{font-size: 0.9em; 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;}

.rh-one { color:#EC008C; font-size:17px; font-family:Arial, Helvetica, sans-serif; }
.rh-two { color:#00AEEF; font-size:17px; font-family:Arial, Helvetica, sans-serif; }

/* Landing Pages */

#landing { width:645px; float:none; margin-top:15px;  }

#landing-time-30 { width:645px; height:136px; background-image:url(../Images/30-seconds-clock.png); background-repeat:no-repeat; background-position:top center; margin-bottom:35px; margin-top:15px; }

#landing-body { width:645px; float:none; }

#landing-body-left { width:430px; float:left; margin-right }

.landing-question { width:480px; padding-left:10px; margin-bottom:10px; font-size:12px; }

.landing-question input { margin-left:20px; }

.landing-question p { font-size:12px;  }


.landing-radio-float { float:right; text-align:right; padding:0; margin:0; display:inline; }

.landing-checkbox { width:480px; }

.landing-checkboxes { width:100%; margin-bottom:20px;  }

.landing-checkboxes ul { width:100%; margin-left:0; padding-left:5px; }

.landing-checkboxes li { display:inline-block; width:20%; padding:2px; font-size:12px; }

.landing-title { width:430px; height:26px; background-image:url(../Images/landing-header.png); background-repeat:no-repeat; background-position:top center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding:6px 0 0 10px; }

.landing-details { width:150px; padding-left:10px; margin:0; }


.details-input label { padding:0; margin:0; }
.details-input input { width:205px; border:1px solid #ccc;  }
.details-input select { width:205px; border:1px solid #ccc; }

.landing-submit { padding-left:10px; margin:20px 0; }

.landing-submit  input[type=submit] { width:480px; height:56px; background-image:url(../Images/landing-button.png); background-position:center; border: 0px; background-repeat:no-repeat; background-color:#FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF; }

#landing-body-right { width:130px; float:right; margin:0 auto; }

.landing-woman { margin-bottom:0; }

.landing-box { width:150px; margin-top:0; border:3px solid #f2f2f2; -moz-border-radius:7px; -webkit-border-radius:7px; text-align:center; }

.landing-box p { margin-top:4px; }