﻿/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/




/**************************** SHOPALL-RESPONSIVE ***************************/


.quickViewWindow .ui-accordion-content {
    
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
        
}


/********** START BUTTON *********/

.quick-view-button {
       top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -45px;
    color: #fff;
    border: 1px solid #fff;
    background: url(images/zoom_icon.png) no-repeat left rgba(0,0,0,.6);
    width: 90px;
    height: 30px;
    text-indent: -9999px;
    cursor: pointer;
    opacity: 0;
    transition: all .4s ease-in-out;
}
.item-box:hover .quick-view-button {
    opacity: 1;
}
.quick-view-button:active{

}


/********** END BUTTON *********/

/********** START GALLERY *********/

.quickViewWindow .gallery {
	display: block; /*Cloud Zoom css override*/
}
.quickViewWindow .product-essential .gallery {
    margin-top: 0;
}
.quickViewWindow .gallery .links-panel a {
    color: #9f0000;
}
 
       

/********** END GALLERY *********/

/********** START PRODUCT ESSENTIAL *********/

.quickViewWindow .product-name {
    color: #fff;
}
.quickViewWindow .overview #accordion > h3 span.ui-icon-circle-arrow-s {
    background: url(images/minus.png) no-repeat center;
}
.quickViewWindow .overview #accordion > h3 span.ui-icon-circle-arrow-e {
    background: url(images/plus.png) no-repeat center;
}
.quickViewWindow .overview .left .stock {
    line-height: 20px;
}
.quickViewWindow .left .back-in-stock-subscription {
        margin-bottom: 8px;
}
    .quickViewWindow .left .back-in-stock-subscription .subscribe-button {
        margin: 0;
        background: none;
        border: none;
        color: #222;
        padding: 0;
        cursor: pointer;
    }
    .quickViewWindow .left .back-in-stock-subscription .subscribe-button:hover {
        text-decoration: underline;
    }
    .quickViewWindow .overview .email-a-friend input,
    .quickViewWindow .overview .compare-products input {
        margin: 0;
    }
.quickViewWindow .overview .download-sample {
    margin-bottom: 9px;
}
.quickViewWindow .overview .download-sample-button {
    color: #036;
    font: normal 11px Tahoma, Geneva, sans-serif;
    line-height: 0;
    text-shadow: 1px 1px 0 #ccc;
    cursor: pointer;
}
.quickViewWindow .overview .download-sample-button:hover {
    text-decoration: underline;
}
    .quickViewWindow .overview .download-sample-button:hover a {
        text-decoration: none;
    }
    .quickViewWindow .add-to-wishlist-button,
    .quickViewWindow .add-to-compare-list-button {
        
        color: #333;
        font-size: 12px;
        line-height: 18px;
        overflow: visible;
        padding: 0 0 0 20px;
        margin: 5px 0 0 0;
        width: auto;
        cursor: pointer;
    }
    .quickViewWindow .overview {
        margin: 0;
        padding: 0;
    }
.quickViewWindow .overview .purchase-area {
    border-top: 1px dashed #999;
    overflow:hidden;
    padding: 10px 0 0;
    margin-top: 10px;
    clear: both;
}
    .quickViewWindow .overview .purchase-area .prices{
        float: left;
        margin: 0;
        text-align: left;
        border: 0;
        padding: 0;
    }
.quickViewWindow .overview .purchase-area .add-to-cart {
    float: right;
    width: inherit;
    padding: 0;
}
.quickViewWindow .overview .purchase-area .add-to-cart .add-to-wishlist-button {
    display: none;
}
.quickViewWindow .overview .purchase-area .add-to-cart .add-to-cart-button {
    padding: 5px 12px !important;
    margin: 0;
    line-height: inherit;
    font-size: 19px;
}
.quickViewWindow .overview .purchase-area .add-to-cart .qty-input {
    width: 34px !important;
    height: 34px;
    line-height: 24px;
    font-size: 18px;
    padding: 5px;
}
.quickViewWindow .overview .full-description {
    border: none;
}
.quickViewWindow .overview .product-specs-box .title {
    display: none;
}

.quickViewWindow .popup-header{
    padding:0 40px 0 0;
    background:#aaa;
}
.quickViewWindow .product-name {
    padding: 10px;
    text-shadow: 0px 1px 1px #454545;
    font-weight:bold;
    text-align:left;
}
.quickViewWindow .gallery .picture:before {
    display: none;
}
.quickViewWindow .gallery .picture{
    height: auto;
}

