/*----------------------/ CSS Reset /-----------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0px;
	font-size:100%; font-style:inherit; font-weight:normal; font-family:inherit;
	
}

html, body, form, #wrap{ height:100%; }

*:focus{ outline:0px; }

*{ margin:0; }

a{ outline:none; text-decoration:none; }

/*body{ font-family:Arial, Verdana, Sans-Serif; height:100%; background-image:url(../images/bgRep.gif); background-repeat:repeat-x; }*/
body{ font-family:Arial, Verdana, Sans-Serif; height:100%;  }   /*background-image:url(../images/bgRep.gif); background-repeat:repeat-x;*/ /*background-image:url(../images/bgRep.gif); background-repeat:repeat-x;*/


p{ font-size:12px; line-height:18px; }

#logo {
    float: left;
    width: 226px;
    height: 87px;
    margin: 10px 0 0 0px;
    text-indent: -9999px;
    background: url(../images/logo.jpg) no-repeat;
    background-size: 100px;
}

#logo-order-detail {
    float: left;
    width: 300px;
    height: 117px;
    text-indent: -9999px;
    background: url(../images/logo.jpg) no-repeat;
    background-size: 270px;
    padding-top: 20;
    margin-top: 36px;
}


    .logo1 {
    float: left;
    max-width: 272px;
    text-indent: -9999px;
    margin-top: 14px;
} 





.container{ width:960px; margin:0px auto; }

.heading1{display:block; font-size:14px; font-weight:bold; margin:0 0 10px 0; padding:0 0 10px 0; text-transform:uppercase; }

