@charset "utf-8";

/*--------- @group Reset ---------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0px;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font: 100% "Lucida Grande", Lucida, Verdana, sans-serif;
}
body {
	line-height: 1;
	background: url(../img/bg.jpg) no-repeat top center;
	font-size: 95%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */


/*-- global items --*/


img {
	border: 0;
}

a {
	color: #fff;	
}

a:hover { 
	color: #F90;
}

/*
a:visited { 
	color: #60C;
}
*/

a.underline {
	text-decoration: underline;
}

a.button {
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	background: url(../img/buttonBg_red.gif) no-repeat top left;
	text-decoration: none;
	margin: 0 3px;
	padding: 0;
}

a.button span {
	display: block;
	height: 28px;
	line-height: 28px;
	color: #710000;
	font-size: 80%;
	margin-left: 15px;
	padding-right: 15px;
	background: url(../img/buttonBg_red.gif) no-repeat top right;
}

a.button:hover {
	background: url(../img/buttonBg_red.gif) no-repeat bottom left;
}

a.button:hover span {
	background: url(../img/buttonBg_red.gif) no-repeat bottom right;
}


a.button.red {
	background: url(../img/buttonBg_brightRed.gif) no-repeat top left;
}

a.button.red span {
	background: url(../img/buttonBg_brightRed.gif) no-repeat top right;
}

a.button.red:hover {
	background: url(../img/buttonBg_brightRed.gif) no-repeat bottom left;
}

a.button.red:hover span {
	background: url(../img/buttonBg_brightRed.gif) no-repeat bottom right;
}


a.button.white {
	background: url(../img/buttonBg_white.gif) no-repeat top left;
}

a.button.white span {
	background: url(../img/buttonBg_white.gif) no-repeat top right;
}

a.button.white:hover {
	background: url(../img/buttonBg_white.gif) no-repeat bottom left;
}

a.button.white:hover span {
	background: url(../img/buttonBg_white.gif) no-repeat bottom right;
}


a.button.gold {
	background: url(../img/buttonBg_gold.gif) no-repeat top left;
}

a.button.gold span {
	background: url(../img/buttonBg_gold.gif) no-repeat top right;
}

a.button.gold:hover {
	background: url(../img/buttonBg_gold.gif) no-repeat bottom left;
}

a.button.gold:hover span {
	background: url(../img/buttonBg_gold.gif) no-repeat bottom right;
}

a.button.darkRed {
	background: url(../img/buttonBg_darkRed.gif) no-repeat top left;
}

a.button.darkRed span {
	background: url(../img/buttonBg_darkRed.gif) no-repeat top right;
}

a.button.darkRed:hover {
	background: url(../img/buttonBg_darkRed.gif) no-repeat bottom left;
}

a.button.darkRed:hover span {
	background: url(../img/buttonBg_darkRed.gif) no-repeat bottom right;
}



a.button.right {
	float: right;
}


a.button.big {
	height: 58px;
	line-height: 58px;
	background: url(../img/buttonBg_big.gif) no-repeat top left;
	text-decoration: none;
}

a.button.big span {
	height: 58px;
	line-height: 58px;
	color: #710000;
	font-weight: bold;
	font-size: 100%;
	margin-left: 40px;
	padding-right: 40px;
	background: url(../img/buttonBg_big.gif) no-repeat top right;
}

a.button.big:hover {
	background: url(../img/buttonBg_big.gif) no-repeat bottom left;
}

a.button.big:hover span {
	background: url(../img/buttonBg_big.gif) no-repeat bottom right;
}

a.button.big.white {
	background: url(../img/buttonBg_big_white.gif) no-repeat top left;
}

a.button.big.white span {
	background: url(../img/buttonBg_big_white.gif) no-repeat top right;
}

a.button.big.white:hover {
	background: url(../img/buttonBg_big_white.gif) no-repeat bottom left;
}

a.button.big.white:hover span {
	background: url(../img/buttonBg_big_white.gif) no-repeat bottom right;
}



p, li, dd {
	color: #C4A070;
	letter-spacing: 0.09em;
}

h1, h2, h3, h4 {
	letter-spacing: 0.09em;
}

.hide {
	display: none;
}

.backToTop {
	font-size: 80%;
	float: right;
	padding-left: 18px;
	background: url(../img/arrowUp_white.gif) no-repeat left center;
}

.lineBreak {
	clear: both;
	float: none;
	padding: 15px 0;
}

.contentWrapper {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/bg.gif) repeat;
}

.popupWrapper {
	background: #660000;
}

.popupWrapper .content.nav {
	float: none;
	width: auto;
}	

.popupWrapper .content.nav .sidebar {
	margin-left: auto;
	margin-right: auto;
	float: none;
}	

.message {
	display: block;
	background: #FEFECA;
	border: 1px solid #E6E604;
	font-size: 105%;
	letter-spacing: 0.03em;
	line-height: 150%;
	color: #555;
	margin-bottom: 20px;
	padding: 6px 15px;
	-moz-border-radius: 7px;  
	-webkit-border-radius: 7px;  
	border-radius: 7px;  
}

blockquote {
	color: #C4A070;
	letter-spacing: 0.09em;
	margin: 4px 30px 10px 30px;
	line-height: 150%;
	font-size: 116%;
	font-weight: bold;
}

.cursor {
	width: 14px;
	height: 20px;
	background: url(../img/cursor.png) no-repeat;
	position: absolute;
}


/*-- end global items --*/



/*-- header items --*/

.header {
	width: 980px;
	position: relative;
}

.header a {
	display: block;
	text-indent: -9999px;
	height: 135px;
	background: url(../img/banner_blank.jpg) no-repeat top;
}

.header a.index {
	height: 345px;
	background: url(../img/banner_index.jpg) no-repeat top;
}

.header a.luckyDraw {
	height: 345px;
	width: 180px;
	background: url(../img/banner_luckyDrawButton.jpg) no-repeat top;
	position: absolute;
	top: 0;
	left: 28px;
}

.header a.fengshui {
	background: url(../img/banner_fengshui.jpg) no-repeat top;
}

.header a.member {
	background: url(../img/banner_member.jpg) no-repeat top;
}

.header a.fortune {
	background: url(../img/banner_2010fortune.jpg) no-repeat top;
}

.header a.dealers {
	background: url(../img/banner_dealers.jpg) no-repeat top;
}

.header a.almanac {
	background: url(../img/banner_almanac.jpg) no-repeat top;
}

.header a.selectDate {
	background: url(../img/banner_selectDate.jpg) no-repeat top;
}

/*-- end header items --*/

/*-- navigation bar --*/

.priNav {
	background: #000;
	position: relative;
	height: 60px;
}

.priNav ul {
	margin: 0;
	padding: 0 10px;
	background: #000;
	width: 960px;
	float: left;
	overflow: auto;
}

.priNav ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	display: block;
	float: left;
	padding-left: 14px;
	padding-right: 5px;
	background: url(../img/priNav_bullet.gif) no-repeat center left;
}

.priNav ul li a {
	display: block;
	padding: 20px 0;
	color: #fff;
	font-size: 100%;
	text-decoration: none;
}

.priNav ul li a:hover {
	text-decoration: underline;
}

.priNav ul li a.selected {
	color: #F90;
	cursor: default;
	font-weight: bold;
}

.priNav ul li a.selected:hover {
	text-decoration: none;
}

.priNav ul li a.highlight {
	font-weight: bold;
}

.priNav ul li.highlight {
	background: url(../img/priNav_gift.gif) no-repeat center left;
	padding-left: 18px;
}

.priNav ul li.language {
	float: right;
	background: none;
	color: #900;
	height: 60px;
	padding: 0;
	margin: 0;
}

.priNav ul li.language a, .priNav ul li.language div {
	display: block;
	float: left;
	width: 16px;
	text-indent: -9999px;
	padding:20px 0;
}

.priNav ul li.language a.tc {
	background: url(../img/priNav_tc.gif) no-repeat center;
}

.priNav ul li.language a.sc {
	background: url(../img/priNav_sc.gif) no-repeat center;
}

.priNav ul li.language div {
	background: url(../img/priNav_langDivider.gif) no-repeat center;
}

.priNav ul li.login {
	float: right;
	background: none;
	margin-right: 40px;
}

.priNav ul li.login a.login {
	padding-right: 40px;
	background: url(../img/priNav_cloud.gif) no-repeat center right;
}

