/* -- CHECKOUT -- */
/* -------------------------------- */

/*global*/
.large {font-size: 1.2em;}

#SIcart, #SIcheckout { padding: 0 10px; clear: both;  }

#SIcart div.leftColumn, #SIcheckout div.leftColumn {width: 49%; float:left; }
#SIcart div.rightColumn, #SIcheckout div.rightColumn {width: 49%; float:right;}
#SIcart div.cartPane, #SIcheckout div.cartPane  {border: 1px solid #ccc; padding: 15px; margin-bottom: 20px;}

#SIcart div.cartPane h2, #SIcheckout h2 {border:none; margin-bottom: 10px;}

#SIcart div.cartPane input.text, #SIcheckout div.cartPane input.text { width: 91%;}
#SIcart div.cartPane input.withButton, #SIcheckout div.cartPane input.withButton { width: 51%; }

#SIcheckout div.fieldWrapper {width: 49%; min-width: 175px; }

#SIcheckout div.cartPane div.fieldWrapper input.text {  width: 85%;}

#SIcheckout span.confirmed,
#SIcheckout span.unconfirmed {
	line-height: 20px; height: 18px;
	display: block; 
	padding-left: 20px;
	margin-bottom: 5px;
	position: relative;
    margin-bottom: 10px; margin-top: -18px;
}

#SIcheckout span.unconfirmed { background: url(//si-us.s3.amazonaws.com/store/images/icons/unconfirmed.png) left center no-repeat; }
#SIcheckout span.confirmed { background: url(//si-us.s3.amazonaws.com/store/images/icons/confirmed.png) left center no-repeat; }

#SIcart div.cartPane select, 
#SIcheckout div.cartPane select {
	padding: 5px; 
	width: 95%;
	margin-bottom: 15px
}

#SIcart a.actionButton,
#SIcheckout a.actionButton { 
	position: relative;
	padding: 8px 25px 8px 8px; 
}

#SIcart a.actionButton span,
#SIcheckout a.actionButton span { 
	position: absolute; 
	right: 0; top: 50%; 
	margin-top: -10px;  
	width: 12px; height: 12px; 
	background: url(//si-us.s3.amazonaws.com/store/images/icons/whiteArrow.png) center no-repeat;
	padding: 3px 0 3px 9px; 
	border-left: 1px solid #666;
}

#SIcheckout div.cartPane .attention { padding: 10px; }

