/*
Name: Golden Eagle Checkout CSS
Date: May 2010
Description: Global Style Sheet
Version: 1.0
Coder: Enrique Ramirez
Coder URI: http://enrique-ramirez.com
*/

/* Checkout
===============================================*/
#checkout {padding: 30px 0 50px 0;}
#checkout .module:after, .col1:after, .col2:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}

/* Inputs */
#checkout .text {border: 1px solid #999; padding: 3px;}
#checkout textarea {padding: 5px;}

/* Steps
-----------------------------------------------*/
#check-steps {background-color: #E6E6E6; background-image: url('../image/bg-steps.png'); background-repeat: no-repeat; height: 50px; list-style: none; margin: 0 0 30px 0; overflow: hidden; padding: 4px; width: 777px;}
#check-steps li {color: #808080; display: block; font-size: 14px; float: left; height: 50px; line-height: 50px; padding: 0 0 0 10px; text-align: center; width: 145px;}
#check-steps li.first {padding: 0 5px 0 0; width: 150px;}
#check-steps li.active {color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,.3);}

/* Steps */
.step1 {background-position: 0 0;}
.step2 {background-position: 0 -58px;}
.step3 {background-position: 0 -116px;}
.step4 {background-position: 0 -174px;}
.step5 {background-position: 0 -232px;}
	
/* Submit area
-----------------------------------------------*/
#checkout .submit {padding: 20px 0; text-align: right;}
#checkout .submit img, #checkout .submit input {margin-left: 10px;}
#checkout .submit .col1 {position: relative; float:left; width:370px; padding:5px; margin:0; text-align: left;}
#checkout .submit .col2 {position: relative; float:left; width:380px; padding:5px; margin:0; font-size: 16px; font-weight: bold; color:#006699;}
#checkout .submit .button {background:none repeat scroll 0 0 #E6E6E6; color:#666666; display:inline; float:none; margin:0 5px 0 0; text-shadow:none; width:100px; height:22px;
    -moz-border-radius:5px 5px 5px 5px; border:1px solid #999999; cursor:pointer; font-family:inherit; font-size:11px; font-weight:bold; text-align:center; }
#checkout .submit .text {width:100px;}
	
/* Cart Tables
-----------------------------------------------*/
/* Table */
#checkout .module table {width: 100%;}
#checkout .module thead th {background: #e6e6e6; border-bottom: 1px solid #ccc; font-weight: bold; padding: 12px 20px;}
#checkout .module tbody tr {background: url('../image/tr-hr.gif') repeat-x bottom;}
#checkout .module tbody tr:last-child {background: none;}
#checkout .module tbody td {padding: 15px 20px; vertical-align: bottom;}

/* Cart */
#cart-table tbody td.price {padding-bottom: 45px;}
#cart-table tbody td img {border: 1px solid #999; display: block;}

#cart-table .info fieldset {padding: 10px 0 0 0;}
#cart-table tbody .info .button {color:#666; background: #e6e6e6; border-color: #999; float: none; display: inline; margin: 0 5px 0 0; width: auto; text-shadow: none;}
#cart-table tbody .info .button:hover {background: #f3f3f3; border-color: #bbb;}
#cart-table tbody .info .text {border: 1px solid #999; margin: 0 5px 0 0; padding: 3px; text-align: center; width: 40px;}

/* Subtotal */
#cart-sub {display: block; font-size: 16px; font-weight: bold; padding: 30px 20px 0 0; text-align: right;}
#cart-sub strong {margin-left: 1em;}
		
/* Customer Info */
#customer-info .fee {text-align: center;}
#customer-info .total {text-align: right;}
#customer-info .disabled {color: #888;}

#customer-info .alert {text-align: right;}
#customer-info .alert strong {background: url('../image/icons/ico-attention.png') no-repeat center left; font-weight: normal; padding-left: 22px;}
	
