/**
 * Added style customizations.
 */
/*
 * Overrides
 */
.Content { float: left; }
.ProductContainer { width: 760px; }

#TopMenu ul li {
    float: right;
}

#Wrapper { padding-top: 140px; }

.Content .PrimaryProductList-2 {
    margin: 0px;
    padding: 0px;
}
.Content .PrimaryProductList-2 li.product {
    margin: 0 0 1em 0;
    padding: 0px;
    list-style-type: none;
    border: 1px solid #d0d0d0;
}
.Content .PrimaryProductList-2 li.product div.ProductImage {
    width: 100px;
    float: left;
}
.Content .PrimaryProductList-2 li.product div.ProductDetails {
    width: 600px;
    float: right;
}
.Content .PrimaryProductList-2 li.product div.ProductDetails table.pricing {
    width: 50%;
}

/*
 * Additions
 */
p.last { margin-bottom: 0; }
.intro {
    font-size: 1.25em;
}
.clear {
    clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.block {
    margin: 0 0 1em;
}

.help-text {
    font-size: 0.75em;
    font-style: italic;    
}
.field-required {
    font-size: 0.75em;
    color: #990000;
}
.deemphasize {
    color: #656565
}
ul.form-field-errors {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.form-field-errors li {
    color: #990000;
    font-size: small;
    list-style-type: none;
}
ul.form-errors, ul.errorlist {
    margin: 0;
    padding: 0;
}
.error,
ul.form-errors li,
ul.errorlist li {
    color: #990000;
    font-size: 100%;
    list-style-type: none;
}
.content-callout {
    padding: 0.5em 1em;
    background-color: #D5E2B2;
    box-shadow: 2px 2px 1px #ccc;
    -moz-box-shadow: 2px 2px 1px #ccc;
    -webkit-box-shadow: 2px 2px 1px #ccc;
}
.content-callout-notice {
    background-color: #FFF3A5;
}
.Button-Secondary {
    background-color: #919191;
    background-image: none;
}
.Button-Urgent {
    background-color: #B00E0E;
    background-image: none;
}
.Button {
    cursor: pointer;
}
.highlight { color: #CB262D; }
.question { color: #26427A; }
.bigger { font-size: 1.2em; }


/*
 * Messages
 */
ul.messages {
    margin: 0 0 1em 0;
    padding: 0.5em;
    font-size: 1em;
    font-weight: normal;
    color: #007A00;
    background-color: #E6FFE6;
    border-top: 2px solid #0c0;
    border-bottom: 2px solid #0c0;
    list-style-type: none;
}
ul.messages li { list-style-type: none; }
ul.error-messages {
    margin: 0 0 1em 0;
    padding: 0.5em;
    font-size: 1em;
    font-weight: normal;
    color: #600;
    background-color: #fcc;
    border-top: 2px solid #c00;
    border-bottom: 2px solid #c00;
    list-style-type: none;
}
ul.error-messages li { list-style-type: none; }

/**
 * Product Suggestions
 *   found on the shopping cart
 */
div.product-suggestions-section h2 {
    color: #568A4D;
    font-size: 1.7em;
}
table.product-suggestions {
    width: 62%;
}
table.product-suggestions td.product-image {
    width: 80px;
}
table.product-suggestions td.short-description,
table.product-suggestions td.add-now {
    vertical-align: bottom;
    height: 50%;
}
table.product-suggestions td.short-description {
    font-size: 1.2em;
    font-weight: bold;
}
table.product-suggestions a.buy-now {
    background:transparent url(/assets/images/cta_buy_now.gif) no-repeat scroll 0 0;
    display:block;
    height:41px;
    width:190px;
}
table.product-suggestions a.buy-now span {
    display: none;
}
table.product-suggestions a.buy-now:hover {
    background-position: -190px 0px;
}

/**
 * Standard Form Styling
 *   copied from http://www.alistapart.com/articles/prettyaccessibleforms/
 */
form.standard fieldset { margin-bottom: 10px; }
form.standard legend { padding: 0 2px; font-weight: bold; }
form.standard label { display: inline-block; line-height: 1.8; vertical-align: top; }
form.standard fieldset ol { margin: 0; padding: 0; }
form.standard fieldset li { list-style: none; padding: 5px; margin: 0; }
form.standard fieldset fieldset { border: none; margin: 3px 0 0; }
form.standard fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.standard fieldset fieldset label { display: block; width: auto; }
form.standard em { font-weight: bold; font-style: normal; color: #f00; }
form.standard label { width: 120px; /* Width of labels */ }
form.standard fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ }
form.standard p.mandatory { font-weight: bold; }
form.standard p.mandatory em { color: red; }


/**
 * Custom Form Styling
 */
form.standard fieldset { border: none; border-top: 1px solid LightGrey; padding: 0; }
form.standard legend { padding-right: 1em; }
-input[type=text] { width: 19em; }
.HorizontalFormContainer dd { margin-bottom: 1em; }
.HorizontalFormContainer dt { text-align: right; font-weight: bold; }


/**
 * Address book listing
 */
ul.address-book {
    margin: 0;
    padding: 0;
}
ul.address-book li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 2em 0;
    width: 310px;
}
ul.address-book li.left {
    display: block;
    float: left;
}
ul.address-book li.right {
    display: block;
    float: right;
}
ul.address-book li form {
    margin: 0;
    padding: 0;
}

/**
 * Call Center CSS
 */
h1.callcenter { float: left; }
a#cancel-form { float: right; font-weight: bold; }

#shipping-info-box, #billing-info-box {
    width: 49%;
}
#shipping-info-box { float: left; }
#billing-info-box { float: right; }
#billing-info-box legend a { padding-left: 1em; font-size: small; cursor: pointer; font-weight: normal; }
#recurring-order-box, #credit-card-box { margin-top: 2em; }
#recurring-order-box ul li label { width: 240px; }

table.order {
    border: 1px solid #D5D5D5;
}
table.order caption {
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    background-color: #F0F0F0;
    padding: .25em .5em;
    border: 1px solid #D5D5D5;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}
table.products, table.order-items {
    border-color: LightGrey;
}
table.products td.name { font-weight: bold; font-size: 1.2em; }
table.order-items td.price { text-align: right; }
table.order-items tr.subtotal { font-size: 1.25em; }

form#enter-details input { font-size: 1.5em; }

/* {{{ ul.checkout-progress */
ol#checkout-progress {
    width: 100%;
    margin: 0;
    padding: 0 0 1em 0;
}
ol#checkout-progress li {
    list-style-type: none;
    margin: 0;
    float: left;
    width: 24%;
    background-color: #F0F0F0;
    color: #909090;
    border-right: 3px solid white;
}
ol#checkout-progress li a {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
}
ol#checkout-progress li.active {
    color: #191f08;
    background-color: #D5E2B2;
}
ol#checkout-progress li.completed {
    color: #ffffff;
    background-color: #848C6F;
}
ol#checkout-progress li span.text {
    display: inline-block;
    padding: 0.5em 1em;
}
.checkout-step {
    background: url("{{ MEDIA_URL }}../assets/images/bg_checkout_step.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    height: 18px;
    margin: 3px 5px 0 0;
    padding: 1px 0 0;
    text-align: center;
    width: 19px;
}
/* ul.checkout-progress }}} */

/* {{{ List of addresses */
table.addresses {
    margin: 0;
    padding: 0;
}
table.addresses td {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
}
table.addresses td div.address {
    padding: 1em;
}
table.addresses td .address .address-type {
    font-weight: bold;
    display: block;
}
/* List of addresses }}} */