/* e-commerce CSS styles. 
 * All styles for donation/membership/checkout should be contained in this file 
 */

input.textinput:focus, #checkout-form .multiple-address-item .column1 .alt-shipping-info input:focus {
background: #fdecb2;
}
input, textarea {
outline-style:none;
font-family:arial,sans-serif;
font-size:0.875em;
}
.help {
border:none;
}
/* Checkout */
#account-info {
height:100px;
line-height:2em;
width:100%;
}
#account-info #password-info{
height:0;
}
#account-info input {
float:left;
}
#account-info label {
float:left;
padding:0 5px;
text-align:right;
width:340px;
}
#checkout-form {
line-height:2em;
text-align:right;
}
#checkout-form legend {
text-align:left;
font-weight:bold;
}
#checkout-form select {
width:150px;
}
#checkout-form a{
outline:none;
}
#checkout-form .column1 {
float:left;
width:356px;
}
#checkout-form .column2 {
float:left;
padding:0 0 0 10px;
text-align:left;
width:345px;
}
#checkout-form .full-span{
text-align:left;
display:block;
}
#checkout-form .full-span a{
float:right;
}
#checkout-form .full-span.last{
padding-bottom:40px;
}


/* Donatations */

.add-to-donation{
float:right;
font-weight:bold;
margin:5px 0 0;
width:200px;
}
.donate{
float:left;
padding:20px;
width:400px;
}
.donate .donate-now .additional-comments textarea{
width:400px;
}
.donate-now{
padding:10px 0;
}
#donate-monthly.donate{
padding:0px;
width:450px;
}
#donate-monthly .dontationOptions{
height:90px;
border-bottom:1px solid #CCCCCC;
padding:25px 0 0;
}
#donate-monthly.donate label{
float:left;
font-size:0.9em;
padding:0 40px 0 5px;
}
#donate-monthly.donate .dontationDate label{
float:left;
font-size:0.9em;
padding:0px 0px 0px 5px;
}
#donate-monthly.donate input {
float:left;
margin:2px 0 0 10px;
}

#donate-monthly.donate label#amount-other{
float:left;
font-size:0.9em;
padding:0 3px 0 5px;
}

#donate-monthly.donate  #donate-amount-value{
height:12px;
margin:0 0 0;
}
/* Shopping Cart shoppingCart */
.shoppingCart{
border-left:1px solid #D8DCDF;
border-right:1px solid #D8DCDF;
margin:0 0 0 2px;
padding:5px 0 0;
width:219px;
background:#FFFFFF url(/global/images/misc/cart-bg.png) repeat-x scroll center bottom;
}
.shoppingCartCap{
background:#FFFFFF url(/global/images/misc/cart-top.png) no-repeat scroll center top;
height:11px;
}
.shoppingCartBottomCap{
background:#FFFFFF url(/global/images/misc/cart-bottom.png) no-repeat scroll center bottom;
height:10px;
}
#secondaryContent .shoppingCart h3, #allShoppingCarts .shoppingCart h3 {
color:#069FD1;
font-size:1.5em;
line-height:1em;
margin:0 5px;
padding:0 0 5px;
}

#secondaryContent .shoppingCart .category h4 {
color:#000000;
font-size:1.1em;
font-weight:bold;
line-height:1.1em;
margin:15px 5px;
}
#allShoppingCarts .shoppingCart .checkoutContinue{
float:right;
font-weight:bold;
margin:10px 9px 0;
width:200px;
}

.shoppingCart .donation-item{
height:100%;
padding:5px 5px 0;
border-bottom:1px #ccc solid;
}
.shoppingCart .donation-item-title{
float:left;
padding:0;
width:210px;
}
.shoppingCart .donation-subTotal{
float:right;
font-weight:bold;
padding:5px 5px 0 5px;
}
.shoppingCart .donation-item-price{
float:right;
font-size:0.89em;
font-weight:bold;
}
.shoppingCart .remove-item{
border:medium none;
padding:3px 2px 0;
float:right;
}
.shoppingCart a{
outline:none;
}
.shoppingCart #donation-continue{
float:right;
font-weight:bold;
margin:10px 9px 0;
width:200px;
}
#allShoppingCarts{
display:inline;	
}

#allShoppingCarts .shoppingCart {
background:#FFFFFF url(/global/images/misc/cart-bg.png) repeat-x scroll center bottom;
border-left:1px solid #D8DCDF;
border-right:1px solid #D8DCDF;
margin:0 0 0 2px;
padding:5px 0 0;
width:464px;
}

#allShoppingCarts .shoppingCartCap {
background:#FFFFFF url(/global/images/misc/cart-top_full.png) no-repeat scroll left top;
height:11px;
}
#allShoppingCarts .shoppingCartBottomCap{
background:#FFFFFF url(/global/images/misc/cart-bottom_full.png) no-repeat scroll left bottom;
height:10px;
}
#allShoppingCarts  .shoppingCart .donation-item-title {
float:left;
padding:0;
width:375px;
}
#allShoppingCarts .shoppingCart .category h4 {
color:#000000;
font-size:1.1em;
font-weight:bold;
line-height:1.1em;
margin:5px;
}

