/*
Cyberplex CMS Checkout Forms CSS - By Nathaniel B, Friday Oct. 12th 2007 10:10AM EST

#################################### Please Note ###################################

Each item has been localized as possible to ensure maximum control over individual
elements. Make sure when editing something that seemingly is the same as something
else (i.e. The First Name field in the billing address and the First Name field in
the Shipping Address) are controlled seperately, but often have the same attributes
and respective values.

+++++++++++++++++++++++++++++++ IMPORTANT INFO FOR IE ++++++++++++++++++++++++++++++

There is a seperate CSS file, checkout_form_ie.css, that has selective modified
attributes for cross-browser compatibilty. Please make sure you check that as well
before modifying.


Index:
Block 00: Summary of Info after the List Table (Step One)
Block 01: Billng Address Stuff (Step One)
Block 02: Shipping Address Stuff (Step One)
Block 03: Submit Button on Step One
Block ##: Error Details


*/

/*Summary of Info on List Table ################################################# 00 */
.SumDiv {
    width:100%;
    float:left;
    clear: both;
}
.SumHead {
    text-align: right;
    width: 60%;
    float: left;
    font-weight:bold;
}
.SumItem{
    text-align: right;
    width: 40%;
    float: right;
}
#ShoppingButtons {
    margin-top:13px;
    float:right;
    width:100%;
    _margin-bottom:-16px;
}
#ShoppingButtons #UpdateCartButton {
    float:right;
    margin-left:5px;
}
#ShoppingButtons #ContinueShoppingButton {
    float:right;
    margin-left:5px;
}
#ShoppingButtons #CheckOutButton {
    float:right;
    margin-left:5px;
}
#ShoppingButtons #ClearCartButton {
    float:right;
}

#PayOptionsDiv {
    margin-top:8px;
    float:right;
    width:100%;
    text-align:right;
    margin-bottom:18px;
}

/*Billing Address Stuff ######################################################### 01 */
#BillingAddressFormDiv #BillingHead {
    font-weight:bold;
    margin-bottom:13px;
}
#BillingAddressFormDiv .TextFieldDiv {
    float:left;
    width:270px;
    margin-bottom:13px;
}
#BillingAddressFormDiv .SelectDiv {
    float:left;
    width:270px;
    margin-bottom:13px;
}
#BillingAddressFormDiv .SelectDiv #InputProvinceDiv{ margin:0px; }

#BillingAddressFormDiv {
    float:left;
    width:270px;
}
#BillingAddressFormDiv label {
    float:left;
}
#BillingAddressFormDiv input {
    float:right;
}
#BillingAddressFormDiv .TextFieldDiv input {
    width:154px;
}
#BillingAddressFormDiv select {
    float:right;
}
#BillingAddressFormDiv select#Country {
    float:left;
    width:270px;
}
#BillingAddressFormDiv select#InputProvince {
    width:158px;
}

/* Shipping Address Stuff ###################################################### 02 */
#ShippingAddressFormDiv #ShippingHead {
    font-weight:bold;
    margin-bottom:13px;
}
#ShippingAddressFormDiv .TextFieldDiv {
    float:left;
    width:270px;
    margin-bottom:13px;
}
#ShippingAddressFormDiv .SelectDiv {
    float:left;
    width:270px;
    margin-bottom:13px;
}
#ShippingAddressFormDiv .SelectDiv #shipping_InputProvinceDiv{ margin:0px; }

#ShippingAddressFormDiv {
    float:right;
    width:270px;
}
#ShippingAddressFormDiv label {
    float:left;
}
#ShippingAddressFormDiv input {
    float:right;
}
#ShippingAddressFormDiv .TextFieldDiv input {
    width:154px;
}
#ShippingAddressFormDiv select {
    float:right;
}
#ShippingAddressFormDiv select#shipping_Country {
    float:left;
    width:270px;
}
#ShippingAddressFormDiv select#shipping_InputProvince {
    width:158px;
}

/* Submit Button On Step One ################################################### 03 */
#ContactButton, #LastPayButton {
    float:left;
    width:700px;
}
#ContactButton input, #LastPayButton input {
    margin:0px;
    padding:0px;
}
/* Product Page Add to Cart Form ############################################### 00 */
#ShoppingForm {
    width:100%;
    float:left;
    margin-bottom:13px;
}
#ShoppingForm #ShippingDrops {
    float:left;
}
#ShoppingForm #AddButton {
    float:left;
    margin-left:10px;
}

#ShoppingForm #PayOptions {
    margin-top:5px;
    float:left;
    clear:left;
}

/* After info is entered and submitted, Confirmation Page ###################### 00 */
#CardForm {
    width:100%;
    height:auto;
    float:left;
    padding-bottom:13px;
}

#CardForm #CardFormTitle {
    font-weight:bold;
}

#CardForm div{
    width: 100%;
    float: left;
    clear: left;
    margin-bottom: 5px;
}

#CardForm label {
    width: 200px;
    float:left;
}
#CardForm input {
    width: 200px;
    float: left;
}
#CardForm select{
    float: left;
}
#InputCardType { width: 204px; }
#card_ex_month { width: 130px; margin-right: 10px; }
#card_ex_year  { width: 64px;}

/*
#CardForm #InputCardFirstNameDiv {
width:100%;
float:left;
clear:left;
}
#CardForm #InputCardLastNameDiv {
width:100%;
float:left;
clear:left;
}
#CardForm #InputCardTypeDiv {
width:100%;
float:left;
clear:left;
}
#CardForm #InputCardNumberDiv {
width:100%;
float:left;
clear:left;
}
#CardForm #InputCardExpireDate {
width:100%;
float:left;
clear:left;
}
#CardForm #InputCardCVVDiv {
width:100%;
float:left;
clear:left;
}

#CardForm #InputCardFirstNameDiv label {
margin-right:124px;
}
#CardForm #InputCardLastNameDiv label  {
margin-right:127px;
}
#CardForm #InputCardTypeDiv label  {
margin-right:127px;
}
#CardForm #InputCardNumberDiv label  {
margin-right:107px;
}
#CardForm #InputCardExpireDate label  {
margin-right:95px;
}
#CardForm #InputCardCVVDiv label  {
margin-right:18px;
}

#CardForm .TextFieldDiv input {
width:151px;
}

#CardForm select#InputCardType {
width:155px;
}
*/

#billing {
    width: 45%;
    background: #D5EDFF;
    /* background: #005BA1; for dark back grounds */
    border: 1px solid #89C4FE;
    float: left;
    padding: 2%;
    margin-bottom: 13px;
}

#shipping {
    width: 45%;
    background: #D5EDFF;
    /* background: #005BA1; for dark back grounds */
    border: 1px solid #89C4FE;
    float: right;
    padding: 2%;
    margin-bottom: 13px;
}

/* Errors ###################################################################### 00 */
.Error, #CardError {
    clear:both;
    color:red;
    font-weight:bold;
    margin-bottom:13px;
    background:#FFCECE;
    border:#FF8285 1px solid;
    height:auto;
    wdith:100%;
    padding:13px;
}

#CardError .Error{
    border: none;
    margin: 0px;
    padding: 0px;
}

.Error div {
    color:#665665;
    font-size:10pt;
    font-weight:normal;
}