/* CSS Document */


form {
	padding:0px;
	margin:0px;
}


#form-container {
	height:auto;
	width:470px;
}



#registerForm ul {
	list-style-type:none;
	margin:10px 0px 0px 0px;
	padding:0px;
}

#registerForm li {
	position:relative;
	margin:2px 0px 2px 0px;	
	padding:5px 0px;	
	float:none;
	clear:both;
	height:24px;

}

#contactForm ul {
	list-style-type:none;
	margin:10px 0px 0px 0px;
	padding:0px;
}

#contactForm li {
	position:relative;
	margin:2px 0px 2px 0px;	
	padding:5px 0px;	
	float:none;
	clear:both;
	height:24px;

}



#registerForm input {
	float:left;
	width:180px;
	font-size:13px;
	height:16px;
	border: 1px solid #dbdfe6;
	padding:2px;
}

#contactForm input {
	float:left;
	width:180px;
	font-size:13px;
	height:16px;
	border: 1px solid #dbdfe6;
	padding:2px;
}


input.radio {
	width:14px
	height:14px;
	border:1px solid #FFF;
	margin-right:3px;
	background: none;
}

textarea {
	font-size:12px;
	border: 1px solid #dbdfe6;
	width:180px;
	height:100px;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#registerForm select  {
	width:183px;
	font-size:13px;
	float:left;
	height:22px;
	border: 1px solid #dbdfe6;
}

#registerForm label {
	display:block;
	float:left;
	line-height:20px;
	font-weight:normal;
	height:20px;
	font-size:12px;
	color:#000000;
	margin-right:10px;
	width:110px;
}
#registerForm label.multi {
	display:block;
	float:left;
	line-height:20px;
	font-weight:normal;
	height:20px;
	font-size:12px;
	color:#000000;
	margin-right:20px;
}

#contactForm select  {
	width:183px;
	font-size:13px;
	float:left;
	height:22px;
	border: 1px solid #dbdfe6;
}

#contactForm label {
	display:block;
	float:left;
	line-height:20px;
	font-weight:normal;
	height:20px;
	font-size:12px;
	color:#000000;
	margin-right:10px;
	width:110px;
}
#contactForm label.multi {
	display:block;
	float:left;
	line-height:20px;
	font-weight:normal;
	height:20px;
	font-size:12px;
	color:#000000;
	margin-right:20px;
}



.form-line {
	border-top:1px solid #d8dae2;
	margin-top:15px;
	font-size:1px;
	height:5px;
}
div.field {
	float:left;
}

input#quantity {
	width:30px;
	height:16px;
	font-size:13px;
	padding:5px;
}

input.quantity {
	width:30px;
}

button {
	padding:5px;
	padding-left:22px;
	font-size:12px;
	border-right: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
	border-top: 1px solid #ededec;
	border-left: 1px solid #ededec;	
	background-color: #f9f9f9;
}
button:hover {
	border-right: 1px solid #7aa732;
	border-bottom: 1px solid #7aa732;
	border-top: 1px solid #c4fd72;
	border-left: 1px solid #c4fd72;		
}


button#add-btn {
	background-image: url(../images/basket_add.png);
	background-repeat: no-repeat;
	background-position: 5px;
}

button#delivery-btn {
	background-image: url(../images/lorry.png);
	background-repeat: no-repeat;
	background-position: 5px;
}

button#profile-btn {
	background-image: url(../images/user_edit.png);
	background-repeat: no-repeat;
	background-position: 5px;
}

button.register {
	background-image: url(../images/application_go.png);
	background-repeat: no-repeat;
	background-position: 5px;
}

button.submit {
	background-image: url(../images/email_go.png);
	background-repeat: no-repeat;
	background-position: 5px;
}

button.set-btn {
	background:#f9f9f9;
	padding:1px;
}

button#continue-btn {
	background-image: url(../images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: 5px;
}

button#order-btn {
	background-image: url(../images/accept.png);
	background-repeat: no-repeat;
	background-position: 5px;
}


.button-row {
	clear:both;
	float:none;
	margin:15px 0px 20px 0px;
	border-top:1px dotted #ccc;
	padding:15px 0 20px 0;
	text-align:center;
}



/* FORM CSS */


.formError {
	position:absolute;
	top:5px; 
	left:287px;
	padding-bottom:13px;
	display:block;
	float:left;
	z-index:50;
	cursor:pointer;
	margin-left:20px;			
}
#debugMode{
	background:#000;
	position:fixed;
	width:100%; height:200px;
	top:0; left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}
		
.ajaxSubmit{ 
	padding:20px; 
	background:#55ea55;
	border:1px solid #999;
	display:none
}
.formError .formErrorContent {
	width:100%; 
	background:#393939;
	_margin-left:7px;
	color:#fff;
	width:180px;
	font-family:tahoma;
	font-size:11px;	
	padding:4px 10px 4px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.greenPopup .formErrorContent {
	background:#33be40;
}
.blackPopup .formErrorContent {
	background:#393939;
	color:#FFF;
}