/* body styles */

.new {
	margin: 0px 0px 0px 0px;
	background-color: #fafafa;
	}
.shopping_cart_body {
	margin: 0px; 
	padding: 0px;
	background:url('http://mokuhan.com/images/bg.gif');
	font-family: serif;
	font-size: 14px;
	line-height: 130%;
	overflow:auto;
	}
.about_body {
	margin: 0px; 
	padding: 0px;
	background:url('http://mokuhan.com/images/bg.gif');
	font-family: serif;
	font-size: 14px;
	line-height: 130%;
	overflow:auto;
	}
.product_page {
	margin: 0px; 
	padding: 0px;
	background-color: black;
	font-family: serif;
	}


/* divisions ... */

div#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;  
	width: 820px;
	background: url(http://mokuhan.com/images/j_wrapper.jpg) ; 
	}

div#container {
	position: relative;
	margin-right: auto;
	margin-left: auto;  
	text-align: center;
	padding: 0px;
	width: 800px;
	height: 735px;
	background: url(http://mokuhan.com/images/j_center.jpg) ; 
	}

div#header {
	width: 800px;
	height: 125px;
	background: url(http://mokuhan.com/images/j_header.jpg) ; 
	}

div#spacer {
	width: 787px;
	height: 1px;
	margin-left: 8px;
	background-color: #d1d7e0;
	}

div#footer {
	position: relative;
	top: 585px;
	width: 800px;
	height: 6px;
	background: url(http://mokuhan.com/images/j_footer.jpg) ; 
	}

div#main_content {
	position: absolute;
	float: left;
	margin-left: 7px;
	width: 787px;
	padding: 0;
	}

#main_iframe {
	width: 787px;
	height: 585px;
	background-color: black;
	margin: 0px;
	padding: 0px;
	}

#nav_box_iframe {
	width: 180px;
	height: 585px;
	background-color: black;
	margin: 0px;
	padding: 0px;
	}

#products_iframe {
	position: absolute;
	width: 607px;
	height: 585px;
	background-color: black;
	margin: 0px;
	padding: 0px;
	}

#about_nav_iframe {
	width: 160px;
	height: 585px;
	background-color: black;
	margin: 0px;
	padding: 0px;
	}

#about_iframe {
	position: absolute;
	width: 627px;
	height: 585px;
	background-color: black;
	margin: 0 0 0 0;
	padding: 0px;
	}

#poets_image_iframe {
	margin:0pt auto;
	background-color: black;
	width: 607px;
	height: 550px;
	}

#poets_nav_iframe {
	margin:0pt auto;
	background-color: black;
	width: 607px;
	height: 35px;
	}

#shopping_cart_header {
	width: 100%;
	height: 45px;
	margin: 0px;
	padding: 5px 0 10px 0;
	text-align: center;
	}

#shopping_cart_main {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

div#about_nav {
	float: left;
	text-align: left;
	width: 160px;
	list-style: none;
	height: 585px;
	overflow: hidden;
/*	background: url(http://mokuhan.com/images/paper.jpg) ; */
	}

div#about_content {
/*	overflow: auto;*/
	}
	
div#nav_box {
	float: left;
	text-align: left;
	width: 180px;
	list-style: none;
	height: 545px;
	overflow: auto;
	background: url(http://mokuhan.com/images/paper.jpg) ; 
	font-family: serif;
	font-size: 12px;
	line-height: 130%;
	}

.nav_box_spacer{
	height: 4px;
	border-bottom: 1px solid #ccc;
	}

div#cart_notify {
	float: left;
	text-align: left;
	width: 180px;
	height: 40px;
	border-bottom: 1px solid #ccc;
	background: url(http://mokuhan.com/images/paper.jpg) ; 
	}

#cart_notify p {
	text-align: left;
	padding: 3px 0 0 15px;
	}

#cart_notify p.header{
	text-align: center;
	font-family: serif;
	font-size: 18px;
	line-height: 130%;
	padding: 0 0 7px 0;
	border: 0px;
	}

#nav_box ul {
	margin:0;
	padding:0;
	}

#nav_box ul li{
	height: 18px;
	border-bottom: 1px solid #ccc;
	list-style-type:none;
	padding: 4px 0 0 40px;
	}

#nav_box p{
	margin:0;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #ccc;
	}

#nav_box .tanpin{
	border-left: 4px solid #ae88aa;
	border-bottom: 1px solid #ae88aa;
	}
#nav_box .test{
	border-left: 4px solid #96514d;
	border-bottom: 1px solid #96514d;
	}
#nav_box .sets{
	border-left: 4px solid #d3987e;
	border-bottom: 1px solid #d3987e;
	}
