/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #fff;
    font-size: .75em;
    font-family: Arial, 宋体, 仿宋;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: none;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: underline;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, 宋体, 仿宋;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#page 
{
    width: 866px;
    margin-left: auto;
    margin-right: auto;
}

#header 
{
	height:70px;
	position:relative;
}

#header .menu 
{
	margin-top:5px;
	margin-left: 0;
	margin-right: 10px;
	padding-left: 0;
	white-space: nowrap;
	text-align:right;
	font:normal 1.0em Arial;
}

#header .menu li
{
	display: inline;
	list-style-type: none;
}

#header .menu a
{ 
	padding: 3px 3px; 
}

#header .menu b
{ 
	padding-right: 5px;
}

#header .menu a:link, #pageHeader a:visited
{
	color:#c6c6c6;
	text-decoration: none;
}

#header .menu a:hover
{
	color: #ff9933;
	text-decoration: none;
}

#header .logo
{
	position:absolute; 
	top: 20px;
	margin-left:10px;
	background: url(images/zmart4_03.jpg) no-repeat left top ; 
	width:202px;
	height:71px;
}

#header .navimenu 
{
	float:left;
	height: 40px;
	width: 595px;
}

#navigation 
{  
	list-style: none;
	height: 40px;
	width: 595px;
    background: #fffeed url(Images/zmart4_06-08.jpg) top left;
	margin-top: 0px;
	margin-left: 0;
	padding-left: 0;
	padding-top: 0px;
	white-space: nowrap;
	text-align:left;
}

#navigation li 
{  
	float: left;
	margin-left: 3px;
	margin-right: 1px;
}

#navigation a * 
{  
	display: none;
}

#navigation a, #navigation a .hover 
{  
	height: 40px;  
	position: relative;  
	display: block;  
	/*background: url(images/zmart4_06-14.jpg) 0 0 no-repeat;*/
}

