/* 

ONLINE ORDER FORM CSS

bhand - 16/7/07

*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset{
	margin: 0;
	border: 0;
	padding: 0;
}

body{font:normal 12px/22px verdana, arial, helvetica, sans-serif;text-align:center;background-color:#EDEDED}

#clear{ clear:both; height:1px; margin:0;}

#wrapper{margin:20px auto; padding:10px;width:770px; background:#FFF; text-align: left; border:solid 1px;}
#header{margin:20px auto;text-align: center;}
#content{text-align: left;}

.top{border:1px dotted #00CCCC;	padding:5px;background-color: #E3F4FD;}

/* TABLES */
TABLE{margin:0px auto; }
.tbl_head{ font-weight:bold;}
.tbl_head_center{ font-size: 10px;font-weight:bold; text-align:center}
.tbl_service{font-size: 10px; color: #000000; background-color: #EEFAFD; padding:10px; text-align:left;}
.tbl_data{font-size: 11px; color: #000000; background-color: #EEFAFD; padding:10px; text-align:center;}

/* TEXT */
h1 { font-size: 18px; line-height: 24px; letter-spacing:-1px; color:#335768; }
h2 { font-size: 15px; line-height: 30px; color: #335768; }
h3 { font-size: 12px; line-height: 18px; }
h4 { font-size: 11px; line-height: 18px; }

/* DISCLAIMER TEXT */
#disclaimer {clear:both;margin: 0 auto;	padding-top: 10px; }
#disclaimer p {	color:#999;	font-size:10px; text-align:left}


/* FORM ELEMENTS */
fieldset {margin-bottom: 10px;padding: 10px;border: 1px dotted #666666;	}	
legend {padding: 0 10px;background: #ffffff;text-transform: uppercase;	color: #666666;	font-size: 1.0em;	}
input, textarea {border: 1px solid #666666;	padding: 2px;font: 1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}		
textarea {	width: 100%;	}
/*input {	font-size: 1.2em;width: 322px;	}	*/		
select {font-size: 1.2em;width: 322px; margin:2px  }			
form { margin: 10px 10px 0px 10px}
.formLabel {font-size: 11px;text-align: right;	margin-right: 10px;	width: 100px;float: left;	}
.nextButton {width: 150px;margin:5px auto;float:right;font-size: 1em;font-weight: bold;color: #000099; background-color:#FFCC00; margin-left:5px}
.confirmButton {width: 150px;margin:5px auto;float:right;font-size: 1em;font-weight: bold;color: #FFF; background-color:#66CC00; margin-left:5px}
.prevButton {width: 150px;margin:5px auto;font-size: 1em;font-weight: bold;color: #999; background-color:#eeeeee ; }
.row {clear: both;padding-top: 5px;}
.option {font-size: 1.2em;width: 322px;	border:none }
.option_form 	 {font-size: 1.2em;width: 22px;	border:none; }
.RadioButtonList {font-size: 11px; margin-left:100px;	border:none; float:left}	
.checkbox 	{font-size: 1.2em;width: 122px; border:none}	
.terms		{font-size: 9px; text-align:right}
TABLE{font:normal 12px/22px verdana, arial, helvetica, sans-serif;text-align:left;}
.dropdown{width:150px}
.smalltext{font:normal 8px/18px}
.current{border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FFCC00;padding:2px; color:#000099 }


/* FOOTER */
#footer {clear:both;margin: 0 auto;	padding-top: 20px;}
#footer a, #footer a:visited {color: #0167cc; text-decoration:none; font-size:10px;}
#footer a:hover { color: #FFFFFF;text-decoration:underline;	background-color: #0167cc;}
#footer p {	color:#666;	font-size:10px;}


/* END */