html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,form,fieldset,input,p,blockquote,th,td{margin:0px;padding:0px;}

* {
 font-family:helvetica, arial;
}


a, a:link, a:visited {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    font-weight: bold;
    color:#5C82A3;
    text-decoration:none;
}


img {
  border:0px;
}


.history {
  text-align:right;
  background-color:#f0f0f0;
}

.center {
  text-align:center;
}

.right {
  text-align:right;
}

.rightPad10 {
  text-align:right;
  padding-right:10px;
}

.rightPad {
  text-align:right;
  padding-right:10px;
}

form {
  padding:0px;
  margin:0px;
}

label {
    text-align:right;
    color:#38424b;
  font-weight:bold;
}

a.tab, a.tab:visited, a.tab:link {
  border-style:solid solid none solid;
  border-color:#c3cfdf;
  border-width:1px;
  background-color:white;
  padding:2px 0.5em 0px 0.5em;
  margin-top:4px;
  text-decoration:none;
}

a.tab:hover, a.selectedTab, a.selectedTab:link, a.selectedTab:visited, a.selectedTab:hover {
    border-style:solid solid solid solid;
    border-color:#c3cfdf;
    border-width:1px;
    background-color:#0077b5;
    padding:4px 0.5em 0px 0.5em;
    margin-top:4px;
    text-decoration:none;
    color:white;
}

/*
  border:c3cfdf;
  background:f2f5f8;
  dark link:0077b5;
  light link:5C82A3;
*/

a.level1:link, a.level1:visited {
    color: black;
}

a.level1:hover {
    color: #0077b5;
}

a.level2:link, a.level2:visited {
    color: #0077b5;
}

a.level2:hover {
    color: #0077b5;
}

legend {
    color:#0077b5;
    font-size:12px;
    margin-bottom:5px;
    background:white;
    padding:0px 0px;
  font-weight:bold;
}   

fieldset {
  border:1px solid #0077b5;
  padding:2px;
}

.box, textarea {
    background:#FFFFFF;
    font-size:12px;
    color:#000000;
    margin-top:1px;
    margin-left:3px;
    width:95%;
}

.boxDate {
  width:70px;
}

.boxSmall {
    background:#FFFFFF;
    font-size:12px;
    color:#000000;
    border:1px solid #0077b5;
    margin-top:1px;
    margin-left:3px;
    width:45%;
}

body {
  font-size:12px;
  height:100%;
  vertical-align:top;
  /* background-color: #f5f5f5; */
  background-color: white;
}

table {
  width:100%;
  border-collapse:collapse;
}

th {
    font-size:12px;
    font-weight:bold;
    color:white;
    text-align:left;
    vertical-align:middle;
    /* background-color:#38424b; */
    background-color:#0155a7;
/*     border-bottom: 1px solid white;
    border-top: 1px solid white;  
 */
}

td, p {
  font-size:12px;
  padding-left:1px;
  padding-right:1px;
}

.button {
    font-size:12px;
    border:1px solid #0077b5;
    margin-top:1px;
    margin-left:3px;
    background-color:#0077b5;
    color:white;
    font-weight:bold;
    
    border-radius: 1px;
  text-indent: 0;
  display: inline-block;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  height: 26px;
  line-height: 26px;
  width: 140px;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  margin: 2px;    
}

.buttonAccept {
  background-image:url(../images/buttonAccept.png);
  background-repeat:no-repeat;
  padding-left:14px;
}

.buttonNo {
  background-image:url(../images/buttonNo.png);
  background-repeat:no-repeat;
  padding-left:14px;
}

.buttonDate {
    background-image:url(../images/buttonDate.png);
    width:20px;
}

a.tabMenu, a.tabMenu:link, a.tabMenu:visited {
  border:1px solid #0077b5;
  background-color:white;
  padding:2px 0.5em 0px 0.5em;
  margin-top:4px;
  text-decoration:none;
    font-size: 12px;
    font-weight:normal;
}

a.tabMenu:hover, a.tabMenuSelected, a.tabMenuSelected:link, a.tabMenuSelected:visited, a.tabMenuSelected:hover {
  border:1px solid #0077b5;
    background-color:#0077b5;
    padding:4px 0.5em 0px 0.5em;
    margin-top:4px;
    text-decoration:none;
    color:white;
    font-size:12px;
    font-weight:normal;
}

