/*=====================================================
    
    TABLETS LANDSCAPE & NETBOOKS

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

@media all and (min-width: 769px) {

    /* GLOBAL STYLES */

    .page {
        clear: both;
        min-height: 200px;
        text-align: left;
    }

    /* GLOBAL FORMS */

    .fieldset .title,
    .section .title {
        text-align: center;
    }

    /* NOTIFICATIONS & POPUPS */
    /* HEADER */
    /* HEADER MENU */
    /* FOOTER */

    .footer-block {
        display: inline-block;
        width: 45%;
        margin: 0 1% 15px;
        vertical-align: top;
    }

    /* LEFT/RIGHT COLUMN */

    .block {
        width: 31.3333%;
        margin: 0 1% 2%;
    }

        .block:nth-of-type(2n+1) {
            clear: none;
        }

        .block:nth-of-type(3n+1) {
            clear: both;
        }

    /* CATEGORY PAGE & GRIDS */

    .breadcrumb {
        text-align: left;
    }

        .breadcrumb ul {
            padding: 0 10px;
            border: 2px solid #eee;
            border-bottom: none;
        }

            .breadcrumb ul:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 2px;
                background-color: #eee;
            }

    .product-filters .product-filter {
        display: inline-block;
        width: 33.333%;
        margin: 0 0 2%;
        padding: 1%;
        text-align: center;
        vertical-align: top;
    }

    .product-selectors {
        position: relative;
        z-index: 2;
        text-align: center;
    }

        .product-selectors > div {
            margin: 0;
        }

        .product-selectors .product-viewmode {
            display: block;
            position: absolute;
            left: 0;
        }

            .product-selectors .product-viewmode > span:first-child {
                padding-left: 0;
            }

        .product-selectors .product-sorting {
            padding: 8px 0;
        }

        .product-selectors .product-page-size {
            position: absolute;
            right: 0;
            padding: 8px 0;
        }

            .product-selectors .product-page-size > span:last-child {
                padding-right: 0;
            }

    .item-box {
        width: 32%; /*three per row*/
    }

        .item-box:nth-child(2n+1) {
            clear: none; /*revert the second item*/
            margin-left: 2%; /*revert the second item*/
        }

        .item-box:nth-child(3n+1) {
            clear: both;
            margin-left: 0;
        }

        .item-box .buttons {
            text-align: left;
        }

        .item-box input[type="button"] {
            width: 80%;
            padding: 0 10px;
        }

        .item-box input.add-to-wishlist-button {
            width: 20%;
        }

    .product-list {
        margin-top: 45px;
    }

        .product-list .item-box {
            float: none;
            width: auto;
            margin-left: 0;
        }

            .product-list .item-box .product-item:after {
                content: "";
                display: block;
                clear: both;
            }

            .product-list .item-box .picture {
                float: left;
                width: 200px;
                margin: 0;
            }

                .product-list .item-box .picture + .details {
                    margin-left: 220px;
                }

            .product-list .item-box .product-title,
            .product-list .item-box .description {
                height: auto;
            }

            .product-list .item-box .buttons input[type='button'] {
                width: auto;
                min-width: 150px;
            }

            .product-list .item-box .buttons input.add-to-wishlist-button {
                width: 48px;
                min-width: 0;
            }

    .pager {
        border: 2px solid #eee;
        text-align: center;
    }

        .pager ul {
            display: inline-block;
        }

        .pager li {
            float: left;
            margin: -2px 0;
        }

            .pager li * {
            }

    /* PRODUCT PAGE */

    .product-essential {
        text-align: center;
    }

    .overview .qty-label,
    .variant-overview .qty-label {
        position: static;
        left: 0;
        margin: 0 5px 0 0;
    }

    .ui-tabs.productTabs .ui-tabs-nav {
        text-align: center;
    }

        .ui-tabs.productTabs .ui-tabs-nav li {
            width: auto;
        }

    .ui-tabs.productTabs .ui-tabs-panel {
        padding: 20px 50px;
        text-align: center;
    }

    .tier-prices .prices-table {
        display: table;
        width: 100%;
        border: none;
        border-collapse: collapse;
    }

    .tier-prices .prices-row {
        display: table-row;
        float: none;
        width: auto;
    }

        .tier-prices .prices-row > div {
            display: table-cell;
            border: 2px solid #eee !important;
        }

    .tier-prices .field-header {
        min-width: 100px;
    }

    .rental-attributes dt {
        min-width: 75px;
    }

    .rental-attributes .datepicker {
        width: 120px;
    }

    .attribute-squares {
        text-align: center;
    }

    .giftcard label {
        display: inline-block;
        width: 150px;
        margin: 0 10px 0 -156px;
        text-align: right;
    }

    /* REVIEW PAGE */

    .ui-tabs .product-review-list {
        text-align: left;
    }

    .ui-tabs .product-review-item:last-child {
        margin-bottom: 20px;
    }

    .product-review-item .review-title {
        float: left;
        width: 80%;
        margin: 0;
        color: #444;
    }

    .product-review-item .product-review-box {
        float: right;
    }

    /* WISHLIST & COMPARE LIST */

    .wishlist-content .button-2 {
        display: inline-block;
        min-width: 200px;
        margin: 0 5px;
    }


    /* TOPICS */
    /* CONTACT PAGE & EMAILaFRIEND */
    /* REGISTRATION, LOGIN, MY ACCOUNT */

    .date-of-birth select {
        max-width: 105px;
    }

    .address-list .buttons {
        position: absolute;
        top: 5px;
        right: 1px;
    }

    .recurring-payments .table-wrapper {
        max-width: 768px;
        margin: auto;
    }

    .recurring-payments .start-date {
        min-width: 120px;
    }

    .avatar-page {
        text-align: center;
    }

        .avatar-page .fieldset {
            text-align: center;
        }

        .avatar-page .buttons {
            
        }

    /* SHOPPING CART & CHECKOUT */


    .shopping-cart-page .common-buttons .button-2 {
        width: 49%;
        max-width: 390px;
    }

        .shopping-cart-page .common-buttons .button-2 + .button-2 {
            float: right;
        }

    .order-progress a {
        width: auto;
        padding: 15px 65px 15px 15px;
    }

    .cart-options .common-buttons input {
        margin: 0 0 0 10px;
    }

    .cart-options .checkout-attributes li {
        display: inline-block;
        margin: 0 5px;
    }

    .shopping-cart-page .totals,
    .cart-collaterals {
        margin: 0 auto 25px;
        text-align: center;
    }

    .checkout-page .address-grid {
        max-width: 810px;
    }

    .checkout-page .address-item {
        float: left;
        max-width: 48%;
        margin: 0 1% 2%;
    }

        .checkout-page .address-item:only-child {
            max-width: none;
        }

    .payment-details {
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
    }

        .payment-details > * {
            cursor: pointer;
        }

    .order-details-page .page-title a {
        width: auto;
        min-width: 170px;
        margin: 3px;
        text-align: center;
    }

    .order-details-page .actions input {
        min-width: 0;
    }

    .order-details-page .total-info {
        overflow: hidden;
    }

    .order-details-page .cart-total {
        float: right;
    }

    /* SEARCH & SITEMAP */

    .sitemap-page {
        text-align: center;
    }

    /* BLOG & NEWS */

    .post-head ~ *,
    .news-head ~ * {
        display: block;
    }

    .blog-page .tags > *,
    .blogpost-page .tags > * {
        float: left;
    }

    .blog-page .tags label,
    .blogpost-page .tags label {
        margin: 0 10px 0 0;
        line-height: 24px;
    }

    .comment-list {
        text-align: center;
    }

    .news-list-homepage .news-items {
        margin: 0 0 30px 160px;
        padding: 5px 0 5px 40px;
        border-left: 2px solid #ddd;
    }

        .news-list-homepage .news-items .news-item {
            margin: 30px 0 0;
        }

            .news-list-homepage .news-items .news-item:first-child {
                margin: 0;
            }

            .news-list-homepage .news-items .news-item:before {
                content: "";
                position: absolute;
                top: 12px;
                left: -52px;
                width: 23px;
                height: 23px;
                background: url('../img/home-page-bullet.png') no-repeat center;
            }

    .news-list-homepage .news-head {
        margin: 0 0 5px;
    }

    .news-list-homepage .news-title {
        margin: 0;
    }

    .news-list-homepage .news-date {
        position: absolute;
        top: 0;
        left: -202px;
        width: 120px;
        text-align: right;
        line-height: 20px;
        color: #cc8a97;
    }

    .news-list-homepage .buttons {
        display: none;
    }

    .news-list-homepage .view-all {
        margin: 40px 0 0;
    }

    .blog-comment,
    .news-comment {
        position: relative;
        margin: 0 0 -2px;
        overflow: hidden;
        border: 2px solid #eee;
    }

    .comment-info {
        float: left;
        min-height: 220px;
        margin: 0;
        border: none;
    }

        .comment-info + .comment-content {
            min-height: 220px;
            margin: 0 0 0 172px;
            padding: 20px;
            text-align: left;
        }

        .comment-info:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 170px;
            height: 100%;
            width: 2px;
            background-color: #eee;
        }

    /* FORUM & PROFILE */


    .forum-breadcrumb {
        margin: 0 0 30px !important;
    }

    .forums-main-page,
    .forum-group-page,
    .forum-page,
    .forum-topic-page,
    .active-discussions-page,
    .profile-page,
    .private-messages {
        text-align: center;
    }

    .current-time {
        font-weight: bold;
    }

    .forums-table-section-title {
        text-align: left;
    }

        .forums-table-section-title > a::after,
        .forums-table-section-title strong:after {
            margin: 10px 0 0;
        }

        .forums-table-section-title .link-rss {
            float: right;
            margin: 0;
        }

    .forums-table-section .view-all {
        position: absolute;
        top: 5px;
        right: 0;
        margin: 0;
        text-align: center;
    }

    .forum-actions,
    .topic-actions {
        display: block;
        overflow: hidden;
    }

        .forum-actions .actions,
        .topic-actions .actions {
            margin: 0 0 30px;
        }

        .forum-actions .pager,
        .topic-actions .pager {
            float: none !important;
        }

        .topic-actions.lower .actions {
            display: block;
        }

    .topic-posts {
        margin: 0 0 30px;
    }

    .topic-post {
        overflow: hidden;
        margin: 0;
        border-bottom: 2px solid #eee;
    }

        .topic-post:last-child {
            border-bottom: none;
        }

        .topic-post .post-info {
            float: left;
            width: 20%;
            margin: 0;
        }

        .topic-post .user-info {
            width: auto;
        }

        .topic-post .username {
        }

        .topic-post .avatar {
        }

            .topic-post .avatar img {
            }

        .topic-post .user-stats li {
            display: block;
            margin: 0;
        }

        .topic-post .post-content {
            float: right;
            position: relative;
            width: 80%;
        }

            .topic-post .post-content .post-body {
                padding: 0 0 20px 20px;
                text-align: left;
                overflow: hidden;
            }

            .topic-post .post-content:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 2px;
                height: 1000px;
                background-color: #eee;
            }

            .topic-post .post-content .post-text {
                float: left;
                max-width: 88%;
            }

        .topic-post .post-vote {
            float: right;
            margin: 0 20px 0 0;
        }

        .topic-post .post-head {
            overflow: hidden;
        }

        .topic-post .post-time {
            float: left;
            margin: 0;
            padding: 15px;
            background: none;
        }

        .topic-post .post-actions {
            float: right;
            margin: -2px -2px 0 0;
        }

            .topic-post .post-actions a {
                margin: 0;
                line-height: 20px;
            }

            .topic-post .post-actions .post-link-button {
                margin: 0 10px 0 0;
                border: none;
            }

            .topic-post .post-actions .edit-post-button,
            .topic-post .post-actions .delete-post-button {
                margin: 0 0 10px;
                border: none;
            }

            .topic-post .post-actions .edit-post-button {
                background: url('../img/forum_icon1.png') no-repeat left center;
            }

            .topic-post .post-actions .delete-post-button {
                background: url('../img/forum_icon2.png') no-repeat left center;
            }

            .topic-post .post-actions .edit-post-button,
            .topic-post .post-actions .delete-post-button {
                padding: 15px 15px 15px 35px;
            }

            .topic-post .post-actions .post-link-button {
                padding: 15px 15px 15px 10px;
            }


    .pager.lower {
        margin: 70px 0 0;
    }

    .forum-topic-page .topic-options {
        float: left;
    }

    .move-topic-page .inputs {
        text-align: center;
    }

        .move-topic-page .inputs label {
            display: block;
            margin: 0 auto 15px;
            text-align: center;
        }

    .forum-edit-page .buttons input,
    .move-topic-page .buttons input,
    .private-messages .buttons input {
        display: inline-block;
        min-width: 200px;
        margin: 0 5px;
    }

    .private-messages-page .pager {
        border: none;
    }

    .private-message-view-page .back-pm-button {
        float: left;
    }

    .profile-info-box .avatar {
        float: left;
        margin: 0 15px 0 0;
    }

    .profile-info-box .profile-stats {
        margin: 0 0 20px 180px;
        text-align: left;
    }

        .profile-info-box .profile-stats:before {
            content: "";
            position: absolute;
            top: 0;
            left: 175px;
            width: 2px;
            height: 1000px;
            background-color: #eee;
        }

    .profile-info-box .send-pm {
        float: left;
        margin: 0 0 0 15px;
    }

    .profile-page .pager {
        margin-top: 35px;
        border: none;
    }

    /*custom*/
    .product-list .item-box .seriesauthor-item:after {
        content: "";
        display: block;
        clear: both;
    }

    .product-list .item-box .picture {
        float: left;
        width: 160px;
        margin: 0;
    }

        .product-list .item-box .picture + .details {
            margin-left: 220px;
        }
}