@charset "utf-8";
/* CSS Document */
.bluelink {
    background: none !important;
color: #d32f2f;
font-size: 11px;
padding: 0;
text-decoration: underline;
}

 .product .desc {
overflow: hidden !important;
}

.site-nameb2b {
background: url(//images.monoprice.com/logo/2014-MP-Business-logo.png) no-repeat center;
text-indent: -999em;
height: 43px;
margin: 5px 0 0;
overflow: hidden;
width: 265px;
}

.siteLink {
    background: url(/assets/images/ico_b_arrow_r.png) no-repeat left center;
    padding-left: 15px;

}

.side-container {
    margin-top: 5px;
    background-color: #ffffff;
}

/*Left and top header css*/

.b2bMessage {
    display: inline-block;
    margin: 0;
}

    .b2bMessage a {
        color: #666666;
        Font-size: 16px;
        display: inline-block;
        font-weight: bold;
        margin-right: 20px;
    }

.b2bloginmessage {
    /*background-color: #efefef;*/
    padding: 8px;
      font-size: 16px;
    font-weight: bold;
    color: #d32f2f;
    margin-bottom: 15px;
    /*border: #dddcdc thin solid;*/
}

.b2bHeader {
    font-size: 16px;
    font-weight: bold;
    color: #d32f2f;
    margin: 15px 0;
}


.businesstools .title,
#business .title {
    font-weight: normal;
    font-size: 12px;
    height: auto;
    text-align: left;
    line-height: 2.2em;
    padding-left: 10px;
    font-weight: bold;
    text-align: left;
}


.shop-confidence-home ul {
    border: 1px solid #ccc;
    border-top: none;
}

    .shop-confidence-home ul li {
        background: url(/assets/images/ico_check.jpg) 5px center no-repeat;
        border-bottom: 1px dotted #ccc;
        font-size: 11px;
        padding: 5px 5px 5px 30px;
    }

.closeopen a {
    background: url(/assets/images/w_arrow_down.png) #484848 center right no-repeat;
    cursor: pointer;
    width: 175px;
    display: block;
    padding: 5px;
    font-size: 1.1em
}



.lt-ie8 #page-wrap {
    top: 102px;
}

.businesstools ul, #learningLibrary ul {
    border: 1px solid #ccc;
    border-top: none;
}

    .businesstools ul li, #learningLibrary ul li {
        border-bottom: 1px dotted #ccc;
        font-size: 11px;
        padding: 5px 5px 5px 20px;
    }

.businesstools {
    margin: 0 0 15px 0;
}

#user-menu #business-menu {
    padding-right: 15px !important;
}

    #user-menu #business-menu ul {
        background: #fff;
        border: 1px solid #000;
        display: none;
        padding: 5px 0;
        position: absolute;
        width: 228px;
        left: 0;
        top: 30px;
        z-index: 9999;
    }

        #user-menu #business-menu:hover ul, #user-menu #business-menu ul li a {
            display: block;
        }

        #user-menu #business-menu ul li {
            line-height: 25px;
            padding: 0 10px;
        }

            #user-menu #business-menu ul li a {
                display: block;
            }

.b2bsearch {
    border: 1px solid #c8c8c8;
    display: block;
    float: left;
    height: 35px;
    overflow: hidden;
    position: relative;
    width: 610px;
    margin-left: 10px;
}

    .b2bsearch form {
        height: 35px;
    }

    .b2bsearch input {
        border: none !important;
        float: left;
        height: 33px;
        margin-left: 0px;
        text-indent: 10px;
        width: 548px;
    }

    .b2bsearch .search-btn {
        background: #fff url(/assets/images/ico_search_20x20.png) center center no-repeat;
        border: none;
        color: #2971ba;
        cursor: pointer;
        float: left;
        height: 33px;
        padding: 0;
        text-indent: -999em;
        width: 50px;
    }

div#carticon {
    display: inline-block;
    float:right;
}

#carticon #cart-tab {
    background: #efefef url(/assets/images/ico_cart_25x25.png) 30px center no-repeat;
    color: #000;
    height: 35px;
    padding-top: 10px;
    position: relative;
    width: 152px;
    padding-left: 70px;
    border: thin solid #c8c8c8;
}


    #carticon #cart-tab a {
        color: #000000;
    }

/*end header and left nav css*/

.loggedin {
    font-weight: bold;
    font-size: 14px;
    margin-right: 30px;
    color: #cc0000;
}


span.blueButton {
    background: #2971ba;
    color: #fff;
    font-size: 1em;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    line-height: 0.90em;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

/*Meet the sale team page*/



.salesgroup div, .salesgrouphead, .salesgrouphead div, .salesgroup, .teamlist {
    display: inline-block;
    vertical-align: top;
}

.salesteam {
    width: 765px;
}


.salesgrouphead {
    width: auto;
    padding-right: 30px;
}

.teamlist {
    width: 24%;
}

.teamhead {
    width: 30%;
    display: inline-block;
}

.teamlist a {
    text-decoration: none;
}

    .teamlist a:hover {
        color: #d32f2f;
    }

.salesphoto img {
    width: 100px;
    height: auto;
    margin-right: 10px;
    max-height: 100px;
}

.salesTeamName {
    margin: 10px 0;
    /* display: table-caption; */
}

.teamheader {
    display: block !important;
    padding: 20px 0;
    font-weight: bold;
    font-size: 1.25em;
    color: #d32f2f;
}

.salesName {
    margin: 10px 0;
    font-weight: bold;
}

.b2bcontactInfo img {
    margin-right: 7px;
}

.businessNav, .contactNav {
    padding: 5px 10px;
    border-left: thin solid #cccccc;
    border-right: thin solid #cccccc;
    border-bottom: thin solid #cccccc;
}

.contactNav {
    padding: 5px 10px;
    line-height: 25px;
}

    .contactNav img {
        margin-right: 10px;
    }

.repname {
    font-size: 12px;
    margin: 10px 0;
    display: block;
    font-weight: bold;
}

ul#b2bcontact li {
    margin-bottom: 10px;
}
.b2bRepLi {
    display: inline;
}
.b2bRepLeft {    
    line-height: 1.5em;    
    float: left;
    font-weight: bold;
}
.b2bRepRight {
    line-height: 1.5em;    
    padding-left: 30px;
}
.b2bphone {
    background: url(/assets/images/phone-icon.jpg) no-repeat left center;
    padding-left: 30px;
}

.b2bfax {
    background: url(/assets/images/fax-icon.jpg) no-repeat left center;
    padding-left: 30px;
}

.b2bemail {
    background: url(/assets/images/email-icon.jpg) no-repeat left center;
    padding-left: 30px;
}

.b2bteam {
    background: url(/assets/images/b2bteam.png) no-repeat left top;
    padding-left: 30px;
}
/*End meet sales team*/

#business a, #b2bcontact a {
    text-decoration: none;
    color: #333333;
    font-family: arial;
    font-size: 12px;
}

    #business a:hover, #b2bcontact a:hover {
        color: #;
    }

/*Landing page rotaional and categries*/

#bRotational {
    width: 100%;
    border: thin solid #cccccc;
    margin: 20px 0 5px 0;
}

#categoryTiles div{
    display:inline-block;
        margin-bottom:5px;
}

.tileleft, .tile {
    float:left;
    margin-right: 15px;

}
.tileright {
    float:right;
}


.bindexContent {
margin-top:20px;
}

#bleftIndex {
    display: block;
    width: 765px;
    float: left;
    margin-bottom: 20px;
}


.featuredCathp {
    display: inline-block;
    width: 185px;
    float:left;
    height:140px;
    text-align: center;
    padding: 0 10px 10px 10px;
    margin:5px 3px;
        background: #eff0f3;
    border: thin solid #dedede;
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #eeeff2), color-stop(130%, #e6e9eb)); 
background: -moz-linear-gradient(top, white 0%, #eeeff2 55%, #e6e9eb 130%);
}

    .featuredCathp img {
        height: auto;
        margin: 5px 0;
    }

    .featuredCathp a {
        font-size: 12px;
    }

        .featuredCathp a:hover {
            color: #d32f2f;
        }


/*order from previous po*/
#pOrdertab1 {
    margin-top: 10px;
}

.pOrder input {
    float: left;
    margin-right: 10px;
}

