body{
background-image:url(images/bg-shadow.jpg);
background-position:top;
background-repeat:repeat-y;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
margin-bottom:0px;
}
#bagian-luar{
	margin:0 auto;
	padding:0 auto;
	width:800px;
}
#luar{
	margin:0 auto;
	padding:0 auto;
	width:800px;
}
#kepala{
	margin:0 auto;
	padding:0 auto;
background-color:#F7FDE1;
width:400px;
height:80px;
float:left;
}
#cari{
background-color:#F7FDE1;
background-image:url(images/sample_jkt.png);
background-position:left;
width:400px;
height:80px;
float:right;
}
.field-teks{
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bolder;
border:1px solid #8DC608;
}
.tombol{
background-color:#009900;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bolder;
border:1px solid #8DC608;
}
#menu-lis{
background-color:#EFFEBB;
background:url(images/greentab.jpg);
width:800px;
height:33px;
float:left;
}
ul{
	display:block;
	cursor:pointer;
	padding-left:0px;
	margin: 0px;
}
li{
	float:left;
	list-style-type:none;
	padding: 9px 15px 9px 15px;
	background:url(images/greentab.jpg);
	border-right:1px solid #8DC608;
	border-bottom:1px solid #8DC608;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}
li a{
	text-decoration:none;
	color:#FFFFFF;
}
li:hover{
	background:#EBFF87;
	background-image:url(images/hover-greentab.jpg);
	color:#000000;
}
#header-gambar{
width:800px;
height:263px;
}
div.sample_attach
{
  display: block;
  padding: 0px 3px;
  text-shadow:2px 2px 2px #999;
}

a.sample_attach
{
  display: block;
  padding: 5px 5px;
  background: #8DC608;
  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-size:11px;
  color:#FFFFFF;
  border-right:2px solid #BDEE57;
  border-left:2px solid #BDEE57;
  border-bottom:2px solid #BDEE57;
  text-shadow:2px 2px 2px #999;
}
a:hover.sample_attach 
{
  display: block;
  padding: 5px 5px;
  background:#AAE860;
  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  color:#000000;
}
#content{
background-color:#F7FDE1;
width:800px;
float:none;
}
#content-hubungi{
background-color:#F7FDE1;
width:800px;
height:600px;
float:none;
}
#sub-content{
background-color:#F7FDE1;
padding:10px;
width:180px;
height:150px;
float:left;
}
#sub-content a:link{
color:#F7FDE1;
text-decoration:none;
}
#solusi-top-content{
background-color:#F7FDE1;
width:800px;
}
#solusi-content{
background-color:#FFFFFF;
width:390px;
float:left;
padding:10px 5px 10px 5px;
}
#solusi-content a:link{
color:#FF9900;
text-decoration:none;
}
#single-content{
width:800px;
}
.image {
	padding:5px;
	margin: 3px 5px 3px 0;
	float: left;
}
a:link{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
color:#FF9900;
text-decoration:none;
}
a:visited{
color:#FF9900;
text-decoration:none;
}
#menu-lis a:link{
color:#FFFFFF;
text-decoration:none;
}
#menu-lis a:hover{
color:#000000;
text-decoration:none;
}
#menu-lis a:visited{
color:#FFFFFF;
text-decoration:none;
}
#menu-lis a:active{
color:#000000;
text-decoration:none;
}
#facebook-twitter{
width:475px;
float:left;
}
#newsletter{
width:325px;
float:left;
font-size:11px;
}
#footer{
background-image:url(images/footer.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:800px;
text-align:center;
vertical-align:top;
margin-top:40px;
}
#footer a:link{
color:#FF9900;
text-decoration:none;
}
#kulit-sub-content-produk{
background-color:#F7FDE1;
float:left;
width:450px;
}
#sub-content-produk{
background-color:#F7FDE1;
padding:10px;
width:550px;
height:75px;
}
#right-content-produk{
background-color:#FFFFFF;
padding-left:8px;
padding-right:7px;
float:right;
width:205px;
height:600px;
}
#title-right-content-produk{
float:right;
width:220px;
}
#gambar{
width:100px;
float:left;
}
#keterangan{
width:350px;
float:left;
}
#harga{
width:100px;
float:left;
text-align:right;
}
.gambar {
	padding: 3px;
	margin: 3px 5px 3px 0;
	border: 1px solid #98D015;
	float: left;
}
.gambar-no-border{
	padding: 3px;
	margin: 3px 5px 3px 0;
	float: left;
}
h2{
font-size:14px;
color:#FF3300;
font-weight:bold;
padding:0px;
margin:0px;
}
h3{
font-size:12px;
color:#FF9900;
font-weight:bold;
padding:0px;
margin:0px;
}
h4{
font-size:11px;
font-weight:100;
padding:0px;
margin:0px;
}
h5{
font-size:11px;
font-weight:bold;
color:#00CC00;
padding:0px;
margin:0px;
}
h6{
font-size:13px;
font-weight:bold;
color:#FF3300;
padding-left:10px;
margin:0px;
}
h7{
font-size:12px;
color:#CC9900;
padding-left:10px;
margin:0px;
}
#sub-content-produk a:link{
color:#FF3300;
text-decoration:none;
}
#sub-content-produk a:hover{
color:#666666;
text-decoration:underline;
}
#sub-content-produk a:visited{
color:#666666;
text-decoration:underline;
}

