/* STYLE */

body, form, h1, h3, h4, h5, h6, ul, p {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size:12px;
	}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.input-text {
	border: 1px solid #ccc;
	color: #666;
	font-size: 12px;
	padding: 2px 1px;
	width:225;
}

.w120 {
	width: 120px;
}

.w300 {
	width: 300px;
}

.noborder {
	border: 0px;
}
#home-page h2{
	font-size:12px;
	}

/* LAYOUT */
body {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;	
}

#topup-wrapper {
	background: #ff9739; /*#333 url(../images/title.png) left top repeat-x;*/
	border-bottom: 1px solid #ff0739;
	color: #fff;
}

#topup {
	padding: 5px 0px;
	width: 900px;
	margin: 0px auto;
}

#topmenu {
	padding: 5px 0px 0px 0px;
}

#topmenu a {
	color: #fff;
}

#login-form {
	margin: 0px 15px 0px 0px;
}

.submit {
	background: url(../images/table-heading.png) left bottom repeat-x;
	border: 1px solid #ededed;
	font-size: 12px;
}

#container-wrapper {
	background: url(../images/bg.png) left -1px repeat-x;
	border-top: 1px solid #fff;
}

#outer-container {
	width: 900px;
	margin: 0px auto 10px auto;
	padding: 5px;	
}

#header-container {
	height: 80px;
	padding: 10px 0px;
	width: 900px;
	margin: 10px auto 0px auto;
}

#hc-left {
	padding: 10px 0px 0px 0px;
}

#maincontact ul li {
	float: left;
	padding: 0px 10px;
	height: 75px;
}

#maincontact ul li h4 {
	color: #0071bc;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #0071bc;
	margin: 0px 0px 5px 0px;
}

#maincontact ul li p {
	color: #333;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 3px 0px;
}

#maincontact ul li p a {
	color: #0071bc;
	font-weight: normal;
	font-size: 12px;
}

/* Navigation */

#nav-container {
	border-bottom: 3px solid #ffa739;
}

#nav-wrapper {
	background: url(../images/nav-bg.gif) left top repeat-x;
	margin: 0px auto;
	width: 900px;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

#nav-left {
	height: 35px;
	background: url(../images/nav-left.gif) left top no-repeat;
}

#nav-right {
	height: 35px;
	background: url(../images/nav-right.gif) right top no-repeat;
}

#nav {
	float: left;
	width: 608px;
}

#nav li {
	float: left;
	border-left: 1px solid #fff; /*#fceec8*/
	border-right: 1px solid #dd0000; /*#dc3200*/
	height: 35px;
	position: relative;
}

#nav li:hover {
	background: url(../images/title.png) left top repeat-x;
}

#nav li a {
	display: block;
	padding: 11px 19px 10px 20px;
	color: #000;
	text-shadow: 1px 1px 0px #fff;
	font-weight: bold;
}

#nav li:hover a {
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

#nav li#item1 {
	border-left: 0px;
}

#nav li#item5 {
	border-right: 0px;
}

#nav li#item1:hover {
	border-radius: 5px 0px 0px 0px;
	-moz-border-radius: 5px 0px 0px 0px;
	-webkit-border-radius: 5px 0px 0px 0px;
}

#nav li#item1:hover a {

}

#nav li ul {
	position: absolute;
	width: 200px;
	top: 35px;
	left: 0;
	z-index: 10;
	display: none;
	padding: 3px 0px 0px 0px;
}

#nav li ul li {
	float: none;
	border: 0px;
	padding: 4px;
	background: #eee;
	border: 1px solid #ccc;
	border-top: 1px solid #fff;
	height: 23px;
}

#nav li ul li:hover {
	background: #ddd;
}

#nav li ul li:hover a {
	text-decoration:none;
}

#nav li:hover ul li a {
	display: block;
	color: #000;
	padding: 4px 10px;
}

#nav li:hover ul {
	display: block;
}

/* Search */

#search-wrapper {
	background: url(../images/search-bg.gif) left top repeat-x;
	float: right;
	width: 292px;
	border-radius: 0px 5px 0px 0px;
	-moz-border-radius: 0px 5px 0px 0px;
	-webkit-border-radius: 0px 5px 0px 0px;
}

#searchform {
	
}

.stext {
	background: url(../images/search_text.gif) left top repeat-x;
}

