body {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    /* background-color: #ffffff;  */
    padding-top: 10px;
    padding-bottom: 40px;
	 background-image: url('../img/back2.png');

}

.navbar  .navbar_slider{
    overflow: visible;
    margin-bottom: 18px;
}
.navbar-inner {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #d44413;
    background-image: -moz-linear-gradient(top, #005339, #005339);/* satufok1  ( #7bc21d, #5f9912)  */
    background-image: -ms-linear-gradient(top, #005339, #005339);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005339), to(#005339));
    background-image: -webkit-linear-gradient(top, #005339, #005339);
    background-image: -o-linear-gradient(top, #005339, #005339);
    background-image: linear-gradient(top, #005339, #005339);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005339', endColorstr='#005339', GradientType=0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.navbar .nav > li {
    display: block;
    float: left;
}
.navbar .nav > li > a {
    float: none;
    padding: 10px 10px 11px;
    line-height: 19px;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar .nav > li > a:hover {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
}

.breadcrumb {
    padding: 7px 14px;
    margin: 0 0 18px;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}
.breadcrumb li {
    display: inline-block;
    text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb .divider {
    padding: 0 5px;
    color: #999999;
}
.breadcrumb .active a {
    color: #333333;
}

.thumbnails {
    margin-left: -20px;
    list-style: none;
    *zoom: 1;
}
.thumbnails:before, .thumbnails:after {
    display: table;
    content: "";
}
.thumbnails:after {
    clear: both;
}
.thumbnails > li {
    float: left;
    margin: 0 0 18px 20px;
}
.thumbnail {
    display: block;
    padding: 4px;
    line-height: 1;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  /*   box-shadow: 0 4px 1px rgba(0, 0, 0, 0.075); */
	 box-shadow: 0 2px 3px  #FCE00F;
	height: 200px;  /*  satufok1    */
	background-color: #fff;
}
a.thumbnail:hover {
    border-color: #dd4814;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	
}
.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.thumbnail .caption {
  /*   padding: 9px;  */
	padding: 0px;
	
}
.navbar .nav > li > a {
    border-right: 1px solid #fff;  /* satufok1  #8fda2c */ 
/*    border-left: 1px solid #fff; /* satufok1  #5f9b0f */ 
}
.navbar .nav > li > a:hover {
    background-color: #0041FF; /* satufok1  #59900e */  
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.navbar .divider-vertical {
    background-color: inherit;
    border-right: 0px solid #CE4213;
}
.navbar .navbar-text > a {
    color: #ffffff;
    text-decoration: underline;
}
.navbar .navbar-text > a:hover {
    color: #ddd;
}
.navbar-search .search-query {
    border: 1px solid #97310e;
}


.navbar .nav-collapse > .nav > li .dropdown-menu a {
    color: #000;
}

.navbar .nav-collapse_toko > .nav > li .dropdown-menu a {
    color: #000;
}

.navbar .nav-collapse > .nav > li .dropdown-menu a:hover {
    color: #ffffff;
}

.navbar .nav-collapse_toko > .nav > li .dropdown-menu a:hover {
    color: #ffffff;
}

.navbar .nav-collapse.collapse > .nav li > a {
    color: #ffffff;
    border-left: 0px solid #dd4814;
    border-right: 0px solid #dd4814;
}

.navbar .nav-collapse_toko.collapse > .nav li > a {
    color: #ffffff;
    border-left: 0px solid #dd4814;
    border-right: 0px solid #dd4814;
}


.navbar .nav-collapse.collapse > .nav li > a:hover {
    background-color: #2B7CAC;   
}

.navbar .nav-collapse_toko.collapse > .nav li > a:hover {
    background-color: #2B7CAC;   
}

.navbar .nav-collapse .navbar-form, 
.navbar .nav-collapse .navbar-search {
    border-top: 0px solid #dd4814;
    border-bottom: 0px solid #dd4814;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar .nav-collapse_toko .navbar-form,
.navbar .nav-collapse_toko .navbar-search {
    border-top: 0px solid #dd4814;
    border-bottom: 0px solid #dd4814;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.no_margin_bottom {margin-bottom: 0 !important;}
.no_margin_left  .no_margin_left_sf{
margin-left: 0;
/* position: absolute; */}


footer h4 {margin-bottom: 8px;}
.logo, .caribrghome {
    height: 90px;
	margin-top: -114px;/* satufok1  */
}
.caribrghome {
	margin-left:400px; /* satufok1  */
}
.links a {
    margin-right: 5px;
}

/* product_list - the side bar*/
.product_list {
    margin-top: -5px;
    margin-left: 1px;
 /*    min-height: 500px; */
	height: auto; 
	background-color:#005339;
}
.product_list ul {
    list-style: none;
    margin: 0;
}
.product_list > ul > li {
    padding: 8px 8px 8px 0px;
}
.product_list > ul > li + li {
    border-top: 1px solid #EEEEEE;
}
.product_list > ul > li > a {
    text-decoration: none;
}
.product_list > ul > li > a:hover{
    text-decoration: none;
    background: none;
}
.product_list > ul > li ul {
    display: none;
}
.product_list > ul > li a.active {
    font-weight: bold;
}
.product_list > ul > li a.active + ul {
    display: block;
}
.product_list > ul > li ul > li {
    padding: 5px 5px 0px 10px;
}
.product_list > ul > li ul > li > a {
    text-decoration: none;
    display: block;
}
.product_list > ul > li ul > li > a.active {
    font-weight: bold;
}


.related_products .span2 {
    width:160px;
}


.product_comparison .thumbnail{
    border: none;
    text-align:center;

}

.product_comparison small{
    font-weight: normal;
}

.product_comparison .product_stars {
    text-align:center;
    margin: 0 auto;
    width: 85px;
}
.product_comparison .price_summary td{
    text-align:center;
}
.navbar .btn.search_btn {
    margin-top:1px;
}

.carousel-inner {
    height: 286px;
}
.carousel-caption {
    bottom: -77px;
}

.popular_products .span2{
    width:160px;
}


.customer_service {
    text-align:right;
    font-size:13px;
}

.table td.center_text{
    text-align:center;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #0041FF; /* satufok1  #59900e */ 
    color: #FFFFFF;
}


 @media (min-width: 978px) and (max-width: 1199px) {
	 a {
	font-size: 12px;
	font-weight:bold;
	color:#08e;
}

 .cari_barang {
    width: 260px;
    height: 40px;
    position: relative;
    top: 50px;
    left: 55%;
}

.caribrghome {
    margin-left: 360px;
}

}

/* IPAD tau tablet potrait */
@media (min-width:768px) and (max-width: 979px) { 
 a {
	font-size: 12px;
	font-weight:bold;
	color:#F3EDAF;
} 


.logo, .caribrghome {
    margin-top:-88px;/* satufok1    ada di style.css */
}

.navbar .btn-navbar {
    display: block;
}

.navbar .nav > li {
    float: none;  
	
}

.navbar{
	/* display: none; */
    margin-top: -14px;
}

.navbar .btn-navbar_toko {
    display: block;
}

.nav-collapse, .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
}

.nav-collapse_toko, .nav-collapse_toko.collapse {
    height: 0;
    overflow: hidden;
}

.breadcrumb {
	display:none;
}

.product_list {
 /*	display:none; */
height: auto; 
}


}

/* HP and tablet */
@media (min-width:480px) and (max-width:767px) {
	 a {
	font-size: 12px;
	font-weight:bold;
	color:#F3EDAF;
}

.logo, .caribrghome {
    margin-top: -79px;/* satufok1    ada di style.css */
}

.caribrghome {
    margin-left:328px;/* satufok1    ada di style.css */
}

.navbar{
	/* display: none; */
    margin-top: 39px;
}

.nav-collapse, .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
}

.nav-collapse_toko, .nav-collapse_toko.collapse {
    height: 0;
    overflow: hidden;
}

.navbar .btn-navbar {
    display: block;
}

.navbar .nav > li {
    float: none;  
	
}

.navbar .btn-navbar_toko {
    display: block;
}

.links, .pull-right {
	    display: block;
    margin-top:7px;
    width: 100%;
    position: absolute;
    z-index: 100;
    height: auto;
    margin-left: 119px;
	
	
}



.wadah_menu_datar,.pull-left {
	padding: 7px 14px;
    margin: 0 0 18px;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}


.pull-left {
    display: block;
 /*    margin-top: 7px;  */
	margin-top: 0px;
    width: 88%;
    position: absolute;
    z-index: 100;
    height: auto;
/*    margin-left: 71px;  */
     margin-left: -120px;
}



/*   dari bootstrap-min  */
.nav {
    margin-bottom: 20px;
    margin-left: -16px;
    list-style: none;
}

.breadcrumb {
	display:none;
}

.product_list {
/*	display:none; */
height: auto; 
}

#myCarousel {
	margin-top:-30px;
}

}

/* HP */
@media (max-width:479px) {
.logo, .caribrghome {
    margin-top: -51px;/* satufok1    ada di style.css */
}

.caribrghome {
    margin-left: 86px;
margin-top: -4px;
width: auto;
}

.navbar{
	/* display: none; */
    margin-top: 39px;
}
  
.nav-collapse, .nav-collapse.collapse {
   /* height: 0;  */

    overflow: auto;
}

.nav-collapse_toko, .nav-collapse_toko.collapse {
   /* height: 0;  */

    overflow: auto;
}

.navbar .btn-navbar_toko {
    display: block;
}

.navbar .btn-navbar {
    display: block;
}

.navbar .nav > li {
    float: none;  
	
}

.popular_products .span2{
    width:147px;     /* satufok1  160px */
}

.popular_products{
	margin-top:0px;    /* -110px */
}

.links, .pull-right {
	display: block;
    margin-top:8px;
    width: 95%;
    position: absolute;
    z-index: 100;
    height: auto;
    margin-left: 22px;
	font-size: 10px;
	
}


.wadah_menu_datar,.pull-left {
	padding: 7px 14px;
    margin: 0 0 18px;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}
.pull-left {
	    display: block;
    margin-top: 0px;
  /*   width: 88%;  */
	width: 85%;
    position: absolute;
    z-index: 100;
    height: auto;
 /*   margin-left: -37px; */
	margin-left: -22px;
	    
}

.breadcrumb {
	display:none;
}


.product_list {
		display:none;
display:block;

 
height: auto; 
background-color:#005339;
}



#myCarousel {
	margin-top:31px;
}

.no_margin_left_sf {
  display:none;
}

/* dari bootstrap-min    */
.nav {
    margin-bottom: 20px;
    margin-left: 42px;
    list-style: none;
}

}