/*user side CSS*/
@charset "utf-8";
body{
	margin:0px auto;
	padding:0px;
	background-image: url(../images/body_bg.jpg);
	background-repeat:repeat;
}
#wrapper
{
	/*width:1100px;*/
	/*min-height:1250px;*/
	width:800px;
	min-height:500px;
	height:auto;
	margin:0px auto;
	padding:0px;
	float:none;
	/*border:2px solid #00FF00;*/
}
#inner_wrapper
{
	 
	width:800px;
	min-height:730px;
	height:auto;
	float:none;
	margin:0px auto;
	/*border:2px solid #FFFF33;*/
}
#header
{
	/*margin-top:20px;*/
	width:800px;
	height:235px;
	/*background-image:url(../images/header_flash.jpg);
	background-repeat:repeat;*/
	float:left;
	/*border:1px solid #00FF00;*/
}
#menu
{
	width:800px;
	height:30px;
	padding:0px;
	float: left;
	background-color:#010101;
}
#menu ul{ 
	float:left;
	margin:0px;
	padding:0px;
}
#menu ul li{ 
	float:left;
	/*list-style-image:url(../images/menu_red.jpg);
	list-style-position:inside;*/
	list-style:none;
	float:left;
	padding:6px 16px 0;
	text-align:center;
	width:auto;
}
#menu ul li a{
color:#FFFFFF;
float:left;
font-family:"Trebuchet MS","Arial Black","Times New Roman";
font-size:13px;
text-align:center;
text-decoration:none;
width:auto;
padding:0px 4px 0px 4px;
}
#menu ul li a:hover{
color:#FFFFFF;
background-color:#7b0000;
float:left;
font-family:"Trebuchet MS","Arial Black","Times New Roman";
font-size:13px;
text-align:center;
text-decoration:none;
width:auto;
padding:0px 4px 0px 4px;
}
#pan_asian
{
	width:800px;
	height:40px;
	background-image:url(../images/pan_asian.jpg);
	background-repeat:repeat-x;
	float:left;/* that is ie6 then change float:none; */
	font-family:Trebuchet MS;
	font-size:18px;
	text-align:center;
	padding-top:7px;
	color:#FFFFFF;
}
#content
{
	width:752px;
	min-height:400px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#FFFFFF;
	border:7px solid #666666;
	background-color:#7b0000;
	/*background-image:url(../images/content_bg.jpg);
	background-repeat:repeat;*/
	padding:17px;
	margin-top:-10px;
	padding-bottom:20px;
}
#home_content
{
	width:315px;
	min-height:300px;
	height:auto;
	float:left;
	border:5px solid #990000;
	background-color:#660000;
/*	background-color:#000000;*/
	padding-top:0px;
	padding-bottom:0px;
	padding-right:15px;
	padding-left:15px;
}
#sub_page_content
{
	width:715px;
	min-height:400px;
	height:auto;
	float:left;
	border:5px solid #990000;
	background-color:#660000;
/*	background-color:#000000;*/
	padding-top:0px;
	padding-bottom:0px;
	padding-right:15px;
	padding-left:15px;
}
#sub_page_content p
{
	padding:7px 0px 7px 0px;
	margin:0px;
}
#sub_page_content a
{
	text-decoration:underline;
	color:#FFFFFF;
}
#sub_page_content a:hover
{
	text-decoration:none;
	color: #99FF33;
}
.hr_line
{
	border-bottom:1px dashed  #E0E0E0;
	margin-bottom:10px;
}
#home_content p
{
	padding:7px 0px 7px 0px;
	margin:0px;
}
.para_title
{
	font-size:14px;
	font-weight:bold;
}
#right_content
{
	width:380px;
	
	height:auto;
	margin-left:17px;
	/*border:5px solid #990000;*/
	float:left;
}
#right_tel_no
{
	width:370px;
	border:#990000 solid 5px;
	/*background:url(../images/right_add_tel_no.jpg) no-repeat;*/
	min-height:100px;
	height:auto;
	float:left;
	margin-top:17px;
}
#right_xmas
{
	width:370px;
	height:237px;
	border:#c50101 5px solid;
	float:left;
	/*background:url(../images/right_xmas_party.jpg) no-repeat;	*/
	background-color:#660000;
	margin-top:17px;
	text-align:justify;
	padding-top:10px;

}
#right_xmas a
{
	text-decoration:none;
	color:#FFFFFF;
}
#right_xmas a:hover
{
	text-decoration:none;
	color:#99FF33;
}
#xmas_click
{
	margin-left:15px;
	
}
#right_special_offer
{
	width:370px;
	min-height:157px;
	height:auto;
	background-color:#660000;
	border:5px #990000 solid;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:3px;
	 
	/*margin-bottom:17px;*/
}
#right_special_offer a
{
	text-decoration:none;
	color:#FFFFFF;
}
#right_special_offer a:hover
{
	text-decoration:none;
	color:#99FF33;
}
#footer
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width:800px;
	height:auto;
	min-height:30px;
	float:left;
}
#footer_office_time
{
	width:800px;
	height:15px;
	float:left;
	background-image:url(../images/footer_office_time_bg.jpg);
	background-repeat:repeat-x;
	border-bottom:5px solid #8e0000;
	margin-bottom:15px;
	font-size:13px;
	text-align:center;
	padding-top:15px;
}

/*#footer_menu
{   
	float:left;
	
	padding:0;
	width:800px;
	height:20px;
}*/
#footer_menu
{   
	float:left;
	padding:0;
	width:425px;
	height:30px;
}
#footer_menu ul{ 
	
	
	/*margin:0 0 0 200px;*/
	margin-left:5px;
	padding:0px;
}
#footer_menu  li{ 
	float:left;

	list-style:none;
	margin:0px;
	padding:0px;
}

#footer_menu ul li img{ 
	float:left;
	margin:0px;
	padding-top:4px;
}
#footer_menu ul li a{ 
color:#FFFFFF;
float:left;
font-family:"Trebuchet MS","Arial Black","Times New Roman";
font-size:13px;
text-align:center;
text-decoration:none;
width:auto;
padding:0px 2px 0px 2px;
}
#footer_menu ul li a:hover{ 
color:#99FF33;
float:left;
font-family:"Trebuchet MS","Arial Black","Times New Roman";
font-size:13px;
text-align:center;
text-decoration:none;
width:auto;
padding:0px 2px 0px 2px;
}
#copyrights
{
	 width:415px;
     height:auto;
	 float:left;
	 overflow:hidden;
	 position:relative;
	 margin-left:8px; 
	 text-align: left;
}
#copyrights a
{
	text-decoration:none;
	color:#FFFFFF;
}
#copyrights a:hover
{
	text-decoration:none;
	color: #99FF33;
}
#fairtrade
{
	width:850px;
	height:auto:
	float:left;
	margin:15px 0 0 0;

}
#fairtrade_img
{

	height:79px;
	/*background-image:url(../images/fairtrade.jpg);
	background-repeat:no-repeat;*/
	margin:0 0 0 0px;
	float:left;
	width:200px;

}
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #333333;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #333333;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #333333;
		
		font-weight: bold;
		background-color: #333333;
		color: #FFF;
	}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}
.chromestyle{
border:1px solid #000000;
margin-top:-6px;
width:99%;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{

width: 100%;
/*THEME CHANGE HERE*/
padding: 0px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
margin: 0;
text-decoration: none;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
 /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #ffffff; /*THEME CHANGE HERE*/
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #000000;
width: 90px;
visibility: hidden;
margin-top:2px;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
 /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #000000;
}
		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 16px;
			border: 8px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}