﻿/*=====================================================
    
    DESKTOP

=====================================================*/


@media all and (min-width:1000px) {

    .responsive-nav-wrapper,
    .responsive-nav-wrapper-parent {
        display:none !important;
    }

/* GLOBAL STYLES */

    .side-2 {
        float: left;
        width: 23.97959183673469%;
    }
    .center-2 {
        float: right;
        width: 74.48979591836735%;
    }
    .master-wrapper-page {
        /*Home page Customize
		width: 980px;*/
		width: 980px;

    }
	/* product page customize*/
	.skyline-sub-catagory {
		width:100%;
    }
	#customize-product-img{
		width:200px;
	}
	.page.category-page{
		width:100%;
		margin:auto;
	}
    .inputs {
	    text-align: left;
    }
    .inputs label {
        display: inline-block;
        width: 25%;
        margin: 0 10px 0 0;
        text-align: right;
    }

    .category-page .page-title h1 {
        text-align:left;
    }

/* HEADER */


    .header-top {
        padding: 5px;
    }
    .header-centering {
        /*width: 980px;*/
		width:90vw;
        margin: 0 auto;
    }
    .header-top .header-centering {
        position: relative;
    }
    .header-centering:after{
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0;
    }
    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
        width: 270px !important;
    }

    

    .flyout-cart {
        position: absolute;
        top: 38px;
        right: 0;
        z-index: 99999;
        width: 300px;
        box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
        padding: 7px 0 0 !important;
		transform:translateX(20%);
    }
        .flyout-cart:before {
            content: " ";
            position: absolute;
            top: 0px;
            left: 30%;
            background: url(../img/flyout-cart-arrow.png) no-repeat center;
            width: 15px;
            height: 7px;
        }
   

  