#right-content-produk a:link{
color:#666666;
text-decoration:none;
}
#right-content-produk a:hover{
color:#FF9900;
text-decoration:underline;
font-weight:bold;
}
#right-content-produk a:visited{
color:#666666;
text-decoration:none;
}
hr{background-color:#b5c27c;color:#b5c27c;border:none;height:1px;display:block;width:100%; margin-top:5px; margin-bottom:5px;}
#lingkup-paging{
padding-top:20px;
padding-left:220px;
}
#paging{
width:25px;
float:left;
margin-left:2px;
margin-right:2px;
height:15px;
text-align:center;
border:1px solid #000000;
background-color:#ACEE02;
}
#paging-selected{
width:25px;
float:left;
margin-left:2px;
margin-right:2px;
height:15px;
text-align:center;
border:1px solid #000000;
background-color:#ffffff;
font-weight:bold;
}
#paging:hover{
width:25px;
float:left;
margin-left:2px;
margin-right:2px;
height:15px;
text-align:center;
border:1px solid #000000;
background-color:#ffffff;
font-weight:bold;
}
#the-most{
text-align:left;
padding:10px;
margin-top:10px;
margin-left:10px;
width:240px;
height:90px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
}
#the-most a:link{
color:#666666;
text-decoration:none;
}
#the-most a:hover{
font-weight:bold;
color:#FF9900;
text-decoration:none;
}
#the-most a:visited{
color:#FF9900;
text-decoration:none;
}
#title-kiri-berita{
width:250px;
}
#kiri-berita{
width:250px;
float:left;
}
#kiri-berita-kecil{
background-color:#FFFFFF;
width:230px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
}
#kanan-berita{
width:530px;
float:right;
padding-left:20px;
padding-right:0px;
}
#cara-belanja{
width:800px;
}
#kanan-berita a:link{
color:#666666;
text-decoration:none;
}
#kanan-berita a:hover{
color:#FF9900;
text-decoration:none;
font-weight:bold;
}
#kanan-berita a:visited{
color:#666666;
text-decoration:none;
}
#review-produk{
width:510px;
}
#semua-review-produk{
width:510px;
padding:5px 10px 5px 10px;
}
#semua-review-produk:hover{
width:510px;
background-color:#FFFF99;
}
#parade{
width:800px;
}
.sub-parade{
width:120px;
height:160px;
background-color:#FFFFFF;
padding-left:12px;
padding-right:12px;
text-align:center;
}
.batas-parade{
width:40px;
padding-bottom:20px;
float:left;
}
#title-parade{
text-align:center;
padding-top:10px;
font-weight:bold;
}
#title-parade a:link{
color:#FF9900;
text-decoration:none;
}
#title-parade a:hover{
font-weight:bold;
color:#666666;
text-decoration:none;
}
#title-parade a:visited{
color:#FF9900;
text-decoration:none;
}
#review-produk a:link{
color:#FF3300;
text-decoration:none;
}
#review-produk a:hover{
color:#009900;
text-decoration:underline;
}
#review-produk a:visited{
color:#666666;
text-decoration:none;
}
#kiri-berita a:link{
color:#FF9900;
text-decoration:none;
}
#kiri-berita a:hover{
color:#009900;
text-decoration:underline;
}
#kiri-berita a:visited{
color:#666666;
text-decoration:none;
}
#related{
width:380px;
padding-left:10px;
padding-bottom:10px;
float:left;
}
#related a:link{
color:#FF3300;
text-decoration:none;
}
#related a:hover{
color:#009900;
text-decoration:underline;
}
#related a:visited{
color:#666666;
text-decoration:none;
}
#hubungi-kami{
width:510px;
padding:5px 10px 5px 10px;
text-align:justify;
}

#download-daftar-harga{
width:510px;
text-align:justify;
}

/*motion gallery pada index*/
#motioncontainer {
width: 720px; /* Set to gallery width, in px or percentage */
height: 160px; /* Set to gallery height */
background-color:#FFFFFF;
}



.modernbricksmenu2{
padding: 0;
width: 518px;
border-top: 10px solid #EBFDA9;
}

.modernbricksmenu2 ul{
margin:0;
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
padding: 0;
}

.modernbricksmenu2 a{
float: left;
display: block;
font:11px Arial;
color:#FFFFFF;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
border-top: 1px solid white;
font-weight:bold;
}

.modernbricksmenu2 a:hover{
background-color: #EBFDA9; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #EBFDA9; /*Brown color theme*/ 
color: white;
border-color: #EBFDA9; /*Brown color theme*/ 
}
#download-box{
width:520px;
padding-top:20px;
}
#sub-download-box{
width:240px;
text-align:center;
font-weight:bold;
background-color:#EDFFAC;
border:1px solid #999999;
margin-left:10px;
margin-right:5px;
padding-bottom:5px;
padding-top:5px;
float:left;
}