/*@import "propwarning.css";*/

/*
  Primary Green: #4E5F00;
4E5F00   -- darker green
789300   -- lighter green

00683E - alt-forest darker green (older)
*/


* {
margin:0;
padding:0;

}

html {
  height: 100%;
  min-height: 100%;
}
body {

  /*font-family: Tahoma,Helvetica,Arial,sans-serif;*/
  font-family: Arial,Helvetica,sans-serif;
  /*font-family: Verdana, Helvetica, sans-serif;*/

  /*-webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);*/

  /* -- added in main.phtml if min-width is largest, no use white */
  /*background-color: #393939;*/
  background-color: #fff;
  min-height: 100%;

}

@media (min-width: 1420px) {
    body, #page-wrap {
        background-color: #393939;
    }

}



/*  SQUARIFY Bootstrap UI */
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

/* bootstrap 3 hack, not shift modal open */
.modal-open, .modal-open .navbar-fixed-top {
margin-right: auto !important;
}


/*.brLinkAnchor:before {
    display:block;
    content:"";
    height:50px;
    margin:-50px 0 0;
}*/


/*****************
basic layout

Logo red: #880027;
Menu light green : #CAD7D1;
Menu medum green : #ACB8B2;
Menu dark green : #98A49F;
Darker green: #63706B;
off-green: button #52757B;
darkest green: #3A4741;
*****************/

.gw-mono-font {
  /*font-family: "Lucida Console", Monaco, monospace;*/
  font-family: "Courier New", Courier, monospace;
}
.gw-font-sm {
  font-size: 98%;
}


.gw-primary-green {
    color: #789300;
}
.gw-darkest-green {
    color: #3A4741;
}
.gw-darker-green {
    color: #63706B;
}
.gw-dark-green {
    color: #98A49F;
}
.gw-medium-green {
    color: #ACB8B2;
}
.gw-light-green {
    color: #CAD7D1;
}
.gw-logo-red {
    color: #880027;
}


.gw-font-primary-green {
    color: #789300;
}
.gw-font-primary-dark-green {
  color: #4E5F00;
}

.gw-font-primary-orange {
    color: #CC6033;
}
.gw-font-primary-dark-orange {
  color: #72361D;
}


.fontNormal {
  font-weight: 500;
}
.fontBold {
  font-weight: 700;
}
.fontBolder {
  font-weight: 900;
}

.pointer {
  cursor: pointer;
}

/*
  Need a body wrap for ipad scrolling to use correct color to match inner content.
*/
#body_wrapper {
  width: 100%;
  /*height: 100%;*/
  min-height: 100%;
  background-color: #ACB8B2;
  margin: 0px 0px;
}
/*
  Page wrap defines the actual width for site
*/
#page-wrap {

    /*min-width: 960px;
    max-width: 1420px;*/
    margin: 0px auto;
  background-color: #fff;
    border-collapse: separate;
}
#page-wrap #inside {
  /*border: 2px solid blue;*/
    /*margin: 0px 0px 0px 0px;*/

    /*This is the bordering for page if desired
    breaks fixed header tho*/
    /*margin: 0px 10px 0px 10px;*/

/*width: 100%;*/
    padding-top: 0px;
    padding-bottom: 0px;

    /*height: 100%;
    min-height: 100%;*/
    background-color: #fff;
    /*text-align: center;    */
}

#wrap_table {
  /*display: table;*/
  background-color: white;
/*width: 100%;*/
/*border-left: 4px solid #880027;
  border-right: 4px solid #880027;
  border-bottom: 4px solid #880027;*/

    /*height: 100%;*/
    padding: 8px 0 0 0;
}


/*    Styles for Bootstrap , sidemenu and content    */

.fill {
    min-height: 100%;
    height: 100%;
}

#body_table {

  text-align: center;
  display: table;
    margin: 0px 0px 0px 0px;
    /*border: 1px solid black;*/
    padding:0px 0px 0px 0px;


    /*width: 100%;*/
    /*height: 100%;*/
    width: 100%;
    border: 0;
    /*min-height: 100%;*/

    background-color: #fff;

}
#body_row {
  display: table-row;
 border-collapse: separate;
}

#nav_cell {

  display: table-cell;
  border-collapse: separate;

  width: 9%;
  /*float: left;*/
  /*min-width: 170px;*/
  /*max-width: 200px;*/
    vertical-align: top;
    /*width: 12%;*/
    padding-left: 5px;
    /*padding-right: 10px;*/
    border-right: 1px solid #CAD7D1;
    border: 0;
    min-height: 100%;

}
#body_cell {
  border-collapse: separate;
    vertical-align: top;
    text-align: center;
    display: table-cell;

    margin: 0px 10px 0px 10px;
    padding-right: 5px;
    padding-left: 5px;


    border: 0;
    height: 700px;


}

#sidemenu {
  /*position: fixed;
  top: 67;*/
  /*width: 165px;*/
}



#breadcrumb_container {
  /*width: 290px;*/
  min-width: 250px;
  /*font-size: 9px;*/
  line-height: 1;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  /*background-color: #fafafa;*/
  /*border: 1px solid green;*/
}


span.bcrumbs {
  /*font-size: 0.7em;*/
  font-weight: 300;
  /*font-size: 1em;*/
  background-color: #f2f2f2;
  color: #444;
  padding: 0px 3px 0px 3px;
  margin: 1px 3px 1px 0px;
  display: inline-block;

  /*border: 1px solid red;*/

}
span.bcrumbs > a[gwclass="bcrumb_clear"] {
  /*font-size: 0.95em;*/
  font-size: 1.2em;
  color: #999;
  text-decoration: none;
}

span.bcrumbs.attr_bc_start_item {
color: #888;
  font-weight: 700;
  background-color: #fff;
  padding: 1px 3px 2px 3px;
  margin: 1px 3px 1px 0px;
  display: inline-block;
}






.prodtitle {
  font-size: 10px;
  /*background-color: #efefef;*/
  color: #555;
  padding: 4px;
}

.btn-base-main-side-menu-top {
	width: 80%;
 	 margin: 5px 5px;
}

#btn-bb-vendor, #btn-bb-dept, #btn-showbook, #btn-sale-home {
  width: 80%;
  margin: 5px 5px;
}









/*  SIDEMENU  ................................ */


#sidemenu {
  width: 180px;
  /*border: 1px solid green;*/


}



/* Start/VenDept buttons */
/*button[gwclass="sidetopbtn"] {
  font-size: 0.85em;
  background-color: #f2f2f2;
  color: #000;
  border: 0px solid #ccc;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
}*/
button[gwclass="sidetopbtn"] {
  background-color: #789300;
  /*color: #777;*/
  font-size: 0.85em;
  border: 0px solid #ccc;
  /*border-left: 1px solid #890027;*/
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 2px;
}

label.side-list-title {
  padding-top: 10px;
  font-size: 0.75em;
  line-height: 0.9;
  /*color: #789300;*/
}

.side-list {
  text-align: left;
  /* margin-top: 20px ;*/
  margin: 0;
  /*font-size: 0.9em;
  line-height: 0.9;*/

  padding: 1px 0px 1px 0px;
  vertical-align: middle;
  background-color: #789300;
}
.side-list li a {
  /*margin: 0;*/
  font-size: 0.7em;
  line-height: 0.88;
  border: 0px;
  padding: 1px 0px 1px 0px;
  vertical-align: middle;
  color: black;
  margin-bottom: 1px;
  background-color: #789300;
}


