/*
 * Basic template for styling product pages
 *
 * Best not to change this file - it will be overwritten via future updates
 * To customise, either:
 * 1. Move this file into your theme folder,
 *    as the plugin will look for this file there first
 *    and then fall back here if it doesn't exist. OR
 * 2. Leave this here as a framework, and just add your
 *    own customisations to the normal style.css file
 *    in your theme folder
 *
 */

/*
 * Product Listings
 */

.blocklist, .blocklist li {
    margin:0;
    padding:0;
    list-style:none;
}

    #content .blocklist {
        margin:1.5em 0;
    }

    .blocklist .product_title {
        margin:.5em 0 0;
    }

    .blocklist h2 {
        font-size:1em;
        font-weight:normal;
    }

    .blocklist .aa_commerce_product_image {
        display:inline-block;
        width:100%;
    }

    .blocklist li {
        line-height:1.5em;
        width:30.3%;
        margin:0 1.5%;
        display:inline-block;
        vertical-align: bottom;
    }

        @media only screen and (max-width: 550px) {

            .blocklist li {
                width:48%;
                margin:0 1%;
            }

        }

    .blocklist p {
        margin:0;
    }

    .blocklist a {
        text-decoration:none;
        display:block;
        padding:9% 5%;
        text-align:center;
        border-radius:3px;
        border-bottom:2px solid #eee;
    }

        .blocklist a:hover {
            border-bottom-color:#eee;
            background:#eee;
        }

    .blocklist img {
        display:inline;
        vertical-align:bottom;
    }  

/*
 * The main description box
 */

.product_description { /* The main content container. Includes images added to the post */
    width: 100%;
    float: right;
}

.product_sku {
    font-size: 0.8em;
}

.product_info {
    margin:0 0 1em;
    width: 60%;
    float:right;
}

    .product_info h1 {
        margin-top:0;
    }

.ad-gallery, .product_thumbnail {
    width: 35%;
    float:left;
    margin:0 0 1em;
    position: relative;
}

    .ad-gallery {
        width:100%;
    }

.product_filed_under {
    width:100%;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 750px) {

    .product_description {
        display: -webkit-box; /* Initiate flexbox */
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-box-orient:vertical; /* Establishes the direction of reordering - we want the y-axis */
        -webkit-box-orient:vertical;
        -ms-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .product_info, .ad-gallery, .product_thumbnail, .product_filed_under {
        width:100%;
        float:none;
    }

        .product_info {
            -moz-box-ordinal-group: 2;
            -webkit-box-ordinal-group:2;
            -ms-flex-order:2;
            -webkit-order: 2;
            order: 2;
        }

        .product_filed_under {
            -moz-box-ordinal-group: 3;
            -webkit-box-ordinal-group:3;
            -ms-flex-order:3;
            -webkit-order:3;
            order:3;
        }

        .ad-gallery, .product_thumbnail {
            -moz-box-ordinal-group: 1;
            -webkit-box-ordinal-group:1;
            -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
        }

}

/*
 * Image gallery (single product page)
 */

ul.ad-thumb-list, ul.ad-thumb-list li {
    list-style:none;
    margin:0;
    padding:0;
}

/*
 * The pricing box
 */

.product_pricing_outer { /* default treatment for the price */
    padding: 0 0 1.5% 39%;
}

    .product_price, .product_price h2 {
        margin:0;
        display:inline-block;
        vertical-align: bottom;
        color:#f00;
    }

        .product_price h2 {
            margin:0 0 .15em; /* correct vertical alignment with more link */
        }

.product_on_special { /* If on special, this is the wrapper for all pricing info */
    overflow:hidden;
}

    .blocklist .product_on_special {
        margin:.75em 0 0; /* Top margin works in conjunction with margin on .product_add_button to provide uniform gaps */
    }

    .product_on_special h2 {
        float:left;
        margin:0 .5em 0 0;
        padding:0;
    }

        .product_on_special h2.product_special_price {
            margin-right:0;
        }

.product_price_regular { /* If on special, this is the normal price */
    text-decoration: line-through;
}

.product_special_price { /* Standard .product_price applies also, just the additional stuff required here */
    font-weight:bold;
}

.product_price_save { /* The amount of the saving */
    font-style: italic;
}

.variation {
    margin:0 0 1%;
    overflow:hidden;
    text-align: right;
}

.product_quantity {
    clear:both;
    text-align: right;
}

.variation label, .product_quantity label {
    vertical-align: top;
    display:inline-block;
    width:30%;
    padding:0 4% 0 3%;
    text-align:right;
    font-size:.9em;
    line-height:1.3em;
}

.variation select, .product_quantity input {
    border-radius:3px;
    width:59%;
    padding:0 1%;
    margin:0;
    vertical-align: top;
    display:inline-block;
    font-size:.8em;
}

    .variation select {
        width:61%;
        padding:0;
    }

/*
 * Shopping Cart
 */

.aa_checkout_form {
    margin:0;
}

.aa_checkout_form table {
    width:100%;
    margin-top:20px;
}

    .aa_checkout_form td, .aa_checkout_form th {
        text-align:left;
        padding:.45em .6em;
        vertical-align: top;
    }

    .aa_cart_prod_variation {
        clear:left;
        display:block;
    }

    .aa_checkout_form h2 {
        clear:both;
    }

    .aa_checkout_form table input {
        width:30px;
    }

    #content .aa_checkout_form input#aa_basket_update_qty, #content .aa_checkout_form input#aa_basket_empty {
        margin:0 0 20px;
    }

        #content .aa_checkout_form input#aa_basket_empty {
            float:left;
        }