.pOrder li {
    list-style: none;
    font-size: 14px;
}

.radiotab_container {
    display: inline-block;
}

.qoOption {
    display: inline-block;
}

.radiotab_container {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

/* DatePicker Container */
.ui-datepicker {
    width: 165px !important;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

    .ui-datepicker a {
        text-decoration: none;
    }
    /* DatePicker Table */
    .ui-datepicker table {
        width: 100%;
    }


    .ui-datepicker thead {
        background-color: #f7f7f7;
        background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f1f1f1));
        background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
        background-image: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
        background-image: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
        border-bottom: 1px solid #bbb;
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #000000 !important;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

.ui-datepicker-calendar .ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -webkit-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    width: 100%;
    height: 20px;
}

.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
    background: #6eafbf;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #e0e0e0;
    text-shadow: 0px 1px 0px #4d7a85;
    filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 6pt;
    padding: 5px 0;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #bbb;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    /* box-sizing: border-box; */
}

    .ui-datepicker tbody td:last-child {
        border-right: 0px;
    }

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}

    .ui-datepicker tbody tr:last-child {
        border-bottom: 0px;
    }

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #666666;
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}


.datepicker {
    background-color: #ffffff;
    border: solid thin #BFBDBD;
    color: #666666;
    height: 28px;
    padding: 2px 2px 2px 5px;
    width: 75px;
    box-shadow: 0 0 2px #828181 inset;
    height: 20px;
    font-size: 0.80em !important;
}



.radiotab_content select {
    background-color: #ffffff;
    border: solid thin #BFBDBD;
    color: #666666;
    height: 28px;
    padding: 2px 2px 2px 5px;
    width: 200px;
    box-shadow: 0 0 2px #828181 inset;
    height: 20px;
    font-size: 0.80em !important;
    display: block;
}

.qoOption {
    margin-right: 20px;
    border-right: thin solid #cccccc;
    padding-right: 50px;
}

#resultByItem, #resultByUpload {
    display: table;
    margin-top: 20px;
}

.itemTbrowhd {
    display: table-row;
    background-color: #efefef;
    border-top: thin solid #cccccc;
}

.itemTbrow, .itemTbrowMain {
    display: table-row;
}

.itemTbleft, .itemTbright, .itemTbname, .itemTbqty {
    display: table-cell;
    padding: 10px;
    border-right: thin solid #cccccc;
    border-bottom: thin solid #cccccc;
    max-width: 450px;
}

.leftborder, .itemTblefthd {
    border-left: thin solid #cccccc;
}

.itemTbname {
    min-width: 450px;
}

.itemTbleftaddline, .itemTbrightaddline, .itemTbrightupload {
    display: table-cell;
    padding: 10px;
}

.itemTblefthd, .itemTbrighthd, .itemTbmiddlehd {
    display: table-cell;
    padding: 10px 30px;
    border-right: thin solid #cccccc;
    border-bottom: thin solid #cccccc;
    border-top: thin solid #cccccc;
    max-width: 450px;
}

.formwrap {
margin-left:200px;
}



input.addbyitem_name {
    width: 60px;
}

input.addbyitem_qty {
    width: 50px;
}

#byItem_add, #byItem_upload, #byItem_delete {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

#b2bxlsinterface {
    margin-top: 20px;
}

    #b2bxlsinterface ul {
        list-style: disc;
        margin-left: 30px;
    }

    #b2bxlsinterface div {
        display: inline-block;
        vertical-align: middle;
    }

    #b2bxlsinterface a {
        font-size: 12px;
        color: #484848;
        margin-top: 5px;
        display: block;
        font-weight: bold;
    }

    #b2bxlsinterface img {
        margin: 5px;
    }

#file {
    display: none;
    cursor: pointer;
    float: left;
    margin: 0px 10px 30px 0px;
    padding: 10px;
    width: auto;
    border: none;
    border-radius: 4px 4px 4px 4px;
    background-color: #d32f2f;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    color: #ffffff;
}

.smallBlueButton {
    text-align: center;
    cursor: pointer;
    float: left;
    margin: 10px 0px;
    padding: 10px;
    width: auto;
    border: none;
    border-radius: 4px 4px 4px 4px;
    background-color: #484848;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    color: #ffffff;
    text-align: center;
}
/*End order pages*/


/*order review page*/
div#reviewOrder, div#reviewOrderdetails {
    background: transparent;
    border: none;
    margin-bottom: 20px;
    font-size: 14px;
    width: 765px;
    clear: both;
}

div#editOrder div, div#submitOrder div {
    display: inline-block;
}

div#reviewOrderMain {
    border: solid thin #cccccc;
    padding: 10px;
    width: 765px;
    display: block;
}

div#reviewOrderDetails {
    border-top: thin solid #333333;
}

.orderrowhd, .itemTbrow, itemTbrowMain {
    margin: 10px 0;
}

    .orderrowhd div, .itemTbrow div, .itemTbrowError div, itemTbrowMain div {
        display: table-cell;
        vertical-align: middle;
        border-bottom: thin solid #333333;
    }

    .orderrowhd div {
        border-bottom: thin solid #333333;
    }

    .itemTbrow div, .itemTbrowError div, .itemTbrowMain div {
        border-bottom: thin dotted #cccccc;
        height: 40px;
    }

.PIDnumber, .PIDnumberhd {
    width: 80px;
}

.PIDqty, .PIDqtyhd {
    width: 80px;
}

.PIDname, .PIDnamehd {
    width: 350px;
}

.PIDprice, .PIDpricehd {
    width: 90px;
    text-align:right;
}
    .PIDpricehd h4, .PIDsubtotalhd h4 {
        text-align: right;
    }

.PIDsubtotal, .PIDsubtotalhd {
    width: 90px;
    text-align:right;
}

.PIDerror {
    width: 160px;
    text-align: center;
    font-weight: bold;
    color: #cc0000;
}

div#itemError {
    padding-left: 20px;
    color: #cc0000;
    font-weight: bold;
}

.PIDnumber input {
    width: 50px;
}

.PIDqty input {
    width: 50px;
}

.addPID {
    width: 80px;
    margin: 0 10px 10px 0;
}

.remove {
    width: 50px;
}

.itemTbrowError {
    background: #ffd8d8;
}

/*Line of Credit Application*/

div#creditapplication {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    clear: both;
    margin-top: 10px;
}

div#caprocess {
    width: 650px;
    margin-top: 10px;
    padding: 10px;
    border: thin solid #cccccc;
    background-color: #efefef;
}

    div#caprocess ul li {
        padding: 5px 0;
        border-bottom: thin dotted #cccccc;
    }

        div#caprocess ul li:last-child {
            padding: 5px 0;
            border-bottom: none;
        }

div#creditapplication ol li {
    padding: 10px 0;
}


.errorText {
    color: #cc0000;
    Font-size: 12px;
    display: inline-block;
    margin-right: 20px;
}



/*manage users and b2b forms*/


div.applybox {
    width: 700px;
    border: 1px solid #999999;
    background-color: #ffffff;
    height: auto;
    display: block;
    margin: 30px 0;
}

.boxContent ul {
    margin-top: 10px;
}

    .boxContent ul li {
        margin-top: 2px;
        list-style: disc;
        margin-left: 30px;
    }

.boxContent span.button-blue-medium a {
    color: #ffffff;
}

div.loginbox {
    width: 47%;
    border: 1px solid #999999;
    background-color: #ffffff;
    height: 265px;
    display: inline-block;
    margin: 40px 10px;
    float: left;
}

.loginheader {
    background: #ffffff;
    padding: 0 5px;
    font-weight: bold;
    font-size: 1.25em;
}

.boxheader {
    margin-top: -12px;
    margin-left: 30px;
    color: #333333;
    white-space: nowrap;
}

.boxContent {
    padding: 20px 20px 0 20px;
}


