﻿header .menubar {
    margin:20px 0;
}
header .contact {
    margin:25px 0;
}
header .header-account {
    margin:30px 0;
}
.padding-t-5 {
    padding-top:5px !important;
}
.padding-t-10 {
    padding-top:10px !important;
}
.padding-t-15 {
    padding-top:15px !important;
}
.padding-t-20 {
    padding-top:20px !important;
}
.padding-t-25 {
    padding-top:25px !important;
}
.padding-t-30 {
    padding-top:30px !important;
}
.padding-t-35 {
    padding-top:35px !important;
}
.padding-t-40 {
    padding-top:40px !important;
}

.padding-b-5 {
    padding-bottom:5px !important;
}
.padding-b-10 {
    padding-bottom:10px !important;
}
.padding-b-15 {
    padding-bottom:15px !important;
}
.padding-b-20 {
    padding-bottom:20px !important;
}
.padding-b-25 {
    padding-bottom:25px !important;
}
.padding-b-30 {
    padding-bottom:30px !important;
}
.padding-b-35 {
    padding-bottom:35px !important;
}
.padding-b-40 {
    padding-bottom:40px !important;
}

.padding-l-0 {
    padding-left:0 !important;
}
.padding-l-5 {
    padding-left:5px !important;
}
.padding-l-10 {
    padding-left:10px !important;
}
.padding-l-15 {
    padding-left:15px !important;
}
.padding-l-20 {
    padding-left:20px !important;
}
.padding-l-25 {
    padding-left:25px !important;
}
.padding-l-30 {
    padding-left:30px !important;
}
.padding-l-35 {
    padding-left:35px !important;
}
.padding-l-40 {
    padding-left:40px !important;
}

.padding-r-0 {
    padding-right:0 !important;
}
.padding-r-5 {
    padding-right:5px !important;
}
.padding-r-10 {
    padding-right:10px !important;
}
.padding-r-15 {
    padding-right:15px !important;
}
.padding-r-20 {
    padding-right:20px !important;
}
.padding-r-25 {
    padding-right:25px !important;
}
.padding-r-30 {
    padding-right:30px !important;
}
.padding-r-35 {
    padding-right:35px !important;
}
.padding-r-40 {
    padding-right:40px !important;
}

