#page-header {

  position : absolute;

  top : 0px; right : 0; bottom : auto; left : 0;

  height : 48px; width : 100%;

  white-space: nowrap;

  color: #fff; 

  text-align:left;

}

  #ph-name div.pre-title,

  #ph-name div.title { 

	  max-width:300px;  /* Portrait avoid collision with search input */

  }

  #ph-search {

    padding:6px 15px 0 5px;

  }

    #ph-search input[type="search"] {

	      width: 185px;

    }

#app-nav {

  position: absolute;

  top: 49px; right: 0; bottom: 25px; left: 0;

  height: auto; width: 200px; 

  background-color: #e5e4d5;

  color : #000;

  overflow: hidden;

  /*overflow: auto;

  overflow-y: auto;

  overflow-x: hidden; */ 

  -webkit-overflow-scrolling: touch;

}

  /*#app-nav.menu-nav {

    width: 300px; 

    background-color: #eee;

  }*/

  #app-nav h4 {

    font: bold 9pt sans-serif;

    margin: 15px 0 0px 22px;

    letter-spacing:1px;

    color: #036;

  }

  #app-nav .padnav { padding:12px 0 0 9px; }

  #app-nav .padnav.padtop0 { padding-top:0; }



#content {

}

  #content-header {

    display:block;

    position : absolute;

    top: 49px; right: 0; bottom: 10px; left: 200px;

    height:38px; width : auto;

    /*min-width:460px;*/

    background-color: #eca742;

    background-color: #f6f6f6;

    color : #000;

    border-left : 1px solid #ddd;

    border-bottom : 1px solid #ddd;

    overflow: hidden;

  }

    #content-header div.pad {

      padding : 4px 0 0 20px;

    }

      #content-header div.pad h3 {

        float:left;

        margin:5px 1em 0 0;

        padding : 0;

      }

      #content-header div.pad div {

        float:left;

      }

  #content-body-with-header {

    position : absolute;

    top : 88px;

    right : 0; bottom : 25px; left: 200px;  

    height : auto; width : auto;

    background-color:#fff;

    color : #000;

    border-left : 1px solid #ddd;

    padding : 6px 50px 50px 20px;

    overflow : auto;

    -webkit-overflow-scrolling: touch;

  }

  #content-body {

    position : absolute;

    top : 49px;

    right : 0; bottom : 25px; left: 200px;  

    height : auto; width : auto;

    background-color:#fff;

    color : #000;

    border-left : 1px solid #ddd;

    padding : 6px 50px 50px 20px;

    overflow : auto;

    -webkit-overflow-scrolling: touch;

  }

    #content-body h3 { margin:10px 0 .2em 0;}

  #content-body-for-menu {

    position : absolute;

    top : 49px;

    right : 0; bottom : 25px; left: 300px;  

    height : auto; width : auto;

    background-color:#fff;

    color : #000;

    border-left : 1px solid #ddd;

    padding : 6px 50px 50px 40px;

    overflow : auto;

    -webkit-overflow-scrolling: touch;

  }

    #content-body-for-menu h4 { margin:10px 0 .2em 0;}



    #category-picker { 

      position : absolute;

      overflow: hidden;

      height:24px; width : auto;

      top: 48px; right: 30px; bottom: auto; left: 210px;

      /*min-width:460px;*/

      background-color: #eca742;

      color : #000;

      border-left : 1px solid #ddd;

      border-bottom : 1px solid #ddd;

      padding:6px 16px;

      z-index:9999;

      

      -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;

      -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;

      }

    #category-page-spacer { margin-bottom:0px; }

    #item-page-label {float:right;padding-top:0px;font: bold 13pt "Arial Narrow", "Franklin Gothic Medium", Arial;}

    

    

#page-footer {

  position: absolute;

  top: auto; right: 0; bottom: 0; left:0;

  height: 25px; width: 100%;

	overflow:hidden;

	color: #fff;

}

#content-body-navless {

  position : absolute;

  top : 46px; right : 0; bottom : 25px; left: 0;

  height : auto; width : auto;

  overflow : auto;

  -webkit-overflow-scrolling: touch;

  background-color:#bbb;

  color : #000;

}