.panel {
  border:solid 1px navy;
  background-color:white;
  width:100%;
}

.row1 {
  background-color:white;
}

.row2 {
    background-color: #e4e4e4;}

.specialrow {
    background-color:#E89D9D;
}

.headingrow {
    background-color: #87cefa;
    font-weight:bold;
    color:navy;
}

.focusrow {
    background-color:#f7ff62;
}

.menurow {
    background-color:#EBEBEB;
    font-weight:bold;
}

.bluerow {
    background-color:#f2f5f8;
    font-weight:bold;
  color:#444444;
}

.errorMsg {
    color:#444499;
  font-size:13px;
    background:#C2CEF2;
    border:1px solid #444499;
    padding:7px;
    padding-left:16px;
    vertical-align:middle;
  font-weight:bold;
}

.infoMsg {
    color:#606060;
    font-size:12px;
}

#infoTip {
    color:#606060;
    font-size:12px;
    margin-top:12px;
    margin-bottom:12px;
    margin-left:20px;
}


#posTable {
    width:100%;
    height:100%;
    text-align:center;
}

.heading {
    color:#606060;
    font-size:18px;
}

.heading2 {
    color:#707070;
    font-size:16px;
}

.heading3 {
    color:#707070;
    font-size:14px;
    font-weight:bold;
}

.micro {
/*  color:#707070;*/
    font-size:10px;
}

.tiny {
/*  color:#707070;*/
    font-size:9px;
}

table.sortable th {
  cursor: pointer;
}


.pointer {
  cursor: hand;
}

.popup {
  width:916px;
  height:600px;
  display:none;
  position:absolute;
  z-index:100;
  background-color:white;
  border:1px solid #496db8;
}

#popupBanner {
  position:relative;
  width:916px;
  background:#4970b8;
  font-weight:bold;
  color:white;
  height:16px;
}

.popupBody {
  left:0;
  top:0;
  width:916px;
  height:570px;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
}

#bigBlanket {
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  position:fixed;
  z-index:9;
    background-color:#ffffff;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

#blanket {
  width:916px;
  height:600px;
  display:none;
  position:absolute;
  z-index:10;
    background-color:#ffffff;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.dragable {
  cursor:move;
}
.statusMsg {
    color:#009933;
  font-size:13px;
  background:url(../images/buttonAccept.png) left no-repeat #E5FFF8;
    border:1px solid #009933;
    padding:7px;
    padding-left:20px;
    vertical-align:middle;
}


#FeaturedProducts p {
  font-size: 11px;
}

.bold {
    font-weight:bold;
}

.taskBold {
    font-weight:bold;
    font-size:16px;
}