.sbutton {
	background: url(../images/search_button.gif) left top no-repeat;
}

#searchtext {
	width: 215px;
	border: 0px;
}

#searchbutton {
	border: 0px;
	width: 22px;
	background: none;
}

/* Path */

#path-container {
	/*background: url(../images/bg-path-alat-peraga.png) left top repeat-x;*/
	border-bottom: 1px solid #ccc;
}

#path-left {
	/*background: url(../images/left-path-alat-peraga.png) left top no-repeat;*/
}

#path-right {
	padding: 5px 0px;
	/*background: url(../images/right-path-alat-peraga.png) right top no-repeat;*/
}

#path-right a {
	color: #0071bc;
}


/* Main */

#main-container {
	border-top: 1px solid #fff;
	padding: 10px 0px 0px 0px;
}

/* SIDEBAR */

#left-container {
	width: 240px;
	margin: 0px 8px 0px 0px;
}

#left-container h3 {
	background: url(../images/side-title.gif) left top no-repeat;
	padding: 3px 0px 3px 30px;
	margin: 0px 0px 10px 0px;
	font-size: 15px;
}

#left-container h3 a {
	color: #000;
}

#left-container h3 a:hover {
	color: #f73321;
}

#sidebar-nav-wrapper {
	width: 220px;
	background: #ffa739;
	padding: 7px;
	border-radius: 5px;
	margin: 0 0 10px 0;
	-moz-border-radius: 5px;
}

#sidebar-nav-wrapper h3 {
	background: none;
	padding: 1px 0px 1px 15px;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
}

#sidebar-nav {
	background: #fff;
	-moz-border-radius: 5px;
	padding: 0px 0px 0px 20px;
	width: 200px;
}

#sidebar-nav li {
	padding:5px 0px;
	margin: 0px;
	border-bottom: 1px dotted #ccc;
}

#sidebar-nav li:first-child {
	margin: 0px;
}

#sidebar-nav li img {
	margin: 0px 10px 0px 0px;
}

#sidebar-nav li a {
	color: #000;
	font-family: Arial, Verdana, Helvetica;
	display: block;
}

#sidebar-nav li a:hover {
	text-decoration: underline;
}

#sidebar-nav li.list-more {
	padding: 0px 0px 0px 30px;
}

#sidebar-nav li.list-more a {
	color: #cca127;
}

.side-product {
	width: 650px;
	padding: 5px;
}

.side-product li {
	text-align: center;
	margin: 0px;
	padding: 5px;
	width: 120px;
	height: 50px;
}

/* Slide */



#slide-nav {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: url(../images/title.png) left top repeat-x;
	padding: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#divTrigger {
	
}
	 
#divTrigger a:link,#divTrigger a:visited{
	text-decoration: none;
	margin: 0px;
	padding: 1px 5px;
	color: #000;
	height: 7px;
	font-weight: bold;
}
	
#divleftTrigger a:hover,#divleftTrigger a:active,.selected{ 
	color: #000;
} 

#divleftTrigger {
	
}
	 
#divleftTrigger a:link,#divleftTrigger a:visited{
	text-decoration: none;
	margin: 0px;
	padding: 1px 5px;
	color: #000;
	height: 7px;
	font-weight: bold;
	border: 1px solid #ff0739;
}
	
#divleftTrigger a:hover,#divleftTrigger a:active,.selected{ 
	color: #000;
} 

#left-slide-nav {
	padding: 10px 0px 0px 0px;
}
	 
#divContent{

}
	
#divContent div,
#left-slide-banner div{ 
	display:none
}

#banner-top {
	margin: 0px 0px 10px 0px;
	height: 120px;
}

#banner-top .banner-top-image {
	display: block;
	float: left;
	border: 1px solid #ccc;
	padding: 1px;
	margin-left: 3px;
}

#banner-top .banner-top-image:first-child {
	margin-left: 0px;
}

/* CONTENT */

#content-wrapper {
	width: 652px;
}

#banner-container {
	position: relative;
}

#product-class {
	width: 49%;
	padding: 10px 0px 0px 0px;
}

#product-class h3 {
	border-bottom: 1px solid #f79321;
	font-size: 15px;
	padding: 2px 10px;	
	color: #fff;
	background: #f79321;
}

#product-class ul {
	background: #f7f7f7;
}