.quickViewWindow .gallery .picture a{
    height: auto;
}
.quickViewWindow .gallery .picture img {
	bottom: auto;
	max-height: none;
}
.quickViewWindow .gallery .picture a img {
	position: static;
}
.quickViewWindow .product-grid {
    overflow: hidden;
    display:block;
    background: #f6f6f4;
    box-shadow: 0 2px 2px 0 #ccc;
    margin-top: 10px;
    margin-bottom: 5px;
    max-height: 190px;
    height:190px;
    width: 100%;
}
     
    .quickViewWindow .variant-info{
        left:0;
        bottom:-100%;
        height:100%;
    }
    .quickViewWindow .product-variant:hover .variant-info {
	    bottom: 0;
    }
.related-products-grid.product-grid .title strong{

}

.quickViewWindow .also-purchased-products-grid {
    width: 400px;
}
.quickViewWindow .product-grid .title {
    margin: 0 0 15px;
}
.quickViewWindow .product-grid .item-box .picture {
    width: 148px;
    border: none;
}
    .quickViewWindow .product-grid .item-box .picture a {
        overflow: hidden;
        display: block;
        width: 85px;
        height: 85px;
        margin: 0 auto;
        transition:all 0.45s ease 0s;
    }


    .quickViewWindow .product-grid .product-item {
        border: none;
        background: none;
        padding: 0;
    }
    .quickViewWindow .product-grid .product-item .picture {
        box-shadow: none;
        /*height: 85px;*/
        height:100%;
        float: none;
        overflow: hidden;
    }

    .quickViewWindow .product-grid .product-item .product-title-and-description {
        float: none;
        width: inherit;
        margin: 0;
        text-align: center;
    }
    /*.quickViewWindow .product-item .details {
        width: auto;
        padding: 0 1%;
        height: 32px;
        overflow: hidden;
        text-align: center;
        margin-top:10px;
        transition:all 0.35s ease;
        -webkit-transition:all 0.35s ease;
        -ms-transition:all 0.35s ease;
        top:85px;
    }*/
    .quickViewWindow .product-item .details{
        -webkit-transition:all 0.35s ease;
        -ms-transition:all 0.35s ease;
        transition:all 0.35s ease;
    }
    .quickViewWindow .product-item:hover .details{
        /*position:absolute;
        top:0;
        margin:0;
        height:100%;*/
        color:#eee;
        background:rgba(51,51,51,.5);
    }
    .quickViewWindow .product-item .details .description{
        display:block;
        height:62px;
    }
    /*.quickViewWindow .product-item:hover .details .description{
        display:block;
        margin:0;
        height:66px;
        line-height:16px;
        padding:0 5px 5px 5px;
    }*/
    .quickViewWindow #accordion .ui-widget-content {
        border: none !important;
        box-shadow: none;
    }
    .quickViewWindow #accordion .ui-widget-content .data-table .spec-value>a{
        text-decoration:underline;
    }
    .quickViewWindow #accordion .ui-widget-content .data-table .spec-value>a:hover{
        color:#888;
    }
    .quickViewWindow .product-grid .item-box .product-title {
        padding: 0;
        font-size: 10px;
        height: 32px;
        overflow: hidden;
    }
        .quickViewWindow .product-grid .item-box .product-title a {
            display: inline;
            line-height: inherit;
            font-size:12px;
        }
        .quickViewWindow .product-grid .item-box .detail .rating
.quickViewWindow .product-grid .product-item .description {
    display: none;
}
.quickViewWindow .product-grid .product-item .add-info {
    display: none;
}

.quickViewWindow .color-squares input {
    z-index: -1;
}
.color-squares li:hover .tooltip-container {
    margin-left: -74px;
    margin-top: -5px;
}
.quickView .also-purchased-products-grid .item-box:nth-child(2n+1),
.quickView .related-products-grid .item-box:nth-child(2n+1){
    clear:none;
}

/*close button end*/
.quickView .k-window-titlebar.k-header .k-window-actions{
    width:auto;
    height:auto;
    top:20px;
    right:20px;
}
.quickView .k-window-titlebar.k-header .k-window-actions a{
    background:url(images/remove.png);
    background-position:center;
    background-repeat:no-repeat;
    border:none;
}

    .quickView .k-window-titlebar.k-header .k-window-actions a:hover {
        border-color: #aaa;
        background: url(images/remove-red.png) center no-repeat;
    }

.quickViewWindow .product-essential{
    padding:10px;
}

.button-2.add-to-compare-list-button:hover,
.button-2.add-to-wishlist-button:hover{
    text-decoration:underline;
}

.product-essential > form > div{
    overflow:hidden;
}



/********** END PRODUCT ESSENTIAL *********/    

