* {
margin:0;
padding:0;
}
html{
}
body {

	background-color:#99CCFF;
	color:#324F6A;
	font-family:Arial;
	font-size:62.5%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-align:center;

}
a {
color:#7C90A1;
text-decoration:none;
}
a:hover {
color:#234466;
}
h1 {
font-size:2em;
}
h2 {
font-size:1.5em;
}
h3 {
font-size:1.25em;
}
h4 {
font-size:1em;
}
input, select, th, td {
	font-size:1em;
}
#container {
	/*
	background:#F8FDFE none repeat scroll 0 0;
	*/
	background-image:url("../img/bg_bawah.gif");
	background-repeat:repeat-x;
	background-position:bottom ;
	background-color:#fff;
	
	border-left:4px solid #99CCFF;
	border-right:4px solid #99CCFF;
	
	
	margin:0 auto;
	text-align:left;
	width:860px;
	height:auto;
	
	/*
	 * Sandy : if a user have a lot u right menus...we change this one
		height:auto;
		860px
	*/
}
#header {

/*
background-color:#CCFFFF;

*/

/*
height:12.1em;
*/
height:130px;
position:relative;
}

#header img{
	padding:0px 0px 0px 200px;
}
#header h1 {
font-size:16px;
font-family:Arial;
color:#9CA9B7;
font-weight:normal;
letter-spacing:-1px;
text-decoration:none;
margin:-40px 0px 0px 400px;
position:absolute;
}



#path-search {
	background:#99CCFF url(../img/bg_search.gif) repeat-x scroll 0 0;
	color:#4C7897;
	font-size:1.2em;
	height:46px;
	position:relative;
}



#footer {
	clear:both;
	text-align:center;
	color:#AAAAAA;
	font-size:1.5em;
	padding-top:60px;
	padding-bottom:120px;

}

#navigation {
	bottom:0;
	font-size:11px;
	position:absolute;
	right:0;
}
#navigation ul {
	display:inline;
}


.mainContainer{
	margin:0px 0px 0px 0px;
	width:100%;
	background-image:url("../img/1/bg.gif");
	background-repeat:repeat-x;
	background-position-x:bottom;
	background-position-y:top;	


}

#navigation li {
	display:block;
	float:left;

	
	
}
#navigation li a {
	font-size:14px;
	font-stretch:expanded;
	display:block;
		line-height:130px;
	border-left:2px #ffffff solid;
	padding:10px 6px 0px 6px;
	text-align:center;
	text-decoration:overline;
}

#path-search a {
color:#4C7897;
text-decoration:none;
text-transform:lowercase;
}
#path-search a:hover {
text-decoration:line-through;
}
#path-search .text {
background:#76AAC9 none repeat scroll 0 0;
border:1px solid #DFE3E4;
padding:3px;
}
#path-search .searchbutton {
background:#221F20 none repeat scroll 0 0;
border:1px solid #DFE3E4;
color:#FFFFFF;
cursor:pointer;
padding:2px;
}
#info img {
background:transparent url(snews.gif) no-repeat scroll 0 0;
height:75px;
position:absolute;
right:25px;
top:30px;
}
.child{
	height:18px;
	list-style:none;

	padding-left:27px;
}
#sub{
	padding-left:37px;
	
}

	label{
        float: left;
        width: 120px;
        font-weight: normal;
    }
        
    input{
        width: 180px;
        margin-bottom: 5px;
		border:1px solid #CCFFFF;
		font-size:14px;
    }
        
   
	#submitbutton,#resetbutton{
	        width: 90px;
			border:3px solid #CCFFFF;
			font-size:14px;
			color:#fff;
			background-color:#CC3333;
			padding:2px 2px 2px 2px;
	
	}
        
    #submitbutton{
        	margin:5px 0 0 120px;

    }
    #resetbutton{

    	margin:5px 0 0 0;
    }    
    br{
        clear: left;
    }

#footer{
	padding:180px 0px 0px 0px;
	
}
#footer p {
	
	text-align:center;
}
#footer a {
	color:#AAAAAA;
	text-decoration:underline;
}
a img {
	border:medium none;
}
acronym {
	cursor:help;
}
legend {
color:#324F6A;
font-weight:bold;
}
blockquote {
background:transparent url(quote.gif) no-repeat scroll 10px 0;
border-left:2px solid #76AAC9;
color:#76AAC9;
line-height:1.5em;
margin:0 10px 20px;
padding:0 10px;
}
hr, .hide {
display:none;
}
.show {
display:block;
}
.pathway {
font-size:0.9em;
margin-left:50px;
margin-top:18px;
position:absolute;
}
#frmSearch{
	padding:10px 0 10px 15px;

}
#searchSubmit{
			width:60px;
			border:3px solid #CCFFFF;
			font-size:14px;
			color:#fff;
			background-color:#CC3333;
			padding:2px 2px 2px 2px;
}
#inputSearch{
	width:170px;
	height:20px;
	color:#000;
	font-size:14px;
	background-image:url("../img/1/texbox_bg.gif");
	background-repeat:repeat-x;
	background-color:#3399FF;

}



.date {
	position:absolute;
	left:30px;
	top:25px;
}