ul[gwcustom="side-list"]{
    /*  ZERO Bootstrap here */

  margin: 0;
  padding: 0;
}
ul[gwcustom="side-list"] > li {
    /*  ZERO Bootstrap here */
    /*line-height: 1.2;*/

}



div.sbclass1 {
  /*margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;*/
  /*border: 1px solid red;*/
}



input[type="checkbox"] {
  margin: 0;
}

.side-list li a:hover {
  color: white;
}

.side-vendor-list {

}
.side-dept-list {

}


li a.btn[gwclass="sidebtn"] {
  background-color: #fafafa;
  color: #222;
  /*border: 0px solid #ccc;*/
  /*border-left: 1px solid #890027;*/
  /*font-weight: bold;*/
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  overflow: hidden;text-overflow: ellipsis;
  word-wrap: break-word;
}



ul[gwcustom="sidenav"] li a,
ul[gwcustom="sidenav"] li.active a {
  font-size: 0.9em;
  /*background-color: #789300;*/
  /*padding: 2px 3px 2px 3px;*/

}

ul[gwcustom="sidenav"] li a.active {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}





tr.sideattrrow{
  /*margin-bottom: 15px;
  padding-bottom: 15px;*/
}
td.sideattrcells {
  margin: 0;
  font-size: 10px;
  line-height: 0.9;
  padding: 2px 0px 2px 0px;
  vertical-align: middle;
  /*margin-bottom: 5px;*/
}

td.classhead {
  color: #aaa;
  font-size: 0.85em;
  line-height: 0.9;
  padding: 12px 0px 2px 0px;
  vertical-align: middle;
  border-bottom: 1px solid #aaa;
}

td.typecategory {
  color: #aaa;
  font-size: 0.9em;
  line-height: 0.9;
  padding: 12px 0px 2px 0px;
  vertical-align: middle;
}
td[gwchk="sideattr"] {
  width: 14px;
  text-align: left;
  /*border:1px solid red;*/
  /*vertical-align: middle;*/
}
input[gwclass="sidecheckkbox"] {
  /*  ZERO Bootstrap here */
  margin: 0;
  padding: 0;
  height: 9px; width: 9px;
  /*line-height: 1.2;*/
  /*font-size: 25px;*/
  /*border: 1px solid #ccc;*/
}

td[gwclass="sideattrdesc"] {
  text-align: left;
  /*vertical-align: middle;*/
  /*line-height: 0.7;*/
  /*border:1px solid blue;*/
}
span[gwclass="sideattrdesc"]{
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  font-weight: 700;

}
td[gwclass="sideattrcount"] {
  width: 45px;
  text-align: right;
  /*vertical-align: middle;*/
  /*line-height: 0.7;*/
  /*border:1px solid red;*/
}
span.stub[gwclass="sideattrcount"] {
  margin: 0;
  padding: 0;
  width: 36px;
  font-size: 0.8em;
  /*border: 1px solid green;*/
}





span[gwclass="sideattrcount"]{
  /*  ZERO Bootstrap here */
  margin: 0;
  padding: 0;

}





span[gwclass="sideattrdesc"]:hover,
  input[gwclass="sidecheckkbox"]:hover,
  span[gwclass="sideattrcount"]:hover {
    cursor: pointer;
}



span.classheadnote[gwclass="sideclasshead"] {
  display: block;
  font-size: 0.65em;
  font-style: italic;
  font-weight: 300;
}







/*li[gwclass="sideclasshead"]{
  color: #ccc;
  margin-top: 25px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size:0.65em;
  font-weight:700;
  line-height: 1.2;
}*/


/*li[gwclass="sidecategory"]
{
  font-size: 12px;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 2px;
  padding-bottom: 0px;
  border-bottom: 1px solid #ccc;
}*/


li > span.sm_show_more_click {

}
li > span.sm_show_more_click:hover {
  cursor: pointer;
}



/* ....................................
  SM Popover Styles
  COLORS for SM
    Primary Green: #4E5F00;
4E5F00   -- darker green
789300   -- lighter green

00683E - alt-forest darker green (older)
*/
.sm-popout{
  width: 400px;
  max-width: 450px;
}
div[gwcustom="sm-popout"] {
  /*width: 600px !important;*/
  margin: 5px;
}
.sm-pochunk {
  /* each section of text on popover */
  display: block;
  /*width:400px;*/
  padding: 3px 0px 3px 0px;

}
.sm-potext {
  /* popover text */
  font-size: 1em;
  color: black;
  font-weight: normal;
}
.sm-potitle {
  font-size:1.3em;
  font-weight:700;
  color:#777;
}
.sm-potitle > span {
  display: block;
  width: 100%;
  color: black;
  font-size: 1.1em;
  text-align: center;
}
.sm-pohints {
  font-size:1.1em;
  font-weight:500;
  color:#444;
}
.sm-c4mi {
  /* count 4 main items */
  font-size:1.25em;
  font-weight:700;
}
.sm-c4fi {
  /* cunt 4 filtered items */
  font-size:1.25em;
  font-weight:700;
}
.sm-hrline {
  margin: 3px;
  padding: 0;
}

.sm-color-dark-green {
  color: #00683E;
}
.sm-color-medium-green {
  color: #4E5F00;
}
.sm-color-light-green {
  color: #789300;
}




.headerBLink {
  padding-left: 10px;
  color: black;
}

/*
4E5F00   -- darker green
789300   -- lighter green
*/

.sbAd {
  margin: 6px 0px 20px 0px;
  border-top: 2px solid #890027;
  vertical-align: middle;
  height: 100px;


}

.sbAdCycle {
  margin: 0 auto ;
  min-height: 100px;
  background-color: #fafafa;
  vertical-align: middle;
}

.adItem {
  display: inline-block;
  vertical-align: middle;
  padding-top:10%;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 92%;
  color: #890027;
  font-weight: bold;
  width: 100%;




}

.sbAdCycle.marquee {
  border: 0px;
  background-color: #fff;
}
.adItem.marquee {
  color: #4E5F00;
  border-top: 0px;
  background-color: #fff;
}

.adItem {
  display: none;
}
.adItem.first {
  display: inline-block;
}

.sbAdCycleSpecials {
    border-top: 2px solid #777;
}

#sbAdCycleTitle {
  font-size: 8px;
  color: #890027;
  background-color: #789300;

}
#sbAdCycleTitle.marquee {
  background-color: #fafafa;

}


.pic-container-sbad {
  max-height: 25px;
  padding: 1px 2px 6px 1px;
}
.pic-container-sbad img {
  width: auto;
  max-height: 29px;
  max-width: 57px;
}

.pic-container-sbad-flyer {
  max-height: 100px;
  padding: 0px;
}
.pic-container-sbad-flyer img {
  width: auto;
  max-height: 100px;
  max-width: 165px;
}



















/*
=====================================================
=====================================================
=====================================================

    Orig: bootstrap-custom.css;




=====================================================
=====================================================
=====================================================
*/

 /*this forces scroll bar*/
/*::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}*/



/*
  15-10-05 - bootsrap extras
  added extra condensed table classes
  place these after the original condensed class

  plus selector condensed 1,2,3,4 for padding

*/

.table-extra-condensed>thead>tr>th,
.table-extra-condensed>tbody>tr>th,
.table-extra-condensed>tfoot>tr>th,
.table-extra-condensed>thead>tr>td,
.table-extra-condensed>tbody>tr>td,
.table-extra-condensed>tfoot>tr>td {
padding-top: 1px;
padding-bottom: 1px;
}

