body {
	font-family: arial;
}
.logo {
	margin-left: 10px;
	margin-top: 10px;
}
#copy{
	font-family: arial;
	font-size: 12px;
	font-color: black;
	text-align: center;
	background-color: #B8B8B8;
	height: 40px;
	padding-top: 15px;
	border-top: 5px solid #505050 ;
}
#garis{
	background-color: #C8C8C8;
	border-left: 5px solid black;
	padding: 6px;
	font-size: 16px;
}
.listproduct{
	border: 2px solid black;
	margin: 10px;
}
#divTrigger a:link,#divTrigger a:visited{
	 	text-decoration: none; /* hilangkan garis bawah pada link */
	 	margin:6px 0px; /* memberi jarak antar link */
	 	padding: 1px 4px; /* menjadikan link berada dalam kotak */
	 	border: 1px solid #000;
	  background-color: #FFF;
	  color: #000;
	 }
	 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
	 #divTrigger a:hover,#divTrigger a:active,.selected{ 
	    background-color: #00A;
	    color: #FFF;
	 }
	 #divContent{
	 	width: 985px;
	 	height: 400px;
	 	padding: 4px;
	 }
	 #divContent div{ 
	 	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	 	display:none; 
	 }

nav ul ul {
 display: none;
}

nav ul li:hover > ul {
 display: block;
}
nav ul {
 background: #A8A8A8 ;
 padding: 0;
 list-style: none;
 position: relative;
}
nav ul:after {
 content: ""; clear: both; display: block;
}
nav ul li {
 float: left;
}
nav ul li:hover {
 background: #4b545f;
}
nav ul li:hover a {
 color: #fff;
}

nav ul li a {
 display: block; padding: 10px 20px;
 color: white; text-decoration: none;
}
nav ul ul {
 background: #5f6975; border-radius: 0px; padding: 0;
 position: absolute; top: 100%;
}
nav ul ul li {
 float: none;
 border-top: 1px solid #6b727c;
 border-bottom: 1px solid #575f6a;
 position: relative;
}
nav ul ul li a {
 padding: 15px 40px;
 color: #fff;
} 
nav ul ul li a:hover {
 background: #4b545f;
}

nav ul ul ul {
 position: absolute; left: 100%; top:0;
}
.active{
	background-color: #4b545f;
}