﻿
#genform 
{
	float: left;
	clear: both;
	padding: 0 10px 4px 10px;
	width: 706px;
}

#genform div {
	padding-top: 4px;
	margin: 0px;
	clear: both;
}

#genform label, #genform input, #genform select, #genform textarea 
{
	display: block;
	float: left;
}

#genform input { margin-top: 0; }

#genform label 
{
	padding: 0 20px 0 3px;
	color: Black;
	font-weight: bold;
	width: 260px;
	background-color: #eeeeee;
	padding: 2px 4px;
	font-size: 100%;
	border: solid 1px #cccccc;
	position: relative;
	margin-right: -1px;
	border-right: none;
}

#genform input, #genform select, #genform textarea
{
	border: solid 1px #cccccc;
	width: 420px;
	height: auto;
	font-size: 100%;
	padding: 2px 4px;
}

#genform select {
	width: 429px;
}

#genform textarea 
{
	margin: 0px;
}

#genform label.error 
{
	background: #eeeeee url(../images/form_label_error.gif) no-repeat top right;
	color: Black;
	border-color: red;
}

#genform input.required, #genform select.required, #genform textarea.required 
{
	background: white url(../images/formrequired.gif) no-repeat right top;
}

#genform input.error, #genform select.error, #genform textarea.error, #genTable input.error
{
	border-color: Red;
}

#errorDiv 
{
	display: none;
	margin-top: 8px;
	padding: 2px;
	text-align: center;
	background-color: #eeeeee;
	border: solid 1px #660000;
	margin-bottom: 8px!important;
}

div.highlight 
{
	background-color: Yellow!important;
	border: solid 1px red!important;
}

#genform div.submit input.proceed 
{
    background-image: url(../images/checkout_proceed.gif);
}

#genform div.submit input.proceed:hover 
{
    background-image: url(../images/checkout_proceed_hover.gif);
}

#genform div.submit input:hover {
	background: transparent url(../images/send_enquiry_hover.gif) no-repeat left top;
}

#genform div.submit input
{
	float: right;
	margin: 4px 4px 0 0;
	cursor: pointer;
	width: 150px;
	height: 36px;
	background: transparent url(../images/send_enquiry.gif) no-repeat left top;
	border: none;
	color: #23600c;
	font-weight: bold;
	overflow: hidden;
	padding-top: 33px;
}


#genform div.checkbox label {
	background: none;
	border: none;
	width: auto;
}

#genform div.checkbox input {
	width: auto;
	border: none;
	background: none;
	margin-left: 270px;
	_margin-left: 135px;
}

#genform div.checkbox p {
	width: 700px;
	float: left;
}

#genform div.checkbox label {
	font-weight: normal;
}

#genform hr, #genTable hr {
	color: #d3e2cb;
	clear: both;
	width: 100%;
	border: none;
	border-bottom: solid 1px #d3e2cb;
	height: 1px;
}

#genTable {
	float: left;
	clear: both;
	background: white url(../images/table_bg.gif) repeat-y left top;
	padding: 0
	width: 726px;
}

#genTable table {
	width: 100%;
}

#genTable tr.header td {
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	padding: 1px 4px 2px;
	background-color: #71b54d;
	color: White;
}

#genTable p {
	font-size: 100%;
	margin-left: 10px;
}

#genTable td {
	vertical-align: middle;
	padding: 4px;
	border-bottom: solid 1px #add598;
}

#genTable td+td {
	text-align: right!important;
}

#genTable input
{
	border: solid 2px #d3e2cb;
	height: auto;
	font-size: 100%;
	padding: 2px 4px;
}

#genTable input.submit
{
	cursor: pointer;
	width: 75px;
	height: 25px;
	background: transparent url(../images/button.gif) no-repeat left top;
	border: none;
	color: #23600c;
	font-weight: bold;
	position: relative;
	top: 2px;
}