/********** START RELATED/ALSO-PURCHASED PRODUCTS *********/
.quickViewWindow .related-products-grid.product-grid .item-grid .item-box,
        .quickViewWindow .also-purchased-products-grid.product-grid .item-grid .item-box{
            display:inline-block;
            /*width:120px;*/
            width:48.5%;
            margin:0 5px 10px 5px!important;
            transition:all .3s ease 0s;
            border:1px solid transparent;
        }
             .quickViewWindow .related-products-grid.product-grid .item-grid .item-box:hover,
             .quickViewWindow .also-purchased-products-grid.product-grid .item-grid .item-box:hover {
                 border:1px solid #ddd;
             }

         .quickViewWindow .related-products-grid.product-grid .item-grid .item-box .product-item .picture,
         .quickViewWindow .also-purchased-products-grid.product-grid .item-grid .item-box .product-item .picture{
             /*width:100%;*/
             width:30%;
             float:left;
             overflow:visible;
         }
.quickViewWindow .related-products-grid.product-grid .title,
.quickViewWindow .also-purchased-products-grid.product-grid .title{
    padding:5px 10px;
    text-align:left;
}
.quickViewWindow .related-products-grid.product-grid .item-grid .item-box .product-item .details,
.quickViewWindow .also-purchased-products-grid.product-grid .item-grid .item-box .product-item .details{
    width:70%;
    height:100%;
    left:0;
    float:right;
    text-align:left;
}
.quickViewWindow .product-rating-box .rating{
    margin:0;
}

    .related-products-grid.product-grid .item-grid,
    .also-purchased-products-grid.product-grid .item-grid{
        text-align:center;
        /*height:135px;*/
        overflow:hidden;
    }
.quickViewWindow .product-grid .item-box,
.quickViewWindow .also-purchased-products-grid .item-box {
    width: 148px;
    padding: 0;
    height: 133px;
    overflow: hidden;
}
.quickViewWindow .product-grid .item-box {
    margin: 0 25px 25px !important;
}




/********** END RELATED/ALSO-PURCHASED PRODUCTS *********/

/********** START BOTTOM PANEL *********/

.quickViewWindow .purchase-area {
    clear: right;
}

/********** START BUTTON *********/

.quick-view-button {
    top: 92px;
    /*left: 24px;*/
    color: #fff;
    border: 1px solid #000;
   box-shadow: 0 0 0 18px rgba(0,0,0,0.2);
    background: #4c4c4c;
    background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 61%, #111111 78%, #1c1c1c 91%, #131313 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(61%,#000000), color-stop(78%,#111111), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
    background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 61%,#111111 78%,#1c1c1c 91%,#131313 100%);
    background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 61%,#111111 78%,#1c1c1c 91%,#131313 100%);
    background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 61%,#111111 78%,#1c1c1c 91%,#131313 100%);
    background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 61%,#111111 78%,#1c1c1c 91%,#131313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
}
.quick-view-button:active{
    background: #131313;
    background: -moz-linear-gradient(top,  #131313 0%, #1c1c1c 9%, #111111 22%, #000000 39%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(9%,#1c1c1c), color-stop(22%,#111111), color-stop(39%,#000000), color-stop(50%,#2c2c2c), color-stop(61%,#474747), color-stop(75%,#666666), color-stop(88%,#595959), color-stop(100%,#4c4c4c));
    background: -webkit-linear-gradient(top,  #131313 0%,#1c1c1c 9%,#111111 22%,#000000 39%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%);
    background: -o-linear-gradient(top,  #131313 0%,#1c1c1c 9%,#111111 22%,#000000 39%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%);
    background: -ms-linear-gradient(top,  #131313 0%,#1c1c1c 9%,#111111 22%,#000000 39%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%);
    background: linear-gradient(to bottom,  #131313 0%,#1c1c1c 9%,#111111 22%,#000000 39%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 );
}

/********** END BOTTOM PANEL *********/

/********* START VARIANTS IN GRID ********/

.quickViewWindow .overview .prices .product-price {
    font-size: 18px;
    color: #CC0000;
}
.quickViewWindow .overview #accordion .prices .old-product-price {
    font-size: 12px;
    color: red;
}
.quickViewWindow .overview .variants-in-grid .variant-grid-info .compare-products {
    margin-bottom: 0;
    padding-bottom: 0;
}
.tax-shipping-info a{
    text-decoration:underline;
}
.tax-shipping-info a:hover{
    color:#888;
}
/********* END VARIANTS IN GRID ********/

/* Fix for CloudZoom in QuickView */

.quickView .gallery {
    display: block !important;
}