@charset "utf-8";
/* CSS Document */

body {background-color:#f0f0f0; font-family:Tahoma; font:Tahoma ; font-size:11px;}

td {font-family:Tahoma; font:Tahoma ; font-size:11px;}
a {text-decoration:none; color:#000000;}
a:hover {text-decoration:underline; color:#000000;}
a:visit {color:#000000;}

img {border:none;}
.foto {
vertical-align:middle;
text-align:center;
padding: 10 10 10 10 ;
}

h1 {font-family:"Times New Roman", Times, serif;
font:"Times New Roman", Times, serif;
font-size:28px;
font-weight:bold;
text-align:center;
}


input[type=text] {background-color:#a5adb0; border-left-color:#4e5356; border-top-color:#4e5356; border-right-color:#d6dbdf; border-bottom-color:#d6dbdf;font:Tahoma ; font-size:11px;}
textarea {background-color:#a5adb0; border-left-color:#4e5356; border-top-color:#4e5356; border-right-color:#d6dbdf; border-bottom-color:#d6dbdf;font:Tahoma ; font-size:11px;}
select {background-color:#a5adb0; border-left-color:#4e5356; border-top-color:#4e5356; border-right-color:#d6dbdf; border-bottom-color:#d6dbdf;font:Tahoma ; font-size:11px;}

#search {
	padding: 0;
	margin: 0;
	clear: both;
}

#menu {float: left; clear: both; font:Tahoma; font-size:11px; color:#2e4b6b;}
#menu  ul { list-style-image:url(images/bul-arrow.gif); list-style-position:inside; margin-left:0px;}
#menu  li {float: left; font:Tahoma; font-size:11px; margin-right:15px;}
#menu li a{ color: #2e4b6b; font-size: 11px; text-decoration:none; list-style-image:url(images/icon.jpg);}
#menu li a:hover {color:#ee1c25; font-weight:bold;}


#kategori {float: left; clear: both; font:Tahoma; font-size:11px; color:#ffffff;}
#kategori a{ color: #ffffff; font-size: 11px; text-decoration:none; }
#kategori a:hover { color: #ffd821; font-size: 11px; text-decoration:underline;}
#kategori a:visit { color: #ffffff; font-size: 11px; text-decoration:none; }
#kategori  ul { list-style-image:url(images/white-arrow.png); list-style-position:inside; margin-left:0px;}
#kategori  li {float: left; font:Tahoma; font-size:11px; margin-right:15px;}
#kategori li a{ color: #ffffff; font-size: 11px; text-decoration:none; }
#kategori li a:hover {color:#ffd821; font-weight:bold;}

#tips {font:Tahoma; font-size:11px; color:#ffffff; margin:15px 25px 10px 0px;}
#tips  ul { list-style-image:url(images/white-arrow.png); list-style-position:inside; margin-left:0px;}
#tips  li {font:Tahoma; font-size:12px; margin-right:15px; margin-bottom:10px;}
#tips li a{ color: #ffffff; font-size: 12px; text-decoration:none; list-style-image:url(images/icon.jpg);}
#tips li a:hover {color:#ffd821;}

#artikel {font:Tahoma; font-size:11px; color:#353c44; margin:15px 25px 10px 0px;}
#artikel  ul { list-style-image:url(images/bul-arrow.gif); list-style-position:inside; margin-left:50px;}
#artikel  li {font:Tahoma; font-size:12px; margin-right:15px; margin-bottom:10px;}
#artikel li a{ color: #353c44; font-size: 12px; text-decoration:none; list-style-image:url(images/icon.jpg);}
#artikel li a:hover {color:#1d2023;}

.kategori
.kategori a{ color: #ffffff; font-size: 11px; text-decoration:none; }
.kategori a:hover { color: #ffd821; font-size: 11px; text-decoration:underline;}
.kategori a:visit { color: #ffffff; font-size: 11px; text-decoration:none; }

.cart a{ color: #000000; font-size: 11px; text-decoration:none; }
.cart a:hover{ color: #ffffff; font-size: 11px; text-decoration:underline; }
.cart a:visit{ color: #000000; font-size: 11px; text-decoration:none; }

.lihat {font:Tahoma; font-size:12px; color:#ffffff; text-align:right;}
.lihat a{ color: #ffffff; font-size: 12px; text-decoration:none;}
.lihat a:hover {color:#ffd821;font-size:12px; text-decoration:underline;}

.menu-footer {font:Tahoma; font-size:10px; color:#2e353d; text-align:center; vertical-align:middle;}
.menu-footer a{ color: #2e353d; font-size: 10px; text-decoration:none; list-style-image:url(images/icon.jpg);}
.menu-footer a:hover {color:#2e353d;font-size:10px;}

#tentang-kami
p {margin-left:25px; margin-right:25px;}
h2 {margin:5px 25px 0 25px; text-align:center;}

#detail {background-color:#FFFFFF;}

/*ul { list-style-image:url(images/bul-arrow.gif); list-style-position:inside; margin-left:0px;}
li {float: left; font:Tahoma; font-size:11px; margin-right:15px;}
li a{ color: #2e4b6b; font-size: 11px; text-decoration:none; list-style-image:url(images/icon.jpg);}
li a:hover {color:#ee1c25; font-weight:bold;}*/
/*#kiri {float:left; margin-left: 10px; margin-right:5px; width:30%;}
#kanan {float:right; margin-left: 5px; margin-right:5px; margin-top:10px; text-align:center; width:70%}*/

.kuning{background-color:#ffd821;}
.judulproduk {color:#000000; font-size:10px; margin: 0 12 0 12; text-align:center; }
.tombolproduk {color:#000000; font-size:10px; margin: 0 12 0 12; text-align:center; }
.page {font-size:11px; text-align:center; }
.page a{font-size: 11px; text-decoration:underline;}
.page a:hover {color:#2e4b6b;font-size:11px;}
.navigasi a{font-size: 11px;}
.navigasi a:hover {color:#2e4b6b;font-size:11px;}
.promosi {font-weight:bold; color:#990000;}

/* start style dropdown menu kategori */
ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-image:url(images/bg-menu-kategori2.jpg);
	/*background-color:#db1a21;*/
	background-repeat:repeat;
	/*border-color:#AAAAAA;
	border-width:1px;
	border-style:solid;*/
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:91.35000000000001px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	/*background-color:#db1a21;*/
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:11px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	/*background-color:#DB1A21;*/
	border-color:#665500;
	border-style:solid;
	font:11px Tahoma;
	color: #ffd820;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	/*background-color:#DB1A21;*/
	border-color:#665500;
	border-style:solid;
	font:11px Tahoma;
	color: #ffd820;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_double_1o.gif)}
ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url(./images/arr_double_1.gif)}


/* end style dropdown menu kategori */

#facebox .b { background:url(http://www.klik-automania.com/images/f/b.png); }
#facebox .tl { background:url(http://www.klik-automania.com/images/f/tl.png); }
#facebox .tr { background:url(http://www.klik-automania.com/images/f/tr.png); }
#facebox .bl { background:url(http://www.klik-automania.com/images/f/bl.png); }
#facebox .br { background:url(http://www.klik-automania.com/images/f/br.png); }
#facebox { position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { margin: auto; border-collapse: collapse; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; }
#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }

/* PAGINATION */
div.pagination {
	padding: 3px 0 3px 0;
	margin: 0;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #CC0000;
	
	text-decoration: none; /* no underline */
	color: #000;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #CC0000;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #CC0000;
		
		font-weight: bold;
		background-color: #CC0000;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
/* END - PAGINATION */