/**
* Standard form layouts and styles.
*
*
* CONTENTS
* -------------------------
* =b basics
* =b labels
* =i inputs
* =c checkboxes and radio buttons
* =s submit fieldset and submit buttons
* =e errors
* =s specific
*
*/

/* =b basics
-------------------------------------------------------------------------------------------------- */
form {
	margin-bottom: 1.5em;
}
	form fieldset {
		margin-bottom: 1.5em;
	}
	#content form legend {
		margin: 0; padding-bottom: 0.6667em;
                color: #E51680;
	}
	
	form dl {
		margin-bottom: 0;
	}
	form dt {
		font-weight: normal;
	}
	form dd,
	form div {
		margin: 0 0 0.75em;
	}
	form dd.select,
	form div.select {
		margin: 0 0 1.5em;
	}
	form div {}
	
	form ul {
		margin-left: 0; margin-top: 1.5em;
		list-style: none;
	}
	form dd.note {
		margin-top: -0.5em;
	}


/* =l labels
-------------------------------------------------------------------------------------------------- */
form label,
form dt label {
	display: block;
	color: #717071;
	font-size: 0.9167em;
}

form label.required,
form dt label.required {}

form .checkbox label,
form .radio label,
form .multiple li label {
	margin-left: 5px;
}


/* =i inputs
-------------------------------------------------------------------------------------------------- */
form input {}

form .text input, form input.text,
form .password input,
form textarea,
form select,
#checkout-voucher-form #voucher_code {
	padding: 3px 4px;
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-size: 0.9167em; color: #8F8F8F;
	border: 1px solid #DFDFDF;
	background-color: #fff !important;
}
form .text input,
form .password input {
	width: 250px;
}
form textarea {
	width: 440px; height: 150px;
	resize: none;
}
form select {
	width: 258px;
	padding: 0;
}
form .text input:focus,
form .password input:focus,
form textarea:focus {
	color: #000;
	border-color: #ccc;
}

span.abbr-required,
span.abbr-required abbr {
	color: #E51680;
}

html body form .label-lowlight {
	color: #999; text-align: center;
}
.expand-link {
	float: right;
}


form fieldset.half {
	width: 300px; margin-right: 20px;
}
.third .text input,
.third .password input {
	width: 208px;
}

	

/* =c checkboxes and radio buttons
-------------------------------------------------------------------------------------------------- */
form .checkbox,
form .radio {}

form .checkbox {}
form .radio {}

form input.checkbox,
form input.radio,
form .checkbox input,
form .radio input,
form .multiple li input {
	width: auto;
	vertical-align: middle;
}

form input.checkbox {}
form input.radio {}
	

/* =s submit fieldset and submit buttons
-------------------------------------------------------------------------------------------------- */
form .submit-fieldset {
	margin-top: -0.75em;
}
form .submit-fieldset input,
form input.submit,
form div.submit input {
	cursor: pointer;
}
form fieldset.new {
	clear: both;
}
body.cms form div.submit input {
	background-color: #fff;
}
	

/* =e errors
-------------------------------------------------------------------------------------------------- */
	

/* =s specific
-------------------------------------------------------------------------------------------------- */
#checkout-voucher-form legend,
#checkout-postage-form legend,
#account-forgotten-password-form legend,
#account-register-form legend,
#account-register-address-form legend,
#cms-login-form legend,
body.cms #content form legend {
	font-size: 1.1em; color: #777; letter-spacing: 0;
}

body.account-login #account-forgotten-password-form legend {
	display: none;
}


#checkout-voucher-form legend,
#checkout-postage-form legend {
	margin-bottom: 0;
}
#checkout-voucher-form {
	overflow: hidden;
	margin-bottom: 1.5em
}
#checkout-voucher-form fieldset {
	float: left;
	margin: 0;
}
#checkout-voucher-form fieldset.submit-fieldset {
	padding: 1.2em 0 0 10px;
}
#checkout-voucher-form label,
#checkout-postage-form .invoice label,
#account-register-form .checkbox label,
#account-register-address-form .checkbox label {
	display: inline;
}
#checkout-voucher-form input#voucher_code {
	margin-left: 10px;
	width: 100px;
}

