/**************************
	Base
**************************/
body {
	font:normal normal normal 11px/15px tahoma, arial, sans-serif;
	color:#666;
	text-align:center;
	margin:0;
	padding:0;
	background:#ffe500 url('/static/img/bg0.png') repeat-x left top;
}
a {
	color:#666;
	outline:none;
	text-decoration:none;
}
img {
	border:none;
}
p {
	padding:0;
	margin:0 0 10px 0;
}
form {
	padding:0;
	margin:0;
}
input.text, input.password {
	font:normal normal normal 11px/16px tahoma, arial, sans-serif;
	color:#666;
	background:#FFF;
	border:1px solid #666;
	padding:1px 0 1px 2px;
	height:14px;
	line-height:14px;
	vertical-align:top;
}
input.checkbox {
	padding:0;
	margin:0;
	vertical-align:middle;
}
* html input.checkbox {
	width:13px;
	height:13px;
	margin:3px 0 0 0;
}
textarea {
	font:normal normal normal 11px/15px tahoma, arial, sans-serif;
	color:#666;
	background:#FFF;
	border:1px solid #666;
	padding:1px 0 1px 2px;
	vertical-align:top;
}
select {
	font:normal normal normal 11px/16px tahoma, arial, sans-serif;
	color:#666;
	background:#FFF;
	border:1px solid #666;
	height:18px;
	width:200px;
	vertical-align:top;
}
input.radio {
	padding:0;
	margin:0;
	vertical-align:middle;
}
* html input.text, * html input.password {
	line-height:14px;
}
*+html input.text, *+html input.password {
	line-height:14px;
}

/**************************
	Content
**************************/
#content {
	width:960px;
	text-align:left;
	padding:0;
	margin:auto;
}
#contentL {
	text-align:right;
	padding:0;
	margin:auto;
}
#mContent {
	padding:65px 0 0 0;
	margin:auto;
}
#mContent #leftCol {
	float:left;
	width:640px;
}
#mContent #rightCol {
	width:320px;
	margin:0 0 0 640px;
}
* #mContent #rightCol {
	float:left;
	width:320px;
	margin:0;
}

/**************************
	mBox
**************************/
#mContent .mBox {
	width:640px;
}
#mContent .mBox a {
	text-decoration:underline;
}
#mContent .mBox .mhead {
	height:55px;
	text-align:center;
	background:url('/static/img/mBox_head.png') no-repeat left top;
}
#mContent .mBox .mhead h1 {
	font:normal normal bold 13px/20px tahoma, arial, sans-serif;
	color:#808080;
	letter-spacing:1px;
	text-shadow:1px 1px 0px #FFF;
	padding:10px 0 0 0;
	margin:0;
}
#mContent .mBox .mbody {
	min-height:20px;
	height:auto !important;
	height:20px;
	background:url('/static/img/mBox_mbody.png') no-repeat left bottom;
	padding:0 0 50px 0;
}
#mContent .mBox .mbody .inner {
	padding:0 25px 0 25px;
}
#mContent .mBox .mbody .inner h1 {
	font:normal normal bold 13px/16px tahoma, arial, sans-serif;
	color:#d3222a;
	height:16px;
	padding:0;
	margin:0 0 15px 0;
	background:url('/static/img/h1_bg.gif') no-repeat left bottom;
	overflow:hidden;
}
#mContent .mBox .mbody .inner h1.small {
	font:normal normal bold 11px/16px tahoma, arial, sans-serif;
}
#mContent .mBox .mbody .inner h1.normal {
	font-weight:normal;
}
#mContent .mBox .mbody .inner h1 .right {
	float:right;
	font:normal normal normal 11px/16px tahoma, arial, sans-serif;
}
#mContent .mBox .mbody .inner h1 a {
	color:#d3222a;
	text-decoration:none;
	text-decoration:overline;
}
#mContent .mBox .mbody .inner p.right {
	text-align:right;
}
#mContent .mBox .mbody .inner button, #mContent .mBox .mbody .inner a.button, #loginBox #login_form button {
	font:normal normal bold 11px/15px arial, sans-serif;
	text-transform:uppercase;
	color:#666;
	letter-spacing:1px;
	height:20px;
	padding:0 0 3px 0;
	border:none;
	cursor:pointer;
	text-shadow:1px 1px 0px #FFF;
}
#mContent .mBox .mbody .inner a.button {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	line-height:20px;
}
* html #mContent .mBox .mbody .inner button, * html #loginBox #login_form button {
	padding:0 0 1px 0;
}
*+html #mContent .mBox .mbody .inner button, *+html #loginBox #login_form button {
	padding:0 0 1px 0;
}
#mContent .mBox .mbody .inner button img, #mContent .mBox .mbody .inner a.button img, #loginBox #login_form button img {
	padding:0;
	margin:0 5px -2px 0 !important;
}
#mContent .mBox .info {
	font:normal normal normal 10px/12px tahoma, arial, sans-serif;
	padding:3px 0 0 0;
	margin:30px 0 0 0;
	border-top:1px solid #999;
}

