/* CSS Document */

/* Created by Adam Forcucci & Mosaic Creative (c) 2009. adam@mosaiccreative.com.au */

html, body {
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666666;
		line-height: 16px;
		height: 100%;
		margin: 0;
		padding: 0;
		}
		
html {
	background: #ffffff;
	overflow-y: scroll;
	}

a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; cursor: hand; }
	
img, a img { border: none; padding: 0; margin: 0; float: left; }

h1 {
	font-size: 25px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}
		
#container {
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	width: 965px;
	clear: both;
	}

#keys1 {
	background: url(../img/keys_1.jpg) no-repeat;
	position: absolute;
	z-index: 10;
	margin: 0 0 0 733px;
	padding: 0;
	width: 250px;
	height: 108px;
	}
	
#logo {
	width: 965px;
	height: 108px;
	margin: 0;
	padding: 0;
	clear: both;
	}

#header {
	width: 965px;
	height: 30px;
	background: url(../img/header_tile.jpg) repeat-x;
	margin: 0;
	padding: 0;
	clear: both;
	}
	#header #home_button {
		margin: 0 0 0 95px;
		}
	#header #hotline {
		margin: 0 0 0 180px;
		}
	#header #keys2 {
		float: right;
		}
	
#flash {
	width: 965px;
	height: 144px;
	margin: 0;
	padding: 0;
	clear: both;
	}

#main {
	width: 965px;
	margin: 0;
	padding: 0;
	clear: both;
	}
	
#newcardata {
	width: 965px;
	height: 415px;
	margin: 0;
	padding: 0;
	clear: both;
	background: url(../img/tile_newcardata.jpg) repeat-x;
	}

#form {
	width: 965px;
	height: 40px;
	margin: 15px 0 0 0;
	padding: 0;
	clear: both;
	}
	#form .input {
		height: 16px;
		float: left;
		text-transform: uppercase;
		font-size: 10px;
		border: 1px solid #000000;
		margin: 0 0 0 7px;
		}
	#form select {
		height: 20px;
		float: left;
		text-transform: uppercase;
		font-size: 10px;
		border: 1px solid #000000;
		margin: 0 0 0 7px;
		}
	#form input {
		float: left;
		margin: 0 0 0 7px;
		}

#content {
	width: 745px;
	float: left;
	margin: 0;
	padding: 0;
	}

#panel {
	width: 200px;
	float: right;
	margin: 0;
	padding: 25px 0 0 0;
	}
	#panel #search {
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: right;
		clear: both;
		}
	#panel #search select {
		width: 100%;
		height: 16px;
		font-size: 10px;
		}
	#panel h1 {
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		}
	#panel p {
		color: #000000;
		text-align: left;
		font-size: 11px;
		}
	#panel p em {
		color: #D10026;
		font-style: normal;
		font-weight: bold;
		}

#benefits_panel {
	width: 200px;
	float: left;
	margin: 0;
	padding: 25px 0 0 20px;
	height: 418px;
	background: url(../img/benefits_left_bg_tile.jpg) top left repeat-x;
	}
	#benefits_panel h1 {
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		}
	#benefits_panel p {
		font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-align: left;
		font-size: 14px;
		width: 180px;
		}
	#benefits_panel p em {
		color: #FFF400;
		font-style: normal;
		font-weight: bold;
		}

#financetable .main {
	text-align: left;
	color: #000000;
	font-size: 18px;
	line-height: 20px;
	}

#financetable .sub {
	text-align: left;
	color: #000000;
	font-size: 12x;
	}

#financetable form {
	color: #000000;
	text-align: left;
	font-size: 10px;
	}
	#financetable .input {
		color: #000000;
		text-align: left;
		font-size: 10px;
		height: 12px;
		width: 180px;
		}
	#financetable .inputhalf {
		color: #000000;
		text-align: left;
		font-size: 10px;
		height: 12px;
		width: 85px;
		}
	#financetable .select {
		color: #000000;
		text-align: left;
		font-size: 10px;
		height: 18px;
		width: 183px;
		}

#table_red {
	background: url(../img/bg_tablered.jpg) repeat-y;
	color: #000000;
	text-align: right;
	margin: 20px 0 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	}

#table_blue {
	background: url(../img/bg_tableblue.jpg) repeat-y;
	color: #000000;
	text-align: right;
	margin: 0 0 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	}

#service .sub {
	text-align: left;
	color: #000000;
	font-size: 12x;
	}
		
#service form {
	color: #000000;
	text-align: left;
	font-size: 10px;
	}
	#service .input {
		color: #000000;
		text-align: left;
		font-size: 10px;
		height: 12px;
		width: 180px;
		}
	#service .select {
		color: #000000;
		text-align: left;
		font-size: 10px;
		height: 18px;
		width: 183px;
		}

#berwick_benefits {
	background: url(../img/benefits_port_bg.jpg) no-repeat;
	}
	#berwick_benefits h1 {
		float: right;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: normal;
		}
	#berwick_benefits h2 {
		float: right;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		margin: 0 0 0 0;
		font-weight: normal;
		}
	#berwick_benefits h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 0 0 0 0;
		font-weight: normal;
		position: absolute;
		text-align: left;
		margin: 74px 0 0 260px;
		}
		#berwick_benefits h3 em {
		font-size: 13px;
		font-style: normal;
		}
	#berwick_benefits table {
		clear: both;
		float: right;
		}

#aboutus .sub {
	text-align: left;
	color: #000000;
	font-size: 12x;
	width: 340px;
	margin-left: 40px;
	margin-top: 0px;
	}

#testimonials {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	}
	#testimonials h4 {
		color: #000000;
		font-size: 12px;
		line-height: 18px;
		text-transform: none;
		font-weight: normal;
		margin-top: 0;
		}
	#testimonials h4 em {
		color: #BB1B00;
		font-style: normal;
		}
	#testimonials .sub {
		color: #000000;
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		}
		
#contact {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	}
	#contact em {
		color: #BB1B00;
		font-style: normal;
		}
	#contact .sub {
		color: #000000;
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		margin-top: 0;
		}

#contact_form {
	color: #000000;
	text-align: left;
	font-size: 10px;
	}
	#contact_form .input {
		color: #000000;
		text-align: left;
		font-size: 10px;
		height: 12px;
		width: 180px;
		}
	#contact_form .select {
		color: #000000;
		text-align: left;
		font-size: 10px;
		height: 18px;
		width: 183px;
		}
	
#footer_home {
	width: 965px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 10px;
	color: #999999;
	text-align: right;
	background: url(../img/tile_footer.jpg) repeat-x;
	clear: both;
	}

#footer {
	width: 965px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 10px;
	color: #999999;
	text-align: right;
	clear: both;
	background: #ffffff;
	}