body{
   color: #333;
   line-height: 1.4;
background-position:top;
background-repeat:repeat-y;
background-color:#FFFFFF;
font-family:Arial, verdana, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
margin-bottom:0px;
}
#begin{
	margin:0 auto;
	padding:0 auto;
	width:800px;
}
#layer{
	margin:0 auto;
	padding:0 auto;
	width:800px;
}
#top{
	margin:0 auto;
	padding:0 auto;
    background-color:#FFF;
    height:100px;
    float:left;
}
#cari{
background-color:#FFF;
#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('http://121.52.147.78/images/greentab.jpg');
width:800px;
height:33px;
float:left;
}
ul{
	display:block;
	cursor:pointer;
	padding-left:0px;
	margin: 0px;
}
.text{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

li{
	float:left;
	list-style-type:none;
	padding: 9px 15px 9px 15px;
	background:url('http://121.52.147.78/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:#000000;
}
li:hover{
	background:#EBFF87;
	background-image:url('http://121.52.147.78/images/hover-greentab.jpg');
	color:#000000;
}
#header-gambar{
width:800px;
height:282px;
}
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;
}
.heading {
            color:#D0761E;
            font-weight: bold;
            font-size: 14pt;
    letter-spacing:1pt;
    line-height:1;
    font-family:verdana, sans-serif;
          
 }
 .form-login  {
  margin: 1px 0;
  font-size: 14px;
  color: #246EA7;
  width: 205px;
  padding: 1px 1px 1px 7px;
  background: #fFfFEF;
  border: 1px solid #A7CEEC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow:0 0 6px #aaaaaa;
  -webkit-box-shadow:0 0 6px #aaaaaa;  
}
.error {
  margin: 15px auto;
width: 600px;  
  font-size: 14px;
  color: #000;  
  padding: 15px 12px 15px 47px;
  background: #FFCCCC;
  border: 1px solid #FFC24A;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 14px;
  -moz-box-shadow:0 0 6px #aaaaaa;
  box-shadow:0 0 6px #aaaaaa;
  -webkit-box-shadow:0 0 16px #aaaaaa;    
} 

#body-content{
background-color:#FFFFFF;
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('http://121.52.147.78/images/footer.jpg');
background-position:bottom;
background-repeat:no-repeat;
width:800px;
text-align:center;
vertical-align:top;
margin-top:40px;
}
a:link {  
    color: #0058AD; 
    text-decoration: none
}

a:visited { 
    color: #0058AD; 
    text-decoration: none
}

a:hover { 
    color: #E50000; 
    text-decoration: underline
}
.dotbg {background:url('../images/dot.gif') repeat-x center center; height:10px}
.dotbgvert {background:url('../images/dot.gif') repeat-y left;}

.required{
    color:red;
    font-weight:bold;
    font-size:12pt;
    margin-left:10pt;
}
.info {
  margin: 1px auto;
  font-size: 14px;
width: 600px;  
color: #246EA7;
  padding: 15px 12px 15px 47px;
  background: #DFECF7;
  border: 1px solid #A7CEEC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 14px;
  -moz-box-shadow:0 0 6px #aaaaaa;
  -webkit-box-shadow:0 0 6px #aaaaaa;  
} 
#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;
}
.form {
  width:450px;
  margin: 11px auto;
  padding: 7px 7px 7px 7px;
  background: #FFF2E0;
  border: 1px solid #A7CEEC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow:0 0 6px #aaaaaa;
  -webkit-box-shadow:0 0 6px #aaaaaa;  
}
.form-style-3{
    max-width: 100%;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
    }
.form-style-3 label{
    display:block;
    margin-bottom: 10px;
}
.form-style-3 label > span{
    float: left;
    width: 100px;
    color: #000;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 1px 1px 1px #fff;
}
.form-style-3 fieldset{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0px 0px 10px 0px;
    border: 1px solid #e5a755;
    padding: 20px;
    background: #fbf4ea;
    box-shadow: inset 0px 0px 15px #FFE5E5;
    -moz-box-shadow: inset 0px 0px 15px #FFE5E5;
    -webkit-box-shadow: inset 0px 0px 15px #FFE5E5;
}
.form-style-3 fieldset legend{
    color:#D0761E;
    border-top: 1px solid #e5a755;
    border-left: 1px solid #e5a755;
    border-right: 1px solid #e5a755;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    background: #fbf4ea;
    padding: 0px 8px 3px 8px;
    box-shadow: -0px -1px 2px #F1F1F1;
    -moz-box-shadow:-0px -1px 2px #F1F1F1;
    -webkit-box-shadow:-0px -1px 2px #F1F1F1;
    font-weight: normal;
    font-size: 12px;
    font-weight: bold;
}
.form-style-3 textarea{
    width:250px;
    height:100px;
}
.form-style-3 input[type=text],
.form-style-3 input[type=date],
.form-style-3 input[type=datetime],
.form-style-3 input[type=number],
.form-style-3 input[type=search],
.form-style-3 input[type=time],
.form-style-3 input[type=url],
.form-style-3 input[type=email],
.form-style-3 select, 
.form-style-3 textarea{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #e5a755;
    outline: none;
    color: #000;
    padding: 3px 8px 5px 8px;
    box-shadow: inset 1px 1px 4px #FFD5E7;
    -moz-box-shadow: inset 1px 1px 4px #FFD5E7;
    -webkit-box-shadow: inset 1px 1px 4px #FFD5E7;
    background: #fefbf9;
    width:90%;
}
.form-style-3  input[type=submit],
.form-style-3  input[type=button]{
    background: #e5a755;
    border: 1px solid #a5a7a5;
    padding: 5px 15px 5px 15px;
    color: #fff;
    box-shadow: inset -1px -1px 3px #FF62A7;
    -moz-box-shadow: inset -1px -1px 3px #FF62A7;
    -webkit-box-shadow: inset -1px -1px 3px #FF62A7;
    border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;    
    font-weight: bold;
}
.required{
    color:red;
    font-weight:normal;
}
.CSSTableGenerator {
	margin:0px;padding:0px;

	box-shadow: 10px 10px 5px #888888;
	border:1px solid #919191;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSGenerator2 {
    margin:0px;padding:0px;

    box-shadow: 0px 0px 5px #888888;
    border:0px 1px solid #919191;
    
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
    
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
    
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
    
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}

.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
    width :100%;
    
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#e2e2e2; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #919191;
	border-width:0px 1px 1px 0px;
	padding:7px;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
	background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");	background: -o-linear-gradient(top,#ff7f00,bf5f00);

	background-color:#ff7f00;
	border:0px solid #919191;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
	background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");	background: -o-linear-gradient(top,#ff7f00,bf5f00);

	background-color:#ff7f00;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.list li{
padding:0px 0px 2px 10px;margin:0px;font-weight:weight;font-size:14px;float:none;
list-style:circle inside none;background-image:none;border:none;color:black;
      }
.list2 li{
padding:0px 0px 2px 40px;margin:0px;font-weight:normal;font-size:14px;
list-style:disc inside none;background-image:none;border:none;color:black;
      }