/**
 * CSS file for home page
 *
 * @copyright  2009 Deckchair UK Ltd www.deckchair.co.uk
 * @author     Simon Pollard
 * @version    v1.0
*/

div#main_content {
	background-image: url(../graphics/home/app/app-bg.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
  border: none;
  padding-bottom: 0;
}

/* ap */

div#index-ap {
	width: 950px;
	height: 352px;
	position: relative;
	margin-bottom: 10px;
	z-index: 2;
}
div#index-ap-form {
	position: absolute;
	left: 495px;
	top: 60px;
	width: 439px;
	height: 250px;
	overflow: hidden;
}
div#index-ap-content {
	width: 878px;
	height: 220px;
	position: relative;
    top: 15px;
}
div.index-ap-part {
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	width: 399px;
	height: 220px;
	position: relative;
}
div#index-ap-worried {
	background-image: url(../graphics/home/app/worried.jpg);
	background-repeat: no-repeat;
	padding-left: 100px;
	height: 64px;
	margin-bottom: 20px;
}
div#index-ap-howmuch {
	background-image: url(../graphics/home/app/how-much.jpg);
	background-repeat: no-repeat;
	padding-left: 100px;
	height: 64px;
}

a#part1-anchor {
	position: absolute;
	top: -350px;
	left: 0px;
}
span#whereinuk-help, span#debt-worried-help {
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
	display: block;
	position: absolute;
	display: none;
}
span#debt-worried-help {
	background-image: url(../graphics/home/app/please-select.gif);
	left: 250px;
	top: 35px;
}
span#whereinuk-help  {
	background-image: url(../graphics/home/app/please-select2.gif);
	right: 60px;
	bottom: 40px;
}
input#how-much, input#how-many-creditors {
	width: 80px;
	padding: 2px;
	height: 18px;
	font-weight: normal;
	font-size: 12px;
	border:1px solid #767676;
}
input#debt-worried-no {
	margin-left: 20px;
}
select {
	font-weight: normal;
	font-size: 12px;
	height: 18px;
	width: 170px;
}

a#part2-anchor {
	position: absolute;
	top: -350px;
	right: 0px;
}
div#index-ap-creditors {
	background-image: url(../graphics/home/app/creditors.jpg);
	background-repeat: no-repeat;
	padding-left: 100px;
	height: 64px;
	margin-bottom: 20px;
}
div#index-ap-whereinuk select{
    width: 270px;
}

div#index-ap-whereinuk {
	background-image: url(../graphics/home/app/visit.gif);
	background-repeat: no-repeat;
	padding-left: 100px;
	height: 83px;
}
a#try-again {
	background-image: url(../graphics/home/app/back.jpg);
	background-repeat: no-repeat;
	background-color: #0190d0;
	padding-left: 15px;
	width: 75px;
	padding-top: 5px;
	height: 20px;
	display: block;
	position: absolute;
	left: 118px;
	bottom: 0px;	
}

input#get-results, input#get-started {
	background-image: url(../graphics/home/app/get-started.jpg);
	background-repeat: no-repeat;
	background-color: #ee7000;
	padding-left: 15px;
	width: 168px;
	height: 31px;
	text-align: left;
	position: absolute;
	right: 40px;
	bottom: 0px;
	vertical-align: middle;
}
input#get-results:hover, input#get-started:hover {
	cursor: pointer;
}

/* Extra 5px of white padding on left to cover shadow of bottom left box 
   therefore background image is nudged 5px across accordingly */
div#index-ap-part3, div#index-ap-part3-hidden {
	background-image: url(../graphics/home/app/part-3.gif);
	background-repeat: no-repeat;
	background-position: 5px; 
	background-color: #FFF;
	padding-left: 70px;
	width: 890px;
	padding-top: 400px;
	height: 413px;
	position: absolute;
	left: 5px;
	top: 10px;
	z-index: 1;
}
div#index-ap-part3-hidden {
	display: none;
}
a#close-ap {
	background-image: url(../graphics/home/app/closex.gif);
	background-repeat: no-repeat;
	background-position: right;
	position: absolute;
	right: 50px;
	top: 340px;
	display: block;
	height: 15px;
	padding-right: 20px;
	width: 40px;
}
div#part3-left {
	width: 350px;
}
div.suitable-yes {
	background-image: url(../graphics/home/app/tick.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	margin-top: 18px;
}
div#interesting-suitable {
	background-image: url(../graphics/home/app/interesting.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	margin-top: 15px;
}
div#app-updated {
	background-image: url(../graphics/home/app/update-popup.gif);
	background-repeat: no-repeat;
	width: 251px;
	height: 94px;
	position: absolute;
	left: 100px;
	top: 500px;
	display: none;
	z-index: 50;
}

div#part3-right {
	width: 370px;
	position: absolute;
	right: 80px;
	top: 400px;
	
}
h2#h2-call {
	background-image: url(../graphics/home/app/phone.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
}
h2#call-free {
	font-weight: normal;
	padding-left: 50px;
	margin-bottom: 40px;
}
h2#h2-info {
	background-image: url(../graphics/home/app/moreinfo.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	height: 50px;
}
h2#h2-info-thanks {
	background-image: url(../graphics/home/app/moreinfo.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-top: 5px;
	height: 30px;
}
div#part3-right p {
	margin-left: 50px;
}
div#part3-right p img {
	margin-top: 20px;
}
div#part3-right form {
	padding-left: 50px;
	margin-top: 15px;
}
div#part3-right form p {
	margin-left: 0px;
	position: relative;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 300px;
	height: 22px;
	padding: 5px;
}
div#part3-right form input.ap-email-input {
	position: absolute;
	left: 100px;
	width: 200px;
	height: 15px;
	padding: 2px;
	border:1px solid #767676;
}
input#ap-email-submit {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}
div#ap-email-error {
	background-image: url(../graphics/home/app/email-error-msg-bg.jpg);
	background-repeat: no-repeat;
	padding-left: 70px;
	padding-right: 70px;
	width: 299px;
	padding-top: 14px;
	height: 71px;
	position: absolute;
	top: 70px;
	right: -40px;
	display: none;
}

/* sliders */
div#slider, div#slider2 {
	margin-top: 5px;
	width: 170px;
	float: left;
	margin-right: 10px;
}
div#slider a.ui-slider-handle, div#slider2 a.ui-slider-handle {
	background-color: #FFF;
	background-image: none;
	width: 10px;
	margin-top: -3px;
}
div.ui-slider {
	background-image: none;
	margin-top: 5px;
	height: 5px;
	background-color: #999;
}

/* bottom content */
div#index-bottom-content {
	height: 600px;
	width: 950px;
	margin-left: 10px;
	margin-top: 20px;
}

p, div#index-block-text p {
	margin-top: 10px;
}

div#index-ap-content p {
	margin-bottom: 15px;
}

/* bottom left content */
div#index-left-content {
	width: 715px;
	float: left;
	margin-left: 0px;
}

div#index-left-content div#bottom-boxes {
	margin-top: 0px;
}

div#index-block-text {
	background-repeat: no-repeat;
	width: 648px;
	height: 200px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 6px;
}


/* bottom right content */
div#index-right-content {
	float: right;
	width: 228px;
	margin-right: 0px;
}

div#part3-left div#visit_response{
    padding-top: 10px;
}