#navigation a.home-index
{
	background: url(images/menu-index.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.home 
{  
	background: url(images/menu-index.jpg) no-repeat;
	background-position: 0 0;  
	width: 70px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.home:hover, #navigation a.home .hover 
{  
	background: url(images/menu-index.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.regulation-index
{  
	background: url(images/menu-spec.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.regulation 
{  
	background: url(images/menu-spec.jpg) no-repeat;
	background-position: 0 0;  
	width: 70px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.regulation:hover, #navigation a.regulation .hover 
{  
	background: url(images/menu-spec.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.mypoint-index 
{  
	background: url(images/menu-mypoint.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.mypoint 
{  
	background: url(images/menu-mypoint.jpg) no-repeat;
	background-position: 0 0;  
	width: 70px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.mypoint:hover, #navigation a.mypoint .hover 
{  
	background: url(images/menu-mypoint.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.giftcenter-index 
{  
	background: url(images/menu-gifts.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.giftcenter 
{  
	background: url(images/menu-gifts.jpg) no-repeat;
	background-position: 0 0;  
	width: 70px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.giftcenter:hover, #navigation a.giftcenter .hover 
{  
	background: url(images/menu-gifts.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.service-index
{  
	background: url(images/menu-service.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.service 
{  
	background: url(images/menu-service.jpg) no-repeat;
	background-position: 0 0;  
	width: 70px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.service:hover, #navigation a.service .hover 
{  
	background: url(images/menu-service.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.fun-index
{  
	background: url(images/menu-fun.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 80px;
}

#navigation a.fun 
{  
	background: url(images/menu-fun.jpg) no-repeat;
	background-position: 0 0;  
	width: 80px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.fun:hover, #navigation a.fun .hover 
{  
	background: url(images/menu-fun.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 80px;
}

#navigation a.aboutus-index
{  
	background: url(images/menu-aboutme.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}

#navigation a.aboutus 
{  
	background: url(images/menu-aboutme.jpg) no-repeat;
	background-position: 0 0;  
	width: 70px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.aboutus:hover, #navigation a.aboutus .hover 
{  
	background: url(images/menu-aboutme.jpg) no-repeat;
	background-position: 0 -40px;  
	width: 70px;
}


#navimenu-left
{
	float: left;
	background: #fffeed url(Images/zmart4_06.jpg)  no-repeat top left;
	min-height:40px;
	_height: 40px;
	width: 7px;
	margin-top: 0px;
}

#navimenu-right
{
	float: left;
	background: #fffeed url(Images/zmart4_06-11.jpg) no-repeat top right;
	min-height:40px;
	_height: 40px;
	width: 7px;
	margin-top: 0px;
}

#navigbar
{
	position:absolute; 
	top: 35px; 
	left:250px;
	vertical-align: bottom;
	width: 610px;
    /*background: #fffeed url(Images/zmart4_47.jpg) top right;*/
}

#main
{
    padding: 0px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#sidebar
{
	float: left;
	width: 126px;
	margin-left: 0px;
	margin-top: 23px;
	margin-right: 15px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 20px;
}

#content
{
	margin-left: 152px;
	margin-top: 0px;
	padding-top: 0;
	overflow: hidden;
	width: 708px;
	/*border-left: 1px solid #f7a507;*/
}

#footer
{
    clear: both;
    padding: 5px 0 0 0;
    text-align: center;
    line-height: normal;
    margin-top: 10px;
}

#footer p
{
    padding: 5px 0;
    margin: 0;
    font-size: 12px;
    font-family: 宋体, 仿宋, 新宋体, Arial;
    color: #52615b;
}

#footer .footernavi 
{
	float:left;
	height: 35px;
	width: 848px;
}

#footer .footernavi ul
{
	height: 20px;
	width: 848px;
    background-color: #DFDFDF;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 0;
	padding-top: 8px;
	white-space: nowrap;
	text-align: center;
	font:normal 1.0em Arial;
}

#footer .footernavi ul li
{
	display: inline;
	list-style-type: none;
	margin-left: 10px;
}

#footer .footernavi a:link, a:visited
{
	color:#999;
	text-decoration: none;
}

#footer .footernavi a:hover
{
	color: #999;
	text-decoration: underline;
}

#footer-left
{
	float: left;
	background: #fffeed url(Images/footer-left.jpg)  no-repeat top left;
	min-height:28px;
	_height: 32px;
	width: 5px;
	margin-top: 5px;
}

#footer-right
{
	float: left;
	background: #fffeed url(Images/footer-right.jpg) no-repeat top right;
	min-height:28px;
	_height: 32px;
	width: 5px;
	margin-top: 5px;
}

.copyright
{
	width: 848px;
	text-align: center;
	color: #999;
	height: 20px;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.banner 
{
	/*border:solid 1px gray; */
	width:868px; 
	/*text-align:center; */
	height:172px;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* ===================== Grid / Table / List ====================== */

.grid {margin-left:35px; margin-top: 10px; margin-right: 20px;}
.gridItem { float:left; width:154px; display:block; height:234px;margin-bottom: 40px;}
.gridItem .frame {background: url(images/cell_bg.png) no-repeat 0px top; width:140px; height:113px;margin-left:auto;margin-right:auto; border-bottom:solid 5px white;}
.gridItem .frame a img { margin:6px; width:126px; height:100px;  }

.gridItem .giftcontent {margin-top:10px;margin-left:15px;margin-right:auto;width:142px; }
.gridItem .giftcontent .code { padding-left: 5px; padding-right: 5px; font:12px Arial; }
.gridItem .giftcontent .code p { color:#4fbc1e; font:bold 12px Arial; display: inline;}
.gridItem .giftcontent .point { padding-left: 5px; padding-right: 5px; font: 12px Arial; }
.gridItem .giftcontent .point p { color:#4fbc1e; font:bold 12px Arial; display: inline;}
.gridItem .giftcontent .promotion { padding-left: 5px; padding-right: 5px; font: 12px Arial; }
.gridItem .giftcontent .promotion p { color:#4fbc1e; font:bold 12px Arial; display: inline;}
.gridItem .giftcontent .name {margin-top:2px; font:bold 12px Arial; color:#f2581c; height:5px;text-align: center;}
.gridItem .giftcontent .name a {color:#f2581c; text-decoration:none;}
.gridItem .giftcontent .name a:hover { color:#000000;  text-decoration:underline;}
.gridItem .giftcontent .stars { text-align: center; margin-bottom:20px; height: 10px; margin-top: 10px;}
.gridItem .giftcontent .desc {display:none;}

.gridItem_on .frame {background: url(images/cell_bg.png) no-repeat -140px top; width:148px; height:120px; margin-left:auto;margin-right:auto;cursor:pointer; border:0px;}
.gridItem_on .frame a img {margin:7px 0px 6px 6px; width:130px; height:104px;}

.gridItem_v {position:relative; width:100%; height:120px;}
.gridItem_v .frame {float: left; background: url(images/cell_bg.png) no-repeat 0px top;  width:140px; height:113px; margin-left:auto; margin-right:auto; cursor:pointer;}
.gridItem_v .frame a img { margin:6px; width:126px; height:100px; }
.gridItem_v .giftcontent {margin-left:145px; padding:5px; background-color:#f2f2f2; height:105px; width:440px;}
.gridItem_v .giftcontent .code { font: 12px Arial; float:right; display:block;  background-color:#dee0d3; width:80px;height:75px; text-align:center; position:absolute; right:90px; top:0px; padding-top:40px;}
.gridItem_v .giftcontent .code  p {color:#f68a3a;font:bold 12px Arial; display:block; margin-top: 10px; }
.gridItem_v .giftcontent .point {font: 12px Arial; float:right; margin: 0 0 0 -20px;  display:block; position:absolute; right:10px; top:0px; background-color:#eaeaea; width:80px; height:75px; text-align:center; padding-top:40px;}
.gridItem_v .giftcontent .point  p {color:#f68a3a;font:bold 12px Arial; display:block; margin-top: 10px; }
.gridItem_v .giftcontent .promotion {font: 12px Arial; margin: 0 0 0 0px;  display:inline; }
.gridItem_v .giftcontent .promotion  p {color:#f68a3a;font:bold 12px Arial; display:inline; margin-top: 10px; }
.gridItem_v .giftcontent .name { display:block; font:bold 14px 宋体;}
.gridItem_v .giftcontent .stars { margin-bottom: 10px;}
.gridItem_v .giftcontent .desc { margin-top:5px; display:none; width:440px;}

.gridItem_v_on .frame {float: left;background: url(images/cell_bg.png) no-repeat -140px top; width:148px; height:117px;margin-left:auto;margin-right:auto;cursor:pointer;}
.gridItem_v_on .frame a img {margin:7px 0px 6px 6px; width:130px; height:104px;}
.gridItem_v_on .giftcontent {margin-left:145px; padding:5px; background-color:#f9eedd; height:105px;}
.gridItem_v_on .giftcontent .code { font: 12px Arial; float:right; display:inline;  background-color:#d5ecbd; width:80px;height:75px; text-align:center; position:absolute; right:90px; top:0px; padding-top:40px;}
.gridItem_v_on .giftcontent .code  p {color:#f68a3a;font:bold 12px Arial; display:block; margin-top: 10px; }
.gridItem_v_on .giftcontent .point {font: 12px Arial; float:right; margin: 0 0 0 -20px;  display:inline; position:absolute; right:10px; top:0px; background-color:#dae8f6; width:80px; height:75px; text-align:center; padding-top:40px;}
.gridItem_v_on .giftcontent .point  p {color:#f68a3a;font:bold 12px Arial; display:block; margin-top: 10px; }

.topic {width:100%; margin-top: 2px; margin-bottom: 20px; display:block; height:30px; border-bottom: solid 0px #ffa900;}
.topic h2 { font: bold 22px Arial; float:left; margin:0px; padding:0px; border: 0px; color: #ffa900; }
.topic .display {float:right;}
.topic .gridview {background: url(images/display_btn.png) no-repeat left top; width:28px; height:26px; float:left; cursor:pointer;}
.topic .listview {background: url(images/display_btn.png) no-repeat -28px top; width:28px; height:26px;  float:left; cursor:pointer;}
.topic .grid_on {background: url(images/display_btn.png) no-repeat left -26px; width:28px; height:26px;  float:left; cursor:pointer;}
.topic .list_on {background: url(images/display_btn.png) no-repeat -28px -26px; width:28px; height:26px; float:left; cursor:pointer;}

.list {list-style-type:none; margin:5px 0 0 10px; padding:0px;}
.list li {margin-top:3px;}
.list li a { color:#808080; text-decoration:none;}
.list li a:hover { text-decoration:underline;}

/* Pager */
.pager 
{
	clear: both;
	text-align: right;
	margin:8px 3px;
	padding:3px;
}

.pager .disabled 
{
	border:1px solid #ddd;
	color:#999;
	margin-top:4px;
	padding:3px;
	text-align:center;
}

.pager .current 
{
	background-color:#f5a032;
	border:1px solid #afaaa3;
	color:#fff;
	font-weight:bold;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a 
{
	border:1px solid #c0c0c0;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
}

/* information bar */

.errormessage
{
	border:solid 1px #d00;
	color:#900;
	background-color: #ffeeee;/*#fee;*/
	font-weight:normal;
	height:28px;
	margin-bottom: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
}

.success
{
	background-color:#e6f8dd;
	border:1px solid #191;
	color:#060;
	font-weight:normal;
	height:28px;
	margin-bottom: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
}

.infobar
{
	width: 680px;
	/*background-color: #8fda96;*/
	padding-top: 7px;
    padding-bottom: 7px;
	margin-bottom: 3px;
    padding-left: 3px;
	border: solid 1px #d1d4cf;
}

.infomessage
{
	border:solid 1px #0c6b46;
	color:#000;
	background-color:#fbffe5;
	font-weight:bold;
	height:50px;
	margin-bottom: 10px;
}

.navsite p 
{
	display: none;
}

.navsite 
{
	font-family: 宋体, 新宋体;
	font-size: 1em;
	font-weight:normal;
	width: 126px;
	border-right: 1px solid #b5c005;
	padding: 0;
	margin-bottom: 1em;
	/*background-color: #ef1754;*/
	color: #333;
}

.navsite ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.navsite ul li 
{
	margin: 0;
	border-top: 1px solid #c5d00f;
}

.navsite ul li a 
{
	display: block;
	padding: 2px 2px 2px 0.5em;
	border-left: 10px solid #d2d1cd;
	border-right: 1px solid #c5d00f;
	border-bottom: 1px solid #c5d00f;
	background-color: #f0a04a;
	color: #fff;
	text-decoration: none;
	width: 107px;
}

html>body #navsite ul li a 
{
	width: auto;
}

.navsite ul li a:hover 
{
	border-left: 10px solid #a19e9a;
	border-right: 1px solid #c5d00f;
	border-bottom: 1px solid #c5d00f;
	background-color: #ff9f00;
	color: #fff;
}

a img 
{
	border : 0px;
}

.bl
{
	background: url(Images/corner_bl.jpg) 0 100% no-repeat;
}

.br
{
	background: url(Images/corner_br.jpg) 100% 100% no-repeat;
}

.tl
{
	background: url(Images/corner_tl.jpg) 0 0 no-repeat;
}

.tr
{
	background: url(Images/corner_tr.jpg) 100% 0 no-repeat;
	padding: 10px;
}

.t
{
	background: url(Images/border.jpg) 0 0 repeat-x;
	width: 705px;
}

.b
{
	background: url(Images/border.jpg) 0 100% repeat-x;
	width: 705px;
}

.l
{
	background: url(Images/border.jpg) 0 0 repeat-y;
	width: 705px;
}

.r
{
	background: url(Images/border.jpg) 100% 0 repeat-y;
	width: 705px;
}

.giftpic
{
	display: inline;
	width: 100px;
}

.giftpic img
{
	display: block;
	background-color: #fff;
	border: 0px solid #666;
	margin: -3px 5px 5px -3px;
	padding: 2px;
	width:130px; 
	height:104px;
}

.exinfo
{
	height: 80px;
}

.exinforow td
{
   border-bottom: dotted 1px black;
}

.infotitle
{
	color: Gray;
}

.giftdetails
{
	height: 204px;
}

.giftintro
{
	padding-left: 8px;
	padding-top: 5px;
	margin-bottom: 20px;
}

.giftintro:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.giftintrotitle
{
	height: 20px;
	background-color: #efee9f;
	padding-top: 5px;
	padding-left: 8px;
	color: #f25712;
	font-weight: bold;
}

div.custcomment
{
	padding-left: 8px;
	padding-top: 10px;
	margin-bottom: 20px;
}

div.commenttitle
{
	height: 20px;
	background-color: #efee9f;
	padding-top: 5px;
	padding-left: 8px;
	color: #f25712;
	font-weight: bold;
}

.custcomment ul
{
	list-style: none;
}

.custcomment ul li
{
	display: inline;
	margin-right: 15px;
}

.addtocart
{
	text-align: left;
	margin-top: 20px;
	width: 300px;
}

.carttip
{	
	height: 50px;
	width: 595px;
    padding-bottom: 8px;
}

.carttip ul
{
	height: 32px;
	width: 595px;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 0;
	padding-top: 8px;
	white-space: nowrap;
	text-align:left;
	font:normal 11px Arial;
}

.carttip ul li
{
	display: inline;
	list-style-type: none;
	margin-left: 10px;
}

.redborder
{
	border:2px solid #ff0000;
}


table#cartdetails
{
	width: 100%;
	margin-bottom: 30px;
}

table#cartdetails thead tr th
{
	background-color: #ddded7;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #035229;
}

.odd
{
	background-color: #f1f4f5;
}

.even
{
	background-color: #dee5e7;
}

.mousehover
{
	background-color: #f9f3ca;
}

tr.itemrow
{
	text-align: center;
}

tr.itemrow td img
{
	height: 30px;
}

#np
{
	display: inline;
	color: #f3900f;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}

#ep
{
	display: inline;
	color: #f3900f;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}

.emdigit
{
	display: inline;
	color: #f3900f;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}

.inputbar
{
	text-align: right;
	margin-top: 15px;
	position: relative;
}

.inputbar input
{
	border: solid 1px #191a19;
	background-color: #e7bc3b;
	color: #08650d;
}

.inputbar input#starsubmit
{
	border: 0px;
}

#empty {
	PADDING-BOTTOM: 100px; PADDING-LEFT: 156px; PADDING-RIGHT: 0px; BACKGROUND: url(images/empty.png) no-repeat 40px 46px; PADDING-TOP: 48px
}
#empty H2 {
	FONT: bold 14px/20px arial
}
#empty UL {
	LINE-HEIGHT: 20px; MARGIN-TOP: 12px
}

.attention 
{
	MARGIN: 20px auto; MIN-HEIGHT: 64px; PADDING-LEFT: 80px; WIDTH: 750px; BACKGROUND: url(images/msg_b_bg.png) no-repeat;
	margin-left: 20px;
}
.attention {
	BACKGROUND-POSITION: 0px -1000px
}
.attention H2 {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 26px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 15px
}
.attention UL {
	LINE-HEIGHT: 20px; MARGIN-TOP: 12px
}
.attention a 
{
	MARGIN: 0px 5px
}
.attention p
{
	margin-top: 0px;
	margin-left: 5px;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.input-error
{
	display: inline;
	border: 1px solid #ff0000;
    background-color: #ffeeee;
    margin-left: 2px;
    padding: 3px;
    color: Red;
}

.logonform
{
	background: url(images/logon.gif) no-repeat top left;
	padding-top: 70px;
	padding-left: 50px;
	margin-top: 10px;
	margin-left: 20px;
}

.logonform #username
{
	margin-left: 0px;
	width: 150px;
}

.logonform #password
{
	margin-left: 13px;
	width: 150px;
}

.logonform #rememberMe
{
	margin-left: 50px;
}

.logonform input
{
	margin-left: 50px;
}

.pointsum
{
	margin-bottom: 30px;
	margin-left: 20px;
}

.pointsum p
{
	display: inline;
	color: #f3900f;
	font-weight: bold;
	margin-left: 10px;
}

.pointdetails
{
	margin-left: 70px;
	margin-bottom: 20px;
}

.pointdetails table tr th
{
	text-align: right;
	background-color: #ddded7;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #769207;
	width: 180px;
}

.pointdetails table tr td
{
	text-align: right;
	background-color: #e3dfd0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #f08115;
	width: 120px;
}

.contacttitle
{
	margin-left: 0px;
}

.contactdetails
{
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.contactdetails table
{
	width: 400px;
}

.contactdetails table th
{
	background-color: #ddded7;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #035229;
}

.contactdetails table td
{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #035229;
}

div.contactus
{
	background: url(images/bk-contact.jpg) no-repeat top left;
	margin-left: 60px;
	margin-bottom: 15px;
	width: 570px;
	height: 371px;
	padding-top: 20px;
	padding-left: 60px;
}

ul.exchange
{
	list-style: none;
	white-space: nowrap;
	text-align:left;
	margin-left: 0px;
	padding-left: 0px;
    margin-left: 60px;
    padding-top: 5px;
}

div.change
{
	background: url(images/bk-change.jpg) no-repeat top left;
	margin-left: 130px;
	margin-bottom: 15px;
	width: 400px;
	height: 210px;
}

div.change input#exCode #btCode
{
	border: solid 1px #d0d3d5;
}

.changetitle
{
	margin-top: 10px;
	margin-left: 250px;
	margin-bottom: 20px;
	color: #eeb434;
	font-weight: bold;
	font-size: medium;
}

.changehistory
{
	margin-left: 40px;
	margin-bottom: 20px;
	padding-top: 10px;
}

.changehistory table
{
	width: 400px;
}

.changehistory table th
{
	background-color: #ddded7;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #035229;
}

.changehistory table td
{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #035229;
}

table.list4
{
	border-collapse: collapse;
	border: 0px solid #444;
	position: relative;
	width: 410px;
}

table.list4 tr > th
{
	text-align:right;
	vertical-align:top;
	border-bottom: 1px solid white;
	border-left:1px solid white;
	border-top: 1px solid white;
	padding: 0.75em 12px 0.75em 0em;
	font-size: 1em;
	color:black;
	background-color:#f7f7f7/*#FFE9D2*/;
}

table.list4 tr > td
{
	vertical-align:middle;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 4px;
	padding-left: 15px;
	font-size: 1em;
	color:black;
	background-color:#fffeed/*#FFE9D2*/;
}

.mustinput
{
	border: 1px solid #3366CC;
	background-color: #E8EDF9;
	width: 150px;
}

.contacstlist
{
	margin-left: 70px;
	margin-bottom: 20px;
}

.tblcontacts
{
	width: 100%;
	margin-bottom: 20px;
}

.tblcontacts tr th
{
	background-color: #ddded7;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #035229;
}

.tblcontacts tr td
{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #035229;
}

.rightsubmit
{
	text-align: left;
	padding-right: 0px;
	padding-bottom: 5px;
}

.rightsubmit input
{
	background-color: #a8be51;
	border: solid 1px #d8d9d5;
	color: white;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.addcontacttitle
{
	padding-left: 130px;
}

.addcontactcontent
{
	padding-left: 130px;
}

div.submit
{
	padding: 5px;
	padding-left: 120px;
}

div.submit input
{
	border: solid 1px black;
	background-color: #e5c854;
	color: White;
}

input#change
{
	float: right;
	border: solid 1px #191a19;
	background-color: #e7bc3b;
	color: #08650d;
}

div.indexlogin #login1
{
	background-image: url(images/loginbg.jpg);
	height: 97px;
}

.loginbottom
{
	position: relative;
	top: 15px;
	left: 20px;
}

.loginbottom a
{
	margin-left: 5px;
}

.indexmember
{
	margin-top: 10px;
	float: left;
}

.indexfun
{
	margin-top: 10px;
	margin-left: 13px;
	float: left;
}

.t1
{
	background: url(Images/border.jpg) 0 0 repeat-x;
	width: 316px;
}

.b1
{
	background: url(Images/border.jpg) 0 100% repeat-x;
	width: 316px;
}

.l1
{
	background: url(Images/border.jpg) 0 0 repeat-y;
	width: 316px;
}

.r1
{
	background: url(Images/border.jpg) 100% 0 repeat-y;
	width: 316px;
}

div.indexlist
{
	margin-left: 0;
	padding-left: 0;
		float: left;

}

div.indexlist ul
{
	margin-left: 0;
	padding-left: 0;
}

div.indexlist ul li
{
	list-style-type: none;
	margin-top: 10px;

}

.topic-left
{
	float: left;
	background: #fff url(Images/titleleft.jpg) no-repeat top left;
	min-height:28px;
	_height: 28px;
}

.topic-left-right
{
	float: left;
	background: #fffeed url(Images/titleleftright.jpg) no-repeat top left;
	min-height:28px;
	_height: 28px;
	width: 9px;
}

.topic-left img
{
	margin-left: 17px;
}

.topic-left p
{
	margin-left: 17px;
	color: #eebc3f;
    display: inline;
    font: bold 18px 宋体;
}

.topic-padding
{
	background: #fffeed url(Images/titlebg.jpg);
	min-height:28px;
	_height: 28px;
	float: left;
}

.topic-padding p
{
	display: inline;
	padding-left: 156px;
}

.topic-padding a:link
{
    color: white;
    text-decoration: none;
}

.topic-padding a:visited
{
    color: white;
}

.topic-padding a:hover
{
    color: white;
    text-decoration: underline;
}

.topic-right
{
	float: left;
	background: #fffeed url(Images/titleright.jpg) no-repeat top right;
	min-height:28px;
	_height: 28px;
	width: 6px;
}

.newslist1
{
	border-bottom: dotted 1px black;
	margin-top: 5px;
	font: normal 宋体;
}

.newslist1 a:link
{
	color: gray;
	text-decoration: none;
}

.newslist1 a:hover
{
    color: gray;
    text-decoration: underline;
}

.newslist
{
	font: normal 宋体;
}

.newslist a:link
{
	color: gray;
	text-decoration: none;
}

.newslist a:hover
{
    color: gray;
    text-decoration: underline;
}

.newstopic
{
	text-align: center;
	font: bold 18px 宋体;
	margin-bottom: 20px;
}

.newscontent
{
}

table.feedback
{
	border-collapse: collapse;
	position: relative;
	width: 450px;
}

table.feedback tr > th
{
	text-align:right;
	vertical-align:top;
	padding: 0.75em 12px 0.75em 0em;
	font-size: 1em;
	color:#898989;
	width: 80px;
}

table.feedback tr > td
{
	vertical-align:middle;
	padding: 4px;
	font-size: 1em;
	color:#898989;
}

.submenu
{
 	background: url(Images/zmart42_32.jpg) no-repeat top left;
 	padding-top: 8px;
 	padding-bottom: 2px;
 	width: 126px;
}

.submenu a:link
{
	color: #797777;
	text-decoration: none;
}

.submenu a:visted
{
	color: #797777;
	text-decoration: none;
}

.submenu a:hover
{
	color: #797777;
	text-decoration: none;
}

.submenu ul
{
	list-style: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 8px;
	font-weight: bold;
}

.submenu > ul > li
{
	width: 110px;
	padding-left: 8px;
	line-height: 28px;
	font: normal bold 宋体;
}

.submenu ul > li > ul
{
	list-style: none;
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
	font-weight: normal;
}

.submenu ul li > ul > li
{
	width: 100px;
	padding-left: 15px;
	line-height: 28px;
}

.menuhover {
	background: url(Images/menu-selected.jpg) no-repeat;
}

.submenu-current
{
	background: url(Images/menu-selected.jpg) no-repeat;
	color: #fff;
}

.subsub-current
{
	background: url(Images/subsub.jpg) no-repeat;
	color: #797777;
}

.sitemap
{
	padding-bottom: 8px;
}

ul.horizon
{
	list-style: none;
	white-space: nowrap;
	text-align:left;
	margin-left: 0px;
	padding-left: 0px;
	overflow:hidden;
}

ul.horizon li
{
	float: left;
	overflow:hidden;
}

.titlebar
{
	margin-top: 5px;
	background: url(Images/titlebar.jpg) no-repeat;
	width: 685px;
	height: 25px;
	padding-left: 20px;
	padding-top: 5px;
	color:White;
	font-weight: bold;
}

.businesscontent
{
	padding-bottom: 20px;
	padding-left: 20px;
}

.businesscontent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .businesscontent {height: 1%;}
/* End hide from IE-mac */ 


table.productslist
{
	border-collapse: collapse;
	border: 1px solid silver;
	width: 680px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 20px;
}

table.productslist th
{
	padding: 8px;
	border-bottom: 1px solid silver;
	color: #ffcc00;
	font-weight: bold;
	font-size: 1.0em;
}

table.productslist td
{
	padding: 4px;
	border-bottom: 1px solid silver;
}

ul.pointitems
{
	list-style-type: disc;
	list-style-image: url(images/bullet.jpg);
}

li#faq-q
{
	background: url(images/faq-q.jpg) no-repeat top left;
	height: 89px;
	padding-left: 97px;
	margin-bottom: 10px;
}

li#faq-a
{
	background: url(images/faq-a.jpg) no-repeat top left;
	height: 89px;
	padding-left: 97px;
	margin-bottom: 10px;
}

div.faqitem
{
	border: solid 1px silver;
	width: 560px;
	min-height: 76px;
	padding: 5px;
}

div.detailsitem
{
	float: left;
	width: 322px;
}

div.itemintro
{
	padding-left: 14px;
    line-height: 25px;
}

div.detailstitle
{
	background: url(images/detailstitle.jpg) no-repeat top left;
	height: 33px;
	padding-top: 10px;
	padding-left: 14px;
	color: White;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */