/* 
    WebCube 4.2
    simplecart.css
*/

/* generic */

.next, .prev { float:left; position:relative; }
.next { float:right; }

.sale { color:#c00; font-weight:bold; }

#print_logo { display:none; visibility:hidden; }

#breadcrumbs {
    float:left; position:relative;
    width:720px;
}

#breadcrumbs a, #breadcrumbs span { float:left; position:relative; }

#breadcrumbs .accent { 
    background:url('../../webcubecore/img/elements.png') no-repeat -114px -57px;
    width:20px; height:20px;
}

/* graphic options */
ul.graphicoption, 
ul.graphicoption li,
ul.graphicoption li a,
ul.graphicoption li a img {
    float:left; position:relative;
}

ul.graphicoption li a img { width:24px; }

/* page:category_detail */
.category_controls {}

.category_controls .order_by,  
.category_controls .paginate_by {
    float:left; position:relative;
    margin:2px 20px 0 0;
}

.category_controls ul.paginator {
    float:right; position:relative;
    margin-top:2px;
}

.category_controls ul.view_options { 
    float:left; position:relative;
    height:20px; 
    margin-top:3px;
}

#content_wrap .category_controls ul.view_options li {
    float:left; position:relative;
    margin-right:10px;
    margin-top:-5px;
    padding:0;
}

#content_wrap .category_controls ul.view_options li.desc { margin-top:0; }

#content_wrap .category_controls ul.view_options li a { 
    float:left; position:relative; 
    width:27px;
    height:27px;
    background:#f0f0f0 url('../img/catalog.png') no-repeat -1px -1px;
}

#content_wrap .category_controls ul.view_options li.grid a {}
#content_wrap .category_controls ul.view_options li.large a { background-position:-61px -1px }
#content_wrap .category_controls ul.view_options li.lookbook a { background-position:-121px -1px }
#content_wrap .category_controls ul.view_options li.list a { background-position:-181px -1px }

#content_wrap .category_controls ul.view_options li.active a,
#content_wrap .category_controls ul.view_options li a:hover { background-color:#d2d2d2; }

/* recently_viewed */
#recently_viewed {}
#recently_viewed .products,
#recently_viewed .categories,
#recently_viewed .searches { float:left; position:relative; }

#recently_viewed .products { width:540px; }

#recently_viewed .categories,
#recently_viewed .searches { width:180px; }

#recently_viewed .products ul { float:left; position:relative; }
#recently_viewed .products ul li { float:left; position:relative; width:135px; }
#recently_viewed .products ul li.last { margin-right:0; }

#product_list {
    /*margin:30px 0;*/
}

/* Does this need to be on all or just list view? */
#product_list .column .thumb, #product_list .column_last .thumb,
#product_list .column .info, #product_list .column_last .info { float:left; position:relative; }

#product_list.default {}

#product_list .row { 
    float:left; 
    position:relative; 
    width:720px; 
}

#product_list .column, #product_list .column_last { 
    /* column4 .column */
    width:180px;
}

#product_list .column .thumb img,
#product_list .column_last .thumb img { width:180px; }

#product_list .column .info,
#product_list .column_last .info,
#product_list .column ul.graphicoption,
#product_list .column_last ul.graphicoption { 
    width:180px; 
}

#product_list .item .info p { padding-bottom:0; }

#product_list.large {}

    #product_list.large .column,
    #product_list.large .column_last,
    #product_list.large .column .thumb img,
    #product_list.large .column_last .thumb img,
    #product_list.large .column ul.graphicoption,
    #product_list.large .column_last ul.graphicoption { 
        width:360px;
    }


#product_list.list {}

    #product_list.list .column,
    #product_list.list .column_last { width:720px; }

    #product_list.list .column .thumb,
    #product_list.list .column_last .thumb,
    #product_list.list .column .thumb img,
    #product_list.list .column_last .thumb img { width:215px; }

    #product_list.list .column .info ul.graphicoption,
    #product_list.list .column_last .info ul.graphicoption,
    #product_list.list .column .info,
    #product_list.list .column_last .info { width:505px; }



#product_list.lookbook {
    overflow:hidden;
}

    /* DETECT VIA JS */
    #product_list.lookbook .row { width:30000px; }
    
    #product_list.lookbook .column,
    #product_list.lookbook .column_last { width:420px; }

    #product_list.lookbook .column .thumb,
    #product_list.lookbook .column_last .thumb,
    #product_list.lookbook .column .thumb img,
    #product_list.lookbook .column_last .thumb img { width:420px; }

    #product_list.lookbook .column .info ul.graphicoption,
    #product_list.lookbook .column_last .info ul.graphicoption,
    #product_list.lookbook .column .info,
    #product_list.lookbook .column_last .info { width:420px; }


.quick_shop {
    float:left; position:absolute; 
    top:0; left:0;
    z-index:2;
    opacity:0;
}

.quick_shop.active {
    opacity:1;
}

.overlay .info form#form_quick_add_to_cart,
.overlay .info form#form_quick_add_to_cart p {
    width:283px;
}

/* page:product_detail */

#product,
#write_review_form,
#product section.reviews .user_review,
#product section.reviews #review_info,
#product section.reviews .no_reviews 

{
    float:left; position:relative;
    width:720px;
}

#product section.media,
#product section.details,
#product section.information,
#product section.reviews {
    /* picked up by section */
}

#product section.media .thumbnails,
#product section.media .display,
#product section.media .column2,
#content #product section.media { 
    float:left; position:relative;
    width:385px; 
}

    #product section.media .display p,
    #product section.media .display {
        text-align:center;
        line-height:0;
        padding:0;
    }


    #product section.media .column2 .column,
    #product section.media .column2 .column_last { 
        margin:0; 
        width:192px; 
        text-align:center;
    }

    #product section.media .column2 .column { margin-right:1px; }

    #product section.media .column2 p a { 
        float:left; position:relative;
        background:#fbfbfb;
        padding:15px;
        text-align:center;
        width:162px;
    }

    #product section.media .thumbnails {
        overflow:hidden;
        /* height:125px;*/
    }


/*
    #product section.media .thumbnails .next,
    #product section.media .thumbnails .prev { float:left; position:relative; }

    #product section.media .thumbnails .next { float:right; }
*/
    #product section.media .thumbnails ul {
        float:left; position:relative;
        width:10000px;
        padding:0;
    }

    #product section.media .thumbnails ul li {
        padding:0;
        float:left; position:relative;
    }

    #product section.media .thumbnails ul li img {
        width:93px;
    }

#content #product section.details .grouped_product h2,
#content #product section.details .grouped_product,
#content #product section.details form { float:left; position:relative; }

#content #product section.details .grouped_product h2,
#content #product section.details .grouped_product,
#content #product section.details form,
#content #product section.details form p,
#content #product section.details ul.graphicoption,
#content #product section.details { width:335px; }
#content #product section.details .add_to_cart .submit[disabled="disabled"] { 
    background:#c0c0c0;
    text-shadow: none;
    filter: none;
}


#content #product section.details .product_style { visibility:hidden; }
.request_instock_notification {
    display:none;
}
.request_instock_notification input {
    font-size: 10px; 
}
.add_to_cart_preorder {
    display:none;
}


#product_list.list form p.quantity_p input,
form p.quantity_p input.id_quantity,
form p#quantity_p input#id_quantity { width:20px; text-align:center; }

#product_list.list form p.quantity_p,
form p.quantity_p,
form p#quantity_p { width:auto; }

#product_list.list form p.quantity_p label,
form p.quantity_p label,
form p#quantity_p label { width:auto; padding-left:10px; }

