.hmenu
{
    COLOR: #cccc00;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
.default
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt
}


TD
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt
}
P
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt
}

.sidemenu{
    background:url(/img/bg1.png);   
    border:1px solid #fff;
    border-left:0;
    box-shadow: 1px 1px 10px #000;
    padding:3px;
    position:fixed;
    display:none;
    top:2%;
    left:0;
    width:38px;
    height:auto;
    z-index:99990;
}

.show-side {
  display:block;
  }

.hide-side {
  display:none;
  }



#scroller {
  display:none;
    height: 45px !important;
    line-height:38px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 1px;
    position: relative;
}
.scrollingtext {
    white-space:nowrap;
    position:absolute;
}

.menuline {
width       : 100%;
background      : #151501;
padding       : 0px 0px 0px 0px;
border-width    : 0px;
border-style    : solid;
}

.spacer {
width      : 50px;
border-width   : 0px;
}

.spacer2 {
width      : 30px;
border-width   : 0px;
}

.spacer3 {
width      : 20px;
border-width   : 0px;
}

.spacer4 {
width      : 13px;
border-width   : 0px;
}

.logo-head {
cursor       : pointer;
padding      : 0px 0px 0px 0px;
}

.extraline {
line-height      : 16px;
color            : #111111;
}

.label {
height           : 20px;
width            : 190px;
background       : #ffffff;
border-color     : #aaaaaa;
border-width     : 2px;
border-style     : solid;
padding          : 8px 4px 4px 6px;
}

.careimage {
float            : right;
margin           : 10px;
width            : 200px;
border-color     : #aaaaaa;
border-width     : 2px;
border-style     : solid;
padding          : 10px 10px 10px 10px;
}

div.sale_scroll {
height           : 465px;
width            : 180px;
overflow         : auto;
background       : #EFECA8;
background       : url('/images/button_off2.png');
border-color     : #aaaaaa;
border-width     : 2px;
border-style     : solid;
padding          : 8px 4px 4px 6px;
}

div.sale_noscroll {
width            : 180px;
background       : #EFECA8;
background       : url('/images/button_off2.png');
border-color     : #aaaaaa;
border-width     : 2px;
border-style     : solid;
padding          : 8px 4px 4px 6px;
}

div.scroll {
height       : 365px;
width      : 180px;
overflow     : auto;
background       : #EFECA8;
background     : url('/images/button_off2.png');
border-color     : #aaaaaa;
border-width     : 2px;
border-style     : solid;
padding      : 8px 8px 8px 8px;
}

div.scroll_fb {
height       : 535px;
width      : 180px;
overflow     : auto;
background       : #EFECA8;
background     : url('/images/button_off2.png');
border-color     : #aaaaaa;
border-width     : 2px;
border-style     : solid;
padding      : 8px 8px 8px 8px;
}

.left_column {
width      : 227px;
height       : 450px;
background       : #E0DB7F;
border-color     : #000000;
border-width     : 0px;
border-style     : solid;
font-family      : Verdana, Times Roman;
letter-spacing   : 0px;
font-size        : 8pt;
color            : #111111;
padding          : 20px 15px 15px 15px;
}

.middle_column {
width      : 550px;
height       : 450px;
background       : #FFFF9D;
border-color     : #000000;
border-width     : 0px;
border-style     : solid;
font-family      : Verdana, Times Roman;
letter-spacing   : 0px;
font-size        : 8pt;
color            : #111111;
padding          : 20px 20px 20px 20px;
}

.right_column {
width      : 227px;
height       : 450px;
background       : #E0DB7F;
border-color     : #000000;
border-width     : 0px;
border-style     : solid;
font-family      : Verdana, Times Roman;
letter-spacing   : 0px;
font-size        : 8pt;
color            : #111111;
padding          : 20px 10px 10px 10px;
}

.left_column_b {
width      : 227px;
background       : #E0DB7F;
border-color     : #000000;
border-width     : 0px;
border-style     : solid;
}

.middle_column_b {
width      : 550px;
background       : #FFFF9D;
border-color     : #000000;
border-width     : 0px;
border-style     : solid;
}

.right_column_b {
width      : 227px;
background       : #E0DB7F;
border-color     : #000000;
border-width     : 0px;
border-style     : solid;
padding          : 20px 10px 10px 10px;
}


.wide_column {
width      : 727px;
height       : 450px;
background       : #FFFF9D;
border-color     : #000000;
border-width     : 0px;
border-style     : solid;
font-family      : Verdana, Times Roman;
letter-spacing   : 0px;
font-size        : 8pt;
color            : #111111;
padding          : 20px 15px 20px 15px;
}

.tiny_column {
width      : 50px;
height       : 450px;
background       : #E0DB7F;
border-color     : #E0DB7F;
border-width     : 1px;
border-style     : solid;
font-family      : Verdana, Times Roman;
letter-spacing   : 0px;
font-size        : 8pt;
color            : #111111;
padding          : 20px 0px 0px 0px;
}


.fillbox {
width      : 190px;
background       : #E0DB7F;
border-color     : #000000;
border-width     : 0px;
border-style     : solid;
font-family      : Verdana, Times Roman;
letter-spacing   : 0px;
font-size        : 8pt;
color            : #111111;
padding          : 0px 0px 0px 0px;
}

.carebox {
width      : 190px;
background       : #FDFDC9;
border-color     : #000000;
border-width     : 1px;
border-style     : solid;
font-family      : Verdana, Times Roman;
letter-spacing   : 0px;
font-size        : 8pt;
color            : #111111;
padding          : 8px 8px 8px 8px;
}

.careinfobox {
width            : 100%;
background       : #FDFDC9;
border-color     : #aaaaaa;
border-width     : 1px;
border-style     : solid;
font-family      : Verdana, Times Roman;
letter-spacing   : 0px;
font-size        : 8pt;
color            : #111111;
padding          : 8px;
}

.filltiny {
width      : 50px;
background       : #E0DB7F;
border-color     : #E0DB7F;
border-width     : 1px;
border-style     : solid;
font-family      : Verdana, Times Roman;
letter-spacing   : 0px;
font-size        : 8pt;
color            : #111111;
padding          : 0px 0px 0px 0px;
}


.whitebox {
width      : 154px;
height       : 154px;
background       : #ffffff;
border-color     : #ffffff;
border-width     : 4px;
border-style     : solid;
padding          : 0px 0px 0px 0px;
}

.blackbox {
width      : 146px;
height       : 146px;
background       : #ffffff;
border-color     : #000000;
border-width     : 2px;
border-style     : solid;
padding          : 0px 0px 0px 0px;
}

tr.middle_on {
cursor       : pointer;
}

tr.middle_on_wide {
cursor       : pointer;
}

td.b_middle_on {
color            : #000000;
background-color : #ffffff;
border-color     : #000000;
cursor       : pointer;
border-width     : 2px;
border-style     : solid;
padding          : 8px 8px 8px 8px;
}

td.b_middle_off {
background-color : #bbbbbb;
border-color     : #aaaaaa;
border-width     : 2px;
border-style     : solid;
padding          : 8px 8px 8px 8px;
}


td.b_middle_on4 {
color            : #000000;
background-color : #ffffff;
border-color     : #000000;
border-width     : 2px;
border-style     : solid;
padding          : 8px 8px 8px 8px;
cursor       : pointer;
}

td.b_middle_off4 {
background-color : #ffffff;
border-color     : #eeeeee;
border-width     : 2px;
border-style     : solid;
padding          : 8px 8px 8px 8px;
}

td.b_middle_off3 {
background-color : #eeeeee;
border-color     : #aaaaaa;
border-width     : 2px;
border-style     : solid;
padding          : 8px 8px 8px 8px;
}

td.middle_on {
color            : #000000;
background     : url('/images/button_on2.png');
border-color     : #000000;
cursor       : pointer;
border-width     : 2px;
border-style     : solid;
padding          : 8px 8px 8px 8px;
}

td.middle_off {
background     : url('/images/button_off2.png');
border-color     : #ffffff;
border-width     : 2px;
border-style     : solid;
padding          : 8px 8px 8px 8px;
}

td.middle_off3 {
background     : url('/images/button_off2.png');
border-color     : #ffffff;
border-width     : 2px;
border-style     : solid;
padding          : 8px 8px 8px 8px;
}

table.middle_off {
border-color     : #aaaaaa;
border-width     : 1px;
border-style     : solid;
padding          : 0px 0px 0px 0px;
}

td.middle_off5 {
border-color     : #eeeeee;
border-width     : 2px;
border-style     : solid;
padding          : 8px 8px 8px 8px;
}

.ab {
border-color     : #aaaaaa;
border-width     : 1px;
border-style     : solid;
padding          : 0px 0px 0px 0px;
}






body {
  background:#E5E5BB;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(207, 201, 201, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 110%;
    font-weight:bold;
    background-color: rgba(0, 0, 0, 1);
    border-width: 1px;
    border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(204, 204, 204, 1);
    background-color: rgba(0, 0, 0, 1);
}
#custom-bootstrap-menu.navbar-default li>a:hover,
#custom-bootstrap-menu.navbar-default li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(245, 133, 5, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(204, 204, 204, 1);
    background-color: rgba(97, 58, 14, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #cccccc;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover {
    background-color: #FF8C00;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}

#custom-bootstrap-menu.navbar-default .dropdown-menu {
  font-style:italic;
}


#custom-bootstrap-menu.navbar-default .dropdown-menu ul {
  border-left:1px solid #000;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


.inherit{
 font-size: inherit;
 font-weight: inherit;
 line-height: inherit;
 margin: inherit;
 padding: inherit;
}