#product-class li {
	border-bottom: 1px dotted #f79321;
	margin: 0px;
	padding: 5px 10px;	
}

#product-class li img {
	float: left;
	margin: 0px 10px 0px 0px;
}

#product-class li.last {
	border: 0px;
	background: #ffffdd;
}

#product-class li.item-1,
#product-class li.item-5 {
	margin: 0px;
}

#product-class li h4 {
	margin: 0px;
	padding: 5px 0px;
	font-size: 13px;	
}

#product-class li a {
	color: #000;
}

#product-class li h4 a {
	color: #000;
}

#lp-title {
	font-size: 15px;
	margin: 0px 0px 5px 0px;
	color: #000;
}

#table-prod {
	width: 100%;
}

#tp-1 {
}

#table-prod tr td {
	padding: 0px;
	margin: 0px;
}

/* Latest Product */

#latest-home {
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	height: 250px;	
}

#latest-home h3 {
	background: url(../images/title.png) left top repeat-x;
	padding: 10px;
	color: #fff;
}

#cat-list-table {
	width: 100%;
}

#cat-list-table tr h1 {
	padding: 3px 5px;
	vertical-align: top;
	font-size:12px;
	font-weight:normal;
}

#cat-list-table tr td {
	padding: 3px 5px;
	vertical-align: top;
}

#latest-home ul li {
	padding: 3px 0px;	
}

#latest-home ul li a {
	color: #333;
}

.views {
	color: #333;
	padding: 0px 10px;
}

.latest-product-list a {
	font-size: 11px;
	color: #0071bc;
	text-decoration: underline;
}

.latest-product-list a:hover {
	text-decoration: none;
}

.latest-product-list {	
	width: 100%;
}

.latest-product-list li {
	text-align: center;
	padding: 10px 0px;
	float: left;
	width: 150px;
	margin: 0px 0px 10px 10px;
}

.latest-product-list li:first-child {
	margin: 0px 0px 10px 0px;
}

.latest-product-list img {
	border: 0px;
	margin: 0px 0px 5px 0px;
}

.latest-product-list li h4 {
	font-weight: normal;
}

.latest-product-list li h4 a {
	text-decoration: none;
	color: #333;
	font-size: 12px;
	padding: 0px 10px;
}

.latest-product-list a.b-detail {
	bottom: 0;
	background: url(../images/nav-bg.gif) left bottom repeat-x;
	color: #000;
	padding: 3px 15px;
	text-decoration: none;
	border: 1px solid #ffa739;
}

.latest-product-list a.b-order {
	bottom: 0;
	background: url(../images/table-heading.png) left bottom repeat-x;
	color: #000;
	padding: 3px 15px;
	text-decoration: none;
	border: 1px solid #ccc;
}

/* Latest Article */

.article-latest-wrapper {
	width: 49%;
}

.article-latest-wrapper h3  a {
	color: #ec9315;
	font-size: 18px;
}

.article-latest-wrapper h3  a:hover {
	text-decoration: none;
}

.article-latest-wrapper h3 {
	margin: 0px 0px 10px 0px;
}

.article-latest-wrapper ul {

}

.article-latest-wrapper ul li {
	padding: 2px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
}

.article-latest-wrapper ul li a {
	color: #000;
}

.article-latest-wrapper ul li h2 {
	margin: 0px 0px 5px 0px;
}

.article-latest-wrapper ul li h2 a {
	color: #7a1a8b;
	font-size: 12px;
	font-weight:bolder;
}

#article-latest-image {
	width: 100px;
	padding: 0px 5px 3px 5px;
}

/* List Product */

#banner-wrapper-show {

}

#list-product {
	border-top: 3px solid #f79321;
}

#list-product table {
	/*background: #effaaa;*/
	margin: 0px 0px 20px 0px;
}

#list-product table tr td {
	width: 135px;
	text-align: center;
	border: 0px solid #f79321;
	/*background: #fff;*/
	vertical-align: bottom;
	padding: 10px 0px 0px 35px;
}

#list-product table tr td img {
	margin: 10px 0px;
}

#list-product table tr td p {
	margin: 0px 0px 10px 0px;
	font-weight: normal;
}

#list-product table tr td h3 a {
	color: #bd4e00;
}

#list-product table tr td:first-child {
	margin: 0px;
	padding-left: 0px;
}

