/* ===========================================================
	* Description.......: WB SHOP Checkout Styles
	* Created by........: Kirit Murphy - Lyons Creative Group
	* Modified by.......: Todd Brady
	* Modified date.....: 12-29-2008
=========================================================== */


/* Form Styles  
===================================================================== */

.account_form { margin:20px 0 0 0; }

.account_form2 {
border-bottom:1px solid #6d7d8c;
border-top:1px solid #6d7d8c;
border-left:1px solid #6d7d8c;
border-right:1px solid #6d7d8c;
margin:30px 0 0 0; }



/* table wrap - 1st column wraps arond form label elements (label, input, select values), 2nd column wraps around optional comment */ 
 .formcomments {width:530px;}
  .formcomments2 {width:700px;}
 .formfields {width:340px; vertical-align:middle; }
  .formfieldstextarea {width:340px; vertical-align:right; }
  .formfieldsshort {width:125px; vertical-align:middle; }
  .formfields3 {width:340px; vertical-align:left; }
    .formfields4 {width:355px; vertical-align:left; }
 .formfields2 {width:380px; vertical-align:middle; }
 .commentfield {width:197px;  }
  .commentfield2 {width:315px; vertical-align:left;  }
  
.getbalance { background:url(../images/buttons/ma_btn_getbalance.gif) top left no-repeat; width:105px; height:20px;  display:block; }
.getbalance button { background:url(../images/buttons/ma_btn_getbalance.gif) top left no-repeat; width:105px; height:20px;  }
.getbalance button:hover {background-position:0 -20px;}
                                         
.click_field { width:530px; height:30px; padding:8px 0 1px 138px; line-height:14px; }

fieldset {margin: 0;  border: 0;  padding: 0; }

.account_form label {  display: block;  width: 325px;  margin: 0px 0px 10px 0px;  text-align:right;  } 
.account_form input, .account_form form select { display: inline;  margin-top: 0px; }

/** Form Font Elements - all text input fields and select (drop down fields) **/ 
form label.field-first input,
form label.field-last input,
form label.field-company input,
form label.field-address1 input,
form label.field-address2 input,
form label.field-city input,
form select,
form label.field-zipcode input,
form label.field-phone input,
form label.field-chkbox-useaddr,
   /* addl create account fields */
form label.field-email input,
form label.field-password input,
form label.field-password2 input,
form label.field-security-answer input
{ height:16px; padding:4px 0 0 4px; font:11px Arial, Helvetica, sans-serif;  }

form select {height:17px; margin-top:1px; margin-bottom:1px;}

/**  alignment for all full length input fields **/
form label.field-first input,
form label.field-last input,
form label.field-company input,
form label.field-address1 input,
form label.field-address2 input,
form label.field-city input,
form select,
form label.field-zipcode input,
form input.phone_areacode,  
   /* addl create account fields */
form label.field-email input,
form label.field-password input,
form label.field-password2 input,
form label.field-security-answer input
{ /*margin-left:15px;*/ width:183px; }

/* input text field style properties  */
form label.field-first input,
form label.field-last input,
form label.field-company input,
form label.field-address1 input,
form label.field-address2 input,
form label.field-city input,
form label.field-zipcode input,
form label.field-phone input,
   /* addl create account fields */
form label.field-email input,
form label.field-password input,
form label.field-password2 input,
form label.field-security-answer input
{border:none; background:url(../images/inputfieldbg.gif) repeat-x;  padding:4px 0 0 4px; }  

/* custom form style for unique fields */
form select {width:187px; padding:0 0 0 1px;}
form input.phone_areacode, form input.phone_prefix {width:45px; }
form input.phone_suffix {width:59px;}
form label.field-phone, form label.field-security-answer { margin-bottom:1px;}

/* date fields*/
form select#date_month {width:73px; display:inline;}
form select#date_day, form select#date_year {width:45px; display:inline;}
form select#date_day, form select#date_year {margin-left:8px;}


