/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff url(img/bg.gif) top left repeat-x;
color: #125E3D;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	position: relative;
	margin: auto;
	width: 962px;
}

	#head{
		position: relative;
		height: 102px;
		background: url(img/top3.gif) top left;
	}
	
	#top{
		position: relative;
		height: 33px;
		padding-left: 61px;
		background: url(img/nav-clip.gif) top left no-repeat;
	}
	
		#searchwrap{
			position: relative;
			float: right;
			height: 33px;
			width: 241px;
			background: url(img/search-box.gif) top right no-repeat;
		}
		
			#s{
				position: relative;
				float: left;
				padding: 10px 10px 0 10px;
				height: 23px;
				font-size: 11px;
				border: 0px;
				width: 137px;
				background: none;
			}
			
			#ss{
				position: relative;
				float: left;
				width: 84px;
				height: 33px;
				background: none;
				border: 0px;
			}
		
		#nav{
			position: relative;
			float: left;
			height: 33px;
			overflow: hidden;
		}
		
			#nav li{
				position: relative;
				float: left;
				width: 165px;
				height: 33px;	
			}
			
			#nav li a{
				position: relative;
				float: left;
				padding: 11px 0 0 0;
				height: 22px!important; height:40px;
				width: 165px;
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				text-align: center;
				background: url(img/passive.gif) top left no-repeat;
			}
			
			#nav li a:hover, #nav li.active a{
				text-decoration: none;
				background: url(img/active.gif) top left no-repeat;
			}
			
			
	
	
	#upper{
		position: relative;
		
	}