#content #product section.information {}
        
    /* TABS */
    #product section.information ul.nav { 
        float:left; position:relative; 
        width:720px; 
        border-bottom:1px solid #d2d2d2;
        height:39px;
    }
    
    #product section.information ul.nav li,
    #product section.information ul.nav li a { 
        float:left; position:relative; 
        padding:0;
    }

    #product section.information ul.nav li {
        border:1px solid #d2d2d2;
        border-bottom:none;
        border-right:none;
    }
    #product section.information ul.nav li.active {
        border-bottom:1px solid #FFF;
    }
    #product section.information ul.nav li.last {
        border-right:1px solid #d2d2d2;
    }

    #product section.information ul.nav li a { 
        padding:10px 20px;
        background:#f0f0f0;
        border-top:1px solid #FFF;
    }
    #product section.information ul.nav li.active a { background:#FFF; }

    /* PANES */
    #product section.information .panes,
    #product section.information .panes .pane { float:left; position:relative; width:720px; }
    
    #product section.information .pane { display:none; visibility:hidden; }
    #product section.information .pane.active { display:block; visibility:visible; }

    #product section.reviews #write_review_form { display:none; visibility:hidden; }
    #product section.reviews #write_review_form.active { display:block; visibility:visible; }

    /* reviews */

    #product section.reviews .user_review .user span { float:left; position:relative; }


    #product section.details .rating,
    #product section.details .rating .stars,
    #product section.reviews .rating,
    #product section.reviews .rating .stars,
    #product section.reviews #write_review_form .rating,
    #product section.reviews #write_review_form .rating a.stars {
        float:left; position:relative; 
        width:90px; background:url('../img/catalog.png') no-repeat -240px -180px;
        height:28px;
        z-index:2;
    }

    #product section.reviews .user_review .rating .percentage,
    #product section.reviews .rating .percentage,
    #product section.details .rating .percentage,
    #product section.reviews #write_review_form .rating .percentage { 
        float:left; position:absolute;
        width:0px;
        height:28px;
        background:#666;
        top:0;
        left:0;
    }

    #product section.reviews .user_review .rating .bg,
    #product section.reviews .rating .bg,
    #product section.details .rating .bg,
    #product section.reviews #write_review_form .rating .bg { 
        float:left; position:absolute;
        width:90px;
        height:28px;
        background:#d2d2d2;
        top:0;
        left:0;
    }

#product section.reviews .rating,
#product section.details .rating { margin-left:10px; text-indent:-9999px; }

#product section.reviews .user_review .rating,
#product section.reviews .user_review .rating .stars,
#product section.reviews .rating,
#product section.reviews .rating .stars,
#product section.details .rating,
#product section.details .rating .stars {
    height:20px;
    background-position: -240px -187px;
}


#product section.reviews .user_review .rating .percentage,
#product section.reviews .user_review .rating .bg,
#product section.details .rating .percentage,
#product section.details .rating .bg { height:20px;}

#product section.reviews #review_info,
#product section.details .review_details span { float:left; position:relative; }

#product section.reviews #review_info .rating .bg,
#product section.reviews #review_info .rating .stars,
#product section.reviews #review_info .rating { 
    margin-left:0;
    height:28px; width:150px; 
}

#product section.reviews #review_info .rating .stars {
    background-position:-60px -180px;
}


/* Related */
#product.related,
#product.related #write_review_form,
#content #product.related section.information,
#content #product.related section.reviews,
#product.related section.information .panes,
#product.related section.information .panes .pane,
#product.related section.information ul.nav {
    width:585px;
}

#content #product.related section.details .grouped_product,
#content #product.related section.details form,
#content #product.related section.details form p,
#content #product.related section.details ul.graphicoption,
#content #product.related section.details { width:200px; }

.suggested_products {
    float:right; position:relative;
    width:135px;
}

    .suggested_products img {
        width:135px;
    }


/* Accounts */
.accounts #header {}
.accounts #header h2 { float:left; position:relative; }
.accounts #header .user_status { float:right; position:relative; }
.accounts table {
    width:100%;
}

.payment_method form#form_payment_method, .payment_method form#form_payment_method p { width:200px; }
.payment_method form#form_payment_method label { text-align:left; width:145px;  }

.payment_method form#form_payment_method input.radio { width:30px; }

.payment_method form#form_payment_method #row_paypal input { 
    margin-top:10px;
}
.payment_method form#form_payment_method #row_paypal label {
    background:url('../img/catalog.png') no-repeat 0 -240px;
    height:32px;
    text-indent:-9999px;
}

.payment_method form#form_payment_method #row_store-credit label { padding-top:0; }
.payment_method form#form_payment_method #row_store-credit input { margin-top:5px; }