#content-footer-navless {

  position : absolute;

  top : auto; right : 0; bottom : 25px; left: 0px; 

  height:38px; width : auto;

  border-left : 1px solid #ddd;

  border-top : 1px solid #ddd;

  background-color: #e6e6e6;

  color : #000;

}





/* LEFT NAV: ADD ITEMS TO CART */



#add-items-nav {

  padding-top:4px;

}

#add-items-nav ul {

  list-style: none;

  margin:6px 0 0 4px;

  padding:0;

  overflow: auto;

}

  #add-items-nav ul.near-prev {

    margin-top:1px;

  }

    #add-items-nav ul li.noport {

      display:inline;

    }

    #add-items-nav ul li a, 

    #add-items-nav ul li span {

      display:inline-block;

      font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

      text-decoration: none;

      border-top:1px solid #aaa;

      color: #fff;

    }

    #add-items-nav ul li a {

        background-color: #777;

    }

      #add-items-nav ul li a:hover {

        background-color: #444;

        color: #eee;

      }

    #add-items-nav ul li span {

    }

      #add-items-nav ul li span.disabled {

        background-color: #999;

        color:#ddd;

      }



      #add-items-nav ul.groupz li.rndleft a,

      #add-items-nav ul.groupz li.rndleft span { 

        -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px;

        -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

      }

      #add-items-nav ul.groupz li.rndright a,

      #add-items-nav ul.groupz li.rndright span { 

        -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px;

        -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

      }

      #add-items-nav ul.groupz li.rndbtm a,

      #add-items-nav ul.groupz li.rndbtm span { 

        -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

        -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

      }

      #add-items-nav ul.groupz li.rndtopleft a,

      #add-items-nav ul.groupz li.rndtopleft span { 

        -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px;

      }

      #add-items-nav ul.groupz li.rndtopright a,

      #add-items-nav ul.groupz li.rndtopright span { 

        -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px;

      }

      #add-items-nav ul.groupz li.rndbtmleft a,

      #add-items-nav ul.groupz li.rndbtmleft span { 

        -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

      }

      #add-items-nav ul.groupz li.rndbtmright a,

      #add-items-nav ul.groupz li.rndbtmright span { 

        -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

      }



      #add-items-nav ul.groupz li.onelineL-twolineP a,

      #add-items-nav ul.groupz li.onelineL-twolineP span,

      #add-items-nav ul.groupz li.oneline a,

      #add-items-nav ul.groupz li.oneline span { 

        padding-top: 17px;

        padding-bottom: 3px;

      }

      #add-items-nav ul.groupz li.twoline a,

      #add-items-nav ul.groupz li.twoline span { 

        padding-top: 10px;

        padding-bottom: 10px;

      }



      #add-items-nav ul.groupz li.rtborder a,

      #add-items-nav ul.groupz li.rtborder span { 

        border-right :1px solid #aaa;

      }





      /* ONE COLUMN ROW */

      #add-items-nav ul.groupz li.one-cols a, 

      #add-items-nav ul.groupz li.one-cols span {

        width:149px;

        font-size: 16px;

        padding: 12px 8px 12px 14px;

      }

        #add-items-nav ul.groupz li.one-cols:first-child a, 

        #add-items-nav ul.groupz li.one-cols:first-child span { 

          -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px;

          -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px;

        }

        #add-items-nav ul.grouped li.one-cols:last-child a, 

        #add-items-nav ul.grouped li.one-cols:last-child span { 

          -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;

          -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px;

        }





      /* TWO COLUMN (BALANCED) ROW */

      #add-items-nav ul.groupz li.two-cols a, 

      #add-items-nav ul.groupz li.two-cols span {

        text-align:center;

        font-size:14px;

        line-height:14px;

        height:28px;

        width:67px;

        float:left;

        padding-right:9px;

        padding-left:9px;

      }

      

      /* TWO COLUMN (UN-BALANCED) ROW */

      #add-items-nav ul.groupz li.w95l a, 

      #add-items-nav ul.groupz li.w95l span, 

      #add-items-nav ul.groupz li.w95 a, 

      #add-items-nav ul.groupz li.w95 span {

        width:110px;

      }

      #add-items-nav ul.groupz li.w39l a, 

      #add-items-nav ul.groupz li.w39l span, 

      #add-items-nav ul.groupz li.w39 a, 

      #add-items-nav ul.groupz li.w39 span {

        width:24px;

      }



      

      /* THREE COLUMN ROW */

      #add-items-nav ul.groupz li.three-cols a,

      #add-items-nav ul.groupz li.three-cols span { 

        text-align:center;

        font-size:13px;

        line-height:14px;

        height:28px;

        width:38px;

        float:left;

        padding-right:9px;

        padding-left:9px;

      }

        /* special format for 3 mos, 6 mos... */

        #add-items-nav ul.groupz li.three-cols.xmosline a,

        #add-items-nav ul.groupz li.three-cols.xmosline span { 

          font-size:15px;

          padding-top: 7px;

          padding-bottom: 10px;

        }

        #add-items-nav ul.groupz li.three-cols.col3 a,

        #add-items-nav ul.groupz li.three-cols.col3 span { 

          width:39px;

        }



      #add-items-nav ul li.oneline.my a, 

      #add-items-nav ul li.oneline.my span {

        text-align:left;

        text-indent:10px;

      }









          /* Three across a row - used in Add To Items CProd Group */

          /*#add-items-nav ul.grouped li.three-col a,

          #add-items-nav ul.grouped li.three-col span { 

            text-align:center;

            display:inline-block;

            line-height:.86em;

            height:28px;

            width:38px;

            float:left;

            padding-right:9px;

            padding-left:9px;

          }

          #add-items-nav ul.grouped li.three-col.col1 a,

          #add-items-nav ul.grouped li.three-col.col1 span { 

            padding-top: 10px;

            padding-bottom: 10px;

            border-right :1px solid #aaa;

            -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

            -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;

            -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px;

          }

          #add-items-nav ul.grouped li.three-col.col2 a,

          #add-items-nav ul.grouped li.three-col.col2 span { 

            padding-top: 10px;

            padding-bottom: 10px;

            border-right :1px solid #aaa;

            -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;

          }

          #add-items-nav ul.grouped li.three-col.col2b a,

          #add-items-nav ul.grouped li.three-col.col2b span { 

            padding-top: 17px;

            padding-bottom: 3px;

            border-right :1px solid #aaa;

            -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;

          }

          #add-items-nav ul.grouped li.three-col.col3 a,

          #add-items-nav ul.grouped li.three-col.col3 span { 

            width:39px;

            padding-top: 10px;

            padding-bottom: 10px;

            -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px;

            -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

            -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

          }

          #add-items-nav ul.grouped li.three-col.col3b a,

          #add-items-nav ul.grouped li.three-col.col3b span { 

            width:39px;

            padding-top: 17px;

            padding-bottom: 3px;

            -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px;

            -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

            -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px;

            -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

          }*/







          /*#add-items-nav ul.grouped li.three-col-b a,

          #add-items-nav ul.grouped li.three-col-b span { 

            text-align:center;

            display:inline-block;

            float:left;

            font-size:13px;

            width:38px;

            height:40px;

            line-height:1.5em;

            padding-top: 15px;

            padding-bottom: 0px;

            padding-right:9px;

            padding-left:9px;

            border-right :1px solid #aaa;

          }

          #add-items-nav ul.grouped li.three-col-b.dbl a,

          #add-items-nav ul.grouped li.three-col-b.dbl span { 

            line-height:1em;

          }

            #add-items-nav ul.grouped li.three-col-b:first-child a,

            #add-items-nav ul.grouped li.three-col-b:first-child span { 

              -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px;

            }

            #add-items-nav ul.grouped li.three-col-b:last-child a,

            #add-items-nav ul.grouped li.three-col-b:last-child span { 

              -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;

            }

            #add-items-nav ul.grouped li.three-col-b.topright a,

            #add-items-nav ul.grouped li.three-col-b.topright span { 

              -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px;

            }

            #add-items-nav ul.grouped li.three-col-b.btmleft a,

            #add-items-nav ul.grouped li.three-col-b.btmleft span { 

              -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;

            }*/









      

          /* Two across a row */

          /*#add-items-nav ul.grouped li.two-col.col2a,

          #add-items-nav ul.grouped li.two-col.col2b { 

            overflow: auto;

          }

          #add-items-nav ul.grouped li.two-col a,

          #add-items-nav ul.grouped li.two-col span { 

            text-align:center;

            display:inline-block;

            line-height:.86em;

            height:26px;

            float:left;

            padding-right:9px;

            padding-left:9px;

            padding-top: 18px;

            padding-bottom: 4px;

          }

          #add-items-nav ul.grouped li.two-col.col1a a,

          #add-items-nav ul.grouped li.two-col.col1a span { 

            width:72px;

            border-right :1px solid #aaa;

            -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

            -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;

            -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px;

          }

          #add-items-nav ul.grouped li.two-col.col2a a,

          #add-items-nav ul.grouped li.two-col.col2a span { 

            font-size:14px;

            width:61px;

            -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px;

            -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

            -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

          }*/



          /* col1b and col2b is SpecialItem/Prev combo  */

          /*#add-items-nav ul.grouped li.two-col.col1b a,

          #add-items-nav ul.grouped li.two-col.col1b span { 

            font-size:14px;

            width:92px;

            padding-top: 20px;

            padding-bottom: 4px;

            padding-left:14px;

            text-align:left;

            border-right:1px solid #aaa;

            -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px;

            -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px;

            -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;

          }

            #add-items-nav ul.grouped li.two-col.col1b.btmleft a,

            #add-items-nav ul.grouped li.two-col.col1b.btmleft span { 

              -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;

            }

          #add-items-nav ul.grouped li.two-col.col2b a,

          #add-items-nav ul.grouped li.two-col.col2b span { 

            font-size:14px;

            width:36px;

            padding-top: 20px;

            padding-bottom: 4px;

            overflow: auto;

            -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

            -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px;

            -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px;

          }



          #add-items-nav ul.grouped li.two-col.col1c a,

          #add-items-nav ul.grouped li.two-col.col1c span { 

            font-size:14px;

            width:67px;

            border-right :1px solid #aaa;

          }

          #add-items-nav ul.grouped li.two-col.col2c a,

          #add-items-nav ul.grouped li.two-col.col2c span { 

            font-size:14px;

            width:67px;

          }

            #add-items-nav ul.grouped li.two-col.col1c:first-child a,

            #add-items-nav ul.grouped li.two-col.col1c:first-child span { 

              -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px;

            }

            #add-items-nav ul.grouped li.two-col.col2c:last-child a,

            #add-items-nav ul.grouped li.two-col.col2c:last-child span { 

              -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;

            }

            #add-items-nav ul.grouped li.two-col.col2c.topright a,

            #add-items-nav ul.grouped li.two-col.col2c.topright span { 

              -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px;

            }

            #add-items-nav ul.grouped li.two-col.col1c.btmleft a,

            #add-items-nav ul.grouped li.two-col.col1c.btmleft span { 

              -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;

            }*/



