/* 

   Designed and Built by Infocentre Ltd. 

   Remains the property of Infocentre; All Rights Reserved 
   
   Author: Alex Borton
      
*/


/* Styles Reset */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; } /* FF Scroll Bar on all pages */

/* Generic Styling */

body { font-family:Calibri, Arial, sans-serif; font-size: 12pt; color:#3B3B40; }

	h1 { font-size: 19pt; letter-spacing:-1px; margin: 6px 0; }
	
	p { margin: 8px 0; }
	
	a { color: #CEAB8E; text-decoration: none; }
		a:hover { color:#857B88; }
		
	a.block { color:#BCCAF2; padding: 2px 4px; background:#857B88; display:inline-block; }
		a.block:hover { color: #857A88; background: #BCCAF1; }
		
		#bodyWrap a.block { color: #857A88; background: #BCCAF1; padding: 1px 3px; }
			#bodyWrap a.block:hover { color: #BCCAF2; background: #857B99; }

/* Page Styling */

#pageWrap {
	width: 900px;
	margin: 10px auto;
}

#bannerWrap {
	height: 62px;
	border-bottom: 4px #CEAB8E solid;
	}
	#bannerWrap h1#bannerTitle {
		font-size: 18pt;
		text-transform:uppercase;
		letter-spacing: -2px;
		font-weight:normal;
		width: 175px;
		line-height: 17pt;
		float:left;
		margin: 12px 0 0 0;
		}
		#bannerWrap h1#bannerTitle a {
			color: #3B3B40; 
			}
	#numberWrap {
		width: 180px;
		float:right;
		margin: 0 0 5px 0;
		}
		#numberWrap h3 {
			font-size: 11pt;
			color:#BDCEEF;
			font-weight: normal;
			text-align:right;
			}
	/* Navigation Styling */
	
	#navWrap {
		width: auto;
		float:right;
		margin-top: -16px;
		.margin-top: -17px; /* IE7 Positioning Fix */
		}
		ul.navigation {
			list-style: none;
			text-align:right;
			height:30px;
			}
			ul.navigation li {
				display: inline;
				padding: 0 0 0 20px;
				}
				ul.navigation li a {
					text-decoration: none;
					text-transform:uppercase;
					font-size: 12pt; 
					font-weight:bold;
					color:#3B3B40;
					display:inline-block;
					height:21px;
					}
					ul.navigation li a:hover {
						color: #BCCAF2;
						}
						ul.navigation li.here a {
							color: #BCCAF2;
							background:#FFF url('../images/navigationBG.jpg') no-repeat scroll center bottom;
							}
#bodyWrap {
	padding: 10px;
	background:#DEE5F2; 
	margin: 5px 0;
	border: 5px #BCCAF1 solid;
	}
	#headerWrap {
		height: 100px;
		background: #BCCAF1 url('../images/bannerImageSpecialist.jpg') no-repeat scroll center center; 
		margin: 5px 0;
		}
		#headerWrap h2 {
			font-size: 20pt; 
			font-weight:normal;
			letter-spacing: -1px; 
			margin: 15px 15px 0 0;
			float:right;
			width: 405px;
			}
			#headerWrap.oneLine h2 {
				margin: 30px 15px 0 0;
				}
		#headerWrap p {
			float: right;
			clear:right;
			font-size: 9pt;
			font-weight:bold;
			margin: -10px 10px 0 0;
			}
			#headerWrap.oneLine p {
				margin: 8px 10px 0 0;
				}
	#titleWrap {
		background:#BCCAF2;
		display:block;
		margin:5px 0;
		height: 30px;
		}
		h1.pageTitle {
			font-size: 18pt;
			padding: 0 0 0 5px;
			text-transform:uppercase;
			width: 550px;
			float:left;
			line-height: 13pt;
			color:#857A8A;
			}
			ul.breadcrumbs {
				list-style-type: none;
				float:right;
				margin: 4px 5px 0 0;
				.margin: 6px 5px 0 0; /* IE7 Positioning Fix */
				width: 330px;
				text-align:right;
				}
				ul.breadcrumbs li {
					display:block;
					font-size: 9pt;
					color:#857A88;
					vertical-align:middle;
					text-align: center;
					float:right;
					padding: 5px 5px;
					.margin: -2px 0 0 0; /* IE7 Positioning Fix */
					}
					ul.breadcrumbs li a {
						display:block;
						padding: 3px 5px;
						margin: -3px 0 0 0;
						.margin: -3px -5px 0 0; /* IE7 Positioning Fix */
						background:#857A8A;
						color:#BCCAF2;
						line-height: 10pt;
						}
						ul.breadcrumbs li a:hover {
							background: #DEE5F2;
							color:#857A8A;
							}
	.tableWrap {
		width: 870px;
		margin: 10px 0 0 0;
		font-size: 10pt;
		}
		.tableWrap p {
			margin: 4px 0;
			}
		.tableName {
			width: 27%;
			float:left;
			padding: 5px 12px;
			border: 2px #BCCAF2 solid;
			}
			.tableName2 {
				width: 16%;
				float:left;
				padding: 5px 12px;
				border: 2px #BCCAF2 solid;
				}	
				.tableMid {
					width: 22%;
					float: left;
					padding: 5px 12px;;
					border: 2px #BCCAF2 solid;
					}
	.imgWrap {
		text-align:center;
		font-size:8pt;
		font-style:italic;
		color:#857A8A;
		}
		.imgWrap.floatL {
			margin-right: 10px;
			}
		.imgWrap.floatR {
			margin-left: 10px;
			}
			.imgWrap p {
				margin: 3px 0 0 0;
				}
							