.table-condensed-1>thead>tr>th,
.table-condensed-1>tbody>tr>th,
.table-condensed-1>tfoot>tr>th,
.table-condensed-1>thead>tr>td,
.table-condensed-1>tbody>tr>td,
.table-condensed-1>tfoot>tr>td {
padding-top: 1px;
padding-bottom: 1px;
}
.table-condensed-2>thead>tr>th,
.table-condensed-2>tbody>tr>th,
.table-condensed-2>tfoot>tr>th,
.table-condensed-2>thead>tr>td,
.table-condensed-2>tbody>tr>td,
.table-condensed-2>tfoot>tr>td {
padding-top: 2px;
padding-bottom: 2px;
}
.table-condensed-3>thead>tr>th,
.table-condensed-3>tbody>tr>th,
.table-condensed-3>tfoot>tr>th,
.table-condensed-3>thead>tr>td,
.table-condensed-3>tbody>tr>td,
.table-condensed-3>tfoot>tr>td {
padding-top: 3px;
padding-bottom: 3px;
}
.table-condensed-4>thead>tr>th,
.table-condensed-4>tbody>tr>th,
.table-condensed-4>tfoot>tr>th,
.table-condensed-4>thead>tr>td,
.table-condensed-4>tbody>tr>td,
.table-condensed-4>tfoot>tr>td {
padding-top: 4px;
padding-bottom: 4px;
}






.gw-page-header {
  margin: 0px 0 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size:0.75em;
  font-weight: bold;
  color: #666;
  /*height: 23px;*/


}
div[gwcustom="content-head-bar"] {
  margin-bottom: 2px;
  padding-bottom: 4px;
  border-bottom: 1px solid #eee;
}

.page-header {

  margin: 0px 0 0px 0px;
  display:block;



}
.page-header[gwcustom="sidenavtitle"]
{
  text-align: center;
  /*vertical-align: middle;*/

}


.sidebar-header {
  font-size: 0.85em;
  /*line-height: 0.9;*/
    padding-top: 12px;
}

.page-header[gwcustom="contenttitle"]
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0 0px 0px;

  /*margin-bottom: 8px;*/

  /* new tests */
  /*border:1px dashed black;*/
}


ul.unstyled > li {
  list-style-type: none;
}

.page-header .right {
  text-align: right;
}

h2.page-header {
  padding: 0px 0 0 0;
  margin: 0px 0 0px;
}

h2 small {
  /*color: #98A49F;*/
}

td.rpt-td-right {
  text-align: right;
}


button[gwclass="navmini"][type="submit"]
 {

  /*margin-bottom: 1px;*/
  /*margin-top: 1px;*/
  padding: 1px 5px;
  color: white;
  font-size: 13px;
   /*line-height: 1.3;*/
    text-shadow: none;
    height: 22px;

  margin: 0;
  /*padding: 2px 3px 1px 3px;*/
   /*font-size: 12px;*/
   /*line-height: 20px;*/
}
input[gwclass="navmini"][type="text"]
 {


  /*margin-bottom: 1px;
  margin-top: 1px;*/
  padding: 1px 5px;
  color: black;
  font-size: 14px;
   /*line-height: 1.3;*/
    text-shadow: none;
    height: 22px;

  margin: 0;
  /*padding: 2px 3px 1px 3px;*/
  /*padding: 0px 3px 2px 3px;*/
   /*padding: 1px 3px 1px 3px;*/
   /*font-size: 11px;*/
   /*line-height: 12px;*/
   width: 70%;
   border: 1px solid #ddd;
}

button[gwcustom="top-buttons"].
button[gwcustom="top-buttons"].btn,
button[gwcustom="top-buttons"].active,
button[gwcustom="top-buttons"]:hover,
button[gwcustom="top-buttons"]:focus
 {
  margin-bottom: 1px;
  margin-top: 1px;
  padding: 1px 5px 1px 5px;
  color: white;
  font-size: 8px;
   line-height: 10px;
    text-shadow: none;
    height: 10px;


}

#browse-buttons, #search-nav-section
{
  text-align: center;
}

button[gwcustom="browse-type"],
button[gwcustom="browse-type"].btn,
button[gwcustom="browse-type"].active,
button[gwcustom="browse-type"]:hover,
button[gwcustom="browse-type"]:focus
 {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 12px;
  /*font-weight: light;*/
  padding: 2px 5px 2px 5px;
  color: white;
  /* font-size: 12px;*/
  line-height: 14px;
   height: 24px;
   text-shadow: none;
   /*text-shadow: 1px 1px 1px #444;*/

}
button[gwcustom="browse-type"].active
{
  color:#ccc;

}
li button[gwcustom="browse-type"]
 {
  margin-bottom: 18px;
  margin-top: 18px;

  }



#bv_ven_nbr {
  border:1px solid #ddd;
  font-size: 10px;
  /*line-height: 20px;*/
  height: 120px;
}
#bv_dept_nbr, #bd_dept_nbr {
  border:1px solid #ddd;
  padding-left: 3px;
  font-size: 10px;
  /*line-height: 29px;*/
  /*height: 20px;*/
  /*height: 140px;*/
}

#bd_ven_nbr {
  border:1px solid #ddd;
  color: black;
  display: block;

}


#bd_dept_nbr , #bd_ven_nbr,
  #bv_ven_nbr, #bv_dept_nbr {
  width: 150px;
}

#bd_dept_nbr {
  padding-left: 3px;
  font-size: 10px;
  /*line-height: 29px;*/
  /*height: 20px;*/
  /*height: 135px;*/
}
#bd_ven_nbr {
  padding-left: 3px;
  font-size: 10px;
  /*line-height: 29px;*/
  /*height: 20px;*/
  /*height: 135px;*/

}



/*   Browsing Lists objs */
#list-br-vendors
{
  display:none;
}

#list-br-depts
{
  display:none;
}





.search-result-msg {
  font-size: 16px;
  font-style: italic;
  margin-bottom: 8px;
  color: #777;
}


/*.noshadow {
  text-shadow: 0px 0px 0px #ccc;
}
*/
/*  TODO:  Do we need this????? ; */
/*[class^="icon-"], [class*=" icon-"]{
    background:none;
}*/

/* FA 4.0.0 and newer */
.fa {
  text-rendering: auto;
}
/* orig from 9cc7cd to 237347 */