#nav_box .hyaku{
	border-left: 4px solid #507ea4;
	border-bottom: 1px solid #507ea4;
	}
#nav_box .other{
	border-left: 4px solid #f0908d;
	border-bottom: 1px solid #f0908d;
	}
#nav_box .books{
	border-left: 4px solid #b8af63;
	border-bottom: 1px solid #b8af63;
	}

#nav_box a:hover{
	text-decoration: none;
	color:#000;
	border: none;
	}

div#top_nav_bar {
	width: 787px;
	margin-left: 8px;
	height: 24px;
/*	border-top: 1px solid #d1d7e0;
	background: url(http://mokuhan.com/images/j_nav_bg.jpg) ; */
	background-color: white;
	overflow: hidden;
	}

#top_nav_bar ul {
    margin: 0px;
    padding: 0px;
}

ul#top_nav a{display:block;padding: 0 0 0 0px;} 

ul#top_nav, ul#top_nav li {
    list-style-type: none;
    display: inline;
    margin:0;
    padding:0;
}
ul#top_nav li {
    float: left;
    width:157px;
    height: 24px;
    }
#home a:hover{
	background-image: url(http://mokuhan.com/images/j_home.jpg) ; 
	background-position: top;
	border: none;
    }
#about a:hover{
	background-image: url(http://mokuhan.com/images/j_about.jpg) ; 
	background-position: top;	
	border: none;
    }
#products a:hover{
	background-image: url(http://mokuhan.com/images/j_products.jpg) ; 
	background-position: top;	
	border: none;
    }
#shopping_cart a:hover{
	background-image: url(http://mokuhan.com/images/j_shopping_cart.jpg) ; 
	background-position: top;	
	border: none;
    }
#contact a:hover{
	background-image: url(http://mokuhan.com/images/j_contact.jpg) ; 
	background-position: top;	
	border: none;
    }
ul#top_nav li.home_on{
	background-image: url(http://mokuhan.com/images/j_home.jpg) ; 
	background-position: top;
	border: none;
}
ul#top_nav li.about_on{
	background-image: url(http://mokuhan.com/images/j_about.jpg) ; 
	background-position: top;
	border: none;
}
ul#top_nav li.products_on{
	background-image: url(http://mokuhan.com/images/j_products.jpg) ; 
	background-position: top;
	border: none;
}
ul#top_nav li.shopping_cart_on{
	background-image: url(http://mokuhan.com/images/j_shopping_cart.jpg) ; 
	background-position: top;
	border: none;
}
ul#top_nav li.contact_on{
	background-image: url(http://mokuhan.com/images/j_contact.jpg) ; 
	background-position: top;
	border: none;
}
ul#top_nav li.home_off{
	background-image: url(http://mokuhan.com/images/j_home.jpg) ; 
	background-position: bottom;
	border: none;
}
ul#top_nav li.about_off{
	background-image: url(http://mokuhan.com/images/j_about.jpg) ; 
	background-position: bottom;
	border: none;
}
ul#top_nav li.products_off{
	background-image: url(http://mokuhan.com/images/j_products.jpg) ; 
	background-position: bottom;
	border: none;
}
ul#top_nav li.shopping_cart_off{
	background-image: url(http://mokuhan.com/images/j_shopping_cart.jpg) ; 
	background-position: bottom;
	border: none;
}
ul#top_nav li.contact_off{
	background-image: url(http://mokuhan.com/images/j_contact.jpg) ; 
	background-position: bottom;
	border: none;
}

ul#left_nav {
	list-style-type:none;
	margin: 20px 0 0 0;
	padding:0;
	}

ul#left_nav li{
	list-style-type:none;
	width:157px;
	height: 48px;
	margin: 10px 0 10px 0;
	}

ul#left_nav a{display:block;padding: 0 0 0 0;}

#left_nav_about a:hover{
	background-image: url(http://mokuhan.com/images/left_nav_about_white.gif) ; 
	background-position: bottom;
	border: none;
    }
#left_nav_howmade a:hover{
	background-image: url(http://mokuhan.com/images/left_nav_howmade_white.gif) ; 
	background-position: bottom;
	border: none;
    }
#left_nav_beauty a:hover{
	background-image: url(http://mokuhan.com/images/left_nav_beauty_white.gif) ; 
	background-position: bottom;
	border: none;
    }
#left_nav_products a:hover{
	background-image: url(http://mokuhan.com/images/left_nav_products_white.gif) ; 
	background-position: bottom;
	border: none;
    }
#left_nav_shopping a:hover{
	background-image: url(http://mokuhan.com/images/left_nav_shopping_white.gif) ; 
	background-position: bottom;
	border: none;
    }