.priNav ul li.login .loginBox {
	position: absolute;
	z-index: 99;
	right: 80px;
	width: 340px;
}

.priNav ul li.login .loginBox .head {
	height: 20px;
	background: url(../img/loginBox_head.gif) no-repeat top;
}

.priNav ul li.login .loginBox .foot {
	height: 15px;
	background: url(../img/loginBox_foot.gif) no-repeat bottom;
}

.priNav ul li.login .loginBox a {
	padding: 0;
	display: inline;
}

.priNav ul li.login .loginBox a.button {
	display: block;
}

.priNav ul li.login .loginBox a.submit {
	display: block;
	float: right;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	background: url(../img/loginBox_goButton.gif) no-repeat center;
}

.priNav ul li.login .loginBox .signupExpand a.submit {
	background: url(../img/loginBox_goButtonRed.gif) no-repeat center;
}

.priNav ul li.login .loginBox a.underline {
	text-decoration: underline;
}

.priNav ul li.login .loginBox input {
	width: 120px;
	border: 1px solid #666;
	padding: 7px 5px;
}

.priNav ul li.login .loginBox .loginExpand label {
	display: block;
	font-size: 85%; 
	padding-top: 10px;
}

.priNav ul li.login .loginBox .signupExpand label {
	display: block;
	font-size: 70%;
	color: #fff;
	margin-left: 145px;
	padding-top: 5px;
}

.priNav ul li.login .loginBox .loginExpand, .priNav ul li.login .loginBox .loginCollapse {
	background: url(../img/loginBox_bgLogin.gif) repeat-y center;
}

.priNav ul li.login .loginBox .signupExpand, .priNav ul li.login .loginBox .signupCollapse {
	background: url(../img/loginBox_bgSignup.gif) repeat-y center;
}

.priNav ul li.login .loginBox .loginExpand, .priNav ul li.login .loginBox .loginCollapse, 
.priNav ul li.login .loginBox .signupExpand, .priNav ul li.login .loginBox .signupCollapse {
	clear: both;
	overflow: auto;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
}

.priNav ul li.login .loginBox .loginCollapse div, .priNav ul li.login .loginBox .signupCollapse div{
	float: left;
}

.priNav ul li.login .loginBox .errorMsg {
	font-size: 80%;
	padding: 2px 10px;
	background: #fff;
	color: #C00;
	border: 2px solid #c00;
	margin-top: 5px;
	font-weight: bold;
}

.priNav ul li.member {
	float: right;
	background: none;
	margin-right: 40px;
}

.priNav ul li.member a.logout {
	float: left;
	clear: none;
	color: #666;
	padding-right: 10px;
	background: url(../img/priNav_arrow.gif) no-repeat center right;
}

.priNav ul li.member .memberSetting {
	float: left;
	clear: none;
	padding-top: 20px;
	color: #fff;
	margin-right: 20px;
	font-size: 85%;
}

.priNav ul li.member .memberSetting a {
/*	display: inline;*/
	display: none;
	text-decoration: underline;
	color: #aaa;
	padding: 0;
}

.priNav ul li.member .memberSetting span.email {
	letter-spacing: normal;
	font-size: 80%;
}

.secNav {
	float: left;
	width: 230px;
}

.secNav ul {
	padding-left: 25px;
	margin-top: 30px;
}

.secNav ul li {
	border-bottom: 1px solid #A84D4D;
}

.secNav ul li a {
	display: block;
	text-decoration: none;
	padding: 7px 0 7px 25px;
/*	background: url(../img/dot_white.gif) no-repeat 10px center;*/
}

.secNav ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

.secNav ul li a.selected {
	color: #f90;
	cursor: default;
	background: url(../img/arrow_orange.gif) no-repeat 10px center;
}

.secNav ul li a.selected:hover {
	text-decoration: none;
}

.secNav ul li a.sub {
	margin-left: 30px;
}

.secNav ul li.title {
	padding: 7px 0 7px 7px;
	font-weight: bold;
	border-bottom: 1px solid #C4A070;
}

.content ul.thirdNav {
	padding: 20px 0;
	clear: both;
	overflow: auto;
	border-bottom: 1px solid #A84D4D;
}

.content ul.thirdNav li {
	float: left;
	padding-bottom: 11px;
}

.content ul.thirdNav li.selected {
	background: url(../img/thirdNav_Arrow.gif) no-repeat bottom center;
}

.content ul.thirdNav li a {
	float: left;
	margin: 0 5px;
	padding: 5px 12px;
	background: #222;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 7px;  
	-webkit-border-radius: 7px;  
	border-radius: 7px;  
}

.content ul.thirdNav li.selected a {
	color: #333;
	background: #fff;
	cursor: default;
}

.content ul.thirdNav li a:hover {
	color: #fff;
	text-decoration: underline;
}

.content ul.thirdNav li.selected a:hover {
	color: #333;
	text-decoration: none;
}

/*-- end navigation bar --*/




/*-- content --*/

.content {
	float: right;
	position: relative;
	width: 930px;
	padding: 0 25px;
}

.content.nav {
	float: right;
	width: 700px;
	padding: 0 25px;
}

.content h1 {
	font-size: 250%;
	font-weight: bold;
	color: #fff;
	margin-top: 30px;
}

.content h2 {
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	padding: 10px 0;
}

.content p {
	letter-spacing: 0.09em;
	line-height: 150%;
	padding-bottom: 9px;
}

.content .quickRegister {
	-moz-border-radius: 15px;  
	-webkit-border-radius: 15px;  
	border-radius: 15px;  
	background: #520100;
	display: inline-block;
	padding: 10px 25px;
	width: 390px;
/*	width: 310px;
	height: 155px;
	background: url(../img/quickRegBox_bg.gif) no-repeat;
	clear: both;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
	margin: 10px 0;*/
}

.content .quickRegister a.submit {
	display: block;
	float: right;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	background: url(../img/loginBox_goButton.gif) no-repeat center;
}

.content .quickRegister label {
	display: block;
	font-size: 80%;
	color: #fff;
	margin-left: 115px;
}

.content .quickRegister input {
	width: 250px;
/*	width: 120px;*/
	border: 1px solid #666;
	padding: 3px 5px;
	margin: 5px 0;
	font-size: 100%;
}

.content .quickRegister .errorMsg {
	font-size: 80%;
	padding: 2px 10px;
	margin: 0 0 0 112px;
}

.content .quickRegister p {
	padding-bottom: 3px;
}

.content .quickRegister .buttons {
	margin: 10px 0 10px 112px;
}

.content img.alignRight {
	float: right;
	margin-left: 10px;
}

.content .sidebarWidth {
	width: 70%;
}

.content .sidebar {
	width: 185px;
	float: right;
	background: #6d0000 url(../img/sidebox_top.gif) no-repeat top;
	padding: 0 15px;
	margin-left: 20px;
}

.content .sidebar .sidebarFooter {
	width: 215px;
	height: 35px;
	float: left;
	background: #6d0000 url(../img/sidebox_bottom.gif) no-repeat bottom;
	margin: -15px;
}

.content .sidebar h3 {
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	padding: 20px 0;
}

.content .sidebar img {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.content .sidebar ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 10px 0 10px 20px;
}

.content ul.menu {
	margin: 0;
	padding: 0;
}

.content ul.menu li {
	display: block;
	float: left;
	clear: both;
	width: 700px;
	background: #fc9 url(../img/blockButton_head.gif) no-repeat top;
	padding-top: 15px;
	margin: 15px 0;
	height: 140px;
}

.content ul.menu li a {
	float: left;
	clear: both;
	width: 700px;
	display: block;
	background: #fc9 url(../img/blockButton_foot.gif) no-repeat bottom;
	padding-bottom: 15px;
	text-decoration: none;
	height: 140px;
}

.content ul.menu li img {
	float: right;
	margin: 0 20px;
	max-width: 150px;
}

.content ul.menu li h3 {
	margin: 0 20px 10px 20px;
	font-size: 140%;
	font-weight: bold;
	color: #600;
}

.content ul.menu li p {
	margin: 0 20px;
	color: #333;
}

.content ul.menu li a:hover h3, .content ul.menu li a:hover p {
	text-decoration: underline;
}