/* accounts:rma_order_detail */
.rma_order_detail form#form_rma_order,
.rma_order_detail form#form_rma_order p,
.rma_order_detail form#form_rma_order ul,
.rma_order_detail form#form_rma_order ul li {
    width:720px;
}

    form#form_rma_order ul,
    form#form_rma_order ul li,
    form#form_rma_order ul li .thumb,
    form#form_rma_order ul li .info,
    form#form_rma_order ul li .info .product,
    form#form_rma_order ul li .info .reason,
    form#form_rma_order ul li .info .quantity,
    form#form_rma_order ul li .info .options { 
        float:left; position:relative; 
    }

    form#form_rma_order ul li .info p,
    form#form_rma_order ul li .info label,
    form#form_rma_order ul li .info input {
        float:left; position:relative; width:auto;
    }

    form#form_rma_order ul li .thumb { margin-right:0; } 
    form#form_rma_order ul li .thumb img { width:104px; }
    form#form_rma_order ul li .info { width:616px; }

    form#form_rma_order ul li .info .product,
    form#form_rma_order ul li .info ul { width:150px; }

    form#form_rma_order ul li .info .reason { width:275px; }
    form#form_rma_order ul li .info .quantity { }
    form#form_rma_order ul li .info .options { float:right; }

    form#form_rma_order ul li .info .reason,
    form#form_rma_order ul li .info .quantity { 
        visibility:hidden;
        opacity:0; 
        filter:alpha(opacity=0);
    }

    form#form_rma_order ul li.selected .info .reason,
    form#form_rma_order ul li.selected .info .quantity { 
        visibility:visible;
        opacity:1;
        filter:alpha(opacity=100);
    }

    form#form_rma_order #rma_notes { 
        float:left; position:relative; 
        margin-top:15px;
    }

    form#form_rma_order #rma_notes h3 { padding-bottom:10px; padding-left:0; }
    form#form_rma_order #rma_notes p { padding-left:0; }

.notification_success {
    padding:10px 20px;
    background:#d8eddd;
    border:1px solid #b4ddc0;
    color:#000;
    font-weight:bold;
    margin-bottom:20px;
    text-shadow:0 1px #FFF;
/*    display:none; */
}

.notification_success .close {
    float:right; position:relative;
    color:#FFF;
    text-shadow:none;
    display:block;
}

/* cart */
.cart .column_nav { 
    float:right;
    padding-right:0; 
}

.cart .column_nav ul {
    margin-bottom:0;
}

.cart .column_nav .block {
    float:left; position:relative;
    width:200px;
    margin-bottom:30px;
}

.cart .column_nav .block h3 {
    font-size:15px;
    line-height:20px;
    padding:7px 13px;
    background:#f4f4f4;
    border:1px solid #d2d2d2;
}

.cart .column_nav .block ul {
    padding:10px 0 10px 0;
    font-size:13px;
}

    .cart .column_nav .block ul li {}


    .cart .column_nav .block .last {
        /* round bottom corners*/
    }

    .cart .column_nav .block { padding-bottom:0; background:#FFF; }
    .cart #content_wrap .column_nav .block ul { padding:0; }
    .cart #content_wrap .column_nav .block ul li {
        padding:15px 20px 15px 40px;
        border:1px solid #d2d2d2;
        border-top:none;
    }

    #content_wrap #cart_help ul li {
        background:url('../img/checkout.gif') no-repeat 12px -227px;
    }

    #content_wrap #cart_help ul li.chat { 
        background-position:12px -347px;         
        
    }


/* cart:checkout_success */
.checkout_success {}
.checkout_success table { 
    width:100%;
}
.checkout_success table tfoot .subtotal .description,
.checkout_success table tfoot .total .title { text-align:right; }

.checkout_success #what_happens_now ul li {
    background:url('../img/checkout_success_numbers.gif') no-repeat 8px 10px;
}
.checkout_success #what_happens_now ul li.one { }
.checkout_success #what_happens_now ul li.two { background-position:8px -190px; }
.checkout_success #what_happens_now ul li.three { background-position:8px -390px; }

.checkout_success .print_message { }

.checkout_success .print { float:right; }
.checkout_success .print .icon { 
    float:left; position:relative; 
    background:url('../img/catalog.png') no-repeat 0 0; 
    width:15px; height:15px; }

/* In Stock Notification Popup */
#notify_form .no_label {
    margin-left:  240px;
}

/* IE */
.ie8 .quick_shop, 
.ie7 .quick_shop, 
.ie6 .quick_shop {
    filter:alpha(opacity=0);
}

.ie8 .quick_shop.active, 
.ie7 .quick_shop.active, 
.ie6 .quick_shop.active {
    filter:alpha(opacity=100);
}