/*
	Newpages Merchant System
	
	Designed by : New Pages Advertising
	Copyright (c) 2007-2013 Newpages.com.my
*/
/* MAIN */

/* Remove Google Translate Frame */
body {top: 0px !important; position: static !important; }
.goog-te-banner-frame {display:none !important}
/* END Remove Google Translate Frame */

img{
	border:none;
}

map{
	display:block;
}

/* Product Download Section */
#download-section{
	padding:20px 0;
	clear:both;
}
#download-section .filesize{
	font-size:10px;
	color:#999;
}
#download-section img{
	vertical-align:middle;
}
/* END Product Download Section */

/* CSS Navigation */
.nav{
	/*background-image:url(menu_bg.png);*/
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#000;
}
.nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

ul.mainmenu{
	display:table;
	width:100%;
	*display:block;
}
ul.mainmenu > li{
	white-space:nowrap;
	position:relative;
	margin:0;
	display:table-cell;
}
ul.mainmenu > li,
ul.sub > li,
ul.sub-extend > li{
	margin:0;
	padding:0;
	position:relative;
}

ul.mainmenu > li > a,
ul.sub > li > a,
ul.sub-extend > li > a{
	display:block;
	text-decoration:none;
}
ul.mainmenu > li > a.imgbtn{
	padding:0px;
}
ul.mainmenu > li > a.imgbtn:hover{
	padding:0px;
	color:#fff;
	background-color:transparent;
}
ul.mainmenu > li:hover{
	/*background-image:url(menu_bg.png);*/
	background-repeat:no-repeat;
	background-position:top center;
}
ul.mainmenu > li > a{
	color:#fff;
	padding:12px 0 12px 0;
	font-size:13px;
	text-align:center;
	width:100%;
}
ul.mainmenu > li > a:hover{
	color:#fff;
	/*background-color:#666;*/
}
ul.sub,
ul.sub-extend {
	position:absolute;
	display:none;
	z-index:100;
}
ul.sub > li{
	border-bottom:1px dotted #CCC;
}
ul.sub > li:last-child{
	border-bottom:none;
}
ul.sub > li > a, ul.sub-extend > li > a{
	color:#333;
	padding:5px 10px;
}
ul.sub > li:hover > a, ul.sub-extend > li:hover > a{
	background:#000;
	color:#fff;
}
ul.sub-extend{
	position:absolute;
	left:100%;
	top:0;
	display:none;
}

ul.mainmenu > li:hover > ul.sub{
	display:block;
}
ul.sub li:hover > ul.sub-extend{
	display:block;
}
img.menurollover{
	display:none;
}

/* END CSS Navigation */

/* Product List */
.product-item{
	width:175px;
	height:148px;
	float:left;
	padding:1px;
	margin:2px;
	text-align:center;
}
/* END Product List*/

/* Topspace CSS */
.topspace{
	margin:0 auto;
}
/* END Topspace CSS */

/* Downspace CSS */
.downspace{
	margin:0 auto;
}
/* END Downspace CSS */

/* Left Panel Categories Menu */
	ul.left-maincat, ul.left-subcat{
		margin:0 !important;
		padding:0 !important;
		list-style:none;
	}
	ul.left-maincat{
		width:170px;
	}
	ul.left-subcat{
		white-space:nowrap;
		min-width:150px;
		box-shadow:1px 1px 5px #000000;
	}
	ul.left-maincat li, ul.left-subcat li{
		margin:0 !important;
		padding:0 !important;
		position:relative;
		background-color:#000;
	}
	ul.left-maincat > li.with-sub:hover{
		border-right:none;
	}
	ul.left-maincat li.with-sub > a{
		background-position:right 50%;
		background-repeat:no-repeat;
		background-image:url(arrow.png);
	}
	ul.left-maincat li a, ul.left-subcat li a{
		display:block;
		padding:5px 10px 5px 5px;
		text-decoration:none;
		color:#fff;
	}
		ul.left-maincat li a, ul.left-subcat li a{
		}
	ul.left-maincat > li > a{
		white-space:normal;
	}
	ul.left-subcat{
		position:absolute;
		left:100%;
		top:0;
		display:none;
		z-index:9999;
	}
	ul.left-subcat li{
		border-left:none;
	}
	ul.left-maincat li:hover{
		background-color:#666;
	}
	ul.left-maincat li:hover ul.left-subcat{
		display:block;
	}
/* END Left Panel Categories Menu */

