/* form.css */
* {margin: 0; padding: 0;}

form fieldset {
  border: 1px solid rgb(153,153,153);
  padding:30px 50px;
  width:668px;
  margin:0;
  clear: both;}
* html form fieldset {
  width:770px;
  w\idth: 668px;
  clear: both;}

form fieldset legend {
  font-size: 18px;
  font-weight: normal;
  color: rgb(0,0,0);
  margin: 0;
  padding: 0px 5px;}

input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea {overflow: auto;
			font-size:1em;}

/* notes */
form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid rgb(102,102,102);
  background-color:rgb(255,255,225);
  color: rgb(102,102,102);
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}

form fieldset div.notes h4 {
  background-image:url(/bold_img/ding.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: rgb(102,102,102);
  color: rgb(102,102,102);
  font-size: 12px;
  margin-bottom:10px;}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: rgb(102,102,102);
  font-size: 11px;}

form fieldset div.notes p.last {
  margin: 0em;}

form #contact label {
  display: block;
  float: left;
  width: 160px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form #contact input, form select, form textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
  display:inline;
  font-weight:normal;}
form #contact select.stretch {width: 211px; padding: 1px 3px;}

form #bill label {
  display: block;
  float: left;
  width: 110px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form #bill {
  width:320px;
  border-left:1px dotted rgb(102,102,102);}
form #bill input, form #bill select, form #bill textarea {
  width: 180px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
  display:inline;
  font-weight:normal;}
form #bill select.stretch {
  width: 191px;
  padding: 1px 3px;}

form #cc {width:330px;}
form #cc label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form #cc input {
  width: 155px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
  display:inline;
  font-weight:normal;}
form #cc select.stretch {
  width: 166px;
  padding: 1px 3px;}

.expires {width:80px;}
.required {
  clear:left;
  display:block;
  font-weight:bold;}
.optional {
  clear:left;
  display:block;
  font-weight:normal;}
.title {
  color: rgb(37,98,144);
  font-size:14px;
  font-weight:bold;
  margin-bottom:30px;}

.submit {margin:20px 0px 10px 170px;}
.btn {
  border: 1px solid rgb(0,0,0);
  background-color: rgb(37,98,144);
  color: white;
  padding:4px;
  width:211px;
  font-weight:bold;}

/* shipping method form */
#ship {
  border:0;
  margin:0;
  padding:0;
  width:450px;
  background-color: rgb(99,93,127);
  font-size:12px;}
#ship th {
  padding:7px 5px;
  background-color: rgb(99,93,127);
  color: rgb(255,255,255)}
#ship tr {background-color: rgb(255,255,255)}
#ship tr td {
  vertical-align:top;
  padding:7px 5px; }  

#checkout {border-bottom: 1px dotted rgb(102,102,102);}
#checkout td {padding:5px 0px; font-size:12px; font-weight:bold;}

form #email1 label {
  display: block;
  float: left;
  width: 160px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form #email1 input, form textarea {
  width: 300px;
  padding: 1px 3px;
  margin: 0;
  display:inline;
  font-weight:normal;}