p.checkoutInstruction { font-style: italic; margin-bottom: 5px; font-size: 1.1em;}
span.labelInstruction {font-style: italic; color: #888;}
span.stepNumber {color: #888;}

div.addressWrapper, ul.addressWrapper { clear: both; margin: 10px 0; padding: 15px; letter-spacing: 0.1em; background: #efefef; }
div.addressWrapper p.address{ margin-bottom: 10px; font-size: 1.2em; line-height: 1.3em;}

#SIcart div.buttonWrapper, #SIcheckout div.buttonWrapper {margin-bottom: 20px;}

/*cart*/
#SIcart ul.areaActions {float:right; font-size: 1.1em; margin: 10px 0;}
#SIcart ul.areaActions li {float:left; margin-left: 10px; padding-left: 8px; border-left: 1px solid #ccc;}
#SIcart ul.areaActions li:first-child {border:none;}

#SIcart h1 {clear:both;}

#SIcart table {margin-bottom: 20px;}
#SIcart th {background: #000; color: #fff; text-transform: uppercase; border: none; line-height: normal;}
#SIcart td {padding: 15px; vertical-align: top;}

#SIcart td.empty, #SIcart td.empty { text-align: left; border-left: none; border-right: none; font-size: 1.4em; font-style: italic;}

#SIcart td.imageCell {padding-right: 0;}
#SIcart td.imageCell img {width: 40px; height: 40px;}

#SIcart td h3 {font-size: 1.4em;}
#SIcart td h3 span.options {font-style: italic;}

#SIcart td.itemSpecs li {
	padding: 5px 0 5px 25px;
	margin-bottom: 5px;
	text-transform: uppercase; 
	font-weight: bold;
	font-size: 0.9em;
	text-align: left; 
	letter-spacing: 0.1em; 
}

#SIcart td.itemSpecs li.gift {background: url(//si-us.s3.amazonaws.com/store/images/icons/gift.png) left 3px no-repeat;}
#SIcart td.itemSpecs li.shipping {background: url(//si-us.s3.amazonaws.com/store/images/icons/shipping.png) 2px 5px no-repeat;}
#SIcart td.itemSpecs li.coupon {background: url(//si-us.s3.amazonaws.com/store/images/icons/couponc.png) 2px 5px no-repeat;}


#SIcart td.qty {/*border-right: none;*/}
#SIcart td.qty input {margin: 0;}
#SIcart td.price {border-left: none;}

#SIcart td.prodTotal, #SIcart .prodPricing {font-size: 1.4em; line-height: normal;}

#SIcart td.last {width: 25px;}
#SIcart td a.remove, #appliedCoupons a.remove {width: 15px; width: 25px; display: block; background: url(//si-us.s3.amazonaws.com/store/images/icons/delete.png) center no-repeat;}
#SIcart td ul.cartTools a {width: 25px; height: 25px; display: block;}
#SIcart td ul.cartTools a.wishlist {background: url(//si-us.s3.amazonaws.com/store/images/icons/wishlist.png) 5px center no-repeat;}

#SIcart tr.appliedCoupon td {padding: 12px 10px; border-top: double 4px #B5B5B5; border-left: none; border-right: none; line-height: normal; font-size: 1.2em;}
#SIcart tr.appliedCoupon td.last {padding: 12px 15px;}
#SIcart tr.appliedCoupon strong {text-transform: uppercase;}
#SIcart tr.appliedCoupon span.couponDescription {margin-left: 8px; font-style: italic; }
#SIcart tr.appliedCoupon span.errorMessage, #appliedCoupons span.errorMessage { margin-top: 5px; margin-bottom: 0; font-size: 10px;}

#SIcart tr.cartTotals td {padding: 12px 10px;border-top: double 4px #B5B5B5; border-left: none; border-right: none; line-height: normal; font-size: 1.2em;}
#SIcart tr.appliedCoupon + tr.cartTotals td { border-top-style: solid; border-top-width: 1px;}

#SIcart tr.cartTotals li {float:left; margin-bottom: 5px;  margin-right: 20px;}
#SIcart tr.cartTotals li strong {text-transform: uppercase;}


#SIcart tr.cartTotals td.cartTotal {font-size: 1.4em; text-transform: uppercase; padding-left: 2px; padding-right: 2px; font-weight: bold;}
#SIcart tr.appliedCoupon td.cartTotal {padding-left: 2px; padding-right: 2px; }

#SIcart #guestCheckout .button, #SIcart #socialCheckout img {float: right; margin: 0;}

/*checkout progress*/

#SIcheckoutSteps {
	float:left; display: inline;
	margin: 20px 0 30px 10px; 
}

#SIcheckoutSteps li {
	float: left;	
	margin-right: 6px; 
	text-transform: uppercase;
	font-size: 1.1em;  
}

#SIcheckoutSteps li.active {
	font-weight: bold;
}

#SIcheckoutSteps li a { color: #000; }
#SIcheckoutSteps li.cart a {
	width: 18px; height: 20px;
	background: url(//si-us.s3.amazonaws.com/store/images/icons/cart.png) center no-repeat;
}

#SIcheckoutSteps span, #SIcheckoutSteps a {float:left; height: 22px; line-height: 24px; }

#SIcheckoutSteps span.stepSeparator {
	width: 45px;
	margin-left: 2px;
	background: url(//si-us.s3.amazonaws.com/store/images/icons/longArrow.png) center no-repeat;
}

#SIcartTotal {
	float: right; display: inline;
	margin: 20px 10px 30px 0;
	line-height: 22px;
	font-size: 1.6em;
	font-weight: bold;
}

