
/*--------------------- body ---------------------*/

* {	margin: 0; padding: 0; border: 0; }

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;
	background: #F6FCFC url(http://www.remortgage-advice.info/img/page-bg.png) 0 0 repeat-x; }

/* to force scrollbar with centered layout */
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/*----------------------- layout ----------------------------*/

#container, #nav, #contentwrap, #foot { width: 759px; }

#container {
	margin: 0 auto;
	background-color: #fff;
	}

	#head { 
		height: 69px;
		}
	
		img#logo {
			width: 289px; height: 69px; float:left;
			}
		
	#nav {
		font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; font-size: 1.2em;
		}
	
		#intro {
			clear: both;
			padding: 10px;
			border-top: 1px solid #fff; border-bottom: 1px solid #fff;
			background-color:#FFFFFF; 
			}

		#boxwrap { background-color: #fff; }
		
			#bad, #self, #debt, #borrow {
				width: 179px; font-size: 10px; height: 220px; float: left; text-align: left; margin-right: 1px;
				padding: 19px 5px 0; overflow: hidden;
				}
				
			#bad {
				background: transparent url("../img/box_1.jpg") left top no-repeat; 
				color: #20208E;
				}
				
			#self {
				background: transparent url("../img/box_2.jpg") left top no-repeat; 
				color: #0075CC;
				}
				
			#debt {
				background: transparent url("../img/box_3.jpg") left top no-repeat; 
				color: #7BA400;
				height: 229px; padding-top: 10px;
				}
				
			#borrow {
				background: transparent url("../img/box_4.jpg") left top no-repeat; 
				color: #fff;
				margin-right: 0; padding: 10px 5px 0; height: 229px;
				}
		
		#subcontentwrap {
			clear: both; border-top: 7px solid #fff;
			background-color: #FFFFFF;
			}
			
			#sidecol {
				width: 182px; float: left;
				}
				
			#sidecol_sub {
				width: 189px; float: right; margin-right: -2px;
				}
				
			#lender {
				float: left;
				padding: 5px;
				background-color: #f3f9e1;
				}
			
			#news {
				float: left;
				padding: 5px;
				background-color: #f3f9e1;
				}
			
			#subcontent {
				width: 570px; float: right;
				}
				
			#content {
				width: 555px; float: left;
				padding-right: 10px; padding-left: 4px;
				margin-top: 8px;
				}
				
					#block_grey {
						margin-bottom: 7px; padding: 10px;
						background-color: #FBFBFB;
						}
						
					#block_lightgrey {
						margin-bottom: 7px; padding: 10px;
						background-color: #F4F4F4;
						}
			
	#foot {
		clear: both; margin-top: 7px; color: #66BEFF;
		background-color: #FbFbFb; padding: 6px 0;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; font-size: 1.2em;
		text-align: center;
		}
	
		#foot a, #foot a:visited {
			color: #0075CC; text-decoration: none; font-weight: lighter;
			}
			
		#foot a:hover, #foot a:active {
			text-decoration: underline; font-weight: lighter;
			}
#tools { width: 415px; float:right; }
/*--------------------- paragraphs & headings ---------------------*/

    #logo {

      width: 289px;
height: 69px;
      float: left;

    }

        #logo a {

          display: block;

          background: url(http://www.remortgage-advice.info/img/logo.jpg) no-repeat;

          width: 289px;  height: 69px;
		  margin: 0;



        }
		
		h1 span, a span {

  display: none;

}


h1 {
	margin-bottom: 0.0em;
	font-family: Arial, Helvetica, sans-serif; font-size: 1.6em;
	color: #0075CC;
	}
	
h2 {
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif; font-size: 1.4em;
	color: #0075CC;
	}
	
h3 {
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif; font-size: 2.2em; font-weight: bold;
	}

p {
	color: #000000;
	font-size: 1.2em; line-height: 1.32em;
	margin: 0 0 1em;
	}
	
.darkgreen { color: #0075CC; }	

p.nomargin {
	margin: 0;
	}

p.boxtext {
	color:#fff; padding: 0 10px 0; font-weight: bold;
	}
	
p.newstitle {
	font-weight: bold;
	}
	
p.enteramount { margin: -7px 0 2px 0; padding:0 10px; color:#fff; }

/*--------------------- links ---------------------*/

a.pagelink, a.pagelink:visited {
	font-weight: bold; text-decoration: underline; color: #0C1582;;
}

a.pagelink:hover, a.pagelink:active {
	font-weight: bold; text-decoration: none; color: #608000;
}

a.boxlink, a.boxlink:hover, a.boxlink:active, a.boxlink:visited { text-decoration: none; cursor: pointer; }

/*--------------------- images ---------------------*/

a img {
	border: 0;
}

img.go, img.no { width: 152px; height: 29px; }

img.go { margin-bottom: 5px; }

/*--------------------- forms ---------------------*/

form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 1.3em; font-family: "Lucida Sans Unicode", Tahoma, Verdana;
		border: 1px solid #ccc;
}

input.amount { height: 20px; padding-top: 3px; margin-bottom: 9px; }

/* ---------------------- nav ----------------------*/

ul.level1 {
	list-style: none; 
	}

ul.level1 li {
	float: left;
	text-align: center; }

ul.level1 a {
	display: block; width: 189px;
	padding: 10px 0;
	background: transparent url("../img/nav1_off.jpg") center top no-repeat; border-right: 1px solid #fff;
	color: #fff; text-decoration: none; }

ul.level1 a:hover {
	background: transparent url("../img/nav1_hover.jpg") center top no-repeat;
	font-weight: bold;
	}
	
ul.level1 a.on, ul.level1 a.on:hover {
	background: transparent url("../img/nav1_on.jpg") center top no-repeat;
	font-weight: bold;
	}

ul.list_numbered { 
	list-style-type: decimal;
	margin-left: 23px;
	}
	
ul.list_numbered li { 
	margin-bottom: -5px;
	}
	
ul.list_plain { 
	list-style-image: url(../img/bullet.gif);
	margin-left: 1.8em;
	}
	
ul.list_plain li {
	margin-bottom: -10px;
}

