﻿/*** DETTA TEMAT ÄR FRAMTAGET AV ENTOS AB, WWW.ENTOS.SE ***/
.company-logo
{
    height: 75px;
    width: 197px;
    background: none;
    float: left;
}

*
{
    margin: 0;
    padding: 0;
    outline: 0;
}

a img
{
    border: 0;
}

body
{
    background: #fff;
    font-family: Arial, Verdana, Calibri;
    font-size: .8em;
    color: #000;
}

.master-wrapper-page
{
    width: 962px;
    margin: 20px auto;
}

.header
{
    width: 940px;
    background: url(images/background_top.png) top no-repeat;
    padding: 11px 11px 10px 11px;
}

.header-border
{
    width: 942px;
    height: 5px;
    margin: 10px auto 0 auto;
    background: #4b0097;
}

.master-wrapper-content
{
    width: 942px;
    background: url(images/background_middle.gif) repeat-y;
    padding: 0 10px 0 10px;
}

.footer
{
    width: 962px;
    background: url(images/background_bottom.png) top no-repeat;
    text-align: center;
    padding-top: 10px;
}

.header-logo
{
    float: left;
}

    .header-logo .logo
    {
        display: block;
        background: url(images/logo.jpg) no-repeat;
        width: 274px;
        height: 75px;
    }

.header-links
{
    float: right;
    margin-top: 7px;
}

.master-wrapper-side-2
{
    float: left;
    width: 181px;
}

.master-wrapper-center-2
{
    float: left;
    width: 670px;
    margin-left: 50px;
    margin-top: 10px;
}

.home-page-product-grid
{
    width: 670px;
    margin-top: 15px;
}

    .home-page-product-grid .boxtitle
    {
        background: #4b0097;
        height: 24px;
        color: #fff;
        padding: 4px 0 0 10px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.25em;
    }

.breadcrumb
{
    margin-bottom: 10px;
}

.clear
{
    clear: both;
}

.product-share-button
{
    margin: 10px 0;
}





/* TYPOGRAFI */
h1
{
    font-size: 1.85em;
    margin-bottom: 15px;
}

    h1.productname
    {
        font-size: 1.6em;
        font-weight: bold;
        margin-bottom: 10px;
    }

ul
{
    list-style: none;
}

.header-links ul li
{
    float: left;
}

p
{
    padding-bottom: 10px;
}

a
{
    color: #4b0097;
    text-decoration: underline;
}




