/*
   SITE: gilchrist.co.uk
   FILE: layout.css
   GEEK: Phil Sherry
   DATE: 2009-09-17
   
   Copyright 2009 Fawthrop McLanders. All rights reserved.
*/

body {
	background: #fff;
}

#container {
	margin: 40px auto 60px;
	overflow: hidden;
	width: 960px;
}

#steps {
	height: 80px;
}

	#steps.step1 { background: url(../../images/pig_small.png) 175px 0 no-repeat; }
	
	#steps.step2 { background: url(../../images/pig_small.png) 500px 0 no-repeat; }
	
#branding {
	margin-bottom: 10px;
	height: 100px;
	overflow: hidden;
}

#head {
	background: #7d52a1;
	height: 100px;
}

	#head h1 {
		background: url(http://www.gilchrist.co.uk/App_Themes/gilchrist/images/gilchristlogo.gif) no-repeat;
		display: block;
		height: 49px;
		margin: 30px auto;
		text-indent: -31337px;
		width: 177px;
	}

#step_copy {
	background: #ff980c;
	height: 100px;
}

#challenge_front {
	position: relative;
	width: 580px;
}

	#challenge_front h2 {
		background: #7d52a1;
		display: inline;
		line-height: 2;
		margin-bottom: -10px;
		padding: 15px;
	}

#challenge_wrap {
	background: #7d52a1;
	padding: 15px 80px 15px 15px;
}

.next {
	background: url(../../images/next.png) no-repeat;
	display: block;
	height: 56px;
	text-indent: -31337px;
	width: 56px;
}

	.login .next,
	#no_password .next {
		background: url(../../images/next_light.png) no-repeat;
		float: right;
		margin-top: -10px;
	}
	
		#no_password .next { margin-top: 38px; }

#challenge_front .next {
	bottom: 15px;
	position: absolute;
	right: 15px;
}

fieldset {
	background: #f1e7f9;
	margin: 10px auto;
	padding: 10px;
	/* width: 900px !important; */
}

input.text { width: 220px; }

	#clickthrough input.text { width: 140px; }

	#questionnaire input.text {
		margin: 0 5px;
		width: 180px;
	}
	#questionnaire input[type="text"] {
	    margin-left:0;
	}
	
#content.offer {
	background: url(../../images/pigboard.png) 190px -50px no-repeat;
	height: 515px;
	margin-top: 15px;
	position: relative;
}

    .AppleMAC-Safari5 #content.offer { height: 540px; }

.errorPage #content {
    width:900px;
    margin:0 auto;
    font-size:1.1em;
    color:#7D52A1;
}

#pigboard {
	background: url(../../images/pig_big.png) 0 0 no-repeat;
	height: 287px;
	left: 560px;
	position: absolute;
	top: -50px;
	width: 229px;
	z-index: 5;
}

#main_points {
	margin-left: 5px;
}

blockquote {
	background: url(../../images/quote_open.png) 0 0 no-repeat;
	border: none;
	margin-bottom: 10px;
	padding: 10px 0 0 35px;
}

	blockquote p { display: inline; }

	.quote_close {
		background: url(../../images/quote_close.png) 0 0 no-repeat;
		display: inline-block;
		height: 18px;
		margin-left: 5px;
		width: 26px;
	}

#clickthrough {
	background: #7d52a1;
	bottom: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
}

.login,
#no_password {
	background: #ad85ba;
	padding: 10px;
	min-height: 150px;
	position: relative;
}

	.IE6 .login,
	.IE6 #no_password {
		height: 155px;
	}

#no_password { width: 170px; }

/* yay, questionnaire form! */

#questionnaire {
	background: #fff;
	overflow: hidden;
	padding: 0;
}

#contact_us {
	background: #f1e7f9;
	overflow: hidden;
	padding: 15px 0;
	width: 920px;
}
#contact_us h3 {
    position:absolute;
    top:-9999px;
}

#questionnaire > ol {
	overflow: hidden;
	width: 900px;
}

	#questionnaire li {
		color: #7d52a1;
		padding: 10px 0;
	}
	
	#questionnaire .grid_16 {
		margin: 0 !important;
		width: 920px !important;
	}

	#questionnaire > li {
		float: left;
		width: 100%;
	}
	
	#questionnaire li label{ text-align: center; }
	
	#questionnaire li h3 label{ text-align: left; }

	#questionnaire li .radio {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
	#questionnaire li .radio.float,
	#questionnaire .checkbox_li label {
		float: left;
		margin-right: 5px;
	}

	#questionnaire li.alt { background: #f1e7f9; }
	
	#questionnaire .checkbox_li input {
		float: left;
		margin-left: 0;
		margin-right: 10px;
	}

	#questionnaire h3 {
		display: inline;
		font-size: 1em;
		font-weight: normal;
		width:250px;
	}
	#questionnaire #averageArtwork > li:first-child {
	    margin-left:-13px;
	}
#proceed {
	height: 50px;
	position: relative;
	width: 920px;
}

#proceed input {
	position: absolute;
	right: 10px;
	top: 0;
}

#piggy {
	background: url(../../images/piggy.png) 50px 0 no-repeat;
	height: 515px;
	margin: 0 0 0 20px;
	position: relative;
	width: 920px;
}

#download {
	background: url(../../images/download.png) no-repeat;
	height: 85px;
	position: absolute;
	right: 0px;
	text-indent: -31337px;
	top: 210px;
	width: 170px;
}
div#graphicsSpend {
    margin-left:0;
}
/* =Form validation errors
------------------------------------------------*/
.feedback {
    border:1px solid #7D52A1;
    width:900px;
    margin:1em auto;
    padding:10px;
    background:#7D52A1;
    color:#fff !important; /* override the inline ASP.NET validation CSS */
    font-weight:bold;
}
.feedback ul {
    margin:0.5em 0;
}
.feedback li {
    padding-top:0.5em;
    padding-bottom:0.5em;
}