body {
	margin: 0;
	padding: 0;	
	background-color: #fe9903;
	font-family: 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
	color: #000000;
	scrollbar-face-color:#47BC78;
	scrollbar-arrow-color:#47BC78;
	scrollbar-track-color:#EEEEEE;
	scrollbar-shadow-color:'';
	scrollbar-highlight-color:'';
	scrollbar-3dlight-color:'';
	scrollbar-darkshadow-Color:''; 
}

/* 
#######################################################################################
main container 
#######################################################################################
*/
#container {
	width: 990px;    height: 800px;    padding: 0;    margin: 0 auto;
}
#leftdiv {
	width: 200px;
	height: 800px;
	float: left;
	background-color: #ffffff;
}
#centerdiv {
	width: 790px;
	height: 800px;
	float: left;
	background: transparent url(../img/centerdiv-bg.jpg) no-repeat;
}
#rightdiv { 
	width: 280px;
	height: 800px;
	float: left;
	background-color: #ff9900;
	margin-right: -3px;
}

/* 
#######################################################################################
leftdiv
#######################################################################################
*/

#logo {
	width: 150px;
	height: 57px;
	margin: 35px 0 0 25px;
}
#ecolene {
	z-index: 1;
	position: absolute;
}
#R {
	z-index: 2;
	position: absolute;
	left: 165px;
}

.sf-menu, .sf-menu *{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sf-menu {
	height: 210px;
	width: 180px;
	padding: 45px 0 0 20px;
}
.sf-menu li {
	position: relative;	
	line-height: 35px;
	height: 35px;
}
.sf-menu li:hover {
	visibility: inherit;
}
.sf-menu li a {
	display: block;
	position: relative;
	text-decoration: none;
	text-align: right;
	font-size: 1.1em;
	color: #999999;
	padding-right: 30px;
	
}
.sf-menu li a:visited  { 
	color: #999999;
}
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
	color: #666666;
}	
.sf-menu ul {
	display: block;
	position: absolute;
	top: -999em;
	width: 141px;
	padding: 4px 4px 4px 0px;
	background-color: #ffffff;
}
.sf-menu ul li {
	position: relative;
	height: 24px;
	line-height: 24px;
}
.sf-menu ul li a {
	display: block;
	position: relative;
	text-align: left;
	padding-left: 7px;
	padding-right: 0;
	background-color: #ffffff;
	font-size: 1em;
}
* html .sf-menu ul li a {
	height:24px;
	padding: 0 0 0 7px;
}
.sf-menu ul li a:focus, .sf-menu ul li a:hover {
	background-color: #00a650;
	color: #ffffff;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 180px;
	top: 5px; 
	z-index: 99;
}
.sf-sub-indicator  {
	display: none;
}

/* 
#######################################################################################
centerdiv
#######################################################################################
*/

#main-title {
	width: 230px;
	height: 800px;
	float: left;
}
#content {
	width: 510px;
	height: 800px;
	float: right;
	background: transparent url(../img/content-bg.png) repeat-y center top;
	padding: 0 20px 0 20px;
	font-family: Helvetica, sans-serif;
	font-size: 0.7em;
}

/* 
#######################################################################################
content
#######################################################################################
*/
#main-text {
	width: 510px;
	height: 750px;
	display: block;
}
#footer {
	width: 510px;
	height: 50px;
	line-height: 50px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: right;
	z-index: 3;
}
* html #footer {
	position: relative;
	top: 15px;
}
#footer a img {
	border: none;
	position: relative;
	top: 4px;
}

/* 
#######################################################################################
main-text
#######################################################################################
*/
h1, h2 {
	margin: 0;
	font-weight: lighter;
	line-height: 35px;
	font-family: 'Myriad Pro Light', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
}	
#main-title h1 {
	font-size: 3em;
	margin-top: 400px;
	color: #ffffff;
	text-align: right;
	margin-right:10px;
}
#content h2 {
	font-size: 3.1em;
	padding-top: 190px;
	padding-bottom: 10px;
}
#content p {
	/*margin: 0 0 15px 0;*/
	line-height: 1.6em;
	word-spacing: 3px;
}
#content .subheading {
	font-size: 20px;
	font-family: 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
	padding-top: 20px;
	padding-bottom: 4px;

}
#content .description-image {
	float: left;
	padding: 10px 10px 10px 0;
}


/* warranty testing&certificate after login page */

ul.pdf-file {
	margin: 0 0 40px 0;
	padding: 0;
	list-style-type: none;
}
ul.pdf-file li{
	display: block;
	height: 27px;
	margin: 15px 0 15px 0;
}
ul.pdf-file li img{
	padding: 0;
}
ul.pdf-file li span {
	position: relative;
	top: -10px;
	left: 10px;
}
ul.pdf-file li span a {
	color: #000000;
}


/* contact us page */
#companyinfo {
	padding-top: 145px;
	padding-bottom: 30px;
	line-height: 1.6em;
	word-spacing: 3px;
}

/* 
#######################################################################################
login box form
#######################################################################################
*/
form.loginbox {
	margin-top: 40px;
	width: 184px;
	height: 180px;
	border: 1px solid #ffffff;
}
.loginbox fieldset {
	border: none;
	padding: 0 20px 0 20px;
}
.loginbox #form-title{
	font-family: 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: left;
	margin: 5px 0 13px 0;
	color: #000000;
}
.loginbox input#username, .loginbox input#password{
	width: 140px;
	line-height: 16px;
	border: 1px solid #999999;
	margin-bottom: 7px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
