.homeSearch
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  background-color: #ffffff;
  color: #000000;
  border: 2px solid #541900;
  width: 300px;
  padding-left: 2px;
  margin-right: 5px;
}

.textareaInput, .tinyInput, .tinyTextInput, .smallTextInput, .mediumTextInput, .regularTextInput,
.largeTextInput, .hugeTextInput, .fullTextInput, .fileInput, .dateselect select
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  padding-left: 2px;
  margin-right: 0px;
}
.textareaInput {
  width: 100%;
}
.tinyInput {
  width: 50px;
  text-align: center;
}

.tinyTextInput {
  width: 50px;
}

.smallTextInput {
  width: 100px;
}
.mediumTextInput {
  width: 150px;
}
.regularTextInput {
  width: 200px;
}
.largeTextInput {
  width: 300px;
}
.hugeTextInput {
  width: 500px;
}
.fullTextInput {
  width: 99%;
}
.formHint {
  font-size: 9px;
  color: #000000;
}

.searchButton, .searchStoreButton {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #550000;
  border: 1px solid;
  background-color: #ffeedd;
  border-top-color: #ff0000;
  border-left-color: #ff0000;
  border-right-color: #660000;
  border-bottom-color: #660000;
}

.searchStoreButton {
  color: #000000;
  border: 1px solid;
  background-color: #eeffdd;
  border-top-color: #00bb00;
  border-left-color: #00bb00;
  border-right-color: #006600;
  border-bottom-color: #006600;
}

.form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
}

.form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.form fieldset legend {
  font-size: 18px; /* bump up legend font size, not too large or it'll overwrite border on left */
                   /* be careful with padding, it'll shift the nice offset on top of border  */
}

.form h5 label {
  font-size: 12px;
}

.required {
  color: #bb4444;
}

.form label { 
  display: block;  /* block float the labels to left column, set a width */
  float: left; 
  width: 100px; 
  padding: 0; 
  margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
  text-align: right; 
}

.form input, .form textarea, .form select {
  margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

.form .hint {
  display: block;
  margin: 0 0 5px 110px; /* instructions/comments left margin set to align w/ right column inputs */
  padding: 1px 3px;
}

.message {
  width: 400px;
  border: 1px solid #bb4444;
  font-size: 12px;
  margin-bottom: 20px;
}

.error {
}

.errorheading {
  font-size: 14px;
  padding: 5px;
  color: #ffffff;
  background: #bb4444;
}

.form .formError {
  color: #bb4444;
  display: block;
  margin: 0 0 5px 110px; /* instructions/comments left margin set to align w/ right column inputs */
  padding: 1px 3px;
}

.form input#submit, .form input#reset { 
  float: none; 
  display: inline; 
  margin:0;
  padding:0;
}

.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
  border: 1px solid #bb4444;
  background: #ffcccc;
}

.fieldsetbox {
  padding: 10px;
  border: 1px solid #bb4444;
}

.fieldsetbox legend{
  font-size: 18px;
}

.clicktoedit {
  font-size: 10px;
  color: #3333ff;
  font-weight: bold;
}

.hint {
  font-size: 11px;
  color: #3333ff;
}
