/**
 * Global.css
 * Main Stylesheet for Infinity Car Finance Webform
 *
 * @author       Lewis Howles
 * @date         2009-09-24
 * @lastmodified 2009-09-24
 * @site         http://www.infinitycarfinance.co.uk/
 */

@import url(default.css);

/**
 * Global
 */

body {
	font-family:Arial, Verdana, sans-serif;
	font-size:10pt;
	color:#575757;
	background:url(../images/header-bg.jpg) repeat-x;
}

#page {
    width:795px;
    margin:0 auto;
}

/**
 * Header
 */

#header {
	height:143px;
}

#logo {
	width:160px; height:104px;
	float:left;
	background:url(../images/logo.jpg) no-repeat;
}

#header address {
	width:150px;
	float:right;
	margin-top:10px;
	color:#070077;
	font-style:normal;
	font-weight:bold;
	text-align:right;
}

/**
 * Body
 */

#section1, #section2, #section3, #section4 {
	width:612px; height:94px;
	margin:0 auto 10px auto;
}

#section1 { background-image:url(../images/section-1.jpg); }
#section2 { background-image:url(../images/section-2.jpg); }
#section3 { background-image:url(../images/section-3.jpg); }
#section4 { background-image:url(../images/section-4.jpg); }

#required {
	margin:0 0 30px 92px;
}

.required { color:#a12727; }

#stuck {
	width:112px; height:82px;
	background:url(../images/stuck.jpg) no-repeat;
	margin:150px -120px 0 0;
	float:right;
	font-size:11pt;
	text-align:center;
}

#stuck .stuck {
	color:#A12727;
	display:block;
	font-size:23pt;
}

#stuck .number {
	color:#72A121;
	display:block;
	margin-top:4px;
}

.info {
	margin-bottom:10px;
	text-align:center;
}

/**
 * Form
 */

form#finance-form {
	width:795px;
	margin:0 auto;
}

li {
	padding:11px 0;
}

li.odd {
	background:#f2f2f2;
}

#legend {
	color:#72A121;
	float:right;
	font-size:19pt;
	font-style:italic;
	margin-top:-45px;
}

label, input, select, textarea {
	font-size:12pt;
	font-family:Arial, Verdana, sans-serif;
}

.form-box, .form-select {
	width:232px;
	color:#575757;
	border:1px solid #a8a8a8;
}

.form-box:focus, .form-select:focus, .form-select-date:focus {
	background:#e8f7cb;
}

.form-select-date {
	width:75px;
	color:#575757;
	border:1px solid #a8a8a8;
}

.contact-label {
	width:300px;
	float:left;
	
	clear:left;
	margin-right:12px;
	text-align:right;
}

.form-button {
	width:112px; height:26px;
	color:#fff;
	background:url(../images/button.jpg);
	margin-left:423px;
	border:none;
}

span.error {
	color:#a12727;
	font-style:italic;
}

/**
 * Footer
 */

#footer {
	width:224px; height:40px;
	background:url(../images/logos.jpg) no-repeat;
	margin:150px auto 0 auto;
}