.content ul.menu li.comingSoon {

}
/*
.content ul.menu li.comingSoon div.comingSoon {
	font-size: 350%;
	font-weight: bold;
	position: absolute;
	padding-left: 200px;
	top: 30px;
	color: #900;
	text-shadow: 2px 2px 0px #fff;
}*/

.content ul.menu li div.comingSoon {
	opacity:0.1;filter:alpha(opacity=10);
	-moz-border-radius: 7px;  
	-webkit-border-radius: 7px;  
	border-radius: 7px;  
}

.content ul.menu li .comingSoonMsg {
	position: absolute;
}

.content ul.menu.small {
	float: none;
	clear: both;
	overflow: auto;
	margin-right: -17px;
	padding-top: 10px;
}

.content ul.menu.small li {
	width: 170px;
	height: 220px;
	float: left;
	clear: none;
	background: url(../img/home_shape_navButton.gif) no-repeat;
	padding-top: 10px;
	margin-right: 7px;
}

.content ul.menu.small li p {
	margin: 0 15px;
	color: #900;
	font-weight: bold;
	font-size: 108%;
	letter-spacing: normal;
}

.content ul.menu.small li a {
	width: inherit;
	background: none;
}

.content ul.menu.small li img {
	float: none;
	display: block;
	margin-left:auto;
	margin-right: auto;
}


.content .sidebar ul.menu li {
	width: 85%;
}

.content .sidebar ul.menu li img {
	margin-top: 10px;
	max-width: 160px;
}

.content .sidebar ul.menu li h3 {
	font-size: 90%;
}

.content ol.stepping.three {
	width: 686px;
	float: left;
	clear: both;
	overflow: auto;
	margin: 15px 0;
}

.content ol.stepping.three li {
	display: block;
	float: left;
	clear: none;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	height: 84px;
	line-height: 76px;
}

.content ol.stepping.three li.step1 {
	width: 208px;
	background: url(../img/step1_bg.gif) no-repeat;
	line-height: normal;
	vertical-align: middle;
	padding-top: 15px;
}

.content ol.stepping.three li.step2 {
	width: 239px;
	background: url(../img/step2_bg.gif) no-repeat;
}

.content ol.stepping.three li.step3 {
	width: 239px;
	background: url(../img/step3_bg.gif) no-repeat;
}

.content ol.stepping.three li.selected {
	color: #900;
}

.content ol.stepping.three li.step1.selected {
	background: url(../img/step1_active_bg.gif) no-repeat;
}

.content ol.stepping.three li.step2.selected {
	background: url(../img/step2_active_bg.gif) no-repeat;
}

.content ol.stepping.three li.step3.selected {
	background: url(../img/step3_active_bg.gif) no-repeat;
}

.content .question label {
	margin-right: 30px;
	color: #C4A070;
}

.content div.buttons {
	margin: 40px 0;
	clear: both;
	overflow: auto;
}

.content .cautionBox {
	float: left;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	margin: 25px 0 35px 0;
	padding-left: 80px;
	min-height: 60px;
	width: 620px;
}

.content .cautionBox.good {
	background: url(../img/luck_good_big.gif) no-repeat left 7px;
}

.content .cautionBox.average {
	background: url(../img/luck_average_big.gif) no-repeat left 7px;
}

.content .cautionBox.bad {
	background: url(../img/luck_bad_big.gif) no-repeat left 7px;
}

.content .block_white.caution {
	padding: 10px 20px 0 20px;
	background: url(../img/cautionBox_head.jpg) no-repeat top;
}

.content .block_white.caution .block_foot {
	height: 10px;
	background: url(../img/cautionBox_foot.jpg) no-repeat bottom;
}

.content .block_white.caution {
	margin: 20px 0;
}

.content .block_white.caution p {
/*	background: url(../img/caution.gif) no-repeat left 3px;*/
	padding-left: 70px;
	padding-top: 5px;
	color: #900;
}

.content .block_white.caution a {
	color: #900;
}

.content .block_white.caution a:hover {
	color: #f90;
}

.content div.error {
	border: 2px solid #c00;
	margin: -10px;
	padding: 9px;
}

.content a.button.loading {
	cursor: default;
	padding-right: 30px;
	background: #ccc url(../img/loading.gif) no-repeat right;
}

.content input.error {
	border: 2px solid #c00;
}

.content .errorMsg {
	background: #fff;
	color: #C00;
	border: 2px solid #c00;
	padding: 5px 20px;
	margin: 10px 0;
	font-weight: bold;
}
/*
.content.fortune {
	width: 600px;
	padding-right: 100px;
}*/

.content.fortune h2 {
	margin-top: 30px;
}

.content ul.anchorLink {
    margin-top: 10px;
    margin-bottom: 20px;
	padding-bottom: 20px;
	clear: both;
	overflow: auto;
	border-bottom: 1px solid #A84D4D;
}

.content ul.anchorLink li a {
    display: block;
    float: left;
    border-right: 1px solid #A84D4D;
    text-align: center;
	padding: 0 13px;
	text-decoration: none;
}

.content ul.anchorLink li a:hover {
	text-decoration: underline;
}

.content .yearFortuneBox {
	width: 320px;
	min-height: 174px;
	float: right;
	position: relative;
	margin-left: 15px;
	margin-bottom: 66px;
	background: #fff url(../img/yearFortuneBox_head.gif) no-repeat top;
}


.content .yearFortuneBox .specificYear {
	display: none;
	padding: 20px 20px 0 20px;
}

.content .yearFortuneBox .specificYear.selected {
	display: block;
}

.content .yearFortuneBox .specificYear h3 {
	color: #900;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.content .yearFortuneBox .specificYear p {
	color: #333;
}

.content .yearFortuneBox ul {
	padding: 0 9px;
	position: absolute;
	bottom: -66px;
	height: 66px;
	width: 302px;
	background: url(../img/yearFortuneBox_foot.gif) no-repeat bottom;
}

.content .yearFortuneBox ul li a {
	display: block;
	float: left;
	width: 50px;
	height: 65px;
	line-height: 85px;
	text-align: center;
	font-size: 90%;
	text-decoration: none;
	color: #865900;
	letter-spacing: normal;
}

.content .yearFortuneBox ul li a.selected {
	color: #fff;
	font-weight: bold;
	background: url(../img/yearFortuneBox_highlight.gif) no-repeat;
}

.content .yearFortuneBox ul li a:hover {
	text-decoration: underline;
}

.content .yearFortuneBox ul li a.selected:hover {
	cursor: default;
	text-decoration: none;
}

.content .news {
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/newsBox_head.gif) no-repeat top;
	margin-top: 40px;
/*	margin-bottom: 20px;*/
	overflow: auto;
}

.content .news h2 {
	height: 55px;
	padding: 0;
}

.content .news h2 span {
	display: block;
	float: left;
	font-weight: bold;
	color: #900;
	padding: 10px 55px 0 20px;
	background: url(../img/cloud_red.gif) no-repeat right 13px;
}

.content .news dl {
	display: block;
	float: left;
	clear: both;
	background: url(../img/newsBox_bg.gif) no-repeat bottom;
	padding: 12px 0;
	width: 925px;
}

.content .news dl dt, .content .news dl dd {
	display: block;
	float: left;
	clear: none;
	padding: 5px 20px;
}

.content .news dl dt {
	width: 100px;
	color: #666;
	font-size: 80%;
}

.content .news dl dd {
	width: 730px;
	color: #900;
}

.content .news a {
	color: #f90;
}

.content .col1 {
	width: 655px;
	display: block;
	float: left;
	clear: none;
	vertical-align: top;
	padding-top: 20px;
}

.content .col2 {
	width: 265px;
	display: block;
	float: right;
	vertical-align: top;
	padding-top: 20px;
}

.content .weeklyFortune, .content .monthlyFortune {
	position: relative;
}

.content .weeklyFortune h2, .content .monthlyFortune h2 {
	float: left;
	font-size: 250%;
	color: #f90;
	font-weight: bold;
	margin-right: 10px;
	text-shadow: 0 2px 0 #000000;
}

.content .weeklyFortune a.button.weeklyFortune, .content .monthlyFortune a.button.weeklyFortune {
	margin-top: 22px;
}

.content .weeklyFortune p.textStyle2, .content .monthlyFortune p.textStyle2 {
	clear: both;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #A84D4D;
	margin-right: 25px;
}

.content .weeklyFortune dl, .content .monthlyFortune dl  {
	padding: 10px 0;
	clear: both;
	overflow: auto;
}

