.floatleft { float: left }
.floatright { float: right }
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.form-control{
	border-radius:0px;
	border:1px solid #f2f2f2;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075); 
}

a:focus { outline: 0px solid }
img {
    max-width: 100%;
    height: auto;
}
.fix { overflow: hidden }
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
}
body { font-family:Arial, Helvetica, sans-serif; color:#000;}

input[type="submit"], button[type=submit] {
    background: #DF0101;
    border: medium none;
    color: #fff;
    text-transform: uppercase;
}

a:{
	color:#DF0101;
	text-decoration:none;	
}
a:hover{
	text-decoration:none;
	color:#FF0000;
}

@media screen and (max-width: 480px) {
	.col-xss{
		width:100%;
	}
}

div.googlemap{
	margin-bottom:10px;
	display:none;
}

#map_canvas {
	margin-bottom:10px;
	display:none;
}

#btnFind{
	cursor:pointer;
}

small.title{
	display:block;
	font-size:10px;
	text-align:center;
}

small.title2{
	display:block;
	font-size:8px;
	text-align:center;
	padding-top:3px;
}

small.title3{
	display:block;
	font-size:10px;
}

div.form-search{
	margin-top:10px;
}
/*MENU MOBILE */
ul.navbar-menu{
	list-style:none;
	float:left;
	margin:0;
	padding-left:0;
}

ul.navbar-menu li{
	position:relative;
	float:left;
	display:block;
}

ul.navbar-menu li:hover{
	background:#FF0000;
}

ul.navbar-menu li.active{
	background:#DF0101;
}

ul.navbar-menu a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	padding:10px;
	line-height:10px;
	position:relative;
	display:block;
}

/*MENU MOBILE PRODUK*/
div.content div.submenu div.promo-mobile{
	background:#DF0101;
	color:#fff;
	border:none;
	margin:0;
}

div.content div.submenu div.promo-mobile:hover{
	background:#FF0000;
}

div.content div.submenu div.promo-mobile a:hover{
	color:#fff;
}

div.sub-menu-khusus{
	background-color:#DF0101;
	color:#fff;
	padding:10px;
}

div.sub-menu-mobile{
	padding:10px;
	background:#fff;
	border-bottom:1px solid #DF0101;
}

div.sub-menu-khusus a{
	color:#fff;
}

div.sub-menu-khusus:hover{
	background:#FF0000;
}

div.sub-menu-mobile a:hover{
	color:#FF0000;
}

/* PAGING HALAMAN */
div.halaman{
	margin-top:20px;
}
div.paging {
	padding     : 3px;
	margin      : 3px;
	font-family : Tahoma;
	font-size   : 12px;
	text-align	: left;
	margin-bottom: 10px;
}
div.paging a {
	padding             : 2px 5px 2px 5px;
	margin-right        : 2px;
	border              : 1px solid #2C2C2C;
	text-decoration     : none; 
	color               : #FFFFFF;
	background          : #2C2C2C;
}
div.paging a:hover {
	border           : 1px solid #AAD83E;
	color            : #FFFFFF;
	background       : #AAD83E;
}
div.paging span.current {
	padding          : 2px 5px 2px 5px;
	margin-right     : 2px;
	border           : 1px solid #AAD83E;
	font-weight      : bold;
	color            : #FFFFFF;
	background       : #AAD83E;
}
div.paging span.disabled {
	padding      : 2px 5px 2px 5px;
	margin-right : 2px;
	border       : 1px solid #CCCCCC;
	color        : #CCCCCC;
}
div.paging span.prevnext {
  font-weight : bold;
}

/*SLIDESHOW*/
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}
		
div.header{
	padding:10px;
}

div.header table{
	width:100%;
	text-align:center;
}

div.right-header{
	margin-top:15px;
	font-size:11px;
}

div.menu{
	background:#151515;
	color:#fff;
	border-bottom:3px solid #DF0101;
}

div.menu ul.nav li a{
	color:#fff;
}

div.menu ul.nav li a:hover{
	background:#DF0101;
}

div.menu ul.nav li.active{
	background:#DF0101;
}

div.menu button.btn-search{
	padding:7px 10px;
}

div.menu button.btn-search:hover{
	background:#FF0000;
	color:#fff;
}

div.owl-carousel div.item img{
	max-height:350px;
}

div.content div.banner{
	margin-left:-30px;
}

div.content div.banner img{
	width:100%;
	height:100px;
}

/*BANNER IN MOBILE*/
div.content div.banner-mobile{
	margin-left:-30px;
	margin-right:-30px;
}

div.content div.banner-mobile img{
	width:100%;
	height:100px;
}

div.content div.submenu .glyphicon { margin-right:10px; }
div.content div.submenu .panel-body { padding:0px; }
div.content div.submenu .panel-body table tr td { padding-left: 15px }
div.content div.submenu .panel-body .table {margin-bottom: 0px; }

