/* --------------------------------------------
Formfollows Form Styles
Author:   		Nick Eagland
Version:  		27/10/2005
----------------------------------------------- */


/* form elements
----------------------------------------------- */

input, select, textarea {
	font:11px Arial, helvetica, sans serif;
	color:#333333;
	margin:0px;
	border:1px #EBEBEB solid;
}

.inpSml{width:125px;}
.inpMed{width:278px;}
.selMed{width:283px;}
.checkB{border:0px;}
.tAreaComments{width:278px; height:140px;}

#orderForm .checkB {margin-right:10px;}

#butSubmit ul{list-style-type:none;}

#butSubmit ul li {
	display: inline;
	float: right;
	text-align: center;
	padding: 0;
	margin: 0;
}

#butSubmit ul li a {
	width: 93px;
	height: 30px;
	padding: 0;
	font-size:12px;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	line-height: 2em;
	voice-family: "\"}\"";   
	voice-family: inherit; 
}

#submit, .submit{background: url("/img/std/submit.gif") no-repeat 0 0}
#submit:hover{background-position: -93px 0;}


#submit span{visibility:hidden;}
 
.borderBotForm{height:1px; line-height:1px; font-size:1px; margin-top:5px; margin-bottom:5px; padding:0px; border-bottom:1px solid #E5E5E5}

 

/*####################################################################################################################################
# PAGE SPECIFIC
###################################################################################################################################### */
 

/* ---------------------------------------------- 
								  	   order form
------------------------------------------------- */
#form{
	width:538px;
	height:393px;;
	background: #f6f6f6;
	color:#555555;
	float:right;
}

#form h2{
	margin:0; 
	padding:0;
	width: 209px; 
	height: 23px; 
	float:left;
}

#form h2#titleOrder{width:209px; height:23px; background: url("/img/std/titleOrderForm.gif") no-repeat top left; float:left;}
#form h2#titleFeedback{width:209px; height:23px; background: url("/img/std/titleContactUs.gif") no-repeat top left;}

#form h2 span{visibility:hidden;}

#form #note{
	float:left;
	text-align:right;
	width:305px;
	padding-top:8px;
	font-size:10px;
	height:15px;
}

#form h3{
	height:20px;
	margin-left:11px;
	margin-right:10px;
	margin-top:0px;
	padding:0px;
}

#form .col1, #form #col1 {
	width:210px;
	height:340px;
	float:left;
	text-align:right;
}

#form .col2, #form #col2 {
	width:328px;
	float:right;
}

#formSpacer {width:1px; height:1px; font-size:1px; display:block; clear:both;}

#form .col1 p{
	height:17px;
	padding-top:4px;
}

#form .col2 p{
	height:21px;
	margin-left:12px;
}

#form .col1 p.formHdr {
	text-align:right;
	margin-right:7px;
}

.fldReq {
	background: transparent url("/img/std/fld_required3.gif") no-repeat;
	vertical-align:top;
	margin-left:4px;
	width:10px;
	height:10px;
	
}

.fldReqNote {width:328px;}

.sTot{
	border:1px solid #f6f6f6;
	background-color:transparent;
	width:150px;
	text-align:left;
	font-size:12px;
	color:#555555;
}

.tot{
	border:1px solid #f6f6f6;
	background-color:transparent;
	width:150px;
	text-align:left;
	color:#555555;
	font-size:12px;
	font-weight:bold;
}

#confirm2,.confirm2 {
	padding-top:4px;
	color:#555555;
	font-size:12px;
	font-weight:bold;
}