.content .weeklyFortune dt, .content .weeklyFortune dd, .content .monthlyFortune dt, .content .monthlyFortune dd {
	display: block;
	float: left;
	clear: none;
	vertical-align: top;
	line-height: 160%;
}

.content .weeklyFortune dt, .content .monthlyFortune dt {
	width: 95px;
	height: 85px;
	text-indent: -9999px;
}

.content .weeklyFortune dd {
	width: 520px;
	padding-left: 10px;
}

.content .monthlyFortune dd {
	width: 440px;
	margin: 0;
	padding: 0 15px 10px 10px;
}

.content .monthlyFortune dd em {
	display: block;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 5px;
	color: #f90;
}

.content .monthlyFortune dd.luck {
	width: 50px;
	height: 30px;
	padding: 0;
	text-indent: -9999px;
}

.content .monthlyFortune dd.luck.good {
	background: url(../img/luck_good.gif) no-repeat right 2px;
}

.content .monthlyFortune dd.luck.bad {
	background: url(../img/luck_bad.gif) no-repeat right 2px;
}

.content .monthlyFortune dd.luck.average {
	background: url(../img/luck_average.gif) no-repeat right 2px;
}

.content .weeklyFortune dt.mouse, .content .monthlyFortune dt.mouse {
	background: url(../img/zodiac_mouse_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.ox, .content .monthlyFortune dt.ox {
	background: url(../img/zodiac_ox_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.tiger, .content .monthlyFortune dt.tiger {
	background: url(../img/zodiac_tiger_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.rabbit, .content .monthlyFortune dt.rabbit {
	background: url(../img/zodiac_rabbit_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.dragon, .content .monthlyFortune dt.dragon {
	background: url(../img/zodiac_dragon_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.snake, .content .monthlyFortune dt.snake {
	background: url(../img/zodiac_snake_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.horse, .content .monthlyFortune dt.horse {
	background: url(../img/zodiac_horse_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.sheep, .content .monthlyFortune dt.sheep {
	background: url(../img/zodiac_sheep_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.monkey, .content .monthlyFortune dt.monkey {
	background: url(../img/zodiac_monkey_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.rooster, .content .monthlyFortune dt.rooster {
	background: url(../img/zodiac_rooster_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.dog, .content .monthlyFortune dt.dog {
	background: url(../img/zodiac_dog_s.jpg) no-repeat left top;
}
.content .weeklyFortune dt.pig, .content .monthlyFortune dt.pig {
	background: url(../img/zodiac_pig_s.jpg) no-repeat left top;
}

.content .weeklyFortune .buttons.nextPervious, .content .monthlyFortune .buttons.nextPervious {
	clear: both;
	overflow: auto;
	border-top: 1px solid #A84D4D;
	padding: 20px 0;
}

.content .weeklyFortune .buttons.nextPervious a.button, .content .monthlyFortune .buttons.nextPervious a.button {
	float: right;
}

.content .zodiacSelector {
	position: absolute;
	top: 55px;
	left: 170px;
	width: 300px;
	height: 70px;
	background: url(../img/zodiacBubble.gif) no-repeat top left;
	padding: 30px 10px 20px 20px;
}

.content .zodiacSelector p {
	color: #900;
	font-size: 120%;
	font-weight: bold;
}

.content .zodiacSelector p a {
	float: right;
	padding-top: 5px;
	color: #900;
	font-size: 70%;
	font-weight: normal;
}

.content .zodiacSelector ul {
	margin: 0;
	padding: 0;
}

.content .zodiacSelector ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	display: inline-block;
	width: 20px;
	color: #333;
}

.content .zodiacSelector ul li input {
	padding: 0;
	margin: 1px;
}

.content .sidebarAd {
}

.content .sidebarAd a {
	display: block;
	width: 210px;
	height: 125px;
	background: #333;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.content .suggestBar {
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/sidebarBox_head.gif) no-repeat top;
	margin-bottom: 20px;
}

.content .suggestBar h2 {
	height: 55px;
	padding: 0;
	font-size: inherit;
}

.content .suggestBar h2 span {
	display: block;
	float: left;
	font-size: 130%;
	font-weight: bold;
	color: #900;
	padding: 10px 55px 0 10px;
	background: url(../img/cloud_red.gif) no-repeat right 13px;
}

.content .suggestBar .innerContent {
	background: url(../img/sidebarBox_bg.gif) no-repeat bottom;
	padding-bottom: 10px;
	overflow: auto;
}

.content .suggestBar .innerContent dl {
	margin: 0 15px;
}

.content .suggestBar .innerContent dl dt {
	color: #996600;
	font-size: 123.1%;
	border-bottom: 1px dashed #ccc;
	padding: 10px 0 5px 0;
}

.content .suggestBar .innerContent dl dd {
		margin-bottom: 20px;
}

.content .suggestBar .innerContent dl dd p {
	color: #333;
	display: inline;
}

.content .suggestBar .innerContent dl a:hover dt {
	color: #f90;
}

.content .suggestBar .innerContent dl a:hover dd p {
	text-decoration: underline;
}

.content .suggestBar .innerContent dl dd img {
	color: #333;
	margin: 10px 0;
}

.content .suggestBar .innerContent dl a:hover dd img {
	text-decoration: none;
}

.content .suggestBar .innerContent dl dd span.underline {
	text-decoration: underline;
	color: #900;
}

.content .storeLocator {
	width: 240px;
	height: 186px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/storeLocator_bg.gif) no-repeat top;
	margin-bottom: 20px;
}

.content .storeLocator h2 {
	height: 55px;
	padding: 0;
	font-size: inherit;
}

.content .storeLocator h2 span {
	display: block;
	float: left;
	font-size: 130%;
	font-weight: bold;
	color: #673E0A;
	padding: 10px 55px 0 10px;
	background: url(../img/cloud_gold.gif) no-repeat right 13px;
}

.content .storeLocator .innerContent {
	padding-bottom: 10px;
	overflow: auto;
	padding: 10px;
}

.content .storeLocator .innerContent select {
	width: 216px;
	margin-bottom: 8px;
}

.content .storeLocator .innerContent a.button {
	width: 212px;
	text-align: center;
}




.content .browseHistory {
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/sidebarBox_head.gif) no-repeat top;
}

.content .browseHistory h2 {
	height: 55px;
	padding: 0;
	font-size: inherit;
}

.content .browseHistory h2 span {
	display: block;
	float: left;
	font-size: 130%;
	font-weight: bold;
	color: #900;
	padding: 10px 55px 0 10px;
	background: url(../img/cloud_red.gif) no-repeat right 13px;
}

.content .browseHistory .innerContent {
	background: url(../img/sidebarBox_bg.gif) no-repeat bottom;
	padding-bottom: 10px;
}

.content .browseHistory .innerContent .helpButton {
	background: #996600;
	color: #fff;
	display: block;
	text-align: center;
	margin: 0 5px 5px 5px;
	padding: 10px;
	text-decoration: none;
	-moz-border-radius: 15px;  
	-webkit-border-radius: 15px;  
	border-radius: 15px;  
	border: 5px solid #fff;
}

.content .browseHistory .innerContent .helpButton:hover {
}

.content .browseHistory table {
	width: 94%;
	font-size: 80%;
	margin-left: auto;
	margin-right: auto;
}

.content .browseHistory table a {
	color: #000;
}

.content .browseHistory table a:hover {
	color: #f90;
}

.content .browseHistory table th, .content .browseHistory table td {
	padding: 7px 5px;
}

.content .browseHistory table th {
	text-align: left;
	padding-top: 6px;
	color: #960;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.content .browseHistory table td.completed {
	padding: 0;
	background: url(../img/tick_small.gif) no-repeat 13px 10px;
}

.content .newMemberBox {
	width: 555px;
	-moz-border-radius: 15px;  
	-webkit-border-radius: 15px;  
	border-radius: 15px;  
	background: #520100;
	padding: 50px;
	text-align: center;
}

.content .newMemberBox .buttons {
	padding-left: 220px;
	margin-top: 20px;
	margin-bottom: 0;
}

.content .newMemberBox h3 {
	color: #f90;
	font-size: 250%;
	font-weight: bold;
}

.content .newMemberBox p {
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 20px;
}

.content .newMemberBox ul {
	clear: both;
	overflow: auto;
}

.content .newMemberBox ul li {
	font-size: 200%;
	font-weight: bold;
	width: 40px;
	float: left; 
	background: #900;
	margin-right: 6px;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;  
	cursor: pointer;
}

.content .newMemberBox ul li label {
	font-weight: bold;
	cursor: pointer;
}

.content .newMemberBox ul li input {
	cursor: pointer;
	margin: 0;
}

.content .zodiacCalc {
	height: 225px;
	clear: both;
	background: url(../img/zodiacSelectorBG.jpg) no-repeat left bottom;
	border-bottom: 1px solid #A84D4D;
	margin: -20px 0 20px 0;
	padding-left: 270px;
}

.content .zodiacCalc h2 {
	color: #f90;
	font-size: 140%;
	padding-top: 40px;
}

.content .zodiacCalc h2 div {
	color: #f90;
	font-size: 85%;
	clear: both;
}

.content .zodiacCalc label {
	color: #C4A070;
	margin-right: 10px;
}

.content .zodiacCalc .buttons {
	margin: 20px 0 10px 0;
}

.content .zodiacCalc .errorMsg {
	font-size: 80%;
	margin: 5px 0 0 0;
	padding: 2px 10px;
}

.content .zodiacCalc a.button {
	width: 150px;
	text-align: center;
	background: url(../img/buttonBg_150px.gif) no-repeat top;
}

.content .zodiacCalc a.button:hover {
	background: url(../img/buttonBg_150px.gif) no-repeat bottom;
}

.content .zodiacCalc a.button span, .content .zodiacCalc a.button:hover span {
	background: none;
}

.content .zodiacList {
	width: 650px;
}

.content .zodiacList dl {
	margin-right: -10px;
}

.content .zodiacList dl a.entry {
	display: block;
	float: left;
	clear: none;
	width: 200px;
	height: 220px;
	padding: 0 10px 40px 0;
	margin-right: 10px;
}

.content .zodiacList dl a.entry dt {
	height: 110px;
	font-size: 150%;
	text-indent: -9999px;
}

.content .zodiacList dl a.entry dd {
	line-height: 150%;
}

.content .zodiacList dl a.entry {
	text-decoration: none;
}

.content .zodiacList dl a.entry:hover, .content .zodiacList dl a.entry:hover dd {
	text-decoration: underline;
	color: #f90;
}

.content .zodiacList dl a.entry dt.mouse {
	background: url(../img/zodiac_mouse.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.ox {
	background: url(../img/zodiac_ox.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.tiger {
	background: url(../img/zodiac_tiger.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.rabbit {
	background: url(../img/zodiac_rabbit.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.dragon {
	background: url(../img/zodiac_dragon.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.snake {
	background: url(../img/zodiac_snake.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.horse {
	background: url(../img/zodiac_horse.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.sheep {
	background: url(../img/zodiac_sheep.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.monkey {
	background: url(../img/zodiac_monkey.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.rooster {
	background: url(../img/zodiac_rooster.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.dog {
	background: url(../img/zodiac_dog.jpg) no-repeat center top;
}

.content .zodiacList dl a.entry dt.pig {
	background: url(../img/zodiac_pig.jpg) no-repeat center top;
}

.content .block {
	float: left;
	clear: both;
	overflow: auto;
	width: 660px;
	padding: 15px 20px 0 20px;
	margin-bottom: 20px;
}


.content .block_red {
	float: left;
	clear: both;
	overflow: auto;
	width: 660px;
	padding: 15px 20px 0 20px;
	background: #530000 url(../img/blockButton_head_red.gif) no-repeat top;
	margin-bottom: 20px;
}

.content .block_red .block_foot {
	float: left;
	clear: both;
	overflow: auto;
	width: 700px;
	height: 20px;
	margin: 0 -20px;
	background: #530000 url(../img/blockButton_foot_red.gif) no-repeat bottom;
}

.content .block_red img.alignRight {
	border: 0;
}

.content .block_red1 {
	float: left;
	clear: both;
	overflow: auto;
	width: 660px;
	padding: 15px 20px 0 20px;
	background: #6D0000 url(../img/storeArea_top.gif) no-repeat top;
	margin-bottom: 20px;
}

.content .block_red1 .block_foot {
	float: left;
	clear: both;
	overflow: auto;
	width: 700px;
	height: 20px;
	margin: 0 -20px;
	background: #6D0000 url(../img/storeArea_bottom.gif) no-repeat bottom;
}

.content .block_red1 img.alignRight {
	border: 0;
}

.content .block_red1.solution {
	margin-bottom: 3px;
}

.content .block_red1.solution img {
	float: right;
	margin: 0 20px;
}

.content .block_red1.solution h3 {
	margin: 0 20px 10px 0px;
	font-size: 140%;
	font-weight: bold;
	color: #f90;
}

.content .block_red1.solution p {
	margin: 0 0px;
}

.content ul.block_red2 {
	margin: 0;
	padding: 0;
}

.content ul.block_red2 li {
	float: left;
	clear: both;
/*	width: 700px;*/
/*	background: #6E0000 url(../img/blockButton_head_red2.gif) no-repeat top;*/
/*	padding-top: 15px;*/
	margin: 8px 30px;
	width: 620px;
	padding: 15px 0;
	border-bottom:1px solid #A84D4D;
}

.content ul.block_red2 li img {
	float: right;
	margin: 0 20px;
}

.content ul.block_red2 li h3 {
	margin: 0 20px 10px 0px;
	font-size: 140%;
	font-weight: bold;
	color: #fff;
}

.content ul.block_red2 li p {
	margin: 0 0px;
}

.content .block_grey {
	float: left;
	clear: both;
	overflow: auto;
	width: 660px;
	padding: 15px 20px 0 20px;
	background: #ddd url(../img/blockButton_head_grey.gif) no-repeat top;
	margin-bottom: 20px;
}

.content .block_grey .block_foot {
	float: left;
	clear: both;
	overflow: auto;
	width: 700px;
	height: 20px;
	margin: 0 -20px;
	background: #ddd url(../img/blockButton_foot_grey.gif) no-repeat bottom;
}

.content .block_white {
	float: left;
	clear: both;
	overflow: auto;
	width: 660px;
	padding: 15px 20px 0 20px;
	background: #fff url(../img/blockButton_head_white.gif) no-repeat top;
	margin-bottom: 20px;
}

.content .block_white .block_foot {
	float: left;
	clear: both;
	overflow: auto;
	width: 700px;
	height: 20px;
	margin: 0 -20px;
	background: #fff url(../img/blockButton_foot_white.gif) no-repeat bottom;
}


.content .block_red .block_red1 {
	width: 620px;
	padding: 15px 20px 0 20px;
	-moz-border-radius: 7px;  
	-webkit-border-radius: 7px;  
	border-radius: 7px;  
}

.content .block_red .block_red1 .block_foot {
	width: 620px;
	-moz-border-radius: 7px;  
	-webkit-border-radius: 7px;  
	border-radius: 7px;  
}

.content .block_red p em span, .content .block_red p em, .content .block_grey p em span  {
	font-weight: bold;
}




.content ul.storeAreas {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

.content li.storeAreas {
    display: block;
    width: 80px;
    float: left;
    border-right: 1px solid #A84D4D;
    text-align: center;
    margin-bottom: 8px;
}

.content li.storeAreas.wide {
   width: 161px;
}

.content .storeSearch {
/*    background-color: #520100;*/
    float:left;
    width:100%;
}

.content .storeSearch p {
    color: #fff;
    line-height:100%;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:20px;
    float: right;
	font-size: 80%;
}

.content .storeSearch div {
    float: left;
    padding-left:8px;
}

.content .storeSearch input {
    border: 0;
    width: 120px;
}

.content .storeArea {
    background-color: #6D0000;
    padding-left: 40px;
}

.content .storeArea h2 {
    padding-bottom: 25px;
    color: #FF9900;
}

.content .storeArea div.store {
    float: left;
    width: 60%;
    font-size: 85%;
}

.content .storeArea div.store p a:link{
    text-decoration:none;
    border-bottom:1px solid #fff;
}

.content .storeArea div.map {
    float: left;
    width: 40%;
}

.content .storeArea div.map p {
    padding-left: 100px;
}

.content .storeArea div.top {
    margin-top: 30px;
    padding-right: 40px;
    text-align: right;
    font-size: 85%;
	clear: btoth;
	overflow: auto;
}

.content .storeArea div.top a {
	display: block;
	float: right;
	padding-left: 18px;
	background: url(../img/arrowUp_white.gif) no-repeat left center;
}

.content .storeArea div.map a p {
	text-decoration: underline;
	padding-bottom: 0;
	color: #fff;
	font-size: 80%;
}

.content .storeArea div.map a:hover p {
	text-decoration: underline;
	color: #f90;
}

.content .storeArea div.clear {
	height: 30px;
	clear: both;
	overflow: auto;
}

.content .storeArea div.store p.address {
    color: #fff;
    font-size: 120%;
    font-weight: bold;
}

.content .storeArea div.store p {
    
}

.content .storeAreaHeader{
    clear: both;
	width: 700px;
	height: 15px;
	background: transparent url(../img/storeArea_top.gif) no-repeat top;
}

.content .storeAreaFooter{
    clear: both;
	width: 700px;
	height: 15px;
    margin-bottom: 1px;
	background: transparent url(../img/storeArea_bottom.gif) no-repeat bottom;
}

.content .storeSearchHeader{
    margin-top: 20px;
    clear: both;
	width: 700px;
	height: 12px;
	background: transparent url(../img/storeSearch_top.gif) no-repeat top;
}

.content .storeSearchFooter{
    clear: both;
	width: 700px;
	height: 12px;
    margin-bottom: 25px;
	background: transparent url(../img/storeSearch_bottom.gif) no-repeat bottom;
}

.almanac_block {
	width: 685px;
	background: url(../img/almanac_head.jpg) no-repeat top;
}

.almanac_block h1 {
	height: 85px;
	font-size: 250%;
	font-weight: bold;
	color: #fff;
	margin-top: 30px;
}

.almanac_block h1 span {
	display: block;
	float: left;
	font-size: 60%;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #900;
	padding: 10px 60px 0 20px;
	background: url(../img/cloud_red.gif) no-repeat right 13px;
}

.almanac_block .date {
	width: 250px;
	float: left;
	margin-left: 20px;
	text-align: center;
	margin-bottom: 25px;
}

.almanac_block .date .date_west {
	color: #890201;
	font-size: 120%;
	font-weight: bold;
}

.almanac_block .date .date_lunar {
	color: #333;
	font-size: 88%;
	letter-spacing: normal;
}

.almanac_block .date .day {
	color: #c00;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 890%;
	font-weight: bold;
	letter-spacing: normal;
	margin: -30px 0;
	padding: 0;
}

.almanac_block .date .luck {
	color: #c00;
	font-size: 180%;
	font-weight: bold;
	letter-spacing: normal;
	float: left;
	margin-left: 30px;
}

.almanac_block .date .zodiac {
	color: #333;
	font-size: 180%;
/*	font-weight: bold;*/
	letter-spacing: normal;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}

.almanac_block .date .zodiac label {
/*	color: #c00;*/
	font-weight: bold;
	margin: 0 2px;
}

.almanac_block .date .solarTerms {
	clear: both;
	font-weight: bold;
	color: #960;
	font-size: 130%;
	border: 1px solid #960;
	margin: 10px 30px;
}

.almanac_block .taboo {
	width: 200px;
	float: left;
	text-align: center;
	padding-top: 85px;
	margin-bottom: 25px;
}

.almanac_block .taboo.dos {
	background: url(../img/taboo_dos.gif) no-repeat 53px 15px;
}

.almanac_block .taboo.donts {
	background: url(../img/taboo_donts.gif) no-repeat 53px 15px;
}

.almanac_block .taboo ul li {
	font-size: 140%;
	font-weight: bold;
	letter-spacing: normal;
	float: left;
	margin: 5px;
}

.almanac_block .taboo.dos ul li {
	color: #c00;
}

.almanac_block .taboo.donts ul li {
	color: #333;
}

.almanac_block .taboo.badDay {
	width: 360px;
	font-size: 180%;
	padding-top: 5px;
}

.almanac_block .almanac_inside {
	clear: both;
	overflow: auto;
	border-top: 1px solid #ccc;
	margin: 0 20px;
	padding-top: 25px;
	background: url(../img/almanac_inside_head.jpg) no-repeat center 25px;
}

.almanac_block .almanac_inside .foot, .content .selectDate_block .almanac_block .almanac_inside .foot {
	background: url(../img/almanac_inside_foot.jpg) no-repeat center bottom;
	width: 645px;
	height: 20px;
	overflow: auto;
}

.almanac_block .almanac_inside .foot {
	float: left;
}

.almanac_block .almanac_inside .time {
	float: left;
	width: 320px;
	background: url(../img/luck_time.gif) no-repeat center 25px;
	margin-right: 5px;
	padding-top: 110px;
}

.almanac_block .almanac_inside dl {
	margin-left: auto;
	margin-right: auto;
	width: 190px;
	margin-bottom: 15px;
}

.almanac_block .almanac_inside dl dt {
	color: #c00;
	font-size: 125%;
	margin-bottom: 3px;
	font-weight: bold;
}

.almanac_block .almanac_inside dl dd {
	color: #000;
	margin-bottom: 3px;
}

.almanac_block .almanac_inside .direction {
	float: left;
	width: 320px;
	background: url(../img/luck_direction.gif) no-repeat center 25px;
	padding-top: 110px;
}

.almanac_block .almanac_inside .direction dl {
	width: 150px;
}

.almanac_block .almanac_inside .direction dl dt, .almanac_block .almanac_inside .direction dl dd {
	float: left;
	font-size: 125%;
	margin-bottom: 10px;
}

.almanac_block .almanac_inside .direction dl dt {
	margin-right: 10px;
}

.almanac_block .almanac_inside .direction dl dd {
	font-weight: bold;
}

.almanac_block .foot, .content .selectDate_block .almanac_block .foot {
	width: 685px;
	height: 60px;
	background: url(../img/almanac_foot.jpg) no-repeat bottom;
}

.almanac_block .activityDetails {
	padding: 0 20px;
}

.almanac_block h1 a.alignRight {
	font-size: 40%;
	letter-spacing: 0.03em;
	color: #900;
	float: right;
	margin-right: 30px;
	margin-top: 15px;
}

.almanac_block .activityDetails h2 {
	clear: both;
	color: #960;
	font-size: 130%;
	font-weight: bold;
}

.almanac_block .activityDetails ul {
	overflow: auto;
	margin-bottom: 20px;
	margin-left: 2px;
}

.almanac_block .activityDetails ul li label {
	margin-right: 20px;
	font-weight: bold;
	color: #333;
}

.almanac_block .activityDetails ul li {
	color: #333;
	float: left;
	margin: 5px 0;
	margin-right: 60px;
}

.overlay .almanac_block {
	z-index: 800;
	position: relative;
	top: 100px;
	margin-left: auto;
	margin-right: auto;
}

.overlay .almanac_block a.close {
	position: absolute;
	right: -18px;
	top: -18px;
	z-index: 900;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	background: url(../img/button_popUP_close.gif) no-repeat;
	cursor: pointer;
}

.secNav .calendar {
	width: 225px;
	height: 275px;
	background: url(../img/almanac_calendarBG.gif) no-repeat left top;
	margin-left: 15px;
	margin-top: 25px;
	color: #333;
}

.secNav .calendar .calendar_control {
	padding-top: 30px;
	padding-bottom: 18px;
	text-align: center;
}

.secNav .calendar .calendar_control a.previous, .secNav .calendar .calendar_control a.next {
	display: block;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
}

.secNav .calendar .calendar_control a.previous {
	float: left;
	background: url(../img/almanac_arrow_left.gif) no-repeat center;
	margin-left: 15px;
}

.secNav .calendar .calendar_control a.previous.disabled {
	background: url(../img/almanac_arrow_left_disable.gif) no-repeat center;
	cursor: default;
}

.secNav .calendar .calendar_control a.next {
	float: right;
	background: url(../img/almanac_arrow_right.gif) no-repeat center;
	margin-right: 15px;
}

.secNav .calendar .calendar_control a.next.disabled {
	background: url(../img/almanac_arrow_right_disable.gif) no-repeat center;
	cursor: default;
}

.secNav .calendar table {
	margin-left: auto;
	margin-right: auto;
}

.secNav .calendar table tr {
	border-bottom: 1px solid #ccc;
}

.secNav .calendar table tr.header {
	border-bottom: none;
}

.secNav .calendar table tr.header th {
	font-weight: bold;
}

.secNav .calendar table td {
	height: 30px;
	width: 28px;
}

.secNav .calendar table th, .secNav .calendar table td {
	text-align: center;
	vertical-align: middle;
}

.secNav .calendar table td a {
	color: #666;
}

.secNav .calendar table td.today {
/*	font-weight: bold;*/
	background: url(../img/almanac_corner_arrow.gif) no-repeat top right;
}

.secNav .calendar table td:hover {
/*	background: url(../img/almanac_calendarHover.gif) no-repeat center;*/
}

.secNav .calendar table td.selected {
/*	background: url(../img/almanac_calendarSelected.gif) no-repeat center;*/
}

.secNav .calendar table td.selected a {
	text-decoration: none;
	cursor: default;
	color: #c00;
	font-weight: bold;
}

.content .centerBlock {
	margin: 10px;
	padding: 20px 50px;
}

.content .centerBlock.red {
	background: #6E0101;
}

.content .centerBlock h2 {
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	padding: 10px 0;
	margin-bottom: 10px;
}

.content .centerBlock p.inputField {
	position: relative;
	margin-bottom: 20px;
}

.content .centerBlock p.inputField label {
	display: block;
	float: left;
	font-size: 140%;
	margin-right: 20px;
	width: 150px;
}

.content .centerBlock p.inputField input, .content .centerBlock p.inputField select {
	font-size: 120%;
	padding: 5px;
}

.content .centerBlock p.inputField small {
	font-size: 80%;
	display: block;
	position: absolute;
	top: 30px;
	left: 2px;
	_left: -172px !important;
	float: left;
}

.content .selectDate_block {
	width: 925px;
	background: url(../img/selectDate_body.gif) repeat-y left;
	color: #333;
	position: relative;
}

.content .selectDate_block h1 {
	height: 65px;
	background: url(../img/selectDate_head.gif) no-repeat left top;
}

.content .selectDate_block h1 span {
	display: block;
	float: left;
	font-size: 60%;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #900;
	padding: 10px 60px 0 20px;
	background: url(../img/cloud_red.gif) no-repeat right 13px;
}

.content .selectDate_block .foot {
	width: 925px;
	height: 10px;
	background: url(../img/selectDate_foot.gif) no-repeat bottom;
}

.content .selectDate_block h2 {
	font-size: 130%;
	color: #960;
}

.content .selectDate_block h2 small {
	color: #333;
	font-size: 60%;
	margin-left: 10px
}

.content .selectDate_block h2 small a {
	color: #900;
}

.content .selectDate_block p {
	color: #333;
}

.content .selectDate_block .selectActivity {
	width: 460px;
	padding: 0 5px 0 18px;
	border-right: 1px solid #ccc;
	float: left;
}

.content .selectDate_block .selectActivity dl {
	clear: both;
	margin-left: 70px;
}

.content .selectDate_block .selectActivity dl dt {
	float: left;
	position: absolute;
	left: 20px;
	font-weight: bold;
}

.content .selectDate_block .selectActivity dl dd {
	float: left;
	margin-bottom: 15px;
	margin-right: 10px;
}

.content .selectDate_block .selectActivity dl dd.secondary {
	display: none;
	background: #FF9;
}

.content .selectDate_block .selectActivity dl dd label {
	color: #333;
}

.content .selectDate_block .selectActivity dl dd label, .content .selectDate_block .selectActivity dl dd input {
	cursor: pointer;
}

.content .selectDate_block .selectActivity a.showAll {
	display: block;
	clear: both;
	color: #900;
	padding-top: 10px;
}

.content .selectDate_block .selectMonth {
	float: left;
	padding-left: 18px;
	width: 350px;
}

.content .selectDate_block .selectMonth label, .content .selectDate_block .selectTime label {
	margin-right: 5px;
}

.content .selectDate_block .selectMonth label.divider, .content .selectDate_block .selectTime label.divider  {
	margin-right: 3px;
	margin-left: 3px;
	color: #999;
}

.content .selectDate_block .selectTime {
	float: left;
	padding: 5px 5px 0 18px;
}


.content .selectDate_block .buttons {
	padding: 20px 0;
	margin: 0;
}

.content .selectDate_block .buttons a.button {
	margin-left: 390px;
}

.content .selectDate_block div.divider {
	height: 1px;
	border-top: 1px solid #ccc;
	margin: 0 20px;
}

.content .selectDate_block .tips {
	width: 610px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 16px 45px;
	background: url(../img/msgBox_head_white.gif) no-repeat left top;
}

.content .selectDate_block .tips h2 {
	margin-bottom: 0;
	padding: 0;
}

.content .selectDate_block .tips p {
	color: #666;
}

.content .selectDate_block .tips dl {
	clear: both;
	overflow: auto;
}

.content .selectDate_block .tips dl dt {
	width: 140px;
	float: left;
	padding-left: 50px;
	font-weight: bold;
	color: #555;
}

.content .selectDate_block .tips dl dt.importance label {
	display: block;
	float: left;
	background: url(../img/circle_red.gif) no-repeat left top;
	margin-top: 3px;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 70%;
}

.content .selectDate_block .tips dl dd {
	width: 410px;
	float: left;
	margin-bottom: 5px;
	color: #666;
}

.content .selectDate_block .tips .foot {
	margin: 0 -45px -16px -45px;
	width: 700px;
	height: 15px;
	background: url(../img/msgBox_foot_white.gif) no-repeat left bottom;
}

.content .selectDate_block .loading {
	clear: both;
	padding: 40px 0;
}

.content .selectDate_block .loading span {
	margin-left: 370px;
	font-size: 200%;
	padding-left: 40px;
	background: url(../img/loading_big.gif) no-repeat left 5px;
}

.content .searchResult {
	margin-bottom: 40px;
	position: relative;
}

.content .searchResult p.resultNumber {
	margin-left: 55px;
}

.content .searchResult p.resultNumber strong {
	font-size: 130%;
	color: #960;
}

.content .searchResult table a {
	color: #900;
}

.content .searchResult table {
	margin-left: auto;
	margin-right: auto;
	font-size: 85%;
}

.content .searchResult table tr.label th {
	padding: 0;
}

.content .searchResult table tr.row1 td {
}

.content .searchResult table tr.row2 td {
	background: #f6f6f6;
}

.content .searchResult table tr th {
	color: #960;
	text-align: left;
	border-bottom: 1px dotted #C4A070;
	vertical-align: top;
	padding: 0 0 6px 4px;
	background: #f0f0f0;
}

.content .searchResult table tr th.sorting {
	padding-bottom: 10px;
	background: url(../img/smallArrow_grey.gif) no-repeat center bottom;
}

.content .searchResult table tr th.sorting:hover {
	background: url(../img/smallArrow_gold.gif) no-repeat center bottom;
	cursor: pointer;
}

.content .searchResult table tr th.sorting.selected {
	border-bottom: 2px solid #C4A070;
	background: url(../img/smallArrow_gold.gif) no-repeat center bottom;
}

.content .searchResult table tr.label th {
	border-bottom: none;
}

.content .searchResult table tr td {
	padding: 7px 0 8px 5px;
	border-left: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
}

.content .searchResult table tr td.luckDate {
	width: 285px;
}

.content span.luckGreat {
	color: #c00;
	font-weight: bold;
}

.content span.luckGood {
	color: #c00;
}

.content span.luckAverage {
	color: #f90;
/*	color: #C4A070; */
	font-weight: bold;
}

.content span.luckBad {
	color: #000;
	font-weight: bold;
}

.content .searchResult table tr th.luckTime {
	color: #333;
	text-align: center;
	font-size: 85%;
	padding: 6px 0 6px 1px;
}

.content .searchResult table tr td.luckTime {
	color: #c00;
	text-align: center;
}

.content .searchResult table tr td.luckDate a {
	border-bottom: 1px solid #900;
	text-decoration: none;
	cursor: pointer;
}

.content .searchResult table tr td.luckDate a span.west {
	width: 130px;
	display: block;
	float: left;
	border-bottom: 1px solid #900;
}

.content .searchResult table tr td.year {
	font-size: 120%;
	color: #666;
}

.content .searchResult table tr th.remove, .content .searchResult table tr td.remove,
.content .searchResult table tr.row1 td.remove, .content .searchResult table tr.row2 td.remove{
	background: none;
	border: none;
	padding-left: 0;
}

.content .searchResult table tr td.remove a {
	display: block;
	width: 24px;
	height: 13px;
	visibility: hidden;
	font-size: 85%;
	background: url(../img/selectDate_remove.gif) no-repeat bottom;
	color: #fff;
	text-decoration: none;
	padding: 1px 0 2px 14px;
}

.content .searchResult table tr:hover td.remove a {
	visibility: visible;
}

.content .searchResult table tr td.remove a:hover {
	background: url(../img/selectDate_remove.gif) no-repeat top;
}

.content .selectDate_block .quickRegister {
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 20px;
	display: block;
}

.content .selectDate_block .quickRegister p.textStyle2 {
	color: #fff;
}

.content .selectDate_block .quickRegister p {
	color: #C4A070;
}

.content .selectDate_block .quickRegister .buttons {
	padding: 10px 0;
}

.content .selectDate_block .quickRegister .buttons a.button {
	margin-left: 112px;
}


/*-- custom style --*/

.content p.textStyle1 {
	line-height: normal;
	padding: 5px 0;
	font-size: 130%;
	font-weight: bold;
}

.content p.textStyle1 em {
	color: #fff;
	font-weight: bold;
}

.content p.textStyle2 {
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	margin: 5px 0;
}

.content p.textStyle3 {
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	padding: 5px 0 35px 0;
}

.content p.textStyle4 {
	color: #fff;
	font-size: 116%;
	font-weight: bold;
}

.content p.textStyle5 {
	font-size: 150%;
	font-weight: bold;
	color: #f90;
	margin: 5px 0;
}

.content p.titleStyle1 {
	font-size: 120%;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #A84D4D;
}

.content p.titleStyle2 {
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	margin: 5px 0;
}


.content p.questionStyle1 {
	font-size: 120%;
	font-weight: bold;
	margin: 25px 0 5px 0;
	color: #fff;
}

.content p.questionStyle2 {
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	margin: 25px 0 5px 0;
}

.content .textLevel1 {
	margin-left: 20px;
}

.content .textLevel2, .content p.textLevel2.textStyle2 {
	margin-left: 30px;
}

.content .textLevel3 {
	margin-left: 63px;
}

.content .indent1 {
	margin-left: 80px;
}

.content .horiLine {
	border-bottom: 1px solid #A84D4D;
}

.content .horiLine.margin {
	margin: 20px 0;
}

.content .horiLine.clear {
	clear: both;
}

.content .popupBubble {
	position: absolute;
	width: 330px;
	min-height: 100px;
	padding-bottom: 20px;
}

.content .popupBubble .popupBubble_head {
	width: 330px;
	height: 54px;
	background: url(../img/popupBubble_head.gif) no-repeat top;
}

.content .popupBubble .popupBubble_body {
	position: relative;
	width: 290px;
	background: url(../img/popupBubble_foot.gif) no-repeat bottom;
	padding: 0 20px 20px 20px;
}

.content .popupBubble .popupBubble_body h3 {
	color: #660000;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}

.content .popupBubble .popupBubble_body p {
	color: #CC3300;
}

.content .popupBubble .popupBubble_body a.close {
	width: 31px;
	height: 31px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: url(../img/button_close.gif) no-repeat;
	cursor: pointer;
}

.tooltips {
	position: absolute;
	width: 342px;
	z-index: 800;
}

.tooltips .content {
	padding: 35px 38px 0 38px;
	background: url(../img/tooltips_box_head.png) no-repeat top left;
}

.tooltips.left .content {
	padding: 35px 35px 0 40px;
	background: url(../img/tooltips_head_left.png) no-repeat top left;
}

.tooltips.right .content {
	padding: 35px 40px 0 35px;
	background: url(../img/tooltips_head_right.png) no-repeat top left;
}

.tooltips .content {
	float: none;
	width: auto;
}

.tooltips .content p {
	color: #333;
	font-size: 85%;
}

.tooltips .content p.title {
	color: #996600;
	font-size: 125%;
	font-weight: bold;
}

.tooltips .content a.close {
	position: absolute;
	color: #900;
	right: 25px;
	top: 20px;
	font-size: 85%;
}

.tooltips.right .content a.close {
	right: 35px;
}

.tooltips .foot a.button {
	float: none;
	display: block;
	width: 123px;
	height: 28px;
	background: url(../img/tooltips_button.gif) no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.tooltips .foot a.next {
	float: right;
	display: block;
	width: 60px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 70%;
	text-decoration: none;
	background: url(../img/tooltips_button_small.gif) no-repeat center;
}

.tooltips .foot a.back {
	float: right;
	display: block;
	width: 60px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 70%;
	color: #666;
}

.tooltips .foot a.back:hover {
	color: #f90;
}

.tooltips .foot label {
	float: left;
	font-size: 70%;
	color: #666;
	padding-left: 30px;
	padding-top: 5px;
}

.tooltips.right .foot label {
	padding-left: 35px;
}

/*
.tooltips .foot a.next {
	float: right;
	display: block;
	width: 11px;
	height: 12px;
	background: url(../img/tooltips_arrow_right.gif) no-repeat;
	text-indent: -9999px;
}

.tooltips .foot a.back {
	float: right;
	display: block;
	width: 11px;
	height: 12px;
	background: url(../img/tooltips_arrow_left.gif) no-repeat;
	text-indent: -9999px;
}

.tooltips .foot a.finish {
	float: right;
	display: block;
	line-height: 12px;
	height: 12px;
	font-size: 70%;
	color: #fff;
	background: #666;
	padding: 2px 5px;
	text-decoration: none;
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;  
	border-radius: 3px;  
}

.tooltips .foot label {
	float: right;
	font-size: 70%;
	color: #666;
	padding: 0 10px;
}
*/
.content .tooltips .foot {
	height: 50px;
	width: 307px;
	padding: 5px 20px 15px 20px;
	background: url(../img/tooltips_box_foot.png) no-repeat bottom left;
}

.tooltips.left .foot {
	padding: 20px 30px 0 10px;
	background: url(../img/tooltips_foot_left.png) no-repeat bottom left;
}

.tooltips.right .foot {
	padding: 20px 40px 0 0;
	background: url(../img/tooltips_foot_right.png) no-repeat bottom left;
}


/*-- end custom style --*/


/*-- footer --*/

.footer {
	clear: both;
	color: #fff;
}

.footer .address {
	background: #930707 url(../img/bg_footer.gif) repeat-x top;
	padding: 50px 20px 0 20px;
	height: 30px;
	font-size: 80%;
}

.footer .copyright {
	background: #550101;
	height: 15px;
	font-size: 70%;
	text-align: right;
	padding: 5px;
}

/*-- end footer --*/


/*-- footer --*/

.overlay {
	position: absolute;
	width: 100%;
	height: 2000px;
	left: 0;
	top: 0;
	z-index: 700;
}

.overlay_bg {
	position: absolute;
	background: #000;
	opacity:0.5;filter:alpha(opacity=50);
	width: 100%;
	height: 2000px;
	left: 0;
	top: 0;
}

.content .overlay {
	margin: -225px 0 0 -25px;
	padding-right: 55px;
}

.luckyDrawPopup {
	width: 780px;
	height: 363px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 800;
	margin-top: 50px;
	padding: 10px;
	background: url(../img/overlay_bg.gif) no-repeat center;
}

.luckyDrawPopup .innerContent {
	width: 780px;
	height: 363px;
	background: url(../img/luckyDrawPopup.jpg) no-repeat center;
}

.luckyDrawPopup .innerContent a.close {
	position: absolute;
	right: -11px;
	top: -10px;
	z-index: 900;
	text-indent: -9999px;
	width: 33px;
	height: 33px;
	background: url(../img/luckyDrawPopup_close.gif) no-repeat;
}

.luckyDrawPopup .innerContent a.go {
	position: absolute;
	bottom: 40px;
	right: 160px;
	z-index: 900;
	display: block;
	text-indent: -9999px;
	width: 156px;
	height: 49px;
	background: url(../img/luckyDrawPopup_button.gif) no-repeat top;
}

.luckyDrawPopup .innerContent a.go:hover {
	background: url(../img/luckyDrawPopup_button.gif) no-repeat bottom;
}

/*-- end footer --*/
