.productNetPriceBox .textBold,.productQuantityBox .textBold {
    color: #084c85;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
}
.productNetPriceBox .textBold span,.productQuantityBox .textBold span {
    color: #444444;
}
.productNetPriceBox .productTitle, .productQuantityBox .productTitle, .productNetPriceBox input, .productQuantityBox input,#butSendPDF{
    display:none !important;
}

@media all and (min-width: 1025px) {
    #header_container {
        width:100%;
    }
}
@media all and (max-width: 768px) {
    #searchboxcontainer {
        background-size:112px 30px;
        background-position-y:36px;
    }
    #searchbox,#searcherror{
        margin-left:152px;
    }
    .searchresults_msg{font-size:15px}
}
@media all and (max-width: 600px) {
    #searchboxcontainer {
        background-position-y:10px;
        background-position-x:5px;
    }
    #searchbox,#searcherror{
        margin-left:0px;clear:both;    
        
        width:auto;
    }
    #closecontainer{margin-right:2px}
    .searchresults_msg{font-size:12px}
    form{padding-top:0px;}
    #searcherror{display:none}
}
@media all and (min-width: 1px)  and (max-width:580px) {
    .gridHolder{width:580px;padding-left:10px;padding-right:10px;}
    .mm-listview{font-size:12px;}
        .mm-listview .mm-next.mm-fullsubopen + span {
            padding-right: 70px;
            margin-right: 0;
        }
        .mm-listview > li > a{padding-right:70px;}
    .mm-title{font-size:13px}

    
    .searchresults_section,.bookmarks_section {
        width: 67px;
        height: 70px;
        line-height:70px;
        padding: 6px 2px 6px 2px;
        font-size: 11px;
        margin-top:13px;
        margin-bottom:19px;
        border:2px solid #444444;

    }
    .searchresults_section span,.bookmarks_section span{
        display:inline-block;vertical-align:middle;line-height:12px;margin:6px;
    }
    .searchresults_page,.bookmarks_page {
           margin-top:0px;
        width: 67px;
        height: 102px;
        padding: 6px 2px 6px 2px;
        font-size: 11px;
        position:relative;
        border:2px solid #444444;


    }
    .delbookmark{
        width:26px;
        height:26px;
        margin-left:21px;
        margin-top:67px;

        background-position:6px 6px;
        z-index:999999;
        opacity:0.8;
        border-radius:32px;
        cursor:pointer

    }

    .searchresults_page img,.bookmarks_page img {
        width: 67px;
        height: 102px;
        padding: 0px;
        font-size: 11px;


    }
    #bookmarkshtmlcontainer{padding:30px 16px 60px 40px;margin-top:71px;}
    #searchresultscontainer{padding:30px 16px 60px 40px;}
    .searchpagelabel,.bookmarklabel{margin-top:-10px;position:relative}
    #searcherror{
        background-color:#ee0000;
        font-size:10px;
        color:#ffffff;
        padding:3px 10px 3px 10px;
            width:525px;
        margin-left:300px;
        display:none;
    }
    .searchresults_msg{
        padding:10px;

        color:white;
    }
    .productThumbnail{
        width:65px;
        margin-top:15px;
    }
    .productThumbnail img {
    width: 65px;
    height: 65px;
}
}
@media all and (min-width: 1px) and (max-width:450px) {
    .selectProductDetails{
        width:150px;
    }
    .productThumbnail{
        width:65px;
        margin-top:15px;
        margin-right:5px;
    }
    .productTitle{
        font-size:11px;
    }
}
.mobile_attr{
    display:none;

}
@media all and (min-width: 1px) and (max-width:760px) {

    .hideformobile,.mobile_attr .productStyleBox .productTitle,.mobile_attr .productTitle{
        display:none;
    }
    .productThumbnailLarge{
        width:20% !important;
        height:auto !important;
    }
    .skulistProductDetails{
        width:50%;
    }
    .skulistProductDetails .productTitle{
        width:auto;
    }

    .mobile_attr .productStyleNumber{
        width:60px;float:left;margin-top:0px;font-size:12px;font-weight:bold;color:#084c85;
    }
    .skulistProductDetails .productStyleNumber{float:left}

    .mobile_attr{
        display:block;
        width:auto;
        padding-bottom:10px;

    }
    .mobile_attr .productCodeBox,.mobile_attr .productStyleBox{
        clear:both;
        float:none;
        width:auto !important;
        display:block;
        text-align:left !important;
        margin-left:0px;
    }
    .mobile_attr .productQuantityBox, .mobile_attr .productNetPriceBox {
                
        float:left;
        width:80px !important;
        display:block;
        text-align:left !important;
        margin-left:0px;
        font-size:11px;
    }
   .mobile_attr .productQuantityBox .textBold, .mobile_attr .productNetPriceBox .textBold {

        font-size:11px;
        
    }
    


    .productButtons {width:10%;text-align:right}
    .productBtnTrashBackground,.productBtnWebLinkBackground{overflow:hidden;}
    .productBtnWebLink {width:35px;float:right;}
    .productBtnTrash{width:35px;float:right;}
}
@media all and (min-width: 1px) and (max-width:440px) {
   .mobile_attr .productQuantityBox, .mobile_attr .productNetPriceBox {
                

        width:70px !important;
        font-size:10px;

    }
      .mobile_attr .productQuantityBox .textBold, .mobile_attr .productNetPriceBox .textBold {

        margin-top:2px;margin-bottom:0px;
        
    }
#txtsearchbox {width:210px;}
}

    body {
            -webkit-perspective: 500;
            -moz-perspective: 500;
            perspective: 500;
        }

        .animate {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        #shareform{
            width:280px;
         
            background-color:#fafafa;
            border:5px solid #084c85;
            margin:20px auto 20px auto;

            background-image:url(../../uiimages/largelogo.png);
            background-repeat:no-repeat;
            background-position-x:10px;
            background-size:169px 45px;
            background-position-y:16px;
            padding:55px 10px 10px 10px;
        }
        #shareErrorBox
        {
            border:1px solid red;
            background-color:#fee2e2;
            color:#ff0000;          
            margin:15px 0px 10px 0px;
            font-family:Arial;
            font-size:11px;
        }
        #shareSuccessBox
        {

        }
        #shareSuccessMsg{
            border:1px solid #1e8305;
            margin:15px 0px 10px 0px;
            color:#1e8305;
            background-color:#aeffb4;
            font-family:Arial;
            font-size:11px;
            padding:20px;
        }
        #shareSending{}
        #shareFormFields label{display:block;clear:both;margin-top:10px;font-size:13px;color:#084c85;margin-bottom:3px;}
        #shareFormFields input{font-size:14px; color:#999999;width:270px;height:25px;line-height:25px;margin-top:5px;margin-right:0px;border:1px solid #cccccc;padding:2px;}
        #message {width:270px;height:80px;color:#999999;font-size:14px;display:block;font-family:Arial;border:1px solid #cccccc;}
        #shareFormFields{margin:0px;padding-top:0px !important;margin-left:auto;margin-right:auto;width:auto;padding:4px;}
        #shareformcontainer {
            padding: 0px;
    
        }
        #shareActionButton,#shareSendingBox,#shareActionDone{display:block;width:260px;font-size:15px;background-color:#084c85; padding:10px 10px 10px 5px; color:#ffffff ;line-height:20px;text-align:center;margin:10px 0px 0px 0px;text-decoration:none}
        #shareSendingBox{background-color:#ff3535}
        #shareActionDone{background-color:#084c85}
        #recaptcha{
            margin-top:15px;
            transform:scale(0.9);
            -webkit-transform:scale(0.9);
            -ms-transform:scale(0.9);
            -ms-transform-origin:0px 0px 0px;
            -webkit-transform-origin:0px 0px 0px;
            transform-origin:0px 0px 0px;
        }





        


        #zoombuttons {
            
            right:0px;
            width:50px;
   
            position:fixed;
            top:60px;

   
            display: block;
            padding: 0;

            cursor: pointer;
            color: transparent;
            border: none;
            outline: none;
            background: transparent;
            z-index: 99999999999;
            
        }

        .zoomin, .zoomout,.prevPage,.nextPage {
            width:50px;
            font-family: 'Roboto',arial;
            background-color:#084c85;
            font-size: 50px ;
            line-height: 80px;
            opacity: .75;
            
            /*box-shadow:rgba(0,0,0,0.5) 2px 2px;*/
            color: rgba(255,255,255,0.5); /* #084c85;*/
            -webkit-font-smoothing: antialiased;
            display:block;
            position: relative;
            text-align:center;
            
            -moz-osx-font-smoothing: grayscale;
        }
        .prevPage,.nextPage{
            position:fixed;
            text-decoration:none;
            z-index: 99999999999;
            top:50%;
            margin-top:-40px;
        }
        .nextPage{
            right:0px;
            border-top-left-radius:0.1em;
            border-bottom-left-radius:0.1em;
        }
        .prevPage{
            left:0px;
            border-top-right-radius:0.1em;
            border-bottom-right-radius:0.1em;
        }
        .zoomin{border-top-left-radius:0.1em;}
        .zoomout{border-bottom-left-radius:0.1em;}


        #zoombuttons a,#zoombuttons a:focus,#zoombuttons a:active,a.prevPage:active,a.nextPage:active,a.prevPage:focus,a.nextPage:focus{text-decoration:none;opacity: 0.9;}
     #zoombuttons a:hover,a.prevPage:hover,a.nextPage:hover {
    opacity: 0.9;color:rgba(255,255,255,0.7);
    }
             #zoombuttons a.zoomdisabled,#zoombuttons  a.zoomdisabled:hover ,#zoombuttons a.zoomdisabled:focus,#zoombuttons a.zoomdisabled:active,
             a.prevPage.zoomdisabled:active,a.nextPage.zoomdisabled:active,a.prevPage.zoomdisabled:focus,a.nextPage.zoomdisabled:focus{
            opacity:0.3 !important;
            color:#666666;
            cursor:default;
        }
@media all and (min-width: 500px) and (max-width:1000px) {
    .prevPage {
        margin-left:44px;
    }
    

}
@media all and (min-width: 1px) and (max-width:499px) {
    #zoombuttons,.nextPage,.prevPage {
        display:none !important;
    }
    

}
#smallscreen {
    display: none;
}
/*This one is max HEIGHT, NOT width*/
@media all and (min-width: 1px) and (max-height:380px) {
    #smallscreen{width:100%;padding-top:50px;height:420px;background-color:white;z-index:100000000000;display:block;position:fixed;top:0px;left:0px;opacity:0.95}
    #smallscreen_warning{background-color:white;width:70%;text-align:center;font-family:Arial;font-size:15px;background-image:url('../../uiimages/resetportrait.png');background-repeat:no-repeat;background-position:center top;padding-top:150px;margin-left:auto;margin-right:auto}

}