/*address*/
#SIcheckout #yourContactInfo div.fieldWrapper {float:left;width: 36%; margin-right: 2%;}
#SIcheckout #yourContactInfo input.email,
#SIcheckout #yourContactInfo input.phone { width: 90%; font-size: 1.6em;}
#SIcheckout ul.checkoutOptions {clear:both;}
#SIcheckout ul.checkoutOptions li {float: left; margin: 5px 20px 5px 0;}

#SIcheckout ul.addressWrapper {padding: 10px 0 0 10px;}
#SIcheckout ul.addressWrapper li {float:left; margin-right: 20px; margin-bottom: 10px; line-height: 2em; }
#SIcheckout ul.addressWrapper li select { width: auto; padding: 0; margin: 0; font-size: 1em; display: inline; }
#SIcheckout ul.addressWrapper li.instruction {font-style: italic;}

/*delivery*/
#SIcheckout div.addressWrapper p.taxes {font-size: 1.1em; border-top: 1px solid #ccc; padding: 10px 0 0 0;}

#SIcheckout #deliveryMethod ul {margin-bottom: 25px; padding-left: 10px;}
#SIcheckout #deliveryMethod li {margin-bottom: 20px; height: 20px; padding-left: 40px; padding-top: 5px; }
#SIcheckout #deliveryMethod li label strong { vertical-align: middle; font-size: 1.2em;}
#SIcheckout #deliveryMethod li span.dateEstimate { white-space: nowrap;}

#SIcheckout #deliveryMethod li.ups {background: url(//si-us.s3.amazonaws.com/store/images/icons/ups.gif) 5px 2px no-repeat;}
#SIcheckout #deliveryMethod li.usps {background: url(//si-us.s3.amazonaws.com/store/images/icons/usps.gif) 5px 2px no-repeat;}
#SIcheckout #deliveryMethod li.fedex {background: url(//si-us.s3.amazonaws.com/store/images/icons/fedex.gif) left 5px no-repeat; }
#SIcheckout #deliveryMethod li.flatrate {background: url(//si-us.s3.amazonaws.com/store/images/icons/shipping.png) left 5px no-repeat; }
#SIcheckout #deliveryMethod li.free {background: url(//si-us.s3.amazonaws.com/store/images/icons/shipping.png) left 5px no-repeat; }
#SIcheckout #deliveryMethod li.pickup {background: url(//si-us.s3.amazonaws.com/store/images/icons/shipping.png) left 5px no-repeat; }

#SIcheckout #deliveryMethod li.loading {
	width: 32px; height: 32px; 
	background: url(//si-us.s3.amazonaws.com/store/images/icons/ajax-loaderLarge.gif) center no-repeat;
}

/*payment*/
#SIcheckout #paymentMethod ul { margin-bottom: 15px; padding-left: 10px; }
#SIcheckout #paymentMethod li { margin-bottom: 10px; }

#SIcheckout div.paymentFields { float: left; width: 51%; border-right: 1px dotted #ccc;}

#SIcheckout div.paymentFields select.expMonth {width: 120px;}
#SIcheckout div.paymentFields select.expYear {width: 70px;}

#SIcheckout div.paymentInstruction { float: right; width: 46%; padding: 5px; }

#SIcheckout div.paymentInstruction h3 { 
	color: #444; 
	font-size: 1.5em; 
	font-style: italic; 
	margin-bottom: 15px;
}

#SIcheckout div.paymentInstruction #acceptedCards {margin-bottom: 30px;}
#SIcheckout div.paymentInstruction #acceptedCards li {float: left; width: 50px; height: 32px; margin: 0 10px 10px 0; }