.aa_commerce_form_wrap {
    float:left;
    width:100%;
}

.aa_commerce_form_wrap ul, .aa_commerce_form_wrap li {
    margin:0;
    padding:0;
    list-style:none;
}

    .aa_commerce_form_wrap * {
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
    }

    .aa_commerce_form_wrap ul {
        margin:1em 0 0;
        float:left;
        width:100%;
    }

    .aa_commerce_form_wrap li {
        margin:0 0 13px;
        padding:0 0 1px; /* Try and fix button/input cut-off */
        clear:both;
        overflow:hidden;
    }

        li.aa_checkout_note {
            padding:0 0 0 30%;
        }

    .aa_commerce_form_wrap label {
        float:left;
        display:block;
        width:30%;
        padding-right:7px;
        text-align:right;
        line-height:1.5em;
    }

    .aa_commerce_form_wrap input[type='text'], .aa_commerce_form_wrap textarea, .aa_commerce_form_wrap button {
        padding:.2em .4em .1em;
        font-size:.9em;
    }

        /* Some margin in case both inputs wrap onto a new line */
        .coupon_fields input {
            margin:0 0 .5em;
        }

        .aa_commerce_form_wrap input, .aa_commerce_form_wrap textarea {
            width:70%;
        }

            #aa_eway_cardcvv {
                width:3.35em;
            }

    .radio_div {
        float:left;
    }

        .radio_div input, .radio_div label {
            width:auto;
            text-align:left;
        }

            .radio_div label {
                width:100%;
                display:block;
                clear:both;
            }

            .radio_div input {
                float:left;
                margin:6px 6px 0 0;
            }

    @media only screen and (max-width: 750px) {

        .aa_checkout_form label, .aa_checkout_form input, .aa_checkout_form textarea {
            width:100%;
            text-align:left;
        }

            .radio_div input, .radio_div label {
                width:auto;
                text-align:left;
            }

                .radio_div input {
                    margin-left:3px;
                }

    }

#payment_options button {
    border:none;
    padding:0;
    margin:0 1em 1em 0;
    font:inherit;
    -webkit-appearance:none;
    text-indent:-9999px;
    display:inline-block;
    height:130px;
    width:272px;
    cursor:pointer;
    background:url(../images/payment_options.png) 10px 0 no-repeat;
    overflow:hidden;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

    #payment_options button#aa_payment_option_PayPalModule {
        width:272px;
        background-position:-255px 0;
    }

    #payment_options button#aa_payment_option_ManualPayment {
        width:222px;
        background-position:-520px 0;
    }

#payment_options p, #payment_options h4 {
    margin:0;
}

    #payment_options p {
        margin:0 0 1.25em;
    }

form p.submit {
    float:right;
    margin:0;
}

    .AACommerceSidebarWidget_Display p.submit {
        margin:.5em 1em;
    }

    #checkout_link, #aa_basket_empty, #aa_basket_update_qty, #content .submit input {
        display:block;
        float:right;
    }

        .cart_widget #checkout_link {
            display:inline-block;
            float:none;
            margin:0 0 0 .5em;
        }

        #content .submit input {
            font-size:1em;
        }

        #aa_basket_update_qty, #content #aa_checkout_add_coupon, #aa_basket_empty {
            font-size:.85em;
            border-color:#666;
            background:#666;
            color:#fff;
            font-weight:normal;
        }

            #aa_basket_update_qty:hover, #content #aa_checkout_add_coupon:hover {
                background:#f60;
                border-color:#f60;
            }

            #aa_basket_empty {
                border-color:#eee;
                background:#eee;
                color:#f00;
            }

                #aa_basket_empty:hover {
                    background:#666;
                    border-color:#666;
                    color:#fff;
                }

#aa_commerce_added_to_cart {
    background:#f60;
    clear:both;
    padding:.5em .75em .35em;
    margin:1em 0;
}

    #aa_commerce_added_to_cart p {
        margin:0;
        color:#fff;
        line-height:1.4;
        font-weight:700;
    }

        .checkout_cta {
            display:block;
            float:right;
            padding:0.2em 1em .05em;
            margin:-.5em -.75em -.55em .75em;
            border-radius:0;
            line-height:2;
            border:.25em solid #fff;    
            border-width:0 0 .25em .25em;
        }

