/* CSS for curly wig site - Simon Pollard for deckchair.co.uk 2008 */
h1, h2, h3 {
	color: #247da7;
}

/*** START HEADER STYLES ***/
div#header {
	background-image: url(../images/creditconfusion/header-bground.1240390573.jpg);
}
div#logo {
	height: 104px;
	width: 469px;
	background-image: url(../images/creditconfusion/credit-confusion.1240390573.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-left: 20px;
}
div#logo a {
	display: block;
	height: 94px;
	width: 469px;
}
span#userbox {
	background-image: url(../images/creditconfusion/header-but-mid.1240390573.jpg);
}
/*** END HEADER STYLES ***/

/*** *** *** *** *** *** *** *** ***
	INDEX PAGE STYLES
*** *** *** *** *** *** *** *** ***/
div#mainbox {
	background-image: url(../images/creditconfusion/indexpage/mainbox-bg.1240390573.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	width: 665px;
	padding-top: 25px;
	height: 169px;
	font-size: 14px;
	position: relative;
	margin-bottom: 10px;
}
div#mainbox h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
a#mainbox-link {
	position: absolute;
	left: 33px;
	bottom: 34px;
	color: #FFFFFF;
	font-size: 14px;
}
div.smallerboxes {
	background-image: url(../images/creditconfusion/indexpage/smallerboxes-bg.1240390573.jpg);
	background-repeat: no-repeat;
	width: 226px;
	height: 187px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	position: relative;
	margin-bottom: 15px;
}
div.smallerboxes p {
	font-size: 14px;
}
div.smallerboxes h2 {
	margin-left: 15px;
	margin-top: 13px;
	margin-bottom: 25px;
	font-size: 14px;
}
h2#forumh2 {
	color: #ff7800;
}
h2#letterh2 {
	color: #247f31;
}
h2#budgeth2 {
	color: #58168b;
}
div.smallerboxes a {
	background-repeat: no-repeat;
	position: absolute;
	left: 15px;
	bottom: 20px;
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 7px;
	height: 23px;
	padding-left: 10px;
}
a#forumlink {
	background-image: url(../images/creditconfusion/indexpage/forum-link.1240390573.jpg);
	width: 110px;
}
a#letterlink {
	background-image: url(../images/creditconfusion/indexpage/letter-link.1240390573.jpg);
	width: 136px;
}
a#budgetlink {
	background-image: url(../images/creditconfusion/indexpage/budget-link.1240390573.jpg);
	width: 169px;
}
div.widesection {
	/* was 675 wide */
	width: 665px;
	height: 126px;
	background-image: url(../images/creditconfusion/indexpage/section-wide.1240390573.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-top: 10px;
	clear: both;
	background-color: #FFFFFF;
	position: relative;
	margin-left: 5px;
}
div.widesection-footer {
	background-image: url(../images/creditconfusion/indexpage/section-wide-footer.1240390573.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 10px;
	width: 675px;
	margin-left: 5px;
}
div.widesection h3 {
	margin-bottom: 15px;
	margin-left: 15px;
}

/*** START FOOTER STYLES ***/
div#footer {
	background-image: url(../images/creditconfusion/footer-bground.1240390573.jpg);
}
/*** END FOOTER STYLES ***/


h2.page-header {
	background-image: url(../images/creditconfusion/h2-bground.1240390573.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	width: 652px;
	padding-top: 10px;
	height: 47px;
	position: relative;
}
h2.page-header span {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	position: absolute;
	left: 170px;
	top: 10px;
	width: 485px;
} 


/* Your Score Page */
div.score-breakdown ol {
	margin-left: 35px;
	font-size: 12px;
}
div#yourscore {
	background-image: url(../images/creditconfusion/yourscore/yourscore-box.1240390573.jpg);
	background-repeat: no-repeat;
	padding-right: 508px;
	width: 140px;
	height: 115px;
	position: relative;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin-bottom: 20px;
	margin-left: 15px;
}
div#yourscore h1 {
	font-size: 58px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 20px;
}
div#yourscore span {
	position: absolute;
	left: 170px;
	top: 5px;
}
div#yourscore span#yourscore-text {
	position: absolute;
	left: 170px;
	top: 5px;
	width: 450px;
}

div#yourscore p {
	color: #000000;
	text-align: left;
}
div.score-breakdown {
	position: relative;
	padding-left: 140px;
	width: 530px;
	margin-bottom: 20px;
}
div.score-breakdown p {
	margin-top: 0px;
}
div.whiteline {
	height: 3px;
	width: 640px;
	margin-top: 0px;
}
div.green-box, div.yellow-box, div.red-box {
	background-position: top;
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 91px;
	padding-top: 10px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 15px;
}
div.green-box { 
	background-image: url(../images/creditconfusion/yourscore/green-header.1240390573.jpg);
	background-color: #53A83B;
}
div.yellow-box {
	background-image: url(../images/creditconfusion/yourscore/yellow-header.1240390573.jpg);
	background-color: #F1B506;
}
div.red-box {
	background-image: url(../images/creditconfusion/yourscore/red-header.1240390573.jpg);
	background-color: #DB4340;
}
div.green-box-footer, div.yellow-box-footer, div.red-box-footer {
	background-repeat: no-repeat;
	background-position: top;
	width: 101px;
	height: 4px;
	font-size: 1px;
	margin-top: 10px;
	margin-left: -10px;
}
div.green-box-footer {
	background-image: url(../images/creditconfusion/yourscore/green-footer.1240390573.jpg);
}
div.yellow-box-footer {
	background-image: url(../images/creditconfusion/yourscore/yellow-footer.1240390573.jpg);
}
div.red-box-footer {
	background-image: url(../images/creditconfusion/yourscore/red-footer.1240390573.jpg);
}
div.improve-score {
	padding-left: 250px;
	width: 420px;
	position: relative;
	margin-bottom: 20px;
}
div.improve-score h2 {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 14px;
	color: #000000;
	width: 200px;
	margin-left: 15px;
}
div.improve-score p {
	margin-top: 0px;
}



/* for Advice page */
a.moreinfo-close {
	background-image: url(../images/creditconfusion/h2-bground-contracted.1240390573.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	width: 652px;
	padding-top: 10px;
	height: 29px;
	color: #247da7;
	display: block;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
} 

/* selected accordion headers will have class "moreinfo-close" AND "moreinfo-open" so
we can use basic CSS inheritance. */
a.moreinfo-open {
	background-image: url(../images/creditconfusion/h2-bground-expanded.1240390573.jpg) !important;
}

/* https://it.fry-it.com/moneyvillage/239/#i5 */
div.moreinfo-text {
width: 630px;
padding-bottom: 20px;
} 


div#callcredit {
	background-image: url(../images/creditconfusion/yourscore/callcredit-bground.1240390573.jpg);
	background-repeat: no-repeat;
	padding-right: 250px;
	padding-left: 10px;
	width: 405px;
	padding-top: 1px;
	height: 92px;
	margin-bottom: 20px;
	position: relative;
}
div#callcredit p {
	padding-bottom: 10px;
}
div#callcredit p.callcreditcontent {
	margin-left: 0px;
}
div#callcredit a#callcreditlink {
	background-image: url(../images/creditconfusion/yourscore/callcredit.1240390573.gif);
	background-repeat: no-repeat;
	width: 235px;
	height: 70px;
	display: block;
	position: absolute;
	right: 10px;
	top: 8px;
}