@charset "utf-8";
/* CSS Document */

body {
font-family : arial, helvetica, tahoma, verdana; 
font-size : 11px; 
color : #000000; 
background-color : #fff; 
margin : 0px;
background:url() repeat-x; 
} 
img{ border:0}
#logo {
	width:400px;
	height:102px;
	overflow:hidden;
	background:url(../images/logo.png) bottom left no-repeat;margin-left:30px; margin-right:0px; margin-top:0px; margin-bottom:0px;
}

#logo a{
	width:400px;
	height:102px;
	text-indent:-99999px;
	overflow:hidden;
	margin:1px 0px 0px 20px;
}

.TopPanel {
	height:29px;
}
a.TopPanel_menuLink:link, a.TopPanel_menuLink:visited {
	font-family : arial, helvetica, tahoma, verdana; 
	font-weight: bold;
	font-size : 11px; 
	color : #444445; 
	text-decoration : none; 	
}
a.TopPanel_menuLink:hover {
	font-family : arial, helvetica, tahoma, verdana; 
	font-weight: bold;
	font-size : 11px; 
	color : #028fc4; 
	text-decoration :none; 	
}
.TopPanel_menu-text {
	font-family : arial, helvetica, tahoma, verdana; 
	font-size : 11px; 
	color : #1F5883; 
	text-decoration : none; 
}
.TopPanel_menu-Break {
	margin-left:7px;
	margin-right:7px;
	text-decoration : none;

}
a.login {background:url(../images/login.png) no-repeat;
width:125px;
height:27px; display:block; margin-right:7px;}
a.login:hover {background:url(../images/login_hover.png)no-repeat;}

a.join {background:url(../images/join.png) no-repeat;
width:101px;
height:27px; display:block; margin-right:7px;}
a.join:hover {background:url(../images/join_hover.png)no-repeat;}

table#search tr.btm td{
font-family : arial, helvetica, tahoma, verdana; 
font-weight: bold;
font-size : 11px; 
color : #fff; 
text-decoration : none;
height:40px;
display:block;}

td.search_l { background:url(../images/search_l.png) no-repeat;
width:52px;}
td.search_bg { background:url(../images/search_bg.gif)repeat-x;}
td.search_r { background:url(../images/search_r.png) no-repeat; width:42px;}

/* ---------------------- topmenu  nav ---------------------- */
#dolphincontainer{position:relative;height:37px;color:#E0E0E0;width:100%;font-family : arial, helvetica, tahoma, verdana; }
#topmenu{position:relative;height:33px;font-size:12px;text-transform:capitalize; font-weight:bold;padding:2px 0 0 0px;}

#topmenu ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#topmenu ul li{display:block;float:left;margin:0 1px;}
#topmenu ul li a{display:block;float:left;color:#FFFFFF;text-decoration:none;padding:0 0px 0px 10px;height:33px; font-size:13px; background:url(../images/divider_menu.gif) no-repeat right top;}
#topmenu ul li a span{padding:7px 20px 0px 0;height:21px;float:left;}
#topmenu ul li a:hover{color:#000; text-decoration:none; }
#topmenu ul li a:hover span{display:block;width:auto;cursor:pointer;}
#topmenu ul li a.current,#dolphinnav ul li a.current:hover{color:#FFFF00; line-height:255%;}
#topmenu ul li a.current span{display:block;padding:0 20px 0px 0;width:auto;height:33px;}

#topmenu_cont{
background:url(../images/menu_top_bg.gif) bottom no-repeat ;
}

#topmenu_cont1{
background:url(../images/menu_bottom_bg.gif) bottom no-repeat ;
}

.div_leftmenu {list-style:none; margin:0; width:190px; font: Helvetica, Arial,Verdana, sans-serif ; font-size:11px; font-weight:bold;}
#leftmenu {
	font-size : 12px; 
	color : #333;
	text-align:left;
	text-decoration : none;
	padding-left:0px;
	padding-bottom:0px;

}
#leftmenu a {
	font-size : 12px; 
	color : #333;
	text-decoration : none;
	line-height:0px;
	padding-left:0px;
	line-height:14px;
	

	}