/*  01-FEB-2014 UPDATE to COLS */



          /* Three across a row - used in Add To Items CProd Group */



















/* BEGIN OE NAVIGATION */

    #item-line-select {

      font-size: 12pt;

      line-height:13pt;

      width:172px;

      padding: 14px 13px;

      margin:0px 4px;

      -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;

    }

















/* LEFT NAV: CUSTOMER LIST FILTERS */

div.amp {

  display:inline;

  font: normal 8pt "Arial Narrow", "Franklin Gothic Medium", Arial;

}

#cust-filter-portrait { 

  display:none; 

}

#cust-filter-landscape { 

  display:block; 

  /*padding-top:4px;*/

}

  #cust-filter-landscape ul { 

    list-style: none;

    margin:2px 0 0px 7px;

    padding:0 0 8px 0;

  }

    #cust-filter-landscape ul.cust-ul-2 { 

      margin-top:9px;

    }

    #cust-filter-landscape ul li { 

      margin:0;

      padding:0;

    }

      #cust-filter-landscape ul li a, 

      #cust-filter-landscape ul li span { 

        display:block;

        font: normal 14px 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

        width:148px;

        text-decoration: none;

        padding: 11px 8px;

        color: #fff;

        vertical-align: middle;

        text-align:center;

        border-top:1px solid #aaa;

        border-right:1px solid #aaa; 

        background-color: #777;

      }

        #cust-filter-landscape ul li.list-hdr span { 

          display:block;

          font: normal 10px 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

          width:148px;

          text-decoration: none;

          padding: 1px 8px;

          color: #ddd;

          vertical-align: middle;

          text-align:center;

          border-top:1px solid #aaa;

          border-right:1px solid #aaa; 

          background-color: #66666c;

          text-transform:uppercase;

          letter-spacing:.15em;

        }





        /* Two columns: First is selection, second it glyph to indicate rep should tap for menu */

        /*#cust-filter-landscape ul li.one-col a, 

        #cust-filter-landscape ul li.one-col span { 

          display:inline-block;

          float:left;

        }

          #cust-filter-landscape ul li.one-col.col1 a, 

          #cust-filter-landscape ul li.one-col.col1 span { 

           text-align:left;

           text-indent:6px;

           border-right:1px solid #aaa; 

            width:117px;

            -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

            -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;

          }

          #cust-filter-landscape ul li.one-col.col2 a, 

          #cust-filter-landscape ul li.one-col.col2 span { 

            text-align:center;

            width:12px;

            -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

            -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

          }*/











        /* Top Acct/Ship option (two across a single row) */

        /*#cust-filter-landscape ul.top { 

          margin:6px 0 0 17px;

          padding-bottom:24px;

        }

          #cust-filter-landscape ul.top li a, 

          #cust-filter-landscape ul.top li span { 

            font: normal 10pt 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

            background-color: #888;

            text-align:center;

            display:inline-block;

            float:left;

            border-top:none;

          }

            #cust-filter-landscape ul.top li.cola a, 

            #cust-filter-landscape ul.top li.cola span { 

              border-right:1px solid #aaa; 

              width:56px;

              line-height:1em;

              height:15px;

              -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

              -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;

              -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px;

            }

            #cust-filter-landscape ul.top li.colb a, 

            #cust-filter-landscape ul.top li.colb span { 

              width:56px;

              line-height:1em;

              height:15px;

              -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

              -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

              -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px;

            }*/





        /* Two across a row */

        #cust-filter-landscape ul li.two-col a, 

        #cust-filter-landscape ul li.two-col span { 

          text-align:center;

          display:inline-block;

          float:left;

        }

          #cust-filter-landscape ul li.two-col.col1 a, 

          #cust-filter-landscape ul li.two-col.col1 span { 

            border-right:1px solid #aaa; 

            width:66px;

            -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

            -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;

          }

          #cust-filter-landscape ul li.two-col.col2 a, 

          #cust-filter-landscape ul li.two-col.col2 span { 

            border-right:1px solid #aaa; 

            width:65px;

            -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

            -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

          }

          /*#cust-filter-landscape ul li:last-child.two-col col2 a, 

          #cust-filter-landscape ul li:last-child.two-col col2 span { 

            width:66px;

            -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;

            -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

          }*/







        /* Two across a row: View Acct or AcctShip */

        #cust-filter-landscape ul li.two-col.short a, 

        #cust-filter-landscape ul li.two-col.short span { 

          padding-top:8px;

          padding-bottom:8px;

        }















        /* Three across a row */

        #cust-filter-landscape ul li.three-col a,

        #cust-filter-landscape ul li.three-col span { 

          text-align:center;

          display:inline-block;

          float:left;

          font-size:13px;

          width:38px;

          height:36px;

          line-height:1.5em;

          padding-top: 15px;

          padding-bottom: 0px;

          padding-right:8px;

          padding-left:8px;

          border-right :1px solid #aaa;

        }

          #cust-filter-landscape ul li.three-col.dbl a,

          #cust-filter-landscape ul li.three-col.dbl span { 

            line-height:1.2em;

            padding-top:10px;

            padding-bottom: 5px;

          }





          #cust-filter-landscape ul li.three-col.col1 a, 

          #cust-filter-landscape ul li.three-col.col1 span { 

            border-right:1px solid #aaa;

            -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

            -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;

          }

          #cust-filter-landscape ul li.three-col.col2 a, 

          #cust-filter-landscape ul li.three-col.col2 span { 

            border-right:1px solid #aaa;

            -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;

          }

          #cust-filter-landscape ul li:last-child.three-col.col3 a, 

          #cust-filter-landscape ul li:last-child.three-col.col3 span {

            /*padding: 6px 7px;*/

            -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

            -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

          }







      #cust-filter-landscape ul li:first-child a, 

      #cust-filter-landscape ul li:first-child span { 

        -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px;

        -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px;

        border-top:none;

      }

      #cust-filter-landscape ul li:last-child a, 

      #cust-filter-landscape ul li:last-child span { 

        -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;

        -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;

      }

      

      

      #cust-filter-landscape ul li span {

      }

        #cust-filter-landscape ul.top li span {

          background-color: #444;

        }

        #cust-filter-landscape ul.top li a:hover {

          background-color: #666;

          color: #eee;

        }

       #cust-filter-landscape ul li span.disabled {

          background-color: #bbb;

          color:#ddd;

        }

      #cust-filter-landscape ul li a:hover {

        background-color: #555;

        color: #eee;

      }





