body { background-color: #ffffff; font-family: 'Quicksand', sans-serif; color: #111111; font-size: 13px; font-weight: 400; }
h1, h2, h3, h4, h5 { font-weight: 700; }
h1 { font-size: 19px; } h2 { font-size: 16px; } h3 { font-size: 13px;} h4 { font-size: 13px;} h5 { font-size: 10px;}
.container{background-color: #f0f0f0;}
a {color: #111111;}
a:hover, a:focus { text-decoration: none;}

.atas {background-color: #4b4b4b;} /* Navbar Top */
.samping { background-color: #fcfcfc;} /* Navbar Side */

.navbar { min-height: 100px; border-radius: 0; font-weight: 700; text-transform: uppercase;}
.navbar .navbar-nav li a { color: #e0e0e0; padding: 5px 15px;}
.navbar .navbar-nav li a:hover {background-color: #e0e0e0;}
       
.thumbnail { padding-bottom: 10px; box-shadow: none;}
.thumbnail a { font-weight: bold;}
.thumbnail a h3 { margin:0; height: 55px;}
.thumbnail h3:hover {background-color: #e0e0e0;}
.thumbnail .product-overview { padding-top: 5px; height: 60px;}
/** .product-price { display: block; text-align: center; color: #d9534f; font-weight: bold; }
.product-price-single { text-align: left; margin-bottom: 10px; color: #d9534f; font-weight: bold; } **/

#brandimages { padding: 10px; margin-left: auto; margin-right: auto; text-align: center;}

#brandimages img { vertical-align: middle; opacity: 1.0; filter: alpha(opacity=100); }  

.panel-heading { font-size: 16px; font-weight: 700;}
.breadcrumb { font-size: 12px; font-weight: 700; color: gray;}
.breadcrumb a { color: gray;}

.homepage { background-color: #ffffff; margin-bottom: 5px; padding: 10px 5px 10px 20px;}
.homepage h1 {font-size:16px; margin-top: .5em; margin-bottom: .5em; }
.homepage h2 {font-size:13px; font-weight:400; margin-top: .5em; margin-bottom: .5em;}

.product-list h3 { height: 40px; margin-top: .5em; margin-bottom: .5em; padding: 5px;}
.product-list h3:focus, .product-list h3:hover { background-color: #e0e0e0;}
.product-price { text-align: center; padding: 5px; color: #d9534f; font-weight: bold; }
.product-price-single {text-align: left; margin-bottom: 10px; color: #d9534f; font-weight: bold; }
.product-price-single {text-align: left; margin-bottom: 10px; color: #d9534f; font-weight: bold; }
.product-button a { font-weight: bold;}

@media (min-width: 1200px) {
    .container { max-width: 970px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .navbar {min-height: 120px;}
   .navbar-brand { transform: translateX(-50%); left: 50%; position: absolute;}
   .navbar .navbar-nav li a { top: 85px; }
}
@media only screen and (max-width: 767px) {
    .navbar-brand { transform: translateX(-50%); left: 50%; position: absolute;}
}
@media only screen and (max-width: 479px) {
    .navbar-brand { transform: translateX(-50%); left: 50%; position: absolute;}
}