#left_nav_affiliate a:hover{
	background-image: url(http://mokuhan.com/images/left_nav_affiliate_white.gif) ; 
	background-position: bottom;
	border: none;
    }


ul#left_nav li#left_nav_about{
	background-image: url(http://mokuhan.com/images/left_nav_about_white.gif) ; 
	background-position: bottom;
	border: none;
}
ul#left_nav li#left_nav_howmade{
	background-image: url(http://mokuhan.com/images/left_nav_howmade_white.gif) ; 
	background-position: top;
	border: none;
}
ul#left_nav li#left_nav_beauty{
	background-image: url(http://mokuhan.com/images/left_nav_beauty_white.gif) ; 
	background-position: top;
	border: none;
}
ul#left_nav li#left_nav_products{
	background-image: url(http://mokuhan.com/images/left_nav_products_white.gif) ; 
	background-position: top;
	border: none;
}
ul#left_nav li#left_nav_shopping{
	background-image: url(http://mokuhan.com/images/left_nav_shopping_white.gif) ; 
	background-position: top;
	border: none;
}
ul#left_nav li#left_nav_affiliate{
	background-image: url(http://mokuhan.com/images/left_nav_affiliate_white.gif) ; 
	background-position: top;
	border: none;
}


fieldset {
	border:1px solid #ffffff;
	display:block;
	margin:0pt auto;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 80%;
	padding: 5px;
	font-family: serif;
	font-size: 14px;
	line-height: 130%;
}

fieldset legend {
	background:#FFFFFF url(http://mokuhan.com/images/form_bg.gif) repeat-x scroll left center;
	border:3px solid #ffffff;
	font-size:16px;
	font-weight:normal;
	margin-bottom:5px;
	padding:3px;
/*	width:254px;*/
}

