@charset "utf-8";
/* CSS Document */
body { background-image: url(/images/site/bgd_page.jpg); margin: 0px; padding: 0px; background-repeat: repeat; }
#wrapper { width: 800px; margin-top: 20px; margin-right: auto; margin-left: auto; }
#header { background-image: url(/images/site/bgd_header.jpg); background-repeat: no-repeat; height: 245px; }
#login { font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #CCC; text-align: right; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 5px; }
#login a { color: #CCC; text-decoration: none; }
#login a:hover { color: #F60; }
.main_menu_box { display: inline; float: left; width: 750px; margin-top: 11px; margin-right: 0px; margin-bottom: 0px; margin-left: 160px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align: center; }
html > body * .main_menu_box { margin-top: 8px }
html > body * .main_menu_box { margin-top: 11px }
ul.main_menu { padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none }
ul.main_menu li { display: inline; float: left; margin-left: 0px; position: relative; }
ul.main_menu li a { display: block; z-index: 100; width: 80px; cursor: pointer; text-indent: 0em; position: relative; height: 48px; text-decoration: none; color: #600; font-weight: bold; }
ul.main_menu li:hover .submenu_box { display: block }
.submenu_box { display: none; z-index: 150; padding-top: 10px; position: absolute; top: 20px; text-align: left; }
.bg_large_sub {
	background: url(/images/site/bgd_submenu_large4.png) no-repeat left top;
	float: left;
	width: 721px;
	height: 550px
}
.bg_medium_sub { background: url(/images/site/bgd_submenu_medium2.png) no-repeat left top; float: left; width: 190px; height: 211px }
.bg-contact-sub { background: url(/images/site/bgd_submenu_small2.png) no-repeat left top; float: left; width: 156px; height: 112px }
.submenu-col { display: inline; float: left; margin: 0px 0px 0px 30px; width: 130px }
.submenu-col-medium.submenu-col { width: 130px }
.submenu-col-small.submenu-col { width: 160px }
.submenu-col h3 { font-size: 13px; padding-bottom: 2px; color: #52514d }
ul.main_menu li ul { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px }
ul.main_menu li ul li { margin-left: 0px; width: 100% }
ul.main_menu li ul li a { font-size: 11px; width: 100%; color: #85817e; text-indent: 0px; height: 15px; font-weight: normal; }
ul.main_menu li ul li a:hover { color: #712f21; text-decoration: none }
#contents { background-image: url(/images/site/bgd_content.jpg); background-repeat: repeat-y; padding-left: 90px; padding-right: 50px; margin-top: -22px; font-family: Verdana, Geneva, sans-serif; line-height: 1.5em; font-size: 12px; }
#story { font-family: Verdana, Geneva, sans-serif; font-size: 11px; padding-right: 30px; padding-left: 40px; padding-top: 15px; }

#footer { background-image: url(/images/site/bgd_footer.jpg); background-repeat: no-repeat; height: 200px; margin-top: -20px; }
#footer a { text-decoration: none; }
#footer_nav { font-size: 10px; text-align: center; font-family: Verdana, Geneva, sans-serif; padding-top: 80px; padding-left: 30px; }
#footer a:hover { color: #C30; }
#copyright { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999; text-align: center; margin-top: -15px; }

#page_header { background-image: url(/images/site/bgd_pg_header.jpg); height: 45px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; padding-left: 360px; padding-top: 24px; color: #666; font-weight: bold; }
#page_content { background-image: url(/images/site/bgd_pg_contents.jpg); background-repeat: repeat-y; }
#page_footer { background-image: url(/images/site/bgd_pg_footer.jpg); height: 70px; margin-top: -20px; background-repeat: no-repeat; }
#page_footer_nav { font-size: 10px; text-align: center; font-family: Verdana, Geneva, sans-serif; padding-top: 10px; padding-bottom: 20px; }
#page_footer_nav a { text-decoration: none; }
#page_footer_nav a:hover { color: #C00; }
.next_product a:hover {
 background-color: #C93;
}
.next_product {
 font-weight: bold;
 font-size: 10px;
 padding-bottom: 3px;
 text-align: center;
}
