/* generated by csscreator.com */
html, body
{
	margin-top: 0;
	padding: 0;
}
a, p, span, td, th, div, ul, li, textarea, textbox
{
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-size: small;
	font-weight: lighter;
}
h1
{
	padding-top: 15px;
	margin-bottom: 20px;
	font-family: arial,helvetica,sans-serif;
	font-size: 120%;
}
h2, h4
{
	clear: both;
	background-color: #dedfde;
	font-family: arial,helvetica,sans-serif;
	font-size: 110%;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}
.defaultButton
{
	color: #ffffff;
	background-color: #cc0000;
	border-style: double;
	border-color: #ffffff;
	border-width: 3px;
	font-family: verdana;
	font-weight: bold;
}
.defaultButton2
{
	color: #ffffff;
	background-color: #cc0000;
	border-style: double;
	border-color: #ffffff;
	border-width: 3px;
	font-family: verdana;
	font-weight: bold;
	margin-left: 20px;
}
.defaultButtonL
{
	float: left;
	color: #ffffff;
	background-color: #cc0000;
	border-style: double;
	border-color: #ffffff;
	border-width: 3px;
	font-family: verdana;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 10px;
}
.defaultButtonR
{
	float: right;
	color: #ffffff;
	background-color: #cc0000;
	border-style: double;
	border-color: #ffffff;
	border-width: 3px;
	font-family: verdana;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 10px;
}
.Success
{
	font-weight: bold;
	padding-left: 20px;
	color: Blue;
}
.Unsuccess
{
	font-weight: bold;
	padding-left: 20px;
	color: Red;
}
#centercontent
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

a img
{
	border: none;
}
.selected
{
	font-weight: bold;
}
#pagewidth
{
	margin-left: auto;
	margin-right: auto;
	width: 974px;
}

#header
{
	position: relative;
	width: 100%;
	background-image: url(../images/Kanjizonebanner.jpg);
}
#dvheader
{
	height: 50px;
	top: 0px;
	right: 10px;
}
#logo
{
	float: left;
	top:10px;
}

#menu1
{
	/* styles for top menu */


}
#menu1 ul
{	float: right;
	margin-top: 10px;
	right: 10px;
	list-style: none;
	padding: 0px;

}
#menu1 li
{
	padding: 0px;
	margin: 0px;
	display: inline;
	border-left: solid 1px #000;
}
#menu1 li.first
{
	border-left: none;
}
#menu1 li a:link, #menu1 li a:visited
{
	padding: 0px 2px 0px 5px;
	color: #000;
	text-decoration: none;
}
#menu1 li a:active, #menu1 li a:hover
{
	color: #000;
	text-decoration: underline;
}

#mainmenu
{
	/* styles for section or tab menu */

}
#mainmenu
{
	width:400px;
	padding-top:20px;
	margin-left:300px;
}
#mainmenu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#mainmenu li
{
	display: inline;
}
#mainmenu li a:link, #mainmenu li a:visited
{
	background: url(                   'images/tab.gif' ) no-repeat 0px 1px;
	display: block;
	float: left;
	margin-right: 1px;
	width: 116px;
	height: 27px;
	color: #737685;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 6px; /* box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 21px;
	width: 115px;
}
.SearchCategory
{
	clear:both;
	float: left;
}
#searchbar
{
	float: left;

}
.txtSearch
{
	float: left;
	margin-left: 20px;
	padding-left:0px;
	margin-right: 5px;
}
html > body #mainmenu li a:link, html > body #mainmenu li a:visited
{
	width: 115px;
	height: 21px;
}
#mainmenu li a:active, #mainmenu li a:hover, #mainmenu li a.selected
{
	background: url(                   'images/tab.gif' ) no-repeat 0px -92px;
}
img
{
	border-width: 0;
}
.tokei
{
	padding-top: 10px;
	text-align: center;
}
#leftcol
{
	width: 150px;
	float: left;
	padding-top: 5px;
	position: relative;
	background-color: white;
}
#leftcol ul
{
	list-style-type: none;
	list-style-image: none;
	margin-left: 5px;
	padding-left: 10px;
}
#leftcol ul li a
{
	margin-left: 0px;
}
#leftcol a:link, #footer a:link
{
	color: #000;
	text-decoration: none;
}

#leftcol a:visited, #footer a:visited
{
	color: #000;
	text-decoration: none;
}

#leftcol a:hover, #footer a:hover
{
	color: #000;
	text-decoration: underline;
}

#leftcol a:active, #hooter a:active
{
	color: #000;
	text-decoration: none;
}
#twocols
{
	width: 824px;
	float: right;
	position: relative;
}

