/* 
-----------------------------------------
	Template CSS
	by: John Ryan Acoba
    GUI Designer
-----------------------------------------
*/


/* 
------------------------------
Reset
------------------------------
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, dl, dt, dd, ol, ul, li, form, label, caption, table, th, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	}

/* 
------------------------------
Global Styles
------------------------------
*/	

* {
	margin: 0;
	padding: 0;
	}

p {padding: 10px 0;}

.clear    {clear: both;}
.fl       {float: left;}
.fr       {float: right;}	

body {background: #685c4f url(../images/bg.gif) 0 0 repeat-x; font: normal 0.8em Arial, Verdana, Tahoma, Geneva, sans-serif; color: #594d41; margin: 0; padding: 0; line-height: 1.5em;}

.page_wrapper {background: #d7bca5; border-left: 1px solid #2b2728; border-right: 1px solid #2b2728; border-bottom: 1px solid #2b2728; margin: 0 auto; padding: 0; width: 968px;}

	

/* 
------------------------------
Leftmenu
------------------------------
*/	

.main_menu ul                           {margin: 10px 20px; padding: 0;}
.main_menu ul li                        {list-style-type: none; padding: 4px 0;}
.main_menu ul li a                      {display: block; font-weight: bold; color: #fff; text-decoration: none;}
.main_menu ul li a:hover,            
.main_menu ul li.active_menu a          {color: #7f5093;}
.main_menu h2                           {display: none;}
.main_menu ul li h3                     {font-size: 100%; font-weight: bold; color: #845939; text-transform: uppercase;}
.main_menu ul li a h3                   {font-size: 100%; font-weight: bold; color: #845939; text-transform: uppercase;}
.main_menu ul li a:hover h3             {color: #fff;}




/* 
------------------------------
Body Content
------------------------------
*/

.leftside_container      {background: transparent url(../images/bg_topleft.gif) 0 0 no-repeat; width: 275px; float: left;}

.rightside_container                                          {background: transparent; margin-left: 358px; width: 388px;}
.rightside_container .bot_promotion_homepage ul               {margin: 0; padding: 0;}
.rightside_container .bot_promotion_homepage ul li            {background: url(../images/bg_button.gif) no-repeat; width: 154px; height: 66px; margin: 0 5px; float: left; list-style-type: none; display:inline;}
.rightside_container .bot_promotion_homepage ul li a          {display: block; font-size: 100%; color: #fff; text-decoration: none; text-align: center;}
.rightside_container .bot_promotion_homepage ul li a:hover    {color: #7f5093;}
.rightside_container .bot_promotion_homepage ul li.bot_order_inspection a    {padding: 10px 15px;}
.rightside_container .bot_promotion_homepage ul li.bot_buy_book a            {padding: 19px 15px;}

.content_container                        {background: transparent url(../images/bg_right.gif) top right no-repeat; margin-left: 275px; min-height: 718px !important;}
.content_container .txt_review            {position: absolute; top: 300px !important; margin: 0 0 0 85px; width: 225px;}
.content_container .txt_review ul         {margin: 0; padding: 0; font-size: 90%; color: #000; line-height: 1.2em; text-align: right;}
.content_container .txt_review ul li      {list-style-type: none; display: block; padding: 0 0 15px 0;}
.content_container .txt_review ul li h4   {font-size: 95%; font-weight: bold; color: #7e5231;}
.content_container .txt_review span       {display: none;}

.main_container .bg_branding a            {background: transparent url(../images/bg_branding.gif) 0 0 no-repeat; margin: 0; width: 297px; height: 270px; display: block;}
.content_container .bg_branding a         {background: transparent url(../images/bg_branding.gif) 0 0 no-repeat; margin: 0 40px; width: 297px; height: 270px; display: block;}
.main_container .bg_branding a h1,
.content_container .bg_branding a h1      {display: none;}

.main_container                        {background: transparent; margin-left: 275px; min-height: 718px !important; padding: 0 40px;}
.main_container a                      {font-size: 100%; color: #7f5093; text-decoration: none;}
.main_container a:hover                {text-decoration: underline;}
.main_container h4                     {font-size: 140%; font-weight: bold; color: #7f5093; margin: 20px 0 0 0;}
.main_container h5                     {font-size: 115%; font-weight: bold; color: #b17445;}
.main_container ol                     {padding: 0 25px;}

.main_container .chapter_info span.chapter_heading a {
	background:url(../images/icon_arrow.gif) 0 2px no-repeat;
	display: block;
	padding: 0 0 0 15px; 
	margin: 5px 0 0 0; 
	font-size: 115%; 
	font-weight: bold; 
	color: #b17445; 
	text-decoration: none;
	}
.main_container .chapter_info span.chapter_heading a:hover   {color: #fff;}
.main_container .chapter_info p        {margin: 0; padding: 0 0 10px 0;}
.main_container .chapter_info ol       {margin: 0 0 0 25px; padding: 0 0 10px 0;}
.main_container .chapter_info ul       {margin: 0 0 0 25px; padding: 0 0 10px 0;}
.main_container .chapter_info img       {border: 1px solid #333;}
.main_container .chapter_info table     {border: 1px solid #333;}
.main_container .chapter_info table td  {border: 1px solid #333; padding: 5px;}

.homepage_content          {padding: 0 0 0 40px; width: 318px;}
.homepage_content ul li    {margin: 0 0 15px 15px; padding: 0;}

.thumb_container a img     {margin: 100px 20px 20px 20px; border: 0;}

.form_login form           {background: #846666; border: 1px solid #fff; color: #fff; padding: 10px 0; width: 100%;}
.form_login form table     {margin: 0; padding: 5px; width: 100%;}
.form_login form table th, 
.form_login form table td  {margin: 0; padding: 5px 0;}

span.inputtext_style input          {margin: 0 4px; padding: 1px 4px; border: 1px solid #000;}
span.inputtext_style input:hover    {border: 1px solid #7f5093;}

span.button_style input             {margin: 0 4px; padding: 2px 4px; background: #9d5093; border: 1px solid #fff; color: #fff; cursor: pointer;}
span.button_style input:hover       {background: #995939;}

/* 
------------------------------
Footer Content
------------------------------
*/	

.footer_container ul               {margin: 15px 20px; padding: 0; float: right; font-size: 90%; color: #b17445;}
.footer_container ul li            {list-style-type: none; display: inline;}
.footer_container ul li a          {color: #b17445; text-decoration: none;}
.footer_container ul li a:hover    {text-decoration: underline;}