.btn-custom-orig {
  /*background-color: hsl(187, 33%, 21%) !important;*/
  background-color: #3A4741;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CAD7D1", endColorstr="#3A4741");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#CAD7D1), to(#3A4741));
  background-image: -moz-linear-gradient(top, #CAD7D1, #3A4741);
  background-image: -ms-linear-gradient(top, #CAD7D1, #3A4741);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CAD7D1), color-stop(100%, #3A4741));
  background-image: -webkit-linear-gradient(top, #CAD7D1, #3A4741);
  background-image: -o-linear-gradient(top, #CAD7D1, #3A4741);
  background-image: linear-gradient(#CAD7D1, #3A4741);
  border-color: #3A4741 #3A4741 hsl(187, 33%, 8.5%);
  /*color: black;*/

}


.btn-custom2-orig {
  color: #FCFCFC;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3A4741;
  /*background-color: #3A4741;*/
  background-image: -moz-linear-gradient(top, #CAD7D1, #3A4741);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CAD7D1), to(#3A4741));
  background-image: -webkit-linear-gradient(top, #CAD7D1, #3A4741);
  background-image: -o-linear-gradient(top, #CAD7D1, #3A4741);
  background-image: linear-gradient(to bottom, #CAD7D1, #3A4741);
  background-repeat: repeat-x;
  border-color: #3A4741;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CAD7D1', endColorstr='#3A4741', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}




div[gwcustom="btnItemCommands"]
{
  /*position: relative;
  left: 15px;*/
  padding: 0;
  margin: 0;
}






/* product title bar buttons (chg view and print) */
button[gwcustom="btn-products-titlebar"],
button[gwcustom="btn-products-titlebar"].btn,
button[gwcustom="btn-products-titlebar"].active,
button[gwcustom="btn-products-titlebar"]:hover,
button[gwcustom="btn-products-titlebar"]:focus {

  /*border: 1px solid #ddd;*/
  text-align: center;
  /*font-size: 13px;*/
  /*height: 30px;*/
  /*padding: 8px 8px;*/
  /*padding: 0px;*/
  outline: 0 none;
  background-color: #4E5F00;
  color: white;

}






/*  These are the order buttons on compact listing! */
button[gwcustom="btn-products-custom"],
button[gwcustom="btn-products-custom"].btn,
button[gwcustom="btn-products-custom"].active,
button[gwcustom="btn-products-custom"]:hover,
button[gwcustom="btn-products-custom"]:focus {

  margin: 0px;
 border: 1px solid #ddd;
  text-align: center;
  font-size: 10px;
  height: 22px;
  padding: 3px 5px;
  outline: 0 none;
  background-color: #4E5F00;
  color: white;

}
input.input-products-custom {
  margin: 0px;
 border: 1px solid #ddd;
  width: 40px;
  text-align: center;
  font-size: 10px;
  height: 22px;
  padding: 3px 5px;
  outline: 0 none;
}
input.item-added-success-tiny {
  outline: 0 none;
  font-size: 10px;
  height: 22px;
  padding: 3px 5px;
  margin: 0px;
}











button[gwcustom="btn-products-custom-medium"],
button[gwcustom="btn-products-custom-medium"].btn,
button[gwcustom="btn-products-custom-medium"].active,
button[gwcustom="btn-products-custom-medium"]:hover,
button[gwcustom="btn-products-custom-medium"]:focus {

  margin: 0px;
 border: 1px solid #ddd;
  text-align: center;
  font-size: 13px;
  height: 32px;
  padding: 2px 5px;
  outline: 0 none;
  background-color: #4E5F00;
  color: white;

}
input.input-products-custom-medium {
width: 42px;
  margin: 0px;
 border: 1px solid #ddd;
  text-align: center;
  font-size: 13px;
  height: 32px;
  padding: 2px 5px;
  outline: 0 none;

}
/* This adds effect on items that exist in an order
focus only : input.item-added-success:focus*/
input.item-added-success-medium {
  outline: 0 none;
  font-size: 13px;
  height: 32px;
  padding: 2px 5px;
  margin: 0px;
}






button[gwcustom="btn-products-custom-tiles"],
button[gwcustom="btn-products-custom-tiles"].btn,
button[gwcustom="btn-products-custom-tiles"].active,
button[gwcustom="btn-products-custom-tiles"]:hover,
button[gwcustom="btn-products-custom-tiles"]:focus {

  margin: 0px;
 border: 1px solid #ddd;
  text-align: center;
  font-size: 13px;
  height: 34px;
  padding: 3px 5px;
  /*outline: 0 none;*/
  background-color: #4E5F00;
  color: white;

}
input.input-products-custom-tiles {
  width: 42px;
  margin: 0px;
 border: 1px solid #ddd;
  text-align: center;
  font-size: 13px;
  height: 34px;
  padding: 2px 5px;
  outline: 0 none;

}

/* This adds effect on items that exist in an order
focus only : input.item-added-success:focus*/
input.item-added-success-tiles {
  outline: 0 none;
  font-size: 13px;
  height: 34px;
  padding: 2px 5px;
  margin: 0px;
}






/* This adds effect on items that exist in an order
focus only : input.item-added-success:focus*/
input.item-added-success {
  font-weight:bold;
  border-color: rgba(122,161,145, 0.5);
  box-shadow: 0 2px 2px rgba(122,161,145, 0.175) inset, 0 0 8px rgba(152, 164, 159, 0.9);

}




.alert[gwcustom="itemEventSpinner"]{
  padding: 3px 5px;
  margin: 0px;
  text-decoration: none;
  font-size: 10px;
  height:22px;
}





/*  Order details compact */
table[gwcustom="std_order_modal"]
{

}
table[gwcustom="std_order_modal"] td
{
  padding: 1px 3px 1px 8px;
  margin: 1px;

/*  font-size:0.85em; */
}

table[gwcustom="std_order_modal"] td.ordcolname
{

  font-weight:bold;
}
table[gwcustom="std_order_modal"] td.ordheadcell
{

  color:black;
  font-weight: bolder;
  background-color:rgba(122,161,145, 0.175);
}





/*  Order details compact */
table[gwcustom="orderdetail"]
{

}
table[gwcustom="orderdetail"] td
{
  padding: 1px 3px 1px 8px;
  margin: 1px;

  font-size:0.85em;
}

table[gwcustom="orderdetail"] td.ordcolname
{

  font-weight:bold;
}
table[gwcustom="orderdetail"] td.ordheadcell
{

  color:black;
  font-weight: bolder;
  background-color:rgba(122,161,145, 0.175);
}

#orderControls
{
  padding:0px 0px 12px 0px;
  text-align:right;
  width:760px;

}
#orderControls .orderctl
{
  margin:0px 0px 0px 5px;

}
#orderControls > button.btnSubmitOrder {
  background-color: #890027;
  /*font-size: 13px;*/
  font-weight: 900;
}
table[gwcustom="orderdetail"] td.finalNotice
{
  font-size:12px;
  color:white;
  font-weight: bolder;
  background-color:#870029;
  text-align: center;
  padding-top:1px;
  padding-bottom: 1px;
}




#itemlist_table_header[gwcustom="ilisthead"]{
  margin-bottom: 0px;
  padding-bottom: 0px;
  /*box-shadow: 0px 5px 5px 14px  #888888;*/

}

/*#itemlist_table_header[gwcustom="ilisthead"] tr:first-child th:first-child {
    -moz-border-radius-bottom-left:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
    border-left-radius:0px;
}
#itemlist_table_header[gwcustom="ilisthead"] tr:first-child th:last-child {
    -moz-border-radius-bottom-right:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
    border-right-radius:0px;
    /*padding-right: 20px;*/
}*/

.headspacer[gwcustom="ilisthead"] {
  padding: 0;
  margin: 0;
  width:8px;
  border-left: 0;
}

<!--[if IE]>
  <!--[if gte IE 9]>
    .headspacer[gwcustom="ilisthead"] {
      padding: 0;
      margin: 0;
      width:20px;
      border-left: 0;
    }
  <![endif]-->
<![endif]-->




#itemlist_table[gwcustom="ilist"] {
  border-top: 0px;

  margin-bottom: 0px;
  padding-bottom: 0px;
 /* -webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
  }
  --webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  }*/



}

.ilist-cmd-cell[gwcustom="ilist"] {
  vertical-align: middle;
}



/*#itemlist_table[gwcustom="ilist"] tr:first-child td:first-child {
    -moz-border-radius-top-left:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
    border-left-radius:0px;
}
#itemlist_table[gwcustom="ilist"] tr:first-child td:last-child {
    -moz-border-radius-top-right:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
    border-right-radius:0px;
}
#itemlist_table[gwcustom="ilist"] tr:last-child td:first-child {
    -moz-border-radius-bottom-left:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
    border-left-radius:0px;
}
#itemlist_table[gwcustom="ilist"] tr:last-child td:last-child {
    -moz-border-radius-bottom-right:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

}



#itemlist_table_footer[gwcustom="ilistfoot"]{

  border-top: 0px;
  margin-top: 0px;
  padding-top: 0px;
  box-shadow: 10px 10px 5px #888888;

}
#itemlist_table_footer[gwcustom="ilistfoot"] tr:first-child th:first-child {
    -moz-border-radius-top-left:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
    border-radius:0px;
}
#itemlist_table_footer[gwcustom="ilistfoot"] tr:first-child th:last-child {
    -moz-border-radius-top-right:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
    border-right-radius:0px;
}
*/










































































/*
=====================================================
=====================================================
=====================================================

    Orig: reports-table-styles.css;




=====================================================
=====================================================
=====================================================
*/
/*

    Item List 1

*/
table.il1 {
    font-size:90%;
    background-color: white;

}

table.il1 th.il1 {
    /*font-size:90%;*/
    font-weight:bold;

}
table.il1 tr.il1 {
    font-size:92%;
}
table.il1 tr.il1_alt {
    font-size:92%;
    /*background-color: #efefef;*/
}
table.il1 td.il1 {
    /*font-size:90%;
    line-height: 1.0;*/
    vertical-align: middle;

  /*  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);*/
}

table.il1 td.il1:hover {

    text-decoration: underline;
    cursor: pointer;

}




table.il1 {
    font-size:90%;
    background-color: white;

}

table.il1 th.il1-norm {
    /*font-size:90%;*/
    font-weight:bold;

}
table.il1 tr.il1-norm {
    font-size:92%;
}
table.il1 tr.il1_alt-norm {
    font-size:92%;
    /*background-color: #efefef;*/
}
table.il1 td.il1-norm {
    /*font-size:90%;
    line-height: 1.0;*/
    vertical-align: middle;
}

table.il1 td.il1-norm:hover {

}




.itemNbrClickable {

    cursor: pointer;
}
.itemNbrClickable:hover {
  text-decoration: underline;
}

tr.gwsale {
  /*border-top: 3px solid #061174;*/
    /*border-top: 2px solid #073963;*/
    /*background-color: #fffeee;*/
}
tr.gwnew {
  /*border-top: 3px solid rgb(21, 84, 5);*/
    /*border-top: 2px solid #4E5F00;*/
    /*background-color: #fffeee;*/
}
tr.gwcloseout {
  /*border-top: 3px solid rgb(185, 2, 2);*/
    /*border-top: 2px solid #982D00;*/
    /*background-color: #fffeee;*/
}
.tileItem.gwsale {
    border-top: 3px solid #073963;
}
.tileItem.gwnew {
    border-top: 3px solid rgb(21, 84, 5);
}
.tileItem.gwcloseout {
    border-top: 3px solid rgb(185, 2, 2);
}
.td-left {
    text-align:left;
}
.td-center {
    text-align:center;
}
.td-right {
    text-align:right;
}
.td-compact {
    font-size:90%;
}

.gwsale {
  color: black;
  /*color: #061174;*/
  /*font-weight: 700;*/
    /*color: #073963;*/
}
.gwsale.price {
    /*color: blue;*/
    /*color: #061174;*/
    color: #233ab2;
}
.gwnew {
  color: black;
    /*color: #4E5F00;*/
    /*color: rgb(21, 84, 5);*/
    /*font-weight: 700;*/
}
.gwnew.price {
    /*color: rgb(21, 84, 5);*/
    color: rgb(47, 169, 51);
}
.gwcloseout {
  color: black;
    /*color: #982D00;*/
    /*color: rgb(185, 2, 2);*/
    /*font-weight: 700;*/
}
.gwcloseout.price {
    /*color: red;*/
    color: rgb(185, 2, 2);
}


/*  item line tag for specials */
/*.gwiltagbox {
  display: inline;
  position: relative;
  left: 0;
  top:-10px;
}*/
.gwiltag {
  display: inline;
  font-size: 88%;
  margin: 0px;
  padding-right: 3px;
  /*width: 8px;*/

}


div.item_desc > div.price {
  /*background-color: #073963;*/
  /*color: white;*/
  padding: 2px;
  /*font-size: 8px;*/
  margin: 1px;
  /*font-weight: bold;*/
}


#browse-page-content
{
  margin: 0px auto;
  text-align: center;
}

#vlistItems {
  margin:0px auto;
  text-align: center;
}

.browse-records-list-item {
  width: 265px;
  /*float: left;*/
  background-color: #f7f7f7;
  margin: 7px 5px;
  padding: 2px;
}
.browse-records-list-item a {
  font-size: 12px;
  overflow: hidden;text-overflow: ellipsis;
  word-wrap: break-word;
}


.browse-records-char-header {


  width: 265px;
  height: 45px;
  margin: 7px 5px;
  padding: 7px 0px;

  /*border: 1px solid red;
  background-color: yellow;*/
  font-size: 120%;
  font-weight: bold;

}

.char-head-left , .char-head-right
{
  vertical-align: bottom;
  display: inline-block;
  /*border: 1px solid green;*/
  width: 120px;
  margin: 7px 5px;
  padding: 7px 0px;

}
.char-head-right
{
  text-align: right;
}

.browse-records-char-header > span > a {
  color: #ccc;

  text-decoration: none;
  vertical-align: bottom;
  padding-bottom: 10px;
}

#vclist {
  margin: 15px;
}

.btn.jumpLink, .btn.jumpLink > a {
  padding: 1;
  margin: 0;
}

.hintJumpList {
  color: #bbb;
  font-style: italic;
  font-size: 80%;
}


/*


    ---------------------------------------------

        Item Listing Styles






*/
#prod_view_btns {
  text-align: right;
  vertical-align: middle;
  /*display: inline;*/
  /*float:right;*/
  /*border: 1px solid yellow;*/
}
.prod_view_btns_style {
  color: #888;

}
tr.ilist_header, th.ilist_header {
    font-size: 85%;
    padding: 1px;
}

#itable_inner {
    /* TODO: This line presets ilisting height, removed for no scroller ; */
    /*height:300px;*/


    /*  SAVE THIS */
    /* TODO: removed for no scroller ; */
    /*overflow:auto;*/
    border: 1px solid #ddd;
}

#itable_inner tr:hover {
    background-color: #efefef !important;
}


div.box.compact {
    font-size: 100%;
    line-height: 1.0;
    padding: 1px 4px 1px 4px;
}

div.box.item_desc.compact {
  font-size: 95%;
}


#itemListing{
    float:left;
    /*width:78%; THIS WILL SHRINK in JS func */
    width: 100%;
    margin-top: 2px;
}
.prod_info_container {
    /*overflow: auto;*/
  display: block;
  min-width: 72px;
  /*  141530 GF1: Try removing max-width for now */
  /*max-width: 126px;*/

 word-wrap: none;
}
.prod_info_container > div {
    /*margin-bottom: 20px;*/

  /*height: 100px;*/
  /*float: left;*/
  text-align: left;
  min-width: 62px;
}