#leftmenu a:hover { 
	color : #ff0000; 
	text-decoration : underline; 
	}

#leftmenu ul {
	margin: 0px 0 0 0;
	padding: 0 0 0 4px;
	}	
#leftmenu li {
	list-style-type: none;
	/*background:url('../images/bull_arrow.gif') no-repeat 0px 8px;*/
	border-bottom:1px dotted #ccc;
	line-height: 1.2em; padding-left:3px; padding-right:0px; padding-top:4px; padding-bottom:4px
	}	
#leftmenu blockquote { 
	background-color: #FFFFF0; 
	margin: 20px 0; 
	padding: 10px 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}
#leftmenu blockquote p { margin: 0; text-indent: 0; }

/*Footer */
#footer{

	width:940px;
	margin:10px 0;
	text-align:center;
	
	/*background:url(images/footerbg.png) 0 0 no-repeat;*/
	overflow:hidden;
	border:1px solid #ccc;
	margin-left:10px;
	
}

#footer_nav{

	font-family : arial, helvetica, tahoma, verdana; 
	font-weight: bold;
	font-size : 11px; 
	color :#ff0000; 
	text-decoration : none; 	
	width:940px;
	height:128px;
	margin:0 0 20px -1px;
	overflow:hidden;
}

#footer ul {
	margin: 0px 0 0 0;
	padding: 0 0 0 4px;
	}	
#footer_nav li{
list-style-type: none;
	float:left;
	width:187px;
	height:110px;
	border-right:1px solid #E8E8E8;
	
}


#footer_nav li div{
	line-height:18px;
}

#footer_nav li .first{
	line-height:14px;
	padding:6px 0 5px 0;
	margin-bottom:2px;
	
	
}
#footer_nav li .first a{
	color:#dc1f26;
	font-size:13px;
	text-decoration : none;

}

#footer_nav li.last{
	float:none;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
	text-decoration : none; 
}

#footer_links{
	margin-bottom:25px;
}
#footer_links li{
	display:inline;
	padding:0 12px 0 8px;
	border-right:2px solid #ccc;
font-family : arial, helvetica, tahoma, verdana; 
	font-weight: bold;
	font-size : 11px; 
	color :#000; 
	text-decoration : none; 
}
#footer_links li.last{
	border:none;text-decoration : none; 
}

#footer_friend_links{
	padding:0 0 0 80px;
	text-align:left;
}

#footer_friend_links li{
	line-height:19px;
	display:inline;
	white-space:nowrap;
}

#footer_friend_links li.blank{
	margin:0 0px 0 1px;
}

#footer_copyright{
	margin:10px 0 8px;

	width:950px;

}

#footer_copyright *{
	vertical-align:middle;
}

#subtitle a{
color : #666666;
text-decoration : none;
font-family : arial, helvetica, tahoma, verdana; 
	font-weight: normal;
	font-size : 12px; 
	color :#666; 
}
#subtitle a:hover{
color : #ff0000;
text-decoration : none;
}

.title{ color:#000000;
text-decoration:none;
font-weight:bold;
font-size:11px;
line-height:12px;
}
.pagetitle{ color:#000000;
font-family : arial, helvetica, tahoma, verdana; 
text-decoration:none;
font-weight:bold;
font-size:20px;
line-height:20px;

}
#footer_link{
	font-size : 11px; 
	color : #000;
	text-decoration : none;
	background-color:#DFDFDF;
	padding:10px;
	margin-top:0px;
	
}
.div_footer{
	position:relative;
	width:500px;
	border:0px solid #ba0505;
	padding-left:5px;
	padding-rightt:1px;
	/*background-color:#cc0606;*/
	height:20px;
	margin-top:0px;
}

UL.footer_link {
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	position:relative;
	line-height: 20px;
	padding:0px;
	margin: 0px;

	
			
}
UL.footer_link LI {
	margin:0;padding:0;list-style-type:none;width:auto;float:left;
	
	
}
UL.footer_link LI A {
position:relative;
	display: run-in;
	float: left;
	padding: 0px 10px 0px 10px;
	text-align: left;
	text-decoration: none;
	
	border-right:0px solid #b50507;
	min-width:30px;
	border-left:0px dotted #ccc;

	
	}