fieldset.print_info_mokuhankan {
	background:transparent url(http://mokuhan.com/images/logo_mokuhankan_60.png) no-repeat scroll 370px 10px;
	width:430px;
}
fieldset.print_info_seseragi {
	background:transparent url(http://mokuhan.com/images/logo_seseragi_60.png) no-repeat scroll 370px 10px;
	width:430px;
}


fieldset.about {
	border:1px solid #888;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 90%;
	padding: 0 15px 5px 15px;
	font-family: serif;
	font-size: 14px;
	line-height: 130%;
}
fieldset.about legend {
	background:#FFFFFF url(http://mokuhan.com/images/form_bg.gif) repeat-x scroll left center;
	border:3px solid #ccc;
	color: #333;
	padding:3px;
	font-weight:normal;
	line-height: 100%;
}


.section {
float:left;
margin:0px;
width: 607px;
text-align: center;
}

.left_controls {
	float: left;
	margin: 10px 15px 0 10px;
	}

.left_controls img {
	padding: 0 0 10px 0;
	}

.right_controls {
	float: right;
	margin: 10px 10px 0 0;
	}

.right_controls img {
	padding: 0 0 10px 0;
	}

.image_black_box {
	margin:0pt auto;
	background-color: black;
	text-align: center;
	padding: 15px 0 0 0;
	}

.image_black_box img{
	text-align: center;
	}

.image_grey_box {
	margin:0pt auto;
	background-color: #3f3f3f;
	text-align: center;
	padding: 15px 10px 0 10px;
	}

.poets_black_box {
	margin:0pt auto;
	background-color: black;
	text-align: center;
	padding: 15px 0 0 0;
	height: 500px;
	}

.poets_controls_box {
	margin:0pt auto;
	vertical-align: top;
	padding: 4px 0 0 0;
	background-color: black;
	text-align: center;
	height: 30px;
	color: #dadada;
	}

.left_box_caption {
	float:left; 
	text-align: center; 
	font-size: 12px; 
	border:solid 1px silver;
	padding:5px;
	margin-right:10px;
	color: #333;
	background-color: #f7f7f7;
	}
.right_box_caption {
	float:right;
	text-align: center; 
	font-size: 12px; 
	border:solid 1px silver;
	padding:5px;
	margin-left:10px;
	color: #333;
	background-color: #f7f7f7;
	}
.center_box_caption {
	display: block;
	text-align: center;
	margin:0pt auto;
	font-size: 12px; 
	border:solid 1px silver;
	padding:5px;
	margin-bottom: 5px;
	color: #333;
	background-color: #f7f7f7;
	}
.left_box_trans {
	float:left; 
	text-align: center; 
	font-size: 12px; 
	border:solid 1px silver;
	padding:5px;
	margin-right:10px;
	color: #333;
	}
.left_box_nothing {
	float:left; 
	text-align: center; 
	font-size: 12px; 
/*	border:solid 1px silver;*/
	padding:5px;
	margin-right:10px;
	color: #333;
	}
.center_box_trans {
	display: block;
	text-align: center;
	margin:0pt auto;
	border:solid 1px silver;
	padding:5px;
	}
.center_box_nothing {
	display: block;
	text-align: center;
	margin:0pt auto;
	padding:5px;
	}


.section table td{
	padding: 20px;
	}

.info_page {
	color: #dadada;
	text-align: left;
	font-family: serif;
	padding: 20px 0 0 0;
	}
	
.info_page a:link {
	color: #b8af63;
	}
.info_page a:hover {
	text-decoration: underline;
	}



.information_box {
	margin:0pt auto;
	width: 470px;
	height: 500px; 
	color: #333;
	overflow: auto;
	margin-top: 20px;
	text-align: center;
	padding: 0 10px 0 10px;
	background: url(http://mokuhan.com/images/linen_beige.gif) ; 
	}

.information_box table {
	margin:0pt auto;
	margin-top: 15px;
	width: 410px;
	border: 0px;
	color: #333;
	font-family: serif;
	font-size: 14px;
	line-height: 140%;
	}

.information_box table p{
	margin: 0px;
	padding: 0px;
	line-height: 140%;
	}

.information_box table th{
	height: 30px;
	}

.information_box table td{
	height: 25px;
	vertical-align: top;
	text-align: left;
	}

.information_box table td.left{
	width: 80px;
	text-align: right;
	font-weight: bold;
	padding: 0 5px 0 0;
	}

.information_box table td.right{
	text-align: left;
	padding: 0 0 0 5px;
	}

.information_box table td.mokuhankan{
	width: 60px;
	background: url(http://mokuhan.com/images/logo_mokuhankan_60.png) ; 
	background-position: top right;
	background-repeat: no-repeat;
	}

.information_box table td.seseragi{
	width: 60px;
	background: url(http://mokuhan.com/images/logo_seseragi_60.png) ; 
	background-position: top right;
	background-repeat: no-repeat;
	}

.cart table {
	font-family: serif;
	font-size: 12px;
	line-height: 130%;
	padding: 0px;
/*	border-collapse: collapse;*/
	width: 80%;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-top: 1px solid #555;
	}

.cart table p {
	margin: 0px;
	}
	
.cart table th {
	background-color: #8FAEBE;
	color: #FFF;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	padding: 4px 5px 2px 5px;
	border-bottom: 1px solid #000;
	}

.cart table tr.odd {
	background-color: #EAF2FF;
	}

.cart table tr.even {
	background-color: #DDD;
	}

.cart table td {
	padding: 4px 5px 2px 5px;
	vertical-align: middle;
	}

#alertDrawer {
	text-align: center;
	background-color: #fff; 
	z-index: 999;
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 100%;
	font-size: 20px;
	font-family: serif;
	font-weight: bold;
	color: #000;
	}
	
#alertDrawer p {
	padding: 1em 2em;
	}

.storyhed { font-size:  20px; line-height: 130%; }
.print_title { margin-top: 0px; padding: 0px; font-size:  20px; line-height: 130%; }
.subtitle { font-size:  16px; }
.italic { font-style: italic; font-size: small; }
.small_note { font-size: small; }
.general_bodytext { font-size: 14px; line-height:130%; text-align: left;}
.general_bodytext_padded { font-size: 14px; line-height:130%; text-align: left;padding:0 20px 0 20px;}
.centered_bodytext { font-size: 14px; line-height:130%; text-align: center;}
.smaller_bodytext { font-size: 12px; line-height:130%; text-align: left;}
.smaller_bodytext_padded { font-size: 12px; line-height:130%; text-align: left;padding:0 20px 0 20px;}
.centered_smaller_bodytext { font-size: 12px; line-height:130%; text-align: center;}
.mix_titles { font-size: 20px; line-height: 100%;margin-bottom:0px; }
.album_entry {height:130px;width:470px;border-bottom:1px solid #dadada;padding: 10px 0 0 5px;}
.print_name { float:left;margin-top:108px;font-family:non-serif;font-size:10px;padding-left:10px; }
.print_image { float:right; }

.bubble { list-style-image: url(http://mokuhan.com/images/bubble.png);}


a {
	text-decoration: none;
	}

a img {
	border: none;
	}

a:link {
	color: #006699;
	}

a:visited {
	color: #006699;
	}

a:active {
	color: #8FABBE;
	}

a:hover {
	text-decoration: none;
	color:#dadada;
	border: none;
	}

