﻿/* Generic + jQuery UI bits */

fieldset
{
    min-width: inherit;
}

.ui-select .ui-btn-inner
{
    white-space:normal;
}

/* End generic jQuery UI bits */

.Error
{
    color:Red !important;
}

/*** Cart Page ***/
.BasketContainer
{
    font-size:12px;
}

.BasketContainer .BasketProductQuantity
{
    width:18% !important;
}

.BasketContainer .ImageContainer
{
    width:18% !important;
}

.BasketContainer .Info
{
    width:50% !important;
}

.BasketContainer .ProductPrices
{
    width:14%;
}

.BasketContainer .ProductPrices .ui-btn,
.BasketContainer .ProductPrices .ui-btn-inner
{
    width:26px;
    height:26px;
    padding:0;
    float:right;
    clear:right;
}

.BasketContainer .ProductPrices .ui-btn:first-child
{
    margin-top:2px;
}

.BasketContainer .ProductPrices .ui-icon
{
    left:4px;
    top:4px;
    margin-left:0;
}

.BasketContainer .Info h2, .BasketContainer .Info h3
{
    word-wrap: break-word;
    margin:0 0 4px;
    font-size:11px;
}

.BasketContainer .Info h3
{
    font-weight:normal;
}

.BasketContainer .Info h2, .BasketContainer .Info p
{
    margin:0;
    
}

.BasketContainer .Info .CartPrice
{
    font-weight:bold;
    font-size:14px;
    padding:5px 0;
    text-align:right;
    color:#D90000;
}

.BasketContainer .Info .CartPrice .CartPriceLabel
{
    font-size:12px;
    font-weight:normal;
    padding-right:5px;
    color:#333333;
}

.BasketContainer .ImageContainer img
{
    max-width:100%;
    height:inherit;
    text-align:center;
}

.BasketContainer .BasketProductQuantity input.Quantity
{
    width:60%;
    float:left;
    text-align:center;
}

.BasketContainer .BasketProductQuantity .Divider
{
    display: block;
    width:40%;
    float: left;
    padding: 15px 0;
    text-align:center;
}


.CartProducts .BasketProductQuantity,
.CartProducts .ImageContainer,
.CartProducts .Info,
.CartProducts .ProductPrices
{
    border-top:1px solid #cccccc;
    padding-top:5px;
    border-right:none;
    border-left:none;
}

.CartTotalsContainer
{
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    margin-bottom:10px;
}

.CartTotals
{
    clear:both;
    text-align:right;
}

.CartTotals .CartTotalPrice,
.CartTotals .CartTotalTitle
{
    border:none;
    padding:2px 0;
}

.CartTotals .CartTotalPrice
{
    font-weight:bold;
    width:30%;
}

.CartTotals .CartTotalTitle
{
    width:70%;
}

.RemoveAllContainer 
{
    padding:4px 0 4px 60%;  
    margin-bottom:5px;
    width:40%;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

.RemoveAllContainer .ui-btn
{
    margin-right:5px;
}

.RemoveAllContainer .ui-btn-inner
{
    font-size:12px;
    padding:0.4em 10px;
}

.PromoCodeForm
{
}

.PromoCodeForm .PromoCodeText,
.PromoCodeForm .PromoCodeButton
{
    border:none;
}

.PromoCodeForm .PromoCodeText
{
    width:65%;
}

.PromoCodeForm .PromoCodeButton
{
    width:35%;
}
.PromoCodeForm .PromoCodeText input.Text,
.PromoCodeForm .PromoCodeButton .ui-btn-text
{
    font-size:12px;
}

.PromoCodeForm .PromoCodeButton .ui-btn-inner
{
    padding:0.3em 10px;
}

.PromoCodeForm .PromoCodeButton .ui-btn-inner
{
    overflow:auto;
    white-space:normal;
}

/*** Checkout Table ***/

.BasketContainer.CheckoutProductsContainer
{
    margin-bottom:10px;
    clear: both;
}

.BasketContainer.CheckoutProductsContainer .Info
{
    width:62% !important;
}

.BasketContainer.CheckoutProductsContainer .ProductPrices
{
    width:20% !important;
    text-align:right;
}

.BasketContainer.CheckoutProductsContainer .CartTotals
{
    padding:4px 0;
}

/*** Checkout ***/

.Wizard
{
    width:100%;
}

.Wizard table
{
    width:100%;
}

.Wizard .Sidebar
{
    padding:0 !important;
    margin:0 !important;
    width:0px !important;
    display:none;
}

.Sidebar table
{
    width:310px !important;
    margin:0;
    padding:0;
    display:none;
    top:0;
}

.Sidebar table td
{
    display:block;
}

.Wizard .ui-select .ui-btn-inner
{
    white-space:normal;
}


#PrimaryContent .Wizard h1
{
    margin-bottom:10px;
}

p.CheckoutLoggedInMessage
{
    margin: 5px 0;
}

.Wizard input.NextStep
{
    float:right;
}

.ShipToInvoiceAddressCheckBoxContainer
{
    padding:10px 0;
}

.ShipToInvoiceAddressCheckBoxContainer .ui-checkbox
{
    float:left;
}

.ShipToInvoiceAddressCheckBoxContainer .ui-checkbox input
{
    float:left;
    text-align:right;
    position:static !important;
    padding:10px !important;
    margin-right:10px;
    margin-top:0 !important;
}

.ShipToInvoiceAddressCheckBoxContainer label
{
    float:left;
}

/*** Voucher Payment ***/

.VoucherPaymentOverview
{
    text-align:right;
}

.VoucherPaymentContent input.Text
{
    width:100% !important;
}

.VoucherPaymentContent input.Text,
.VoucherPaymentContent .ui-btn-text
{
    font-size:12px;
}

.VoucherPaymentContent .ui-btn-text
{
    padding:0.3em 10px;
}


/*** Login Form ***/

.Remember
{
    padding: 8px 0 0;
}

.LoginBox p
{
    margin:0;
    white-space:normal;
}

.LoginBox a.ui-btn
{
    margin:1em 0;   
    text-transform:capitalize;
}

.LoginBox fieldset div
{
    padding:4px 0;
}


/*** Form Checkbox ***/

.ShipToInvoiceAddressCheckBoxContainer label,
.Remember label
{
    padding-top:5px;
}

.CheckoutTermsBox
{
    position:relative;
}

.CheckoutTermsBox label
{
    padding-left:24px;
    display:block;
    float:left;
}

.CheckoutTermsBox .ui-checkbox
{
    position:absolute;
    top:0;
    left:0;
}


.ui-checkbox
{
    float:left;
    margin-right:5px;
}

.ui-checkbox input
{
    margin:0;
    position:static;
    padding:8px;
}

/*** Contact Page ***/

#ContactMap iframe
{
    width: 100%;
}


input.Quantity 
{
    text-align:center;
}