/* $Id: brochureRequest.css,v 1.3 2010/02/03 11:50:18 graeme.n Exp $ */
/* =Generic Imports
-----------------------------------------------------------------------------*/

@import url("index.css");

#brochureRequestAnnotations,
#brochureRequestYourDetails,
#brochureRequestHeader {
	float: left;
	padding-left: 10px;
	width: 680px;
}
#brochureRequestYourDetails .header,
#brochureRequestHeader .header {
	background-color: #007ba7;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: normal;
	padding-left: 10px;
}
#brochureRequestHeader .brochures .brochure {
	background: #e9e9e9;
	float: left;
    height: 270x;
    margin: 0px 0px 10px 10px;
	min-height: 270x;
    overflow: visible;
    position: relative;
	width: 320px;
}
#brochureRequestHeader .brochures .brochure img {
	border:none;
	float:left;
	padding:5px;
}
#brochureRequestHeader .brochures .brochure .brochureHeader {
    font-size:1.3em;
    font-weight:normal;
    padding-left:10px;
}
#brochureRequestAnnotations,
#brochureRequestYourDetails{
	margin-top: 10px;
}

/* = Brochure Request Form Table
-----------------------------------------------------------------------------*/

#brochureRequestYourDetails table.contactDetails {
	width:560px!important;
}
#brochureRequestYourDetails table.contactDetails tr {
	height:25px;
}
#brochureRequestYourDetails table.contactDetails input#firstname,
#brochureRequestYourDetails table.contactDetails input#surname {
	width:145px!important;
}
#brochureRequestYourDetails table.contactDetails input#address1,
#brochureRequestYourDetails table.contactDetails input#address2,
#brochureRequestYourDetails table.contactDetails input#address3,
#brochureRequestYourDetails table.contactDetails input#address4,
#brochureRequestYourDetails table.contactDetails input#email,
#brochureRequestYourDetails table.contactDetails input#confirm_email {
	width:220px!important;
}
#brochureRequestYourDetails table.contactDetails input#postcode {
	width:117px!important;
}