/* HEADER MENU */

    .close-menu,
    .back-button,
    .sublist-wrap {
        display: none;
    }
    .sublist-wrap.active {
        display: block;
    }
    .overlayOffCanvas {
        display: none !important;
    }
    
    #headerMenuParent { float:left; 
        min-height: 50px;
		display:none;
    }
    .header-menu { 
        text-align: center;
        font-size: 0; 
        z-index: 1001;
        position: relative;background-color:#404040;
        height: auto !important;
    }
    .header-menu.stick {
     /*   position: fixed;*/
        top: 0;
        width: 100%;
        z-index: 10000;
    }
    .header-menu > ul { width:auto;

    }
    .header-menu > ul:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0;
    }
    .header-menu > ul > li {
        float: left;
    }
    .header-menu > ul > li > a,
    .header-menu > ul > li > span {
        display: block;
        color: #fff;
        font-size: 17px;
        line-height:36px;
        padding: 18px 22px 16px 24px;
        position: relative;text-transform:uppercase;
        z-index: 2;
        cursor: pointer; text-decoration:none;
    }
	    .header-menu > ul > li > a:hover{ color:#0f9bd4; }
        .header-menu > ul a {
            width: 100% !important;
        }
        .header-menu > ul > li > a:before,
        .header-menu > ul > li > span:before {
            content: " ";
            position: absolute;
            top: 0;
            left: 50%;
            background: rgba(0,0,0,.0);
            width: 0;
            height:73px;
            -webkit-transform: skew(-25deg);
            -ms-transform: skew(-25deg);
            transform: skew(-25deg);
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            z-index: -1;
	
            border-bottom: 5px solid rgba(0,0,0,0.2);
        }
    .header-menu > ul > li:hover > a:before,
    .header-menu > ul > li:hover > span:before {
        width: 100%;
        left: 0;
        background: rgba(0,0,0,.2);
		
    }

    .header-menu .sublist-wrap {
        position: absolute;
        top: 50px;
        width: 180px;
        margin-left: -11px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    }

    .header-menu .sublist li {
        position: relative;
    }
    .header-menu .sublist a {
        font-size: 12px;
        line-height: 14px;
        padding: 11px 15px;
        background: rgba(255,255,255,.9);
        border-bottom: 1px solid #c9c9c9;
        display: block;
        position:relative;
        text-align: left;
        text-transform: uppercase;
        color: #505050;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .header-menu .sublist a.with-subcategories {
        background-image: url(../img/desktop-nav-arrow-right.png) !important;
        background-repeat: no-repeat !important;
        background-position: 160px center !important;
    }
    .header-menu .sublist > li:last-child > a {
        border-bottom: 0;
    }
        .header-menu .sublist > li:hover > a {
            background: rgba(255,255,255,1);
        }
        .header-menu .sublist > li > a:before {
            content: " ";
            position: absolute;
            bottom: 0;
            left: 0;
            height: 0;
            width: 5px;
            background: #46c688;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            z-index: 3;
        }
            .header-menu .sublist > li:hover > a:before {
                height: 100%;
            }
    .header-menu .sublist-wrap .sublist-wrap {
        top: 0;
        left: 100%;
        margin: 0;
        z-index: 1;
    }
    .header-menu .sublist-wrap .sublist-wrap.active {
        display: block;
    }

/* FOOTER */

    .footer-centering {
        width: 980px;
        margin: 0 auto;
    }

    .accepted-payment-methods {
        margin-bottom: 10px;
    }

    .footer-middle:before {
        -webkit-transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        transform: rotate(.5deg);
    }

/* LEFT/RIGHT COLUMN */

    .block .listbox {
	    display: block;
    }

/* CATEGORY PAGE & GRIDS */

    .breadcrumb {
        padding-bottom: 10px;
    }
    .breadcrumb li * {
	    line-height: normal;
    }

    .product-selectors > div {
        float: left;
    }

    .home-page-category-grid {
        background: url(../img/shadow.png) no-repeat center bottom;
        padding-bottom: 33px;
    }
    .home-page-category-grid .item-grid {
        width: 960px;
        text-align: left;
    }

    .center-1 .product-grid .item-box {
        width: 25%;
        clear: none;
    }
        .center-1 .product-grid .item-box:nth-child(4n+1) {
            clear: both;
        }

    .sub-category-grid {
        text-align: center;
    }
    .sub-category-grid .item-grid {
        text-align: left;
        width: 92%;
        display: inline-block;
    }
    .sub-category-grid .item-box {
        margin: 0 12px 25px;
    }

    /* product list mode */

        .product-list .item-box {
            margin: 20px 0 0;
            position: relative;
            width: 100%;
            float: none;
            text-align: left;
        }
            .product-list .item-box:after {
                content: " ";
                position: absolute;
                top: -10px;
                left: 0;
                width: 100%;
                height: 1px;
                background: #c9c9c9;
            }
            .product-list .item-box:first-child {
                margin: 0;
            }
                .product-list .item-box:first-child:after {
                    display: none;
                }
            .product-list .item-box .picture {
                float: left;
                width: 230px;
                height: 230px;
            }
            .product-list .item-box .details {
                margin-left: 240px;
                min-height: 230px;
                position: relative;
                padding: 0 0 64px;
            }
            .product-list .item-box .product-title {
                padding: 15px 0 0;
                margin: 0 0 15px;
                height: auto;
                text-align: left;
            }
                .product-list .item-box .add-info {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }
            .product-list .item-box input[type="button"] {
                padding-right: 18px;
            }

/* PRODUCT PAGE */

    .product-details-page .gallery {
        width: 580px;
    }
    .gallery .picture-wrapper {
        width: 480px;
        float: left;
        font-size: 0;
    }
        .gallery .picture-wrapper:only-child {
            width: 100%;
            float: none;
        }
    .gallery .picture-thumbs {
        float: right;
    }
        .gallery .picture-thumbs a {
            display: block;
            margin: 0 0 10px !important;
            width: 90px;
            height: 90px;
        }
    .product-details-page .overview {
        margin-left: 590px;
    }

    .write-review .review-rating {
        text-align: left;
    }
    .write-review .review-rating label {
        display: inline-block;
        width: 25%;
        margin: 0 5px 0 0;
        text-align: right;            
    }
    .review-rating ul {
        display: inline-block;
		width: 350px;
		text-align: center;
    }

    .product-details-page .item-box {
        width: 25%;
    }

    .product-variant-line {
        width: 80%;
    }

/* ATTRIBUTES */

    .attributes li {
        float: none;
        margin: 8px 0;
    }
    .attributes select {
        max-width: 275px;
    }

/* WISHLIST & COMPARE LIST */

    .compare-products-table-mobile {
	    display: none;
    }

/* CONTACT PAGE & EMAILaFRIEND */

.contact-page .inputs > label,
.email-a-friend-page .inputs > label,
.apply-vendor-page .inputs > label {
	width: 295px;
}

/* REGISTRATION, LOGIN, MY ACCOUNT */

.registration-page .inputs > label,
.login-page .inputs > label,
.password-recovery-page .inputs > label {
	width: 295px;
}

    .login-page .inputs.reversed > * {
	    vertical-align: middle;
    }
    .login-page .inputs.reversed span {
        display: inline-block;
        margin-left: 65px;
    }
    .return-request-page label {
	    width: 300px;
    }

/* SHOPPING CART & CHECKOUT */

    .shopping-cart-page .common-buttons,
    .checkout-attributes {
	    text-align: right;
    }
    .checkout-attributes li {
	    margin: 0 0 0 10px;
    }
    .shopping-cart-page .totals {
	    margin: 0;
        width: 215px;
    }
    .cart-collaterals {
        width: 710px;
        margin: 0;
    }
    .cart-collaterals .deals {
	    float: left;
	    width: 315px;
	    margin: 0;
    }
    .cart-collaterals .shipping {
        float: right;
        width: 375px;
        margin: 0;
    }
    .shipping-options .inputs:last-child {
        text-align: right;
        padding-right: 12px;
    }
    .cart-collaterals .shipping label {
        width: 115px;
        margin: 0 10px 0 0;
        text-align: right;
    }
    .cart-collaterals .shipping label + * {
	    width: 235px;
    }
    .checkout-page .edit-address label {
	    width: 300px;
    }
    .checkout-page .selected-checkout-attributes {
	    text-align: right;
    }
    .checkout-page .totals {
	    float: right;
    }

    .checkout-page .field-validation-error {
        text-align: center;
    }

/* SEARCH & SITEMAP */

    .basic-search input[type="text"] {
	    width: 350px;
    }
    .advanced-search .price-range {
	    margin-left: 48px;
    }
    .advanced-search .price-range input {
	    height: auto;
    }

/* BLOG & NEWS */

    .news-item-page .inputs:first-child label {
	    display: inline-block;
    }
    .news-item-page textarea {
	    display: block;
	    margin: auto;
    }

    .home-page .news-items .news-item {
        width: 31.333333333333%;
    }
/* product display*/
  #customize-product-img{
	  position:relative;
  }
    #customize-product-img:hover img{
		position:relative;
		transform:scale(1.618) translateX(-50%);
		border:1px solid black;
		left:50%;
	}
/* design tool */
.design-tools .dropdown a{
	display:block;
	font-size:18px;
	padding:15px 40px;
}
.design-tools>div.sublist-wrap{
	padding:0px;
	width:auto;
	height:auto;
}
.design-tools .dropdown a:hover{

	background-color:gray;
}