/* checkbox use as shipping address */
form input#chkbox_useaddr { margin:10px 2px 10px 138px; vertical-align:middle; }
form input#emailalerts { margin:10px 2px 10px 138px; vertical-align:middle; overflow:hidden; }
form label#field-chkbox-useaddr { display:inline; margin:10px 0px 10px 0; vertical-align:middle; }
form label#field_chkbox_alerts  { display:inline; margin:0 0px 10px 0; vertical-align:middle; }

/* create account login checkboxes  */
form input#remember, form input#newsletter_signup { display:inline; }
form label#field-remember, form label#field-newsletter_signup   { text-align:left;  display:inline; }
form input#newsletter_signup, form label#field-newsletter_signup  { margin-top:1px; }
.click_field_input {vertical-align:top; width:18px; padding-bottom:2px;  }
.click_field_desc {vertical-align:top; padding-bottom:4px;   }

/* radio buttons in my acount my address book */
form input#default_shipping, form input#default_billing  {   display:inline;  }
form label#field-default_shipping, form label#field-default_billing   {
	margin: 0px 0 0 5px;  text-align:left;  display:inline; padding:1px;}
form label#field-default_billing, form input#default_billing   { margin-top:4px; }

form label.field-save  { margin-left:138px; margin-top:10px; margin-bottom:10px; width:183px;  width:116px; text-align:left;}
.save_button {vertical-align:middle;}
.cancel_button   { color:#67D7FF; }

 .darkgray {color:#999; }
.comment {font-size:10px;}
.comment2 {font-size:9px;}

form label#email {
margin-bottom:0; }

label.giftoptions_label {
text-align:right;
display:block;
float:left;
width:100px;
margin:10px 3px 10px 0; }

input.giftoptions_mssg, textarea.giftoptions_mssg {
background:url(../images/inputfieldbg.gif) #fff repeat-x;
border:1px solid #3e3e3e;
width:225px;
height:15px;
margin:10px 0;
padding:3px 2px 0 2px;
font:11px Arial, Helvetica, sans-serif;
color:#000;

}

textarea.giftoptions_mssg {
overflow:auto;
height:50px; }

.addtocart { background:url(../images/buttons/ma_btn_addtocart.gif) top left no-repeat; width:93px; height:20px;  display:block; }
.addtocart button { background:url(../images/buttons/ma_btn_addtocart.gif) top left no-repeat; width:93px; height:20px;  }
.addtocart button:hover {background-position:0 -20px;}

.addtocart2 { background:url(../images/buttons/ma_btn_addtocart.gif) top left no-repeat; width:93px; height:20px;  display:block; }
.addtocart2 button { background:url(../images/buttons/ma_btn_addtocart.gif) top left no-repeat; width:93px; height:20px;  }
.addtocart2 button:hover {background-position:0 -20px;}

.addtocart_off  { background:url(../images/buttons/ma_btn_addtocart_off.gif) top left no-repeat; width:93px; height:20px; display:block; }
.addtocart_off button { background:url(../images/buttons/ma_btn_addtocart_off.gif) top left no-repeat; width:93px; height:20px;  }

.action_addtocart  {margin-top:115px; margin-right:8px; text-align:right; float:right; clear:right;}
.action_addtocart2  {margin-top:7px; margin-right:8px; text-align:right; float:right; clear:right;}

#oc_leftCol2 { margin-top:0px; background:url(../images/cp_bg_shiptomultiple.gif) top center no-repeat;  width:670px; float:left; clear:left; padding:0 10px; font-size:11px;}


#oc_leftCol2_3s { margin-top:0px; background:url(../images/cp_bg_shiptomultiple.gif) top center no-repeat;  width:740px; float:left;  padding:0; font-size:11px;}





.leftboxheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
}

#shippingaddress{
	background:#081e33 url(../images/billing_addr_list_bgd.jpg) no-repeat top center;
	float:left;
	font-size:11px;
	line-height:14px;
	padding:10px;
	width:670px;
	margin-bottom:20px;
}
#shippingaddress_3s{
	background:#081e33 url(../images/billing_addr_list_bgd.jpg) no-repeat top center;
	float:left;
	font-size:11px;
	line-height:14px;
	padding:0px;
	width:740px;
	margin-bottom:20px;
}