.b2bmpform {
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
}

    .b2bmpform label {
        display: block;
        margin: 0px 0px 5px;
    }

        .b2bmpform label > span {
            float: left;
            width: 80px;
            text-align: right;
            padding-right: 10px;
            margin-top: 10px;
            color: #969696;
        }

    .b2bmpform input[type="text"], .b2bmpform input[type="email"], .b2bmpform textarea, .b2bmpform select {
        color: #555;
        width: 65%;
        padding: 1px 1px 1px 8px;
        margin: 2px;
        margin-right: 6px;
        border: 1px solid #e5e5e5;
        background: #fbfbfb;
        outline: 0;
        -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
        box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
        font: normal 12px/24px Arial, Helvetica, sans-serif;
    }

    .b2bmpform input[type="text"], .b2bmpform input[type="email"], .b2bmpform select {
        height: 30px;
    }

    .b2bmpform textarea {
        height: 100px;
    }

    .b2bmpform select {
        background: url('/assets/images/down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
        background: url('/assets/images/down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(100%, #E9E9E9));
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        width: 67%;
        width: 408px;
    }


.b2bregform {
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
}

    .b2bregform .ui-widget-header {
        border: none !important;
        background: #efefef;
        color: #222222;
        font-weight: bold;
    }

    .b2bregform .ui-widget-header {
        border-bottom: 1px solid #cccccc !important;
        background: #e8e5e5;
        color: #222222;
        font-weight: bold;
    }

    .b2bregform label {
        display: inline-block;
        margin: 0px 20px 10px 0;
        width: 180px;
    }

        .b2bregform label > span {
            float: left;
            width: 80px;
            text-align: right;
            padding-right: 10px;
            margin-top: 10px;
            color: #969696;
        }

    .b2bregform input[type="text"], .b2bregform input[type="email"], .b2bregform textarea, .b2bregform select, .b2bregform input[type="password"] {
        color: #555;
        width: 50%;
        padding: 1px 1px 1px 8px;
        margin: 2px;
        margin-right: 6px;
        border: 1px solid #e5e5e5;
        background: #fbfbfb;
        outline: 0;
        -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
        box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
        font: normal 12px/24px Arial, Helvetica, sans-serif;
    }



    .b2bregform input[type="text"], .b2bregform input[type="email"] {
        height: 25px;
    }

    .b2bregform textarea {
        height: 100px;
    }

.b2bregform input[type="checkbox"] {
    margin-right:3px;
}

    .b2bregform select {
        background: url('/assets/images/down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
        background: url('/assets/images/down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(100%, #E9E9E9));
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
    }

    .b2bregform h2 {
        color: #484848;
        margin: 20px 0 10px 0;
    }

/*business registeration form*/
button.minimal, input.minimal {
    background: #e3e3e3;
    border: 1px solid #bbb;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
    padding: 8px 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: auto;
}

    button.minimal:hover, input.minimal:hover {
        background: #d9d9d9;
        -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
        box-shadow: inset 0 0 1px 1px #eaeaea;
        color: #222;
        cursor: pointer;
    }


    button.minimal:active, input.minimal:active {
        background: #d0d0d0;
        -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
        box-shadow: inset 0 0 1px 1px #e3e3e3;
        color: #000;
    }

.minimal {
 background: #e3e3e3;
    border: 1px solid #bbb;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
    padding: 8px 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: auto;
    cursor:pointer;
}


.nexttab {
    margin-left: 205px;
    margin-top: 20px;
}

div#business {
    margin-bottom: 15px;
}

.removeclass {
    font-weight: bold;
    margin-left: 5px;
    font-size: 1.50em;
}

.addmoreInput {
    font-size: 0.95em;
    font-weight: bold;
    height: 20px;
    padding: 5px 5px 30px 5px;
}

a#AddMoreFileBox {
    text-decoration: underline;
    font-size: 0.95em;
    font-weight: bold;
}

/* Input Box Style - registeration page*/
.box_t {
    font-family: verdana, arial;
    font-size: 9pt;
    background-color: #ffffff;
    border: 1px solid #ABABAB;
    color: #000000;
}
/* Input Number Box Style */
.box_n {
    font-family: verdana, arial, Helvetica, sans-serif;
    font-size: 9pt;
    background-color: #ffffff;
    border: 1px solid #ABABAB;
    color: #000000;
    text-align: right;
}
/* Input Error Box Style */
.box_err {
    font-family: verdana, arial;
    font-size: 9pt;
    background-color: #ffffff;
    border: 1px solid #CC0000 !important;
    color: #000000;
}
/* Shipping Zip Code Box Style */
.box_zip {
    font-family: verdana, arial;
    font-size: 15pt;
    background-color: #ffffff;
    border: 1px solid #CC0000 !important;
    color: #000000;
}
/* Shipping Zip Code Error Box Style */
.box_zip_err {
    font-family: verdana, arial;
    font-size: 15pt;
    background-color: #ffffff;
    border: 1px solid #CC0000 !important;
    color: #000000;
}
/* Shipping Exp Date Error Box Style */
.box_exp_err {
    font-family: verdana, arial;
    font-size: 15pt;
    border: 1px solid #CC0000 !important;
    color: #000000;
}

.cellalt {
}

.newCustomerRow .row {
    margin-bottom: 0;
}


ol#poterms {
    list-style: decimal;
    margin-left: 30px;
}

    ol#poterms > li {
        margin-bottom: 10px;
    }

    ol#poterms li {
        margin-bottom: 5px;
    }

/* category Landing Pages */

.catnav div, .featuredrow div, .featuredCat div, .industryCatrow div {
    display: inline-block;
}
.featuredrow div {
    margin-right: 5px;
}

.featured {
    font-weight: bold;
}

.catnav div img {
    margin-right: 4px;
}

.featuredCat {
    width: 32%;
}

.catimg, .industryCatImg {
    float: left;
}

.catname{
float: right;
width: 55%;
margin-top: 30px;
}

.catname a {
font-size: 1.25em;
color: #484848;
font-weight:bold;
}

.catname a:hover {
color: #333333;
}

.industryCatName {
    float: right;
width: 65%;
}

.featuredCat {
    background: #eff0f3;
    border: thin solid #dedede;
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #eeeff2), color-stop(130%, #e6e9eb)); 
background: -moz-linear-gradient(top, white 0%, #eeeff2 55%, #e6e9eb 130%);
}

  .featuredCat img {
        height: auto;
        margin: 5px 0;
    }

    .featuredCat a {
        font-size: 12px;
    }

        .featuredCat a:hover {
            color: #484848;
        }

.industryCat {
    width: 49%;
     background: #eff0f3;
     padding:10px;
     border: thin solid #dedede;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #eeeff2), color-stop(130%, #e6e9eb)); 
background: -moz-linear-gradient(top, white 0%, #eeeff2 55%, #e6e9eb 130%);
}

.industryCat img {
    width:100px;
    height:auto;
    border:thin solid #cccccc;
}

 .heading, .heading a {
    padding: 20px 0;
    font-weight: bold;
    font-size: 1em;
    color: #d32f2f;
}

.pagename {
    padding-top: 20px;
    font-weight: bold;
    font-size: 1.25em;
    color: #484848;
}

.businessUser {
display: inline-block;
width: 30%;
margin: 5px 10px;
}

.rowsl {
    display: inline-block;
    clear: both;
    margin-bottom: 0;
    width: 100%;
}
.disabled {
    background: url(//images.monoprice.com/buttons/disabled.jpg) top center no-repeat;
    cursor: none;
    color: #000;
text-shadow: #ddd 1px 0;
height: 20px;
font-size: 0.9em;
width: 90px !important;
border: none;
display: inline-block;
font-weight: bold;
line-height: normal;
text-align: center;
}

div#mBusiness {
   width: 35px;
height: 132px;
background-color: #cccccc;
color: #484848;
position: absolute;
left: -38px;
top: -50px;
z-index:1;
    }

div#mBusiness-white
{
width: 100px;
height: 60px;
background-color: #FFFFFF;
color: #484848;
position: absolute;
left: -98px;
top: -2px;
z-index: 100;

    }


div#b2bowner, div#b2badmin {
display:inline-block;
*display: inline;
zoom: 1;
width:40%;
}

.businessUserMain {
width:100%;
margin: 5px 0 20px 0;
}

.addUsers {
margin-bottom:5px;
}

/*learn moe page*/

div#learnmore{
width:765px;	
}
.b2binfo, .B2boptions, .b2binfoimg{
display:inline-block;
*display: inline;
zoom: 1;
vertical-align: top;
}

.B2boptions {
width: 380px;
}

.b2binfo {
width:300px;
}