/* Review Table */
#checkout .module table.order {padding: 0;}

#checkout .module table.order thead tr {background: url('../image/tr-hr.gif') repeat-x bottom;}
#checkout .module table.order thead th {background: none; border: 0;}
#checkout .module table.order tbody td, table.order tfoot td, table.order tfoot th {padding: 10px 20px;}
#checkout .module table.order .total {text-align: right;}

#checkout .module table.order tbody tr:last-child {background: url('../image/tr-hr.gif') repeat-x bottom;}

#checkout table.order tfoot td, #checkout table.order tfoot th {font-weight: bold;}
table.order tfoot td {text-align: right;}
table.order tfoot .total th, table.order tfoot .total .grand {background: url('../image/tr-hr.gif') repeat-x top; color: #0071BC;}
	
/* Modules
-----------------------------------------------*/
#checkout .module {background: #F7F7F7; border: 1px solid #ccc; font-size: 14px; list-style: none; margin: 0 0 30px 0;
    border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px;}

#checkout .module h2 {background: #e6e6e6; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: bold; padding: 12px 20px;}
#checkout .module .conts {border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 15px 20px;}
#checkout .module ul {list-style: none; margin: 0;}
#checkout .module ul li {margin: 0; overflow: hidden; padding: 8px 15px; height: 1%;}

/* Two Columns */
#checkout .cols2 {background: #f7f7f7 url('../image/bg-cols2.gif') repeat-y 390px 0; width: 100%;}
#checkout .cols2 .col1 {float: left; width: 390px;}
#checkout .cols2 .col2 {float: right; width: 392px;}
	
/* Forms */
#checkout .module fieldset {font-size: 12px;}

/* Login
-----------------------------------------------*/
#checkout .login h2 {text-align: center;}
#checkout .login .conts {padding: 30px;}