/** list view **/
ul.list { list-style: none; width: 100%; }
ul.list li { display: block; backg1round: #c9d0d1; padding-top: 10px; padding-bottom: 15px; border-bottom: 0px solid #b6bdbe;}

ul.list li.alt { background: #d7dfe0; }

ul.list li section.left { display: block; float: left; width: 70%; position: relative; padding-left: 0px; }
ul.list li section.right { display: block; float: right; margin-right: 00px; width: 30%; text-align: right; }

ul.list li section.left img.thumb { margin-right: 10px; max-height: 60px;max-width:60px;}
ul.list li section.left img.featured-banner { position: absolute; left: -18px; top: 35px; }
ul.list li section.left div.image { float:left; text-align:center; height:60px; width:70px;}


ul.list li section.left h3 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; text-transform: uppercase; color: #707375; font-size: 12px; line-height: 14px; }
ul.list li section.left span.meta { color: #93989b; font-weight: normal; font-size: 1.1em; }

ul.list li section.right span.price { font-weight: bold; display: block; margin-bottom: 15px; color: #ad3939; font-size: 12px; line-height: 14px; text-align: right; }

ul.list li section.right a.firstbtn { margin-right: 7px; }



/** grid view **/
ul.grid { list-style: none; margin: 0 auto;  width: 100%;}
ul.grid li { position: relative; display: block; float: left; width: 206px; height: 250px; border: 2px solid #e5e5e5; padding: 6px 12px; margin: 5px 5px 5px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 2px; background: white;}
ul.grid li.third { border: 0; }

ul.grid li section.left { position: relative; float:left; width:100%;}
ul.grid li section.right { /* nothing */  }

ul.grid li section.right div.rightPrice{ float:right; position:absolute;right:0;bottom:0; }

ul.grid li section.left img.featured-banner { position: absolute; top: 0; }
ul.grid li section.left img.thumb { max-height: 100px;max-width:100px;}
ul.grid li section.left div.image { text-align:center; }

ul.grid li section.left h3 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; text-transform: uppercase; color: #707375; font-size: 12px; line-height: 14px;  }
ul.grid li section.left span.meta { display: block; color: #93989b; font-weight: normal; font-size: 1.1em; margin-bottom: 7px; }

ul.grid li section.right span.price { font-weight: bold; display: block; margin-bottom: 5px; color: #ad3939; font-size: 12px; line-height: 14px; }

ul.grid li section.right span.darkview {
opacity: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
width: 202px;
height: 246px;

border-radius: 2px;
background: rgba(40, 45, 55, 0.75);
overflow: hidden;
text-align: center;
padding-top: 35px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
transition: opacity 0.2s linear 0s;
-webkit-transition: opacity 0.2s linear 0s;
-moz-transition: opacity 0.25s linear 0s;
-o-transition: opacity 0.25s linear 0s;
}
ul.grid li:hover section.right span.darkview { opacity: 1; }

ul.grid li section.right span.darkview a.firstbtn { display: block; margin-bottom: 10px; }







a.ZapButton, .ZapButton {
  border-radius:1px;
    text-indent:0;
    display:inline-block;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    font-style:normal;
    height:26px;
    line-height:26px;
    width:80px;
    text-decoration:none;
    text-align:center;
    color:#ffffff;
  margin:2px;
}

.ZapButtonGreen:link, .ZapButtonGreen:active, .ZapButtonGreen:hover, .ZapButtonGreen {
    border:1px solid #43a131;
    background-color:#43a131;
    color:#ffffff;
  text-decoration:none;
}

.ZapButtonGreenAdd:link, .ZapButtonGreenAdd:active, .ZapButtonGreenAdd:hover, .ZapButtonGreenAdd {
    border:1px solid #43a131;
    background-color:#43a131;
    color:#ffffff;
    text-decoration:none;
}

.ZapButtonBlue:link, .ZapButtonBlue:active, .ZapButtonBlue:hover, .ZapButtonBlue {
    border:1px solid #0077b5;
    background-color:#0077b5 ;
    color:#ffffff;
  text-decoration:none;  
}


/* This button was generated using CSSButtonGenerator.com */


.ZapProductHeading {
  clear:both;
  padding:8px;
  border:1px solid #43a131;
  font-size:14px;
  font-weight:bold;
  /* background:#eeeeff; */
  border-radius:1px;
  color:#43a131;
  
margin: 0px 0px 6px 0px;}

.ZapProductDescription, .ZapProductDescription a {
  font-weight:bold;
  font-size:12px;
  color: #38424b;
}

.ZapProductPartNo, .ZapProductPartNo a {
  font-weight:normal;
  font-size:11px;
}

.ZapProductStock {
  font-weight:normal;
  font-size:10px;
}

.ZapProductPrice1 {
    color: #ff9933;
    font-size:14px;
    font-weight: bold; 
    display: block; 
/*     margin-bottom: 15px;  
     color: #ad3939;  
    font-size: 12px;*/ 
    line-height: 14px; 
    text-align: right;    
}

.ZapProductPrice2 {
    color:#0077b5;
    font-size:11px;
/*     font-weight: bold;  */
    display: block; 
/*     margin-bottom: 15px;  */
/*     color: #ad3939;  
    font-size: 12px;*/ 
    line-height: 14px; 
    text-align: right;    
    
}

.highlight_word {
    background-color:yellow;
}

.navbar-default .navbar-nav > li > a {
  color:#ff9933;
}

.navbar-default {
  background:#38424b;
  color:#ff9933;
  border-radius:0;
  
  border:1px solid white;
}