/*------------------------------------  Form  ---------------------------------------------------------*/

fieldset
{
  clear: both; 
  border: none; 
  margin:0;
  padding:0;
}

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {height: 130px; overflow: auto; width: 400px;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, Sans-Serif; vertical-align: baseline;}
input.text, input.password, textarea {border: 1px solid #D9D3CC; padding: 2px;}
input.text, input.password, select { width: 250px;}

form .field {position: relative;}
form .field span {}

.buttons input {width: 100px; height:30px;}

.contentLeft .formShortWrap, .contentLeft .formWideWrap {width: 560px; margin-bottom: 15px; margin-top: 10px;}
.contentLeft .formShort,
.contentLeft .formWide {background-image: url("/images/formBox_middle.png");background-repeat: repeat-y;padding:15px;}
.contentLeft .formShort table,
.contentLeft .formWide table {margin:0px; width:100%;}
.contentLeft .formShort td,
.contentLeft .formWide td {padding: 5px 0px; border:none;}
.contentLeft .formShort h2,
.contentLeft .formWide h2 {margin: 10px 0px;font-size:1.4em;color:#9B6334;}
.contentLeft label, #leftContent .formWide label {font-weight:bold;}
.contentLeft label {margin-bottom:5px;}
.contentLeft legend {border-bottom:2px solid #4C575B; padding:5px; font-size:1.3em; width:95%; margin-bottom:10px;font-family: Georgia;
    font-size: 1.4em; font-style: italic; font-weight:bold;}

#registerOrLogin {margin-top:15px;}
#registerOrLogin .formShortWrap {width: 560px;}
#registerOrLogin .formShort {padding: 15px; position:relative;}
#registerOrLogin .formShort.acctReq {}
#registerOrLogin .formShort.acctReq p {margin:30px 0px; font-weight:bold;}
#registerOrLogin .formShort.acctReq a.cviBtn {margin:20px auto;}
#registerOrLogin .formShort.acctReq h2 {text-align:center; margin:15px 0px;}
#registerOrLogin .formShort.login {padding: 15px 36px 15px 15px; margin-bottom:15px;}
#registerOrLogin .OR {margin-bottom:15px; text-align:center; font-size: 2em;}

.loginPage .formShort td td td {padding-left:15px;}

ul#productTypes {margin:10px 0px 20px 0px;}
ul#productTypes li {list-style-image:none; list-style-type:none;}
ul#productTypes span.productTypeName {display:block; font-size:1.4em; margin:15px 0px 0px;}
ul#productTypes span.productTypePrice {margin-left:15px;}
.page span.productDescription p {margin:0px 0px 5px 0px; padding:0px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

/* TABLES */
 
table {border-collapse: collapse;border-spacing: 0;}

.contentLeft table {margin: 15px 0px;}
.contentLeft table th {background-color: #84684E;font-weight:bold;margin-bottom:10px;padding:10px; border:1px solid #84684E; color:white;}
.contentLeft table td {padding:10px; border:1px solid #84684E;}
.contentLeft table td table td {border:none;}

.contentLeft table.infoBox td {border:0px;}

/* CHECKOUT */

.page .DDcheckout h2 {color: #F18100;background-image: url("/images/sidebox_middle.png");width:262px; padding:10px 0px 10px 20px;margin:5px 0px;}

.step {margin:15px 0px;}
.step legend {border-bottom:2px solid #84684E; padding:5px; font-size:1.3em; width:98%; margin:10px 0px;font-family: Georgia;
    font-size: 1.4em; font-style: italic; font-weight:bold;}

table.tblCheckout, table.tblPayOptions, #shippingDisplay table, table#orderView, .page table {margin: 15px 0px; width:100%;}
table.tblCheckout td, table.tblPayOptions td, #shippingDisplay table td, table#orderView td {background-image:url('/images/whiteBG.png'); background-repeat:repeat;}
table.tblCheckout th, #shippingDisplay th, table#orderView th, .page table th {background-color: #84684E;font-weight:bold;margin-bottom:10px;padding:10px; border:1px solid #84684E;color:white;}

table.tblPayOptions td {border:0px;}

#couponCodeSelection {margin-bottom:30px;}
#CouponCodeStatusText {color:red; padding-top:10px;}
#pOrderTotal {font-size: 1.4em; color:#F28102;}
.signinInfoCheckout {margin-bottom:30px;}
td#orderNumber {color:#93D000;}

#btnCheckout input {vertical-align: top;}

#Giftoptions {margin-bottom:30px;}
#Giftoptions div {margin: 10px 0px;}
a.activateButton {margin:5px 0px 0px 5px;}

#createaccountInfo, #signinInfo, #guestInfo {float:left;width: 143px;height:100px;padding:15px;background-image: url("/images/formBox_middle.png");}
#createaccountInfo h3, #signinInfo h3, #guestInfo h3 {margin-bottom:15px;}
#createaccountInfo,
#signinInfo {margin-right:10px;}

h4#couponInfo {margin:40px 0px 5px 0px;}
h4#h4Email {font-size:.8em;}

#howToPaySelection, .orderPayment {padding:30px;background-image: url("/images/formBox_middle.png");}
.page .orderPayment h4 {margin:0px 0px 10px 0px; padding:10px 10px 10px 43px;background-image: url("/images/icon_lock.png"); background-repeat:no-repeat;
  background-position:left center;}
.orderPayment .field {background-image: url("/images/divider_listItem.png"); background-repeat:no-repeat; background-position:top center;
  padding-top:30px;}

.helpText {font-size:.85em; font-family:Georgia;color:#5E5E5E;padding:5px 0px;}


/* BUTTONS */
.contentLeft input[type="submit"], .formShort input[type="submit"], #contour input[type="submit"] {padding: 5px 12px;}
a.DDgreen, .asbutton {padding: 7px 12px;}
a.DDgreen, .asbutton, .formShort input[type="submit"], #contour input[type="submit"], .contentLeft input[type="submit"] {
  background: #C3D788;
  background: -moz-linear-gradient(top, #C3D788 0%, #468833 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C3D788), to(#468833));
  border: 1px solid #468833;
  border-bottom: 1px solid #5b992b;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #1F1F1F;
  font-style:italic;
  display:block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #4c9021;
  width: 150px;
}

a.DDgreen:hover, .asbutton:hover, .formShort input[type="submit"]:hover, #contour input[type="submit"]:hover,
.contentLeft input[type="submit"]:hover {
  background: #76b347;
  background: -moz-linear-gradient(top, #D6FF5E 0%, #468833 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D6FF5E), to(#468833));
  -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
  -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
  box-shadow: inset 0 1px 0 0 #8dbf67;
  cursor: pointer;
  text-decoration:none;
}

a.DDgreen:active, .asbutton:active, .formShort input[type="submit"]:active, #contour input[type="submit"]:active,
.contentLeft input[type="submit"]:active {
  border: 1px solid #5b992b;
  border-bottom: 1px solid #538c27;
  -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
}


.numberevents { display: none; }


























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

