/**************** layout ******************/

div.form { float:left; background:#7a6a6a; padding:3px 3px 6px; border: 1px solid #BFBAB0; margin-top:10px }
fieldset { float: left; clear: both; border: 1px solid #fefde8; background: #e8e5e0 url('Images/fieldsetBG.jpg') repeat-x; padding-top:1em; position:relative; width:550px; }
fieldset p { margin-top:4em }
fieldset ol { padding: 0 1em 0 2.5em; margin-top:1em; list-style: none; }
fieldset legend + ol { margin-top:5em }
fieldset li { float: left; clear: left; width: 100%; margin-bottom: 1em !important; }
label, fieldset span label { display: block; float: left; width: 19em; margin-right: 4em; position: relative; }
legend span { position: absolute; top: 0; margin-left:1.2em }
fieldset.alt { background-color: #E6E3DD; }
.fullWidth label { width:27em }
fieldset.submit { border-style: none; }
.fullWidth label em { left:100% }

/* Text fields */

input { width:14em }
input, textarea, select { -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; padding:5px; z-index:100 !important; position:relative; }
input { border:2px solid #ccc; background-color:#fff; }
input:focus, textarea:focus { border:2px solid #827ee5; }
input[type="radio"], input[type="checkbox"] { background:transparent !important; border:0 !important; width:16px !important; }
input[type="radio"] { width:13px !important; }
button { outline:none; }

/* Textareas */

textarea { width:37em; float:left }
textarea { padding:5px; border:2px solid #ccc; background-color:#fff; }

/* Select fields */

select { width:15.2em }
select { border:2px solid #ccc; background:#fff; padding:5px; }
select:focus { border:1px solid #999; }

/***** required fields *****/

label em { display: block; color: #cc0000; font-family: Helvetica, Arial, sans-serif; font-size: 29px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: normal; line-height: 1em; text-transform: uppercase; }
label em { position: absolute; left: 9em; top: 0; }
#vs, fieldset small em { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color:#cc0000 }
#vs { background:#fefde8; border:3px solid #cc0000; padding:5px; margin:5px; width:530px; }
fieldset small em { position:relative; top:7px; }
#vs ul { font-size:16px; padding-left:10px; list-style-type:none }
#vs ul li { color:#cc0000; background:url('Images/rqdBullet.png') no-repeat left; padding-left:20px; line-height:1.3em }
.FormFieldAlert { background:#fefde8 url('Images/rqd.png') no-repeat right center; }
select.FormFieldAlert { background: url('Images/rqd.png') no-repeat 90% center; }

/***** submit button *****/

input#SubmitButton { display:block; text-indent:-9999px; border:0; background:url('Images/submit.png') top center; width:140px; height:27px; float:right; margin-bottom:1em; margin-right:1em }
input#SubmitButton:hover { background:url('Images/submit.png') bottom center; }


/***** More Buttons ******/
.SearchLabel {float:left; line-height:3; width:40px; overflow:hidden}
input.SearchStockNumber {float:left; width:9.5em}

input.getDirections { display:block; text-indent:-9999px; border:0; background:url('Images/btnGetDirections.png') top center; width:150px; height:27px; margin-top:5px  }
input.getDirections:hover { background:url('Images/btnGetDirections.png') bottom center; }
button#btnPrintDirections { display:block; text-indent:-9999px; border:0; background:url('Images/btnPrintDirections.png') top center; width:150px; height:27px;   }
button#btnPrintDirections:hover { background:url('Images/btnPrintDirections.png') bottom center; }


/********** Paging Table ***************/
.PagingTable select {padding:2px; margin-bottom:5px; width:60px; border:1px solid #ccc; }