#button {
	background: #f79321;
	padding: 3px 0px;
}

#button a {
	margin: 3px 0px 0px 0px;
	color: #fff;
}

#button a:hover {
	text-decoration: none;
	color: #000;
}

#show-desc {
	text-align: left;
	font-size: 10px;
	padding: 3px 0px;
	border-bottom: 1px solid #000;
}

#product-by-app {
	border-top: 3px solid #f79321;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
}

#per-product {
	width: 200px;
	margin-right: 10px;
}

#per-product h3 {
	text-transform: uppercase;
	text-decoration: underline;
}

#per-product ul {
	margin: 5px 0px 10px 0px;
}

#per-product li {
	margin-bottom: 5px;
}

#per-product li a {
	color: #000;
}

#per-product li img {
	margin-right: 10px;
}

.category-list-wrapper {
	width: 49%;
}

.category-list {
	width: 100%;
	border: 1px solid #eee;
}

.category-list:hover {
	border: 1px solid #eee;
}

.category-list a {
	display: block;
	color: #000;
}

.category-list a img {
	border: 0px;
}

.category-list {
	color: #000;
	display: block;
}

.category-list:hover {
	text-decoration: none;
	border: 1px solid #f79300;	
}

.product-list-wrapper {
	width: 49%;
}

.product-list-wrapper ul li {
	border: 1px solid #ccc;
	padding: 5px;
	height: 40px;
}

.product-list-wrapper ul li a img {
	border: 0px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.product-list-wrapper ul li a {
	color: #000;
	text-decoration: none;
}

.product-list-wrapper ul li a:hover {
	color: #dd0000;
}

#abjad-wrapper {
	text-align: center;
}

.abjad {
	padding: 1px 5px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #eee;
	background: #f09221;
	text-transform: uppercase;
}

.page-link {
	text-align: center;
	margin: 5px 0px 15px 0px;
}

.page-link a,
.page-link strong {
	padding: 3px 7px;
	border: 1px solid #333;
}

.page-link a {
	background: #333;
	color: #fff;
	text-decoration: none;
}

/* Detail */

#detail-wrapper {
	margin-bottom: 20px;
}

#detail-title {
	color: #dd0000;
	font-size: 25px;
}

#detail-wrapper small {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #f55321;
}

#contact-title {
	color: #dd0000;
	font-size: 15px;
	margin: 0px 0px 10px 0px;
}

#detail-image {
	width: 250px;
	text-align: center;
}

#detail-image a img {
	border: 0px;
}

#detail-desc {
	width: 400px;
}

.ddesc {
	font-weight: bold;
	padding: 10px 0px;
	font-style: italic;
	border-top: 2px solid #dd0000;
}

#heading-button {

}

#heading-button a {
	float: left;
	display: block;
	padding: 5px 25px 15px 30px;
	color: #000;
}

.image-button {
	background: url(../images/zoom.jpg) left top no-repeat;
}

.file-button {
	background: url(../images/pdf.jpg) left top no-repeat;
}

.inq-button {
	background: url(../images/quote.jpg) left top no-repeat;
}

.subtitle {
	font-size: 18px;
	color: #dd0000;
	margin: 10px 0px;
}

#detail-feat ul li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 5px;
	list-style-image: url(../images/side-list.gif);
	padding: 2px 0px;
}

#detail-spec table {
	width: 100%;
}

#detail-spec tr td {
	padding: 2px 5px;
	border-bottom: 1px solid #dd0000;
}

#detail-spec tr td:first-child {
	width: 200px;
	font-weight: bold;
	border-right: 1px solid #dd0000;
}

/* News and Event */

#ne-title {
	font-size: 20px;
	color: #dd0000;
	padding: 0px 0px 20px 0px;
}

#ne-wrapper table tr td {
	padding: 5px 15px 5px 0px;
}

#ne-wrapper table tr td a {
	color: #000;
	font-weight: bold;
}

#ne-detail-wrapper h3 {
	font-size: 25px;
}

/* Consultation */

#con-title {
	font-size: 20px;
	color: #dd0000;
	padding: 0px 0px 20px 0px;
}

#consulform {
	background: #ffffdd;
	border: 5px solid #f79321;
	padding: 10px;
}

#consulform input {
	border: 1px solid #f79321;
}

