@charset "UTF-8";
/* TEMPLATE */
td{font-size : 14px; font-family : Open Sans, sans-serif; }
h1,h1 a {  color:#000000;margin:3px;text-decoration:none;
font:29px Tahoma;
 }
body{
font-size : 14px; font-family : Open Sans, sans-serif; 

background-image:url('../themes/halosista/images/bck_sablon.jpg');
background-repeat:repeat-x;  
margin:0px;
}
form {margin:0px;}
a {
color:#666666;
}
.headtop {height:520px;}
.body {
margin-top:30px;
}
.imglink {color:#cccccc;text-decoration:none;}
.menu_left { margin-top:20px;height:32px;
float:left;width:982px; 
background-image:url('../themes/halosista/images/bck_menu_sablon.jpg');
background-repeat:no-repeat;
}


div.scroll2
{
background-color:#ffFFFF;
height:100%;width:100%;
overflow-x:scroll;
white-space: nowrap;
}
.produkjasa p{
text-align:justify;padding:0px
}


.main_menu_top {margin:10px 0px 30px;}
.main_menu_top li {
display:inline;
padding:0px;
margin:0px;
}
.main_menu_top a{
color:#000000;
margin:10px;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

.main_menu_top a:hover{
color:#b70000;
}
.main_menu_foot{text-align:left;}
.main_menu_foot ul {
 
padding:0px;
margin-left:10px;
margin-top:10px;
margin-right:0px;
margin-bottom:10px;
}
.main_menu_foot li {
display:inline;
padding:0px;
margin:0px;
}
.main_menu_foot a{
margin:5px;
}

.hotproduct img {width:130px;padding:5px;border:1px solid #eaeaea;margin:5px;}

.category_1 {padding:0px;
margin :0px; list-style: none;
}
.category_1 li{padding:0px;
margin:0px;
list-style: none;
}
.category_2 {padding:0px;
margin:0px;list-style: none;}


 .stilcanopen a {padding:0px;
margin:0px;display:block;
list-style: none;
color:#000000;font-weight:bold;text-decoration:none;
border-bottom:1px solid #eaeaea;padding-bottom:5px;padding-top:3px;padding-left:15px;
background-image:url('../images/plus.gif');
background-repeat:no-repeat;
background-position:left;
}

.nostlm a {
padding:0px;
margin:0px;display:block;
list-style: none;
color:#000000;font-weight:bold;text-decoration:none;
border-bottom:1px solid #eaeaea;padding-bottom:5px;padding-top:3px;padding-left:15px;
background-image:url('../images/min.gif');
background-repeat:no-repeat;
background-position:left;
}

 .category_2 li span{padding:0px;
margin:0px; 
list-style: none;
text-decoration:underline;
color:#000000;  
border-bottom:1px solid #eaeaea;padding-bottom:5px;padding-top:3px;padding-left:15px;
 display:block;
background-repeat:no-repeat;
background-position:left;
}
.category_2 a:hover {color:#999999;} 
.search_box { float:right;width:254px;height:34px;
background-repeat:no-repeat;
}
.footmenu  {margin-left:15px;color:#3A2729;margin-bottom:10px;margin-top:10px;padding-top:10px;padding-bottom:30px;}
 
.top1 {
width:17px;
height:23px;
 
background-position:bottom right;
}
.top2 {
width:370px;
height:23px;
 

}
.amistl a{display:block;color:#000000;font-weight:bold;text-decoration:none;
border-bottom:1px solid #eaeaea;padding-bottom:5px;padding-top:3px;padding-left:3px;
}
.amistl a:hover {background-color:#eaeaea;}
.top3 {
width:17px;
height:23px;
 

}

.side1 {
width:17px;
height:23px;
 
background-position:top right;
}
.side2 {
width:17px;
height:23px;
 
background-position:top left;
}
.menusamping{margin:10px;
padding-left:20px;
border-left:20px solid #2c2c2c;
background-repeat:no-repeat;
background-position:top left;
font-weight:bold;
font-size:15px;
//text-decoration:underline;
color:#000000;
}
 
.menu {
 border-bottom:2px solid #eaeaea;
background-repeat:no-repeat;
background-position:bottom right;
padding-bottom:20px;
}
.descpr {font-size:10px;}
/* SISTEM */
.page_error {}
.page_error h1 {}
.template_error {
border:1px solid #000000;
padding:12px;
width:400px;
margin-top:100px;
}
.template_error h1 {}
.product_title_box { width:90%;
font-weight:bold;
border-top:1px solid #eaeaea;
}
.product_short_desc{
font-size:11px;
}
.button_buy{
background-color:#996600;
color:#ffffff;
height:20px:
margin-top:40px;
padding:5px 20px;
display:block;font-weight:bold;text-decoration:none;
}
.product_box {
padding:5px;height:270px;
margin:10px 10px 20px;float:left;width:205px;
}
.not_available {
color:#ff0000;
font-weight:bold;

}
.flyingdiv {
position:fixed;
background-color:#000000;
width:100%;
top:0px;
left:0px;
right:0px;
bottom:0px;	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;z-index:100;
	opacity: 0.8;display:none;

}
.cart_div {
background-color:#ffffff;position:fixed;z-index:200;top:30%;left:30%;padding:10px;display:none;width:30%;
}
.bigscreen_div {
background-color:#ffffff;position:fixed;z-index:200;top:10%;left:30%;padding:10px;display:none;width:30%;
}
.harga_barang {
font-weight:bold;
margin:2px 0px;
color:#ff0000;
}
.harga_asli {
text-decoration:line-through;
color:#999999;
margin:2px 0px;
}
.but_area a {
background-color:#996600;
color:#ffffff;
height:20px:font-weight:bold;text-decoration:none;

padding:5px 20px;
display:block;
}
.title_in_cart {
font-size:10px;
}
.number_in_cart { font-size:11px; }
.total_cart { font-weight:bold; }
.title_in_cart a{
text-decoration:none;
}
.cartb_cart {
background-color:#cccccc;
color:#ffffff;
height:20px:font-weight:bold;text-decoration:none;

padding:5px 20px;
display:block;
}
.cartb_checkout {
background-color:#009933;
color:#ffffff;
height:20px:font-weight:bold;text-decoration:none;
padding:5px 20px;
display:block;
}
.page_title h1 , .page_title h1 a{
font-weight:bold;
color:#000000;text-decoration:none;
font-size:20px;
}
.product_info {border-top:1px solid #cacaca;margin-top:25px;padding-top:10px;}
.pagging {
margin-top:0px;
}
.pagging a{
padding:3px;border:1px solid #cccccc;margin:3px;
}
.currentpage {
padding:3px;border:1px solid #000000;margin:3px;
background-color:#000000;
color:#ffffff;font-weight:bold;
}

.testi_name {
font-weight:bold;
}
h3 a {font-size:14px;margin:0px;color:#B60101;}
h4 {margin:3px;}
.messagesukses{
margin:10px;
padding:5px;color:#000000;font-weight:bold;
border:2px solid #11851F;
background-color:#8CFF9A;
}
.messagegagal{
margin:10px;
padding:5px;color:#ffffff;font-weight:bold;
border:2px solid #85112E;
background-color:#FF6666;
}

.facebookcomment {
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
}
 
.homepage h1{
margin:0px;border-bottom:1px dashed #000000;
}
.homepage h3{
font-size:14px;
}
.homepage1{
margin:0px;
}
.homepage2{
font-size:14px;
}
.imgtops {margin-top:10px;}
.keranjangbelanjaatas {color:#000000;text-decoration:none;}
.keranjangbelanjaatas2 {text-decoration:underline;}
.searchbp {margin-top:10px;margin-left:15px;}
.searchformt {border:1px solid #ffffff;background-color:#cccccc;width:300px;}
.submitformtsearch {background-color:#000000;font-weight:bold;color:#ffffff;border:0px;}

.droinfo {
font-weight:bold;width:150px;
}
.ulist  { font-family:arial;
font-weight:bold;font-size:15px;
}
.ulist2  { font-family:arial;
 font-size:10px;color:#666666;
}
.orna {
font-size:10px;color:#ff0000;
}
.ornrona {border:2px dashed #0099ff;margin:5px;padding:10px;background-color:#9BD7FF;}
.contentop {padding:5px;}
.contentdivv {margin:5px;padding:5px;}
.covload {position:fixed;top:0;left:0;width:100%;height:100%;display:none;background-color:#ffffff;opacity:0.4; filter:alpha(opacity=40);padding-top:30%;z-index:3000;}
.loaderjd {top:40%;left:40%;}

/* JS COOK MENU */




/*
 * ThemeGray Style Sheet
 * by Ian Reyes and Heng Yuan
 */

.ThemeGrayMenu,.ThemeGraySubMenuTable
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
padding-left:10px;
	color: #000000;
	background-color: #ffffff;

	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeGraySubMenu
{
	position:	absolute;
	display:	block;
	visibility:	hidden;
	overflow:	hidden;

	border:		1px outset #ffffff;
	background-color: transparent;
}

.ThemeGraySubMenuTable
{
	border-collapse:	separate;
	opacity:	0.9;
	filter:Alpha(style=0,opacity=90);
}

.ThemeGrayMenuItem,.ThemeGrayMenuItemHover,.ThemeGrayMenuItemActive
{
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeGrayMainItem,
.ThemeGrayMenuItem
{
	padding:	4px 10px 4px 10px;

	border:		0px solid #ff0000;
	background-color:	#ffffff;
}

.ThemeGrayMainItemHover,
.ThemeGrayMainItemActive
{
	padding:	4px 10px 4px 10px;
	
	border:		1px solid #ffffff;
	background-color:	#ffde9b;
border-bottom:1px solid #996600;
}

.ThemeGrayMenuItemHover,
.ThemeGrayMenuItemActive
{
	padding:	5px;

	background-color:	#ffde9b;

}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeGrayMainFolderLeft,
.ThemeGrayMainItemLeft,
.ThemeGrayMainFolderText,
.ThemeGrayMainItemText,
.ThemeGrayMainItemRight,
.ThemeGrayMainFolderRight
{
	border: 0;
	background-color: inherit;
	white-space: nowrap;
}

/* sub menus sub components */

.ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeGrayMenuFolderText,
.ThemeGrayMenuItemText
{
	padding:	3px 3px 3px 5px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeGrayMenuItemRight,
.ThemeGrayMenuFolderRight
{
	padding:	3px 1px 3px 0px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

/* hoover and active border */
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
	border-color:	#9C9A9C;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft
{
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	padding:	2px 0px 2px 2px;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText
{
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	padding:	2px 3px 2px 5px;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	padding:	2px 0px 2px 0px;
}

td.ThemeGrayMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		5px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

div.ThemeGrayMenuSplit
{
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
	border-top: 1px solid #9C9A9C;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeGrayMenuItem img.seq1
{
	display:	inline;
}

.ThemeGrayMenuItemHover seq2,
.ThemeGrayMenuItemActive seq2
{
	display:	inline;
}

.ThemeGrayMenuItem .seq2,
.ThemeGrayMenuItemHover .seq1,
.ThemeGrayMenuItemActive .seq1
{
	display:	none;
}




ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}




ul.dropdown-vertical {
 width: 150px;
}

ul.dropdown-vertical ul {
 top: 1px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
}





ul.dropdown-vertical-rtl {
 float: right; width: 150px; 
}

ul.dropdown-vertical-rtl ul {
 left: auto !important;
 right: 99%;
}

ul.dropdown-vertical-rtl li {
 text-align: left; 
}










ul.dropdown { 
 font-weight: bold;
}

	ul.dropdown li {
	 
	 border-style: solid;
	 border-width: 1px 0px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #ffffff;
	 color: #000;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	 color: #000;
	}

	ul.dropdown a,ul.dropdown a:link,
	ul.dropdown a:visited	{ padding: 3px 7px;display:block;color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


 ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(../themes/halosista/images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url('../themes/halosista/images/nav-arrow-right.png');
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url('../themes/halosista/images/nav-arrow-top.png');
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url('../themes/halosista/images/nav-arrow-right.png');
}

ul.dropdown-vertical-rtl li{
 padding-left: 15px; text-align: left; 
}
ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url('../themes/halosista/images/nav-arrow-left.gif');
 background-position: 0 50%;
}


.tip1 {
position:fixed;
padding:3px;
width:100%;
background-color:#3A2729;
color:#ffffff;top:0px;
z-index:40000;
}
.tip2 {
width:970px;
text-align:left;
font-size:11px;
}
.tip3 {
font-size:11px;}
.tipa {
color:#cccccc;
font-weight:bold;
margin-left:30px;
}
.tipbold {
font-weight:bold;
}

.boxque {
padding:10px;border-bottom:1px solid #cccccc;
}
.boxque a {
padding-left:35px;
padding-right:35px;
padding-top:10px;
padding-bottom:10px;
}
.boxque a:hover{color:#000000;}

.boxques {padding:0px;
margin:0px;}
.boxques li {
display:inline;
padding:0px;
margin:0px;
}
.boxques li a {
padding-left:35px;
padding-right:35px;
padding-top:10px;
padding-bottom:10px;
}
.boxques a:hover{color:#000000;}
.bloq {
 padding:10px;border-bottom:1px solid #cccccc;
}
.atasox, atasox a{
font-weight:bold;text-decoration:none;
}
.menukuatas {padding-top:5px;}
.menukuatas2 {padding-top:0px;}
.menukuatas3 {padding-top:2px;}
.onhubungi {display:none;}

.tablharga {
background-color:#A4D3E6;font-weight:bold;color:#000000;
}
.tablhargb {
background-color:#ffffff; 
}
.tablhargc {text-align:right;
background-color:#ffffff; 
}
.nharga {display:none;}
.depancaraorder {
background-image:url('../../isosablon.com/images/homepage/home_bg_order.jpg');width:728px;height:134px;margin-top:10px;
}


 
.desktop_cart{}
.mobile_cart{display:none;}

.image_depan {margin-top:12px;margin-bottom:24px;display:block;}

.hubn { color:#b70000;font-family:tahoma;font-size:16;font-weight:bold; }

.tip4 {display:none;}
.keranjang {text-align:right;}
.resipengirim {}
#fullnavigasi {display:none;}
.on_mobile {}
.headline2 {color:#b70000;font:17px tahoma;margin-left:20px;}
.menumobile {display:none;}

.halamandepancustom {
-o-transform:scale(0.33);-o-transform-origin : 0 0;-webkit-transform : scale(0.33);
-webkit-transform-origin : 0 0;
}
.belakangtopi {
position:absolute;
 background-image:url('../warnakaos/putih.jpg');

 width:1327px; 
height: 1442px;padding-left:480px;padding-top:330px;background-repeat:no-repeat;MARGIN-bottom:-180px;
padding-right:20px;
}

div.colorPicker-palette {
  width: 210px;
height:100px;  position: absolute;
 overflow: auto;  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}

.topikiri {min-height:620px;
float:left;
BACKGROUND-COLOR:#ffffff;
background-image:url('../warnakaos/putih.jpg');
background-repeat:no-repeat;background-size: 33% auto;
width:530px; //530

}
.topikanan {float:right;BACKGROUND-COLOR:#ffffff;text-align:left;width:330px;  }

.buttonwarna {
margin-bottom:10px;
border:1px solid #cacaca;
width:100%;
padding:10px;
  cursor: pointer;
 border-radius: 5px;
 background-image: url('../../cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/96810.png');
background-repeat:no-repeat;
background-position:
right 10px center;
}
.divwarna {
border:1px solid #cacaca;
width:954px;
padding:10px;   position:absolute;
display:none;
background-color:#ffffff;
 z-index:  10000;
-webkit-box-shadow: 10px 10px 54px 0px rgba(0,0,0,0.25);

-moz-box-shadow: 10px 10px 54px 0px rgba(0,0,0,0.25);

box-shadow: 10px 10px 54px 0px rgba(0,0,0,0.25);
}

.warnalengkung {
float:left;width:450px;
}
.warnadatar {
float:right;width:450px;
}
.pilihantopi {
 display:block;padding:10px;cursor: pointer; 
}
.pilihantopi:hover {
 display:block;padding:10px;cursor: pointer;font-weight:bold; 
   opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}


.klikupl {
border:0px;padding:5px;background-color:#b60000;color:#ffffff;font-weight:bold;
}

.flyingkat {position:fixed;z-index:5000;height:100%;width:100%;background-color:#000000;left:0px;top:0px;opacity: 0.95; filter: alpha(opacity=95);display:none;}
.pilihgrm {
padding:5px;border:2px solid #cacaca;margin-right:20x;
}

.myflydiv {
 position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);background-color:#eaeaea;border:1px DOTTED #999999;padding:10px;
}





#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#progress-wrp .progress-bar{
    height: 20px;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status{
    top:3px;
    left:35%;
    position:absolute;
    display:inline-block;
    color: #000000;
}

#flyingot { display:none; }

.scrolltipe {
background-color:#ffFFFF;
max-width: 100%;
    overflow-x: hidden;
white-space: nowrap;
}

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (max-width: 760px),
	 (min-device-width : 320px)
	and (max-device-width : 480px) {


div.scroll2
{
background-color:#ffFFFF;
height:100%;width:100%;
overflow-x:scroll;
white-space: nowrap;
}
.produkjasa p{
text-align:justify;padding-left:10px;padding-right:10px;
}


.menubagus{display:none;position:absolute;padding:10px;z-index:9000;
background-color:#b60000;border:#550000 solid 1px;width:100%;}
.menubagus a{display:block;color:#ffffff;padding:10px;border-bottom:1px dashed #FF6464;text-decoration:none;font-weight:bold;}
.menubagus a:hover{color:#ffffff;padding:10px;border-bottom:1px dashed #FF6464;text-decoration:none;font-weight:bold;background-color:#FF6464;}



.myflydiv {
 position: fixed;
    top: 50%;
    left: 35%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);background-color:#eaeaea;border:1px DOTTED #999999;padding:10px;
}

.buttonwarna {
margin-bottom:10px;
border:1px solid #cacaca;
width:300px;
padding:10px; 
 cursor: pointer; 
border-radius: 5px;
 background-image: url('../../cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/96810.png');
background-repeat:no-repeat;
background-position:right 10px center;
}

.divwarna {
border:1px solid #cacaca;
width:300px;
padding:10px;   position:absolute;
display:none;
background-color:#ffffff;
 z-index:  10000;
-webkit-box-shadow: 10px 10px 54px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 10px 54px 0px rgba(0,0,0,0.25);
box-shadow: 10px 10px 54px 0px rgba(0,0,0,0.25);
}

.warnalengkung {
width:300px;
}
.warnadatar {
width:300px;
}



 .topikanan {
BACKGROUND-COLOR:#ffffff;text-align:left;width:100%;padding-left:5px;
}
.topikiri {
min-height:370px;
 margin-left:-20px;BACKGROUND-COLOR:#ffffff;
background-image:url('../warnakaos/putih.jpg');
background-repeat:no-repeat;background-size: 67% auto;
}
.halamandepancustom {
-o-transform:scale(0.19);-o-transform-origin : 0 0;-webkit-transform : scale(0.19);
-webkit-transform-origin : 0 0;
}


.belakangtopi {
background-image:none;
width:320px; 

 height:400px;
padding-left:490px;padding-top:340px;background-repeat:no-repeat;MARGIN-bottom:-240px;

}

	
.imgtops  {max-width:320px;}
.product_imgasli{max-width:310px;}
body { 
 overflow-x: hidden;
			margin-top: 10px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px; 
			padding: 0; 
			width: 100%; 

 background-image:url('../themes/halosista/images/bck_sablon.jpg');
 background-repeat:repeat-x;  
 

}
.image_depan {margin-top:0px;margin-bottom:0px;display:none;}
.depancaraorder { display:none; }
.body {
margin-top:-20px; width:100%;
margin-left:0px;
padding-left:0px;
}
//a:img  {text-align:center; }
		/* Force table to not be like tables anymore */
//a {max-width:100%;}
table, thead, tbody, th, td, tr,h1,ul,li   { 
			display: block; 
 width:100%;
  
		}
		



div.colorPicker-palette {

  width: 210px;
height:100px;  position: absolute;
 overflow: auto;  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}






		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
		//	position: absolute;
		//	top: -9999px;
			//left: -9999px;
		}
		
		tr { //border: 1px solid #ccc;
 }
		
		td { 
			/* Behave  like a "row" */
		//	border: none;
		//	border-bottom: 1px solid #eee; 
		//	position: relative;
		//	padding-left: 50%; 
		}
.headtop {height:230px;}
.tip2 { width:100%;text-align:left;}
		.tip3 {display:none;}
.tip4 {display:block;text-align:center;padding-left:0px;}
.menu_left {float:none;display:none;clear:both;}
.main_menu_top ul,.main_menu_top li{display:block;}
		 
.search_box {display:block;clear:both;float:none;text-align:left;
 width:100%;}
.headline2 {color:#b70000;font:17px tahoma;margin-left:3px;}
.searchbp {margin:0px;padding:0px;width:100%;}
.searchformt { width:80%; }
// .submitformtsearch {display:none;}
.keranjang {text-align:center;}
.ornrona {display:none;}
.contentop {padding:0px;margin:0px;}
.contentdivv {padding:0px;margin:0px;}
.side1 {height:0px;display:none;}
.product_box { width:145px;height:145px;text-align:center;float:left;margin:10px;padding:3px;margin-bottom:20px;border:1px solid #eaeaea; }
.product_box img{ width:145px;   }
.resipengiriman {display:none;margin:0px;}
.depanh,.depanh a {width:95%;}
.main_menu_foot,.main_menu_foot li, .main_menu_foot ul,.main_menu_foot a {display:block;text-align:left;
padding-bottom:5px;}
.onhubungi {font-weight:bold;font-size:14px;display:block;}
#fullnavigasi {display:block;}
 .menukuatas {padding:5px;text-align:center;margin-left:3px;margin-right:3px;}
 .menukuatas2 {padding:5px;text-align:center;margin-left:3px;margin-right:3px;}
 .menukuatas3 {padding:5px;text-align:center;margin-left:3px;margin-right:3px;}
.menukuatas a,.menukuatas2 a,.menukuatas3 a {
border-top:#000000 dashed 1px;padding-top:3px;font-weight:bold;
display:block;
}
.tipa {
font-size:14px;
color:#cccccc;
font-weight:bold;
margin-left:0px;
}
.menumobile {display:block;margin-top:10px;margin-left:5px;}
.nharga {display:inline;color:#cccccc;}
.tipbold {
font-size:14px;
font-weight:bold;
}
.stilcanopen a {margin-bottom:8px;margin-top:8px;}
.nostlm a{margin-bottom:8px;margin-top:8px;}
 .boxques ul{display:block;}
.boxques a {display:block;padding-top:1px;padding-bottom:1px;border-bottom:1px dashed #cacaca;}
.number_in_cart {display:none;}
.desktop_cart{display:none;}
.mobile_cart{display:block;}
.on_mobile {text-decoration:underline;font-weight:bold;}
.on_mobile1 {text-decoration:underline; }
 .kernj{ margin-top:10px;}
h1,h1 a {  color:#000000;margin:3px;text-decoration:none;
font:35px Tahoma;
 }
.covload {width:100px;height:100px;}
.loaderjd {top:40%;left:40%;}
.tablhargb {
background-color:#A4D3E6;font-weight:bold;color:#000000;
}

.side1,.side2 {
width:0px;
height:0px;
 display:none;
 }














.btndesainsekarang {text-align:center;display: block;height:30px;
 width:50%;float:left;
 
 
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;font-weight:bold;
 
 background: #AE0407;
 


   padding: 8px 0 3px 0;
 
  text-decoration: none;
 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.btndesainsekarang:hover {
  background: #dedede;
  text-decoration: none;
}

.btntanya {text-align:center;display: block;height:30px;
 width:50%; float:right;
 
  font-family: Arial;
  color: #000000;
  font-size: 12px;
  background:  #FFCC00;
   padding: 8px 0 3px 0;font-weight:bold;

  text-decoration: none;
 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.btntanya:hover {
  background: #dedede;
  text-decoration: none;
}


#flyingot {
    position: fixed;//padding-top:5px;  
    bottom: 0px;
    background-color:#ffffff;width:100%;height:30px; 
width:100%;display:block;
z-index:500;
-webkit-box-shadow: 0px 4px 12px 9px rgba(128,128,128,0.17);
-moz-box-shadow: 0px 4px 12px 9px rgba(128,128,128,0.17);
box-shadow: 0px 4px 12px 9px rgba(128,128,128,0.17);

}








.scrolltipe {
background-color:#ffFFFF;
height:100%;width:100%;
overflow-x:scroll;
white-space: nowrap;
}







 .main_menu_foot ul{display:block;}
.main_menu_foot a {display:block;padding-top:1px;padding-bottom:1px;border-bottom:1px dashed #cacaca;}
.pagging {text-align:left;}
	}
	
 
		}
	

@media only screen and (min-device-width: 500px) and (max-device-width: 768px) {
		body { 
		//	width: 495px; 
		}
	}