/* CSS Document */

/* Swatch Details */

#main-container {
	width: 800px;
	padding: 10 10 0 10;
}

#general-form-container {
	width: 960px;
	background: #F3F3F1;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

#swatch-header {
	width: 1000px;
	height: 150px;
	background-color: #FDFBEF;
	padding: 70 10 10 10;
	margin: 0 0 10 0;
	font-size: 12px;
	background-image: url(/request/form-images/colour-selection-header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#antique-container, #arabica-container, #essential-container-shelly, #essential-container-sauvage, {
	width: 500px;
	padding: 40 10 10 10;
	margin: 0 0 10 0;
	background-color: #FDFBEF;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}


#antique-container { background-image: url(/request/form-images/antique-header.jpg); }
#arabica-container { background-image: url(/request/form-images/shiny-header.jpg); }
#essential-container-shelly { background-image: url(/request/form-images/essential-collection-header.jpg); }
#essential-container-sauvage { background-image: url(/request/form-images/essential-collection-sauvage-header.jpg); }


#shelly-container {
	width: 780px;
	padding: 40 10 10 10;
	margin: 0 0 0 0;
	background-color: #FDFBEF;
	background-image: url(/request/form-images/matt-header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#antique-1, #antique-2, #antique-3, #antique-4, #antique-5, #antique-6, #antique-7, #antique-8, 
#arabica-1, #arabica-2, #arabica-3, #arabica-4, #arabica-5, #arabica-6, #arabica-7, #arabica-8, #arabica-9, #arabica-10, 
#shelly-1, #shelly-2, #shelly-3, #shelly-4, #shelly-5, #shelly-6, #shelly-7, #shelly-8, #shelly-9, 
#detroit-1 {
	width: 147px;
	height: 25px;
	float: left;
	color: #FFF;
	vertical-align: middle;
	background-color: #9999CC;
	padding: 0 0 0 0;
	margin: 0 5 5 0;
	border: 1px solid #999999;
}

#antique-1 { background-color: #8A591E; }
#antique-2 { background-color: #005B7F; }
#antique-3 { background-color: #572914; }
#antique-4 { background-color: #7B391B; }
#antique-5 { background-color: #8B6B0E; }
#antique-6 { background-color: #6B7429; }
#antique-7 { background-color: #6C6A28; }
#antique-8  { background-color: #851F05; }

#arabica-1 { background-color: #000; }
#arabica-2 { background-color: #8E5022; }
#arabica-3 { background-color: #4A2A12; }
#arabica-4 { background-color: #57100C; }
#arabica-5 { background-color: #474242; }
#arabica-6 { background-color: #61110D; }
#arabica-7 { background-color: #452F18; }
#arabica-8 { background-color: #565942; }
#arabica-9 { background-color: #7F3B04; }
#arabica-10 { background-color: #FFFFEF; color: #999; }

#shelly-1 { background-color: #151515; }
#shelly-2 { background-color: #6D513B; }
#shelly-3 { background-color: #392616; }
#shelly-4 { background-color: #2F3E0C; }
#shelly-5 { background-color: #F4FAFE; color: #999; }
#shelly-6 { background-color: #6E887A; }
#shelly-7 { background-color: #F5F6E1; color: #999; }
#shelly-8 { background-color: #FFF6F6; color: #999; }
#shelly-9 { background-color: #D7E5E0; color: #999; }
#detroit-1 { background-color: #40210A; }


/* Customer Details */

#details-container {
	width: 800px;
	height: 600px;
	padding: 10 10 10 10;
}

#personal-details, #address-details, #contact-details, #trade-details {
	width: 1000px;
	padding: 50 10 10 10;
	float: left;
}

#personal-details {
	margin: 0 10 10 0;
	background: #F8F0F3 url(/request/form-images/personal-details.jpg) left top no-repeat;
}

#address-details {
	margin: 0 0 10 0;
	background: #F2F2F9 url(/request/form-images/address-details.jpg) left top no-repeat;
}

#contact-details {
	margin: 0 0 10 0;
	background: #EEFFD5 url(/request/form-images/contact-details.jpg) left top no-repeat;
}

#marketing-details {
	width: 1000px;
	padding: 10 10 10 10;
	float: left;
	margin: 0 0 10 0;
	background: #FEF9E7;
}

#trade-details {
	margin: 0 0 10 0;
	background: #F7EBFA url(/request/form-images/trade-enquiry.jpg) left top no-repeat;
}

#submission {
	width: 780px;
	padding: 10 10 10 10;
	margin: 0 0 0 0;
	background-color: #FFF;
	float: left;
}

/* Acknowledge Screens */




/* Miscellaneous Styles */

label {
	cursor: pointer;
	font-size: 12px;
}

label.personal { color: #990033; }
label.address { color: #006699; }
label.contact { color: #009900; }
label.marketing { color: #EBA20A; }
label.trade { color: #9933CC; }

span.required {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9D0038;
	font-weight: bold;
}

span.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	font-weight: normal;
}

#lblWhere {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EBA20A;
	font-weight: normal;
}

#lblGetSwatch {
	font-family: Georgia;
	font-size: 20px;
	color: #666;
	font-weight: normal;
}

#hyResultsTextLink {
	font-family: Georgia;
	font-size: 20px;
	color: #9D0038;
	font-weight: normal;
	line-height:200%;
}

a.gohome, a.gohome:hover {
	font-family: Georgia;
	font-size: 18px;
	color: #9D0038;
	font-weight: normal;
}