/* Main */

body																											{ font-family:verdana,arial,helvetica,sans-serif;}

/* main setting */
.topmenu																									{  background-image:url(/mays/jsp/main/en/images/logo_mays_bg.gif); background-position:bottom; background-repeat:repeat-x;}
.topmenu td.logo																					{ padding-left:46px; padding-top:36px; vertical-align:top;}
.topmenu table.menu																				{ vertical-align:bottom;}
.topmenu table td.row01																		{ height:70px;}
.topmenu table.row02																			{ height:27px;}
.topmenu table.row02 td																		{ padding-left:3px; padding-right:3px;}
.topmenu table.row03																			{ background-color:#000000; background-image:url(/mays/jsp/main/en/images/row3_bg.gif); background-repeat:repeat-x; height:41px;}
.topmenu table.row03 td																		{ padding-right:20px;}
.topmenu table select																			{ font-size:9pt; width:100px;}
.topmenu table input.text																	{ font-size:9pt; width:180px;}

.contentdetail																						{ background-color:#ffffff; background-image:url(/mays/jsp/main/en/images/content_bg.gif); background-position:right bottom; background-repeat:no-repeat; height:28px;}
.contentdetail table.main																	{ margin-right:20px;}
.contentdetail table.main	td.left													{ font-size:9pt; width:170px; padding-top:8px; padding-bottom:8px;}

.contentdetail table.main	td.left ul											{ font-size:9pt; margin:0px; margin-top:4px; margin-left:30px; margin-bottom:50px;}
.contentdetail table.main	td.left li											{ color:#232020; font-size:9pt; letter-spacing:-1; padding-top:2px; padding-bottom:2px;}

.contentdetail table.main	td.left li.link									{ color:#a7a9ac; font-size:9pt; letter-spacing:-1; padding-top:2px; padding-bottom:2px;}
.contentdetail table.main	td.left li.link a:link					{ color:#a7a9ac; text-decoration:none;}
.contentdetail table.main	td.left li.link a:visited				{ color:#a7a9ac; text-decoration:none;}
.contentdetail table.main	td.left li.link a:hover					{ color:#833f11; text-decoration:none;}

.contentdetail table.main	td.right												{ width:490px; padding-top:8px; padding-bottom:8px;}
.contentdetail table.main	td.right div.location						{ font-size:9pt; color:#454648; letter-spacing:-1;}
.contentdetail table.main	td.right div.location	a:link		{ color:#a7a9ac; text-decoration:none;}
.contentdetail table.main	td.right div.location	a:visited	{ color:#a7a9ac; text-decoration:none;}
.contentdetail table.main	td.right div.location	a:hover		{ color:#454648; text-decoration:underline;}

.contentdetail table.listing td														{ border-bottom:solid 1px #c9c9c9;}
.contentdetail table.listing td.detail										{ padding-top:8px; font-size:9pt;}
.contentdetail table.listing td.detail a:link							{ color:#000000; text-decoration:none;}
.contentdetail table.listing td.detail a:visited					{ color:#000000; text-decoration:none;}
.contentdetail table.listing td.detail a:hover						{ color:#3739ac; text-decoration:underline;}
.contentdetail table.listing div.title										{ font-weight:bold;}
.contentdetail table.listing div.number										{ color:#86888b;}

.contentdetail table.detaildes														{ padding:0px;}
.contentdetail table.detaildes select											{ width:140px;}
.contentdetail table.detaildes td													{ font-size:14pt; line-height:140%; color:#000000; letter-spacing:-1;}
.contentdetail table.detaildes td div.number							{ color:#818386;}
.contentdetail table.detaildes td div.oprice							{ font-size:10pt; line-height:120%; font-weight:bold; color:#818386; letter-spacing:-1;}
.contentdetail table.detaildes td div.mprice							{ font-size:10pt; line-height:120%; font-weight:bold; color:#000000; letter-spacing:-1;}

.contentdetail table.detailrow 														{ padding:4px; font-size:9pt; line-height:120%;}
.contentdetail table.detailrow td.row											{ width:60px; border-top:solid 1px #c9c9c9;}
.contentdetail table.detailrow td.color										{ width:40px; border-top:solid 1px #c9c9c9;}
.contentdetail table.detailrow td.des											{ width:230px; border-top:solid 1px #c9c9c9; color:#7a7c7e;}
.contentdetail table.detailrow td.price										{ width:85px; border-top:solid 1px #c9c9c9; color:#000000d;}
.contentdetail table.detailrow select.select							{ width:100px;}
.contentdetail table.detailrow select.qty									{ width:50px;}

.contentshoppingbag																				{ background-color:#ebeced; background-image:url(/mays/jsp/main/en/images/shoppingbag_bg.jpg); background-position:10px 14px; background-repeat:no-repeat; height:140px; width:99px;}
.contentshoppingbag p																			{ margin-top:107px; margin-right:54px; font-size:10pt; font-weight:bold; color:#747578;}
.contentsidebar																						{ background-color:#ebeced; width:120px;}


.contentsidebar table.pagenumber													{ margin-left:10px; margin-bottom:40px;}
.contentsidebar table.pagenumber td												{ text-decoration:none;font-weight:bold; width:20px; height:20px; text-align:center;}
.contentsidebar table.pagenumber td a:link								{ font-size:8pt; color:#9A9C9F; text-decoration:none;}
.contentsidebar table.pagenumber td a:visited							{ font-size:8pt; color:#9A9C9F; text-decoration:none;}
.contentsidebar table.pagenumber td a:hover								{ font-size:8pt; color:#9A9C9F; text-decoration:none;}
.contentsidebar table.pagenumber td.on										{ background-image:url(/mays/jsp/main/en/images/num_bg.gif); background-repeat:no-repeat; widht:20px; height:20px; color:#ffffff; font-weight:bold;}
.contentsidebar table.pagenumber td.on a:link							{ font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.contentsidebar table.pagenumber td.on a:visited					{ font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.contentsidebar table.pagenumber td.on a:hover						{ font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}


.contentsidebar table.related															{ margin-top:60px; margin-bottom:40px; background-color:#ffffff; width:110px; font-size:8pt; letter-spacing:-1;}
.contentsidebar table.related div													{ padding:10px; padding-top:0px;}
.contentsidebar table.related div	a:link									{ color:#000000; text-decoration:none;}
.contentsidebar table.related div	a:visited								{ color:#000000; text-decoration:none;}
.contentsidebar table.related div	a:hover									{ color:#acacac; text-decoration:none;}



.topcatmenu																								{ background-color:#5f6062; height:36px; padding-top:0px;vertical-align:top;}
#.topcatmenu table.menu																		{ background-color:#6D6E70; height:20px; padding:2px;}
.topcatmenu table.menu																		{ background-color:#5f6062; height:36px; padding-top:0px; vertical-align:top; background-image:url(/mays/jsp/main/en/images/topcatmenu_bg.gif); background-repeat:repeat-x;}
.topcatmenu table.menu td																	{ font-size:9pt; padding-left:5px; padding-right:5px;}
.topcatmenu table.menu a:link															{ font-size:9pt; color:#ffffff; text-decoration:none;font-weight:500;}
.topcatmenu table.menu a:visited													{ font-size:9pt; color:#ffffff; text-decoration:none;font-weight:500;}
.topcatmenu table.menu a:hover														{ font-size:9pt; color:#F41717; text-decoration:none;font-weight:500;}

.topcatmenu table.menu td.on															{ font-size:9pt; color:#F4F417; padding-left:5px; padding-right:5px;}
.topcatmenu table.menu td.on a:link												{ font-size:9pt; color:#F4F417; text-decoration:none;font-weight:bold;}
.topcatmenu table.menu td.on a:visited										{ font-size:9pt; color:#F4F417; text-decoration:none;font-weight:bold;}
.topcatmenu table.menu td.on a:hover											{ font-size:9pt; color:#F41717; text-decoration:none;font-weight:bold;}

.topcatmenu table.menu td.off															{ font-size:9pt; color:#8D8E90; padding-left:5px; padding-right:5px;}
.topcatmenu table.menu td.off a:link											{ font-size:9pt; color:#8D8E90; text-decoration:none;}
.topcatmenu table.menu td.off a:visited										{ font-size:9pt; color:#8D8E90; text-decoration:none;}
.topcatmenu table.menu td.off a:hover											{ font-size:9pt; color:#5D5E60; text-decoration:none;}

.topcatmenu table.menu td.normal													{ background-color:#ebeced; padding-top:6px;}


.bottommenu																								{ background-color:#ebeced; height:60px; padding-top:8px;}
.bottommenu table.menu																		{ background-color:#bcbec0; height:12px; padding:2px;}
.bottommenu table.menu td																	{ padding-left:5px; padding-right:5px;}
.bottommenu table.menu a:link															{ font-size:8pt; color:#737477; text-decoration:none;}
.bottommenu table.menu a:visited													{ font-size:8pt; color:#737477; text-decoration:none;}
.bottommenu table.menu a:hover														{ font-size:8pt; color:#ffffff; text-decoration:none;}
.bottommenu table.menu td.normal													{ background-color:#ebeced; padding-top:6px;}


/* pop-up retail location setting */
.retail_bg																								{ background-image:url(/mays/jsp/main/en/images/bg_retail.gif); height:100px; background-position:left top; background-repeat:no-repeat;}
.retail_bg table.content																	{ padding:2px;}
.retail_bg table.content td																{ border-bottom:solid 1px #c9c9c9; font-size:10pt; line-height:120%; color:#747578;}									
.retail_bg table.content font.title												{ font-size:10pt; line-height:120%; color:#000000; font-weight:bold;}

/* pop-up tell a friend setting */
.friend_bg																								{ background-image:url(/mays/jsp/main/en/images/bg_friend.gif); height:100px; background-position:left top; background-repeat:no-repeat;}
.friend_bg table.content																	{ padding:6px;}
.friend_bg table.content td																{ border-bottom:solid 1px #c9c9c9; font-size:10pt; line-height:120%; color:#000000; font-weight:bold;}
.friend_bg table.content td.preview												{ color:#494949; font-weight:bold;}
.friend_bg table.content td.error													{ color:#cc0000; font-weight:bold;}
.friend_bg table.content td.remark												{ padding-right=50px; font-size:8pt; color:#494949; font-weight:normal;}
.friend_bg table.content td input													{ font-family:verdana,arial,helvetica,sans-serif; font-size:10pt; color:#494949;}
.friend_bg table.content td textarea											{ font-family:verdana,arial,helvetica,sans-serif; font-size:10pt; color:#494949;}

/* pop-up Email to Us setting */
.emailtous_bg																								{ background-image:url(/mays/jsp/main/en/images/bg_emailtous.gif); height:100px; background-position:left top; background-repeat:no-repeat;}
.emailtous_bg table.content																	{ padding:6px;}
.emailtous_bg table.content td																{ border-bottom:solid 1px #c9c9c9; font-size:10pt; line-height:120%; color:#000000; font-weight:bold;}
.emailtous_bg table.content td.preview												{ color:#494949; font-weight:bold;}
.emailtous_bg table.content td.error													{ color:#cc0000; font-weight:bold;}
.emailtous_bg table.content td.remark												{ padding-right=50px; font-size:8pt; color:#494949; font-weight:normal;}
.emailtous_bg table.content td input													{ font-family:verdana,arial,helvetica,sans-serif; font-size:10pt; color:#494949;}
.emailtous_bg table.content td textarea											{ font-family:verdana,arial,helvetica,sans-serif; font-size:10pt; color:#494949;}

.dright {
	font-size: 1.0em;
	padding-right: 100px;
	text-align: right;
}

#info {
	border: 1px solid #C2C7BE;
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 20px;
	padding: 0px 15px 0px 15px;
	position: relative;
}

#info a, #info a:visited {
	color: #8A9483;
	text-decoration: none;
}

#info a:hover {
	color: #9BA495;
	text-decoration: underline;
}

#pic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	/*width: 135px; */
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	/*border: 1px solid #000000;*/
	display: block;
	/*height: 90px; */
	left: 0;
	text-decoration: none;
	top: 0;
	/*width: 135px;*/
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000; 
	display: block;
	height: 300px; 
	left: 100px;
	position: absolute;
	top: -60px;
	width: 300px;
}

#top {
	margin-left: 80px;
}