/* Multiple Address Form */
.multipleAddress{
float:left;
}

.multipleAddress label{
float:left;
width:180px;	
}

.multipleAddress input, .multipleAddress select{
margin:0 0 0 5px;
float:left;

}
.gift-title{ 
float:left;
height:40px;
}

.multipleContinue{
display:inline;
float:right;
margin:10px 35px 0 0;
}

.multiplteBack{
display:inline;
float:right;
margin:10px 5px 0;
}

#errormsgs{
color:#FF0000;
float:left;
text-align:left;
width:100%;
}


.field .LV_invalid {
background:transparent url(/global/images/misc/invalid.png) no-repeat scroll 0 0;
color:#CC0000;
margin:3px 0 0 5px;
}
#checkout-form .help{
text-align:left;	
}

/* Accordion Donation Overides */
.accordion.accordion-donate .boxcap .boxcap-bottom_right {
background:transparent url(/global/images/accordion/accordion-boxcap-bottom_right.png) no-repeat scroll center bottom;
float:right;
height:5px;
margin-top:0;
position:absolute;
right:0;
width:5px;
}

/* 
 *  Donation Check Out
 */
#bodyContent #checkout h2 {
	margin: 15px 0px 5px 0px;	
}
 
#bodyContent #checkout #billing-address-form {
	width: 359px;
	float: left;
	padding-right: 5px;
}
#bodyContent #checkout #shipping-address-form {
	width: 351px;
	float: left;
	line-height:1.6em;
}
#bodyContent #checkout #onBehalf{
margin:10px 0;	
}
#bodyContent #checkout  #orderCommentsWrapper{
display:block;
height:125px;
width:350px;
float:left;
}

#bodyContent #checkout #shipping-multiple-extra p{
color:#666666;
display:inline;
font-size:0.8em;
padding:0;
vertical-align:5px;
}
#bodyContent #checkout label#other-country-label{
font-weight:bold;
}
#bodyContent #checkout label, #bodyContent #checkout-review label{
float:left;
padding:0 5px;
text-align:right;
width:121px;
}
#bodyContent #checkout .submit{
float:right;
}
#checkout-review .submit{
float:right;
}
#bodyContent #checkout #send-info{
float:left;
line-height:1.6em;
margin:10px 0 0 0;
padding:0;
width:100%;
}
#bodyContent #checkout #send-info .send-infoText{
margin:0 0 0 18px;
position:absolute;
width:400px;
}
#bodyContent #checkout #send-info input{
float:left;
margin:0 0;
}
#bodyContent #checkout #personalInfo {
float:left;
padding-right:5px;
width:355px;
}
#bodyContent #checkout #donationOnBehalf{
float:left;
margin:0 0;
}
#bodyContent #checkout #shipping-address-form a{
margin:0 0 0 22px;
text-decoration:none;
}
#bodyContent #checkout #shipping-address-form #shippingOptions {
margin:7px 0;
}
#bodyContent #checkout #shipping-address-form #shippingFields {
margin:0 0;	
}
#bodyContent #checkout #shipping-address-form #copyInfo {
display:none;
}
#bodyContent #checkout #checkoutItems{
float:left;
line-height:2em;
width:355px;
}
#bodyContent #checkout #checkoutItems .cartItem{
border-bottom:1px solid #CCCCCC;
}
optgroup option {
padding:0 0 0 5px;
}
#paymentAcceptedCards{
margin:10px 0;
}


/* Memberships */

#membership{}

#membership .leftColumn, #membership .rightColumn, #membership .fullColumn{
float:left;
padding:0 10px 10px;
width:205px;
}
#membership .title{
color:#3FA1D3;
margin: 5px 0;
}
#membership p.description {
margin:5px 0;
padding-bottom:0px;
}
#membership .familyDescription{
color:#4C4C4C;
font-size:0.88em;
padding:0 0 0 7px;
}
#membership .submit{
margin:10px 50px 10px 10px;
float:right;
}
#membership .benefits{
float:left;
padding: 0 0 10px;
width: 100%;
}

#secondaryContent .otherMethods, #secondaryContent .ecommInfo{
padding:10px 0 0 10px;
}
#secondaryContent .otherMethods .method{
display:inline;
float:left;
padding:0 0 4px;
}
#secondaryContent .otherMethods .method div.label{ 
font-weight:bold;
text-align:right;
width:50px;
float:left;
padding:0 5px 0 0;
}
#secondaryContent .otherMethods .method div.value{ 
width:160px;
float:left;
}
#secondaryContent .paymentCardIcons{
padding:5px 0 0;
text-align:center;
}
#secondaryContent .paymentCardIcons .paymentCardIcon{
display:inline;
}