@charset "utf-8";

/* Simple Reset - Not Editable*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dd, dt, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
outline: 0;
margin: 0;
}
* {margin: 0; padding: 0;
}

html {margin: 0; padding: 0;  }
body {margin: 0; padding: 0; background: url(images/bg-pale1.jpg) repeat 0 0; }
td, div { font: normal 13px Tahoma; color: #666;  }
img {border: none; }
tr {vertical-align: top; }

textarea {font-size: 13px; margin: 5px 0; padding: 5px; border: 0 solid #999; 
	/* -moz-border-radius:5px;-webkit-border-radius:5px; */ }

td {padding: 5px;}

select {font-size: 13px; margin: 5px 0; padding: 2px;  }
.wd100 {width: 100px; }

.img-left {float: left; padding: 10px 10px 5px 0;}

.member-login-box {margin: 10px 0; padding: 20px; width: 400px;  border: 1px solid #999; 	-moz-border-radius:5px;-webkit-border-radius:5px; }

/* key template */
.site {margin: 0; padding: 0; text-align: center; width: 100%; background: url(images/bg-top21.png) repeat-x left 71px;  } /* main site width */
.bodycol {margin: 0 auto; padding:  0 20px; text-align: center; width: 940px; border:0px dotted #CCC; /*background: url(images/bg-body.png) repeat-y left top; */ } /* center colum */

/* CSS Document */
.header {padding: 0;width:100%; background: url(images/bg8.png) repeat-x; background-position: 0 -352px;}

#top-strip {width: 100%; padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #eee; background: #999; color: #fff; }
#top-strip #sub-strip {padding: 5px;  font-size: 11px; color: #fff; text-align: right;}
#top-strip #sub-strip a {padding: 5px 2px;  font-size: 11px; color: #fff; text-align: right; text-decoration:none;}
#top-strip #sub-strip a:hover {text-decoration:underline;}



/* main Nav & logo */
#main-nav {width: 980px; margin: 0; padding: 0; overflow:hidden; }
#main-nav #nav-logo {float: left; width: 200px; overflow: hidden; background: url(images/nav.png) no-repeat 20px top; }
#main-nav #nav-logo a {border:none; }
#main-nav #nav-logo a #logo-blox {width: 200px; height: 120px; }

.logo {width: 120px; text-align: center; padding: 0 0 0 50px; overflow: hidden;  }

#main-nav #nav-menu { float: left; width: 780px; overflow: hidden; }

#main-nav #nav-menu #clear-line {margin: 20px 0 0 5px; width: 780px; height: 1px; background: url(images/nav.png) no-repeat -205px -46px;  overflow: hidden; }
*html #main-nav #nav-menu #clear-line {margin: 20px 0 0 -30px; }

#main-nav {padding: 0; margin: 0; width: 980px; height: 50px;}
#main-nav ul {padding: 0; margin: 0; }
#main-nav ul li {list-style: none; display: block; float: left;}

#menu-list {margin: 0; padding: 0; width: 780px; overflow: hidden; }
#menu-list ul {margin: 0; padding: 0; height: 50px;}
#menu-list ul li {list-style: none; display: block; float: left;}
#menu-list ul  li#home a {float: left;  display: block; width: 68px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -200px -49px; }
#menu-list ul  li#abt a {float: left;  display: block; width: 86px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -272px -49px; }
#menu-list ul  li#pub a {float: left;  display: block; width: 84px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -362px -49px; }
#menu-list ul  li#soc a {float: left;  display: block; width: 158px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -450px -49px; }
#menu-list ul  li#eve a {float: left;  display: block; width: 132px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -610px -49px; }
#menu-list ul  li#art a {float: left;  display: block; width: 70px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -744px -49px; }
#menu-list ul  li#wb a {float: left;  display: block; width: 79px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -816px -49px; }
#menu-list ul  li#con a {float: left;  display: block; width: 57px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -892px -49px; }
#menu-list ul  li#green a {float: left;  display: block; width: 94px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -954px -49px; }

#menu-list ul  li#home a:hover {float: left;  display: block; width: 68px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -200px -87px; }
#menu-list ul  li#abt a:hover {float: left;  display: block; width: 86px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -272px -87px; }
#menu-list ul  li#pub a:hover {float: left;  display: block; width: 84px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -362px -87px; }
#menu-list ul  li#soc a:hover {float: left;  display: block; width: 158px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -450px -87px; }
#menu-list ul  li#eve a:hover {float: left;  display: block; width: 132px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -610px -87px; }
#menu-list ul  li#art a:hover {float: left;  display: block; width: 70px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -744px -87px; }
#menu-list ul  li#wb a:hover {float: left;  display: block; width: 79px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -816px -87px; }
#menu-list ul  li#con a:hover {float: left;  display: block; width: 57px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -892px -87px; }
#menu-list ul  li#green a:hover {float: left;  display: block; width: 94px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -954px -87px; }

#menu-list ul  li#home a.current {float: left;  display: block; width: 68px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -200px -87px; }
#menu-list ul  li#abt a.current {float: left;  display: block; width: 86px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -272px -87px; }
#menu-list ul  li#pub a.current {float: left;  display: block; width: 84px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -362px -87px; }
#menu-list ul  li#soc a.current {float: left;  display: block; width: 158px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -450px -87px; }
#menu-list ul  li#eve a.current {float: left;  display: block; width: 132px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -610px -87px; }
#menu-list ul  li#art a.current {float: left;  display: block; width: 70px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -744px -87px; }
#menu-list ul  li#wb a.current {float: left;  display: block; width: 79px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -816px -87px; }
#menu-list ul  li#con a.current {float: left;  display: block; width: 57px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -892px -87px; }
#menu-list ul  li#green a.current {float: left;  display: block; width: 94px; height: 38px; text-indent: -9999px; background: url(images/nav.png) no-repeat -954px -87px; }



/* group and category menu in library */
.menu {padding:10px 0 10px 5px; width: 150px; border-bottom:0px dotted #CCC; }
.menu .gmenu {margin: 15px 0 0 0; padding: 3px; width: 100%;  background:  url(images/bg-paper.jpg) no-repeat left top; -moz-border-radius:5px;-webkit-border-radius:5px;  } /* #EACAB8 */
.menu .gmenu a {color: #fff; font-weight: bold; }
.menu .cmenu {padding:3px 0 0 10px;}

.features {padding:2px 0 2px 2px;}
.info {padding:0px 5px 0 10px;}

/* h */
.HL {font-size:16px; }
.siteheader {font-size:11px; text-decoration:none; }
.siteheader a {font-size:11px; text-decoration:none; }
.siteheader a:hover {text-decoration:underline; }

/* content row */
.content-row {margin: 0 0 25px 0; padding: 15px; width: 96%; background-color: #eee; clear: both; overflow: hidden; }
.content-row a {margin: 0 0 10px 0; padding: 0; }
.content-row a:hover {margin: 0 0 10px 0; padding: 0; background-color: #eee; }
.content-row a span {padding: 25px 0 ; width: 96%; font: bold 22px Tahoma; color: brown; }

.content-row-home {margin: 0 0 5px 0; padding: 5px; width: 96%; background-color: #eee; clear: both; overflow: hidden; }
.content-row-home a {margin: 0 0 10px 0; padding: 0; }
.content-row-home a:hover {margin: 0 0 10px 0; padding: 0; background-color: #eee; }
.content-row-home a span {padding: 25px 0 ; width: 96%; font: normal 22px Tahoma; color: brown; }

#category_name {margin: 15px 0; width: 100%; border-bottom: 1px dashed #ccc; font: bold 13px Tahoma; }

/* gallery view */
.gallery-text {padding: 5px; color: #000; }

/* social en list */
#soc-list {margin: 0; padding: 0; width: 200px; overflow: hidden; }
#soc-list ul {margin: 0; padding: 0; width: 195px; height: 108px; }
#soc-list ul li#sfw {list-style: none; }
#soc-list ul li#sfw a { width: 195px; height: 108px; background: url(images/banner200.png) no-repeat left top; }
#soc-list ul li#sfw a:hover { width: 195px; height: 108px; background: url(images/banner200.png) no-repeat left top; }

#soc-list ul li#tw {list-style: none;  width: 195px; background: url(images/banner200.png) no-repeat left top; }
#soc-list ul li#gf {list-style: none;  width: 195px; background: url(images/banner200.png) no-repeat left top; }
#soc-list ul li#tgm {list-style: none;  width: 195px; background: url(images/banner200.png) no-repeat left top; }


h4 {margin:15px 0 ;  font: normal 18px Tahoma; }
.title {padding: 15px 0 ; font: bold 22px Tahoma; color: brown; }
.booktitle {margin:15px 0 ;  font: normal 28px Tahoma; width: 90%; overflow: hidden; }

#categoryname, .categoryname {padding: 10px 0; font-size: 26px; }

.homeproduct { text-decoration:none; }
.moreheader {margin: 0; padding: 5px; border-bottom:1px dotted #CCC; font-size: 11px; background-color: #FFFDDC; color: #000;}
.OptionTitle {margin: 0; padding: 5px 0; color: #000; font-size: 14px; overflow: hidden; }

/* Layout */
.col1 {padding: 0 10px; width:160px; vertical-align:top; border-right:1px dotted #CCC; } /* frontend , our product colum*/
.col2 {padding: 0 10px; vertical-align:top; } /* frontend , our product colum*/
.col3 {padding: 0 10px; width:250px; vertical-align:top; border-left:0px dotted #CCC;} /* frontend , our product colum*/
.col4 {padding: 0 10px; width:460px; vertical-align:top; } /* frontend , our product colum*/
.col5 {padding: 0 10px; vertical-align:top; } /* frontend , our product colum*/

#MainCol {padding: 5px 5px 5px 25px; vertical-align: top; background-color: #FFF;  }
#RightCol {padding: 5px 10px; width: 150px; vertical-align: top; border-left: 0 dotted #CCC; }

.header-arti {width: 73px; height: 38px; background: url(images/nav.png) no-repeat -740px -88px; overflow: hidden;}
.header-news {width: 132px; height: 38px; background: url(images/nav.png) no-repeat -608px -86px; overflow: hidden;}
.header-soc {width:162px; height: 38px; background: url(images/nav.png) no-repeat -446px -86px; overflow: hidden;}
.header-pub {margin: 0 0 10px 0; width: 90px; height: 38px; background: url(images/nav.png) no-repeat -358px -86px; overflow: hidden;}
.header-pub2 {margin: 0 0 10px 0; width: 90px; height: 45px; background: url(images/top_09.png) no-repeat left top; overflow: hidden;}
.header-book {width: 150px; height: 38px; background: url(images/slice-header_book.png) no-repeat 0 top; overflow: hidden;}
.header-wb {width: 79px; height: 38px; background: url(images/nav.png) no-repeat -813px -88px; overflow: hidden;}
.header-cnt {width: 57px; height: 38px; background: url(images/nav.png) no-repeat -892px -86px; overflow: hidden;}
.header-abt {width: 90px; height: 38px; background: url(images/nav.png) no-repeat -268px -86px; overflow: hidden;}
.header-green {width: 120px; height: 38px; background: url(images/nav.png) no-repeat -954px -86px; overflow: hidden;}

#RightCol150 {padding: 15px 5px; width:180px; vertical-align: top; border-left: 1px dotted #CCC;   }


#cnt_update {float: left; width: 60px; height: 16px; font-size: 11px; padding: 0 0 0 52px; background: url(images/icon_cntupdate.png) no-repeat left top; }
#view_num {float: left; width: 60px; height: 16px;  font-size: 11px; padding: 0 0 0 35px; background: url(images/icon_view.png) no-repeat left top; }

/* new book blink */
.new {color: red; padding: 13px 0 0 50px; font: bold 16px Arial;  }
.blink {text-decoration: blink; }

.bag {padding:8px 8px 0 0;width:300px;height:56px; /*background:url(images/bag.png) no-repeat;*/}

.home {padding:27px 18px 2px 14px; text-align:left; }

.item {padding: 30px; text-align:left;}
span.item {font: bold 40px Arial; color:#000;}

.publisher {padding:10px 0 10px 5px; border-bottom:1px dotted #CCC; }
.publisherSelector { width:150px; }

.writer {padding:10px 0 10px 5px; border-bottom:1px dotted #CCC; }
.writerSelector {width:150px; }
.writerbox {margin: 5px; padding: 10px; background-color: #FFFFCF; }

.producttab {margin: 0; padding: 0; width: 100%;  border-bottom: 1px dotted #CCC; background-image: url(images/bg8.png); background-position: -10px -32px;}
.productlabel {margin: 20px 0 0 0 ; padding: 8px; width: auto;  color: #000; }

/* Colum round corner start - ender */ 
/* body header of homepage */
.topbody1 {  /* for homepage */
	width:734px;
	height:26px;
	background-image:url(images/body_header.gif);
	background-repeat:no-repeat;
	}

/* Main body */ 
.mainbody {
	background-image:url(images/body_body.gif);
	background-repeat:repeat-y;
	width:734px;
	padding:0 10px 20px 15px;
}

.endbody {
	width:734px;
	height:35px;
	background-image:url(images/body_ender.gif);
	background-repeat:no-repeat;
}

tr.color {background-color:#EACAB8;}	 /* key color of header is #3FCBFF */ 

.main-topic-row {border: 1px solid #ccc; border-bottom: 5px solid #ccc;  }
.sub-topic-row {margin: 3px 0; border: 1px solid #ccc; background-color: #f4f4f4; }


.thumb-div {width: 150px; height: 160px; overflow: hidden;}


/* global */
a:link, a:visited, a:active {text-decoration: none ;color: brown;}
a:hover {text-decoration: underline ;}

a.menu:link, a.menu:visited, a.menu:active {text-decoration: underline ;}
a.menu:hover {text-decoration: none ;}

a.sub:link, a.sub:visited, a.sub:active {font:normal 10px tahoma; text-decoration: underline; color: brown;}
a.sub:hover {text-decoration: none;}

a.pixel:link, a.pixel:visited, a.pixel:active {text-decoration: underline;color:#ccc;}
a.pixel:hover {text-decoration: none; }

.head1 {font-size: 15px;color: #666; font-weight:bold;}
.head_p {font-size: 14px;color: #e11388; font-weight:bold;}
.head_p2 {color: #7c287c; font-weight:bold;}
.head2 {color: #666; font-weight:bold;}
.head3 { color: #333366; font-weight:bold;}
.address {font-size:14px; font-weight:bold;}

.font11 {font-size: 11px; }
.text, text9px {font-size: 9px; color:#0b9acf;}
.text2, .subtext, text11px {font-size:11px; }
.text3, text10px {font-size:10px;}
.text4, text12px {font-size:12px;}
.text14px {font-size: 14px;}
.text16px {font-size: 16px;}

.bold {font-weight: bold; }

.wh {color: #fff; }
.bk {color: #000; }
.red {color: #e60000; }
.g999 {color: #999; }

.detail {color:#999;}
.total { color:#e11388; font-weight:bold;}

.50trans {color: #eee; }

.ccc {color: #ccc; }

.border1px {border: 1px solid #ccc; }

.pad5 {padding: 5px; }
.pad-0-5 {padding: 0 5px; }
.pad-5-0 {padding: 5px 0; }

.f-left {float: left; }
.f-right {float: right; }

.w120 {width: 120px; }

#welcome {width: }

#tbl {margin: 0; padding: 0; }
#logo {margin:0px 0 0 0; background-color:#99e2eb;}
#price {font:bold 11px tahoma; color:#999;}

#menutbl {padding:5px; width:140px; height:337px; background-image:url(images/bg_menu2.gif);}
#linktbl {padding:15px;}

#copyright {color:red; width:90%;}

/* page manager */
#pmright {text-align:right; padding:5px;}

#quote{padding:5px 0 5px 5px;}

/* footer */
.footer {width:900px; padding: 20px 0; text-align: center; color: brown; border-top: 1px dotted #666; }
.footer a {text-decoration: underline ;}
.footer a:hover {color:#999; text-decoration: none; }

/* direction */
.direction{vertical-align:top; padding: 5px 0;  width:100%;}
.directiontop{vertical-align:top; padding: 15px 0;  width:100%; border-bottom:1px dotted #999;}
.directionbottom {vertical-align:top; padding: 15px 0;  width:100%; border-top:1px dotted #999;}

.pager{text-align:right; vertical-align:top; padding:5px 0;  width:100%;}

ul.square {list-style-type:square}
ul.circle {list-style-type:disc}
ul.circle2 {list-style-type:none;}