#home #upper { min-height:295px; height:auto!important; height:315px; }

		#upper-content{
			position: relative;
			float: left;
			width: 721px;
			height: 300px;
			background: url(img/top-left-bg.gif) top left no-repeat;
		}
	
		#home #upper-content{
			position: relative;
			float: left;
			/* width: 721px; */
			width: 362px;
			height: 300px;
			background: url(img/top-left-bg-new.gif) top left no-repeat;
		}
			
			
			#uc1{
				position: relative;
				display: block;
			}
			
			#uc2{
				position: relative;
				display: none;
			}
			
			#uc3{
				position: relative;
				display: none;
			}
			
			#ucal1{ font-size:125%; letter-spacing:0.02em;
				
				display: block;
			}
			
			#ucal2{
				display: none;
			}
			
			.ucal{
				position: absolute;
				width: 233px;
				top: 103px;
				left: 69px;
				color: #fff;
				text-align: left;
			}

			.up1, .up2, .up3 {
			background-color: #444 !important;
			color: #444;
			}			
			
			.up1{
				position: absolute;
				top: 110px;
				left: 71px;
				width: 232px;
				height: 130px;
				text-align: left;
				color: #fff;
			}
			
			.up2{
				position: absolute;
				top: 9px;
				right: 10px;
				width: 311px;
				color: #fff;
				text-align: left;
			}
			
				.up2 h1{
					position: relative;
					font-size: 1.6em;
					color: #fff;
				}
				
				.up2 a{
					position: relative;
					text-decoration: underline;
					padding-right: 25px;
					color: #FD8A3F;
					background: url(img/arrow.gif) right center no-repeat;
				}
			
	
		#upper-content-inner{
			position: relative;
			float: left;
			width: 721px;
			height: 192px;
			background: url(img/headers/random/rotate.php) top left no-repeat;
		}
		
		#debtmanagement #upper-content-inner {
			background: url(img/subhead_debt-management.png) top left no-repeat;
		}

		#loans #upper-content-inner {
			background: url(img/subhead_loans.png) top left no-repeat;
		}

		#mortgages #upper-content-inner {
			background: url(img/subhead_mortgages.png) top left no-repeat;
		}

		#bankruptcy #upper-content-inner {
			background: url(img/subhead_bankruptcy.png) top left no-repeat;
		}

		#trustdeeds #upper-content-inner {
			background: url(img/subhead_trust-deeds.png) top left no-repeat;
		}

		#ivas #upper-content-inner {
			background: url(img/subhead_ivas.png) top left no-repeat;
		}
		
		#home #upper-sidebar{
			position: relative;
			float: left;
			width: 600px;
			text-align: left;
		}
		#upper-sidebar{
			position: relative;
			float: left;
			width: 241px;
			text-align: left;
		}
		
		#upper-sidebar a{
			color: #fff;
		}
			
		#upper-sidebar a:hover{
			text-decoration: none;
		}
		
		#upper-sidebar-inner {
		background: url(img/top-left-bg-new.gif) top right no-repeat;
		width: 357px;
		height: 300px;
		float: left;
		}
			#upper-sidebar-inner div.info {
			color: #fff;
			margin: 10px; 
			height: 240px; 
			padding: 20px; 
			background-color: #444; 
			opacity: .7; 
			filter: alpha(opacity=70);
			font-size: 1.2em;
			}
			
			#upper-sidebar-inner table {
			margin-top: 8px;
			}
			
			#upper-sidebar-inner td {
			padding: 5px;
			}
			
			#upper-sidebar-inner p {
			margin-top: 8px;
			line-height: 1.4em;
			}
			
			#upper-sidebar-inner h2 {
			font-size: 1.3em;
			font-weight: bold;
			color: #fff;
			}
			
			#upper-sidebar-inner ul {
			list-style-type: square;
			color: #fff;
			padding-left: 20px;
			margin: 6px;
			}
			
			#upper-sidebar-inner ul li {
			line-height: 1.5em;
			
			}
			
			#upper-sidebar-inner a:hover {
			color: #FF6600;
			}
			

			
			/* all new */
			#us1, #us2, #us3 {
			margin: 0;
			width: 201px!important; width:230px;
			min-height:60px; height:auto!important; height:100px;
			float: right;
			clear: right;
			}
			
			*html #us1, #us2, #us3 {
			width:201px;}
			
			
			
			#us1{
				position: relative;
				display: block;
				padding: 40px 25px 0 15px;
				height: 60px;
				background: url(img/find.gif) top left no-repeat;
			}
			
			#us2{
				position: relative;
				display: block;
				padding: 40px 25px 0 15px;
				height: 60px;
				background: url(img/calculators.gif) top left no-repeat;
			}
			
			#us3{
				position: relative;
				display: block;
				padding: 40px 25px 0 15px;
				height: 60px;
				background: url(img/apply-online.gif) top left no-repeat;
			}
			
			
	#home #us1, #home #us2, #home #us3 { width:201px!important; width:230px; min-height:60px; height:auto!important; height:100px; }

	#page{
		position: relative;
		padding: 15px 0 0 62px;
		text-align: left;
		color: #333333;
	}	
			#inner-content{
			position: relative;
			float: left;
			width: 620px;
			padding-right: 10px;
			overflow: hidden;
			padding: 9px 10px 0 10px;
			margin-right: 9px;
			background: #fff;
			border: 1px solid #ccc;
		}
			
			#inner-content p {
			margin-left: 12px;
			}
			
			#inner-content ul {
			list-style-type: circle;
			padding: 0 40px;
			margin: 12px 4px 20px;
			}
			
			#inner-content ul li {
			margin-bottom: 7px;
			line-height: 1.4em;
			}
			
			#page #inner-content h1{
				position: relative;
				text-align: left;
				font-size: 1.7em;
				padding-bottom: 15px;
				margin-bottom: 12px;
				color: #FF3300;
				color: #FF8C40;
				background: url(img/cal-break.gif) bottom left repeat-x;
				font-weight: bold;
			}
			
			#page #inner-content h1 a, #page #inner-content h1 a:hover {
				color:#FF8C40;			
			} 
			
			#front-center h1 a{
				color: #fff;
			}
			
			#page #inner-content h2, #page #inner-content h3 {
				position: relative;
				text-align: left;
				font-size: 1.4em;
				margin-bottom: 12px;
				color: #FF8C40;
				font-weight: bold;
			}
			
			#page #inner-content h3 {
			font-size: 1.2em;
			color: #777;
			margin-left: 6px;
			}
			
			.a-entry{
				position: relative;
				padding-bottom: 15px;
			}
			
		#front-left{
			position: relative;
			float: left;
			width: 240px;	
			padding-top: 1px;
		}
			
			.sidebar-blogpost {
				border: 1px solid #ccc;
				margin: 0 9px 9px 0;
			}
			
			#front-right h2 {
			text-align: center;
			}
			
			#front-left .sidebar-blogpost h2, #front-right .sidebar-blogpost h2 {
				font-size: 1.2em;
				padding: 6px;
				text-transform: capitalize;
				border-bottom: 1px solid #ccc;
				font-weight: bold;
				text-align: center;
			}
			
			#front-right .sidebar-blogpost p {
			text-align: center;
			margin: 3px 0 3px;
			padding: 3px 6px;
			}
			
			.sidebar-blogpost:hover {
				
			}
			
			.sidebar-blogpost p {
				padding: 6px 12px;
				text-align: center;
			}
			
			.sidebar-blogpost p.readmore {
				margin: 0 0 4px;
				padding: 0;
			}
			
		#front-center{
			position: relative;
			float: left;
			width: 620px;
			padding: 9px 10px 0 10px;
			font-size: 1.2em;
			margin-right: 9px;
			background: #fff;
			border: 1px solid #ccc;
			min-height: 800px;
		}
		
			#front-center p {
			margin: 9px 0;
			padding: 0;
			}
			
			#front-center ul {
			padding-left: 16px;
			list-style-type: square;
			margin: 5px 9px 20px;
			}
			
			#front-center ul li {
			line-height: 1.4em;
			}
			
		#front-right{
			position: relative;
			float: right;
			width: 235px;
			padding-top: 1px;
		}
		
		#home #front-right{
			width: 240px;
		}
		
			.widget{
				position: relative;
				padding-bottom: 18px;
			}
			
			#wp-calendar {
			margin-left: 12px;
			}
			
			#wp-calendar caption {
			margin: 5px 5px 5px 12px;
			}
			
			#wp-calendar td, th {
			padding: 3px;
			text-align: center;
			}
		
			#wp-calendar th {
			font-weight: bold;
			}
		
		#page h1{
			position: relative;
			padding: 2px 0 0 0;
			height: 28px;
			font-size: 1.6em;
			text-align: center;
			color: #fff;
			background: url(img/h1-bg.gif) top left;
		}
		
		#page h2{
			position: relative;
			font-size: 1.5em;
			font-weight: bold;
			text-align: left;
		}

		#page h3{
			position: relative;
			font-size: 1.1em;
			font-weight: bold;
			text-align: left;
		}
		
		#page h2 span{
			color: #FF3300;
		}
		
		#page strong{
			font-weight: bold;
		}
		
		#page p{
			position: relative;
			line-height: 1.5em;
			padding-bottom: 1em;
		}
		
		#page a{
			color: #FF6600;
		}
		
		.more{
			position: relative;
			padding: 2px 0 2px 25px;
			text-decoration: underline;
			background: url(img/arrow.gif) left center no-repeat;
		}

	
	
	#foot{
		position: relative;
		padding: 15px 60px 0 60px;
		margin-left: 62px;
		margin-top: 9px;
		color: #333333;
		line-height: 1.5em;
		background: url(img/fbg.gif) top left repeat-x;
		clear:both;
	}
	
		#toplinks p, #foot p{
			position: relative;
			padding-bottom: 1.2em;
		}
		
		#toplinks a, #foot a{
			position: relative;
			margin: 0 5px 0 5px;
			color: #FF6633;
			font-weight: bold;
		}