/* LEFT NAV: CUSTOMER PRODUCTS AND PRICEBOOK ITEMS */

#prodcat-nav {

  position: absolute;

  top: 49px; right: 0; bottom: 25px; left: 0;

  height: auto; width: 200px; 

  background-color: #e5e4d5;

  color : #000;

  /*overflow: hidden;*/

  overflow: auto;

  overflow-y: auto;

  overflow-x: hidden; 

  -webkit-overflow-scrolling: touch;

}

#prodcat-nav::-webkit-scrollbar {

  /*display: none; */

}

#prodcat-nav .prodpadnav { 

  padding:12px 0 0 9px; 

}

ul.catnav {

  list-style: none;

  margin:6px 0 0 4px;

  padding:0;

}

  ul.catnav li {

    list-style: none;

    margin: 0 0 3px 0;

  }

    ul.catnav li.cat a,

    ul.catnav li.cat span {

      margin-left: 0;

    }

    ul.catnav li a, 

    ul.catnav li span {

      display:block;

      font: normal 14px 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

      width:139px;

      text-overflow: ellipsis;

      white-space: nowrap;

      overflow: hidden;

      padding: 12px 8px;

      margin-left:5px;

      border:2px solid #777;

	    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

      text-decoration: none;

      vertical-align: middle;

      background-color: #777;

      color: #fff;

    }

      ul.catnav li a:hover {

        background-color: #444;

        color: #eee;

      }

      ul.catnav li a.selplace {

        border:2px solid #eca742;

        background-color:#5e5e5e;

      }

        ul.catnav li a.selplace:hover {

          background-color: #444;

          color: #eee;

          border:2px solid #777;

        }

    ul.catnav li span {

        padding: 12px 8px;

        border-width: 2px;

        border-style: solid;

        color:#fff;

        width:145px;

    }

      ul.catnav li span.itemcat {

        border:2px solid #777;

      }

        ul.catnav li span.itemcat.sel {

          border:2px solid #eca742;

        }

      ul.catnav li span.disabled {

        background-color: #bbb;

        color:#ddd;

      }

      ul.catnav li.tspace {

        margin-top: .5em;

      }

      ul.catnav li.nav-left a,

      ul.catnav li.nav-left span {

        display:inline-block;

        width:75px;

        float:left;

        margin-right:5px;

        font-size:15px;

        padding: 16px 8px;

      }

      ul.catnav li.nav-left-orig a,

      ul.catnav li.nav-left-orig span {

        display:inline-block;

        width:75px;

        float:left;

        margin-right:5px;

      }

      ul.catnav li.nav-right a,

      ul.catnav li.nav-right span {

        display:inline-block;

        width:52px;

        font-size:15px;

        padding: 16px 8px;

      }

        ul.catnav.grouped li:first-child a, 

        ul.catnav.grouped li:first-child span { 

          -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px;

          -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px;

          -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px;

          margin-left: 0;

        }

        ul.catnav.grouped li:last-child a, 

        ul.catnav.grouped li:last-child span { 

          -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px;

          -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px;

        }