div.content div.submenu div.promo{
	background:#DF0101;
	color:#fff;
}

div.content div.submenu div.promo:hover{
	background:#FF0000;
}

div.content div.submenu div.promo a:hover{
	color:#fff;
}

div.content div.submenu div.kategori-menu:hover{
	background:#FF0000;
	color:#fff;
}

div.content div.submenu div.kategori-menu a:hover{
	color:#fff;
}

div.content div.info{
	padding:30px 0 10px 0 ;
	font-size:16px;
}

div.content div.info div.title{
	padding-bottom:20px;
}

div.content div.info div.title span.title{
	font-size:30px;
	font-weight:bold;
}

div.content div.info div.title small{
	display:block;
	font-size:10px;
}

div.content div.info div.title button.btn-email{
	background:#DF0101;
	padding:5px 10px;
	color:#fff;
	font-size:20px;
}

div.content div.info div.title button.btn-email:hover{
	background:#FF0000;
}

div.content div.info table tr td{
	border:none;
}

div.content table i{
	font-size:25px;
}

div.content div.brand-title{
	background:#DF0101;
	padding:10px;
	color:#fff;
}

div.content div.brand-title span.title{
	font-size:20px;
	font-weight:bold;
}

div.content div.brand{
	padding:15px 0;
}

/*BRAND FOR MOBILE */
div.content div.brand-title-mobile{
	background:#DF0101;
	padding:10px;
	color:#fff;
}

div.content div.brand-title-mobile span.title{
	font-size:16px;
	font-weight:bold;
}

div.content div.brand-mobile{
	padding:15px 0;
}

div.content div.head-title{
	padding:10px 0 5px 0;
	border-bottom:1px dotted #000;
}

div.content div.head-title span.title{
	font-size:20px;
	font-weight:bold;
}

div.content div.detail{
	padding:10px 0;
}
div.footer{
	border-top:3px solid #DF0101;
	background:#151515;
	padding:5px;
	color:#fff;
	font-size:12px;
	text-align:center;
}

div.content div.head-kategori{
	padding:10px 0;
}

/* ARTIKEL */

div.content div.artikel{
	padding:10px 0;
}

div.content div.artikel img.img-detail-artikel{
	max-width:200px;
	float:left;
	margin : 0 10px 10px 0;
}

div.content div.artikel div.sub-artikel{
	padding:15px 0;
}

div.content div.artikel div.sub-artikel img.img-artikel{
	height:100px;
	width:100%;
}

div.content div.artikel div.sub-artikel span.artikel-title{
	font-size:20px;
	font-weight:bold;
	display:block;
}

div.content div.artikel div.sub-artikel span.artikel-tanggal{
	font-size:11px;
	display:block;
}

/*ALBUM */
div.content div.album {
	/*margin-left:-20px;*/
}

div.content div.album-mobile {
	margin-left:-20px;
	margin-right:-15px;
}

div.content div.album div.head-title span.album-title, div.content div.album-mobile div.head-title span.album-title{
	font-size:24px;
	font-weight:bold;
	color:#DF0101;
}

div.content div.album div.sub-album, div.content div.album-mobile div.sub-album{
	padding:10px 0;
}

div.content div.album div.sub-album div.thumb-album, div.content div.album-mobile div.sub-album div.thumb-album{
	background:#fff;
	border:1px solid #f2f2f2;
	margin-bottom:10px;
}

div.content div.album div.sub-album div.thumb-album div.thumb, div.content div.album-mobile div.sub-album div.thumb-album div.thumb{
	height:200px;
	padding:3px;
}

div.content div.album div.sub-album a, div.content div.album-mobile div.sub-album a{
	text-decoration:none;
	color:#000;
}

div.content div.album div.sub-album div.thumb-album div.thumb table, div.content div.album-mobile div.sub-album div.thumb-album div.thumb table{
	width:100%;
	height:100%;
}

div.content div.album div.sub-album div.thumb-album div.thumb table tr, div.content div.album-mobile div.sub-album div.thumb-album div.thumb table tr{
	vertical-align:middle;
}

div.content div.album div.sub-album div.thumb-album div.thumb table tr td, div.content div.album-mobile div.sub-album div.thumb-album div.thumb table tr td{
	text-align:center;
}

div.content div.album div.sub-album div.thumb-album div.thumb table img, div.content div.album-mobile div.sub-album div.thumb-album div.thumb table img{
	max-width:100%;
	height:190px;
}

div.content div.album div.sub-album div.thumb-album div.thumb table iframe, div.content div.album-mobile div.sub-album div.thumb-album div.thumb table iframe{
	max-width:100%;
	height:190px;
}

div.content div.album div.sub-album div.thumb-album div.detail-thumb, div.content div.album-mobile div.sub-album div.thumb-album div.detail-thumb{
	padding:3px 5px;
}