.padding-tb-5 {
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.padding-tb-10 {
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.padding-tb-15 {
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.padding-tb-20 {
    padding-top:20px !important;
    padding-bottom:20px !important;
}
.padding-tb-25 {
    padding-top:25px !important;
    padding-bottom:25px !important;
}
.padding-tb-30 {
    padding-top:30px !important;
    padding-bottom:30px !important;
}
.padding-tb-35 {
    padding-top:35px !important;
    padding-bottom:35px !important;
}
.padding-tb-40 {
    padding-top:40px !important;
    padding-bottom:40px !important;
}

.padding-lr-0 {
    padding-left:0px !important;
    padding-right:0px !important;
}
.padding-lr-5 {
    padding-left:5px !important;
    padding-right:5px !important;
}
.padding-lr-10 {
    padding-left:10px !important;
    padding-right:10px !important;
}
.padding-lr-15 {
    padding-left:15px !important;
    padding-right:15px !important;
}
.padding-lr-20 {
    padding-left:20px !important;
    padding-right:20px !important;
}
.padding-lr-25 {
    padding-left:25px !important;
    padding-right:25px !important;
}
.padding-lr-30 {
    padding-left:30px !important;
    padding-right:30px !important;
}
.padding-lr-35 {
    padding-left:35px !important;
    padding-right:35px !important;
}
.padding-lr-40 {
    padding-left:40px !important;
    padding-right:40px !important;
}

.padding-none {
    padding:0 !important;
}

/********** Margin *********/

.margin-t-5 {
    margin-top:5px !important;
}
.margin-t-10 {
    margin-top:10px !important;
}
.margin-t-15 {
    margin-top:15px !important;
}
.margin-t-20 {
    margin-top:20px !important;
}
.margin-t-25 {
    margin-top:25px !important;
}
.margin-t-30 {
    margin-top:30px !important;
}
.margin-t-35 {
    margin-top:35px !important;
}
.margin-t-40 {
    margin-top:40px !important;
}

.margin-b-5 {
    margin-bottom:5px !important;
}
.margin-b-10 {
    margin-bottom:10px !important;
}
.margin-b-15 {
    margin-bottom:15px !important;
}
.margin-b-20 {
    margin-bottom:20px !important;
}
.margin-b-25 {
    margin-bottom:25px !important;
}
.margin-b-30 {
    margin-bottom:30px !important;
}
.margin-b-35 {
    margin-bottom:35px !important;
}
.margin-b-40 {
    margin-bottom:40px !important;
}

.margin-l-5 {
    margin-left:5px !important;
}
.margin-l-10 {
    margin-left:10px !important;
}
.margin-l-15 {
    margin-left:15px !important;
}
.margin-l-20 {
    margin-left:20px !important;
}
.margin-l-25 {
    margin-left:25px !important;
}
.margin-l-30 {
    margin-left:30px !important;
}
.margin-l-35 {
    margin-left:35px !important;
}
.margin-l-40 {
    margin-left:40px !important;
}

.margin-r-5 {
    margin-right:5px !important;
}
.margin-r-10 {
    margin-right:10px !important;
}
.margin-r-15 {
    margin-right:15px !important;
}
.margin-r-20 {
    margin-right:20px !important;
}
.margin-r-25 {
    margin-right:25px !important;
}
.margin-r-30 {
    margin-right:30px !important;
}
.margin-r-35 {
    margin-right:35px !important;
}
.margin-r-40 {
    margin-right:40px !important;
}

.margin-tb-5 {
    margin-top:5px !important;
    margin-bottom:5px !important;
}
.margin-tb-10 {
    margin-top:10px !important;
    margin-bottom:10px !important;
}
.margin-tb-15 {
    margin-top:15px !important;
    margin-bottom:15px !important;
}
.margin-tb-20 {
    margin-top:20px !important;
    margin-bottom:20px !important;
}
.margin-tb-25 {
    margin-top:25px !important;
    margin-bottom:25px !important;
}
.margin-tb-30 {
    margin-top:30px !important;
    margin-bottom:30px !important;
}
.margin-tb-35 {
    margin-top:35px !important;
    margin-bottom:35px !important;
}
.margin-tb-40 {
    margin-top:40px;
    margin-bottom:40px;
}

.margin-lr-5 {
    margin-left:5px !important;
    margin-right:5px !important;
}
.margin-lr-10 {
    margin-left:10px !important;
    margin-right:10px !important;
}
.margin-lr-15 {
    margin-left:15px !important;
    margin-right:15px !important;
}
.margin-lr-20 {
    margin-left:20px !important;
    margin-right:20px !important;
}
.margin-lr-25 {
    margin-left:25px !important;
    margin-right:25px !important;
}
.margin-lr-30 {
    margin-left:30px !important;
    margin-right:30px !important;
}
.margin-lr-35 {
    margin-left:35px !important;
    margin-right:35px !important;
}
.margin-lr-40 {
    margin-left:40px !important;
    margin-right:40px !important;
}


@media (min-width: 320px) and (max-width: 480px) {
    .text-center-xs {
        text-align:center !important;
        margin:0 auto !important;
    }
    .margin-none-xs {
        margin-top:0 !important;
        margin-bottom:0 !important;
        margin:0 !important;
    }
    .padding-none-xs {
        padding-top:0 !important;
        padding-bottom:0 !important;
        padding:0 !important;
    }
    .slide-out-div {
        top:72px !important;
    }
    .header-container .logo {
        padding-bottom:12px !important; 
    }
    .header-container .logo img {
        width:120px !important;
    }
    .qty-area .input-text.qty {
        margin-left:0 !important;
        width:50px;
    }
    .margin-b-xs-5 {
        margin-bottom:5px;
    }
    .padding-r-xs-5 {
        padding-right:5px;
    }
    .paging {
        float:none !important;
        text-align:center !important;
        margin-top:10px !important;
    }
    .header-promo {
        margin-top:150px !important;
    }
    .extras {
        padding:0;
    }
    .panel-wrapper {
        width:99% !important;
    }
    .panel-content {
        margin-left:10px !important;
    }
    .contact p {
        font-size:11px;
    }
    .new-user-content {
        padding-right:30px;
    }
    .slide-out-div {
        top:25px !important;
        z-index:9999 !important;
    }
    .nivo-controlNav {
        display:none;
    }
}

@media (min-width: 768px) and (max-width: 1060px) {
    .qty-area .input-text.qty {
        width:50px !important;
    }
    .nivo-controlNav {
        display:none;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    header .contact {
        margin-top:0;
    }
    header .header-account {
        margin-top:10px;
    }
    .header-promo {
        margin-top:140px !important;
    }
    .sf-menu > li {
        margin-right:-15px;
    }    
}

@media (min-width: 1060px) and (max-width: 1070px) {
    .contact p {
        font-size:12px;
    }
    .extras  {
        padding:0;
    }
    .sf-menu > li {
        margin-right:-16px;
    }
}

@media (min-width: 1270px) and (max-width: 1280px) {
    .contact p {
        font-size:12px;
    }
}


