/* Layout ================================================================================ */
@media (min-device-width: 768px) and (max-device-width: 1200px) {
    .wrapper .top-container{
        width: 960px;
    }
    .wrapper .page{
        width: 960px;
    }
}
.page {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    /*max-width: 960px;  To be used when responsive is added... */
    width: 960px;
}

.page-print {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-popup {
    padding: 20px;
    text-align: left;
}

.main-container {
}

.main {
    margin: 0;
}

/* Base Columns */
.col-left {
    float: left;
    width: 23.854166666667%; /* 229px / 960px */
    border: none;
    padding: 0;
    margin: 27px 0 0 0;
}

.col-main {
    float: left;
    width: 72.916666666667%; /* 700px / 960px */
    border: none;
    padding: 0 0 10px 0;
    min-height: 400px;
    margin: 27px 0 0 0;
}

.catalog-category-view .col-main {
	margin-top: 50px;
}

.col-right {
    float: right;
    width: 22.8125%; /* 219px / 960px */
    border: none;
    padding: 0px 10px 0 0;
    margin: 22px 0 0 0;
}

/* 1 Column Layout */
.col1-layout .col-main {
    float: none;
    width: auto;
    margin-top: 40px;
}


/* 2 Columns Layout */
.col2-left-layout .main, 
.customer-account-login .main, 
.customer-account-logoutsuccess .main,
.contacts-index-index .main, 
.catalogsearch-result-index .main {
    margin-top: 18px;
}
.col2-left-layout .col-main, 
.customer-account-login .col-main, 
.customer-account-logoutsuccess .col-main,
.catalogsearch-result-index .col-main,
.storelocator-index-index .col-main,
.customer-account-create .col-main,
.checkout-cart-index .col-main,
.customer-account-forgotpassword .col-main,
.sendfriend-product-send .col-main,
.checkout-onepage-success .col-main,
.checkout-onepage-failure .col-main  {
    margin-top: 50px;
}

.category-looks .main,
.category-guide .main,
.category-story .main {
	margin-top: 30px;
}

/*.category-looks .col1-layout .col-main {
	margin-top: 40px;
}*/

.cms-index-index .col-main {
	margin-top: 0;
	margin-bottom: 0;
}

.checkout-onepage-index .col-main {
	margin-top: 10px !important;
}
.checkout-onepage-index .col-main h1 {
	margin-top: 30px;
}

.col2-left-layout .col-main {
    float: right;
}

.col2-right-layout .col-main {
    width: 630px;
    padding: 0 20px 0 0;
    border-right: 1px dashed #666666;
}
.col2-right-layout .col-right {
    width: 260px;
}

/* 3 Columns Layout */
.col3-layout .col-main {
    width: 50.416666666667%; /* 484px / 960px */
    margin-left: 1.041666666667%; /* 10px / 960px */
}

.col3-layout .col-wrapper {
    float: left;
    width: 77.916666666667%; /* 748px / 960px */
}

.col3-layout .col-wrapper .col-main {
    float: right;
}

/* Content Columns */
.col2-set .col-1 {
    float: left;
    width: 49%;
}

.col2-set .col-2 {
    float: right;
    width: 49%;
}

.col2-set .col-narrow {
    width: 33%;
}

.col2-set .col-wide {
    width: 65%;
}

.col3-set .col-1 {
    float: left;
    width: 32%;
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.col3-set .col-3 {
    float: right;
    width: 32%;
}

.col4-set .col-1 {
    float: left;
    width: 23.5%;
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%;
}

.col4-set .col-3 {
    float: left;
    width: 23.5%;
}

.col4-set .col-4 {
    float: right;
    width: 23.5%;
}

/* ======================================================================================= */