/* CSS for curly wig site - Simon Pollard for deckchair.co.uk 2008 */
h1, h2, h3 {
	color: #0f6e0e;
}
.black {
	color: #000000;
}
/*** START HEADER STYLES ***/
div#header {
	background-image: url(../images/moneyblender/header-bground.1240390573.jpg);
}
div#logo {
	height: 88px;
	width: 305px;
	background-image: url(../images/moneyblender/money-blender.1240390573.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-left: 20px;
	padding-top: 15px;
}
div#logo a {
	display: block;
	height: 88px;
	width: 305px;
}
span#userbox {
	background-image: url(../images/moneyblender/header-but-mid.1240390573.jpg);
}
/*** END HEADER STYLES ***/

/*** *** *** *** *** *** *** *** ***
	INDEX PAGE STYLES
*** *** *** *** *** *** *** *** ***/
div#mainbox {
	background-image: url(../images/moneyblender/indexpage/mainbox-bg.1240390573.jpg);
	background-repeat: no-repeat;
	width: 677px;
	padding-top: 7px;
	height: 166px;
	font-size: 12px;
	position: relative;
	margin-bottom: 10px;
}
div#mainbox img {
	position: absolute;
	top: 52px;
	right: 21px;
}
div#mainbox h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: 15px;
	color: #FFFFFF;
}
div#mainbox p {
	width: 450px;
}
a#mainbox-link {
	position: absolute;
	left: 33px;
	bottom: 34px;
	color: #FFFFFF;
	font-size: 14px;
}
div#second-box {
	background-image: url(../images/moneyblender/indexpage/second-panel-bground.1240390573.jpg);
	background-repeat: no-repeat;
	width: 677px;
	padding-top: 10px;
	height: 338px;
	margin-bottom: 10px;
	position: relative;
}
div#second-box img {
	position: absolute;
	top: 24px;
	right: 24px;
}
div#second-box h2 {
	margin-left: 15px;
	margin-bottom: 20px;
}
div#second-box p {
	width: 450px;
}
a#green-readmore-button {
	background-image: url(../images/moneyblender/indexpage/green-button.1240390573.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 356px;
	padding-top: 7px;
	height: 23px;
	color: #FFFFFF;
	display: block;
}
p.link {
	margin-top: 25px;
}
div.smallerboxes {
	background-image: url(../images/moneyblender/indexpage/boxes-bg.1240390573.jpg);
	background-repeat: no-repeat;
	width: 336px;
	height: 180px;
	float: left;
	margin-right: 7px;
	position: relative;
	margin-bottom: 15px;
}
div.smallerboxes p {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 15px;
}
div.smallerboxes h2 {
	margin-left: 15px;
	margin-top: 13px;
	margin-bottom: 25px;
	font-size: 14px;
	color: #FFFFFF;
}
div.smallerboxes h3 {
	color: #000000;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 0px;
	margin-left: 15px;
}

div.smallerboxes a#joinnow {
	background-image: url(../images/moneyblender/indexpage/join-now.1240390573.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 15px;
	bottom: 10px;
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 7px;
	height: 23px;
	padding-left: 10px;
	width: 110px;
}
span#helplinks {
	position: absolute;
	bottom: 15px;
	right: 25px;
}
div.smallerboxes ul {
	font-size: 12px;
	width: 290px;
}
div.smallerboxes li {
	margin-left: 0px;
}
/* temporary css */
div#second-box-temp {
	background-image: url(../images/moneyblender/indexpage/second-panel-bground.1240390573.jpg);
	background-repeat: no-repeat;
	width: 677px;
	padding-top: 10px;
	height: 368px;
	margin-bottom: 10px;
	position: relative;
}
div#second-box-temp h3 {
	background-color: #FF0000;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-top: 50px;
}
div#second-box-temp p {
	width: 450px;
}
div#second-box-temp img {
	position: absolute;
	top: 24px;
	right: 24px;
}
div#second-box-temp h2 {
	margin-left: 15px;
	margin-bottom: 20px;
}
/**/

/*** *** *** *** *** *** *** *** ***
	ABOUT PAGE STYLES
*** *** *** *** *** *** *** *** ***/
div#aboutbox {
	background-image: url(../images/moneyblender/about/mainbox-bground.1240390573.jpg);
	background-repeat: no-repeat;
	width: 677px;
	padding-top: 7px;
	height: 525px;
	margin-bottom: 20px;
}
div#aboutbox h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: 15px;
	color: #FFFFFF;
}
div#aboutbox p {
	width: 600px;
}
div#aboutbox img {
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#aboutbox2 {
	background-image: url(../images/moneyblender/about/secondbox-header.1240390573.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFFFFF;
	width: 677px;
	padding-top: 15px;
	margin-bottom: 10px;
}
div#aboutbox2 h1 {
	font-size: 18px;
	font-weight: bold;
	margin-left: 15px;
}
div#aboutbox2 img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}
div#aboutbox2-footer {
	background-image: url(../images/moneyblender/about/secondbox-footer.1240390573.jpg);
	height: 8px;
	width: 677px;
}
a.mb-get-started {
	background-image: url(../images/moneyblender/get-started.1240390573.jpg);
	background-repeat: no-repeat;
	padding-left: 55px;
	width: 257px;
	padding-top: 7px;
	height: 23px;
	display: block;
	color: #FFFFFF;
}
input.mb-get-started {
	background-image: url(../images/moneyblender/get-started.1240390573.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	width: 312px;
	padding-top: 0px;
	height: 30px;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	margin-left: 15px;
}

/*** *** *** *** *** *** *** *** ***
	JOINED PAGE STYLES
*** *** *** *** *** *** *** *** ***/
div#joinedbox {
	background-image: url(../images/moneyblender/joined/mainbox-bground.1240390573.jpg);
	background-repeat: no-repeat;
	width: 677px;
	padding-top: 7px;
	height: 428px;
	margin-bottom: 20px;
	position: relative;
}
div#joinedbox h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: 15px;
	color: #FFFFFF;
}
div#joinedbox p {
	width: 350px;
}
div#joinedbox img {
	position: absolute;
	top: 64px;
	right: 31px;
}
div#joinedbox ul {
	color: #0B800A;
	margin-top: 25px;
	margin-bottom: 25px;
}
div#joinedbox li {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
}

