@charset "utf-8";
/*  Used for
  - Contentpage
  - Designers
*/

/* ----- regular contentpage ----- */

.content {
    width: 940px;
    float: left;
    margin: 30px 0 0 0;
}

aside {
    width: 200px;
    float: left;
    margin: 0 30px 0 0;
    min-height: 1px;
}

    aside ul.subnav {
        float: left;
        margin: 0;
        padding: 0;
    }

ul.subnav li {
    margin: 0;
    list-style: none;
}

    ul.subnav li a {
        display: block;
        width: 200px;
        height: 58px;
        border-bottom: 2px dotted #cfcec8;
        line-height: 60px;
        color: #bdbdb0;
        font-size: 21px;
        text-decoration: none;
        font-family: "futura-pt",sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: lowercase;
    }

        ul.subnav li a:hover, ul.subnav li a.active {
            color: #0077c0;
        }

.content .textbox {
    width: 710px;
    float: left;
    margin: 15px 0 0 0;
    padding: 0;
}

    .content .textbox h1 {
        margin: 10px 0 30px 0;
        line-height: 36px;
    }

    .content .textbox .header {
        margin: 0 0 40px 0;
        float: left;
    }

    .content .textbox.small {
        width: 460px;
    }

.textbox.small h1 {
    margin: 0 0 30px 0;
    line-height: 40px;
}

.content .textbox.cart {
    width: 660px;
}

.content .headshot {
    width: 400px;
    height: 400px;
    float: right;
    margin: 70px 0 30px 0;
}

.featured {
    width: 940px;
    min-height: 295px;
    float: left;
    margin: 0 0 30px 0;
    border-top: 2px dotted #cfcec8;
    border-bottom: 2px dotted #cfcec8;
}

    .featured h2 {
        margin: 45px 0 30px 0;
    }

    .featured .item {
        width: 140px;
        height: 140px;
        float: left;
        margin: 0 20px 0 0;
        overflow: hidden;
    }

        .featured .item:nth-child(6n+6) {
            margin: 0;
        }

        .featured .item img:hover {
            margin: -140px 0 0 0;
        }

/* ----- designers page ----- */

.row {
    width: 940px;
    float: left;
    border-bottom: 2px dotted #cfcec8;
    height: 2px;
    margin: 0 0 30px 0;
}

.designer {
    width: 140px;
    height: 200px;
    float: left;
    margin: 0 20px 10px 0;
    overflow: hidden;
}

    .designer.last {
        margin: 0 0px 10px 0;
    }

    /*.designer:nth-child(6n) {
  margin:0 0 0px 0;
} */

    .designer h2 {
        margin: 0;
        padding: 0;
        color: #e1e1db;
        font-size: 14px;
        line-height: 18px;
        color: #BDBDB0;
        font-family:"Open Sans", sans-serif;
        text-align: center;
        width: 140px;
    }

    .designer .mugshot {
        width: 140px;
        height: 140px;
        overflow: hidden;
        float: left;
        margin: 0 0 10px 0;
    }

    /* .designer .mugshot img:hover {
    margin:-140px 0 0 0;  
  } */

    .designer a {
        text-decoration: none;
    }

        .designer a:hover h2 {
            color: #0077c0;
        }

/* newsarchive */

.newsarchive {
    float: left;
}

    .newsarchive p {
        margin: 0 0 20px 0;
        color: #bdbdb0;
    }

    .newsarchive h3 {
        margin: 5px 0 30px 0;
        font-family: "futura-pt",sans-serif;
        font-weight: 400;
        font-size: 18px;
    }

        .newsarchive h3 a {
            text-decoration: none;
        }

    .newsarchive a:hover {
        background: url(../data/images/arrow.png) right no-repeat;
        padding: 0 15px 0 0;
    }



/* Cart */

.couponcode {
    width: 660px;
    float: left;
    padding: 0 0 20px 0;
    border-bottom: 2px dotted #cfcec8;
}

h2 {
    margin: 20px 0 10px 0;
    float: left;
    width: 660px;
}

.couponaction {
    display: inline-block;
    float: right;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #8dc63f;
    color: #fff;
    font-family: "brandon-grotesque",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}

.cart-item {
    width: 660px;
    float: left;
    border-bottom: 2px dotted #cfcec8;
}

    .cart-item:nth-child(1) {
        border-top: 2px dotted #cfcec8;
    }

    .cart-item .cartimage {
        float: left;
        margin: 10px 30px 10px 10px;
    }

    .cart-item .product {
        width: 250px;
        float: left;
        margin: 25px 0px 0 0;
    }

        .cart-item .product h3 {
            margin: 0;
            color: #0077c0;
            font-family: "brandon-grotesque",sans-serif;
            font-weight: 700;
            text-transform: uppercase;
        }

            .cart-item .product h3 span.grey {
                color: #e1e1db;
                display: block;
            }


        .cart-item .product p {
            margin: 0;
        }

    .cart-item .price {
        width: 210px;
        padding: 10px;
        float: right;
        margin: 25px 0 0 0;
        background: url(../data/images/add-to-cart-bg.png) repeat;
    }

