@import url("browse.css");
@import url("index_inn.css");
body{ margin:0; font:14px corbel, Arial, Helvetica, sans-serif; background:#FBDA00; }

/*background-color:#FBDA00*/

ul, p{ margin:0; padding:0;}

form{ margin:0; padding:0;}



#wrapper{ width:1024px; margin:auto; background:#fff;}

.header{ height:210px; position:relative;}

.logo{ 
	background:url(../images/logo.gif) no-repeat; width:341px; height:151px; float:left; text-indent:-1000px;
	position:absolute; left:20px; top:14px;
	}
	
.slogan{
	position:absolute;
	left: 520px;
	top: 60px;
}

.text_size{ position:absolute; right:50px; top:10px; padding:2px 0 4px 0;}
.text_size a{ text-decoration:none; border:#FBDA00 solid 1px; color:#000;}
.text_size a:hover, .text_size a.active{ background:#FBDA00;}



.tabs1{ width:629px; overflow:hidden;background:url(../images/tab_bg.gif) no-repeat 0 0;
bottom:32px;
height:51px;
overflow:hidden;
position:absolute;
right:33px;
width:629px;
z-index:9999;
}

.tabs2{ width:629px; overflow:hidden;background:url(../images/tab_bg.gif) no-repeat 0 -51px;
bottom:32px;
height:51px;
overflow:hidden;
position:absolute;
right:33px;
width:629px;
z-index:9999;

}


.tabs3{ width:629px; overflow:hidden;background:url(../images/tab_bg.gif) no-repeat 0 -102px;
bottom:32px;
height:51px;
overflow:hidden;
position:absolute;
right:33px;
width:629px;
z-index:9999;

}

.tabs4{ width:629px; overflow:hidden;background:url(../images/tab_bg.gif) no-repeat 0 -153px;
bottom:32px;
height:51px;
overflow:hidden;
position:absolute;
right:33px;
width:629px;
z-index:9999;

}
.tabs5{ width:629px; overflow:hidden;background:url(../images/tab_bg.gif) no-repeat 0 -204px;
bottom:32px;
height:51px;
overflow:hidden;
position:absolute;
right:33px;
width:629px;
z-index:9999;

}
.lik{ margin-left:50px; margin-top:10px; position:relative;}
.lik ul{ margin:0; padding:0;}
.lik li{float:left; list-style:none; }

.lik ul .ta1{
	position:absolute;
	left:-15px;
	top: 3px;
}
.lik ul .ta2{
	position:absolute;
	left:108px;
	top: 3px;
}
.lik ul .ta3{
	position:absolute;
	left:225px;
	top: 3px;
}
.lik ul .ta4{
	position:absolute;
	left:345px;
	top: 3px;
}
.lik ul .ta5{
	position:absolute;
	left:463px;
	top: 3px;
}
.lik li a{ padding:0 0 0 0px; text-decoration:none; width:80px; float:left; text-indent:-1000px; overflow:hidden;

 height:35px;}

.topmenu{ position:absolute; bottom:0; background:url(../images/c1_bg.gif) repeat-x top #FFDC00; height:45px; width:100%; font-size:11px; font-weight:bold;}
.topmenu div{ position:relative; padding:14px 0 0 25px;}
.topmenu .tl{ background:url(../images/c1_1.gif) no-repeat; width:33px; height:45px; float:left; position:absolute; left:0; top:0;}
.topmenu .tr{ background:url(../images/c1_2.gif) no-repeat; width:33px; height:45px; float:left; position:absolute; right:0; top:0;}
.topmenu a{ text-decoration:none; text-transform:uppercase; color:#38321C; float:left; padding:8px; border-right:#fff solid 1px;}

.shade_l{ background:url(../images/shade_l.gif) repeat-y left;}

.container{ background:url(../images/shade_r.gif) repeat-y right; padding:1px 16px 0 13px;}

.sl_fields{ border:#DDDDDD solid 1px; border-left:0; border-right:0; padding:0 10px 0 20px; font-size:12px;}
.sl_fields a{ text-decoration:none; color:#4E61A4;}

.search{ width:255px; float:left; border-right:#DDDDDD solid 1px; padding:8px 0 8px 0;}
.search label{ font-weight:bold; margin:0 5px 0 0;}
.btn{ border:#D9DADC solid 1px; background:#F4F3F2;}

.login{ margin:0 0 0 250px; padding:8px 0 8px 0; font-weight:bold;}
.log{ border:#D9DADC solid 1px; background:#F4F3F2; margin:0 8px 0 2px; width:120px;}
.login a{ text-decoration:none; color:#4E61A4;}
.login div a{ 
	text-decoration:none; color:#000; 
	text-transform:uppercase; border-right:#D9DEE0 solid 1px; 
	padding:5px 10px 0 10px; height:15px; float:left;}
.login div a.active{ color:#FFCC00;}

.latest_arrival{ background:#000101; position:relative; height:370px;}
.latest_arrival .ttl{ position:absolute; left:331px; top:37px;}
.latest_arrival .book{ position:absolute; left:20px; top:50px;}
.latest_arrival .content{ position:relative; left:223px; top:87px; color:#CFC7C4; width:516px; text-align:justify; line-height:18px;}
.latest_arrival .writer{ position:absolute; left:770px; top:50px;}

.books{ margin:10px 5px 0 5px;}
.books .top{ border-top:#D8D8D8 solid 1px; position:relative; height:6px;}
.books .tl{ background:url(../images/c3_1.gif) no-repeat; width:6px; height:6px; float:left; position:absolute; left:0; top:-1px;}
.books .tr{ background:url(../images/c3_2.gif) no-repeat; width:6px; height:6px; float:left; position:absolute; right:0; top:-1px;}
.books .btm{ border-bottom:#D8D8D8 solid 1px; position:relative; height:6px; margin-top:10px;}
.books .bl{ background:url(../images/c3_3.gif) no-repeat; width:6px; height:6px; float:left; position:absolute; left:0; bottom:-1px;}
.books .br{ background:url(../images/c3_4.gif) no-repeat; width:6px; height:6px; float:left; position:absolute; right:0; bottom:-1px;}
.books img{ margin:5px 32px 5px 0;}

.clear{ clear:both; height:0; overflow:hidden;}


/* PAGE NAVIGATION */


.pagination{padding-right:30px;}
.pagination a{ text-decoration:none; color:#000; padding:0 3px 0 4px; border: solid 1px #CCCCCC; background-color:#F6F6F6;}
.pagination a:hover{ background-color:#FFCC00;}
.pagination span{ padding:0 4px 0 4px; border:solid 1px  #FF9900; background-color:#FFCC00;}


.footer{ background:url(../images/c2_bg.gif) repeat-x bottom #FFDC00 ; height:37px; position:relative; text-align:center; padding:8px 30px 0 0; font-size:12px;}
.footer .tl{ background:url(../images/c2_1.gif) no-repeat; width:33px; height:45px; float:left; position:absolute; left:0; top:0;}
.footer .tr{ background:url(../images/c2_2.gif) no-repeat; width:33px; height:45px; float:left; position:absolute; right:0; top:0;}
.footer p{ margin:0; padding:0; position:absolute; left:30px; top:7px;}
.footer a{ font-size:10px; text-decoration:none; padding:0 8px 0 8px; color:#191919; text-transform:uppercase;}
/*.footer a:hover{ text-decoration:underline;}*/
.footer a:hover{ text-decoration:none;}
.b_button{background-color:#FFCC00;border:1px solid #fff;color:#000;font-size:9px;padding:1px; text-decoration:none;}
.g_button{background-color:#EEEEEE;border:1px solid #fff;color:#000;font-size:9px;padding:1px; text-decoration:none;}