div.content div.album div.sub-album div.thumb-album div.detail-thumb span.tanggal-album, div.content div.album-mobile div.sub-album div.thumb-album div.detail-thumb span.tanggal-album{
	font-size:10px;
}

div.content div.album div.sub-album div.thumb-album div.detail-thumb div.judul-album, div.content div.album-mobile div.sub-album div.thumb-album div.detail-thumb div.judul-album{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	height:50px;
}

div.content div.album div.sub-album div.thumb-album div.detail-thumb div.judul-album:hover, div.content div.album-mobile div.sub-album div.thumb-album div.detail-thumb div.judul-album:hover{
	color:#DF0101;
}

div.content div.album div.sub-album div.thumb-album div.detail-thumb div.judul-album table, div.content div.album-mobile div.sub-album div.thumb-album div.detail-thumb div.judul-album table{
	width:100%;
	height:100%;
}

div.content div.album div.sub-album div.thumb-album div.detail-thumb span.total-album, div.content div.album-mobile div.sub-album div.thumb-album div.detail-thumb span.total-album{
	color:#0101DF;
	font-size:12px;
}

/** GALERI **/
div.content div.galeri {
	/*margin-left:-20px;*/
}

div.content div.galeri-mobile{
	margin-left:-20px;
	margin-right:-15px;
}

div.content div.galeri div.head-title, div.content div.galeri-mobile div.head-title{
	font-size:16px;
	font-weight:bold;
	color:#DF0101;
	border:none;
}


div.content div.galeri div.head-galeri, div.content div.galeri-mobile div.head-galeri{
	font-size:24px;
	font-weight:bold;
	padding-bottom:20px;
}

div.content div.galeri div.content-galeri, div.content div.galeri-mobile div.content-galeri{
	padding:10px 0;
}

div.content div.galeri div.content-galeri div.thumb-album, div.content div.galeri-mobile div.content-galeri div.thumb-album{
	background:#fff;
	border:1px solid #f2f2f2;
	margin-bottom:10px;
}

div.content div.galeri div.content-galeri div.thumb-album div.thumb, div.content div.galeri-mobile div.content-galeri div.thumb-album div.thumb{
	height:200px;
	padding:3px;
}


div.content div.galeri div.content-galeri div.thumb-album div.thumb table, div.content div.galeri-mobile div.content-galeri div.thumb-album div.thumb table{
	width:100%;
	height:100%;
}

div.content div.galeri div.content-galeri div.thumb-album div.thumb table tr, div.content div.galeri-mobile div.content-galeri div.thumb-album div.thumb table tr{
	vertical-align:middle;
}

div.content div.galeri div.content-galeri div.thumb-album div.thumb table tr td, div.content div.galeri-mobile div.content-galeri div.thumb-album div.thumb table tr td{
	text-align:center;
}

div.content div.galeri div.content-galeri div.thumb-album div.thumb table img, div.content div.galeri-mobile div.content-galeri div.thumb-album div.thumb table img{
	max-width:100%;
	height:190px;
}

div.content div.galeri div.content-galeri div.thumb-album div.thumb table iframe, div.content div.galeri-mobile div.content-galeri div.thumb-album div.thumb table iframe{
	max-width:100%;
	height:190px;
}

div.content div.galeri div.content-galeri div.thumb-album div.detail-thumb, div.content div.galeri-mobile div.content-galeri div.thumb-album div.detail-thumb{
	padding:3px 5px;
}

div.content div.galeri div.content-galeri div.thumb-album div.detail-thumb div.judul-album, div.content div.galeri-mobile div.content-galeri div.thumb-album div.detail-thumb div.judul-album{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	height:50px;
}

div.content div.galeri div.content-galeri div.thumb-album div.detail-thumb div.judul-album, div.content div.galeri-mobile div.content-galeri div.thumb-album div.detail-thumb div.judul-album{
	color:#DF0101;
}

div.content div.galeri div.content-galeri div.thumb-album div.detail-thumb div.judul-album table, div.content div.galeri-mobile div.content-galeri div.thumb-album div.detail-thumb div.judul-album table{
	width:100%;
	height:100%;
}

/* PRODUK */
div.content div.latest-product-mobile{
	margin-left:-20px;
	margin-right:-15px;
}

div.content div.latest-product{
	/*margin-left:-20px;*/
}
div.content div.title-kategori{
	font-size:24px;
	color:#DF0101;
	font-weight:bold;
	padding:10px 0;
}

div.content div.box-tools{
	padding:10px 0;
}

div.content div.breadcrum{
	padding:5px 10px;
	background:#f2f2f2;
}

div.content div.content-produk{
	padding:20px 0;
}

div.content div.content-produk div.produk{
	border:1px solid #f2f2f2;
	margin-bottom:10px;
}

