/*-----------------------------------------------------------------------------
[UPS Systems] 2009 UPDATED Screen Stylesheet

date:      03/07/09
author:    []
email:     [info AT c9dd DOT com]
website:   [http://www.c9dd.com/]


Colours used:	#DFE6E7  -  Blue	 	- Background 
				#333333  -  Dark Grey	- Body Copy
				#9FB4BA  -  Light Blue	- Borders
				#134B60  -  Dark Blue	- Telopone numbers
				#FFFFFF  -  White
				#4FA500  -  Green

-----------------------------------------------------------------------------*/


#contact-info {
	float: left;
	display: inline;
	clear: both;
	width: 50em;
	margin: 2em 0;
	}
	
	#contact-info h1 {
		margin-bottom: 0.6em;
		}
	
	#contact-info p {
		float: left;
		clear: both;
		display: inline;
		margin-bottom: 1em;
		font-size: 1.2em;
		}
		
		#contact-info p strong {
			font-size: 1.4em;
			}
			
			#contact-info p strong span {
				color: #134B5F;
				}
			
	#contact-info address {
		float: right;
		display: inline;
		clear: none;
		margin-top: -4.5em;
		text-align: right;
		font-size: 1.2em;
		}
		



div#wrapper div#contentarea div#pageContent form#contact-us-form {
	float: left;
	display: inline;
	clear: both;
	margin: 1em 0; 
	}	
	
	div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset {
		border: 1px solid #91A9B0;
		padding: 1em 0;
		margin-bottom: 1.5em;
		}	
		
		div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset legend {
			color: #134B5F;
			font-size: 1.6em;
			margin: 0 0.5em;
			padding: 0.3em;
			}
			
			div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset span.form-section {
				width: 48em;
				float: left;
				clear: left;
				display: inline;
				margin: 0.5em 1em;
				}

				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset label {
					font-size: 1.2em;
					float: left;
					display: inline;
					}
					
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset p {
					font-size: 1.2em;
					float: left;
					display: inline;
					margin: 0 0.8em 1em;
					}	
					
					div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset.select label {
						font-size: 1.2em;
						float: left;
						display: inline;
						}	
					
					div#wrapper div#contentarea div#pageContent form#contact-us-form .instructions {
						font-size: 0.8em;
						}
						
					div#wrapper div#contentarea div#pageContent form#contact-us-form p.instructions {
						width: 20em;
						float: left;
						display: inline;
						clear: both;
						}	
				
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset #talk_about,
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset input,
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset select {
					width: 31.5em;
					border: 1px solid #CCC;
					float: right;
					display: inline;
					padding: 0.3em;
					color: #3F7C93;
					}
					
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset select {
					width: 32.3em;
					}	
					
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset #enquiry {
					color: #3F7C93;
					}	
					
					form#contact-us-form fieldset input:hover, 
					form#contact-us-form fieldset input:focus, 
					form#contact-us-form fieldset #talk_about:focus,
					form#contact-us-form fieldset #talk_about:hover, 
					form#contact-us-form fieldset #enquiry:focus, 
					form#contact-us-form fieldset #enquiry:hover,
					form#contact-us-form fieldset #comapnyaddress:focus,
					form#contact-us-form fieldset #comapnyaddress:hover {
						border: 1px solid #4FA500 !important;
						}

						
				div#wrapper div#contentarea div#pageContent form#contact-us-form input#submitButton {
					float: right;
					display: inline;
					clear: none;
					background-color: #DEE6E8;
					color: #666;
					font-size: 1.4em;
					margin: 0 0 2em 0;
					width: 5em; 
					}
					
					
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset textarea {
					width: 47em;
					border: 1px solid #CCC;
					color: #3F7C93;
					float: left;
					clear: both;
					display: inline;
					margin-top: 1em;
					padding: 0.3em;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 1em;
					}		
					
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset #talk_about,
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset #interested_in {
					height: 8.5em;
					width: 32.3em;
					}
					
				div#wrapper div#contentarea div#pageContent form#contact-us-form fieldset #would_you {
					margin-top: 1em;
					}	


/* vanadium validation */
.vanadium-advice {
	float: right;
	clear: both;
	color: #CC0000;
	font-weight: bold;
	}
	