/* KNAPPAR */
.knapp
{
    padding: 6px;
    background: #4b0097;
    border: 1px solid #747474;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.button_more-info
{
    padding: 3px 6px;
    background: #e50000;
    border: 1px solid #000;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    right: 3px;
    bottom: 3px;
}

.details
{
    padding: 3px;
    margin-left: 10px;
}

.buy
{
    padding: 3px 3px 3px 25px;
    background: #cf0000 url(images/basket.png) no-repeat;
    background-position: 3px 2px;
    border: 1px solid #747474;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.minishopping
{
    padding: 2px;
    margin: 5px 0 0 0;
}





/* RUTOR */
.block
{
    width: 175px;
    border: 1px solid #747474;
    padding: 2px;
    margin-bottom: 10px;
}

    .block .title
    {
        background: #4b0097;
        width: 165px;
        height: 24px;
        color: #fff;
        padding: 4px 0 0 10px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.25em;
        margin-bottom: 10px;
    }

.item-box
{
    padding-top: 10px;
}

    .item-box .product-item
    {
        width: 142px;
        height: 202px;
        border: 1px solid #747474;
        margin-right: 23px;
        padding: 3px;
        position: relative;
    }

        .item-box .product-item .picture
        {
            width: 140px;
            height: 140px;
            background: #cacaca;
            padding: 1px;
            margin-bottom: 7px;
        }

    .item-box .product-title
    {
        color: #000;
        font-size: 1.2em;
    }


    .item-box .product-item .product-title a
    {
        color: #000;
        text-decoration: none;
        font-size: .8em;
        width: 140px;
        display: block;
        text-align: center;
    }

.block .listbox
{
    padding: 0 10px 10px 10px;
}

    .block .listbox a
    {
        color: #000;
        text-decoration: none;
        line-height: 1.3em;
    }

        .block .listbox a:hover
        {
            text-decoration: underline;
        }



/* PRODUKTLISTNING */
.product-list1 .item-box
{
    margin-bottom: 15px;
    border-bottom: 3px solid #4b0097;
    padding-bottom: 10px;
}

    .product-list1 .item-box .product-item
    {
        width: auto;
        height: auto;
        border: none;
        margin-right: 23px;
        padding: 3px;
        position: relative;
    }

        .product-list1 .item-box .product-item .picture
        {
            width: 140px;
            height: 140px;
            background: none;
            padding: 1px;
            margin-bottom: 7px;
            float: left;
        }

        .product-list1 .item-box .product-item .product-title a
        {
            color: #000;
            text-decoration: none;
            font-size: .8em;
            width: auto;
            display: block;
            text-align: left;
        }

    .product-list1 .item-box .product-title
    {
        color: #000;
        font-size: 1.5em;
    }

    .product-list1 .item-box .description
    {
        color: #000;
        float: left;
        margin-left: 10px;
        max-width: 358px;
    }

    .product-list1 .item-box .prices-wrapper
    {
        position: absolute;
        bottom: 0;
        right: 0;
    }

.product-sorting
{
    float: right;
}

.breadcrumb a
{
    text-decoration: none;
    font-size: 1.1em;
    margin: 0 5px 0 0px;
}




/* PRODUKTVISNING */
.product-details-page .picture
{
    float: left;
    width: 350px;
}

.product-details-page .product-details-buttons
{
    float: left;
    text-align: right;
}

.productPrice
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.fulldescription
{
    margin: 10px 0 10px 5px;
}




/* KATEGORILISTNING */
.sub-category-grid .sub-category-item
{
    float: left;
    margin: 0 20px 20px 0;
}

.sub-category-item .picture
{
    padding: 5px;
    border: 1px solid #747474;
    width: 136px;
    height: 136px;
}

.sub-category-item .category-title
{
    width: 146px;
    text-align: center;
}

    .sub-category-item .category-title a
    {
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }



/* INPUT */
.searchboxtext
{
    background: url(images/searchicon.png) 2px 2px no-repeat;
    padding: 4px 2px 6px 24px;
    width: 153px;
    border: 1px solid #747474;
    margin-bottom: 10px;
}

.header-currencyselector
{
    padding: 2px;
    float: right;
    margin-top: -25px;
}

.numerictextboxtext
{
    padding: 4px;
    width: 35px;
    border: 1px solid #747474;
}

.input_login_username
{
    padding: 4px 2px 6px 24px;
    width: 150px;
    border: 1px solid #747474;
    background: url(images/login_username.png) 5px 4px no-repeat;
}

.input_login_password
{
    padding: 4px 2px 6px 24px;
    width: 150px;
    border: 1px solid #747474;
    background: url(images/login_password.png) 5px 4px no-repeat;
}

.currencylist
{
    padding: 4px 2px 6px 24px;
    width: 150px;
    border: 1px solid #747474;
    background: url(images/currency.png) 5px 4px no-repeat;
}





/* INLOGGNING */
.returning-wrapper
{
    float: left;
    width: 270px;
}


.new-wrapper
{
    float: left;
    width: 350px;
    margin-left: 20px;
    border-left: 1px solid #4b0097;
    padding-left: 20px;
}






/* KASSAN */
.order-summary-content
{
    margin: 0px;
    padding: 10px 10px 10px 10px;
    color: #555;
}

    .order-summary-content .totals
    {
        float: right;
        padding: 23px 5px 0 5px;
        width: 330px;
    }

    .order-summary-content .cart
    {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        vertical-align: middle;
    }

        .order-summary-content .cart td
        {
            padding: 10px;
        }

        .order-summary-content .cart .cart-header-row th
        {
            padding: 2px 8px;
            vertical-align: middle;
            white-space: nowrap;
        }

        .order-summary-content .cart .cart-item-row td, .wishlist-content .cart .cart-item-row td
        {
            border-top: 1px dotted #c5c5c5;
            vertical-align: middle;
            line-height: 30px;
        }

            .order-summary-content .cart .cart-item-row td.productpicture, .wishlist-content .cart .cart-item-row td.productpicture
            {
                padding: 5px 5px 5px 5px;
                background: none;
            }

            .order-summary-content .cart .cart-item-row td.end, .wishlist-content .cart .cart-item-row td.end
            {
                border-top: 1px dotted #c5c5c5;
                background: none;
                text-align: right;
                color: Green;
            }

    .order-summary-content .WarningBox .WarningText, .wishlist-content .WarningBox .WarningText
    {
        color: Red;
    }

.cart_total_left
{
    width: 100%;
    text-align: right;
    vertical-align: middle;
    height: 21px;
}

.cart_total_right
{
    text-align: right;
    vertical-align: middle;
    padding-left: 5px;
}

.order-summary-content .selected-checkout-attributes
{
    margin: 0px;
    padding: 10px 0px 10px 0px;
    width: 100%;
    text-align: right;
    vertical-align: middle;
}

.order-summary-content .common-buttons
{
    margin: 0px;
    padding: 10px 10px 10px 0px;
    float: left;
}

.order-summary-content .checkout-buttons
{
    float: right;
    margin: 0px;
    padding: 10px 0px 10px 10px;
}




.checkout-page, .checkout-one-page
{
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .checkout-page .page-title, .checkout-one-page .page-title
    {
        border-bottom: 0 none;
    }

    .checkout-page .checkout-data, .checkout-one-page .checkout-data
    {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
        background-color: inherit;
    }

        .checkout-one-page .checkout-data .progress
        {
            position: absolute;
            top: 100px;
            width: 180px;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            background: none repeat scroll 0 0 #FFFFFF;
            padding: 5px 10px;
            text-align: center;
            z-index: 2147483647;
        }

.checkoutstep
{
}

    .checkoutstep .steptitle
    {
        border: 1px solid #2F4F4F;
        color: white;
        background-color: #2E4d7B;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        margin-top: 5px;
    }

    .checkoutstep .stepcontent
    {
        border: dashed 1px #2F4F4F;
        border-top: none;
        padding: 5px 5px 5px 5px;
    }

.order-summary-title
{
    padding: 10px 10px 5px 0px;
    font-size: 11px;
    color: #555;
    font-weight: bold;
    clear: both;
}

.order-summary-body
{
    text-align: center;
    margin: 10px 10px 10px 10px;
    border: 1px solid #E8E6D2;
    height: auto;
}

.checkout-data .select-address-title
{
    padding: 10px 10px 5px 0px;
    font-weight: bold;
    clear: both;
}

.checkout-data .address-grid
{
    margin-bottom: 15px;
    padding: 0px;
}

    .checkout-data .address-grid .item-box
    {
        padding-bottom: 10px;
        text-align: center;
        vertical-align: text-top;
    }

    .checkout-data .address-grid .address-item
    {
        text-align: center;
        margin: 10px 10px 10px 10px;
        border: 1px solid #E8E6D2;
        width: 200px;
        height: auto;
    }

        .checkout-data .address-grid .address-item .select-button
        {
            margin-bottom: 5px;
            margin-top: 5px;
            text-align: center;
        }

        .checkout-data .address-grid .address-item .address-box
        {
            text-align: left;
        }

.checkout-data .enter-address-title
{
    padding: 10px 10px 5px 0px;
    font-weight: bold;
    clear: both;
}

.checkout-data .enter-address
{
    text-align: center;
    margin: 10px 10px 10px 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}

    .checkout-data .enter-address .enter-address-body
    {
        text-align: left;
        margin: 10px 10px 10px 10px;
    }

    .checkout-data .enter-address .button
    {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

    .checkout-data .enter-address .the-same-address
    {
        text-align: left;
        margin: 10px 10px 10px 10px;
    }

.checkout-data .shipping-options
{
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid #E8E6D2;
    height: auto;
}

    .checkout-data .shipping-options .shipping-option-item
    {
        text-align: left;
        vertical-align: text-top;
        padding: 5px 0 0 5px;
    }

        .checkout-data .shipping-options .shipping-option-item .option-name
        {
            font-weight: bold;
        }

        .checkout-data .shipping-options .shipping-option-item .option-description
        {
            padding: 5px 0 5px 16px;
        }

    .checkout-data .shipping-options .select-button
    {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

    .checkout-data .shipping-options .error-block
    {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

.checkout-data .userewardpoints
{
    margin: 0px;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    color: #555;
    background: #F7F5E8;
    margin-bottom: 10px;
    border: dotted 1px #d3d3d3;
}

.checkout-data .payment-methods
{
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid #E8E6D2;
    height: auto;
}

    .checkout-data .payment-methods .payment-method-item
    {
        padding: 10px;
        text-align: left;
        vertical-align: text-top;
    }

    .checkout-data .payment-methods .select-button
    {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

    .checkout-data .payment-methods .error-block
    {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
    }


.checkout-data .payment-info
{
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid #E8E6D2;
    height: auto;
}

    .checkout-data .payment-info .body
    {
        padding: 10px;
        text-align: left;
        vertical-align: text-top;
    }

    .checkout-data .payment-info .select-button
    {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

.checkout-data .confirm-order
{
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid #E8E6D2;
    height: auto;
}

    .checkout-data .confirm-order .select-button
    {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

    .checkout-data .confirm-order .error-block
    {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

.checkout-data .order-completed
{
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid #E8E6D2;
    height: auto;
}

    .checkout-data .order-completed .body
    {
        padding: 10px;
        text-align: left;
        vertical-align: text-top;
    }

    .checkout-data .order-completed .select-button
    {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

.order-details
{
    margin-bottom: 15px;
    padding: 0px;
}

    .order-details .page-title
    {
        border-bottom: 0 none;
    }

    .order-details .info
    {
        border: 1px solid #E8E6D2;
        padding: 10px;
    }

    .order-details .section-title
    {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
    }

    .order-details .order-overview
    {
        text-align: left;
        padding-bottom: 10px;
    }

    .order-details .order-details-box
    {
        text-align: left;
        padding: 10px;
        border: 1px solid #E8E6D2;
        height: auto;
    }

    .order-details .products-box, .order-details .ordernotes-box
    {
        text-align: left;
        padding: 10px;
        border: 1px solid #E8E6D2;
        height: auto;
    }

    .order-details .checkout-attributes
    {
        text-align: right;
        vertical-align: middle;
        padding: 10px;
        height: auto;
    }

.downloable-products
{
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

    .downloable-products .info
    {
        padding: 10px;
    }

    .downloable-products .products-box
    {
        text-align: left;
        padding: 10px;
        border: 1px solid #E8E6D2;
        height: auto;
    }

.order-progress
{
    height: 40px;
    margin: 0 auto;
    text-align: center;
    border-bottom: solid 2px #f3f3f3;
}

    .order-progress ul
    {
        padding: 0;
        margin: 0;
    }

        .order-progress ul li
        {
            list-style: none;
            display: inline;
            padding: 5px 20px 0 20px;
        }

            .order-progress ul li .active-step
            {
                color: #6a6a6a;
                background: url('images/progress-step-active.gif') no-repeat 50% 50%;
                padding-bottom: 40px;
                padding-right: 1px;
            }

            .order-progress ul li .inactive-step
            {
                color: #d7d7d7;
                background: url('images/progress-step-inactive.gif') no-repeat 50% 50%;
                padding-bottom: 40px;
                padding-right: 1px;
            }

.return-request
{
    margin-bottom: 15px;
    padding: 0px;
}

    .return-request .page-title
    {
        border-bottom: 0 none;
    }

    .return-request .section-addinfo
    {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
    }

    .return-request .products-box
    {
        text-align: left;
        padding: 10px;
        border: 1px solid #E8E6D2;
        height: auto;
    }

    .return-request .why
    {
    }

    .return-request .buttons
    {
    }

.customer-return-request-list
{
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

    .customer-return-request-list .section-title
    {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .customer-return-request-list .request-list
    {
    }

        .customer-return-request-list .request-list .request-item
        {
            text-align: left;
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #E8E6D2;
            height: auto;
        }








/* KONTOSIDA */
.account-page
{
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .account-page .page-title
    {
        border-bottom: 0 none;
    }

    .account-page .body
    {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
    }

.customer-info-box
{
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
}

    .customer-info-box .section-title
    {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .customer-info-box .section-body
    {
        text-align: left;
        padding: 10px;
        border: 1px solid #E8E6D2;
        height: auto;
    }

    .customer-info-box .button
    {
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: center;
    }

.customer-addresses
{
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

    .customer-addresses .section-title
    {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .customer-addresses .address-list
    {
    }

        .customer-addresses .address-list .address-item
        {
            text-align: left;
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #E8E6D2;
            height: auto;
        }

    .customer-addresses .add-button
    {
        margin-bottom: 5px;
        margin-top: 5px;
        float: right;
        text-align: right;
    }

.customer-orders
{
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

    .customer-orders .recurring-payments
    {
        padding: 10px 10px 5px 0px;
        width: 100%;
        clear: both;
    }

        .customer-orders .recurring-payments .section-title
        {
            padding: 10px 10px 5px 0px;
            font-weight: bold;
            clear: both;
            font-size: 12px;
        }

        .customer-orders .recurring-payments .recurring-payments-box
        {
            text-align: left;
            padding: 10px;
            border: 1px solid #E8E6D2;
            height: auto;
        }

    .customer-orders .order-list
    {
    }

        .customer-orders .order-list .order-item
        {
            text-align: left;
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #E8E6D2;
            height: auto;
        }

.customer-pass-recovery
{
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

.customer-rewardpoints
{
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

    .customer-rewardpoints .section-title
    {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .customer-rewardpoints .reward-points-overview
    {
        padding: 10px 10px 5px 0px;
        width: 100%;
    }

    .customer-rewardpoints .reward-points-history
    {
        text-align: left;
        padding: 10px;
        border: 1px solid #E8E6D2;
        height: auto;
    }



.grey .ajax__tab_header
{
    background: url(images/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
}

    .grey .ajax__tab_header .ajax__tab_outer
    {
        background: url(images/tab.png) no-repeat left top;
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
    }

    .grey .ajax__tab_header .ajax__tab_inner
    {
        background: url(images/tab.png) no-repeat right top;
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.grey .ajax__tab_hover .ajax__tab_inner
{
    color: #000;
}

.grey .ajax__tab_active .ajax__tab_outer
{
    background: url(images/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}

.grey .ajax__tab_active .ajax__tab_inner
{
    background: url(images/tab.png) no-repeat right -40px;
    color: #000;
    border-color: #333;
}

.grey .ajax__tab_body
{
    font-family: arial,helvetica;
    background-color: #fff;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}


.dropdownattributes
{
    border: 1px solid #747474;
    padding: 4px 10px 4px 4px;
}

.go-back-button
{
    clear: both;
    text-decoration: none;
    margin: 10px 0 0 0;
    font-size: 110%;
}


.header-languageselector
{
    display: none;
}

.header-currencyselector
{
    display: none;
}

.picture img
{
    max-width: 100%;
    max-height: 100%;
}

.productpicture img
{
    max-width: 80px;
    max-height: 80px;
}