UL.footer_link LI A:link,

UL.footer_link LI A:visited {
	color: #333;text-align: left;
	font-weight:bold;
}

UL.footer_link LI A:hover {
	/*background: url(grey.gif);*/
	color: #ffca11;
}

UL.footer_link LI A:active {
	background: url(grey.gif);
	color: #333333;
	
}

a.breadcrumb{ 
font-size:11px; 
font-weight:normal;
color:#000000;
text-decoration:none;
}

a.breadcrumb:hover{ 
font-size:11px; 
font-weight:normal;
color:#ff0000;text-decoration:none;}

.breadcrumb_highlight{ 
font-size:11px; 
font-weight:normal;
color:#ff0000;text-decoration:none;}

#pager{
color:#000;}

.pagebar{padding:0px 0; text-align:right;text-decoration:none;}
.pagebar form{margin:10px auto; text-align:right;text-decoration:none;}
.pagebar .page_now{color:#fff; font-weight:bold; padding:4px 6px; background:#000;text-decoration:none;}
.pagebar a{border:1px solid #ccc; padding:3px 5px;text-decoration:none;}
.pagebar a:hover{border:1px solid #ccc; padding:3px 5px;text-decoration:none; background-color:#f4f4f4;}


/*------------------------------------------------------------*
**  subpage
**------------------------------------------------------------*/
#Hot_pros {
	border:#FAD174 solid 0px;
	height:100%;
	width:754px;
	margin:0px 0px 5px 0px ; 
    margin-left:1px;

		}
#Hot_pros ul.thumbs { 
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
text-align:center;
	}
#Hot_pros ul.thumbs:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden;
	list-style-type: none;
	}	
#Hot_pros ul.thumbs li { 
	float: left;
	margin: 5px;
	padding: 0;
	color:#000000;
	list-style-type: none;
	width:140px;
    height :215px;
	text-align:center;
	padding:0px;background-color:#fff;
	background:url(../images/box.gif) top left no-repeat; 
	}
#Hot_pros a.aimg { height:120px; width:120px; display:block; text-align:center; padding-top: 5px }
#Hot_pros a.aimg:hover { background-color:#000099 }

#Hot_pros a {
	font-family : arial, helvetica, tahoma, verdana; 
	font-size : 12px; 
	color : #427ef8;
	line-height:12px;

	text-decoration : none; 
	}
#Hot_pros a:hover { 
	color : #009900; 
	text-decoration : none; 		
	}
#Hot_pros ul.thumbs li a img { border: 0px solid #FFD890;filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; }
#Hot_pros ul.thumbs li a:hover img { border: 0px solid #CCCCCC;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }	
html>body #Hot_pros ul.thumbs li a { background-color: transparent; }
.probox{
padding:3px 3px 3px 3px;}

.linebreak{ border:0px solid #ccc;

}
a.title_topro{ font-family : arial, helvetica, tahoma, verdana; 
	font-size : 11px; 
	color : #f16725;
	font-weight:bold;
	line-height:12px;
	text-decoration:none;
	
	}
	a.title_topro:hover{ font-family : arial, helvetica, tahoma, verdana; 
	font-size : 11px; 
	color : #000;
	font-weight:bold;
	line-height:12px;
	
	}
	.np{font-family : arial, helvetica, tahoma, verdana; 
	font-size : 11px; 
	color : #666;
	font-weight:normal;
	}
		.discount{font-family : arial, helvetica, tahoma, verdana; 
	font-size : 11px; 
	color : #666;
	font-weight:normal;
	text-decoration:line-through;
	}
	.price{
	font-family : arial, helvetica, tahoma, verdana; 
	font-size : 18px; 
	color : #ff0000;
	font-weight:bold;}
	.price_rm{
	font-family : arial, helvetica, tahoma, verdana; 
	font-size : 12px; 
	color : #ff0000;}