.webpic-tiny-container {
  width: 40px;
  height: 20px;
}
.webpic-tiny {
  max-width:100%;
  max-height:100%;
}









#fldMainPrice, #fldRegPrice,
#fldItemNbr, #fldLookupNbr
{
    line-height: 1.0;

}
#fldItemNbr{
    /*font-weight: bold;*/
    /*display:inline;*/
    /*float:left; clear:right;*/

    /*width: 48%;*/
    /*width: 64px;*/
    /*border:1px solid grey;*/
}
#fldLookupNbr{
    /*display:inline;*/
    /*font-size: 90%;*/
    /*min-width: 60px;*/
    /*font-style: italic;*/
    /*font-weight: normal;*/
    font-weight: bold;
    /*float:right; clear:left;*/

    /*width: 48%;*/
    /*border:1px solid grey;*/
}

#fldMainPrice, #fldRegPrice{
    text-align: right;
    font-size: 92%;

}

#fldMainPrice{

}
#fldRegPrice{
    color:black;
    font-size: 75%;
    /*font-style: italic;*/
    font-weight: normal;
}








/*

Medium styles

*/
tr.alt-row-med-full {
  padding-top:5px;
  height:3px;


}
hr.alt-row-med-full {

    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(137, 0, 39, 1), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(137, 0, 39, 1), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(137, 0, 39, 1), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(137, 0, 39, 1), rgba(0,0,0,0));

}

