/***********************************************

*		CSS for Polar Loans and Polar Mortgages

*

*		Author:	Phil Rae           

*		http://www.netinspired.co.uk

*

*		Created:	13th August 2007

*		Last updates:  2007-08-17 00:09

*

************************************************/  







/** General Settings **/



html, body {

	margin: 0;

	padding: 0;

}



body {

	font-size: 10px;

	font-family: Verdana, Tahoma, Arial, sans-serif;

	text-align: center;

	

	background-color: #e6e6e6;

	background-image: url('../images/layout/bg_header.gif');

	background-repeat: repeat-x;

	background-position: top;

}



img {

	border: none;

}



p {

	margin: 0px;

	padding:10px 0px 10px 0px;

}



h1, h2, h3, h4, h5 {

	font-family: Verdana, Tahoma, Arial, sans-serif;

	font-weight: bold;

	color: #0066cc;

}



h1 {

	margin: 0px 0px 0px 0px;

	font-size: 17px;

}



h2 {

	margin: 0px 0px 0px 0px;

	font-size: 10px;

}



h3 {

	font-size: 10px;

	margin-top:20px;

}



a:link {

	color: #0066cc;

}

a:visited {

	color: #0066cc;

}

a:hover {

	color: #002299;

}

a:active {

	color: #002299;

}







/** Page Layout **/



div#container{

	background-color: #FFF;

	text-align:left;

	width:800px;

	margin:0 auto;

}



div#wrapper {

	float:left;

	width:100%;

}







/** Header **/



div#header {

	height: 125px;

}



div#header h1{

	height: 125px;

	line-height: 125px;

	margin: 0;

  padding: 0;

}







/** Left Collumn **/



div#leftcollumn {

	float:left;

	width:170px;

	margin-left:-800px;

}



div#leftcollumn ul {

	margin: 0px 6px 0px 6px;

	padding: 0px 10px 0px 15px;

}



div#leftcollumn li {

	line-height: 2em;

}



div#leftcollumn div#sponsors {

	margin: 5px 10px 5px 10px;

	padding: 10px;

}



div#leftcollumn div#sponsors p {

	padding: 8px 0px 0px 5px;

}







/** Middle Collumn **/



div#content {

	margin: 0 200px 0px 170px;

	padding: 10px 10px 20px 10px;

}



div#content p {

	line-height: 1.4;

}



div#content ul#poploans {

	margin: 0px 6px 0px 6px;

	padding: 0px 10px 0px 15px;

}

div#content ul#poploans li {

	line-height: 1.5em;

	font-weight: bold;

}



div#contactform {

	padding: 10px 0px 10px 0px;

}



div#contactform p {

	margin: 0px;

	padding: 0px 0px 5px 95px;

	color: #0066cc;

}



div#contactform form {

	margin: 0px;

	padding-top: 15px;

	padding-bottom: 5px;

}



div#contactform input {

	margin-top: 7px;

	padding-left: 3px;

	padding-right: 3px;

	font-family: Verdana, Tahoma, Arial, sans-serif;

	font-weight: normal;

	font-size: 11px;

	color: #0066cc;

	border: 1px solid #000;

}



div#contactform button {

	margin-top: 7px;

	padding-left: 3px;

	padding-right: 3px;

	font-family: Verdana, Tahoma, Arial, sans-serif;

	font-weight: bold;

	font-size: 11px;

	color: #fff;

	background-color: #99ccff;

	border: 1px solid #000;

}



div#contactform .c1 {

	width:90px;

	vertical-align: middle;

	text-align: left;

}

div#contactform .c2 {

	padding-right: 15px;

	vertical-align: middle;

	text-align: left;

}

div#contactform .c3 {

	vertical-align: middle;

	text-align: left;

}



div#contactform .disclaimer {

	padding-left: 0px;

	text-align: center;

	color: #0066cc;

}





/** Right Collumn **/



div#rightcollumn {

	float:left;

	width:200px;

	margin-left:-200px;

}



div#rightcollumn div#news h2 {

	color: #fff;

	margin: 0px 0px 10px 0px;

	padding: 0px;

}



div#rightcollumn div#news p {

	color: #0066cc;

	padding: 0px 0px 10px 0px;

}



div#rightcollumn img#mortgage {

	margin: 5px 10px 5px 10px;

	height: 142px;

	width: 180px;

}



div#rightcollumn div#googleads {

	margin: 5px 10px 5px 10px;

	padding: 10px;

}







/** Footer **/



div#footer {

	font-size: 10px;

	color: #221e1f;

	clear: left;

	width: 100%;

	text-align: center;

}



div#footer ul#topmenu {

	background: #cee6ff;

	margin: 0px;

	padding: 5px;

}



div#footer ul#basemenu {

	background: #cee6ff;

	margin: 0px 0px 10px 0px;

	padding: 0px 5px 5px 5px;

}



div#footer li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}









/** Link Styles **/



#menu a {

	font-weight: bold;

}

#menu a:link {

	color: #fff;

	text-decoration: none;

}

#menu a:visited {

	color: #fff;

	text-decoration: none;

}

#menu a:hover {

	color: #0d3789;

}

#menu a:active {

	color: #0d3789;

}





#sponsors a {

	font-weight: bold;

}

#sponsors a:link {

	color: #9bd1f4;

}

#sponsors a:visited {

	color: #9bd1f4;

}

#sponsors a:hover {

	color: #0066cc;

}

#sponsors a:active {

	color: #0066cc;

}





#news a {

	font-weight: bold;

}

#news a:link {

	color: #fff;

	text-decoration: none;

}

#news a:visited {

	color: #fff;

	text-decoration: none;

}

#news a:hover {

	color: #0066cc;

}

#news a:active {

	color: #0066cc;

}