.learmoreTitle {
	height: 60px;
padding: 10px;
font-size: 30px;
font-weight: bold;
border-bottom: thin solid #cccccc;
margin-bottom: 20px;
	
}

div#learnmore h2 {
	font-weight: bold;
font-size: 14px;
}

div#learnmore ul li {
	list-style: initial;
list-style-image: initial;
margin-left: 8px;
}

div#learnmore ul {
margin-left: 10px;
color: #666666;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


.clearfix {
    *zoom: 1;
}


ul.exceptions {
    margin: 10px 0;
}

ul.exceptions li{
    margin: 5px 0;
list-style: inherit;
}

ul.exceptions li a{
text-decoration:underline;
font-weight:bold;
color:#d32f2f;
}

.warranty {
    text-decoration:underline;
font-weight:bold;
color:#d32f2f;
}

.footer dl {
float: left;
padding: 20px 1.3% 20px 1.3% !important;
}


dd.twitter_icon {
    padding-left: 22px;
    background: url(http://images.monoprice.com/socialicons/twitter5_icon.png) no-repeat 0 2px;
}
dd.facebook_icon {
    padding-left: 22px;
    background: url(http://images.monoprice.com/socialicons/facebook5_icon.png) no-repeat 0 2px;
}

dd.youtube_icon {
    padding-left: 22px;
    background: url(http://images.monoprice.com/socialicons/youtube5_icon.png) no-repeat 0 2px;
}

dd.instagram_icon {
    padding-left: 22px;
    background: url(http://images.monoprice.com/socialicons/instagram5_icon.png) no-repeat 0 2px;
}

dd.googleplus_icon {
    padding-left: 22px;
    background: url(http://images.monoprice.com/socialicons/googleplus5_icon.png) no-repeat 0 2px;
}

dd.pinterest_icon {
    padding-left: 22px;
    background: url(http://images.monoprice.com/socialicons/pininterest5_icon.png) no-repeat 0 2px;
}
dd.blog_icon {
    padding-left: 22px;
    background: url(http://images.monoprice.com/socialicons/blog5_icon.png) no-repeat 0 2px;
}

.businessLink {
Background: #cccccc;
color: #000000;
font-weight: normal !important;
background-color: #efefef;
padding: 5px 10px;
}

.businessLink a {
    color:#484848;
    font-weight:normal;
    text-decoration:underline;
}

.volumePriceMessage {
    font-weight:normal !important;
}

  .leftround {
            background-image: url(http://www.monoprice.com/images/left_image/img_left_rounded.gif); 
            float: left; 
            height: 25px; 
            width: 4px;
        }

        .rightround {
            background-image: url(http://www.monoprice.com/images/left_image/img_right_rounded.gif);
            float: left;
            height: 25px;
            width: 4px;
           
        }

        .clph3 {
            background-color: #eeeeee; 
            float: left; 
            line-height: 25px; 
            padding: 0px 2px; 
            vertical-align: central; 
            width: 95%
        }

/* Old styles from _style.css */
h2{font-size:16px;margin:0;color:#000000;background:transparent;font-weight:bold;font-style:normal;line-height:20px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;letter-spacing:0;}
h3{font-size:15px;margin:0;padding:0px 0px 0px;color:#000000;background:transparent;font-family:"Trebuchet MS", Lucida, Verdana;font-style:italic;font-weight:bold;letter-spacing:0;}
.black11px{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;line-height:9pt}
.black11px1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.11pxB{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;}
.bluebold{color:#0000cc;font-weight:bold;}
.red11pxU{color:#bb001b;font-size:11px;text-decoration:underline;}
.red11px{color:#bb001b;font-size:11px;}
.red12px{color:#bb001b;}
.red12px_st{color:#bb001b;text-decoration:line-through;}
.gray11px{color:#333333;font-size:11px;}
.style3{color:#FFFFFF;font-weight:bold;}
.style4{color:#333333;font-weight:bold;}
.style5{font-size:12px;}
.style6{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;}
.style9{font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.style11{font-size:18pt;line-height:18pt;}
.style14{font-size:14px;}
#topmenu{font-family:Arial;font-size:11px;color:#000000;letter-spacing:1px;}
#gnb{font-family:Arial;font-weight:"bold";font-size:11px;color:#ffffff;letter-spacing:0px;text-align:center;}
#gnbbtm{font-family:Arial;font-size:11px;color:#333333;letter-spacing:0px;font-weight:bold;}
A.topmenu:link{color:#000000;text-decoration:none;}
A.topmenu:visited{color:#000000;text-decoration:none;}
A.topmenu:active{color:#000000;text-decoration:none;}
A.topmenu:hover{color:#cc0000;text-decoration:none;}
.column{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000000;line-height:16px;padding-top:10px;padding-bottom:0px;padding-left:15px;padding-right:0px;}
.s{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;line-height:16px;letter-spacing:0px;}
.left{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;line-height:14px;letter-spacing:0px;padding-left:3px;padding-right:0px;}
.hs{font-family:Tahoma;font-size:11px;color:#666666;line-height:16px;font-weight:bold;letter-spacing:-0px}
.hm{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;line-height:14px;letter-spacing:0px;}
.w{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#ffffff;font-size:11px;line-height:12px;letter-spacing:0px;}
a.under:link{text-decoration:underline;}
a.under:visited{text-decoration:underline;}
a.under:hover{text-decoration:underline;}
a.under:active{text-decoration:underline;}
img{border:0px;}
.freeShippingIconLg{margin: -20px 0 20px 0;}
.numberdiv {display:inline-block;margin: 0 0 20px 0;padding:2px 0}
.freeShippingIconsl{font-size: 11px;color: #cc0000;font-weight: bold;}
.volpriceApply{text-align: right; font-size: 11px; }
a {
outline: none;
}
#page-content .row, .header .row {margin-left: 0px; margin-right: 0px;}
/*new Design*/
/* #hawkitemlist h3 {
	font-style: normal;
} */
/* #hawkitemlist *, #hawktoppager *, #hawkbreadcrumb * {
  font-family: 'ek mukta';
} */
.product-name span {
	font-weight:700;
}
.mp-navAndTicker{
  background-color: #ffffff;
  /*height: 50px;*/
  max-width: 1600px;
  min-width: 960px;
  margin: 0 auto;
}

.mp-navAndTicker-hp{
background-color:#ffffff;
/*height: 50px;*/
}



.mp-navAndTicker div{
    text-align: center;
}

.mp-category-header {
color: #212121;
  font-size: 16px;
  font-family: 'Ek Mukta', sans-serif;
  font-weight: 300;
  line-height: 50px;
  cursor: pointer;
  float: left;
  text-align: center;
}

 .mp-ticker {
 /* margin-left: 280px; */
 }
.mp-ticker ul {
    display: table;
    width: 100%;   
}
.mp-ticker ul li {
display: table-cell;
padding: 0 10px;
position: relative;
text-align: center;
width:33%;
border-right:solid #666666 thin;
text-transform:uppercase;
font-family: 'Ek Mukta', sans-serif;
font-size: 16px;
font-weight:300;
vertical-align: middle;
}

.mp-ticker ul li a{
font-family: 'Ek Mukta', sans-serif;
color:#00a7bb;
font-size: 16px;
/* font-weight:400; */
}



.mp-TickerLast {
     border-right:none;
    color:#000000;
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
}


#mp-logoMiniNav {
height: 70px;
  background: #212121;
  padding-left: 0;
  max-width: 1600px;
  min-width: 960px;
  margin: 0 auto;
  float: none;
}

.mp-logo a img {
width:280px;
height:70px;
background: #212121;
margin-top: -1px;
}

.mp-search input {
    border: 0;
    border-bottom: 1px solid white;
    outline: 0;
    margin-left: 0px;
    background-color: #212121;
    color: #FFFFFF;
    /* height: 24px; */
    width: 350px;
    font-family: 'Ek Mukta', sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding: 0 !important;
    float: left;
}

.mp-search-button {
    outline: 0;
    color: #FFFFFF;
    height: 22px;
    background: url('//images.monoprice.com/icons/magnifier-white-topnav.png') no-repeat right;
    border: none;
    width: 22px;
    margin-left: -26px;
}

.mp-MainPageBanner {
z-index: 1;
position: relative;
}

.mp-Banner {
padding-right: 0;
padding-left: 0;
/*min-height: 50px;*/
margin-top:70px;
/*margin-bottom: 0;*/
}



.mp-miniNav ul {
    /*float: right;*/
}

.mp-miniNav ul li {
    display: inline-block;
padding: 0 10px;
}
.mp-miniNav ul li.dropdown {
	padding: 0;
	margin-right: 10px;
	padding-bottom: 5px;
}
.mp-miniNav ul li a, li#cart-tab a span{
    color:#FFFFFF;
    font-family: 'Ek Mukta', sans-serif;
	text-decoration: none;
font-size: 16px;
font-weight:300;
}

.mp-miniNav ul li a:hover {
    color:#00a7bb;
}

.mp-logo{
    float:left;
    width:280px;
/*background-color: #ffffff;*/
}

.mp-searchNav {
    margin-left:280px;
  padding-top: 15px;

}

.mp-search {
    display:inline-block;
    margin-left: 0px;
    margin-top: 4px;
    float: left;
}

.mp-miniNav {
    display:inline-block;
    float: right;
}

div.mp-search ::-webkit-input-placeholder {
   color: #dcdcdc !important;
}

div.mp-search :-moz-placeholder { /* Firefox 18- */
   color: #dcdcdc !important;  
}

div.mp-search ::-moz-placeholder {  /* Firefox 19+ */
   color: #dcdcdc !important;
}

div.mp-search :-ms-input-placeholder {  
   color: #dcdcdc !important; 
}

#cart-tab {

}

    #cart-tab a {
        margin-left: 10px;
    }
	


 #mp-page-wrap {
     height: auto;
	position: relative;
	clear: both;
 }

#mp-page-content {
 padding-bottom: 0;
z-index: 1;
margin: 0 auto;
min-width: 960px;
float: left;
 }

.mp-sidenav {
    position: absolute;
    width: 280px;
    float: left;
    /*background: #fff;*/
}

    .mp-sidenav ul {
        /*width:220px;*/
        padding-right: 10px;
        /* margin-top: 30px; */
    }

.current {
	display:block!important;
	}

.small, small {
font-size: 14px !important;
}
	
#mp-page-wrap .mp-sidenav ul li{
	text-align:right;
}

#mp-page-wrap .mp-sidenav ul li a, .sb-left .category-menu .mp-sidenav ul li a, #mp-page-wrap .mp-sidenav ul li:hover a, .sb-left .category-menu, .mp-sidenav ul li a, .mp-sidenav ul li a:hover {
  font-size: 18px;
}




#mp-page-wrap .mp-sidenav ul li a span{
  font-size: 18px;
  line-height: 18px;
  text-align: right;
  padding-bottom: 10px;
  display:block;
 }
 span.shopByProductLink {
     width:275px;
     font-size: 18px;
     color: #212121;
     float: right;
     text-align: right;
cursor:pointer;
 }

 #mp-page-wrap, #mp-page-wrap div, #mp-page-wrap ul, #mp-page-wrap ul li, #mp-page-wrap a, #mp-page-wrap span, #mp-page-wrap small, .mp-footerDiv div, .mp-footerDiv a, .mp-footerDiv h2, .mp-footer-rights span, .mp-footerDiv input {
  font-family: 'Ek Mukta', sans-serif;
  font-weight: 300;
  font-size: 100%;
  line-height: 1.5em;
  outline: none;
  text-decoration: none;
  padding-bottom: 10px;
}

#mp-page-wrap div {
    padding-bottom: 0;    
}


 li.mp-sale a{
     color:#00a7bb;
 }

  li.mp-sale a:visited{
     color:#00a7bb;
 }

  .mp-footerDiv input {
  border: 0 !important;
  border-bottom: 1px solid #212121 !important;
  outline: 0 !important;
  margin-left: 0 !important;
  background-color: #e8e8e8 !important;
  color: #212121 !important;
  width: 200px !important;
  font-family: 'Ek Mukta', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 1.5em !important;
  outline: none !important;
  text-decoration: none !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
  height: auto !important;
  padding: 0 !important;
}
 
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }

.mp-main-content {
    height: 100%;
    margin-left: 270px;
}

.mp-main-content {
	position: relative;
	overflow: hidden;
	/*margin: 5px;*/
	background: none;
	cursor: pointer;
	/*display: table-cell;*/
}

.mp-main-content figure {
	position: relative;
	overflow: hidden;
	background: none;
	cursor: pointer;
	display: table-cell;
}

.mp-main-content figure img {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 10px; /*change*/
	max-height: 350px; /*add*/

}

.mp-main-content figure figcaption {
  	padding: 15px;
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.mp-main-content figure figcaption::before,
.mp-main-content figure figcaption::after {
	pointer-events: none;
}

.mp-main-content figure figcaption,
.mp-main-content figure figcaption > div a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mp-main-content figure figcaption > div a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.mp-main-content figure h2 {
	font-size: 280%;
	font-weight: 300;
	font-family: 'Ek Mukta', Arial, sans-serif;
}
.hp-hero b {
	font-size: 100%;
	font-weight: 700;
	font-family: 'Ek Mukta', Arial, sans-serif;
}
.mp-main-content figure h2 span {
	font-weight: 700;
}

.mp-main-content figure h2,
.mp-main-content figure p {
	margin: 0;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.31);
}

.mp-main-content figure p {
	font-size: 20px;
	line-height: 100%;
	font-weight: 500;
	font-family: 'Ek Mukta', Arial, sans-serif;
}

.hp-hero figcaption > div {
    left: -5px;
	position: relative;
	height: 100%;
}

/* hover effects */
figure.hp-hero figcaption {
	margin: 0 10px; /*change*/
	font-size: 125%;
	background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

figure.hp-hero:hover figcaption:hover {
	background: rgba(0, 0, 0, 0);
}

figure.hp-hero h2 {
	position: relative;
	left: 0;
	line-height: 32px;
	width: 100%;
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.hp-hero figcaption::before,
figure.hp-hero p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.hp-hero p {
	font-weight: 300;
	position: relative;
	left: 0;
	width: 100%;
	opacity: 0;
	padding: 10px 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.hp-hero:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-10px,0) translate3d(0,0,0);
	transform: translate3d(0,-10px,0) translate3d(0,0,0);
}

figure.hp-hero:hover figcaption::before ,
figure.hp-hero:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.hp-hero:hover .hero-text-mid h2, figure.hp-hero:hover .hero-text-bot h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-10%,0) translate3d(0,-30px,0);
	transform: translate3d(0,-10%,0) translate3d(0,-30px,0);
}

figure.hp-hero:hover .hero-text-bot h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-10%,0) translate3d(0,-30px,0);
	transform: translate3d(0,-10%,0) translate3d(0,-30px,0);
}

figure.hp-hero:hover .hero-text-mid p {
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.hp-hero:hover .hero-text-bot p {
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

.mp-hpcontainer {
    height: auto;
  min-height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
  padding-right:0;
  padding-left:0;

}

.mp-hpcontainer {
padding-bottom:0 !important;
}

.hero-image1, .hero-image2, .hero-image3, .hero-image4, .hero-image5, .hero-image6, .hero-image7 {
  display: table-cell;
  padding: 0 5px;
  position: relative;
}

.hero-image2 , .hero-image5, .hero-image7 {
padding-right:0;
}


.heroImageContainer {
  margin-bottom: 10px;  /*change*/
  /* padding-bottom: 10px !important; */  /*remove*/

}


.hero-image img, .hero-image1 img, .hero-image2 img, .hero-image3 img, .hero-image4 img, .hero-image5 img, .hero-image6 img, .hero-image7 img {
    width:100%;
    position: relative;
}


/*text placements for hero banner*/
#mp-page-wrap span.heroImageTitle {
  font-size: 330%;
  line-height: 46px;
  letter-spacing: -1px;
  font-size: 2vw;
  color:#ffffff;
  text-transform:uppercase
}

#mp-page-wrap span.heroImageInfo {
  font-size: 160%;
  font-weight: 300;
  line-height: 0;
    text-transform:uppercase

}
.heroImageInfo {
    font-family: 'Ek Mukta';
    color:#ffffff;
    font-size:18px;
    font-size: 1.1vw;
    display: block;
	font-weight: 200;
	margin-top: 5px;
    text-transform:uppercase;
	line-height: 20px;
}

#mp-page-wrap .heroImageTitle b{
color: #ffffff;
font-size: 30px;
font-size: 2.0vw;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
}
/*Image 1*/

.mp-heroTextDiv {
    /* margin-left:30px; */
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 15px;
    z-index: 100;
}

/* Text positions */
.hp-hero .hero-text-top h2{ 
	top: 5%;
}
.hp-hero .hero-text-top p{ 
	top: 2%;
}
.hp-hero .hero-text-mid h2{
	top: 40%;
}
.hp-hero .hero-text-mid p{
	top: 37%;
}
.hp-hero .hero-text-bot h2{
	top: 80%;
}
.hp-hero .hero-text-bot p{
	top: 77%;
}

.hp-hero .hero-text-left h2, .hp-hero .hero-text-left p {
	text-align: left;
	left: 0;
}
.hp-hero .hero-text-center h2, .hp-hero .hero-text-center p {
	text-align: center;
	left: 0
}
.hp-hero .hero-text-right h2, .hp-hero .hero-text-right p {
	text-align: right;
	left: auto;
	right: 0;
}

/*footer css*/

.mp-footerDiv {
  margin-top: 10px;
  min-width: 960px;
  max-width: 1600px;
  margin: 0 auto;
}

.mp-footerDiv.row {
  margin-bottom: 0;
}

.mp-footer{
margin-left: 280px;
padding-left: 0;
padding-right: 0;
padding-top: 35px;
padding-bottom: 20px;
color: #212121;
min-width: 960px;
}
.mp-footer * {
    font-family: 'Ek Mukta', sans-serif;
}
.mp-contactUs {
    display:inline-block;
	height: 170px;
    padding-right: 0;
}

.mp-footer-social {
    margin-bottom: 10px;
}

.mp-footer-social h2, .mp-footerlinks h2 {
    color: #212121;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  margin-top: 20px;
}

.mp-footer-social i {
    color:#bfbfbf;
    margin:0 20px 10px 0;
}


.mp-footer-email {
    display:block;
}



.mp-footer input {
border: 0;
border-bottom: 1px solid #212121;
outline: 0;
margin-left: 0;
background-color: #e8e8e8;
color:#212121;
height: 27px;
width: 200px;
font-weight:300;
font-size: 18px;
}
.mp-footer-news-button {
outline: 0;
color: #FFFFFF;
height: 21px;
background: url('//images.monoprice.com/icons/footer-email-signup-icon.png') no-repeat right;
border: none;
width: 22px;
}


div.mp-footer ::-webkit-input-placeholder {
   color:#595959 !important;
   text-align:left;

}

div.mp-footer :-moz-placeholder { /* Firefox 18- */
    color:#595959 !important;
    text-align:center;
}

div.mp-footer::-moz-placeholder {  /* Firefox 19+ */
    color:#595959 !important;
    text-align:center;
}

div.mp-footer :-ms-input-placeholder {  
    color:#595959 !important;
    text-align:center;
}




.mp-footerlinks {
display: inline-block;
float: right;
margin-right: 60px;
margin:0; 
padding:0;
}


.col-xs-5 {
  width: 40%;
}

.mp-footerlinks div {
}


.mp-footerlinks div {
  display: inline-block;
  margin-right: 25px;
  float: right;
}

    .mp-footerlinks div ul {
        margin: 0 0px 20px 0;
    }

.mp-footerlinks div ul li {
    margin-bottom:10px;
}



.mp-footerlinks div ul li a, .mp-footerlinks div ul li a:hover{
    color:#212121;
    font-size:14px;
    margin-bottom:10px;
    font-weight:300;
    text-transform: capitalize;
    text-decoration:none
}

.mp-footerlinks div ul li a:hover{
    color:#00a7bb;
}



.mp-footer-rights {
margin: 10px 0 20px 15px;
}

.mp-footer-rights span {
    font-weight:300;
    font-size:12px;
    margin-right:50px;
}

.mp-footer-rights span a{
    font-weight:300;
    font-size:12px;
    margin:0 10px;
    color:#212121;
}
.mp-footer-rights span a:hover{
	color: #00a7bb
}

.mp-checkout-nav {
z-index: 2;
width: 960px;
padding-top: 0;

}



input.mp-LeftNavSearch {
width: 120px;
border: 0;
border-bottom: 1px solid #212121;
outline: 0;
margin-left: 0px;
background-color: #FFFFFF;
color: #212121;
height: 28px;
background: url('//images.monoprice.com/icons/magnifier-blk.png') no-repeat right;
font-size: 16px;
font-weight: 300;
}

.shopByProductInput {
	display:none;
}
div.shopByProductInput ::-webkit-input-placeholder {
    color: #595959 !important;
    text-align: left;
}

div.shopByProductInput :-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    color: #595959 !important;
    text-align: left;
}

div.shopByProductInput::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
    color: #595959 !important;
    text-align: left;
}

div.shopByProductInput :-ms-input-placeholder {
    font-size: 16px;
    color: #595959 !important;
    text-align: left;
}


div#mp-footer-email-message {
font-size: 18px;
margin-top: 5px;
}


div#mp-footer-email-message::before {
content: url('//images.monoprice.com/icons/footer-email-signup-icon.png');
padding-right:10px;
}



input.blue-add-small-button {
font-family: 'Ek Mukta', sans-serif !important;
font-weight: 300 !important;
background: #00a7bb !important;
color: #ffffff !important;
width: 40px !important;
font-size: 12px !important;
border: none !important;
padding: 4px 6px !important;
text-transform: uppercase !important;
margin-top: -11px !important;
}

div.shopByProductInput {
text-align: right !important;
padding: 10px !important;
background: #eee !important;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') !important;
background-size: 100%;
border: 1px solid #ccc !important;
  height: 85px !important;
  width: 185px !important;
  /* margin-left: 65px !important; */
  float: right;
}

div.shopByProductInput a {
    font-size: 11px !important;
}

div.shopByProductInput a:hover{
     color: #00a7bb !important;
 }

div.shopByProductInput input[type=text]{
border: 1px solid #cccccc !important;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
color: rgba(0, 0, 0, 0.75) !important;
display: inline-block !important;
font-size: 14px !important;
margin: 0 0 12px 0 !important;
padding: 6px !important;
-webkit-transition: all 0.15s linear !important;
-moz-transition: all 0.15s linear !important;
-o-transition: all 0.15s linear !important;
transition: all 0.15s linear !important;
background-color:#ffffff !important;
}




/*overrides*/
.sb-left .category-menu, .sb-left .category-menu *, .sb-left .category-menu ul li:hover, .sb-left .category-menu ul li:hover > a, .sb-left .category-menu ul li a, .sb-left .category-menu mp-sidenav ul li a {
    float: none;
    height: auto;
    padding: 0;
    position: static;
    width: auto;
    z-index: auto;
    border: none;
    background-color: transparent;
    text-align: right;
    line-height: normal;
    color: #212121;
    font-family: 'Ek Mukta', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5em;
    outline: none;
    text-decoration: none;
      padding-bottom: 5px;
}

.sb-left .category-menu ul li:hover, .sb-left .category-menu ul li:hover > a {
    color:#00a7bb;
}

.sb-slidebar.sb-left , .sb-slidebar2.sb-left {
    margin-top: 0;
}



/*
.sb-slidebar::-webkit-scrollbar {
    width: 8px;
}

.sb-slidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.6);
    border-radius: 20px;
    background: #FFF;
}

.sb-slidebar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
    background: #FFF;
}
*/

/* Slidebars 0.10.2 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
#mp-page-wrap, .sb-site-container, .sb-slidebar, .sb-slidebar2, body, html {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mp-sidenav {
    padding-right: 15px !important;
    /*padding-top: 15px !important;*/
}


html.sb-scroll-lock.sb-active:not(.sb-static) {
    overflow: hidden;
}

#mp-page-wrap {
    min-width: 960px;
  position: relative;
  z-index: 1;
  max-width: 1600px;
  margin: auto;
  min-height: 660px;
}

.sb-site-container {
    width: 100%;
    position: relative;
    z-index: 1;
}


.sb-slidebar {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 0;
    display: none;
    background-color: #FFFFFF;
    -webkit-transform: translate(0px);
}

.sb-slidebar2 {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 0;
    display: none;
    background-color: #fff;
    -webkit-transform: translate(0px);
}

.sb-right {
    right:0;
    -webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,1);
    -moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,1);
    box-shadow: -1px 0px 3px -1px rgba(0,0,0,1);
}

.sb-slidebar.sb-static, html.sb-static .sb-slidebar, .sb-slidebar2.sb-static, html.sb-static .sb-slidebar2 {
    position: absolute;
}

.sb-slidebar.sb-active, .sb-slidebar2.sb-active {
    display: block;
}

.sb-style-overlay {
    z-index: 9999;
}

.sb-momentum-scrolling {
    -webkit-overflow-scrolling: touch;
}

.sb-slidebar {
    width:320px;
    overflow-y:auto;
}

.sb-slidebar2 {
	width:280px;
}

.sb-width-thin {
    width: 15%;
}

.sb-width-wide {
    width: 45%;
}

.close-box {    
   height: 100%;
   width: 300px;
   position: fixed;
   left: -300px;
}

#mp-page-wrap, .sb-site-container, .sb-slide, .sb-slidebar {
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transition-property: -webkit-transform,left,right;
    -webkit-backface-visibility: hidden;
}


.sb-slidebar2 {
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transition-property: -webkit-transform,left,right;
    -webkit-backface-visibility: hidden;
    overflow-y:auto
}

.sb-hide {
    display: none;
}


/*minicart*/
/*.checkout {
    top: 0px;
    width: 67px;
    height: 67px;
    text-align: center;
    right: 0px;
    display: block;
    position: absolute;
    z-index: 10;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.checkout__button {
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 10;
    cursor: pointer;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-backface-visibility: hidden;
}

.checkout--active .checkout__button {
    cursor: default;
    transform: translate3d(-490%, 0px, 0px);
    -webkit-transform: translate3d(-490%, 0, 0);
  right: 320px\9;
}

.checkout__button:focus {
}*/

.checkout__text {
    padding: 1.6em 0px 0px;
    color: rgb(255, 255, 255);
    font-size: 1.25em;
    font-weight: 400;
    display: block;
}

    .checkout__text img {
        margin-right: 5px;
    }

.checkout__icon {
    margin: 0px auto;
    display: block;
}



.checkout--active .checkout__order {
    pointer-events: auto;
}

.checkout__order::before {
    background: #FFFFFF;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
}



.checkout__order-inner {
    position: relative;
    margin-top: 70px;
    border: thin solid #dddddd;
    padding: 10px;
    background-color:#ffffff;
}

.checkout--active .checkout__order-inner {
    background: #ffffff;
}

.checkout__close {
    background: none;
    border: currentColor;
    border-image: none;
    top: -50px;
    width: 20px;
    height: 25px;
    right: 1.5em;
    color: transparent;
    text-indent: 100%;
    overflow: hidden;
    position: absolute;
    backface-visibility: hidden;
}

.checkout--active .checkout__close {
    opacity: 1;
    z-index: 999\9;
    height: 30px\9;
}


.mp-emptycart {
  color: #212121;
  font-family: 'Ek Mukta', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  border-bottom: #dddddd solid thin;
  padding-bottom: 20px;
  padding-top: 20px;
}

.icon {
    left: 0px;
    top: 10px;
    color: #212121;
    text-indent: 0px;
    position: absolute;
}

    .icon:hover {
        color: rgb(66, 106, 152);
    }

.checkout__summary {
  margin: 0;
  width: 100%;
  text-align: left;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.5;
  font-size: 0.85em;
}


    .checkout__summary thead th {
        color: rgb(81, 124, 173);
        line-height: 2.5;
    }

        .checkout__summary thead th.orderDetail {
            padding-left: 10px;
        }

        .checkout__summary thead th.orderPrice {
            padding-right: 60px;
        }


    .checkout__summary tfoot th {
        color: rgb(81, 124, 173);
        line-height: 2.5;
    }

.checkout__total {
  font-family: 'Ek Mukta', sans-serif;
  color: #00a7bb;
  /* margin-right: 60px; */
  font-size: 18px;
  font-weight: 500;
 margin-right:20px;
}

.checkout__summary tbody tr:first-child td {
    padding-top: 0.5em;
}

.checkout__summary tbody td {
    padding: 0.25em 0px;
    font-size: 0.85em;
    font-weight: 700;
}


.checkout_subtotal {
    font-family: 'Ek Mukta', sans-serif;
    float: left;
    margin-top: 13px;
    margin-left: 10px;
    color: #212121;
    font-weight: 500;
    font-size: 16px;
}

.checkout__summary tbody td:last-child {
    font-family: 'Ek Mukta', sans-serif;
}

.checkout__summary .checkout__total {
    font-family: 'Ek Mukta', sans-serif;
}

.checkout__summary tbody td span {
}

.checkout__summary th:last-child {
    text-align: right;
}

.checkout__summary td:last-child {
    text-align: right;
}

.mp-checkoutBtns {
text-align:center;
}

.checkout__option {
    background: #00a7bb;
    padding: 0.7em 2em;
    border-radius: 1px;
    border: currentColor;
    border-image: none;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-family: 'Ek Mukta', sans-serif;
    font-size: 16px;
	text-decoration:none;
}

.checkout__option, .checkout__option a:visited,.checkout__option a:focus{
    font-family: 'Ek Mukta', sans-serif;
    font-size: 16px;
	  color: #FFFFFF!important;
	  text-decoration:none;
    width: 100%;
}

    .checkout__option:hover {
        background: #00a7bb;
    }

a.checkout__option--silent , a.checkout__option--silent:visited,  a.checkout__option--silent:focus{
  background: #595959 !important;
  margin-right: 0px;
  	text-decoration:none;
	color: #FFFFFF;
    float: left;
    
}

.checkout--active .checkout__option {
    font-family: 'Ek Mukta', sans-serif;
	color:#ffffff;
}



@media screen and (max-width:26em) {
    .checkout--active .checkout__button {
        cursor: default;
    }
}

ul#carttab {
padding-top:10px;
}

.mp-col-left {
    width: 17.5%;
}

.mp-col-right {
    /* width: 82.5%; */
	width: 77%;
	float: right;
}

.sb-left {
  background: #d8d8d8;
}
.sb-left .category-menu{
  padding-top: 68px;
}

.sb-left .category-menu .category-menu-title{
    font-weight:bold;
    margin-top: -30px;
    padding-right: 15px;
    color: #212121;
}

.mp-miniNav ul li {
  display: inline-block;
  padding: 0 10px;
}

.mp-miniNav ul li a, li#cart-tab a span {
  color: #FFFFFF;
  font-family: 'Ek Mukta', sans-serif;
  text-decoration: none;
  font-size: 16px;
  font-weight: 300;
  text-align: right;
}