table tr.medium-color {
  /*background-color: white;*/
}
/*tr.medium-color.gwsale {
    border-bottom: 3px solid #789300;
}
tr.medium-color.gwcloseout {
    border-bottom: 3px solid #C4315B;
}*/

.medium-top {
  vertical-align: top;
}

.mfldItemTable {

}
.mfldItemRow {

}


.mfldContainer {
  font-size: 85%;
  max-width: 620px;
  /*font-size: 90%;*/


}
.mfld {

}




.mprod_info_container {
    /*overflow: auto;*/
  min-width: 80px;
  /*max-width: 380px;*/

}
.mprod_info_container > div {
  float: left;
  text-align: left;
  min-width: 180px;
  font-weight:  bold;


}

.webpic-medium-container {
  float: left;
}
.webpic-mcontainer {

  /*float: right;*/
  width: 145px;
  height: 80px;
  margin: 0px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;

  /*width: 250px;
  height: 125px;*/
}
.webpic-medium {
  max-width:100%;
  max-height:100%;
}


div.mfld.medium {


}

.medium.item_desc
{
  font-weight: bold;
}
#mfldMainPrice, #mfldRegPrice{
  font-weight: bold;
  font-size: 110%;
  text-align: left;
  /*display:inline;*/

}

#mfldMainPrice{

}
#mfldRegPrice{

    color:black;
    font-size: 85%;
    /*font-style: italic;*/
    font-weight: normal;
}

.mfldPrceBox {
  float:left;
}

.mfldDataField {
  font-weight: bold;
}
.mfldQtys {
  display: inline;
  font-size: 90%;
}

.mfldCell {

}
.mfldObjRow {
  /*padding-top: 23px;*/
}
.mfldObjCell {

  text-align:left;
  padding-top: 8px;
}

.mfldObjCellLabel {
  font-size: 0.8em;
}

.mfldObjCellLeftItems {
  width: 100%;
}

.item_qty.medium , .input_qty.tiles {


}



.leftFld {
  font-size: 93%;
}





.dispTable {
  display: table;
}
.dispRow {
  display: table-row;

}
.dispCell {
  display: table-cell;

}


.fullInfo {
  padding: 12px 1px 10px 1px;
}



.olMsgBoxLabel {
  font-size: 0.88em;
  color: #666;
  text-decoration: none;
  line-height: 17px
}
.olMsgBoxData {
  font-weight: bold;
  font-size: 0.8em;
  color: #444;
  text-decoration: none;
  line-height: 17px
}



/*
.prod_info_container {
  display: block;
  min-width: 62px;
  max-width: 126px;
}
.prod_info_container > div {

  float: left;
  text-align: center;
  min-width: 62px;
}
*/
.productTileBox {

  width: 100%;
/*  min-width: 580px;
  max-width: 1260px;*/
  text-align: center;

}
.productTileBox > div.box {
  /*min-width: 580px;
  max-width: 1200px;*/
  display:table;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.tileItem {
  display: inline-block;
  /*min-width: 250px;
  max-width: 290px;*/
  width: 250px;
  height: 305px;
  border: 1px solid #efefef;
  border-top: 2px solid #efefef;
  /*padding: 3px;*/
  margin: 5px;
  /*float:left;*/

  font-size: 12px;
}




.tiles-prodbox
{
  height: 80px;
}
.tileItemContainer {
  min-width: 250px;
  text-align: left;
  padding: 0px;
  min-height: 100%;
  position: relative;
}

.tile-table-wrapper {

  padding: 3px;

}

.tiles-special-header {
  /*display: none;*/
  position: absolute;
  top: 0px;
  width: 99%;
  margin:0px auto;
  padding: 0px;
  border: 0px;
  font-size: 8px;
  text-align: center;

  color: white;
  background-color: #073963;

}
.tiles-special-header-new {
  /*display: none;*/
  position: absolute;
  float:left;
  top: 0px;

  /*width: 99%;*/
  margin:0px auto;
  /*margin-bottom: 3px;*/
  padding: 0px;
  padding-left: 8px;

  border: 0px;
  font-size: 1.1em;
  text-align: left;

  /*color: white;*/
  background-color: #f7f7f7;

}
.tiles-special-header-row {
  /*display: none;*/
  /*position: absolute;*/
  /*float:left;*/
  /*top: 0px;*/
  /*width: 99%;*/
  margin:0px auto;
  /*margin-bottom: 3px;*/
  padding: 0px;
  padding-left: 8px;

  border: 0px;
  font-size: 0.8em;
  text-align: left;

  /*color: white;*/
  background-color: #f7f7f7;

}

.tiles-container-table {
  border-collapse: collapse;
 /*border: 1px solid blue;*/
  width: 245px;
  margin-top:5px;
  padding: 0px ;
  vertical-align: top;
}

.tiles-cell {
  /*border:1px solid green;*/
  /*padding-top: 5px;*/
  /*padding-top: 8px;*/

}

td.tiles-cell.tiles-web-cell > div
td.tiles-cell.tiles-web-cell > div > img
{
  margin: 0;

  padding: 0;
  border: 0;
  vertical-align: middle;

}
.tiles-web-cell {
  /*padding-top: 6px;*/
  width: 145px;
  height: 85px;
  /*border: 1px solid red;*/
  text-align: center;
  vertical-align: middle;
  /*background-color: #de0000;*/

}
.webpic-tiles-container {

  /*background-color: #de00de;*/
  width: 145px;
  text-align: center;
  height: 85px;

  /*border: 1px solid blue;*/
}
/*  Actual img tag */
.webpic-tiles {
  margin-top:8px;
  max-width:145px;
  max-height:100%;
}

.tiles-prce-cell {
  padding-right: 10px;
  padding-top: 6px;
  text-align: right;
  width: 92px;
  /*border: 1px solid red;*/
  vertical-align: top;
}
.tfldPricing {
  margin-top: 10px;
}

.tiles-order-form {
  /*border: 1px solid black;*/
  margin: 0px;
  padding: 0px;
}
.tiles-details-cell {
  text-align: center;
  padding-top: 8px;
}

.tiles-details-subtable {
  width: 100%;
  margin: 0px auto;
}

.tiles-more-footer {
  /*display: none;*/

  /*margin:0px auto;*/
  padding: 3px 0px 3px 0px;
  border: 0px solid yellow;
  font-size: 10px;
  text-align: center;
  position:absolute;
  width: 100%;
   bottom:0;

}


.tiles.item_desc {
  margin: 0px 2px;
  width: 240px;
  font-weight: normal;
  font-size: 11px;
  /*border:1px solid red;*/
}

.tiles.item_memo {
  margin: 0px 2px;
  width: 240px;
  /*border:1px solid red;*/
}
span..tiles.item_memo {
  width: 240px;
   margin: 0px 2px;
}

div.tiles.sale_message_box {
  /*border: 1px solid green;*/
   margin: 0px 2px;
  width: 240px;
}
div.tiles.sale_message {
  margin: 1px 30px;
  width: 100%;
}


.tiles-prodinfotable {
  /*border: 1px solid red;*/
}

.tiles-prcebtns {
  float: right;
  width: 90px;
  margin-right: 10px;
  text-align: right;
  /*border: 1px solid red;*/
}






.tfldPricing > div {


}

.pinfo {
  font-weight: bold;
  /*border: 1px solid red;*/
}

.pinfo.title {
  font-size: 90%;
  font-weight: normal;
  text-align: left;
}
.pinfo.data {
  /*padding-left: 5px;*/
  text-align: left;
}
.pinfo.data.large {
  /*padding-left: 5px;*/
  font-size: 12px;
  text-align: left;
}
.pinfo.data.ven-name {
  padding-top: 5px;
  font-size: 90%;
  /*border-bottom: 1px solid #efefef;*/
}
.pinfo.data.desc {
  padding-top: 7px;
  font-size: 90%;
}
.data.memo {
  font-size: 90%;
  height: 100%;
}
.tiles-orderbtns {
  margin-top: 8px;
}












.tfldMainPrice {
  font-weight: bold;
  font-size: 15px;
}

.tfldRegPrice {
  font-size: 11px;
  font-weight: normal;
}


/*


        IBD Item Bar Details


*/
.ibdCompFont {
  font-size: 1em;
}
.ibdCompDataFont {
  font-size: 13px;
}
#ibdItemDetails {
  margin-top: 37px;
    /*overflow: scroll;*/
    /*--ms-overflow-y: scroll;*/
}
#itemBarDetails {


    float:right;
    width:20%;
    padding: 3px 3px 3px 3px;
    margin-top: 2px;

    /*border:1px solid red;*/
    /*background-color:#eee;*/
   border: 1px solid #ddd;
   border-radius:4px;
   /*min-height: 300px !important;*/
   /*height: 100% !important;*/
   /*max-height: 420px;*/
   display: none;
   /*overflow: hidden;*/
   font-size: 85%;



}
#mibdItemDetails {
  font-size: 85%;
}