/*** *** *** *** *** *** *** *** ***
	COMPLETED PAGE STYLES
*** *** *** *** *** *** *** *** ***/
div#completedbox {
	background-image: url(../images/moneyblender/completed/mainbox-bground.1240390573.jpg);
	background-repeat: no-repeat;
	width: 677px;
	padding-top: 7px;
	height: 550px;
	position: relative;
}
div#completedbox img#people {
	position: absolute;
	top: 57px;
	right: 19px;
}
div#completedbox h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: 15px;
	color: #FFFFFF;
}
div#completedbox p.completedbox-first {
	width: 370px;
}
div#completedbox h2 {
	margin-left: 15px;
}
div#completedbox ul {
	margin-top: 20px;
	margin-bottom: 20px;
}
div#completedbox a.mb-get-started {
	margin-top: 20px;
}

/*** *** *** *** *** *** *** *** ***
	QUESTIONS PAGE STYLES
*** *** *** *** *** *** *** *** ***/
div#questions-top-box {
	background-image: url(../images/moneyblender/questions/top-box-header.1240390573.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 677px;
	padding-top: 7px;
}
div#questions-top-box h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: 15px;
	color: #FFFFFF;
}
div#questions-top-box-footer {
	background-image: url(../images/moneyblender/questions/top-box-footer.1240390573.jpg);
	background-repeat: no-repeat;
	width: 677px;
	height: 8px;
}
div#progress {
	background-image: url(../images/moneyblender/questions/progressbar-empty.1240390573.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 3px;
	height: 22px;
	margin-left: 15px;
	margin-top: 15px;
	font-size: 12px;
	font-weight: bold;
	width: 620px;
	position: relative;
	margin-bottom: 10px;
}
div#progress-bar {
	background-image: url(../images/moneyblender/questions/progressbar-full.1240390573.jpg);
	background-repeat: no-repeat;
	background-position: left;
	position: absolute;
	left: 79px;
	top: 0px;
	width: 541px;
	height: 25px;
}
div#questions-box {
	margin-top: 10px;
	margin-bottom: 10px;
}
div#questions-box table {
	width: 677px;
	border-collapse: collapse;
	font-size: 12px;
	margin: 0px;
}
div#questions-box tr.white {
	background-color: #FFFFFF;
}
div#questions-box tr.grey {
	background-color: #F2F7F9;
}
div#questions-box table th {
	background-color: #D3E5ED;
	text-align: left;
	font-weight: bold;
	padding: 10px;
	width: 60px;
}
div#questions-box table th.question {
	width: 167px;
}
div#questions-box table td {
	text-align: left;
	padding: 10px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
div#questions-box table td.question {
	text-align: left;
}
div#questions-box table td.answered {
	background-image: url(../images/moneyblender/questions/answered.1240390573.gif);
	background-repeat: no-repeat;
	background-position: center;
}

/*** *** *** *** *** *** *** *** ***
	SIGN UP PAGE STYLES
*** *** *** *** *** *** *** *** ***/
img#cards {
	margin-bottom: 15px;
}
input#secure {
	position: absolute;
	right: 20px;
	width: 194px;
	height: 20px;
	margin-top: 10px;
}
div#form {
	margin-bottom: 50px;
}

/*** *** *** *** *** *** *** *** ***
	PAYMENT UP PAGE STYLES
*** *** *** *** *** *** *** *** ***/
div#payment-box {
	background-image: url(../images/moneyblender/indexpage/mainbox-bg.1240390573.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 577px;
	padding-left: 100px;
	position: relative;
}
div#payment-box h2 {
	margin-left: 15px;
	padding-top: 15px;
}
div#payment-box h1 {
	margin-top: 30px;
}
a#get-started {
	background-image: 
}
div#payment-box a#joinnow {
	background-image: url(../images/moneyblender/indexpage/join-now.1240390573.jpg);
	background-repeat: no-repeat;
	position: absolute;
	right: 60px;
	top: 50px;
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 7px;
	height: 23px;
	padding-left: 5px;
	width: 115px;
}
.unsuccessful {
	height: 181px;
}

div#download-pdf {
	background-image: url(../images/moneyblender/pdf.1240390573.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 5px;
	height: 45px;
	padding-left: 50px;
	margin-left: 15px;
	margin-top: 30px;
}
div#download-pdf p {
	font-size: 9px;
}
div#download-pdf a {
	background-image: url(../images/moneyblender/button-bg.1240390573.jpg);
	background-repeat: no-repeat;
	width: 193px;
	padding-top: 2px;
	height: 16px;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	display: block;
	margin-left: 10px;
}


div#moneyblender-report {
	background-image: url(../images/form-item-header.1240390573.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	width: 600px;
	height: 300px;
	margin-bottom: 15px;
	position: relative;
}
div#moneyblender-report img {
	float: right;
	margin-top: 2px;
	margin-left: 10px;
}
div#moneyblender-report h2 {
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 10px;
}

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