.mp-headerbar {
  height: 70px;
  background: #212121;
  padding: 0;
  max-width: 1600px;
  margin: auto;
  min-width: 960px;
}


.mp-ticker {
    padding-top: 16px;
	padding-bottom: 16px;
    /*min-height: 50px;*/
}

div#mp-footer-email-form {
    padding: 0;
  margin: 0;

}

.mp-col-left-offset {
    margin-left: 280px;
}


.navbar-form {
   padding:0 !important; 
margin-top: 0 !important;
  margin-right: -15px;
  margin-bottom: 0 !important;
  margin-left: 0;
  border-top: none !important;
  border-bottom: none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.mp-footer-wrap {
  clear: both;
  background-color: #e8e8e8;
}

.checkout img {
  margin-right: 3px;
  }

  #carttab #account-menu:hover ul {
	display: block
}

.mp-miniNav .dropdown-header a {
  color: #212121;
}

#carttab #account-menu ul {
  /*background: #212121;
  display: none;
  padding: 2px 0;
  width: 100px;
  z-index: 9999;
  color:#ffffff;
  position: absolute;*/
  text-align: right; 
margin-top: -1px;  
}

#account-menu .dropdown-menu li.dropdown-header {
  display: block;
}

#carttab #account-menu ul li{
padding: 0;
}