/* ADD CPROD LIST TO CART */

#bottom-cart-box {

  position: absolute;

	overflow:hidden;

  height: 46px; width: 150px;

  /*top: auto; right: 70px; bottom: 25px; left:auto;*/

  top: auto; right: auto; bottom: 25px; left:425px;

  background-color: #eca742; 

	text-align:center;

	opacity: .7; 

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* For IE8 (first!) */

  filter:alpha(opacity=70); /* For IE5-7 (second!) */ 

  border-top-width: 2px;

  border-right-width: 2px;

  border-left-width: 2px;

  -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; border-top-left-radius: 12px;

  -webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; border-top-right-radius: 12px;

  z-index:98;

}

  #bottom-cart-button { 

    position: absolute;

	  overflow:hidden;

    height: 38px; width: 130px;

    /*top: auto; right: 75px; bottom: 25px; left:auto;*/

    top: auto; right: auto; bottom: 25px; left:430px;

    display:block;

    font: bold 15px 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

      text-decoration: none;

      text-align:center;

    width:120px;

    padding: 8px 8px;

    margin:4px 12px;

    

    /* TODO: Clean up with http://border-radius.com/ */

    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;

    background-color:#777;

    color:#fff;

    border:1px solid #222;

	  opacity: 1; 

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* For IE8 (first!) */

    filter:alpha(opacity=100); /* For IE5-7 (second!) */ 

  z-index:99;

  }

    #add-cprod-button:hover { 

      background-color: #444;

      color: #eee;

      cursor:pointer;

    }





