body { text-align: center; font: 0.85em/1.7 sans-serif; }
/* framework */
#mbn {width: 800px; margin: 16px auto; /*-moz-box-shadow: 0 0 24px #E0E0E0;*/ text-align:left; }
h1 {margin: 0; line-height: 1.0; border: 1px #A0A0A0 solid; position:relative;}
h1 a {display: block; padding: 16px; border-top: 18px #835205 solid; background: url(assets/images/top_icon.png) bottom right no-repeat;}
#mbnc { clear: both; position: relative; }
#mbnf { text-align: center; font-size: 0.8em; color: #A0A0A0; clear: both; border-top: 1px #D0D0D0 solid; margin-top: 2em; padding-bottom: 1em;}

/* element */
a {text-decoration:none;}
a:link, a:active {color: #A06000;}
a:visited {color: #C0A000;}
a:hover {color: #60C000; text-decoration: underline;}

hr {border: none; border-bottom: 2px #E0E0E0 dotted; margin: 1em 0;}
img {border: 0px none; vertical-align: middle;}

h2, h3, h4 {line-height: 1.4; margin: 12px 0 4px 0; padding: 0; font-weight: bold;}
h2 span, h3 span, h4 span {font-size: 0.80em; font-weight: normal;}
h2 { font-size: 1.4em; border-left: 6px #835205 solid; padding-left: 4px;}
	h2.imgin { border-left: none !important; }
h3 {color: #52a8bb; font-size: 1.2em;}
h4 {color: #ff6633; font-size: 1.0em;}
#mbnc ul { margin: 0 0.75em 8px 0.75em; padding: 0; }
#mbnc li { margin: 0 0 2px 2em; padding: 0; }
p, #mbnc dl { margin: 0 1em 12px 1em; }
dd {margin: 0 0 6px 1.25em;}

.clear { clear: both; }


/* shop */
.booknewlist, .booklistitem {margin-bottom:24px;}
.booknewlist {border-bottom: 1px #F0F0F0 solid;}
.booklistitem > a {display:block; float:left; width: 160px;}
.booknewlist > a {display:block; float:left; width: 200px;}
.booklistitem > a img {max-width: 160px; max-height:200px;}
.booknewlist > a img {max-width: 200px;}
.booklistitem div {margin-left: 168px;}
.booknewlist div {margin-left: 212px;}
.booknewlist div:after, .booklistitem div:after {clear:both; content:""; display:block;}

/* works */
.works_list {display: block; float: left; text-align: center; padding: 10px; }
.works_list a { display: block; position: relative; width: 130px; height: 130px; }
.works_list img { display: block; margin: auto; }
.PJN_Menu a { color: #52a8bb; font-size: 8pt; }
.PJN_Menu td { width: 200px; }

/* menu */
#mbnwf {position: relative; overflow: hidden; width: 800px; height: 60px; margin: 2px 0 0 0; padding: 0; text-align: center;}
#mbnwf li {margin: 0; padding: 0; float: left; list-style: none; display: block; background-color: #FFFFFF; overflow: hidden;}
#mbnwf a {display: block; text-decoration: none;}
	/*L1*/
	#mbnwf > li {width: 98px; font: bold 13px/20px sans-serif; border-left: 1px #C0C0C0 solid; border-right: 1px #C0C0C0 solid;}
	#mbnwf > li > a:link , #mbnwf > li > a:visited {width: 98px; height: 20px; color: #606060; }
	#mbnwf > li > a:hover {background-color: #C0C0C0; }
	/*L2*/
	#mbnwf ul {
		position: absolute; left: 0; top: 18px; width: 800px; height: 20px;
		margin: 0; padding: 6px 0; background-color: #FFFFFF; display: none;
	}
	#mbnwf ul li { font: bold 12px/16px sans-serif; }
	#mbnwf ul li a {display: block; color: #000000; background-color: #FFFFFF; width: auto; height: auto; margin-right: 10px; padding: 0 2px;}
	#mbnwf ul li a:link , #mbnwf ul li a:visited {border-bottom: 4px #B08E44 solid;}
	#mbnwf ul li a:hover { border-bottom: 4px #60A0E0 solid; }
	/*active,hover*/
	#mbnwf > li:hover {background: #F0F0F0; }
	#mbnwf > li:hover ul {display: block !important; z-index:10;}
	#wfactive ul {display: block !important; z-index: 5;} /* active parent */
	#mbnwf > li.active > a { color: #000000; background: #F0F0F0; } /* L1 here gray-bg */
	#wfactive ul li.active a { border-bottom: 4px #FF8000 solid !important; } /* L2 here orange */

/* other */
.right { text-align:right; }
.p4atom {border: 1px #C0C0C0 solid;}
#sidebanners p {padding:0 0 1em 0; margin: 0; overflow:hidden; text-align:center;}
#sidebanners {width: 184px; float:right; font-size: 10px;}

/* forms */
form { border:1px #C0C0C0 solid; vertical-align: middle; margin: 4px 0 8px 0; padding: 0 8px; }
fieldset { margin: 0; padding: 0; border: none; }
label {display: block; margin-top: 4px;}
input {display: block; margin-bottom: 4px;}
.addtocart input, .singleline input {display: inline;}
.addtocart {clear: left; background: #FFFFFF;}
div > form.addtocart {float:right;}
.introtext {clear: both;}
#addcart {width:73px; height:21px; background: url(assets/images/cart/cart.jpg); border: none; margin: 2px;}
td select {display: inline;}
#scCartTable td, #scverify td { padding: 4px 8px; border-bottom: 1px #E0E0E0 solid; }

#sxcart { float: right; margin-left: 8px; padding: 2px; border: 1px #F0F0F0 solid; background: #FFFFFF; }
#sxcart table { border: 1px #404040 solid; width: 120px; }
#sxcart td { padding: 2px; font-size: 8pt; }
#sxcart img { margin-bottom: 4px; }

#bdblock img { float: left; margin-right:8px; }