#rightcol
{
	width: 0%;
	float: right;
	position: relative;
	background-color: white;
}

#maincol
{
	background-color: #FFFFFF;
	float: left;
	display: inline;
	position: relative;
	width: 100%;
}

#footer
{
	padding-top: 20px;
	height: 100px;
	clear: both;
	text-align: center;
}

#footer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	width: 100%;
}
#footer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#footer li
{
	display: inline;
	padding-left: 5px;
}
/* *** Float containers fix:
.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 */

/*printer styles*/
@media print
{
	/*hide the left column when printing*/
	#leftcol
	{
		display: none;
	}

	/*hide the right column when printing*/
	#rightcol
	{
		display: none;
	}
	#twocols, #maincol
	{
		width: 100%;
		float: none;
	}
}
.newline
{
	padding-top: 10px;
	padding-left: 10px;
	clear: both;
}
.newline2
{
	clear: both;
	height: 10px;
}
/****************************** Default */
#UpdatePanel1
{
	margin-bottom: -25px;
}
div.dvleftx
{
	float: left;
	width: 53%;
	top: 0px;
	padding-left: 10px;
	padding-right: 0px;
}
div.dvleft2
{
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 0px;	

}
div.dvleft4
{
	clear: left;
	right: 20px;
	margin-left: 10px;
	margin-top:-20px;
	padding-top:0px;

}
.center
{
	text-align: center;
	vertical-align: middle;
}
.dvmid
{
	padding-top: 0px;
	float: left;
	margin-left: 10px;
	margin-right: auto;
	width: 100px;
}
.flright
{
	padding-top: 0px;
	float: right;
}
.dvrightx
{
	padding-top: 0px;
	float: left;
}
.lbOname
{
	float: left;
}
.tbOriginalname
{
	float: left;
	margin-left: 5px;
}
.btnTitle
{
	text-align: center;
}
.btnTranslation
{
	float: left;
	margin-left: 5px;
	margin-top: -1px;
}

.Ans
{
	height: 109px;
	width: 276px;
	margin-top: 20px;
	background-image: url(../images/kabukiface.jpg);
}


.lbAns
{
	position: relative;
	margin-left: 15px;
	margin-top: 38px;
	width: 150px;
}
.dvKanjiTitle
{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
}
.lbOname2
{
	font-weight: bold;
	font-style: italic;
}
.lbJapaneseName
{
	font-weight: bold;
	font-size: medium;
	padding-right: 10px;
}
.lbJapaneseName2
{
	font-weight: bold;
	font-size: medium;
	padding-right: 0px;
}
.dvKanjiList
{
	margin-top: 10px;
	float: left;
}

.KanjiList
{
	width: 100%;
	padding-top: 10px;
}
.lbYomi
{
	float: left;
	text-align: right;
	width: 50px;
	padding-right: 3px;
	padding-left: 10px;
}
.lbl
{
	clear: both;
	float: left;
	width: 50px;
}
.ads
{
	text-align: center;
}
.adsside
{
	margin-top: 20px;
	text-align: center;
}

.blist
{
	float: left;
}

div.Command
{
	text-align: right;
	padding-right: 20px;
	padding-bottom: 20px;
	margin: 0;
	background-color: #B0E0E6;
	height: 20px;
}
.Cleft
{
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}
.Cright
{
	float: right;
	margin-right: 20px;
	margin-bottom: 10px;
}
/* */
/****************************** Names */
/* */
#navmenu
{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 20px;
}
#navmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	width: 100%;
}
#navmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#navmenu li
{
	display: inline;
	padding-left: 0px;
}
#navmenu li a:link
{
	color: #000;
	text-decoration: none;
}

#navmenu li a:visited
{
	color: #000;
	text-decoration: none;
}

#navmenu li a:hover
{
	color: #000;
	font-size: larger;
	font-weight: bolder;
	text-decoration: underline;
}
.selectedLtr
{
	font-size: larger;
	font-weight: bold;
}
#navmenu li a:active
{
	color: #333;
	text-decoration: none;
}
.tbNameList
{
	width: 96%;
	padding-left: 20px;
}
.tbNameList tr td
{
	width: 20%;
	padding-left: 10px;
	text-align: left;
}

.tbNameList tr td a:link
{
	color: #000;
	text-decoration: none;
}

.tbNameList tr td a:visited
{
	color: #000;
	text-decoration: none;
}

.tbNameList tr td a:hover
{
	color: #000;
	text-decoration: underline;
}