.price .ammount {
    width: 50px;
    float: left;
    font-size: 24px;
}

.ammount .quantity {
    border: none;
    background: transparent;
    width: 30px;
    height: 20px;
    font-size: 18px;
    color: #838377;
}

.nobutton {
    border: none;
    background: none;
    color: #0077c0;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
}


.price .subtotal {
    width: 135px;
    float: left;
    padding: 0;
    margin: 15px 10px 0 0;
    font-size: 24px;
    color: #959588;
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    text-align: right;
    position: relative;
}

    .price .subtotal .discount {
        font-size: 14px;
        text-decoration: line-through;
        display: block;
        margin: -10px 0 0 0;
    }


.price .delete {
    width: 10px;
    float: left;
    margin: 15px 0 0 0;
    text-align: right;
}

    .price .delete .nobutton {
        text-decoration: none;
    }

/* aside cart, used on cartpage and checkoutpage */

aside.cart {
    width: 200px;
    padding: 20px;
    float: right;
    /* background:#0077c0; */
    margin: 15px 0 0 30px;
    /* color:#fff; */
    text-align: right;
    border: 2px dotted #cfcec8;
}

table.totals {
    width: 190px;
    font-family: "futura-pt",sans-serif;
    font-weight: 400;
    font-size: 18px;
}

    table.totals h2 {
        margin: 0;
        width: 190px;
    }

    table.totals table.summary {
        border: 1px solid red;
        width: 95px;
    }

    table.totals tr.discount {
        color: #8dc63f;
    }

    table.totals td {
        padding: 5px 0;
    }

        table.totals td.grandtotal {
            font-weight: 500;
            padding: 0;
        }

        table.totals td.divider {
            border-top: 1px solid #cfcec8;
            padding: 5px 0 0 0;
        }

        table.totals td:nth-child(odd) {
            width: 95px;
            text-align: left;
        }

        table.totals td:nth-child(even) {
            width: 95px;
            text-align: right;
        }

td.image {
    padding: 0;
    margin: 0;
}

.cartactions {
    width: 660px;
    float: left;
    margin: 30px 0 30px 0;
    clear: right;
    line-height: 50px;
}

.cartaction {
    display: inline-block;
    float: right;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #0077C0;
    color: #fff;
    font-family: "brandon-grotesque",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}

.continueshopping {
    float: left;
    display: inline;
}

.cartaction:hover {
    background: #7caadb;
}




/* checkout page, including form elements */

.content .checkout {
    width: 660px;
}

    .content .checkout h2 {
        width: 620px;
        float: left;
        clear: both;
    }

.checkout fieldset {
    padding: 0;
    border: none;
    float: left;
    border-bottom: 2px dotted #cfcec8;
    width: 620px;
    background: url(../data/images/checkout-bg.png) top repeat-x;
    padding: 0px 20px 40px 20px;
    position: relative;
}

    .checkout fieldset:first-child {
        border-top: 2px dotted #cfcec8;
    }

    .checkout fieldset:last-child {
        border-bottom: none;
    }

.countryloader {
    position: absolute;
    top: 237px;
    left: 150px;
    background: url(../data/images/loader.gif) no-repeat;
    z-index: 1000;
    width: 16px;
    height: 16px;
    display: none;
}

.shippingloader {
    position: absolute;
    top: 8px;
    left: -25px;
    background: url(../data/images/loader.gif) no-repeat;
    z-index: 1000;
    width: 16px;
    height: 16px;
    display: none;
}

.checkout label {
    width: 160px;
    display: inline-block;
    height: 20px;
    float: left;
    margin: 0 0 10px 0;
    line-height: 30px;
    position: relative;
}

.checkout .uWebshop-PaymentProviderFields label {
    width: 400px;
}

.checkout label.checkboxlabel {
    width: 400px;
    float: left;
}

.checkout input[type=text] {
    width: 440px;
    display: inline-block;
    height: 20px;
    float: left;
    border: none;
    border: 1px solid #cfcec8;
    margin: 0 0 10px 0;
    padding: 5px;
    position: relative;
}

.checkout textarea {
    width: 440px;
    display: inline-block;
    height: 100px;
    float: left;
    border: none;
    border: 1px solid #cfcec8;
    margin: 0 0 10px 0;
    padding: 5px;
}


.checkout select {
    width: 454px;
    display: inline-block;
    height: 30px;
    padding: 5px;
    float: left;
    border: none;
    border: 1px solid #cfcec8;
    background: #fff;
    margin: 0 0 10px 0;
}

.checkout input[type=text].zip {
    width: 90px;
    margin: 0 10px 0 0;
}

.checkout label.city {
    width: 50px;
}

.checkout input[type=text].city {
    width: 280px;
    margin: 0 0 10px 0;
}

.checkout input[type=radio] {
    float: left;
    line-height: 30px;
    margin: 8px 10px 0 0;
}

.checkout input[type=checkbox] {
    float: left;
    line-height: 30px;
    margin: 5px 10px 0 0;
}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */