﻿
        .navbar .popover {
            width: 600px;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            overflow: auto;
        }

        .navbar .popover-content {
            text-align: center;
        }

        .navbar .popover-content img {
            height: 212px;
            max-width: 220px;
        }

        .navbar .popovercat {
            width: 400px;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            overflow: auto;
        }

        .navbar .popovercat-content {
            text-align: center;
        }

        .navbar .popovercat-content img {
            height: 300px;
            max-width: 300px;
        }

        .navbar .dropdown-menu {
            -webkit-border-top-right-radius: 0px;
            -webkit-border-bottom-right-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;

            -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
        }

        .navbar .dropdown-menu > li > a:hover {
            background-image: none;
            color: white;
            background-color: rgb(0, 129, 194);
            background-color: rgba(0, 129, 194, 0.5);
        }

        .navbar .dropdown-menu > li > a.maintainHover {
            color: white;
            background-color: #0081C2;
        }


#navsale a:hover {
  background-color: #cc0000;

}

        .popover{
            max-width:600px;
        }

        .popovercat{
            max-width:400px;
        }


        .dropdown-menu li a {
            line-height:25px;
        }

  

             #body-content-container-default {
             
            display:block;  
  max-width: 1150px;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  margin-bottom:20px;
  padding: 10px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

        #body-content-container {
             
            display:block;  
  max-width: 1150px;
   margin-top:15px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  padding: 10px;
  list-style: none;
  background-color: #ffffff;
}
   
              .myfooter {
      position:static;         
bottom: 0;
  max-width: 1150px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  padding: 20px;
  background-color: #ffffff;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  *border-right-width: 2px;
  *border-top-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

a.dropdown-toggle{text-transform:capitalize;}

        .brandtext {
            width:31%; text-align:left; float:left; padding-left:1%;
        }

        .brandimage {
            width:10%;  float:left
        }

        .productcatspageboxes{float:left;z-index:2000; display:block; text-align:center;margin-left:10px;  margin-right:5px; margin-bottom:5px; width:170px; height:230px;border: solid 1px #ffffff;box-shadow: 5px 5px 2px #ffffff;}
.productcatspageboxes:hover{border: solid 1px #cccccc;box-shadow: 5px 5px 2px #888888;}

 .productspageboxes{float:left;z-index:2000; display:block; text-align:center;margin-left:10px;  margin-right:5px; margin-bottom:5px;width:160px; height:270px;border: solid 1px #ffffff;box-shadow: 5px 5px 2px #ffffff;}
.productspageboxes:hover{border: solid 1px #cccccc;box-shadow: 5px 5px 2px #888888;}

.productspageboximages {
    width: 155px;
    height: 170px;
    vertical-align: top;
    border:0;
}

a.mainbodylinks:hover{color:#000000; text-decoration:none;}
.saleflag{position: absolute; margin-left:120px; border-radius: 5px; background-color:#cc0000; width:80px; height:30px; line-height:30px; font-size:15px; color:#ffffff;}

#page{min-height:1400px; display:block;}

#headertopleft{float:left;width:58%; padding-right:1%; height:90px;}
#headertopright{float:right;width:20%; padding-left:1%; text-align:left; height:90px;}
#headerteldiv{margin-top:20px;}
#headertel{font-weight:bold;color: #999999; padding-right:10px; padding-top:20px; font-size:medium;}

#navbrandlink{display:none;}

h1, h2, h3{color:#666666;}

h1 {
    font-size: 18px;
    font-weight: bold;
    margin:0;
    line-height:20px;
}

body {    font-family: verdana, arial, geneva, helvetica;
    font-size: 12px;
    color: #666666;}

#footersect{max-width: 1150px;margin-left:auto; margin-right:auto;}

.headercartbox{
    width:206px;
    text-align:center;
    background-color:#efefef;
    margin-top:10px;
        border: 2px solid #666666;
    padding: 5px 5px;
    border-radius: 5px;
}

.headercartbox a{
  font-size: 14px;
}

        @media only screen and (max-width:640px) 
        {
            .headercartbox {
                float: left;
            }
            #flags{display:none;}
            #headerteldiv{display:none;}
            #headertopright{float:none;width:100%; padding:0%; height:auto;}
            #headertopleft{float:none;width:100%; padding:0%; height:auto;}
            #navbrandlink{display:block;}
            .brandtext {width:100%; text-align:left; float:none; padding:0;}
            .brandimage, .popover {display:none;}
            
         #myfooter {
             height: 200px;
         }

        }

@media only screen and (max-width:450px) 
{
        .productcatspageboxes{float:none;margin-left:auto;  margin-right:auto; margin-bottom:5px; width:90%; border: solid 1px #ffffff;box-shadow: 5px 5px 2px #ffffff;}
        .productspageboxes{float:none;width:90%; margin-left:auto; margin-right:auto;}
}

a {
    color: #666666;
}

.websitepromo {
    width: 100%;
    background-color: #ffffff;
    border: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}


.saleflag {
    position: absolute;
    margin-left: 100px;
    border-radius: 5px;
    background-color: #cc0000;
    width: 50px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #ffffff;
}

.bs-searchbox .form-control {
    width: 95%;
}

@media only screen and (max-width:960px) {
    .text-muted {
        display: none;
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }
}

.navbar .dropdown-menu > li {
    z-index: 2500;
}

.navbar .nav > li > a {
    padding: 5px 10px 5px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    max-width: 1150px;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #999999;
    font-size: 14px;
}