#checkout-postage-form {
	clear: left;
}
#checkout-postage-form br {
	display: none;
}
#checkout-postage-form .multiple {
	margin-top: 0.5em;
}
#checkout-postage-form .multiple li,
#checkout-postage-form .postage-options label {
	overflow: hidden;
	margin: 0 0 5px; padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	white-space: normal !important;
}
#checkout-postage-form .postage-options input {
	margin-right: 5px;
}
#checkout-postage-form .multiple li em {
	color: #E51680; font-style: normal;
}
#checkout-postage-form .multiple li.l {
	border: 0;
}
#checkout-postage-form .multiple li input,
#checkout-postage-form .postage-options label input {
	float: left;
	margin-top: 3px;
}
#checkout-postage-form .multiple li label {
	display: block;
	margin-left: 20px;
}
#checkout-postage-form .invoice,
#checkout-postage-form .submit-fieldset {
	float: right;
}
#checkout-postage-form .postage-options div.checkbox label {
	width: auto;
	border: 0; 
}


#checkout-postage-form .postage-address {
	overflow: hidden;
}
#checkout-postage-form .postage-address legend {
	margin-bottom: 0.333em;
}
#checkout-postage-form .postage-address div {
	float: left;
	width: 260px;
	margin-right: 20px;
}


#business-orders-form,
#business-orders-form fieldset,
#business-orders-form fieldset div,
#business-orders-form fieldset div label {
	position: relative;
	width: 370px;
}
#business-orders-form ul.multiple {
	overflow: hidden;
	margin-top: 0;
}
#business-orders-form ul.multiple li,
#business-orders-form dd.products label {
	float: left; position: relative;
	width: 162px;
	margin: 0 20px 1.5em 0;
}
#business-orders-form ul.multiple label {
	margin: 0 0 15px;
	cursor: pointer;
}
#business-orders-form ul.multiple li input,
#business-orders-form dd.products label input {
	position: absolute;
	bottom: 0; left: 70px;
	cursor: pointer;
}
#business-orders-form ul.multiple li img,
#business-orders-form dd.products label img {
	border: 1px solid #fff;
	cursor: pointer;
}
#business-orders-form ul.multiple li.checked img,
#business-orders-form dd.products label.checked img {
	border-color: #E51680;
}
#business-orders-form dd.products br,
#business-orders-form dt.products {
	display: none;
}
#business-orders-form dt.business-image,
#business-orders-form .textarea {
	clear: left;
}
#business-orders-form div.double {
	/*width: 360px;*/
}
#business-orders-form dl {
	clear: left;
}


#cms-homepage-image-form {
	float: left;
	width: 460px;
	margin-right: 20px;
}

#cms-orders-search-form {
	position: absolute; top: -226px; right: 20px;
}
#cms-orders-search-form legend,
body.cms #order-options legend {
	display: none;
}
#cms-orders-search-form div, #cms-orders-search-form label,
#order-options form div, #order-options form label {
	display: inline;
	margin-right: 5px;
}
#cms-orders-search-form div input,
#cms-orders-search-form div select {
	width: 120px;
}
#cms-orders-search-form div input {
	padding-top: 0; padding-bottom: 0;
}
body.cms #content div.search input {
	width: auto;
}
#cms-order-options-status-form div {
	margin-bottom: 0.75em;
}
#cms-order-options-status-form select {
	width: 140px;
}
#cms-order-options-note-form textarea {
	width: 300px; height: 65px;
}
#cms-order-options-note-form div.submit {
	float: right;
	margin: 10px 10px 0 0;
}
#cms-order-options-status-form div.checkbox {
	display: block;
	padding-top: 5px;
}
#cms-order-options-status-form div.checkbox label {
	margin-left: 0;
}

body.cms td.form label {
	float: left;
	margin: 4px 0 0;
}
body.cms td.form {
	text-decoration: none;
}
body.cms td.form input.price {
	width: 50px;
	margin: 0 5px;
	text-align: right;
}
#cms-products-table col.product-price {
	width: 180px;
}
#cms-products-table col.product-stock-level {
	width: 50px;
}
#cms-products-table col.product-stock-minimum {
	width: 50px;
}

#cms-products-table tr.outofstock {
    background-color: #FFBBBB;
}

#cms-products-table tbody td fieldset input[type="text"] {
    float: left;
}
body.cms td.form input {
	background-color: #fff;
}

form.product-size select {
	width: 100px;
}

#third-party-form textarea {
	width: 250px; height: 85px;
}
#contact-form textarea,
#business-orders-form textarea {
	width: 350px; height: 120px;
}
#contact-form .text input,
#business-orders-form .text input {
	width: 200px;
}
#contact-form select,
#business-orders-form select {
	width: 210px;
}