#SIcheckout div.paymentInstruction #acceptedCards li.visa { background: url(//si-us.s3.amazonaws.com/store/images/icons/cc_visa.gif) center no-repeat;}
#SIcheckout div.paymentInstruction #acceptedCards li.mastercard{ background: url(//si-us.s3.amazonaws.com/store/images/icons/cc_mastercard.gif) center no-repeat;}
#SIcheckout div.paymentInstruction #acceptedCards li.american-express { background: url(//si-us.s3.amazonaws.com/store/images/icons/cc_amex.gif) center no-repeat;}
#SIcheckout div.paymentInstruction #acceptedCards li.maestro { background: url(//si-us.s3.amazonaws.com/store/images/icons/cc_maestro.gif) center no-repeat;}
#SIcheckout div.paymentInstruction #acceptedCards li.visa-debit { background: url(//si-us.s3.amazonaws.com/store/images/icons/cc_visa_debit.gif) center no-repeat;}
#SIcheckout div.paymentInstruction #acceptedCards li.discover { background: url(//si-us.s3.amazonaws.com/store/images/icons/cc_discover.gif) center no-repeat;}
#SIcheckout div.paymentInstruction #acceptedCards li.visa-electron { background: url(//si-us.s3.amazonaws.com/store/images/icons/cc_visa_electron.gif) center no-repeat;}
#SIcheckout div.paymentInstruction #acceptedCards li.solo { background: url(//si-us.s3.amazonaws.com/store/images/icons/cc_solo.gif) center no-repeat;}

#SIcheckout div.paymentInstruction p {
	position: relative;
	color: #444; 
	clear: left;
	padding: 5px 0 5px 100px; 
	margin-bottom: 30px; 
	font-size: 1.15em; 
	font-style: italic; 
	line-height: 1.2em; 
}

#SIcheckout div.paymentInstruction p strong {font-style: normal; text-transform: uppercase;}
#SIcheckout div.paymentInstruction p img {position: absolute; top: 5px; left: 0; margin-right: 10px;}

/*order complete*/
#orderMeta {padding: 10px; margin-bottom: 20px; font-size: 1.4em; letter-spacing: 0.05em; }

#checkoutCoupons {position: relative; margin: 40px 0;}
#checkoutCoupons .calloutWindow {position: relative; overflow: hidden; height: 21.5em;}
#checkoutCoupons .calloutStrip {position: absolute; top: 0; left: 0; width: 9000px;}

#checkoutCoupons .calloutNav {
	position: absolute;
	letter-spacing: 0.05em;
	right: 0; top: 10px;
}

#checkoutCoupons .calloutNav span { /*<--- image scroller next/previous nav*/
	display: none;
	color: #666; 
	padding: 2px 5px;
	font-style: italic;
}

#checkoutCoupons .calloutNav span.next { 
	padding-right: 24px; 
	border-left: 1px solid #ccc; 
	background: url(../images/next.png) right no-repeat  
}

#checkoutCoupons .calloutNav span.prev { 
	padding-left: 24px; 
	background: url(../images/previous.png) left no-repeat; 
}

#checkoutCoupons .checkoutCoupon {
    float: left;
    border: 1px dotted #ccc;
    width: 418px; height: 14.5em;
    padding: 20px;
    margin-right: 20px;
}

#checkoutCoupons .couponDescription { 
	height: 5.5em; 
	padding-left: 60px;
	font-size: 1.2em; 
	line-height: 1.5em; 
	margin-bottom: 20px;
}

#checkoutCoupons .facebook .couponDescription {background: url(//si-us.s3.amazonaws.com/store/images/icons/facebookLarge.png) left top no-repeat;}
#checkoutCoupons .twitter .couponDescription {background: url(//si-us.s3.amazonaws.com/store/images/icons/twitterLarge.png) left top no-repeat;}
#checkoutCoupons .basic .couponDescription { padding-left: 0; }

#checkoutCoupons a.button {float:right; margin: 0;}
#checkoutCoupons .couponCode {float: right; font-size: 1.2em;  padding: 10px; }

/*new coupon dimensions for inside FB*/
.SIFB #checkoutCoupons .checkoutCoupon {width: 298px; height: 16.5em;}
.SIFB #checkoutCoupons .couponDescription {height: 6.5em;}

/*meta*/
#SIcheckoutMeta {
	clear: both;
	margin: 0 10px; 
	padding: 10px;
	background: #efefef;
	border-top: 1px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#SIcheckoutMeta li {
	float: left;
	border-left: 1px solid #B5B5B5;
	padding: 1px 0 1px 0.5em;
	margin: 0 0 0 0.6em ;
}

#SIcheckoutMeta li:first-child {border: none; margin: 0;}
#SIcheckoutMeta li.cardIcon {float: right;}