#comment{
	position: relative;
	width: 400px;
}

.commentlist li{
	position: relative;
	padding: 10px;
	background: #f3f3f3;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

p.nocomments {
display: none;
}
	.avatar{
		float: right;
	}


		#comwrap h3{
			position: relative;
			font-size: 1.7em;
			text-align: left;
			color: #FF3300;
		}

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

#homelink{
	position: absolute;
	top: 11px;
	left: 63px;
	height: 85px;
	width: 439px;
}

/*Unique ID*/
.mortgages #upper-content-inner, .remortgages #upper-content-inner { background:url(img/headers/fixed/cant-remortgage.jpg); }
.credit-card-calculator #upper-content-inner, .loan-calculator #upper-content-inner, .income-and-expenditure-calculator #upper-content-inner { background:url(img/headers/fixed/are-your-debts-adding-up.jpg); }
.contact #upper-content-inner { background:url(img/headers/fixed/help-is-just-a-click-away.jpg); }
.apply-online #upper-content-inner { background:url(img/headers/fixed/you-are-one-click-away.jpg); }
.debt-solution-finder #upper-content-inner { background:url(img/headers/fixed/put-some-colour-back-in-your-life.jpg); }


/*classes*/

.float-right { float:right; padding-bottom:10px; }
.comparison { border:1px solid #cccccc; }
.comparison td { height:3em; vertical-align: middle; padding:0 10px 0 10px; border:1px solid #cccccc; }

.yes {
	background-image: url(img/tick.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.no {
	background-image: url(img/cross.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 10px center;
}