div.content div.content-produk div.produk div.thumb-produk{
	height:200px;
}

div.content div.content-produk div.produk div.thumb-produk img.img-produk{
	max-width:100%;
	height:190px;
}
div.content div.content-produk div.produk div.thumb-produk table{
	height:100%;
	width:100%;
}

div.content div.content-produk div.produk div.thumb-produk table tr{
	vertical-align:midddle
}

div.content div.content-produk div.produk div.thumb-produk table tr td{
	text-align:center;
}

div.content div.content-produk div.produk div.thumb-produk-list{
	height:100px;
}

div.content div.content-produk div.produk div.thumb-produk-list img.img-produk{
	max-width:100%;
	height:90px;
}
div.content div.content-produk div.produk div.thumb-produk-list table{
	height:100%;
	width:100%;
}

div.content div.content-produk div.produk div.thumb-produk-list table tr{
	vertical-align:midddle
}

div.content div.content-produk div.produk div.thumb-produk-list table tr td{
	text-align:center;
}

div.content div.content-produk div.produk div.keterangan-produk{
	padding:5px;
	height:110px;
}

div.content div.content-produk div.produk div.keterangan-produk span.kategori-produk{
	font-size:10px;
}

div.content div.content-produk div.produk div.keterangan-produk div.title-produk{
	font-size:20px;
	font-weight:bold;
	height:60px;
}

div.content div.content-produk div.produk div.keterangan-produk div.title-produk2{
	font-size:20px;
	font-weight:bold;
	height:40px;
}

div.content div.content-produk div.produk div.keterangan-produk div.title-produk table{
	width:100%;
	height:100%;
	text-align:center;
}

div.content div.content-produk div.produk div.keterangan-produk span.kode{
	font-size:10px;
}

div.content div.content-produk div.produk div.keterangan-produk span.harga{
	font-size:16px;
	font-weight:bold;
	color:#DF0101;
}

div.content div.content-produk div.produk div.keterangan-produk span.harga-list{
	font-size:16px;
	font-weight:bold;
	color:#DF0101;
	display:block;
}

/*DETAIL PRODUK */
div.content div.content-produk div.image-produk{
	max-height:420px;
	border:1px solid #f2f2f2;
	padding:5px;
}

div.content div.content-produk div.image-produk table {
	width:100%;
	height:100%;
}

div.content div.content-produk div.image-produktable table tr{
	vertical-align:middle;
}

div.content div.content-produk div.image-produk table tr td{
	text-align:center;
}

div.content div.content-produk div.image-produk table img{
	max-height:400px;
	/*width:100%;*/
	max-width:100%;
}

/*sub image*/
div.content div.content-produk div.subimage-produk{
	height:138px;
	padding:2px;
	border:1px solid #f2f2f2;
	margin-bottom:3px;
}

div.content div.content-produk div.subimage-produk table{
	width:100%;
	height:100%;
}

div.content div.content-produk div.subimage-produk table tr{
	vertical-align:midddle;
}

div.content div.content-produk div.subimage-produk table tr td{
	text-align:center;
}

div.content div.content-produk div.subimage-produk img{
	max-height:134px;
	max-width:100%;
	width:100%;
}

div.content div.content-produk div.middle-content{
	padding:10px 0;
}

div.content div.content-produk div.middle-content span.title{
	font-size:11px;
	display:block;
}

div.content div.content-produk div.middle-content img.img-share{
	width:50px;
	float:left;
	margin-right:10px;
}

div.content div.content-produk div.middle-content span.price-produk{
	font-size:20px;
	font-weight:bold;
}

div.content div.content-produk div.middle-content i{
	font-size:50px;
	margin-right:5px;
}

div.content div.content-produk div.middle-content i.email{
	color:#FF0000;
}

div.content div.content-produk div.middle-content i.facebook{
	color:#0404B4;
}

div.content div.content-produk div.middle-content i.twitter{
	color:#2E2EFE;
}

div.content div.content-produk div.bottom-content{
	padding:20px 0;
}

div.content div.content-produk div.bottom-content div.tab-pane{
	padding:10px 0;
}

div.content div.brand div.thumb-brand{
	height:100px;
}

div.content div.brand div.thumb-brand img.img-brand{
	max-width:100%;
	max-height:90px;
	width:100%;
}

div.content div.brand div.thumb-brand table{
	height:100%;
	width:100%;
}

div.content div.brand div.thumb-brand table tr{
	vertical-align:midddle;
}

div.content div.brand div.thumb-brand table tr td{
	text-align:center;
}

ul.navbar-nav li.search span.menuprod{
	color:#FFFFFF !important;
	font-size:16px;	
	display:block;
}

span.keterangan-album{
	display:block;
	font-size:12px;
}
/* FOR CSS MOBILE */

.navbar-brand{
	font-size:12px;
}