.tbNameList tr td a:active
{
	color: #000;
	text-decoration: none;
}
.tbKanjiList
{
	width: 90%;
	margin-left: 40px;
}
.recentnames
{
	float: left;
	width: 100%;
	text-align: left;
	margin-left: 20px;
}
div.recentnames a:active
{
	color: #000;
	text-decoration: none;
}
div.recentnames a:hover
{
	color: #000;
	text-decoration: underline;
}
div.recentnames a:link
{
	color: #000;
	text-decoration: none;
}

div.recentnames a:visited
{
	color: #000;
	text-decoration: none;
}

/****************************** Contact */
.MailBox
{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333333;
	background-color: #dedfde;
	width: 100%;
	float: left;
}
.MailBox label
{
	width: 100px;
	float: left;
	padding-left: 20PX;
}
.MailBox div
{
	float: left;
	width: 100%;
	padding-top: 5px;
}
.MailBox .tbName
{
	width: 250px;
}
.MailBox .btnCmd
{
	float: right;
	margin-right: 10%;
}
.Warning
{
	color: red;
	font-weight: bold;
}
.tbMessage, .tbSubject
{
	float: left;
	width: 80%;
}
.tbSubject2
{
	float: left;
	width: 40%;
}
.lbSubject 
{
	padding-left:10px;
}
/* */
/**************************** Ayli */
/* */
.Hdr
{
	float: left;
	width: 100%;
}
.pnlHdr
{
	float: left;
	width: 60%;
	top: 0px;
}
.pnlHdr2
{
	float: left;
	width: 60%;
	margin-top: 50px;
}
.Ansn
{
	float: left;
	height: 109px;
	width: 276px;
	margin-left: 520px;
	margin-top: -150px;
	padding-top: 0px;
	background-image: url(../images/kabukifaceneutral.jpg);
}
.Ansn2
{
	float: left;
	height: 109px;
	width: 276px;
	margin-left: 520px;
	margin-top: -150px;
	background-image: url(../images/kabukifaceneutral.jpg);
}
.Answ
{
	float: left;
	height: 109px;
	width: 276px;	
	margin-left: 520px;
	margin-top: -150px;
	background-image: url(../images/kabukiwoman.jpg);
}

.tbProductList
{
	width: 96%;
	padding-left: 20px;
}
.tbProductList tr td
{
	width: 20%;
	padding-left: 10px;
	text-align: left;
}

.tbProductList tr td div a:link
{
	color: #003366;
	text-decoration: underline;
}

.tbProductList tr td div a:visited
{
	color: #003366;
	text-decoration: underline;
}

.tbProductList tr td div a:hover
{
	color:  #FF9900;
	text-decoration: underline;
}