div.ibd {
  padding: 3px;
}

#ibdLoader.ibd {
    vertical-align: middle;
    text-align: center;
}

#ibdCommandBar, #ibdCommandBar > div, #ibdCommandBar > span {
    vertical-align: middle;
    text-align: center;
}

#ibdCommandBar{
  display: block;
  position: relative;
  /*background-color: black;
  width:90%;
  min-width: 145px;*/
}

#btnItemPopout {
  float: left;

  width: 25px;
  padding: 6px 0px 6px 0px;
  margin: 0;
}
#item_sidebar_info_cmdbox {
  float: right;
}

#ibdTDWebpic {
    vertical-align: middle;
    text-align: center;
}

#ibdLoader {
    font-size: 110%;
    color: #bbb;
    margin: 12px 5px 12px 5px;
}
#ibdContent {
    display: none;
    /*min-width: 145px;*/
}

/*

    WEBPIC
    Must do in this way or IE wont use it right

*/
#ibdWebpic {
  padding: 8px;
  margin: 10px 2px 5px 2px;
  text-align: center;
  vertical-align: middle;
  /*max-height: 125px;*/

}
#ibdWebpic > img {
  max-width: 100%;
   max-height: 100%;
    display: block;
  margin: 0px auto;
}
#imgTagId {
  /*min-height: 75px;  cant use, IE breaks */
  max-height: 160px; /* cant use %, IE breaks */

}


.OverSizeNote {
  /*background-color: #890027;*/
  font-size: 1.0em;
  font-weight: 700;
  color: #890027;
}



/*  Bootstrap 3 modal resize custom */
#item_details_modal .modal-dialog  {
  /*width: 650px;*/
  min-width: 70%;
  max-width: 80%;
  /*margin-left: -40%;*/
}

#order_csvup_modal .modal-dialog {
  min-width: 80%;
  max-width: 95%;
}

#std_order_modal .modal-dialog {
  min-width: 80%;
  max-width: 90%;
}

#item_details_modal{

}

#itemBarDetailsModalBox {
  /*width: 650px;*/
  min-width: 500px;
  max-width: 940px;
  vertical-align: top;
  margin: 0px auto;
}


#item_detail_table {
  /*border: 1px solid yellow;*/
  /*border-collapse: separate;*/
  width: 100%;
}
#item_detail_info_table_container {
  text-align: center;
  background-color:#f8f8f8;
  padding: 6px;
  max-width: 450px;
}
table[gwcustom="infotable"] {
  border-collapse: separate;
  margin:6px;

}

#item_detail_info_table
{
  margin: 0px auto;
  /*background-color:#f8f8f8;
  padding: 10px;*/
  /*border: 12px solid #f8f8f8;*/
}
#item_details_info_cmdbox {
  padding-bottom: 6px;
  border-bottom: 1px solid #890027;
}

#item_detail_webpic_cell {
  min-width: 150px;max-width: 500px;vertical-align:top;
}

.item_field_title {
   font-size: 12px;
   text-align: right;
}
.item_field {
  text-align: left;
  padding-left: 4px;
  font-size: 13px;
  font-weight: bold;
}

.item_field_desc {
  text-align: left;
  padding-left: 4px;
  font-size: 13px;
  font-weight: normal;
}


#mibdWebpic {
  /*padding: 8px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
  float: right;*/
}
#mibdWebpic > img {
  /*ORIG max-width: 320px;*/
   /*max-height: 50%;*/
    /*display: block;*/
  /*margin: 0px auto;*/
}








/*

  *************************  Item Img Tag


*/
#mimgTagId{
  max-width: 840px;
  /*width: 90%;*/
  /*max-height: 230px;*/
}
/*@media (max-width: 800px) {
  #mimgTagId{
    max-height: 100px;
  }

}*/
/*@media (min-width: 1320px) {
  #mimgTagId{
    max-height: 450px;
  }
}*/





#ibdTDPricing, #mibdTDPricing {
    border-bottom: 1px solid #ccc;
}
#ibdPrice, #mibdPrice {
    font-weight: bold;
    font-size: 115%;
}
#ibdRegPrice, #mibdRegPrice {
    font-weight: bold;
}

#ibdTDUPCNbr, #ibdTDItemNbr, #ibdTDVendor,
#mibdTDPricing, #mibdTDUPCNbr, #mibdTDVendor {
    font-weight: bold;
}
#ibdVendor, #ibdVendorNbr, #ibdUPCNbr {
    /*font-size: 85%;*/
    font-weight: normal;
}