.heading2{ color:#000; font-size:14px; font-weight:bold; text-transform:uppercase; float:left; }

.heading2 span{ font-weight:bold; }

.navmenutop {width:100%;height:30px;background-color:#636363; background-position: left top;}

/*.navmenu {width:100%;height:50px;background-color:#0b5db9; background-position: left top;}*/

/*.heading1Div{ background-image:url(../images/pageHed2.png); width:707px; height:39px; }*/

/*------------------/ CSS Image Preloader /-----------------*/
/*body:after{ display:none; content:url(../images/nav-bar.gif); }*/
/*body:after{  content:"sldfj aslkdf sadlaksjdf sa dlf"; display:inline-block; background-color: #0b5db9;height:20px;width:3000px;z-index:99999}*/
  


/*------------------------/ Login /-------------------------*/
#login{ color:#000000; float:right; width:256px; height:93px; font-size:11px; }
#login .cp {color:#165ec4; font-weight:bold; font-size:14px;}

.field{ display:inline; margin-top:6px; float:left; clear:both;}

.field span { float:left; width:52px; margin:2px 0 0; }

.field input{ border:0; float:left; width:116px; height:15px; font-size:9px; font-family:Verdana; margin:0 0 1px 0; background-color:#ffffff; border:1px solid #b4b4b4; }

.login-links { margin-top:2px; clear:both; width:182px; float:left;}
/*.login-links a {color:#f57b20; text-decoration:underline;}
.login-links a:hover {color:#165ec4;}*/
.login-links .ra {float:left;}
.login-links .forgot { float:right; margin-right:10px;}

.welcome{ color:#000000; float:right; width:350px; height:46px; font-size:11px; }

/*----------------------/ Navigation /----------------------*/
#nav { float:left; width:760px; height:48px; list-style:none; }

/*#nav a:hover{ color:#ffe8d5; }*/

/*#nav ul li{ float:left; display:inline;  background-position:left top; height:48px;}*/

/*#nav ul li a { color:#ffffff; float:left; height:48px; display:block; font-size:14px; line-height:44px; margin:0px 17px 0px 17px; }*/



#search{ float:right; margin:11px 11px 0 0; }

.search-box{ border:0; float:left; width:224px; height:18px; font-size:11px; padding:3px 0 4px 10px; background:transparent url(../images/search-box.gif) no-repeat; }

.search-button{ float:left; margin:0 0 0 -2px; }

.columns-container{ float:left; width:960px; margin:39px 0 34px 0; }

.columns-container2{ float:left; width:960px; margin:39px 0 34px 0; background:url(../images/fox-column.gif) repeat-y; }

.columns-containerOrders{ float:left; width:960px; margin:39px 0 34px 0; }

.columns-containerOrderswarehouse{ float:left; width:960px; margin:80px 0 34px 0; }


.fullContent{ float:left; 
              width:960px; 
              display:none;
              }   
              
 .columns-container3{ float:left; width:960px; margin:39px 0 34px 0; }


.aside {
    float: left;
    width: 233px;
    /*margin-top: 47px;*/
}

.bside{ float:left; width:332px; }

.section{ float:right; width:707px; }

.section2{ float:right; width:615px; }


/*--------------------/ Shopping Cart /---------------------*/
#shopping-cart{ color:#ffffff; width:205px; height:64px; font-size:11px; margin:7px 0px 0px 0; }

#shopping-cart h3{ float:left; font-size:14px; font-weight:bold; margin:8px 0px 0px 6px; width:112px; color:#165ec4;}

.cart-totals { float:left; line-height:16px; width:115px; margin:5px 0 0 6px; font-size:11px; color:#000000;}
.cart-totals span {font-weight:bold;}
.ccButtons { float:right; width:80px;}
.ccButtons a { margin:10px 0px 0px 0px; float:left; clear:both;}

.ccButtons-m {
    float: right;
    width: 200px;
}

    .ccButtons-m a {
        margin: 10px 0px 0px 0px;
        float: left;
        clear: both;
    }

.clear-cart{ color:#fff; float:right; font-size:11px; margin:0 14px 0 0; text-decoration:underline; }
.check-out{ float:right; margin:15px 8px 0 0;}


/*#shopping-cart{ color:#fff; width:191px; height:60px; font-size:11px; margin:0 0 30px 0; padding:14px 0 0 14px; background:url(../images/cart-back.gif) no-repeat; }

#shopping-cart h3{ float:left; color:#000; font-size:14px; font-weight:bold; text-shadow:0 1px #fea761; }

.clear-cart{ color:#fff; float:right; font-size:11px; margin:0 14px 0 0; text-decoration:underline; }

.cart-totals{ float:left; line-height:17px; margin:18px 0 0 -70px; }

.check-out{ float:right; margin:15px 8px 0 0; }*/

/*-------/ Special Product / On Promotion Product /---------*/
.special-top{ top:0; left:-1px; height:4px; width:707px; position:absolute; background:url(../images/special-rounded-top.gif) no-repeat; }

.special-body{ width:705px; float:left; position:relative; border-left:solid 1px #bdb9b6; border-right:solid 1px #bdb9b6; }

.special-bottom{ height:4px; float:left; width:707px; background:url(../images/special-rounded-bottom.gif) no-repeat; }

.promo-banner{ top:-6px; right:-6px; position:absolute; }

.special-image{ float:left; margin:22px 51px 0 31px; }

.special-heading{ color:#ff7300; text-transform:uppercase; font-size:16px; float:left; font-weight:bold; margin:34px 0 14px 0; }

.special-body p{ float:left; width:358px; }

.special-buttons{ float:right; margin:15px 12px 10px 0; width:128px; height:26px; }

.special-buttons a{ float:left; }

.featured{ float:left; }

.banner{ float:left; }

.wrap{ width:960px; min-height:100%; height:auto !important; height:100%; margin:0 auto ; position:relative; }

/*#main-footer{ color:#fff; clear:both; height:114px; font-size:10px; background:url(../images/footer-rep.gif) repeat-x; position:relative; z-index:10; }

#main-footer a{ color:#fff; font-size:10px; line-height:28px; }

#main-footer a:hover{ text-decoration:underline; }

#main-footer .links{ float:left; }

#main-footer .text{ color:#000; }

#main-footer .text a{ color:#000; line-height:25px; }
#main-footer .container{ width:960px; margin:0px auto; height:114px; }*/

.call-us{ float:right; margin:10px 0 0; }

.productBox {
    width: 223px;
    float: left;
    margin: 0px 5px 12px 5px;
    background-color: #fff;
    border: 1px solid #929395;
    border-radius: 4px;
} /*height: 340px;*/
.productImageBox {
    width: 210px;
    height: 190px;
    margin-top: 2px;
    margin-bottom: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.categoryBody { width: 220px;float:left;text-align:left;height:200px; margin:10px 12px 0px 0px;background-color:#ffffff ;border:1px solid #bdb9b6}
.categoryNameDiv{ width: 200px;text-align:left;font-size:12px;vertical-align:bottom;height:30px;}
.categoryImageBox{ margin-top:3px;cursor:pointer;}
.categoryfooter{ text-align:left;margin-top:5px;}
.multicategoryname { color:#4b5762;font-weight:bold;font-size:12px; }
.browsenamelink { color:#4b5762;font-size:12px;}


.productTop{ width:223px; 
             /*background-image:url(../images/boxTop.gif); 
             background-repeat:no-repeat;*/ 
  
     }

.productBody{ width:223px; 
              /*background-image:url(../images/boxRep.gif); 
              background-repeat:repeat-y;*/  
}

.productBottom{ 
    width:223px; height:6px; 
    /*background-image:url(../images/boxBottom.gif); 
    background-repeat:no-repeat;*/ 

}

/*.productName{ font-size:12px; color:#d86100; font-weight:bold; }*/

.hed1{ font-size:14px; color:#000000; font-weight:bold; }

/*.contactHeading{ color:#d86100; font-size:14px; font-weight:bold; margin-top:15px; }

.contactHeading span{ color:#d86100; font-size:12px; font-weight:bold; }*/

.TB{ border:1px solid #b8b8b8; }

.productPrice{ font-size:12px; font-weight:bold; }

.productNameDiv{ min-height:30px;  margin:0px 5px 5px 5px; text-align:center; } /*overflow:hidden;*/

.productCodeDiv{ color:#8b8b8b; font-size:12px; font-weight:bold; margin:0px 5px 5px 5px; text-align:center;height:24px }

.ShoppingCart{ table-layout:fixed; width:705px; font-family:Arial; font-size:12px; }

.cartbuttons img, .cartbuttons input { margin-right:5px;}
#imgListEdit {cursor:pointer;}

.CartColumnHeading{ border:solid 1px #bdb9b6; border-right-style:none; background-color:#ffffff; font-size:12px; padding:0px 0px 0px 3px; vertical-align:middle; height:25px; font-weight:bold; }

.CartColumnHeadingLast{ border:solid 1px #bdb9b6; font-size:12px; background-color:#ffffff; padding:0 0 0 5px; vertical-align:middle; height:25px; font-weight:bold; }

.CartColumnCell{ border-bottom:solid 1px #bdb9b6; border-left:solid 1px #bdb9b6; background-color:#ffffff; padding:0 5px 0 5px; vertical-align:middle; font-size:11px; }

.CartColumnCellLast{ border-bottom:solid 1px #bdb9b6; background-color:#ffffff; border-left:solid 1px #bdb9b6; border-right:solid 1px #bdb9b6; padding:0px 1px 0px 1px; vertical-align:middle; font-size:11px; }

.linky{ font-family:Arial; font-size:11px; color:#F57709; text-decoration:none; text-decoration:underline; }

.linky:a{ font-family:Arial; font-size:11px; color:black; text-decoration:underline; }

.linky:hover{ font-family:Arial; font-size:11px; color:black; text-decoration:underline; }

.smalLink{ color:#595959; font-size:11px; }

.smalLink:hover{ color:#CF5F0C; font-size:11px; }

.yourAccountRow{ width:303px; height:28px; background-color:#cecece; border:1px solid #a5a5a5; border-bottom:0px; }

.yourAccountRow span{ font-size:11px; color:#000000; }

.accountRowHed{ font-weight:bold; margin-left:12px; }

.accountRowLabel{ font-weight:normal; margin-left:0px; }

.yourAccountRowLight{ width:303px; height:28px; background-color:#eaeaea; border:1px solid #a5a5a5; border-bottom:0px; }

.yourAccountRowLight span{ font-size:11px; font-weight:bold; margin-left:12px; }

.accountRowLabelOrng{ color:#0033AB; font-weight:bold; }

.openSalesQuotes{ font-size:11px; color:#211e1b; border:1px solid #a5a5a5; border-bottom:0px; border-right:0px; }

.openSalesQuotes td{ height:28px; border-bottom:1px solid #a5a5a5; border-right:1px solid #a5a5a5; }

.openSalesQuotes td span{ margin-left:5px; }

.dashHed{ font-weight:bold; font-size:12px; color:#3b3835; }

/*.dashLink{ font-size:12px; color:#dd6300; text-decoration:underline; }

.dashLink:hover{ font-size:12px; color:#3b3835; text-decoration:underline; }*/

.push{ clear:both; height:92px; }


.orderHed{ height:26px; font-weight:bold; font-size:11px; background-color:#cecece; color:#211e1b; border-right:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; padding:0px 3px 0px 3px; }

.orderTot{ height:26px; font-weight:bold; font-size:11px; color:#211e1b; padding:0px 3px 0px 3px; }

.orderRow{ height:26px; font-weight:normal; font-size:11px; background-color:#eaeaea; color:#211e1b; border-right:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; padding:0px 3px 0px 3px; }

.orderRow div{ float:left; }
.orderRow1 { height: 26px; font-weight: normal; font-size: 10px; color: #211e1b; border-right: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; /*padding: 0 3px 0 3px;*/ text-align: center; }

.orderRowComment {
    height: 26px;
    font-weight: normal;
    font-size: 11px;
    background-color: #E9E800;
    color: #211e1b;
    border-right: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    padding: 0px 3px 0px 3px;
}

.plusMinus{ float:left; height:27px; }

.plusMinus img{ margin:3px; }

.ViewAllDiv{ float:right; margin-top:1px; width:180px; }

.ViewAllDiv span{ margin-right:5px; font-size:10px; color:#ff7300; font-weight:bold; float:right; }

.orderListTable{ border:1px solid #a5a5a5; border-bottom:0px; border-right:0px; }

.listHedDiv{ width:960px; height:27px; background-image:url(../images/sectionBg.gif); background-repeat:repeat; }

.addAccount{ float:right; margin:4px 5px 0px 0px; }

.ddlView{ background-color:#3b3833; color:#ff7300; font-size:11px; margin-top:3px; }

/*---------- BoxOver styles ----------*/
.InfoBody{ border:1px solid #cccccc; background-color:#FFFFFF; font-size:11px; padding:2px; }

.InfoHeaderBlue{ padding:2px; background-color:#ff7300; font-size:11px; color:White; }

.searchHeading{ color:#fff; float:left; height:30px; display:block; font-size:14px; padding-right:5px; font-weight:bold; line-height:28px; text-shadow:0 2px #000; }

.clcc{ border:solid 1px ButtonShadow; list-style-type:none; width:400px !important; z-index:70010 !important; font-size:11px; }

/*---------*/

#thumbNav                               { position: absolute; top: 240px; font-size:0px; right:7px; z-index:9000;}
#thumbNav a                             { display: inline-block;height: 15px;width:15px; margin: 0 5px 0 0; background:url(../images/bot.png) no-repeat;color:#fff;}
#thumbNav a.cur                         { background:url(../images/bot-cur.png) no-repeat;color:#fff;}

#start-stop {display:none;}



/*---------*/

.TextBold {font-weight:bold;}

#overlay 
{
  display:none;
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  text-align:center;
  z-index:1000;  
}

#overlay #subOverlay
{
 
 margin: 100px auto;
 background-color:#F1F1F1;
 border:1px solid #000;
 padding:15px;
 text-align:center;

}


#overlay1 
{
  display:none;
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  text-align:center;
  z-index:1000;  
}

#overlay1 #subOverlay1
{
 
 margin: 100px auto;
 background-color:#F1F1F1;
 border:1px solid #000;
 padding:15px;
 text-align:center;

}




#overlay2
{
  display:none;
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  text-align:center;
  z-index:1000;  
}

#overlay2 #subOverlay2
{
 
 margin: 100px auto;
 background-color:#F1F1F1;
 border:1px solid #000;
 /*padding:15px;*/
 /*padding: 0px 15px 15px 15px;*/
 text-align:center;

}


#overlay22
{
  display:none;
  position: absolute;
  left:35%;
  top:30%;
  width:300px;
  height:80px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
}



#overlay567
{
  display:none;
  position: absolute;
  left:35%;
  top:30%;
  width:360px;
  height:150px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
  font-size:12px;
}



#overlay543
{
  display:none;
  position: absolute;
  left: 20%;
  top:20%;
  width:660px;
  /*height:150px;*/
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
  font-size:12px;
}


#overlay544 {
    display: none;
    position: fixed;
    left: 20%;
    top: 10%;
    /*width: 660px;*/
    /*height:150px;*/
    /*width:100%;*/
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    font-size: 12px;
    width: 650px;
    height: 500px;
}




/*#overlay52
{
  display:none;
  position: absolute;
  left:35%;
  top:30%;
  width:300px;
  height:80px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
}*/


#overlay56 {
    display: none;
    position: absolute;
    left: 20%;
    top: 30%;
    width: 585px;
    height: 290px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
}



.overlay79
{
  display:none;
  position: absolute;
  top:0%;
  width:650px;
  height:482px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
}


#overlay301
{
  display:none;
  position: absolute;
  top:0%;
  width:400px;

  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
  left: 32%;
}


#overlay304
{
  display:none;
  position: absolute;
  top:0%;
  width:800px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
  left: 7%;
}

#overlay302 {
    font-size: 12px;
    display: none;
    position: fixed;
    top: 20%;
    width: 312px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    left: 35%;
}



#overlay57 {
    font-size: 12px;
    display: none;
    position: fixed;
    top: 20%;
    width: 412px;
    text-align: center;
    z-index: 10001;
    background-color: #F1F1F1;
    border: 1px solid #000;
    left: 35%;
}


#overlay303 {
    font-size: 12px;
    display: none;
    position: fixed;
    top: 20%;
    width: 312px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    left: 35%;
}


/* *RI*
    #overlay53
{
  display:none;
  position: fixed;
  left:26%;
  top:30%;
  width:405px;
  height:134px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
}
*/
#overlay307
{
  display:none;
  position: fixed;
  left:26%;
  top:30%;
  width:405px;
  height:134px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
}



#overlay59
{
  display:none;
  position: fixed;
  left:40%;
  top:50%;
  width:840px;
  height:600px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;

     margin-top: -300px;
    margin-left: -292px;
}


#overlay48 {
    display: none;
    position: fixed;
    left: 42%;
    top: 50%;
    width: 1020px;
    height: 600px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    margin-top: -300px;
    margin-left: -292px;
}

#overlay345 {
    display: none;
    position: fixed;
    left: 42%;
    top: 50%;
    width: 1020px;
    height: 600px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    margin-top: -300px;
    margin-left: -292px;
}


#overlay74 {
    display: none;
    position: fixed;
    left: 42%;
    top: 50%;
    width: 1020px;
    height: 600px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    margin-top: -300px;
    margin-left: -292px;
}

#overlay167 {
    display: none;
    position: fixed;
    left: 42%;
    top: 50%;
    width: 300px;
    height: 220px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    margin-top: -300px;
    margin-left: -292px;
}

#overlay49 {
    display: none;
    position: fixed;
    left: 42%;
    top: 50%;
    width: 970px;
    height: 600px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    margin-top: -300px;
    margin-left: -292px;
}



#overlay86 {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 740px;
    height: 600px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    margin-top: -300px;
    margin-left: -292px;
}




#overlay88
{
  display:none;
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  text-align:center;
  z-index:1000;  
}

#overlay88 #subOverlay88
{
 
 margin: 100px auto;
 background-color:#F1F1F1;
 border:1px solid #000;
 padding:15px;
 text-align:center;

}


#overlay45
{
  display:none;
  position: fixed;
  left:28%;
  top:30%;
  width:585px;
  height:200px;
  text-align:center;
  z-index:70004;  
  background-color:#F1F1F1;
  border:1px solid #000;



}




#overlay10 
{
  display:none;
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  text-align:center;
  z-index:70006;  
}

#overlay10 #subOverlay10
{
 
 margin: 100px auto;
 background-color:#F1F1F1;
 border:1px solid #000;
 padding:15px;
 text-align:center;

}


#overlay15
{
  display:none;
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  text-align:center;
  z-index:1000;  
}

#overlay15 #subOverlay15
{
 margin: 100px auto;
 background-color:#FFFFFF;
 border:2px solid #000;
 padding:15px;
 text-align:center;
}


#pnlSelectCustomer
{
  display:none;
  position: fixed;
  left: 29%;
  top: 10%;
  width:100%;
  height:100%;
  text-align:center;
  z-index:1000;  
}

#pnlSelectCustomer #subSelectCustomer
{
 /*margin: 100px auto;*/
 background-color:#FFFFFF;
 border:2px solid #000;
 padding:15px;
 text-align:center;
}



.dateButton
{
	float:left;
	margin-left:5px;
	cursor:pointer;
}


.WarehouseBox
{
  height:18px;
  font-size:11px;
}

.WarehouseTextBox
{
  height:10px;
  font-size:11px;
}

.WareHouseTot{ font-weight:bold; font-size:11px; color:#211e1b; padding:0px 0px 0px 3px; }


.WarColumnName{ font-weight:bold; font-size:11px; color:#211e1b; padding:0px 0px 5px 0px; float:left;width:110px;}
.WarColumnText{ font-weight:bold; font-size:11px; color:#211e1b; float:left;width:150px; padding:0px 0px 5px 0px;}


.wareHouseCheckbox{padding-left:5px;}

.cbxAlignLeft{ text-align:left;}


.TB1{ border:1px solid #b8b8b8; font-size:11px;}




.list2 
{
		border: 1px solid #009;
		list-style-type: none;
		margin: 0px;
		background-color: #FFF;
		text-align: left;
		font-size:11px;
		
		
}

ul.list2 li 
{
   padding: 2px 5px;
   font-size:11px;
   width:300px;
  
 }

.listitem2 
{
	color: #000000;
	font-size:11px;
	width:300px;
   
}

.hoverlistitem2 
{
  background-color : #F0F8FF;
  text-decoration:underline;
  color: #00A;
  cursor:pointer;
  font-size:11px;
  
}


#showList
{
   width: 360px !important;    

}

 
#showList div
{
	width: 360px !important;   
}


.DisableRequiredValidator
{
 visibility:hidden;
}

.autocompletelist
{
	font-size:10px;
	color: #767676;
	padding: 3px 5px;
	border: 1px solid #999;
	background: #fff;
	width: 400px !important;
	float: left;
	z-index: 1;
	position:absolute;
	margin-left:0px;
	min-width:400px;
   

}




.cBrandField{  font-size:11px; margin-top:15px; width:300px;}
.cBrandName{ color:#d86100; font-size:12px; font-weight:bold; width:100px; }
.cBrandValue{ font-size:12px; width:200px }
.cBrandBox {  font-size:12px; width:200px; }

.cHeadField{  float:left;font-size:11px; width:300px;clear:both;display:inline;}
.cHeadName{ float: left; text-align: right; margin-right: 10px; width:150px;font-weight:bold; }
.cHeadValue { float: left; font-size:11px; width: 120px; }


.cHeadValue2 { float: left; font-size:11px; width: 165px; }




.CartColumnCell1SmallFont{ border-bottom:solid 1px #bdb9b6; border-left:solid 1px #bdb9b6; padding:0 5px 0 5px; vertical-align:middle; font-size:10px; }
.CartColumnCellLastSmallFont{ border-bottom:solid 1px #bdb9b6; border-left:solid 1px #bdb9b6; border-right:solid 1px #bdb9b6; padding:0px 1px 0px 1px; vertical-align:middle; font-size:11px; }

 /* A scrolable div */
 .GridViewContainer
 {         
     overflow: auto;
 }
        
        
/* to freeze column cells and its respecitve header*/
.FrozenCell
{
   border-bottom:solid 1px #bdb9b6;
   border-left:solid 1px #bdb9b6; 
   padding:0 5px 0 5px; 
   vertical-align:middle; 
   font-size:11px;
           
   position: relative;
   cursor: default;
   z-index: 10;
   background-color:#ffffff;
}


.FrozenCellMatrix {
    background-color: #ffffff;
    vertical-align: middle;
    position: relative;
    cursor: default;
    z-index: 10;
}

.FrozenHeaderMatrix {
    font-size: 12px;
    background-color: #F2F1EF;
    vertical-align: middle;
    height: 25px;
    font-weight: bold;
    position: relative;
    cursor: default;
    z-index: 95;
}
    
       
            
            
/* for freezing column header*/
.FrozenHeader
{
  border:solid 1px #bdb9b6; 
  border-right-style:none; 
  font-size:12px; 
  padding:0px 0px 0px 3px; 
  vertical-align:middle; 
  height:25px; 
  font-weight:bold;
  background-color:#ffffff;
            
  /*position: relative;*/
  cursor: default;          
  z-index: 95;

  position: sticky;
    top: 0;
    width: 100%;

}

.FrozenHeaderCellMatrix {
    border: solid 1px #bdb9b6;
    border-right-style: none;
    font-size: 12px;
    padding: 0px 0px 0px 3px;
    vertical-align: middle;
    height: 25px;
    font-weight: bold;
    background-color: #ffffff;
    position: relative;
    cursor: default;
    z-index: 99;
}


        
.FrozenHeaderCell
 {
  border :solid 1px #bdb9b6; 
  border-right-style:none; 
  font-size:12px; padding:0px 0px 0px 3px; 
  vertical-align:middle; 
  height:25px; 
  font-weight:bold;
  background-color:#ffffff;
          
  position: relative;
  cursor: default;          
  z-index: 99;
        
}

.cf {clear:both; float:left;}
.cartDescrip {text-transform:capitalize;}

/*.catTree {background-color:#0c5fbd; width:233px;overflow:hidden;}*/
/*.ctHeading {width:233px; height:39px; background-image:url(../images/ctHeading.png); background-repeat:no-repeat;}*/


/*.menuBottom { width:233px; height:70px; background-image:url(../images/menuBottom.gif); background-repeat:no-repeat; }*/
.menuBottom { width:233px;   }

.cdetails {float:left; color:#ffffff; font-size:11px; line-height:22px; margin-top:14px;}

.mfOrange {float:right; width:147px; font-size:11px; text-align:right; margin-top:20px;}
.mfOrange div {font-weight:bold;}
.mfOrange div a { font-weight:bold; font-size:11px!important;}


/*.bottomSep {float:left; width:88px; height:71px; background-image:url(../images/bottomSep.gif); background-repeat:no-repeat; margin-top:21px;}*/

.masterButton {margin:7px 0px 0px -2px;}

.bbbrands .top { width:233px;  background-image:url(../images/bbbTop.gif); background-repeat:no-repeat; clear:both; float:left;}
.bbbrands .brands  {width:231px; border:1px solid #bdb9b6; border-top:0; border-bottom:0; clear:both; float:left; background-color:#ffffff;}
.bbbrands .bottom {width:233px; height:6px; background-image:url(../images/bbbBottom.gif); background-repeat:no-repeat; clear:both; float:left;}
.bbbrands .brands .brand {width:100px; height:100px; float:left; margin:8px 0px 1px 9px;}

/*.pageHed {background-image:url(../images/pageHed.png); width:615px; height:39px; line-height:36px; float:left;}
.pageHed span, .pageHed2 span, .pageHedWide span {font-size:16px; color:#ffffff; float:left; margin:0px 0px 0px 10px;}*/



/*.pageHed2 {background-image:url(../images/pageHed2.png); width:707px; height:39px; line-height:36px; float:left;}*/
/*.pageHedWide {background-image:url(../images/pageHedWide.png); width:960px; height:39px; line-height:36px; float:left;}*/

.pageContent {width:707px; clear:both; float:left; margin-top:20px;}
.pcTop {width:707px; height:7px; background-image:url(../images/contentFrameTop.png);}
.pcContent {width:705px; border:1px solid #bdb9b6; border-bottom:0; border-top:0; background-color:#ffffff;}
.pcBottom {width:707px; height:7px; background-image:url(../images/contentFrameBottom.png);}

.pageContent2 {width:615px; clear:both; float:left;}
.pcTop2 {width:615px; height:7px; background-image:url(../images/contentFrameTop2.png);}
.pcContent2 {width:613px; border:1px solid #bdb9b6; border-bottom:0; border-top:0; background-color:#ffffff;}
.pcBottom2 {width:615px; height:7px; background-image:url(../images/contentFrameBottom2.png);}

.sbox { float:left; width:157px; height:57px; }
.sbox input {width:206px; margin:4px 3px 0px 5px; font-size:12px; color:#9f9e9e; font-style:italic;}
.compactSearch {float:right; width:257px;height: 30px; }
.search-input {
    border: 1px solid #b4b4b4;
    padding: 4px;
    border-radius: 0px;
    /*box-shadow: 1px 5px 8px 1px #888888;*/
}

.search-div {
    position: absolute;
    bottom: 0;
    right: 0;
}

.mcrButtons {float:right; margin:13px 10px 0px 0px;}

.mcrButtons input {margin-right:5px;}

.odRightDiv {font-weight:bold; float:right; width:200px;}
.odRightDiv span {font-weight:bold;}

#showList5 div {margin:1px 3px 1px 3px;}

.listeditRow td {font-size:10px;}

.SetTextBoxColor { color:#000000; }


.RadioButtonWidth input  { width: 25px }

.OldOrderPop { 

    position: fixed; 
    border: solid 2px #CCC; 
    padding: 10px; 
    background: white; 
    /*margin: -48px 0 0 54px;*/
    z-index:1000;  
    
    margin-top: -100px;
    margin-left: -150px;


    left: 50%;
    top: 50%; 

}


.boxovrhdr {z-index:999999;}
.boxovrbdy {
    background-color: #ffffff;
    border: solid 1px #5C5C5C;
    border-radius: 3px;
    width: 270px;
    height: 270px;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*Banner*/

.ordersBanners {
    width:958px !Important;
border:solid 1px #000;
background-color:#000;
}

.ordersBanners p {
font-size: 14px;
color: #fff !important;
margin: 5px 0 0 10px;
font-weight: bold;
display: inline-block;
}


input.pagedisplay {
    border: none;
    color: #000 !important;
    background-color: #ffffff !important;
    font-size: 12px;
    text-align: center;
    width: 50px;
    min-width: 50px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.ddlView1{ background-color:#333; color:#ffffff; font-size:11px; min-width: 50px; max-width:50px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; padding:0; }


.ViewAllDiv1{ float:right; margin-top:1px; width:195px;}

.ViewAllDiv1 span{ margin-right:5px; font-size:10px; color:#ff7300; font-weight:bold; float:right; }
.ViewAllDiv1 div{display:inline-block; float:left; margin-top:5px;}

.plusMinus1{ float:left; height:27px; }
.plusMinus1 img{ margin:3px; }

/*Banner*/


.cDeliveryText{font-size:12px; font-weight:bold; }


#messagebox {
    text-align : center;
    position : absolute;
    width : 300px;
    height : 300px;
    background : yellow;
    color : black;
    top : 50%;
    left : 50%;
    margin : -150px;
    z-index : 5;
}

#messagebox #message {
    overflow : auto;
}

/*background:url(../images/loadBack.png) no-repeat; padding:11px; margin:-25px 0 0 -25px;*/
.loader {position:fixed; width:100px; height:100px;  z-index:9999; top:40%; left:45%;border: 1px solid #000 }



#overlay66 {
    display: none;
    position: fixed;
    left: 29%;
    top: 10%;
    width: 600px;
    height: 300px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    padding: 15px;
    text-align: center;
}




#overlay93 {

    display: none;
    position: fixed;
    left: 35%;
    top: 36%;
    width: 496px;
    height: 151px;
    z-index: 1000;
    border: 2px solid #73939a;
    padding: 15px;
   
    background-color: #FFF;
    font-size: 14px;
    font-style: inherit;
    font-weight: normal;
    font-family: inherit;

}





#overlay201 {
    display: none;
    position: fixed;
   
    left: 50%;
    top: 50%;
   
    width: 1000px;
    height: 530px;
    text-align: center;
    z-index: 90002;
    background-color: #F1F1F1;
    border: 1px solid #000;
    
    text-align: center;
    margin-top: -265px;
    margin-left: -500px;
}




#overlay455 {
    display: none;
    position: fixed;
   
    left: 50%;
    top: 50%;
   
    width: 1000px;
    height: 530px;
    text-align: center;
    z-index: 90002;
    background-color: #F1F1F1;
    border: 1px solid #000;
    
    text-align: center;
    margin-top: -265px;
    margin-left: -500px;
}



#overlay68 {
    display: none;
    position: fixed;
    left: 37%;
    top: 10%;
    width: 300px;
    height: 100px;
    /*text-align: center;*/
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    /*padding: 15px;*/
    /*text-align: center;*/
}


#overlay151 {
    display: none;
    position: fixed;
    left: 22%;
    top: 10%;
    width: 740px;
    height: 400px;
    /*text-align: center;*/
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    /*padding: 15px;*/
    /*text-align: center;*/
}


.overlay434 {
    display: none;
    position: fixed;
    left: 22%;
    top: 10%;
    width: 250px;
    height: 150px;
    /*text-align: center;*/
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    /*padding: 15px;*/
    /*text-align: center;*/
}


#overlay70 {
    display: none;
    /*position: fixed;
    left: 10%;
    top: 30%;*/
    width: 800px;
    height: 250px;
    /*text-align: center;*/
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    /*padding: 15px;*/
    /*text-align: center;*/
    position:fixed;
    
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}


#overlay90 {
    display: none;
    position: fixed;
    left: 37%;
    top: 10%;
    width: 350px;
    height: 600px;
    /*text-align: center;*/
    z-index: 99999;
    background-color: #F1F1F1;
    border: 1px solid #000;
    /*padding: 15px;*/
    /*text-align: center;*/
}



#overlay105 {
    display: none;
    position: fixed;
    left: 26%;
    top: 42%;
    width: 650px;
    height: 180px;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    
}



#overlay106 {
    display: none;
    position: fixed;
    left: 36%;
    top: 42%;
    width: 407px;
    height: 130px;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    
}



#overlay500 {
    display: none;
    position: fixed;
    left: 36%;
    top: 42%;
    width: 407px;
    /*height: 130px;*/
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    
}




#overlay117 {

    display: none;
    position: fixed;
    left: 36%;
    top: 42%;
    width: 407px;
    height: 130px;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    
}





.StockCheckAvailability {
    display: none;
    position: fixed;
    left: 16%;
    top: 10%;
    width: 938px;
    height: 546px;
    /*text-align: center;*/
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #000;
    /*padding: 15px;*/
    /*text-align: center;*/
}

.OrderCreditNote
{
    display: none;
    position: fixed;
    left: 16%;
    top: 15%;
    width: 938px;
    height: 546px;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #000;
  
}


.OrderDelivery
{
    display: none;
    position: fixed;
    left: 33%;
    top: 15%;
    width: 520px;
    /*height: 546px;*/
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #000;
  
}


.stHeadCheck {
  font-size:12px;
  font-weight:bold;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}


.stHeadCheckLast {
  font-size:12px;
  font-weight:bold;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}



.stCheckRow{
  font-size:12px;
   border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

.stCheckRowLast {
  font-size:12px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.stbottomtext {
 font-size:15px;

}



.tdBranding {
 padding-top:5px;
}


/*.FeaturedProductsBar {
    width: 709px;
    height: 51px;
   


        border: 1px solid rgb(102, 153, 102);
        padding: 1px 9px 3px 10px ; font-family: 'Lucida Grande Regular', 'Lucida Sans Unicode', Arial;
        margin:0 0 25px 5px;font-size: 12px; color: #fff; display:inline-block;
        font-weight:normal; cursor:pointer;
        text-align: center;letter-spacing: 0px;
        border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;
        -webkit-box-shadow: rgb(102, 102, 102) 0px 2px 3px;
        box-shadow: rgb(102, 102, 102) 0px 2px 3px; background-image: linear-gradient(rgb(253, 148, 0), rgb(252, 92, 0));
        behavior: url(../Styles/PIE-1.0.0/PIE.htc);
        text-align:left;
        display:block;
        

}*/


/*.ctHeading {width:212px; 
             border: 1px solid rgb(102, 153, 102);
             padding: 8px 2px 10px 16px ; font-family: 'Lucida Grande Regular', 'Lucida Sans Unicode', Arial;
             margin:0 0 0px 0px;font-size: 14px; color: #fff; display:inline-block;
             font-weight:normal; cursor:pointer;
             text-align: center;letter-spacing: 0px;
             border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
              -webkit-box-shadow: rgb(102, 102, 102) 0px 2px 3px;
             box-shadow: rgb(102, 102, 102) 0px 2px 3px; background-image: linear-gradient(rgb(253, 148, 0), rgb(252, 92, 0));
             behavior: url(../Styles/PIE-1.0.0/PIE.htc);
             text-align:left;
             
       
            }*/


/*.pageHed {
    float: left;
    border: 1px solid rgb(102, 153, 102);
    padding: 8px 556px 10px 16px;
    font-family: 'Lucida Grande Regular', 'Lucida Sans Unicode', Arial;
    margin: 0 0 0px 0px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: rgb(102, 102, 102) 0px 2px 3px;
    box-shadow: rgb(102, 102, 102) 0px 2px 3px;
    background-image: linear-gradient(rgb(253, 148, 0), rgb(252, 92, 0));
    behavior: url(../Styles/PIE-1.0.0/PIE.htc);
    text-align: left;
}
.pageHed span, .pageHed2 span, .pageHedWide span {
    font-size:16px; 
    color:#ffffff; 
    float:left; 
    }*/


 .HyperlinkCssClass img
        {
            width: 155px;
            height: 130px;
        }


 .HyperlinkHighRess
        {
            /*width: 400px;
            height: 450px;*/
            max-height: 450px;
            max-width: 400px;
        }


 .popupDialogMask
{
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
}


.linktext:hover{
   text-decoration: underline;
}

.linktext {
   color:#165ec4;
   cursor:pointer;

}


/*Picking List styles*/
.borderNoRightNoTop{border-left:1px solid black; border-bottom:1px solid black; border-right:0px;border-top:0px;}
.tableHed{border-left:1px solid black; border-bottom:1px solid black; border-top:1px solid black; border-right:0px; font-size:10px;color:#fff}
.QtyColSize { width:50px;text-align:center; }
.QtyColSize1 { width:30px;text-align:center; }
.tdQtyInCnt {background-color:#bfbfbf; }
.topHeaderVal { font-weight:bold;text-align:right;}
.tableFieldValue{font-size:10px;text-align:center;}

.picktxt1{ width:20px}
.picktxt2{ width:35px}
.picktxt{ width:35px}


.txtpicklist{ width:120px}


.viewproductimage {  width: 222px; height: 50px; overflow: hidden; position: relative; }
.overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 222px; left: 0; top: 0; }
    .overview li {
        float: left;
        margin: 0 5px 0 0;
        padding: 0px;
        height: 43px;
        border: 1px solid #dcdcdc;
        width: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
.overview img{max-height:42px;max-width:42px; }


.DropDownBoxCss { height:400px}
.SelectBoxCss{ height:400px}

.breadcrumbs a { color:#000;cursor:pointer;font-size:16px;font-weight:bold; }
.breadcrumbs a:hover {color:#000; cursor:pointer; text-decoration:underline;font-size:16px;font-weight:bold;}


.overlay515 {
    display: none;
    position: fixed;
    left: 40%;
    top: 10%;
    width: 330px;
    height: 132px;
    text-align: center;
    z-index: 9999;
    margin: 100px auto;
    background-color: #f1f1f1;
    color: #000;
    border: 1px solid #000;
    /*padding: 15px;*/
    text-align: center;
    width: 400px;
    height: 317px;

}



.overlay516 {
    display: none;
    position: fixed;
    left: 26%;
    top: 0%;
    width: 800px;
    height: 500px;
    text-align: center;
    z-index: 9999;
    margin: 100px auto;
    background-color: #f1f1f1;
    color: #000;
    border: 1px solid #000;
    /*padding: 15px;*/
    text-align: center;
   

}


#overlay456 {
    display: none;
    position: fixed;
    left: 42%;
    top: 50%;
    width: 900px;
    height: 600px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
    margin-top: -300px;
    margin-left: -292px;
}


.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #ffffff;
}

.arrow-box {
	width: 60px; 
	height: 4px; 
    background-color: #ffffff
    
	
}

.TBW { Width:175px }
.tdEditHead { Width:90px;text-align:right;}
.tdEditValue {Width:190px }

.tdEditHeadAlign {text-align:right;}
.tdEditValueAlign { text-align:left;}

.AddressEditHead { text-align:left;font-weight:bold;font-size:13px;}

.RepEditCustBorder {border-bottom: 1px solid #bdb9b6}


.profilewidth {width:960px !important;}



#overlay69
{
  display:none;
  position: absolute;
  left:45%;
  top:5%;
  width:273px;
  height:219px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
}


#overlay75
{
  display:none;
  position: fixed;
  left:35%;
  top:27%;
  width:373px;
  height:100px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
}

#overlay107 {
    display: none;
    position: fixed;
    left: 35%;
    top: 27%;
    width: 373px;
    height: 115px;
    text-align: center;
    z-index: 1000;
    background-color: #F1F1F1;
    border: 1px solid #000;
}



#overlay76
{
  display:none;
  position: absolute;
  left:45%;
  top:5%;
  width:273px;
  height:125px;
  text-align:center;
  z-index:1000;  
  background-color:#F1F1F1;
  border:1px solid #000;
}


.circle { 
    width: 10px; 
    height: 10px; 
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
     border-radius: 50px; 
     border: 1px solid #000;


}






.amrodbutton {
border: 1px solid rgb(102, 153, 102);
padding: 6px 8px;
font-family: 'Lucida Grande Regular', 'Lucida Sans Unicode', Arial;
margin: 0 0 0 5px;
font-size: 12px;
color: #FFFFFF;
display: inline-block;
margin: 0 0 0 5px;
font-weight: normal;
cursor: pointer;
text-align: center;
letter-spacing: 0px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-box-shadow: rgb(102, 102, 102) 0px 2px 3px;
box-shadow: rgb(102, 102, 102) 0px 2px 3px;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #48b3de),color-stop(1, #48b3de));
}

 .FileUploadClass
        {
            font-size: 5px;
            z-index: 500;
            position: relative;
            z-index: 10;
            opacity: 0.0;
            
        }
        .FileUploadClass input[type=file]
        {
            background: transparent;
            border: Dashed 2px #000000;
            opacity: 0;
            filter: alpha(opacity = 0);
             width:100px !important;
            min-width:50px !important;
        }
         .FileUploadClass input[type=text]
        {
            background: transparent;
            border: Dashed 2px #000000;
            opacity: 0;
            filter: alpha(opacity = 0);
            width:0px !important;
            min-width:0px !important;
        }
        .FakeFileUpload
        {
            position: relative;
            width:100px;
            z-index:1;
            float: left;
            margin-right: 30px;
        }
        .FakeFileUploadDiv
        {
            position: absolute;
            /*opacity: 0.0;*/
            /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);*/
            z-index:5;
        }
			
        
        
        .divWebsiteUpload
        {
           
            width:100px;
            float: left;
            margin-right: 30px;
        }	


         .WebsiteUploadButton
        {
           
            width:100px;
           
        }


.addToUploadfile {
 cursor:pointer;
 width:300px;
 height:300px;
 border: 1px solid #000;
}


.addToUploadfile:hover {
    opacity: 0.5;
} 


.CartColumnHeading{ border:solid 1px #bdb9b6; border-right-style:none; background-color:#ffffff; font-size:12px; padding:0px 0px 0px 3px; vertical-align:middle; height:25px; font-weight:bold; }

.CartColumnHeadingLast{ border:solid 1px #bdb9b6; font-size:12px; background-color:#ffffff; padding:0 0 0 5px; vertical-align:middle; height:25px; font-weight:bold; }

.CartColumnCell{ border-bottom:solid 1px #bdb9b6; border-left:solid 1px #bdb9b6; background-color:#ffffff; padding:0 5px 0 5px; vertical-align:middle; font-size:11px; }

.CartColumnCellLast{ border-bottom:solid 1px #bdb9b6; background-color:#ffffff; border-left:solid 1px #bdb9b6; border-right:solid 1px #bdb9b6; padding:0px 1px 0px 1px; vertical-align:middle; font-size:11px; }




.stHeadCreditCheck {
    font-size:12px;
    border:solid 1px #bdb9b6;
} 

.stHeadCreditCheckLast {
     font-size:12px;
     border:solid 1px #bdb9b6;
} 

.comRowCreditCheck {
    font-size:12px;
    text-align:center;
     border-bottom:solid 1px #bdb9b6; 
    border-left:solid 1px #bdb9b6;
} 

.comRowCreditCheckLast {
    font-size:12px;
   
    text-align:center;
     border-right:solid 1px #bdb9b6; 
      border-bottom:solid 1px #bdb9b6; 
    border-left:solid 1px #bdb9b6;
} 

.spCreditNote {
    font-size:12px;
  
   
} 

.wraplongText {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
 
}


.CartColumnHeadingVox {  background-color:#ffffff; font-size:12px; padding:0px 0px 0px 3px; vertical-align:middle; height:25px; font-weight:bold; }


.CartColumnCellVox{ background-color:#e9ecfa; padding:0 5px 0 5px; vertical-align:middle; font-size:11px; }


/*.tblVoxType tr:hover { border:2px solid #165ec4 !important; height: 35px !important}*/ 


.tblVoxStyles tr:hover { background-color:#e9ecfa;border:2px solid #165ec4 !important; } 

.trVoxSelected  { border:2px solid #165ec4 !important; height: 35px !important}


.CollSlipTB {
   width:230px;
}



.leftcoltextbox{ width:340px}

.rightcoltextbox{ width:210px}



/*Backoffice Style*/
.FormText{ padding:2px 2px 2px 2px; }

.Paragraph{ font-size:10px; margin: 20px 0px 20px 0px; }

.FormLabel{ text-align:right; padding: 2px 4px 2px 2px; width: 161px; vertical-align:top; }

.FormField{ text-align:left; padding-right:4px; vertical-align:top; }

.FormLabelText{ font-size:10px; font-weight:bold; }

.FormButtonBar{ height:40px; vertical-align:bottom; text-align:center; }

.TextBox{ font-family:Verdana, Tahoma, Arial; font-size:10px; width:97%; border:solid 1px #AAAAAA; }

.Button{ border:solid 1px #AAAAAA; font-size:10px; font-weight:bold; }

.SectionHeading{ background-color:#CFCFCF; height:20px; color:#ffffff; padding: 5 5 5 15; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; letter-spacing:3px; border: 1px solid #AAAAAA; margin: 5 0 5 0; }

.BackGenSize{ font-size:10px;  }


.HeadingRow{ background-color:#E0DFE3; }

.HeadingCell{ background-image:url(../Images/Grids/HeadingBack.gif); padding:3px; padding-top:2px; padding-bottom:1px; }

.HeadingRow td.FirstHeadingCell{ background-image:url(../Images/Grids/FirstHeadingBack.gif); }

.HeadingSalesrepHierarchy{ background-image:url(../Images/Grids/HeadingBack.gif); padding:3px; padding-top:2px; padding-bottom:1px; font-family:verdana; font-size:17px; font-weight:bold; text-align:left; }

.HeadingCellText{ font-family:verdana; font-size:10px; font-weight:bold; text-align:left; padding-top:3px; padding-bottom:5px; }

/*End Backoffice Style*/


#mainDiv
{
    height:1000px;
    overflow:scroll;
    padding:4px;
    width:750px;
}

/*.igcplus {
    width:16px;
    height:16px;
    cursor:pointer;
    background-image: url("./Images/lines/plus.gif");
    background-repeat: no-repeat;
}


.igcminus {
    width:16px;
    height:16px;
    cursor:pointer;
    background-image: url("./Images/lines/minus.gif");
    background-repeat: no-repeat;
}*/




.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}


/*.content-hoverpop {
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    border-collapse: collapse;
    z-index: -1; position:relative
}*/




 .total-align {
               float: right;
               text-align: left;
               margin-right: 20px;
               min-width: 200px;
               font-weight: bold;
           }


  .total-adjust {
            float: right;
            width: 200px;
            font-weight: bold;
        }

.header-textbox {
float:left; font-size:11px; width:90px; height:12px;

}



#stockLevelDataDisplay tr:nth-child(even) td {

    background: #f1f1f1 !important;
}

#stockLevelDataDisplay tr:nth-child(odd) td {

    background: #FFF !important;
}


.delivery-date {
    outline: none !important;
    border-width: 0px;
    border: none;
    background-color: #eaeaea;
    font-weight: normal;
    font-size: 11px;
    color: blue;
    cursor: pointer;
}


.make-size-anchor {
  color:blue;
  text-decoration:underline;
  text-decoration-color:blue;
  cursor:pointer;

}



.progess-dot {
    height: 10px;
    width: 10px;
    background-color: green;
    border-radius: 50%;
    margin-left: 2px;
}

.status-icon {
    width: 12.8px;
    height: 12px;
    display: block;
    float: left;
}

.orderRow2 {
    height: 26px;
    font-weight: normal;
    font-size: 10px;
    color: #211e1b;
    border-right: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5; /*padding: 0 3px 0 3px;*/
    text-align: center;
    background-color: #eaeaea;
}



/*Made in SA*/
.righttag-ribbon-wrap {
    width: 74px;
    height: 76px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-right: 3px;
}

.tag-ribbon-box {
    position: relative;
}



.righttag-ribbon-wrap .righttag-ribbon {
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 3px 0 3px 0;
    top: 19px;
    font-size: 9px;
    right: 35px;
    width: 160px;
    text-transform: uppercase;
    padding: 5px 0px 5px 0px;
}



.lefttag-ribbon-wrap {
    width: 74px;
    height: 76px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; /* changed from right to left */
    z-index: 1;
    margin-left: 3px; /* changed from margin-right to margin-left */
}



.lefttag-ribbon-wrap .lefttag-ribbon {
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(-45deg); /* changed from 45deg to -45deg */
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 3px 0 3px 0;
    top: 19px;
    font-size: 9px;
    left: -51px; /* changed from right to left */
    width: 160px;
    text-transform: uppercase;
    padding: 5px 0px 5px 0px;
}


.thumb-image-meduim {
 cursor:pointer;
}


.master-add-to-cart-bulk {
    margin-left: 0px !important;
    width: 136px !important;
    padding: 4px 2px 4px 0px !important;
    margin-top: 11px !important;
}


.bulk-order-notice {
    margin-top: -15px;
    text-align: center;
    display: block;
    border-bottom: 1px solid;
    padding: 8px;
}

.bulk-order-message {
    float: left;
    margin-top: 8px;
    padding: 5px 10px 11px 10px;
}


.breadcrumb-cat {
    margin-left: 10px;
}

    .breadcrumb-cat a {
        color: #000;
        cursor: pointer;
        font-size: 12px;
    }

        .breadcrumb-cat a:hover {
            color: blue;
        }


.reserved-right {
    position:absolute;
    bottom:24px;
}


.lazy-load {
    display: none; /* Hide images initially */
}

.lazy-load.loaded {
    display: block; /* Show image once loaded */
}


.lazy-load-thumb {
    display: none; /* Hide images initially */
}

    .lazy-load-thumb.loaded {
        display: block; /* Show image once loaded */
    }