.hmbuttons{
  padding:2px;
  width:31%;
  background:#f6f67b;
    margin-right:2%;
    display: flex;
    flex-wrap: wrap;
    min-height: 100%; /* this*/
    float:left;
    padding-bottom:30px;
  margin-bottom:15px;
  font-size:90%;
  border:2px solid #f6f67b;
  cursor:pointer;
}

.hmbuttons:hover{
  border:2px solid #fbd4a0;
  cursor:pointer;
}


.hmbuttons2{
  padding:2px;
  width:31%;
  background:#f6f67b;
    margin-right:2%;
    display: flex;
    flex-wrap: wrap;
    min-height: 100%; /* this*/
    float:left;
    padding-bottom:15px;
  margin-bottom:15px;
  font-size:90%;
  border:2px solid #f6f67b;
  cursor:pointer;
}

.hmbuttons2:hover{
  border:2px solid #fbd4a0;
  cursor:pointer;
}


.imagebutton{
  position:relative;
  display:block;
  padding:7px;
  background: #fff;
  background: url('/images/button_off2.png');
  border:2px solid #f6f67b;
  cursor:pointer;
}

.imagebutton:hover{
  border:2px solid #000;
  background: url('/images/button_on2.png');
  cursor:pointer;
}

.imgbutton{
  background: url('/images/button_off3.png?v=2');
  color:#000;
  width:100%;
  text-align:center;
  padding:4px;
  margin-top:12px;
  cursor:pointer;
}


.grow-image{
    transition: transform .2s; /* Animation */          
}

.grow-image:hover{
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.xfont{
  font-size:95%;
}

.imgbutton:hover{
  background: url('/images/button_on3.png');
  color:#000;
  box-shadow:2px 2px 10px #000;
  cursor:pointer;
}



 .product-image{
    min-width:130px;
    max-width:90%;
    max-height:200px;
 }

 .product-listing-box{
  border:2px solid #fff;
 }

 .product-listing-box:hover{
  border:2px solid #F36507;
 }

 .product-box-1{
    width:70%;display:inline-block;background:#fff;float:left;padding:10px;
 }

 .product-box-2{
    width:29%;display:inline-block;background:#fff;float:right;padding:10px;
 }

 .product-box-2-content{
  text-align:right;display:block;margin-top:15px;margin-bottom:20px;font-size:130%
 }


 .basket-image img{
  width:100%;max-width:300px;
  margin:0 auto;
 }

@media (min-width: 768px) {
 
  .sidebuttons{
    margin-bottom:10px;
    width:100%;
    float:none;
  }


  .sidebuttons2{
    display:inline-block;
    margin-bottom:10px;
    width:32%;
    float:left;
    margin-right:1%;
  }


  .sidebuttonbox{
    min-height:60px;
    width:100%;
  }



  .hmbuttons2{
    padding:7px;
    width:100%;
      display: block;
      flex-wrap: none;
      min-height: 100%; /* this*/
      float:none;
      padding-bottom:15px;
    margin-bottom:15px;
    font-size:80%;
  }
  .xfont{
    font-size:90%;
  }


}


@media (max-width: 767px) {

  .sidebuttons{
    margin-bottom:10px;
    width:48%;
    float:left;
    margin-right:2%;
  }


 .sidebuttons2{
    display:inline-block;
    margin-bottom:10px;
    width:32%;
    float:left;
    margin-right:1%;
  }

  .sidebuttonbox{
    min-height: 270px;
    width:100%;
  }


  .hmbuttons{
    padding:7px;
    width:48%;
    margin-right:2%;
      display: flex;
      flex-wrap: wrap;
      min-height: 100%; /* this*/
      float:left;
      padding-bottom:15px;
    margin-bottom:15px;
    font-size:80%;
  }

  .hmbuttons2{
    padding:7px;
    width:48%;
    margin-right:2%;
      display: flex;
      flex-wrap: wrap;
      min-height: 100%; /* this*/
      float:left;
      padding-bottom:15px;
    margin-bottom:15px;
    font-size:80%;
  }

  .xfont{
    font-size:90%;
  }


}


@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }


  .row.equal:before, .row.equal:after {
  content:'';
  display:block;
  width:100%;
  height:0;
  }
  .row.equal:after {
  clear:both;
  }

}

@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}





@media (max-width: 520px) {

  .sidebuttons2{
    display:inline-block;
    margin-bottom:10px;
    width:48%;
    float:left;
    margin-right:1%;
  }

  .sidebuttonbox{
    min-height: 200px;
    width:100%;
  }


.basket-image img{
  width:100%;
  max-width:none;
  margin:0 auto;
}



 .product-image{
    max-width:100%;
    max-height:200px;
 }

 .product-box-1{
    width:100%;display:block;background:#fff;float:none;padding:10px;
 }

 .product-box-2{
    width:100%;display:block;background:#fff;float:none;padding:10px;
 }

 .product-box-2-content{
  text-align:left;display:block;margin-top:15px;margin-bottom:10px;font-size:130%;margin-left:10px;
 }

  
  }







/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  //CSS
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  //CSS
  
}