/* CSS Document */

/* Brittany Ferries - Generic Competition - CSS document | Strangecorp */
/* Jim Rixon | Senior Developer | Strange Corporation */

/* --- DEFAULT STYLING --- */

body * {
	/* --- CLEARS DEFAULT MARGIN & PADDING FOR ALL CHILD ELEMENTS --- */
	margin: 0;
	padding: 0;
	}
	
body {	
	background-color: #fff; /* --- DEFAULT BACKGROUND COLOUR --- */
	color: #000; /* --- DEFAULT FOREGROUND (TEXT) COLOUR --- */
			
	font-family: Arial, Helvetica, sans-serif; /* --- DEFAULT FONT FAMILY --- */
	font-size: 62.5%; /* --- RESIZE BASE FONT SIZE (1em = 10px) --- */
	
	margin: 0;
	padding: 0;
	}

.clearboth {
	clear: both;
	}

/* --- FORM STYLING --- */

p {
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 10px;
	}

#contactformwrapper {
	width: 100%;
	overflow: hidden;
	}
	
	#contactformwrapper h2 {
		font-size: 1.4em;
		font-weight: normal;
		height: auto;
		color: #21438e;
		display: block;
		padding: 5px 10px;
		border-bottom: 2px solid #97cafd;
		}
	
#contactformwrapper form#contactform {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	}
	
	#contactformwrapper fieldset {
		background-color: #e8f5fd;
		border: 0;
		border-bottom: 5px solid #ffffff;
		padding: 10px;
		}
	
		#contactformwrapper fieldset p {
			font-size: 1.1em;
			padding: 0;
			margin: 0;
			}
	
	#contactformwrapper form#contactform p {
		font-size: 1.1em;
		margin: 0 0 10px 0;
		clear: both;
		display: block;
		padding: 0;
		}
		
		#contactformwrapper form#contactform p#or {
			display: block;
			float: left;
			clear: both;
			width: 100%;
			}
	
	#contactformwrapper ul {
		margin: 10px 0 0 15px;
		}
	
	#contactformwrapper p.errors {
		color: red;
		margin: 10px 0 0 0;
		}
			
	#contactformwrapper li {
		font-size: 1.1em;
		}
		
		#contactformwrapper ul.errors li {
			color: red;
			font-weight: bold;
			}
		
	#contactformwrapper form#contactform hr {
		height: 0px;
		border: none;
		border-top: 1px solid #8597c9;
		clear: both;
		padding: 0;
		}
		
	#contactformwrapper form#contactform label {
		clear: left;
		float: left;
		font-size: 1.1em;
		width: 150px;
		}
		
		#contactformwrapper form#contactform label.nowidth {
			width: auto;
			margin-bottom: 10px;
			display: inline;
			float: none;
			}
		
		#contactformwrapper form#contactform label.postfield {
			float: left;
			clear: none;
			margin: 0 0 5px 10px;
			height: 20px;
			line-height: 20px;
			width: auto;
			}
	
	#contactformwrapper form#contactform span.required {
		color: red;
		font-weight: bold;
		font-size: 1.4em;
		}
		
	#contactformwrapper form#contactform input, #contactformwrapper form#contactform select, #contactformwrapper form#contactform textarea {
		float: left;
		margin: 0 0 5px 0;
		padding: 1px;
		font-size: 1.1em;
		width: 40%;
		border: 1px solid #39426b;
		}
		
		#contactformwrapper form#contactform select {
			width: auto;
			padding: 1px;
			}
			
		#contactformwrapper form#contactform textarea {
			width: 100%;
			clear: left;
			font-size: 1.1em;
			font-family: Arial, Helvetica, sans-serif;
			line-height: normal;
			}
			
		#contactformwrapper form#contactform input.radio {
			width: auto;
			clear: left;
			margin: 0 0 5px 0;
			height: 20px;
			border: none;
			}
			
		#contactformwrapper form#contactform input.checkbox {
			width: auto;
			float: none;
			clear: none;
			display: inline;
			vertical-align: middle;
			border: none;
			}
		
	#contactformwrapper form#contactform p.submitbutton {
		background: url(/images/reskin/s11button_primary_right.gif) no-repeat right;
		display: block;
		float: right;
		margin: 5px 0 0 0;
		width: 140px;
		padding: 0;
		font-size: 1.1em;
		}
	
		#contactformwrapper form#contactform p.submitbutton input {
			width: 140px;
			background: url(/images/reskin/s11button_primary_left.gif) no-repeat left;
			height: 21px;
			line-height: 21px;
			display: block;
			float: left;
			color: #fff;
			font-weight: bold;
			font-size: inherit;
			padding: 0 10px 0 30px;
			border: 0;
			margin: 0;
			cursor: pointer;
			}
			
	#contactformwrapper form#contactform a.dateselector {
		float: left;
		margin-top: -1px;
		}
		
		#contactformwrapper form#contactform a.dateselector img {
			border: 0;
			}

.error_icon {
	color: #f00;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.6em;
	font-weight: bold;
	float: left;
	margin: 0 0 0 5px;
	}
	
.rederror {
	color: #f00;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.4em;
	font-weight: bold;
	}
		
#validation {
	margin: 5px 0;
	}
	
	#validation p, #validation ul li {
		font-size: 1.1em;
		color: red;
		}
	
	#validation ul {
		margin: 5px 0;
		padding: 0 15px;
		}
		
	#validation ul li {
		}
		
#thankyou {
	background-color: #e8f5fd;
	margin: 0;
	padding: 15px;
	display: block;
	overflow: hidden;
	}
	
	#thankyou h3 {
		color: #fff;
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: bold;
		font-size: 1.2em;
		color: #121284;
		}
		
	#thankyou p {
		padding: 0;
		font-size: 1.1em;
		margin: 0 0 10px 0;
		width: auto;
		}