/* Footer Styling */				
		
#footerWrap {
	height: 25px;
	border: 4px #CEAB8E solid;
	border-left: 0; border-right: 0; 
	}
	ul.footerLinks {
		list-style-type: none;
		text-align:center;
		margin: 2px 0 0 0;
		.margin: 6px 0 0 0; /* IE7 Positioning Fix */
		}
		ul.footerLinks li {
			display: inline;
			padding: 0 2px;
			border-left: 1px #857B88 solid;
			border-top: 0; border-bottom:0;
			font-size:7pt;
			}
			ul.footerLinks li a {
				text-decoration: none;
				text-transform:uppercase;
				font-size: 8pt;
				color:#857B88; 
				}
				ul.footerLinks li.last {
					border-right: 1px #857B88 solid;
					}
					ul.footerLinks li a:hover {
						color: #BCCAF2;
						}
	p.subFooter {
		text-align: center;
		font-size: 8pt;
		color:#BDCEEF; 
		}
		
/*Form Styling */

#formWrap {
	width: 180px;
	}
	#contactFormWrap {
		width: 530px;
		margin:0 auto;
		margin: 0 0 10px 0;
		}
		.field .textboxMultiline {
			width: 514px;
			border: 1px #867A88 solid;
			padding: 2px;
			margin: 5px 0 0 0;
			font-family:Calbri, Helvetica, sans-serif;
			}
	form#contactForm {
		border: 2px #BCCAF2 solid;
		width: 520px; .width: 516px; /* IE7 Positioning Fix */
		padding: 10px;
		margin: 10px 0 30px 0;
		float: left;
		}

	.label {
		width:90px;
		font-size:9pt;
		font-family:Calibri, Helvetica, sans-serif;
		float:left;
		line-height:27px;
		padding-right: 10px;
		}
		.label p {
			line-height: 9pt;
			margin: 15px 0 0 0;
			}
	.field {
		width: 200px;
		float: left;
		}
		.field .textbox {
			width: 180px;
			border: 1px #857A8A solid;
			padding: 2px;
			margin: 5px 0 0 0;
			}
	.fieldSmall {
		width: 120px;
		float: left;
		}
		.fieldSmall .textboxSmall {
			width: 100px;
			border: 1px #857A8A solid;
			padding: 2px;
			margin: 5px 0 0 0;
			}
			.fieldXSmall .checkBox {
				position: relative; 
				top: 8px;
				.top: 5px /* IE 7 Fix */
				}
		 .date {
			float:left;
			width: 140px;
			}
	.fieldXSmall {
		width: 50px;
		float:left;
		}
		.fieldXSmall .textboxXSmall {
			width: 30px;
			border: 1px #857A8A solid;
			padding: 2px;
			margin: 5px 0 0 0;
			}
	.fieldMid {
		width: 150px;
		float:left;
		}
		.fieldMid .textboxMid {
			width: 130px;
			border: 1px #857A8A solid;
			padding: 2px;
			margin: 5px 0 0 0;
			}
	.button {
		text-align: right;
		width: 100px;
		float:right;
		position:relative; top: 12px; right: -5px;
		.top: 22px; .right: -1px; /* IE7 Positioning Fix */
		}
		.buttonClass {
			border: 2px #BCCAF2 solid;
			background: #BCCAF2;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12pt;
			margin: 0 3px 0 0;
			color: #857A88;
			padding: 3px 10px;
			}
			.buttonClass:hover {
				background: #FFFFFF;
				color:#68656C;
				cursor:pointer;
				}
			p.termsLink {
				font-size: 8pt;
				margin: 12px 0 0 0;
				}	
	.validation ul {
		list-style: none;
		margin: 2px 0 0 0;
		}
		.validation ul li {
			list-style:none;
			color:#FF3300;
			font-size: 8pt;
			}	
	.validateError { 
		float: left;
		padding: 5px;
		font-size: 8pt;
		}	
		
/* Generic Layout Styling */
		
.noWidth { width: auto; }

.rightPad10 { padding: 0 10px 0 0; }

.blue { color:#BCCAF2; }

.floatL { float: left; } .floatR { float:right; }

img.floatL { float:left; margin: 4px 10px 4px 0; } img.floatR { float:right; margin: 4px 0 4px 10px;}

img.border { border: 4px #FFF solid; } img.borderBlue { border: 4px #BCCAF2 solid; }

.clear { clear:both; } .clearL { clear:left; } .clearR { clear:right; }

.noTopMargin { margin-top: 0; }

.highlight { background: #BCCAF2; }

.bottomSpace { margin-bottom: 20px; }

.red { color:#CC0000; }

.hLine { border-bottom: 2px #BCCAF2 dashed; margin: 10px 10px 0 0;; }

ul.sitemap { list-style-type:none; }