/* Latest News Default CSS */
/* OLD STYLE */
.news-row{
	margin:0 0 10px 0;
	border:1px solid #CCC;
	padding:5px;
}
/* END STYLE */
#latest-news h3.news-title{
	margin:0;
}
#latest-news .news-content{
	padding:5px 0;
	margin:5px 0;
}
#latest-news-list{
	list-style:none;
	margin:0;
	padding:0;
}
#latest-news-list .news-item{
	padding:10px 0;
	border-bottom:1px solid #e1e1e1;
}
#latest-news-list .news-item:last-child{
	border-bottom:none;
}
#latest-news-list	h3.news-title{
	margin:0;
}
#latest-news-list	h3.news-title a{
	text-decoration:none;
	color:#333;
}
#latest-news-list	h3.news-title a:hover{
	color:#999;
	text-decoration:underline;
}
#latest-news-list	span.news-date{
	font-style:italic;
	font-size:10px;
}
.news-bigframe{
	border:1px solid #999;
	padding:10px;
	margin-bottom:15px;
}

/* END Latest News Default CSS */

/* Latest News Box */
.news{
	width:300px;
	border:1px solid #999;
	background-color:#999;
}
.news a{
	text-decoration:none;
}
.news .news-title{
	font-size:14px;
	margin:0;
	padding:5px 10px;
}
.news ul{
	margin:0;
	padding:0;
	height:200px;
	overflow-y:scroll;
}
.news ul li{
	margin:0;
	padding:10px;
	list-style:none;
	border-bottom:1px dotted #999999;
	background-color:#fff;
}
.news ul li:hover{
	background-color:#CCC;
}
.news ul li a{
	color:#000;
}
.news ul li a:hover{
	text-decoration:underline;
}
.news ul li:last-child{
	border-bottom:none;
}
.news-date{
	font-size:10px;
	font-style:italic;
	display:block;
	color:#666;
}
.view-all{
	display:block;
	padding:10px;
	color:#000;
}
.view-all:hover{
	background:#666;
}
/* END Latest News Box */

/* Product Enquiry Form */
#productEnquiry input, #productEnquiry textarea{
	width:100%;
}
#productEnquiry .button{
	width:inherit;
}
/* END Product Enquiry Form */

/* Product Video */
.product-video-title{
	font-weight:bold;
	font-size:14px;
	display:block;
	width:560px;
	margin:10px auto;
}
.product-video{
	margin:0 auto;
	display:block;
	width:560px;
}
/* END Product Video */

/* Video Page */
.video-cat-title{
	clear:both;
}
.video-item{
	float:left;
	margin:0 20px 20px 0;
}
/* END Video Page */

/* Cart Box */
#cart-box{
	background:url(quotation.png) no-repeat left;
	padding:10px 5px 10px 45px;
	border:1px solid #999;
	width:120px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:10px;
}
#cart-box h3{
	margin:0 0 5px 0;
	padding:0;
}
#cart-box .request-button{
	display:block;
	padding:5px 10px;
	text-decoration:none;
	color:#FFF;
	background-color:#666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#cart-box .request-button:hover{
	background-color:#000;
}
/* END Cart Box */

/* Quotation Page */
.cart-list,
.cart-list a{
	color:#333
}
.cart-list td{
	background-color:#fff;
}
.view-details-btn,
.add-cart{
	display:inline-block;
	text-decoration:none;
	padding:5px 0;
	margin:5px 0;
	width:100px;
	background-color:#F90;
	color:#FFF;
	font-weight:bold;
}
.products-listing .add-cart{
	margin-bottom:30px;
}
.add-cart,
.clear-cart,
.update-item,
.remove-item{
	cursor:pointer;
}
.view-details-btn:hover,
.add-cart:hover{
	background-color:#F60;
}
/* END Quotation Page*/

/* Google Translator */
#google_translate_element{
	z-index:1000;
}
/* END Google Translator */