#text-consul {
	width: 100%;
	border: 1px solid #f79321;
}

#con-wrapper table {
	width: 100%;
}

#consulform input#submit-consul {
	background: #f79321;
	color: #fff;
}

#con-wrapper table tr td:first-child {
	width: 15%;
}

#consul-list ul li {
	background: url(../images/ask.jpg) left top no-repeat;
	padding: 0px 0px 10px 50px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
}

#consul-list ul li h4 span {
	font-style: italic;
	color: #999;
}

#consul-list ul li p {
	margin: 7px 0px;
}
#consul-list ul li p {
	margin: 7px 0px;
	font-weight:normal;
}

#consul-list ul li ul {
	padding: 10px 0px;
}

#consul-list ul li ul li {
	background: url(../images/ans.jpg) left top no-repeat;
	padding: 0px 0px 10px 50px;
	margin: 0px;
	border: 0px;
}

/* Search */

#search-title {
	color: #dd0000;
	font-size: 20px;
	padding: 0px 0px 20px 0px;
}

.limage {
	width: 100px;
	text-align: center;
}

.limage a img {
	border: 0px;
}

.ltdesc h3 a {
	color: #000;
}

#search-list li {
	border-bottom: 1px solid #ccc;
}

/* Page */

#page-title {
	color: #dd0000;
	font-size: 15px;
	margin: 0px 0px 10px 0px;
}

ol li {
	list-style: decimal;
}

#page-wrapper ol li {
	list-style: decimal;
}

#page-wrapper ul li {
	list-style: disc;
	margin: 0px 0px 0px 30px;
}

/* Product Logo */

#logo-wrapper {
	list-style: none;
	width: 650px;
	height: 56px;
	padding: 1px 0px;
	overflow: hidden;
	position:relative;
}

#logo-wrapper ul {
	width: 2000px;
	position:relative;
}

#logo-wrapper ul li {
	float: left;
	padding: 0px 4px;
}

#logo-wrapper ul li.current {

}

/* Contact */

.inputbox {
	width: 250px;
}

/* Footer */

#footer-container {
	text-align: center;
	margin: 40px 0px 0px 0px;
	padding: 5px 0px;
	font-size: 11px;
	color: #666;
}

/* GENERAL */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}
.clear h2{
	clear: both;
	font-size:12px;
	font-weight:normal;
}

.low {
	text-transform: lowercase;
	padding: 0px 5px 0px 0px;
}

#category-desc ul {
	padding: 0px 0px 0px 20px;
}

#category-desc ul li {
	list-style-type: disc;
}

#cse-search-results {
width: 500px;
}

#hotline {
	font-weight: bold;
	font-size: 20px;
	background: url(../images/phone-icon.png) left center no-repeat;
	padding: 10px 0px;
	margin: 0px;
	text-indent: 40px;
	letter-spacing: 1px;
}

#email table {
	width: 100%;
	text-align: left;
}

#email table tr td:first-child {
	font-weight: bold;
	color: #0071bc;
}

#email table tr td a {
	color: #000;
}

/* ARTICLE */

.post-wrapper {
	padding: 10px 20px 20px 20px;
	border-bottom: 1px solid #ddd;
}

.post-wrapper p {
	text-align: justify;
	font-family: verdana, Helvetica, Sans-Serif;
	font-size: 12px;
}

.post-right {
	float: right;
	width: 400px;
}

.post-title {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.post-title,
.post-title a {
	font-size: 30px;
	padding: 0px;	
	color: #000;
}

.post-title a:hover {
	text-decoration: none;
	background: #eee;
}
.post-title a h1{
	font-size: 25px;
	padding: 0px;	
	color: #000;
}

.post-body {
	font-family: Verdana, Helvetica, Sans-serif;
	color: #555;
	text-align: justify;
}
.post-body  h3{
	font-family: Verdana, Helvetica, Sans-serif;
	color: #555;
	text-align: justify;
	font-weight:normal;
}

.post-body-detail {
	font-family: Verdana, Helvetica, Sans-serif;
	text-align: justify;
}

.post-body img {
	display: none;
}

.maincontent {
	padding: 0px 20px 20px 20px;
}

#post-wrapper .img {
	float: left;
	margin: 0px 20px 20px 0px;
}

#post-wrapper ul li {
	list-style-type: disc;
}