#ibdTDItemNbr > div, #ibdTDItemDesc > div,#ibdTDVendor > div
{
    display: inline;
    text-align: left;
}
#ibdTDItemNbr {
    font-weight: bold;

}
#ibdTDItemMemo {

}
#ibdTDItemMemo > div {

}
#ibdItemMemo {
  /*max-height: 200px;
  overflow: scroll;*/
}
#ibdTDItemAttrs
{
  display: none;
  margin-bottom: 8px;
}
#ibdTDItemAttrs > div {

}
.ibdAttrTable {
  width: 99%;
  margin-bottom: 8px;
}
.ibdAttrType {
  font-weight: 700;
  font-size: 85%;
}
.ibdAttr {
  font-weight: 500;
  font-size: 85%;
  text-align: right;
}



.on[gwcustom="ilist"],
.on[gwcustom="ilist"]:hover,
.on[gwcustom="ilist"]:focus,
.on[gwcustom="ilist"].active,
#itable_inner tr.on:hover {
    background-color: #f6f6f6 !important;
        /*border-top: 1px solid #880027;*/
    border-bottom: 2px solid #4E5F00;
    /*color: #880027;*/
}

/*  140530 GF1: Added bootstrap customize table */
.table tbody > tr[gwcustom="ilist"] > td
{
  border-top: 1px solid #efefef;
  line-height: 1.2;
}







#adbox_modal .modal-dialog  {
  /*width: 650px;*/
  min-width: 60%;
  max-width: 90%;
  /*margin-left: -40%;*/
}



/*  bootstrap 3 modal customization */
.modal {
  /*background-color: white;*/
}
/*.modal {
display: block;
}*/
/*.modal-body:before,
.modal-body:after {
display: table;
content: " ";
}
.modal-header:before,
.modal-header:after {
display: table;
content: " ";
}*/

.modal[gwcustom="modal_with_backdrop"] {
  /*background-color: #242c00;*/
  background: rgba(36, 44, 0, 0.95);

}
/*.in {
background: rgba(0, 0, 0, 0.8);
}*/






/*

    OLDER

*/
table.arpt {
    padding:2px;
}

table.arpt th.arpt {
    border-bottom:1px solid black;
    color: black;
    background-color:#999;
    padding:2px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-size:90%;

}
table.arpt td.arpt {
    color:black;
    padding:2px 3px 2px 5px;
    font-size:85%;
    text-align:left;
    vertical-align: top;

}
table.arpt tr.arpt {
    background-color:white;

}
table.arpt tr.arpt_alt {
    background-color:#ddd;

}
#desc.arpt {
    padding: 8px;
    padding-bottom: 6px;
    font-style: italic;
}
#recordcount.arpt {
    padding: 8px;
    padding-bottom: 6px;
    font-style: italic;
}


/*   PRPT */

table.arpt td.prpt {
    color:black;
    padding:1px;
    font-size:85%;
    text-align:left;
    vertical-align: top;

}
table.arpt tr.prpt {
    background-color:white;

}
table.arpt tr.prpt_alt {
    background-color:#ccc;

}














































/*
=====================================================
=====================================================
=====================================================

    Orig: basic-form.css;




=====================================================
=====================================================
=====================================================
*/

.formlabel {
    display: block;
    margin:5px;
    padding: 5px;
    color: #aaa;
    font-weight: bold;
}

.clientformitem {
    margin-left: 45px;
}

td.clientrecord {
    padding:8px;
    margin:8px;
}





#containerFormCreateOrder{
    padding: 15px;
    margin: 15px;
}


































/*
=====================================================
=====================================================
=====================================================

    Orig: main-layout.css;




=====================================================
=====================================================
=====================================================
*/




.pagetitle {
 margin-top:12px;
 margin-bottom: 32px;
 /*margin-left:180px;*/

}





#block_content {
  text-align: left;
    /*width: 100%;*/
    margin-left: 5px;
    margin-right: 5px;
    /*padding-right: 15px;*/

    /*qqqqheight: 100%;*/
    /* border: 1px solid blue; */

}





















































/*
=====================================================
=====================================================
=====================================================

    Orig: main-alink.css;




=====================================================
=====================================================
=====================================================
*/
/*
default link styles
*/

a,
a:link,
a:active {
   text-decoration: none;
   text-shadow: none;
   color: #880027;
}

a:visited {
   text-decoration: none;
    color: #880027;
}

a:hover {
   text-decoration: underline;
   color: #880027;
}















































































/*
=====================================================
=====================================================
=====================================================

    ORIGINAL FILE CONTENTS BELOW KEEP THISE HERE




=====================================================
=====================================================
=====================================================
*/










/*p, li {
  font: 1.2em/1.8em Tahoma, sans-serif;
  margin-bottom: 10px;
}*/

/*h1 {
  font: 2.0em Tahoma, sans-serif;
  height: 0px;
}

h2 {
  font: 1.8em Tahoma, sans-serif;
  margin-bottom: 10px;
}*/


img {
  border: none;
}








/********************
CONTENT STYLING
*********************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */


/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}




/*  Content tables */

/* this table wraps below tables */
.maintablecontent {
    width: 100%;
    height: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
}
.tablecontent {
    width: 60%;
    height: 100%;
}




/*     CONTENT    */
.tablecontent, .toptablecontent, .lefttablecontent,
    .rightmaincontent, .listtablecontent {
    text-align: left;
    vertical-align: top;
}
.toptablecontent {

    font-size:110%;

    clear:both;
}

.lefttablecontent {

clear:both;

}
.listtablecontent {

}
.xdisplaystyletop, .xdisplaystyleleft, .xdisplaystylelist, {
    /*  show extra styles if active (php sets in view) */
    border: 2px solid #ddd;
    padding: 5px;
}
/*     ----------- */



/*
.tablecontent, .toptablecontent, .lefttablecontent, .rightmaincontent, .listtablecontent {
    border: 2px solid #cfcfcf;

    padding: 8px;
    text-align: left;
    vertical-align: top;
}




.listtablecontent {
    width: 90%;
    height: 100%;
}

.toptablecontent {
    width: 100%;
}

.lefttablecontent {
    width: 250px;
    height: 100%;

}
*/

.rightmaincontent {
    width: 300px;
    height: 100%;
}



/* content form objects */
.gwformsobj{
    border:1px solid green;
}
.select_depts {
    width: 220px;
    height: 120px;
}
.dropdown_vendors{

}

#ctlTopMain {
    z-index: 1;

    top: 0px;
    left: 500px;
    position: fixed;
    height: 25px;
    width: 500px;
    border: 2px solid black;
    background-color: #444444;
background-image: url(../images/index-bg_wrap.png);
    background-repeat: repeat-x;
    color: white;

}






.display-off {

  display: none;

}




#devmoddiv {
    margin: 0 0 0 0;
    width: 100%;
    height: 15px;
    background-color: darkred;
    color: white;
    font-size: 80%;
    font-weight: bolder;
    /*padding-left: 10%;*/
    text-align: center;
    border-bottom: 1px white dashed;
}



.active_order_hint {
  display: inline-block;
  padding: 7px;
  font-weight: bold;
  color: #888;
  margin: 7px 2px;
}




.line_comment {
  font-style: italic;
  font-size: 95%;
  border-top: 1px solid #adadad;
}





button[gwclass="info"],
button[gwclass="info"].btn,
button[gwclass="info"]:hover,
button[gwclass="info"]:focus,
button[gwclass="info"]:active {
  background-color: #f2f2f2;
  color: #63706B;
  border: 1px solid #ccc;
  /*border-left: 1px solid #890027;*/
  font-weight: bold;
/*  padding-top: 2px;
  padding-bottom: 2px;*/
}