@charset "utf-8";
/* CSS Stylesheet for Web Forms only */

/* 1 - Contact Form */
/* 2 - Tracker Fetch and Customer Fetch */
/* 3 - Order Form */

/* 1 ---------------------------------------------- Contact Form ---------------------------------------------- */
form#contact {
	height: 305px;
	width: 325px;
	background: url(../images/bg-cont-form.png) no-repeat left top;
	padding: 95px 0 0 75px;
	margin-bottom: 130px;
}

form#contact input {
	background: transparent;
	border: none;
	border-bottom: 1px dotted #333333;
}

form#contact textarea {
	background: transparent;
	border: none;
	border-bottom: 1px dotted #333333;
}

form#contact label.name, form#contact label.email, form#contact label.number, form#contact label.enquiry, form#contact label.humantest {
	float: left;
	display: block;
	text-indent: -9999px;
}

form#contact label.name {
	background: url(../images/label-name.png) no-repeat top left;
	width: 33px;
	height: 10px;
}

form#contact label.email {
	background: url(../images/label-email.png) no-repeat top left;
	width: 32px;
	height: 11px;
	margin-top: 10px;
	margin-left: -2px;
}

form#contact label.number {
	background: url(../images/label-number.png) no-repeat top left;
	width: 43px;
	height: 11px;
	margin-top: 10px;
	margin-left: -5px;
}

form#contact label.enquiry {
	background: url(../images/label-enquiry.png) no-repeat top left;
	width: 42px;
	height: 12px;
	margin-top: 10px;
	margin-left: -8px;
}

form#contact label.humantest {
	background: url(../images/label-human.png) no-repeat top left;
	width: 64px;
	height: 10px;
	margin-top: 10px;
	margin-left: -12px;
}

form#contact input#name {
	margin-left: 5px;
	margin-top: -3px;
	width: 200px;
}

form#contact input#email {
	margin-left: 5px;
	margin-top: 7px;
	width: 202px;
}

form#contact input#number {
	margin-left: 5px;
	margin-top: 7px;
	width: 193px;
}

form#contact input#submit {
	background: url(../images/label-send.png) no-repeat top left;
	height: 12px;
	width: 34px;
	border: none;
	float: right;
	margin-right: 80px;
	cursor: pointer;
}

form#contact span.chartext {
	display: block;
	width: 272px;
	height: 12px;
	margin-left: -30px;
	background: url(../images/label-text.png) no-repeat top left;
}

form#contact textarea#enquiry {
	margin-left: 5px;
	margin-top: 7px;
	width: 193px;
}

form#contact input#humantest {
	margin-left: -15px;
	width: 80px;
}

.contimg img {
	margin-top: 24px;
	margin-left: -67px;
	margin-bottom: 2px;
}

.charimg {
	margin-left: -30px;
}

#form-message {
	margin: 30px 0 0 30px;
	width: 700px;
}

#form-message p {
	color: #333333;
	font-size: 0.9em;
}

/* 2 ------------------------------------- Tracker Fetch and Customer Fetch ------------------------------------- */

form#tracker-fetch p label, form#customer-fetch p label {
	margin-left: 0;
	font-weight: bold;
}

form#tracker-fetch p, form#customer-fetch p {
	margin-bottom: -15px;
}

form#tracker-fetch input, form#customer-fetch input {
	margin-top: -10px;
	margin-left: 30px;
	margin-bottom: 30px;
	background: url(../images/bg-inputbox.png) repeat-x bottom left #FFFFFF;
	padding: 3px 0 1px 1px;
	height: 15px;
	border: 1px solid #CCCCCC;
}

form#tracker-fetch input.submit, form#customer-fetch input.submit {
	background: url(../images/bg-tracker-search.png) no-repeat top left;
	width: 70px;
	margin-left: 5px;
	height: 21px;
	border: none;
	padding: 0;
	cursor: pointer;
}

form#tracker-fetch input.submit:hover, form#customer-fetch input.submit:hover {
	background: url(../images/bg-tracker-search-over.png) no-repeat top left;
}

/* 2 ----------------------------------------------- Order Form ----------------------------------------------- */

#orderform {
	margin: 0 30px 10px 30px;
	border-top: 1px dotted #D0D0CE;
}

#orderform img {
	margin-bottom: 10px;
}

#orderform h3 {
	font-size: 0.9em;
	font-weight: bold;
	color: #0066AB;
	margin-left: -20px;
	margin-top: 20px;
}

.itemsection {
	background: url(../images/bg-itemsection.png) repeat-x bottom left;
	padding: 10px;
	border-left: 3px solid #0061A4;
	border-right: 3px solid #0061A4;
	border-bottom: 1px dotted #D0D0CE;
}

.itemsection p {
	padding: 0;
	padding-bottom: 10px;
}

form#orderform input, form#orderform textarea, form#orderform select {
	background: url(../images/bg-inputbox.png) repeat-x bottom left #FFFFFF;
	padding: 2px;
	border: 1px solid #CCCCCC;
	color: #666666;
}

form#orderform input {
	width: 170px;
	height: 19px;
}

form#orderform input.details {
	float: left;
	margin-top: -30px;
	margin-left: 150px;
}

form#orderform input.half {
	width: 85px;
}

form#orderform textarea {
	width: 390px;
	height: 120px;
}

form#orderform select {
	width: 170px;
	height: 25px;
}

form#orderform input.radios {
	width: 10px;
	height: 9px;
}

form#orderform input.checkbox {
	width: 15px;
}

form#orderform label span {
	color: #CC0000;
	font-weight: bold;
}

label.radios {
	color: #666666;
	font-size: 0.8em;
	margin-left: 5px;
	line-height: 19px;
}

label.hide {
	display: none;
}

form#orderform input.next, form#orderform input.reset, form#orderform input.complete, form#orderform img.previous {
	float: right;
	width: 120px;
	height: 23px;
	margin-top: 10px;
	margin-left: 15px;
	border: none;
	cursor: pointer;
}

.orderimg img {
}


form#orderform input.next {background: url(../images/order-next-btn.png) no-repeat top left;}
form#orderform input.reset {background: url(../images/order-reset-btn.png) no-repeat top left;}
form#orderform input.complete {background: url(../images/order-complete-btn.png) no-repeat top left;}
form#orderform input.previous {background: url(../images/order-previous-btn.png) no-repeat top left;}