.loading-box {
    padding: 20px 0 20px;
    text-align: center;
}
.product-items {
    /*width: 770px;*/
}
.scrollbar {
    max-height: 600px;
    overflow-y: auto;
}
.aqua {
    color: #007abb !important;
}
/*.info-box-default, .info-box-secure, .info-box-warning, .info-box-success {
    margin-top: 60px !important;
}*/
.mp-sidenav a:hover span {
    color: #00a7bb;
}

.mycart {
    top: -48px;
    left: 15px;
    color: #212121;
    position: absolute;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}.hawk-itemWrapper .itemTitle .hawk-title{
	font-size: 14px;
}
@media screen and (max-width: 980px) {
	.mp-col-right {
		width: 73%;
	}
}
.layout input[type="radio"]+label, .layout input[type="checkbox"]+label {
    height: auto;
}


/* Multi Attribute Products */
/**
  Product Attributes
*/
.mp-search-attrform {
  font-size: 12px;
  color: #6B6B6B;
  margin-bottom: 5px;
}
.mp-search-attrform .attrcolorname {
  float: left;
  color: #333;
  margin: 9px 5px 0 0;
}
.mp-search-attrform .attrname {
  float: left;
  color: #333;
  margin: 7px 5px 8px 0;
  margin-right: 5px;
  line-height: 25px;
}
.mp-search-attrform .color-attr {
  display: block;
  float: left;
  margin: 10px 5px 5px 5px;
  padding: 0 !important;
  border: 1px solid #c8c8c8;
  cursor: pointer;
}
.mp-search-attrform .color-attr.selected {
  border: 3px solid #c8c8c8 !important;
  margin: 8px 5px 2px 5px;
  cursor: default;
}
.mp-search-attrform .color-attr.outofstock,
.mp-search-attrform .color-attr.na {
  border: 1px solid #c8c8c8;
  position: relative;
}
.mp-search-attrform .color-attr > span {
  display: block;
  width: 14px;
  height: 14px;
  padding: 0 !important;
}
.mp-search-attrform .color-attr.yellow > span {
  background: #FFC700 !important;
}
.mp-search-attrform .color-attr.blue > span {
  background: #1367CA !important;
}
.mp-search-attrform .color-attr.green > span {
  background: #036C5D !important;
}
.mp-search-attrform .color-attr.orange > span {
  background: #FE7E1B !important;
}
.mp-search-attrform .color-attr.purple > span {
  background: #565493 !important;
}
.mp-search-attrform .color-attr.red > span {
  background: #D00217 !important;
}
.mp-search-attrform .color-attr.multi-color > span {
  border: 1px solid #C8C8C8;
  background-image: -moz-linear-gradient( left top, right bottom, from(red), color-stop(40%, yellow), color-stop(60%, blue), to(violet));
  background-image: -webkit-gradient(linear,  left top,  left bottom, color-stop(0.00, red), color-stop(40%, yellow), color-stop(60%, blue), color-stop(1.00, violet));
  background: linear-gradient(to bottom, red 0%, yellow 40%, blue 60%, violet 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='red', endColorstr='blue',GradientType=0 );
}
.mp-search-attrform .color-attr.brown > span,
.mp-search-attrform .color-attr.wood > span {
  background: #bb7e2b !important;
}
.mp-search-attrform .color-attr.blonde > span,
.mp-search-attrform .color-attr.natural > span {
  background: #f7db91 !important;
}
.mp-search-attrform .color-attr.goldtop > span {
  background: #C29337 !important;
}
.mp-search-attrform .color-attr.chrome > span {
  background: silver !important;
}
.mp-search-attrform .color-attr.smoke > span,
.mp-search-attrform .color-attr.carbonfiber > span {
  background: #454548 !important;
}
.mp-search-attrform .color-attr.sunburst > span {
  border: 1px solid #C8C8C8;
  background-image: -moz-linear-gradient( left top, right bottom, from(#252527), color-stop(50%, #86461B), to(#CD8500));
  background-image: -webkit-gradient(linear,  left top,  left bottom, color-stop(0.00, #252527), color-stop(50%, #86461B), color-stop(1.00, #CD8500));
  background: linear-gradient(to bottom, #252527 0%, #86461B 50%, #CD8500 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252527', endColorstr='#CD8500',GradientType=0 );
}
.mp-search-attrform .color-attr.cherrymarble > span,
.mp-search-attrform .color-attr.cherryredburst > span {
  border: 1px solid #C8C8C8;
  background-image: -moz-linear-gradient( left top, right bottom, from(#252527), color-stop(50%, #703236), to(#A33537));
  background-image: -webkit-gradient(linear,  left top,  left bottom, color-stop(0.00, #252527), color-stop(50%, #703236), color-stop(1.00, #A33537));
  background: linear-gradient(to bottom, #252527 0%, #703236 50%, #A33537 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252527', endColorstr='#A33537',GradientType=0 );
}
.mp-search-attrform .color-attr.photocolor > span {
  border: 1px solid #C8C8C8;
  background-image: -moz-linear-gradient( left top, right bottom, from(#000), color-stop(50%, pink), to(cyan));
  background-image: -webkit-gradient(linear,  left top,  left bottom, color-stop(0.00, #000), color-stop(50%, pink), color-stop(1.00, cyan));
  background: linear-gradient(to bottom, #000 0%, pink 50%, cyan 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='pink', endColorstr='cyan',GradientType=0 );
}
.mp-search-attrform .color-attr.glossoptimizer > span {
  border: 1px solid #C8C8C8;
  background-image: -moz-linear-gradient( left top, right bottom, from(#fff), color-stop(50%, #C5E5D4), to(#25A561));
  background-image: -webkit-gradient(linear,  left top,  left bottom, color-stop(0.00, #fff), color-stop(50%, #C5E5D4), color-stop(1.00, #25A561));
  background: linear-gradient(to bottom, #fff 0%, #C5E5D4 50%, #25A561 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#25A561',GradientType=0 );
}
.mp-search-attrform .color-attr.clear > span {
  background: #e8e8e8 !important;
}
.mp-search-attrform .color-attr.outofstock .slash,
.mp-search-attrform .color-attr.na .slash {
  display: block;
  width: 20.5px;
  height: 1.2px;
  border: none;
  background-color: #c8c8c8 !important;
  -webkit-transform: translateY(21px) translateX(21px) rotate(-45deg);
  transform: translateY(21px) translateX(21px) rotate(-45deg);
  position: absolute;
  top: -15px;
  left: -24.0px;
}
.mp-search-attrform .size-attr {
  display: block;
  font-size: 12px;
  text-align: center;
  float: left;
  margin: 7px 5px;
  padding: 0 7px;
  height: 25px;
  line-height: 25px;
  color: #686868;
  border: 1px solid #C8C8C8;
  cursor: pointer;
  line-height: 25px !important
}
.mp-search-attrform .size-attr.outofstock,
.mp-search-attrform .size-attr.na {
  border: none;
  background: #f2f2f2;
  color: #989898;
}
.mp-search-attrform .size-attr.selected {
  border: 3px solid #C8C8C8;
  height: 29px;
  margin: 5px;
  cursor: default;
}
.mp-search-attrform .color-attr + .tooltip,
.mp-search-attrform .size-attr + .tooltip {
  padding-bottom: 5px !important;
}
.mp-search-attrform .color-attr + .tooltip > .tooltip-inner,
.mp-search-attrform .size-attr + .tooltip > .tooltip-inner {
  background-color: #FFF; 
  color: #BB1A00; 
  border: 1px solid #C8C8C8;
  border-radius: 0;
  padding: 0.5em !important;
  font-size: 12px;
}
.mp-search-attrform .color-attr + .tooltip.top > .tooltip-arrow,
.mp-search-attrform .size-attr + .tooltip.top > .tooltip-arrow {
  border-top: 5px solid #C8C8C8;
  padding: 0 !important;
}
.mp-spinner {
  background-color: #888;
  opacity: 1;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  z-index: 10000
}
.mp-spinner-overlay {
  background-color: #888;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: .5;
  -moz-opacity: .5;
  z-index: 9999
}
.mp-spinner .fa-spin {
  font-size: 4em;
  color: #FFF;
  padding: 5px;
  -webkit-transform-origin: 50% calc(50% - .5px);
  transform-origin: 50% calc(50% - .5px);
}
.b2b-product {
  margin-top: 15px;
}
/* End of Multi Attribute Products */