.image img, .right, .left {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E3E7E8;
float:left;
margin:0.5em 12px 6px 0;
padding:6px;
}
.right {
float:right;
margin:0.5em 0 6px 12px;
}
.left {
float:left;
margin:0.5em 12px 6px 0;
}
.date {
color:#AFAFAF;
font-size:0.9em;
}
.date a {
color:#AFAFAF;
}
.commentsbox {
margin-bottom:25px;
margin-top:10px;
}
.comments {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #DEE2E3;
border-top:1px solid #DEE2E3;
color:#221F20;
font-size:0.9em;
margin:10px 0;
overflow:auto;
padding:15px 10px 0;
}
.field, .text, textarea {
border:1px solid #DFE3E4;
padding:6px;
width:97%;
}
.button {
cursor:pointer;
float:right;
margin:10px 0 120px;
padding:3px;
}
.searchbutton {
cursor:pointer;
}




/* Contact*/

 
  label{
        float: left;
        width: 120px;
        font-weight: bold;
    }
        
    input, textarea{
        width: 180px;
        margin-bottom: 5px;
    }
        
    textarea{
        width: 250px;
        height: 150px;
    }
        
    .boxes{
        width: 1em;
    }
        
    #submitbutton{
        margin-left: 120px;
        margin-top: 5px;
        width: 90px;
    }
        
   
   /*Shit button*/
  
  
    #tabs5 {
      float:left;
      width:100%;
	  padding:0 0 0 0px;
	  text-align:center;
      font-size:12px;
	  font-weight:bold;
      line-height:normal;
	  border-bottom:4px solid #FFFF33;

      }
    #tabs5 ul {
          margin:0;
          padding:10px 10px 0 2px;
          list-style:none;
      }
    #tabs5 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs5 a {
      float:left;
      background:url("../img/1/2.gif") no-repeat left top;
      margin:1px;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs5 a span {
    	float:left;
	    display:block;
		background:url("../img/1/1.gif") no-repeat right top;
		padding:10px 15px 4px 6px;
      	color:#FFFF33;
      }
   #activeLI a span{
    background-position:100% -129px;
	color:#CCC;
   }
   #activeLI a{
    background-position:0% -129px;  

   }
   
    #tabs5 a span {
    	float:none;
		}
  
    #tabs5 a:hover span {
      color:#FF0000;
      }
    
    

    
	
	#tabs5 a:hover {
      background-position:0% -63px;
      }
    #tabs5 a:hover span {
      background-position:100% -63px;
      }

      #tabs5 #current a {
              background-position:0% -42px;
      }
      #tabs5 #current a span {
              background-position:100% -42px;
      }

   
  
#error{
	color:#fff;
	background-color:red;
	padding:1px 1px 1px 1px;
	border:4px solid #FFFF33;
	
}
   
#productlist{
	padding:0px 10px 20px 0px;
	background-color:blue;
	color:#000;
	border:1px dashed #FFFF33;
}
#productlist span{

	background-color:#99CCFF;
	padding:5px 20px 5px 10px;

}

#productlist div{
	
}


/*
#details img{
	border:1px solid #ccc;
	padding:1px;
	margin:10px;
}
#details {
  float:left;
  width: 100px;
  color:#6d6d6d;
  font-family: Arial, Helvetica, sans-serif;
  background: #ffffe0;
	
}

*/





/* IMAGE GALLERY COMPANY*/

.image {
	width:95px;
	height:100px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
}
.image div {
	
	width:100px;
	height:100px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:1px;
}
.image img { 
border:none; 
}




/* IMAGE GALLERY GENERAL PRODUCT*/
#container_galery{
	width:500px;
	padding:10px 0 0 0;
	background-color:#CCC;
}
.image1 {
	text-align:center;
	width:250px;
	height:230px;
	/* border:1px solid #CCC; */
	float:left;
	padding:0px 0px 120px 0;
		/*
	margin:0 10px 0px 0px;
	*/
	position:relative;
}
.image1 div {
	
	width:240px;
	height:255px;
	overflow:hidden;
	/*
	position:absolute;
	
	top:1px;
	left:12px;
	*/
}
.image1 img { 
	 border:1px solid #CCC; 
	 padding:4px;
}

#textbottom{
	padding:5px 0 0 0;
	text-align:center;
}
#textbottom a{
	font-weight:bolder;
}


#textbottom a:hover{
	color:blue;
}





.imagedetail {
	text-align:center;
	width:250px;
	height:250px;
	/* border:1px solid #CCC; */
	float:left;
	padding:0 0px 0 0;
	margin:0 10px 30px 10px;
	
	position:relative;
}
.imagedetail div {
	
	width:200px;
	height:300px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:12px;
}
.imagedetail img { 
	 border:1px solid #CCC; 
	 padding:1px 1px 1px 1px;
}

.imagedetail #textbottom{
	padding:260px 0 0 0;
	text-align:center;

}


#paging{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

#paging a{
	padding:4px 7px 4px 7px;
	margin:0px 2px 0px 2px;
	border:1px solid #FF9900;
	background:#EFB3B3;
	color:#FF9900;
	text-decoration:none;
}

#paging a:hover{
	border:1px solid #FF9900;
	background:#99CCFF;
	color:#FFFFFF;
	text-decoration:none;
}
/*
.page{
	text-align:center;
	background-color:red;

}
.page a{

	color:blue;
	text-decoration:none;
	font-family:Arial;
}
*/

#dialog{
	background-color:#000;
	width:200px;
	height:200px;
}

.rowimageline{
	/*height:210px;*/
	padding:5px;
}
#imageScroll{
/*
	border:1px solid black;

*/	margin:14px 0px 0px 25px;
	padding:0px 0px 0px 25px;
}
#clear{
	clear:both;
}
.footerhome{
	padding:83px 0 0 0;
	
}
.footerhome div{
	display:  table-cell;
	width:500px;
		background-color:#eee;

	
}