.login label {clear: left; float: left; text-align: right; padding: 3px 5px 5px 0; width: 100px;}
.login .text {border: 1px solid #999; margin: 0 5px 5px 0; padding: 2px 3px; width: 185px;}
.login .btn {margin: 20px 0 20px 105px;}
.login a:link, .login a:visited {margin-left: 105px; text-decoration: underline;}
.login a:hover, .login a:active {text-decoration: none;}
	
/* Info
-----------------------------------------------*/
#check-info {font-size: 14px;}
#check-info .info {float: left;}
#check-info .sub {color: #0071BC; float: right;}
#check-info .sub span {color: #1a1a1a;}
#check-info li {background: url('../image/icons/bg-hr.gif') repeat-x bottom; padding-left: 15px;}
#check-info li:last-of-type {background: none;}
#checkout #check-info .info {padding-left: 30px;}


#payment-type {font-size: 12px;}
#payment-type .info {float: left;}
#payment-type .sub {color: #0071BC; float: right;}
#payment-type .sub span {color: #1a1a1a;}
#payment-type li {background: url('../image/icons/bg-hr.gif') repeat-x bottom; padding-left: 15px;}
#payment-type li:last-of-type {background: none;}
#payment-type #check-info .info {padding-left: 30px;}




/* Cart */
#checkout #check-info .cart .info {background: url('../image/icons/ico-cart.png') no-repeat left center;}
#check-info .cart a {font-size: 12px;}

/* Payment */
#checkout #check-info .payment .info {background: url('../image/icons/ico-money.png') no-repeat left center;}
.payment em {color: #0071BC; font-weight: bold; font-style: normal;}

/* Thank You */
#checkout #check-info .thanks .info {background: url('../image/icons/ico-smiley.png') no-repeat left center;}

/* Order */
#checkout .number em {color: #C1272D; font-style: normal; font-weight: bold;}
	
/* Address */
.address {font-size: 12px; line-height: 1.5;}
.address ul {list-style: none; margin: 0;}
#checkout .address ul li {margin: 0 0 7px 0; padding: 0;} 
	
/* Address Form */
#other-address {padding: 5px 25px; width: 255px;}
.address label {display: block; clear: both;}
.address .text {clear: both; display: block; margin: 0 0 8px 0; width: 245px;}
.address select {margin: 0 0 8px 0; width: 250px;}

#checkout .address .col1 {width: 125px;}
#checkout .address .col2 {width: 125px;}

#checkout .address .col1 .text, #checkout .address .col1 select {width: 115px;}
#checkout .address .col2 .text {width: 115px;}

/* Details
-----------------------------------------------*/
.payment-details ul label {font-size: 14px; float: left; width: 135px;}
.payment-details ul .submits select,
.payment-details ul .submits input,
.payment-details ul .submits a,
.payment-details ul .submits span,
.payment-details ul .submits img {display: inline; margin-right: 5px; vertical-align: middle;}
.payment-details select {width: auto;}
.payment-details .submits em {font-style: normal; font-size: 12px;}

.payment-details .text {width: 200px;}
.payment-details .cvv .text {widtH: 40px;}

/* Top Notes */
.top-note {background: url('../image/icons/bg-hr.gif') repeat-x bottom; border-top: 1px solid #fff; padding: 12px 15px;}
.top-note:last-child {background: none;}
.top-note .top-alert {background: url('../image/icons/ico-attention.png') no-repeat center left; padding-left: 25px;}

/* Secure Order */
.secure {background: url('../image/icons/bg-hr.gif') repeat-x bottom;}
.secure label {text-align: right;}

.payment-details .secure label {padding-right: 15px;}

/* Instructions
-----------------------------------------------*/
#checkout .instrucs .conts {background: url('../image/icons/bg-hr.gif') repeat-x top; padding-left: 45px;}
#checkout .instrucs h2 {background-color: transparent; border: 0; padding-left: 45px;}
.instrucs .conts p {font-size: 14px; margin-bottom: 12px;}

/* Cashiers */
#checkout .check h2 {background: url('../image/icons/ico-mail.png') no-repeat 15px center;}
.check p {line-height: 1.6;}

/* Credits */
#checkout .credit h2 {background: url('../image/icons/ico-credit.png') no-repeat 15px center;}

/* Wire */
#checkout .wire h2 {background: url('../image/icons/ico-link.png') no-repeat 15px center;}
#checkout .wire .conts ul.wire-info li {margin: 0 0 15px 0; overflow: hidden; padding: 0; width: 100%;}
#checkout .wire ul strong {float: left; font-weight: normal; width: 100px;}

/* Create Account
-----------------------------------------------*/
#create-account {margin: 0 0; width: 506px;}
#create-account .module label {clear: left; float: left; text-align: right; margin: 5px 0 15px 0; padding: 2px 10px 0 0; width: 175px;}
#create-account .module .text {border: 1px solid #999; float: left; margin: 0 0 5px 0; padding: 5px 5px; width: 205px;}
#create-account .module select {float: left; margin: 0 0 5px 0; width: 158px; height: 20px; font-size: 12px;}
#create-account .module .med {width: 150px;}
#create-account .tos textarea {background: #fff; border: 1px solid #ccc; color: #666; width: 494px; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px;}
#create-account .agree {margin: 0 auto; padding: 30px 0; width: 256px;}
#create-account .submit {text-align: center;}

/* Small Modules
-----------------------------------------------*/
.module_ad {margin: 5px 5px; width: 227px; float: right;}
.module_ad {background: #F7F7F7; border: 1px solid #ccc; font-size: 14px; list-style: none; margin: 0 0 30px 0; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px;}
.module_ad h2 {background: #e6e6e6; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: bold; padding: 12px 20px;}
.module_ad .conts {border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 15px 20px;}
.module_ad ul {list-style: none; margin: 0;}
.module_ad ul li {margin: 0; overflow: hidden; padding: 8px 15px; height: 1%;}