.loginbox input#submit {
	width: 46px;
	height: 20px;
	border: none;
	margin: 0 0 11px 95px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	background: transparent url(../img/submit-button.gif) no-repeat center center;
}
.loginbox p {
	color: #000000;
	/*text-align: center;*/
	font-family: 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
}
.loginbox p  a {
	text-decoration: none;
	color: #000000;
	font-family: 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
}



/* 
#######################################################################################
enquiries form
#######################################################################################
*/
form.enquiries {
	margin-top: 25px;
	width: 380px;
	height: 300px;
}
.enquiries fieldset {
	border: none;
	padding: 0;
}
.enquiries p {
	padding-bottom: 10px;
}
.enquiries label {
	display: block;
	width: 100px;
	float: left;
}
.enquiries input{
	width: 270px;
	line-height: 16px;
	border: 1px solid #999999;
	margin-bottom: 7px;
}
.enquiries textarea {
	width: 270px;
	border: 1px solid #999999;
}
.enquiries input#submit, .enquiries input#cancel{
	width: 46px;
	height: 20px;
	border: none;
	margin: 7px 0 11px 95px;
	font-size: 0.8em;
	color: #ffffff;
	background: transparent url(../img/submit-button.gif) no-repeat center center;
}
.enquiries input#submit {
	position: relative;
	left: 174px;
	float: left;
}
.enquiries input#cancel {
	position: relative;
	left: 86px;
}

/* 
#######################################################################################
accordion questions list
#######################################################################################
*/
.theMenu, .theMenu  * {
	margin: 0;
	padding: 0;
}
.theMenu {
	padding-top: 0px;
	padding-bottom: 10px;
}
.theMenu li { 
	list-style-type: none; 
}
.theMenu ul li { 
	padding: 5px 0px 15px 15px;
	height: auto;
}
.theMenu ul ul li {
	height: auto;
}		
.theMenu h3.head a, .theMenu h3.head a:hover , .theMenu h3.selected a, .theMenu h3.selected a:hover { 
	color: #00a650;
	display:block; 
	text-decoration: none;
	font-size: 13px;
}

/* 
#######################################################################################
content slider
#######################################################################################
*/

#slidenumber {
	width: 510px;
	height: 20px;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: right;
}
#slidenumber ul {
	float: right;
	margin: 0;
	padding: 0;
}
#slidenumber li {
	list-style-type: none;
	float: left;
}
#slidenumber li a {
	display: block;
	height: 20px;
	line-height: 20px;
	width: 20px;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background-color: #f7bf6c;
}
#slidenumber li a:hover, #slidenumber a.wactive {
	color: #f4a32d;
	background-color: #ffffff;
}
#slide {
	width: 510px;
	height: 485px;
	display: block;
	margin-top: 25px;
}

@media all and (min-width:0px) {head~body #slide {max-height:485px;}}

/* 
#######################################################################################
photo carousel
#######################################################################################
*/
.photo_carousel {
	width: 510px;
	height: 50px;
	margin-top: 30px;
	position: relative;
}
.photo_carousel a.prev{
	float: left;
    display: block;
    background: url(../img/arrow-prev.png) no-repeat center center;
    width: 20px;
    height: 16px;
	text-decoration: none;
    margin-top: 17px;
    margin-right: 4px;
}
.photo_carousel a.next{
    float: right;
	display: block;
    background: url(../img/arrow-next.png) no-repeat center center;
    width: 20px;
    height: 16px;
	text-decoration: none;
	margin-top: -33px;
    margin-right: 42px;
}
* html .photo_carousel a.next{
	margin-right: 18px;
}
.photos {
	width: 420px;
	text-align: left;
    padding: 0px 0px 0px 0px;
}
.photos ul {
    margin:0;
    padding:0;
}
.photos li {
    height:50px;
    width:50px;
    list-style:none;
    margin:0;
    padding: 0 5px;
}
.photos img {
    width:50px;
    height:50px;
	border: none;
}

/****TAMBAHAN AGUNG********/
.sub-text{
	height:520px;
	overflow:auto;
	width:510px;
	padding:0 20px 0 0;
	position: relative;
}
.sub-text img{
	padding : 0;
}
.sub-text img#left{
	padding : 5px 8px 0 0;
	float:left;
}
.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

#note{
	text-align:center;
}
.news img{
	float:left;
	padding:5px 5px 0 0;
}
.pagination{
	text-align:right;
}
.published{
	font-style:italic;
	color:#00A650;
}
.news a,.news a:visited{
	text-decoration:none;
	color:#000;
}
.news a:hover{
	text-decoration:underline;
}

#product img{
	padding : 5px 8px 0 0;
}
#product img#left{
	padding : 5px 8px 0 0;
	float:left;
}
#product img#right{
	padding : 5px 8px 0 0;
	float:right;
}
#product{
	height:520px;
	overflow:auto;
	width:510px;
	padding:0 20px 0 0;
	position: relative;
}
.photo_carousel a:hover{
	cursor:pointer;
}
#main-text img{
	border:none;
}
ol li{
	padding: 10px 0; 
}
ul.theMenu li {
	list-style-image:url(../img/submenu-off.gif);
	margin:8px 0 0 20px;
}
ul.theMenu li ul li{  
	list-style-image:none;
	margin:0; 
}

*html .sub-text {
    margin-bottom: -3px;
    margin-top: -3px;
    width:490px;
}

*html #product {
    margin-bottom: -3px;
    margin-top: -3px;
    width:490px;
}