body{ background-color:#fff; color:black;} 

.black {color:#000;}


a{color:#00f; font-weight:bold;}
a:hover{color:#f00; font-weight:bold;}

.ptop30{padding-top:30px;}
.pbot5{padding-bottom:5px;}
.social_icon{width:20px;}
.w90pc{width:90%}
.scat {color:#555;}
.resethose{width:40%; height:20%; text-align:center; color:#fff; font-weight:bold; margin-bottom:20px; color:#fff; font-weight:bold;}    
.resethose a{color:#fff; font-weight:bold;}                                            
 
#container-inner{margin-bottom:2px; padding-top:0px; background-color:#fff;} 
#container-inner .col-sm-3{padding-top:30px; padding-right:40px; border: 0px solid #f00;}       



/* menu */
#menu {
  background-color: #ffff99;
  background-image: linear-gradient(to bottom, #ffff99, #ffff99);
  background-repeat: repeat-x;
  border: 1px solid #ffff99;
  border-color: #ffff99 #ffff99 #ffff99;
  min-height: 40px;
  border-radius: 4px;
  padding: 0 1rem;
  margin-bottom: 20px;
}

#menu .navbar-nav > li > a {
  color: #000;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
  padding: 10px 15px 10px 15px;
  background-color: transparent;
  font-weight:bold;
}

#menu .navbar-nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}


/*
#menu {
    background-color: #000;     
    background-image: linear-gradient(to bottom, #000, #000); 
    border-color: #000 #000 #000; 
    padding: 6px 0px; 
}   

#menu .nav > li > a {
    color: #fff;
    font-size: 12px;     
    padding: 3px;   
} 

#menu .nav > li > a:hover {
    color: #fff;
    background-color: #777;  
 }
     
#menu .dropdown-inner a {
    min-width: 250px;        
}
    
#menu .dropdown-inner li a:hover {      
     color: #fff;
     background-image: linear-gradient(to bottom, #000, #000);  
}
   
 #menu .see-all {
   color:#000;
   background-color: #fff;
}
    
#menu .see-all:hover, #menu .see-all:focus {    
    color: #fff;    
    background-image: linear-gradient(to bottom, #000, #000);     
}
 */          

.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li a{color:black; font-size: 14px;}



h1, h2, h3, h4, h5, h6 {
    color: #000;  
}

h1 {
    font-size: 20px;  
    font-weight:bold;
}
h2 {
    font-size: 27px;
    font-weight:bold;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 15px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10.2px;
}
  
  
  
  
  
  
  
  
  
  

       
.box-header {
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -khtml-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    border: 1px solid #000;
    padding: 8px 10px 7px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;    
    background-color: black;
    text-align:left;          
}
 
 
 .list-group a {
    border: 1px solid #DDDDDD;
    color: #000;
    padding: 4px 8px;
    font-weight:bold;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #000;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    text-shadow: 0 1px 0 #FFF;
}             


/* ######################## here */

.list-group .topcat, .list-group a.topcat:hover{                    
    color:#fff;
    background: #666;
    font-size: 14px;
    font-weight: bold;  
    line-height: 14px; 
    padding:5px;
}

#navbar-ex1-collapse{background-color: #fff;}
 

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #666;
    background-image: linear-gradient(to bottom, #666, #666);
    background-repeat: repeat-x;
    border-color: #333 #333 #333;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #333;
    background-position: 0 -55px;
}

.btn-oos {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f00;
    background-image: linear-gradient(to bottom, #f00, #f00);
    background-repeat: repeat-x;
    border-color: #f00 #f00 #f00;
    background:#f00; color:#fff;
}


.btn-black { 
    background-color: #000;
    background-image: linear-gradient(to bottom, #000, #000);
    background-repeat: repeat-x;
    border-color: #000 #000 #000;
    background:#000; color:#fff;
}



.btn-black, .btn-black:hover, .btn-black:active, .btn-black.active { 
    background-color: #000;
    background-image: linear-gradient(to bottom, #000, #000);
    background-repeat: repeat-x;
    border-color: #000 #000 #000;
    background:#000; color:#fff;
    font-weight:bold;
}


.btn-oos2 {
   
    background:#f00; color:#fff;
}






.btn-view{font-size:16px; font-weight:bold;  background-color: #ee1c25;
    background-image: linear-gradient(to bottom, #ee1c25, #ee1c25);
    background-repeat: repeat-x;
    border-color: #333 #333 #333;}     


 .control-label{font-weight: bold;}


.text-danger{color:#f00; font-size:14px; font-weight:bold;}


.radioimage label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.radioimage  label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;  
  padding:2px; background-color:#fff; 
  width:50px;  
}

.radioimage label > input + img:hover{ /* IMAGE STYLES */
  cursor:pointer;     
  padding:2px; background-color:#fff;  border:2px solid transparent; 
  opacity: 0.5;
}

.radioimage label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
 padding:2px; background-color:#fff; border:2px solid #666;
}   


.thumbnail{border: 0px solid #fff;}
.image-additional a {border: 0px solid #fff;}


#webdesigner{text-align: center; padding-bottom:20px;}

   
   
   
   
     
.product-thumb {padding-top:5px; border-color: #ccc;}        
.product-thumb:hover .caption a:hover {color:#f00;}   

.product-thumb .price {
    color: #000;
    font-size:30px;
    text-align:center;
    margin: 10px 0 10px 0;
    font-weight:bold;    
}

.product-thumb .price-old {
    color: #a00;
    font-size:25px;
    font-weight:bold;
    text-decoration: line-through;
    margin: 0px 0 10px 0;
    text-align:center;
}
 .product-thumb .price-new {
    color: #000;
    font-size:26px;
    font-weight:bold;
    text-align:center;
    margin: 10px 0 0 0;    
}

.product-thumb .rating {
    padding: 0px;
    text-align: center;
}
   
.product-thumb .oos {
    color: #f00;
    font-size:20px;
    font-weight:bold;   
    text-align:center;
}    
   


.caption h4 {
     border: 0px solid #ccc;    
     height:60px;      
     text-align:center;
     background-color:transparent;
     padding:5px;  
     display: flex;
     justify-content: center;
     flex-direction: column; 
}
.caption{border: 0px solid #f00; height:240px;} 
.caption a h4{color:#000; font-size:14px;}  
.caption  a:hover h4{color:#fff; background-color: #666;}    

.caption h4 a{color:#000; font-size:14px;} 
.caption h4 a:hover{color:#000;} 
 
              
.fdesc {border: 0px solid #f00; height:80px; color:#000; text-align: center;}  

.view a{color:#ff0;}

h2.price {margin: 0px;}

.pcent30{width:30%;}
.pcent40{width:40%;}
.pcent50{width:50%;}

#privacy{font-size:12px; color:#000;}
#privacy ul{list-style-type:square;} 
#privacy li{display: list-item; line-height:20px;}

.PrivacyDeclaration{font-size:12px; padding:20px;  border: 1px solid #aaaaaa;}
.PrivacyTableHeader {font-weight: bold; border-bottom: 1px solid #777777; text-align: left; padding: 4px;}
.PrivacyTableHeader[dir='rtl'] {text-align: right;}
.PrivacyTableCell {text-overflow: ellipsis; word-wrap: break-word; border-bottom: 1px solid #777777; vertical-align: top; padding: 4px 4px 5px 4px;}
.PrivacyDeclaration th, .PrivacyDeclaration td {border: 1px solid #777777; padding:2px;}



.CookieDeclaration{font-size:16px; padding:20px;}
.CookieDeclarationDialogText, .CookieDeclarationIntro {margin: 0 0 14px 0}
.CookieDeclarationType {font-size:12px; display: block; margin: 12px 0 12px 0; padding:8px 8px 0 8px; border: 1px solid #333333; vertical-align: top;}
.CookieDeclarationTypeHeader {font-weight: bold;}
.CookieDeclarationTypeDescription {margin: 2px 0 16px 0;}
.CookieDeclarationTable {table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0 0 18px 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
.CookieDeclarationTableHeader {font-weight: bold; border-bottom: 1px solid #777777; text-align: left; padding: 4px;}
.CookieDeclarationTableHeader[dir='rtl'] {text-align: right;}
.CookieDeclarationTableCell {text-overflow: ellipsis; word-wrap: break-word; border-bottom: 1px solid #777777; vertical-align: top; padding: 4px 4px 5px 4px;}





#cireview-graph{padding-top:100px;}
.cireview-all{padding:10px 60px 60px 60px;}
.cireview-recommendation{font-size:18px; font-weight:bold;}
.cireview-infomsg{font-size:14px; font-weight:bold;}