/**************************
	mBox Errors OLD
**************************
#mContent .mBox .mbody .inner ul.errorlist {
	display:none;
	float:right;
	width:205px;
	list-style:none outside;
	background:url('/static/img/error_icon.gif') no-repeat left top;
	padding:0;
	margin:2px 0 0 0;
}
* html #mContent .mBox .mbody .inner ul.errorlist {
	margin:1px 0 0 0;
}
*+html #mContent .mBox .mbody .inner ul.errorlist {
	margin:1px 0 0 0;
}
#mContent .mBox .mbody .inner ul.errorlist li {
	font:normal normal normal 10px/18px tahoma, arial, sans-serif;
	color:#870d12;
	background:url('/static/img/error_bar.gif') no-repeat right top;
	height:18px;
	padding:0;
	margin:0 0 0 15px;
	overflow:hidden;
}
*/

/**************************
	mBox Errors
**************************/
#mContent .mBox .mbody .inner .errorRow {
	display:block;
	min-height:1px;
	height:auto !important;
	height:1px;
	font-size:1px;
	line-height:1px;
}
#mContent .mBox .mbody .inner ul.errorlist {
	display:none;
	background:#f1d3d3 url('/static/img/error_arrow.gif') no-repeat left bottom;
	list-style:none outside;
	padding:0 0 2px 0;
	margin:0;
}
#mContent .mBox .mbody .inner ul.errorlist li {
	font:normal normal normal 10px/15px tahoma, arial, sans-serif;
	color:#870d12;
	padding:0;
	margin:0 0 0 15px;
}

/**************************
	iBox
**************************/
#mContent #iBox {
	display:none;
}
#mContent #iBox .ibody {
	min-height:25px;
	height:auto !important;
	height:25px;
	padding:15px 0 0 0;
	background:url('/static/img/iBox_base.png') no-repeat left top;
}
#mContent #iBox .ibody .inner {
	color:#126c00;
	padding:0 20px 0 80px;	
}
#mContent #iBox .ibody .inner a {
	color:#126c00;
	text-decoration:underline;
}
#mContent #iBox .ibody .inner p {
	padding:0;
	margin:0;
}
#mContent #iBox .ibody .inner button {
	font:normal normal bold 11px/15px arial, sans-serif;
	text-transform:uppercase;
	color:#666;
	letter-spacing:1px;
	height:20px;
	padding:0 0 3px 0;
	border:none;
	cursor:pointer;
	text-shadow:1px 1px 0px #FFF;
}
* html #mContent #iBox .ibody .inner button {
	padding:0 0 1px 0;
}
*+html #mContent #iBox .ibody .inner button {
	padding:0 0 1px 0;
}
#mContent #iBox .ibody .inner button img {
	padding:0;
	margin:0 5px -2px 0 !important;
}
#mContent #iBox .iend {
	height:30px;
	background:url('/static/img/iBox_end.png') no-repeat left top;
}

/**************************
	rBox
**************************/
#mContent .rBox {
	width:320px;
}
#mContent .rBox .rhead {
	height:55px;
	text-align:center;
	background:url('/static/img/rBox_head.png') no-repeat left top;
}
#mContent .rBox .rhead h1 {
	font:normal normal bold 13px/20px tahoma, arial, sans-serif;
	color:#808080;
	letter-spacing:1px;
	text-shadow:1px 1px 0px #FFF;
	padding:10px 0 0 0;
	margin:0;
}
#mContent .rBox .rbody {
	min-height:20px;
	height:auto !important;
	height:20px;
	padding:0 0 30px 0;
	background:url('/static/img/rBox_mbody.png') no-repeat left bottom;
}
#mContent .rBox .rbody .inner {
	padding:0 20px 0 20px;
}
#mContent .rBox .rbody .inner h3 {
	font:normal normal bold 11px/15px tahoma, arial, sans-serif;
	padding:0 0 10px 0;
	margin:0;
}

/**************************
	Menu rBox
**************************/
ul.rMenu {
	list-style:none outside;
	padding:0;
	margin:0 -14px 0 -14px;
}
ul.rMenu li {
	padding:0;
	margin:0;
}
ul.rMenu li a {
	display:block;
	height:25px;
	font-weight:bold;
	color:#c56100;
	line-height:25px;
	text-shadow:1px 1px 0px #FFF;
	text-decoration:none;
	padding:0 0 0 19px;
	background:url('/static/img/rBox_menuBg.gif') no-repeat left top;
}
ul.rMenu li a:hover {
	color:#666;
}