#footer a {

}

#footer a:link {

	color: #111;

	text-decoration: none;

}

#footer a:visited {

	color: #111;

	text-decoration: none;

}

#footer a:hover {

	color: #777;

	text-decoration: none;

}

#footer a:active {

	color: #777;

	text-decoration: none;

}







/** Rounded Corners for Contact Form **/



#contactform {

 width: 100%;

 margin:0px auto;

}



#contactform .bd .c {

	padding: 35px 20px 0px 20px;

}



#contactform .hd .c,

#contactform .ft .c {

 font-size:1px; /* ensure minimum height */

 height:15px;

}



#contactform .ft .c {

 height:15px;

}



#contactform .hd {

 background:transparent url('../images/layout/contactform_tl.gif') no-repeat 0px 0px;

}



#contactform .hd .c {

 background:transparent url('../images/layout/contactform_tr.gif') no-repeat right 0px;

}



#contactform .bd {

 background:transparent url('../images/layout/contactform_ml.gif') repeat-y 0px 0px;

}



#contactform .bd .c {

 background:transparent url('../images/layout/contactform_mr.gif') repeat-y right 0px;

}



#contactform .ft {

 background:transparent url('../images/layout/contactform_bl.gif') no-repeat 0px 0px;

}



#contactform .ft .c {

 background:transparent url('../images/layout/contactform_br.gif') no-repeat right 0px;

}







/** Rounded Corners for Menu **/



#menu {

 width: 150px;

 margin:5px auto 5px auto;

 color:#fff;

}



#menu .hd .c,

#menu .ft .c {

 font-size:1px; /* ensure minimum height */

 height:13px;

}



#menu .ft .c {

 height:13px;

}



#menu .hd {

 background:transparent url('../images/layout/menu_tl.gif') no-repeat 0px 0px;

}



#menu .hd .c {

 background:transparent url('../images/layout/menu_tr.gif') no-repeat right 0px;

}



#menu .bd {

 background:transparent url('../images/layout/menu_ml.gif') repeat-y 0px 0px;

}



#menu .bd .c {

 background:transparent url('../images/layout/menu_mr.gif') repeat-y right 0px;

}



#menu .ft {

 background:transparent url('../images/layout/menu_bl.gif') no-repeat 0px 0px;

}



#menu .ft .c {

 background:transparent url('../images/layout/menu_br.gif') no-repeat right 0px;

}







/** Rounded Corners for News **/



#news {

 width: 180px;

 margin:5px auto 5px auto;

 color:#fff;

}



#news .bd .c {

	padding: 0px 15px 0px 15px;

}



#news .bd .c p {

	margin: 0px;

	padding: 5px;

}



#news .bd .c h2 {

	color: #fff;

}



#news .hd .c,

#news .ft .c {

 font-size:1px; /* ensure minimum height */

 height:13px;

}



#news .ft .c {

 height:13px;

}



#news .hd {

 background:transparent url('../images/layout/news_tl.gif') no-repeat 0px 0px;

}



#news .hd .c {

 background:transparent url('../images/layout/news_tr.gif') no-repeat right 0px;

}



#news .bd {

 background:transparent url('../images/layout/news_ml.gif') repeat-y 0px 0px;

}



#news .bd .c {

 background:transparent url('../images/layout/news_mr.gif') repeat-y right 0px;

}



#news .ft {

 background:transparent url('../images/layout/news_bl.gif') no-repeat 0px 0px;

}



#news .ft .c {

 background:transparent url('../images/layout/news_br.gif') no-repeat right 0px;

}



/* *** application form *** */

#apply li, #apply h2, #apply ul, #apply p, #apply fieldset {

	margin: 0;

	padding: 0;

	list-style: none outside;

	border: 0;

}



#apply {

	color: #444;

	margin: 0 auto;

	margin-bottom: 20px;

}

	#apply h2 {

		color: #0066CC;

		font: bold 17px verdana;

		margin-bottom: 9px;

	}


	#apply h3 {

		color: #444;

		font: 14px verdana;

		margin-bottom: 9px;
		
		margin-top: 0px;

	}


	#apply form {

		border: 3px solid #c5e2f1;

		display: block;

		padding: 15px;

		

		-moz-border-radius: 9px;

		-webkit-border-radius: 9px;

		border-radius: 9px;

	}

	

	#apply fieldset {

		margin-bottom: 15px;

	}

	

	#apply legend {

		display: block;

		font-size: 12px;

		font-weight: bold;

		margin-bottom: 10px;

	}

	

	#apply li {

		clear: right;

		float: left;

		margin-bottom: 8px;

	}

	#apply li.alignleft {

		clear: left;

		float: left;

		margin-right: 10px;

		width: 170px;

	}

	

	#apply label {

		color: #000;

		display: block;

		font-size: 11px;

	}

		#apply label.alignleft {

			 float: left;

		}

		#apply li label {

			margin-bottom: 4px;

		}

		

	#apply .input {

		border: 1px solid #666;

		color: #000;

		font: normal 11px verdana;

	}

	#apply input.input {

		padding: 4px;

	}

	#apply label.error {

		font-size: 10px;

		color: red;

	}

	#apply input.error {

		border: 1px dotted red;

	}

	#apply label.success, #apply label.error { margin: 5px 0 0 0 !important; }

	

	#apply p {

		color: #000;

		font-size: 11px;

		line-height: 140%;

		margin-bottom: 8px;

	}

	

	#apply .go {

		background: url(../images/apply.gif) no-repeat center center;

		border: 0;

		cursor: pointer;

		display: block;

		height: 49px;

		margin-left: auto;

		margin-top: 15px;

		text-indent: -9999px; text-transform: uppercase;

		width: 203px;

	}