/* RESET */
.site-form { margin: 0 0 30px 0; position:relative; font-size:Verdana, Geneva, sans-serif; line-height:1.4em; width: 500px; }

/*fieldset / legend */
.site-form fieldset { border:1px solid #8F668F; padding: 0 0 15px 0; margin: 30px 0 0 0; position:relative; background:#fff; }
.site-form legend { margin:0; padding:0; }
.site-form legend span.legend { position:absolute; display:block; top:-20px; left:-1px; margin: 0 0 0 0; padding: 0 5px 0 0; background:#8F668F; }
.site-form legend span.legend span { font-weight: bold; display:block; font-size:1.1em; line-height: 20px; width:380px; padding: 0 0 0 5px; background:#8F668F; color:#fff; white-space:nowrap; }

/*item wrapper*/
.site-form .item { padding: 3px 0; margin:0 0 0 20px; overflow:hidden; width: 480px; /*change*/ }
.site-form .item br { display:none; }
/*title*/
.site-form .title { display:block; margin: 0 0 0 0; padding: 0 0 3px 0; }

/*inputs*/
.site-form input.checkbox { padding:0; margin: 3px 0 0 0; vertical-align:top;  }
.site-form input.radio { margin: 2px 0 0 0; vertical-align:top; }
* html .site-form input.radio { margin-top: -3px; }
*+html .site-form input.radio { margin-top: -3px; }
* html .site-form input.checkbox { margin-top: -3px; }
*+html .site-form input.checkbox { margin-top: -3px; }

.site-form input.text,.site-form select,.site-form textarea { height: 18px; color:#8F668F; font-size:1.1em; padding: 3px; margin: 0 0 0 0; vertical-align:middle; border: 1px solid #EDE3EB; width: 450px; /*change*/ background:#f4f1f3 !important; /*change*/ }
.site-form select { height: 25px; width: 458px; /*change*/ }
.site-form textarea  { padding: 3px; height: 88px; font-family: Verdana, Geneva, sans-serif !important; background:#F4F9FA; }
.site-form input.focus, .site-form textarea.focus, .site-form select.focus { background:#fff !important; }

/*lists*/
.site-form .item ul { margin:0;padding:5px 0; list-style:none; overflow:hidden; width: 100%; }
.site-form .item ul li { display:inline; }
.site-form .item ul.columns li { float:left; position:relative; }
.site-form .item ul.columns li.full { width:100%; }
.site-form .item ul.columns li input.checkbox { width: 20px; }
.site-form .item ul.columns li input.radio { width: 20px; }
.site-form .item ul.two li { width:49.95%; }
.site-form .item ul.three li { width:33.25%; }
.site-form .item ul.four li { width:24.95%; }
.site-form .item ul li ul { padding:0 0 0 14px; margin:0 0 0 8px; /*change*/ }
.site-form .item ul li li { font-size: .9em; }
.site-form .item ul.inline { display:block ! important; margin: 0 0 0 20px; }
.site-form .item ul.inline li { display:inline; }

/*misc*/
.site-form abbr.required { color:#8F668F; border:0; background:none; }
.site-form .format { font-size: .8em; color:#5C81C1; }
.site-form .instructions { font-size: .8em; color:#5C81C1; }
.site-form .note { display:block; padding: 5px 0 10px 0; margin: 0 0 0 20px; color:#8F668F; text-indent: 0; font-size: .95em; }
.site-form .buttons { text-align:right; margin: 10px 0 0 0; }

/*error / success*/
.site-form p.form-error { background: url(../images/site-form-error.png) no-repeat 0 0; }
.site-form abbr.form-error { color: #D00; }
.site-form span.form-error { color: #D00; font-size:.9em; padding: 0 0 0 0; }
.site-form .success { color: #0C0; padding: 10px; text-align:center; margin: 0 auto 0 auto; }

/*column layout */
.site-form .column { float:left; display:inline; width:330px !important; /*change*/ }
.site-form ul.column li { display:block; }
.site-form p.column { height:40px; /*change*/ }
.site-form .clear { clear:both; }

/*row layout*/
.site-form .row {}
.site-form .row .title { float:left; text-align:right; padding-right: 15px; width: 250px; /*change*/ }
.site-form .row input.text { float:left; width: 310px; /*change*/ }
.site-form .row select { width: 318px; /*change +18*/ }

/*form specific*/
#form-login { }
#form-create-account {}
#form-shipping {}
#form-billing {}
#form-billing #CreditCardExpiryMonth { margin-right: 26px; }
#form-billing #CreditCardExpiryYear { margin-right: 26px; }

/* BUTTONS ***************************************************************************************************************/
button { cursor: pointer; padding:0;margin:0 0 0 0;border:0;vertical-align:middle;display:block;display:inline-block;position:relative;overflow:visible; background:transparent; }
/* button::-moz-focus-inner { padding: 0; border:0;} */
a.button, span.button { cursor: pointer !important; display:block !important; display:inline-block !important; background:url(../images/button.png) no-repeat left top  #D0B9CD !important; vertical-align:middle; text-decoration:none !important; position:relative !important; padding:0 0 0 17px !important; text-indent:0 !important; }	
a.button span, span.button span { display:block; white-space:nowrap; line-height:25px; background:url(../images/button.png) no-repeat right top; padding: 0 17px 0 0; color:#fff !important; font-size:11px !important; font-weight:bold !important; }

/* small buttons */
a.small,button span.small { padding: 0 0 0 12px !important; background:url(../images/button-small.png) no-repeat left top !important; width:auto !important; }
a.small span,button span.small span { color:#8F668F !important; padding: 0 12px 0 0 !important; line-height: 20px !important; background:url(../images/button-small.png) no-repeat right top !important; }

/*alternate button*/
a.alt, button span.alt { background:url(../images/button-alt.png) no-repeat left top !important; }
a.alt span, button span.alt span { color:#8F668F !important; background:url(../images/button-alt.png) no-repeat right top !important; }

/*small alternate button*/
a.small-alt, button span.small-alt { background:url(../images/button-small-alt.png) no-repeat left top !important; }
a.small-alt span, button span.small-alt span { color:#fff !important; background:url(../images/button-small-alt.png) no-repeat right top !important; }

/*hover*/
button:hover span.button, a.button:hover { background-position: left bottom !important; background-color:#bbb; }
button:hover span.button span, a.button:hover span { background-position: right bottom !important; }