.nav-break-heading {

  font: bold .9em "Arial Narrow", "Franklin Gothic Medium", Arial;

  margin-left:10px;

  margin-top:12px;

}





div.additems-edit-custcatalog {

  text-align:center;padding:10px 5px 0 0;

}

  div.additems-edit-custcatalog a {

    font: normal 10pt 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

    padding:7px 8px;

    border:1px solid #666;

    text-decoration:none;

    background-color:#ebeadb;

    color:#000;

  }

  





/*#popup-categories, #popup-suppliers {

  max-width: 620px;

  height:400px;

}*/







/* PRICEBOOK */

      ul.pbkline li {

        margin:0;

        border-bottom:1px solid #ddd;

        overflow:hidden;

        text-overflow:ellipsis;

        white-space:nowrap;

        vertical-align: middle;

      }

      ul.pbkline li a {

        display:block;

        font: normal 13px 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

        line-height:26px;

        margin:0;

        width:152px;

        padding: 8px 8px 8px 24px;

        border-bottom:1px solid #ddd;

        overflow:hidden;

        text-overflow:ellipsis;

        white-space:nowrap;

        vertical-align: middle;

        color: #000;

        background-color: #eee;

          text-decoration:none;

      }

      ul.pbkline li span {

        display:block;

        font: bold 11pt 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

        padding: 18px 8px 18px 14px;

        background-color: #996415;

        color: #eee;

      }

        ul.pbkline li.selplace a {

          background-color: #bbb;

        }



      ul.pbkcat li {

        margin:0;

        border-bottom:1px solid #ddd;

        overflow:hidden;

        text-overflow:ellipsis;

        white-space:nowrap;

        vertical-align: middle;

      }

      ul.pbkcat li a {

        display:block;

        font: normal 13px 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

        line-height:26px;

        margin:0;

        width:152px;

        padding: 8px 8px 8px 24px;

        border-bottom:1px solid #ddd;

        overflow:hidden;

        text-overflow:ellipsis;

        white-space:nowrap;

        vertical-align: middle;

        color: #000;

        background-color: #eee;

          text-decoration:none;

      }

      ul.pbkcat li span {

        display:block;

        font: bold 12px 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;

        padding: 14px 8px 14px 14px;

        background-color: #ff7c00;

        background-color: #eca742;

        color: #eee;

        color: #fff;

      }

        ul.pbkcat li.selplace a {

          background-color: #bbb;

        }