.tbProductList tr td div a:active
{
	color: #003366;
	text-decoration: underline;
}
.productlist
{
	text-align:center;
}
.pricetxt 
{
	color:  #CC0000;
	font-weight: bold;
	text-align:center;
}
/* */
/**************************** Kanji name */
/* */
.knKanjiList
{
	padding-left: 150px;
}
.kanjidesign
{
	margin-left: 270px;
}
.Kanjilist .pKana
{
	clear: both;
}
.btnDesignNow
{
	margin-bottom: -5px;
}
/* */
/**************************** Popular Kanji */
/* */
#dlKanjiList
{
	margin-left: 10%;
	float: left;
	width: 80%;
}
.c1
{
	width: 15%;
	float: left;
	font-size: 120%;
	font-weight: bold;
	padding-top: 20px;
}
.c2
{
	width: 20%;
	float: left;
	font-size: 100%;
	padding-top: 20px;
}
.c3
{
	width: 50%;
	float: left;
	font-size: 100%;
	padding-top: 20px;
}
.c4
{
	width: 15%;
	float: left;
	font-size: 100%;
	padding-top: 20px;
}
#dlCategory
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#dlCategory td
{
	width: 18%;
	text-align: left;
}
#GridView1
{
	width: 90%;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
.textField
{
	text-align: right;
}
.warningr
{
	font-weight: bold;
	color: Red;
	text-align: right;
}
/**************************************************************************** AC ***/
.Account
{
	width: 50%;
	background-color: #B0E0E6;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-bottom: 10px;
}
.Account h2
{
	font-size: 100%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	color: White;
	background-color: #5d7b9d;
	margin-bottom: 20px;
	margin-top: 0px;
	font-weight: bold;
}
div.Account div
{
	margin-left: 20px;
	margin-bottom: 10px;
}
div.Account div img
{
	margin-right: 5px;
}
div.Account div a:link
{
	color: #000;
	text-decoration: none;
}

div.Account div a:visited
{
	color: #000;
	text-decoration: none;
}

div.Account div a:hover
{
	color: #000;
	text-decoration: underline;
}

div.Account div a:active
{
	color: #000;
	text-decoration: none;
}

/**************************************************************************** Login ***/
.Login
{
	float: left;
	width: 50%;
	margin-top: 20px;
	margin-right: 20px;
}
.LoginBox
{
	width: 280px;
	margin-bottom: 15px;
}
.Login table h2, .NewCustomer h2
{
	font-size: 100%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	color: White;
	background-color: #5d7b9d;
	margin-bottom: 20px;
	margin-top: 0px;
	font-weight: bold;
}
.NewCustomer
{
	float: left;
	width: 44%;
	margin-top: 20px;
	background-color: #B0E0E6;
	height: 150px;
}
.label
{
	float: left;
	width: 120px;
	font-size: 100%;
	font-weight: bold;
	padding-left: 20px;
	font-weight: bold;
}
.fxfield
{
	font-size: medium;
	width: 400px;
}
.Login #tbEmail, .Login #tbPassword
{
	width: 60%;
	float: left;
	margin-right: 1px;
}
.NewCustomer p
{
	vertical-align: top;
	padding-left: 5px;
}
.passrecoverylink
{
	float: left;
	margin-left: 140px;
	padding-bottom: 10px;
	color: Black;
}

/******************************************************************* Forget password ***/
.PassRecoveryBox
{
	background-color: #B0E0E6;
	padding: 20px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

div.PassRecoveryBox label
{
	float: left;
	width: 120px;
	font-size: 100%;
	font-weight: bold;
	margin-top: 2px;
	padding-left: 20px;
	font-weight: bold;
}
div.PassRecoveryBox input
{
	width: 250px;
	margin-bottom: 5px;
}

/****************************************************************** Create User ***/
#clMsg
{
	clear: both;
	padding-left: 20px;
}
.UserAccount
{
	clear: both;
	background-color: #B0E0E6;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 540px;
}
.UserAccount h2
{
	font-size: 100%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	color: White;
	background-color: #5d7b9d;
	margin-bottom: 20px;
	margin-top: 0px;
	font-weight: bold;
}
.User
{
	background-color: #B0E0E6;
	padding: 20px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.User label
{
	float: left;
	width: 170px;
	margin-bottom: 5px;
}
.User input
{
	width: 250px;
	margin-bottom: 5px;
}
.User span
{
	margin-top: 5px;
	margin-left: 5px;
}
.Address
{
	background-color: #B0E0E6;
	padding: 20px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	height: 300px;
}
div.Address label
{
	clear: both;
	float: left;
	width: 170px;
	margin-bottom: 10px;
}

div.Address input, div.Address select, div.Address span
{
	float: left;
	margin-bottom: 10px;
}
div.Address input
{
	width: 250px;
}
div.Address span
{
	margin-top: 5px;
	margin-left: 5px;
}

.MsgSection
{
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 540px;
}

/****************************************************************** MyOrder ***/

.MyOrder
{
	clear: both;
	background-color: #B0E0E6;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 750px;
}
div.MyOrder table
{
	width: 700px;
	text-align: center;
	margin-bottom: 20px;
}
.MyOrder h2
{
	font-size: 100%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	color: White;
	background-color: #5d7b9d;
	margin-bottom: 20px;
	margin-top: 0px;
	font-weight: bold;
}
/****************************************************************** PP checkout ***/
.PPCheckoutWizard
{
	background-color: #B0E0E6;
	margin: 20px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.OrderSummary
{
	margin-top: 20px;
}
div.sectionheader
{
	font-size: 100%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	color: White;
	background-color: #5d7b9d;
	margin-top: 0px;
	font-weight: bold;
}
div.plainbox
{
	margin-left: 10px;
	margin-right: 10px;
}
.RNTitle
{
	background-color: #dedfde;
	font-family: arial,helvetica,sans-serif;
	font-size: 110%;
	font-weight: normal;
	padding: 0px;
	margin: 5px 0 0 10px;
	width: 80%;
}
.plainbox
{
	margin-left: 10px;
	margin-right: 10px;
	height: 200px;
}
.NavLine
{
	text-align: right;
	margin-right: 10px;
	margin-bottom: 10px;
}
textarea.UserMsg
{
	width: 430px;
	height: 60px;
	border: 3px solid #cccccc;
	padding: 5px;
	margin: 0px;
	padding: 0px;
}
/**  recent name **/
.RNList
{
	margin: 0;
	padding: 0;
}
.CommentPane
{
	border: dotted 0px #333333;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
}

.DivName
{
	font-size: 10px;
	color: #578EAD;
	font-weight: bold;
	width: auto;
}

.DivDate
{
	font-size: 9px;
	font-weight: normal;
	color: #69acd2;
}

.DivComment
{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #333366;
	width: auto;
	margin-bottom: 5px;
}