/**************************
	Share
**************************/
#share {
	height:50px;
	background:url('/static/img/shareBg.png') no-repeat left top;
	margin:0 0 10px 0;
}
#share .inner {
	padding:14px 25px 0px 25px;
}
#share .inner .right {
	float:right;
	padding:3px 0 0 0;
}
#share .inner .right a {
	text-decoration:underline;
}
#share .inner .right .shareText {
	position:absolute;
	margin:0 0 0 -40px;
}

/**************************
	Footer
**************************/
#footer {
	height:30px;
	background:url('/static/img/footerBg.png') no-repeat left top;
	margin:10px 0 30px 0;
}
#footer .inner {
	line-height:20px;
	padding:4px 25px 0px 25px;
}
#footer .inner a {
	text-decoration:none;
}
#footer .inner .right {
	float:right;
}
#footer .inner .sepL {
	padding:2px 10px 5px 0;
	margin:0 10px 0 0;
	background:url('/static/img/footer_sep.gif') no-repeat right top;
}
#footer .inner .sepR {
	padding:2px 0 5px 10px;
	margin:0 0 0 10px;
	background:url('/static/img/footer_sep.gif') no-repeat left top;
}

/**************************
	Navi + LoginBox
**************************/
#navi {
	position:absolute;
	z-index:999;
	width:960px;
	height:65px;
	background:url('/static/img/naviBg.png') no-repeat left top;
	overflow:hidden;
}
#loginBox {
	display:none;
	position:absolute;
	top:35px;
	z-index:998;
	width:320px;
	padding:0;
	margin:0 0 0 640px;
}
* html #loginBox {
	display:block;
}
#loginBox a {
	text-decoration:underline;
}
#loginBox .inner {
	padding:30px 25px 25px 25px;
	background:url('/static/img/loginBoxBg.png') no-repeat left bottom;
}
* html #loginBox .inner {
	width:280px;
	height:1px;
	padding:30px 25px 25px 15px;
	margin:0 0 0 15px;
}
#loginBox #login_form .row {
	display:block;
	height:20px;
	line-height:20px;
}
#loginBox #login_form .row input.text {
	width:148px;	
}
* html #loginBox #login_form .row input.text {
	width:145px;	
}
#loginBox #login_form .colL {
	float:left;
	width:120px;
}
#loginBox #login_form .colL .pwLink a {
	font-size:10px;
	color:#8c8c8c;
}
#loginBox #login_form .colR {
	width:150px;
	margin:0 0 0 120px;
}
* html #loginBox #login_form .colR {
	float:left;
	margin:0;
}
*+html #loginBox #login_form .colR {
	float:left;
	margin:0;
}
#loginBox #login_form button {
	width:125px;
	color:#c56100;
	background:url('/static/img/button_125px.png') no-repeat left top;
	margin:2px 0 0 0;
}
#loginBox #login_form button img {
	padding:0;
	margin:0 0 -2px 5px !important;
}
#loginBox #userInfo .row {
	display:block;
	height:20px;
	line-height:20px;
	margin:0 0 5px 0;
}
#loginBox #userInfo .colL {
	float:left;
	width:135px;
}
#loginBox #userInfo .colR {
	width:135px;
	text-align:right;
	margin:0 0 0 135px;
}
* html #loginBox #userInfo .colR {
	float:left;
	margin:0;
}
*+html #loginBox #userInfo .colR {
	float:left;
	margin:0;
}
#loginBox #userInfo a.acc {
	padding:0 0 0 20px;
	background:url('/static/img/icon_myaccount.png') no-repeat 0 0;
}
#loginBox #userInfo a.rec {
	padding:0 0 0 20px;
	background:url('/static/img/icon_recommend.png') no-repeat 0 0;
}
* html #loginBox #userInfo a.acc {
	padding:0 0 0 20px;
	background:url('/static/img/icon_myaccount.gif') no-repeat 0 0;
}
* html #loginBox #userInfo a.rec {
	padding:0 0 0 20px;
	background:url('/static/img/icon_recommend.gif') no-repeat 0 0;
}
#loginBox #userInfo p {
	font:normal normal normal 11px/18px tahoma, arial, sans-serif;
	background:url('/static/img/dotline_18px.gif') repeat left top;
	padding:0;
	margin:0;
}
* html #loginBox #userInfo p {
	margin:0 12px 0 0;
}
#loginBox #userInfo p span.value {
	float:right;
	font-weight:bold;
}
#loginBox #userInfo p span.value a {
	float:left;
	margin:2px 20px 0 0;
}

/**************************
	CLEARFIX
**************************/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;} /* for IE/Mac */
* html .clearfix {height:1px;} /* Hides from IE-mac \*/
.clearfix {display:block;} /* Hides from IE-mac \*/