.aa_checkout_errors {
    color:#f00;
    background:#ffebeb;
    border:1px solid #ffcece;
    padding:.5em .75em;
}

    .aa_checkout_errors a {
        color:#f00;
    }

    .aa_checkout_errors p {
        font-weight:bold;
        margin:0 0 .5em;
    }

    .aa_checkout_errors ul {
        margin:0;
        padding:0 0 0 30px;
    }

/* Startrack shipping module */

.star_track_wrapper {
    position:relative; /* To fix positioning on our friendly jQuery UI autocomplete dropdown */
}

.star_track_suburb_input {
    -moz-transition:all 100ms linear;
    -webkit-transition:all 100ms linear;
    transition:all 100ms linear;
    background-image:url(../images/loader.gif);
    background-repeat:no-repeat;
    background-position:-20px 50%;
}

        .star_track_suburb_input.ui-autocomplete-loading {
            padding-left:30px;
            background-position:5px 50%;
        }

/*
 * The order form
 */

.product_add_form { /* The form to add something to the cart */
    clear:both;
    margin:0 0 3%;
}

.product_add_quantity { /* The text box to enter the qty */
    width: 30px;
}

.product_add_button {
    width: 100%;
    font-size: 1.3em;
}

    a:hover .product_add_button, .product_add_button:hover {
        background: #fff;
        color:#f60;
    }

    .blocklist .product_add_button {
        display:inline-block;
        vertical-align: bottom;
        padding:.3em 0.5em .25em;
        margin:.75em 0 0 1em; /* Top margin works in conjunction with margin on .product_on_special to provide uniform gaps */
        width:auto;
        font-size:1em;
        line-height:1em;
        font-weight:bold;
    }

        .product_on_special+.product_add_button {
            margin-left:0; /* Disable left margin if this comes after .product_on_special (on a new line) */
        }

    .product_add_form .product_add_button {
        margin:1.5% 0 0;
        font-weight:normal;
    }

#accounts-order-detail th {
    text-align: left;
    vertical-align: top;
}

#accounts-order-detail table {
    width:100%;
}

/*
 * Featured product widget
 */

.featured_products_landscape {
    clear:both;
}

    .featured_products_landscape h3 {
        margin:.75em 0 .25em;
        font-size:1em;
    }

        .featured_products_landscape a {
            display:block;
            text-decoration:none;
            overflow: hidden;
            border:1px solid #eee;
            background:#eee;
            padding:0 1em .5em;
        }

            .featured_products_landscape.display_1 a {
                padding:0 .7em 0 0;
            }

            .featured_products_landscape.display_3 a {
                min-height:13em; /* Should give us equal heights for up to 3 lines of product title */
            }

            .featured_products_landscape a:hover {
                border:1px solid #ddd;
                background:#ddd;
            }

    .featured_widget_title {
        margin:0 0 .5em;
    }

    .featured_products_landscape ul, .featured_products_landscape li {
        margin:0;
        padding:0;
        list-style:none;
    }

        .featured_products_landscape li {
            display:inline-block;
            vertical-align: top;
            width:30.3%;
            margin:0 1.5%;
        }

            /* Even out margins/widths so we get a neat, full width display on a 3 item widget instance. */
            .featured_products_landscape.display_3 li {
                margin:0 0 0 3%;
                width:31.3%;
                vertical-align: bottom;
            }

            .featured_products_landscape.display_3 li:first-child {
                margin:0;
            }

            .featured_products_landscape.display_1 li {
                display:block;
                width:auto;
                margin:0;
            }

    .featured_products_landscape .aa_commerce_product_image {
        display: block;
        text-align:center;
        padding: 10%;
        margin: 0 -1em;
        background: #fff;
    }

        .featured_products_landscape .aa_commerce_product_image img {
            display:block;
        }

            .featured_products_landscape.display_3 .aa_commerce_product_image img {
                max-height:100px;
                width:auto;
                margin:0 auto;
            }

        .featured_products_landscape.display_1 .aa_commerce_product_image {
            float:left;
            width:34%;
            padding:3%;
            margin:0 3% 0 0;
        }


    @media only screen and (max-width:750px) {

        .featured_products_landscape.display_3 li {
            width:49%;
            margin:0 0 0 2%;
        }

            .featured_products_landscape.display_3 li:last-child {
                display:none;
            }

    }

/* Old ad-gallery styles */

.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}

  #content .ad-gallery img, .product_thumbnail img {
    border:none;
    max-width:100%;
    height:auto;
    padding:0;
    margin:0 auto;
    display:block;
  }

  .ad-gallery .ad-image-wrapper {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }

  .single-image .ad-image-wrapper {
    overflow: visible;
    height: auto;
  }

ul.ad-thumb-list, ul.ad-thumb-list li {
    list-style:none;
    margin:0;
    padding:0;
}

ul.ad-thumb-list {
    margin:0 0 15px;
}

ul.ad-thumb-list li {
    margin:0 5px 5px 0;
    float:none;
    display:inline-block;
}