/* ws=showproducts */
.subimg-item{
	float:left;
	margin:5px;
}
.subimg-box{
	border:1px solid #ccc;
	margin-bottom:5px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.subimg-title{
	display:block;
	margin:5px 0 10px 0;
}
.productsbigimg{
	border:1px solid #CCC;
}
.productsbigimg.noborder{
	border:none;
}
.productsbigimg .product-price{
	margin-top:10px;
	font-weight:bold;
	font-size:18px;
	display:block;
}

.product-cat-level a{
	text-decoration:none;
	/* color:#333; */
	color:#fff;
}
.product-cat-level a:hover{
	/* color:#F00; */
	color:#ccc;
}
.show-product{
	margin:20px 0;
	width:750px;
}
.show-product .product-title{
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
}
.show-product .product-img{
	margin:0 20px 15px 0;
	border:1px solid #CCC;
}
.showproduct-desc{
	clear:both;
	padding:10px;
}
.show-product .product-subimg{
	position:relative;
	width:428px;		
	height:93px;
	overflow:hidden;
	border-bottom:1px solid #CCC;
	margin-bottom:15px;
	padding-bottom:15px;
}
.show-product .product-subimg .product-subimg-arrow{
	display:none;
	position:absolute;
	width:30px;
	height:31px;
	top:31px;
	color:#FFF;
	cursor:pointer;
	z-index:10;
	background-image:url(subimg-arrow.png);
	background-repeat:no-repeat;
}
.show-product .product-subimg .product-subimg-arrow.prev{
	left:0;
	background-position:top left;
}
.show-product .product-subimg .product-subimg-arrow.prev:hover{
	left:0;
	background-position:bottom left;
}
.show-product .product-subimg .product-subimg-arrow.next{
	right:0;
	background-position:top right;
}
.show-product .product-subimg .product-subimg-arrow.next:hover{
	right:0;
	background-position:bottom right;
}
.show-product .product-subimg table{
	position:absolute;
	left:0;
	white-space:nowrap;
	border-collapse:separate;
	border-spacing:12px 0px;
}
.show-product .product-subimg table td{
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
	padding:0;
	width:90px;
	height:90px;
}
.show-product .product-subimg table td:hover{
	border-color:#000
}
.show-product .product-short-desc{
	margin:15px 0;
}
.show-product .cart{
	border-bottom:1px solid #CCC;
	padding-bottom:15px;
	margin-bottom:15px;
}
.show-product .cart input{
	border-collapse:collapse;
	border:1px solid #999;
	padding:4px;
	font-size:12px;
	text-align:center;
}
.show-product .product-add-cart{
	padding:5px 10px;
	background-color:#333;
	color:#FFF;
	text-decoration:none;
	margin:0 10px;
}
.show-product .product-tab ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
}
.show-product .product-tab ul li{
	padding:5px 10px;;
	background:#CCC;
	display:inline-block;
	font-size:14px;
	margin-right:10px;
	cursor:pointer;
}
.show-product .product-tab ul li:last-child{
	margin-right:0;
}
.show-product .product-desc{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:15px 0;
	padding:15px 0;
}
#product-enquiry-form td{
	padding:5px 0;
}
/* end ws=showproducts*/

/* productsbycat, ourproducts, search */
.products-listing{
	border-collapse:collapse;
}
.product-name{
	font-size:12px;
	/*margin:5px 0 0 0;*/
	margin:10px 0 5px 0;
	word-wrap:break-word;
}
.products-listing .product-img{
	display:table-cell;
	width:100px;
	height:100px;
	vertical-align:middle;
	text-align:center;
}
.products-listing .product-short-desc{
}
.products-listing .product-category{
	display:block;
	padding:5px 10px;
	margin-bottom:8px;
}
.products-listing .product-category a{
	font-size:14px;
	font-weight:bold;
}
.products-listing .product-price{
	display:block;
	font-weight:bold;
}
.page-num a{
	display:inline-block;
	padding:2px 8px;
	border:1px solid #CCC;
	margin-right:5px;
	text-decoration:none;
}
.page-num a:hover{
	background-color:#CCC;
}
.page-num a.selected{
	font-weight:bold;
	background-color:#CCC;
}
/* end productsbycat, ourproducts, search */

/* Products Search Box */
#search-box{
	width:160px;
	padding:10px 5px;
	margin:0 0 10px 0;
	border:1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#search-box #searchproducts{
	margin:10px 0;
	width:150px;
}
/* END Products Search Box */

/* Footer */
.poweredby{
	display:block;
	margin-top:15px;
}
/* END Footer */

/* ws=servicesbycat */ 
.service-cat-title a{
	font-size:14px;
	font-weight:bold;

}
.service-cat-title{
	display:block;
	padding:5px 0px;
	margin-bottom:8px;
	/* border-bottom:1px solid #CCC; */
}
.service-cat-title.single{
	border-bottom:none;
}
.service-image{
	border:1px solid #CCC;
}
.service-name{
	margin:10px 0px 5px 0px;
	text-align:center;
}
.service-list{
	margin-bottom:20px;
}
/* END ws=servicesbycat */