@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

header, footer, section, aside, nav, article {
	display: block;
}

body {
	line-height: 1;
	background: url(../images/bg.jpg) repeat-x;
	font-family: Arial, sans-serif;
	color: #818181;
	font-size: 12px;
	line-height: 18px;
}

#wrapper {
	margin: 0 auto;
	width: 995px;
}


/* basics */

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	clear: both;
	color: #606060;
}

h5 {
	color:#880f0f;
	font-size:16px;
	background: url(../images/info.jpg)top left no-repeat;
	padding-left:30px;
	margin-top:10px;
	height:20px;
	display:block;
	line-height:22px;
	
}

h6 {
	color:#70931b;
	font-size:16px;
	background: url(../images/help.jpg)top left no-repeat;
	padding-left:30px;
	margin-top:10px;
	height:20px;
	display:block;
	line-height:22px;
	
}

h6 a:link, h6 a:visited { color:#70931b; }
h6 a:hover { color:#546f11; }

a:link, a:visited {
	color:#b1b1b1;
	text-decoration:none;
	border:none;
}

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

p {
	margin-bottom: 18px;
	line-height:18px;
}

.clearer {
	clear:both;
}

/* footer */
footer { 
	height:45px;
	width:100%;
	background:#b1b1b1;
}

footer span {
	margin: 0 auto;
	width: 995px;
	height:45px;
	display:block;
	background:url(../images/jm_logo_grey.jpg) top right no-repeat;
	font-size:11px;
	color:#ffffff;
}
	
footer p{
	padding:5px 0px;
	line-height:16px;
}

footer a:link, footer a:visited{
	color:#fff;
}

footer a:hover {
	color: #606060;
}

/* header */

header {
	background:url(../images/jm_logo.jpg) top left no-repeat;
	height:95px;
	width:995;
	clear:both;
	position:relative;
}

header img {
	float:left;
	position: absolute;
	top:0px;
	left:0px;
	border:none;
}

#topMenu {
	float:right;
	border-top:3px solid #b1b1b1;
	top: 0px;
	padding-top:5px;
	line-height:28px;
	color: #737373;
	font-size: 14px;
	height:60px;
	clear:both;
	position:relative;
}

#topMenu a:link, #topMenu a:visited {
	color:#737373;
	margin:0px 5px;
	font-size:14px;
}

#topMenu a:hover {
	color:#b1b1b1;
}

#topMenu label {
	float:left;
	margin-right:10px;
}

#topMenu input {
	width:145px;
	height:25px;
	border:1px solid #e8e8e8;
	line-height:25px;
	float:left;
}

#topMenu ul {
	list-style: none;
	height:25px;
	margin: 0;
	padding:0;
	float:left;
}

#topMenu li {
	float: left;
	position: relative;
	padding:0px 5px 0px 5px;
	background:url(../images/top_menu_line.jpg) top right no-repeat;
}

#topMenu li.end {
	background:none;
	padding-right:0px;
}

#topMenu li a.arr {
	background:url(../images/top_menu_arr.jpg) left center no-repeat;
	padding-left:16px;
}

#topMenu a:link.search, #topMenu a:visited.search {
	width:25px;
	height:25px;
	display:block;
	background:url(../images/btn_search.jpg) no-repeat;
}

#topMenu a:hover.search {
	width:25px;
	height:25px;
	display:block;
	background:url(../images/btn_search.jpg) 0px -25px no-repeat;
}

#topMenu a:link.cart, #topMenu a:visited.cart {
	width:28px;
	height:25px;
	display:block;
	background:url(../images/btn_shopping_cart.jpg) no-repeat;
}

#topMenu a:hover.cart {
	width:28px;
	height:25px;
	display:block;
	background:url(../images/btn_shopping_cart.jpg) 0px -25px no-repeat;
}

#textMenu {
	float:right;
	bottom:0px;
	padding-top:2px;
	height:20px;
	color: #aaa;
	font-size: 13px;
	clear:both;
}

#textMenu a:link, #textMenu a:visited {
	color:#aaa;
	margin:0px 5px;
	font-size:13px;
	height:20px;
	padding-top:3px;
	display:block;
}

#textMenu a:link.gift, #textMenu a:visited.gift {
	color:#aaa;
	margin:0px 5px;
	font-size:13px;
	padding-left:22px;
	background:url(../images/gift.gif) top left no-repeat;
	color:#676767;
}

#textMenu a:link.book, #textMenu a:visited.book {
	color:#aaa;
	margin:0px 5px;
	font-size:13px;
	padding-left:24px;
	background:url(../images/book.gif) top left no-repeat;
	color:#676767;
}

#textMenu a:hover {
	color:#606060;
}

#textMenu a:hover.gift {
	color:#f48712;
}

#textMenu a:hover.book {
	color:#87aa39;
}

#textMenu ul {
	list-style: none;
	height:25px;
	margin: 0;
	padding:0;
	float:left;
}

#textMenu li {
	float: left;
	position: relative;
	padding:0px 12px 0px 5px;
	background:url(../images/text_menu_dot.jpg) right center no-repeat;
}

#textMenu li.end {
	background:none;
	padding-right:0px;
}

/* nav */

nav {
	margin: 0;
	width: 995px;
	height:53px;
	border-top:1px solid #b1b1b1;
	border-bottom:1px solid #b1b1b1;
	
}

nav ul {
	list-style: none;
	margin: 0;
	padding:0;
}

nav li {
	float: left;
	position: relative;
	margin-right:1px;
}

nav li.end {
	margin-right:0px;
}


nav a:link, nav a:visited {
	width:167px;
	height:53px;
	background:#ededed;
	color:#595959;
	font-size:18px;
	display: block;
	text-decoration: none;
	text-align:center;
	line-height:53px;
}

nav a:hover {
	color: #fff;
	background-color:#8f8f8f;
}

nav a:link.current, nav a:visited.current {
	color: #fff;
	background-color:#8f8f8f;
}


nav a:link.category, nav a:visited.category {
	width:76px;
	height:53px;
	text-align:right;
	padding:0px 24px 0px 24px;
}

nav a:link.cateBook, nav a:visited.cateBook {
	width:82px;
	height:53px;
	text-align:right;
	padding:0px 28px 0px 45px;
	background:url(../images/menu_book_bg.jpg) no-repeat #f5f5f5;
}

nav a:hover.cateBook {
	background:url(../images/menu_book_bg_ov.jpg) no-repeat #8f8f8f;
}

nav a:link.cateBookCurrent, nav a:visited.cateBookCurrent, nav a:hover.cateBookCurrent {
	width:82px;
	height:53px;
	text-align:right;
	padding:0px 28px 0px 45px;
	color:#fff;
	background:url(../images/menu_book_bg_ov.jpg) no-repeat #8f8f8f;
}

nav a:link.cateMagazine, nav a:visited.cateMagazine {
	width:74px;
	height:53px;
	text-align:right;
	padding:0px 48px 0px 45px;
	background:url(../images/menu_magazine_bg.jpg) no-repeat #f5f5f5;
}

nav a:hover.cateMagazine {
	background:url(../images/menu_magazine_bg_ov.jpg) no-repeat #8f8f8f;
}

nav a:link.cateMagazineCurrent, nav a:visited.cateMagazineCurrent, nav a:hover.cateMagazineCurrent {
	width:74px;
	height:53px;
	text-align:right;
	padding:0px 48px 0px 45px;
	color:#fff;
	background:url(../images/menu_magazine_bg_ov.jpg) no-repeat #8f8f8f;
}


nav a:link.cateComic, nav a:visited.cateComic {
	width:74px;
	height:53px;
	text-align:right;
	padding:0px 48px 0px 45px;
	background:url(../images/menu_comic_bg.jpg) no-repeat #f5f5f5;
}

nav a:hover.cateComic {
	background:url(../images/menu_comic_bg_ov.jpg) no-repeat #8f8f8f;
}

nav a:link.cateComicCurrent, nav a:visited.cateComicCurrent, nav a:hover.cateComicCurrent {
	width:74px;
	height:53px;
	text-align:right;
	padding:0px 48px 0px 45px;
	color:#fff;
	background:url(../images/menu_comic_bg_ov.jpg) no-repeat #8f8f8f;
}

nav a:link.cateProject, nav a:visited.cateProject {
	width:74px;
	height:53px;
	text-align:right;
	padding:0px 48px 0px 45px;
	background:url(../images/menu_project_bg.jpg) no-repeat #f5f5f5;
}

nav a:hover.cateProject {
	background:url(../images/menu_project_bg_ov.jpg) no-repeat #8f8f8f;
}

nav a:link.cateProjectCurrent, nav a:visited.cateProjectCurrent, nav a:hover.cateProjectCurrent {
	width:74px;
	height:53px;
	text-align:right;
	padding:0px 48px 0px 45px;
	color:#fff;
	background:url(../images/menu_project_bg_ov.jpg) no-repeat #8f8f8f;
}


/* side */
section#leftSide {
	float:left;
	width:215px;
	padding:15px 12px 0px 0px;
}

section#rightSide {
	float:left;
	width:768px;
	min-height:742px;
	padding-top:15px;
	display:block;
}

section#mainBanner {
	width : 748px;
/* 	height : 312px; */
	margin-bottom:12px;
}

section#logoSlider {
	width:736; 
	height:50px;
	padding:0px 15px;
	margin-bottom:12px;
	display:block;
}



section#logoSlider a {
	padding:0px;
	margin:0px;
}

.logoSliderLink {
	margin:0px;
	padding:0px;
}

section#mainContain{
	width:768; 
	margin-bottom:12px;
}

section#mainTabs {
	width:768; 
}

section#subTabs {
	width:215; 
	margin-bottom:12px;
}

/* notice */

#notice {
	width:183px;
	height:350px;
	padding:15px;
	border:1px solid #d8d8d8;
	margin-bottom:12px;
	color:#818181;
	font-size:12px;
}

#notice a {
	border:none;
}

#notice img {
	border:none;
}

#notice span a {
	border:none;
	float:left;
}

#notice p {
	line-height:16px;
	margin-bottom:10px;
}

#notice span {
	width:183px;
	margin-bottom:0px;
}

#notice p.image {
	text-align:center;
	border:none;
}

/* sub menu */

#subMenu {
	width:215px;
	padding:0px 0px 15px 0px;
	margin-bottom:2px;
	background:url(../images/subMenuLine.jpg) bottom left repeat-x;
}

#subMenu ul {
	margin:0px;
	padding:0px;
	width:215px;
	list-style-type:none;
}

#subMenu ul li {
	list-style-type:none;
	margin-bottom:2px;
}

#subMenu ul li a:link, #subMenu ul li a:visited {
	width:185px;
	padding:0px 0px 0px 30px;
	line-height:25px;
	display:block;
	color:#9c9c9c;
	font-size:12px;
	background-color:#f5f5f5;
}

#subMenu ul li a:hover {
	color:#dadada;
	background-color:#9c9c9c;
}


#subMenu div {
	margin-bottom:2px;
}

#subMenu div a {
	background:url(../images/subMenuArr.jpg) top left no-repeat #dadada;
	width:185px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	display:block;
	color:#9c9c9c;
	font-size:16px;
}

#subMenu div a:link, #subMenu div a:visited {
	background:url(../images/subMenuArr.jpg) top left no-repeat #dadada;
	width:185px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	display:block;
	color:#9c9c9c;
	font-size:16px;
}

#subMenu div a:hover {
	background:url(../images/subMenuArrOv.jpg) top left no-repeat #9c9c9c;
	color:#dadada;
}


/* sm banner */

#smBanner {
	width:215px;
	margin-bottom:5px;
}

#smBanner img {
	border:none;
}

#smBanner a {
	border:none;
}

#medBanner {
	width:215px;
	margin-bottom:8px;
}

#medBanner img {
	border:none;
}

#medBanner a {
	border:none;
}

/* sub tabs */

#subTabs ul {
	padding:0px;
	list-style:none;
	margin:0px;
	color:#808080;
	width:215px;
	height:28px;
}

#subTabs li {
	margin:0px 2px 0px 0px;
	padding:0px;
	float:left;
	list-style:none;
	font-size:14px;
	letter-spacing:1px;
}

#subTabs li a:link, #subTabs li a:visited {
	line-height:28px;
	display:block;
	padding:0px 20px;
	color:#808080;
	background-color:#ededed;
	text-decoration:none;
}

#subTabs li a:hover {
	color:#808080;
	background-color:#d8d8d8;
}

#subTabs li.active, #subTabs li.active a {
	color:#808080;
	background-color:#d8d8d8;
}


#subTabs ul li a:link, #subTabs ul li a:visited {
	color:#808080;
	background-color:#ededed;
	text-decoration:none;
}

#subTabs ul li a:hover {
	color:#808080;
	background-color:#d8d8d8;
}

#subTabs ul li.active, #subTabs ul li.active a {
	color:#808080;
	background-color:#d8d8d8;
}

#subTabsContent {
	width:195px;
	/* height:149px;   /* 149px; by Kenny */
	padding:10px;
	border:1px solid #d8d8d8;
}

#subTabsContent div h1 {
	color:#818181;
	font-weight:bold;
	font-size:13px;
	margin-bottom:5px;
}

#subTabsContent div p {
	color:#b1b1b1;
	font-size:11px;
	line-height:14px;
}


/* tabs */

#mainTabs ul {
	padding:0px;
	list-style:none;
	margin:0px;
	color:#808080;
	height:28px;
}

#mainTabs li {
	margin:0px 2px 0px 0px;
	padding:0px;
	float:left;
	list-style:none;
	font-size:14px;
	letter-spacing:1px;
}

#mainTabs li a:link, #mainTabs li a:visited {
	line-height:28px;
	display:block;
	padding:0px 20px;
	color:#4e4e4e;
	background-color:#dadada;
	text-decoration:none;
}

#mainTabs li a:hover {
	color:#fff;
	background-color:#b1b1b1;
}

#mainTabs li.notShow, #mainTabs li.notShow a {
	display:none;
}

#mainTabs li.show, #mainTabs li.show a {
	line-height:28px;
	display:block;
	padding:0px 20px;
	color:#fff;
	background-color:#b1b1b1;
}

#mainTabs li.active, #mainTabs li.active a {
	color:#fff;
	background-color:#b1b1b1;
}


#mainTabs ul li a:link, #mainTabs ul li a:visited {
	color:#4e4e4e;
	background-color:#dadada;
	text-decoration:none;
}

#mainTabs ul li a:hover {
	color:#fff;
	background-color:#b1b1b1;
}

#mainTabs ul li.active, #mainTabs ul li.active a {
	color:#fff;
	background-color:#b1b1b1;
}

#mainTabs ul li.show, #mainTabs ul li.show a {
	color:#fff;
	background-color:#b1b1b1;
}

#tabs {
	width:746px;
	height:500px;
	padding:10px;
	border:1px solid #b1b1b1;
}

#tabs div article.contain {
	width:746px;
}

#tabs div article {
	width:112px;
	margin:6px 5px 0px 6px;
	color:#231F20;
	float:left;
	font-size:12px;
}

#tabs div article span {
	width:112px;
	height:20px;
	display:block;
}

#tabs div article span.red {
	background:url(../images/mark_red.jpg) top left no-repeat;
}

#tabs div article span.blk {
	background:url(../images/mark_blk.jpg) top left no-repeat;
}

#tabs div article article img {
	width:110px;
	height:147px;
	border:1px solid #b1b1b1;
}

#tabs div article article h1 {
	width:112px;
	padding:0px;
	margin:0px;
	font-size:12px;
	color:#606060;
	line-height:15px;
	font-weight:normal;
	text-align:center;
}

#tabs div article h2 {
	width:112px;
	padding:0px;
	margin:0px;
	font-size:11px;
	color:#818181;
	line-height:15px;
	font-weight:normal;
	text-align:center;
}

/* subPageTabs */

#subPageTabs {
	width:766px;
	padding:0px;
	border:1px solid #b1b1b1;
}

#subPageTabs div article.contain {
	width:746px;
}

#subPageTabs div article.bookmark {
	width:716px;
	padding:10px;
	border-bottom:1px dotted #dadada;
}

#subPageTabs div article.bookmark h3 {
	font-size:12px;
	color:#606060;
}

#subPageTabs div article.bookmark img {
	width:60px;
	height:80px;
	border:1px solid #b1b1b1;
	float:left; 
	margin-right:10px;
	float:left;
}

#subPageTabs div article.bookmark span {
	width:600px;
	float:left;
}

#subPageTabs div article.bookmark p {
	font-size:11px;
	color:#606060;
	line-height:14px;
}

#subPageTabs div article {
	width:112px;
	margin:6px 5px 0px 6px;
	color:#231F20;
	float:left;
	font-size:12px;
	position:relative;
}

#subPageTabs div article span {
	width:112px;
	height:20px;
	display:block;
}

#subPageTabs div article span.deleteBook {
position:absolute; 
width:40px; 
height:40px; 
top:128px; 
right:1px; 
z-index:1;
opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
}

#subPageTabs div article span.deleteBook img {
	border:none;
	width:40px;
	height:40px;
}

#subPageTabs div article span.red {
	background:url(../images/mark_red.jpg) top left no-repeat;
}

#subPageTabs div article span.blk {
	background:url(../images/mark_blk.jpg) top left no-repeat;
}

#subPageTabs div article article.publisher {
	width:166px;
	height:108px;
	padding:10px 8px 0px 0px;
}

#subPageTabs div article article.publisher img {
	width:166px;
	height:108px;
	border:none;
}

#subPageTabs div article article img {
	width:110px;
	height:147px;
	border:1px solid #b1b1b1;
}

#subPageTabs div article article h1 {
	width:112px;
	padding:0px;
	margin:0px;
	font-size:12px;
	color:#606060;
	line-height:15px;
	font-weight:normal;
	text-align:center;
	background:none;
}

#subPageTabs div article h2 {
	width:112px;
	padding:0px;
	margin:0px;
	font-size:11px;
	color:#818181;
	line-height:15px;
	font-weight:normal;
	text-align:center;
}


/* main apps */

#mainApps {
	padding:0px;
	width:766px;
	border:1px solid #b1b1b1;
	margin-bottom:15px;
}

#mainApps div {
	width:766px;
	height:170px;
}

#mainApps h1 {
	height:28px;
	line-height:28px;
	width:726px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 20px;
	background-color:#b1b1b1;
}

#mainApps h1 a:link, #mainApps h1 a:visited{
	float:right;
	color:#fff;
	height:28px;
	display:block;
	padding-left:15px;
	font-size:12px;
	background:url(../images/arr_more.jpg) left center no-repeat;
}

#mainApps h1 a:hover{
	float:right;
	color:#707070;
	height:28px;
	display:block;
	padding-left:15px;
	background:url(../images/arr_more.jpg) left center no-repeat;
}

#mainApps article {
	width:110px;
	height:140px;
	margin:20px 0px 0px 15px;
	float:left;
	background:none;
}

#mainApps article img {
	padding:0px 11px 5px 11px;
	display:block;
	border:none;
}

#mainApps article a {
	border:none;
	background:none;
}

#mainApps article h2 {
	font-size:12px;
	font-weight:normal;
	color:#606060;
	text-align:center;
	line-height:14px;
	width:110px;
}

/* sub form */

#subForm {
	padding:0px;
	width:766px;
	min-height:742px;
	border:1px solid #b1b1b1;
	margin-bottom:15px;
}

#subForm h1 {
	height:28px;
	line-height:28px;
	width:726px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 20px;
	background-color:#b1b1b1;
}

#subForm article {
	width:110px;
	height:140px;
	margin:20px 0px 0px 15px;
	float:left;
	background:none;
}

#subForm p {
	padding:20px 0px 0px 20px;
	margin:0px;
	font-size:18px;
}

#subForm input {
	width:300px;
	height:20px;
	line-height:20px;
	padding:5px;
	border:1px solid #cecece;
}

#subForm label {
	font-size:14px;
	line-height:30px;
}

#subForm a:link, #subForm a:visited {
	background-color:#f2f2f2;
	color:#606060;
	border:1px solid #cecece;
	padding:0px 30px;
	display:block;
	font-size:16px;
	line-height:30px;
	float:left;
	margin:20px 5px 0px 0px;
}

#subForm a:hover {
	background-color:#cecece;
	color:#f2f2f2;
}

.formTitle {
	float:left;
	width:100px;
	margin:0px;
	padding:0px;
}

.formField {
	float:left;
}

.centerForm {
	width:450px;
	margin:30px 158px;
}

.field { margin: 0 0 20px; float:left; }
.field input { margin: 0 0 0 20px; display:none; }

.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../images/switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; }


/* sub content */

#subContent {
	padding:0px;
	width:766px;
	min-height:742px;
	border:1px solid #b1b1b1;
	margin-bottom:15px;
}

#subContent h1 {
	height:28px;
	line-height:28px;
	width:726px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 20px;
	background-color:#b1b1b1;
}


#subContent p {
	padding:20px 20px 0px 20px;
	margin:0px;
}

/* shopping cart */

.shoppingCart {
	padding:0px;
	width:650px;
	border:1px solid #d8d8d8;
}

.shoppingCart h1 {
	height:28px;
	line-height:28px;
	width:640px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 5px;
	background-color:#b1b1b1;
}

.shoppingCartContain {
	width:600px;
}

.shoppingCartLeftTitle {
	width:250px;
	padding:5px;
	float:left;
	color:#808080;
	background-color:#ededed;
	
}

.shoppingCartRightTitle {
	width:70px;
	padding:5px;
	float:left;
	text-align:center;
	color:#808080;
	background-color:#ededed;
}

.shoppingCartEndTitle {
	width:40px;
	padding:5px;
	float:left;
	text-align:center;
	color:#808080;
	background-color:#ededed;
}


.shoppingCartLeft {
	width:250px;
	padding:5px;
	float:left;
	border-bottom:1px dotted #ededed;
	
}

.shoppingCartRight {
	width:70px;
	padding:5px;
	float:left;
	text-align:center;
	border-bottom:1px dotted #ededed;
	
}

.shoppingCartEnd {
	width:40px;
	padding:5px;
	float:left;
	text-align:center;
	border-bottom:1px dotted #ededed;
	
}


.shoppingCart p {
	padding:20px 0px 0px 20px;
	margin:0px;
	font-size:18px;
}

.shoppingCartTotlLeft {
	width:250px;
	padding:5px;
	float:left;
	text-align:right;
	border-bottom:1px dotted #ededed; /* added by Kenny */
	line-height:23px; /* added by Kenny */
}

.shoppingCartTotalRight {
	width:70px;
	padding:5px;
	float:left;
	text-align:center;
	border-bottom:1px dotted #ededed; /* added by Kenny */
	line-height:23px; /* added by Kenny */	
}

.shoppingCartBtn {
	width:630px;
	text-align:center;
	padding:10px;
	background-color:#f5f5f5;
	font-size:15px;
	
}


.shoppingCart p {
	padding:20px 0px 0px 20px;
	margin:0px;
	font-size:18px;
}


/* search */

.searchForm {
	padding:0px;
	width:420px;
	height:320px;
	border:1px solid #d8d8d8;
}

.searchForm h1 {
	height:28px;
	line-height:28px;
	width:405px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 20px;
	background-color:#b1b1b1;
}


.searchForm p {
	padding:20px 0px 0px 20px;
	margin:0px;
	font-size:18px;
}

.searchForm input {
	width:298px;
	height:20px;
	line-height:20px;
	padding:5px;
	border:1px solid #cecece;
}

.searchForm label {
	font-size:14px;
	line-height:30px;
	width:70px;
	float:left;
	display:block;
}

.searchForm a:link, .searchForm a:visited {
	float:left;
	background-color:#f2f2f2;
	color:#606060;
	border:1px solid #cecece;
	text-align:center;
	display:block;
	font-size:16px;
	line-height:30px;
	width:380px;
	float:left;
	margin:10px 0px 0px 0px;
}

.searchForm a:hover {
	background-color:#cecece;
	color:#f2f2f2;
}

/* book Detail */

.bookDetail {
	padding:0px;
	width:550px;
	border:1px solid #d8d8d8;
}

.bookDetail img {
	width:300px;
	height:400px;
	margin:20px 0px 10px 0px;
}

.bookDetail h1 {
	line-height:28px;
	color:#606060;
	font-size:20px;
	font-weight:bold;
	padding:0px 20px;
}

.bookDetail h2 {
	color:#606060;
	font-size:13px;
	padding:0px 20px;
	margin-top:3px;
}

.bookDetail p {
	padding:10px 20px 10px 20px;
	margin:0px;
	font-size:12px;
}


.bookDetail a:link, .bookDetail a:visited {
	background-color:#f2f2f2;
	color:#606060;
	border:1px solid #cecece;
	padding:0px 65px;
	display:block;
	font-size:16px;
	line-height:30px;
	float:left;
	margin:0px 5px 20px 0px;
}

.bookDetail a:hover {
	background-color:#cecece;
	color:#f2f2f2;
}

/* magazine detail */

.magazineDetailLine {
	width:716px;
	padding:10px;
	border-bottom:1px solid #b1b1b1;
	display:block;
}

#subPageTabs div article.magazineDetail {
	width:716px;
	padding:10px;
	display:block;
}

#subPageTabs div article.magazineDetail h3 {
	font-size:18px;
	color:#606060;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#subPageTabs div article.magazineDetail h4 {
	font-size:13px;
	color:#606060;
	text-align:left;
	width:390px;
	margin-bottom:5px;
}

#subPageTabs div article.magazineDetail img {
	width:300px;
	height:400px;
	border:1px solid #b1b1b1;
	float:left; 
	margin:0px 20px 10px 0px;
	float:left;
}

#subPageTabs div article.magazineDetail span {
	width:390px;
	float:left;
}

#subPageTabs div article.magazineDetail p {
	font-size:11px;
	color:#818181;
	line-height:14px;
	margin-top:10px;
	margin-bottom:0px;
}

p.boxBtn a:link, p.boxBtn a:visited {
	background-color:#f2f2f2;
	color:#606060;
	border:1px solid #cecece;
	padding:0px 30px;
	display:block;
	font-size:16px;
	line-height:30px;
	float:left;
	margin:0px 5px 0px 0px;
}

p.boxBtn{
	line-height:30px;
}

p.boxBtn a:hover {
	background-color:#cecece;
	color:#f2f2f2;
}



.boxBtnM a:link, .boxBtnM a:visited {
	background-color:#f2f2f2;
	color:#606060;
	border:1px solid #cecece;
	padding:0px 15px;
	display:block;
	font-size:16px;
	line-height:30px;
	float:left;
	margin-left:5px;
}

.boxBtnM{
	line-height:30px;
}

.boxBtnM a:hover {
	background-color:#cecece;
	color:#f2f2f2;
}

.boxBtnM p {
	float:left;
	margin-right:5px;
	display:block;
}



#subPageTabs div article.news {
	width:716px;
	padding:10px;
	border-bottom:1px dotted #dadada;
	display:block;
}

#subPageTabs div article.news h3 {
	font-size:16px;
	color:#606060;
	margin-bottom:5px;
}

#subPageTabs div article.news img {
	width:100px;
	height:100px;
	border:1px solid #b1b1b1;
	float:left; 
	margin-right:10px;
	float:left;
}

#subPageTabs div article.news span {
	width:600px;
	float:left;
}

#subPageTabs div article.news p {
	font-size:14px;
	color:#606060;
	line-height:14px;
}

#subPageTabs div h1 {
	margin: 10px 0px 10px 10px;
	padding:5px;
	font-size:16px;
	color:#808080;
	background-color:#ededed;
}

/* new */

#bannerLayer 
{
	width:2304px;
	position:absolute;
	background-color:white;
	margin:0px;
	padding:0px;
}

#bannerLayer div {
	width:766px;
	height:319px;
	float:left;
}

.bannerLayerContain{
	width:766px; height:319px; background:white; position:relative; overflow:hidden;
}

.bannerControl {
	width:766px; height:30px; position:relative; top:0px; background-color:#b1b1b1;
}

.bannerControlDesc {
	float:left; margin-top:5px; color:#fff; padding-left:5px;
}

.bannerControlNum{
	float:right; margin:5px 5px 0px 0px;
}

.bannerControlNum a {
float : right;
width : 20px;
height : 20px;
display : block;
font-size : 8px;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#f2f2f2;
}
.bannerControlNum a.on {
background-position : 0 -20px;
}
.bannerControlNum a {
background-image : url(../images/silde-nav.png);
}

.bannerControlDisplay {
	float:right;
}



/*---------- By Kenny Shum 1 ------------*/

/* sub form 2 */

#subForm2 {
	padding:0px;
	margin-bottom:15px;
}

#subForm2 h1 {
	height:28px;
	line-height:28px;
	width:726px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 20px;
	background-color:#b1b1b1;
}

#subForm2 article {
	width:110px;
	height:140px;
	margin:20px 0px 0px 15px;
	float:left;
	background:none;
}

#subForm2 p {
	padding:20px 0px 0px 20px;
	margin:0px;
	font-size:18px;
}

#subForm2 input {
	width:300px;
	height:20px;
	line-height:20px;
	padding:5px;
	border:1px solid #cecece;
}

#subForm2 label {
	font-size:14px;
	line-height:30px;
}

#subForm2 a:link, #subForm2 a:visited {
	background-color:#f2f2f2;
	color:#606060;
	border:1px solid #cecece;
	padding:0px 30px;
	display:block;
	font-size:16px;
	line-height:30px;
	float:left;
	margin:20px 5px 0px 0px;
}

#subForm2 a:hover {
	background-color:#cecece;
	color:#f2f2f2;
}

/* magazine detail 

#subPageTabs div article.magazineDetail {
	width:716px;
	height:450px;
	padding:10px;
	border-bottom:1px solid #b1b1b1; 
}
*/

/* 4 rows area, show 3 columns for books, magazine and comic in main_list */
#tabs {
	width:746px;
	height:1000px; 
	padding:10px;
	border:1px solid #b1b1b1;
}

.shoppingCartContain {
	width:650px;
}

.shoppingCartLeftTitle1 {
	width:150px;
	padding:5px;
	float:left;
	color:#808080;
	background-color:#ededed;
}

.shoppingCartLeftTitle2 {
	width:350px;
	padding:5px;
	float:left;
	color:#808080;
	background-color:#ededed;
}

.shoppingCartRightTitle3 {
	width:70px;
	padding:5px;
	float:left;
	text-align:center;
	color:#808080;
	background-color:#ededed;
}

.shoppingCartLeft1 {
	width:150px;
	padding:5px;
	float:left;
	border-bottom:1px dotted #ededed;
	line-height:23px;	
}

.shoppingCartLeft2 {
	width:350px;
	padding:5px;
	float:left;
	border-bottom:1px dotted #ededed;
	line-height:23px;	
}

.shoppingCartRight3 {
	width:70px;
	padding:5px;
	float:left;
	text-align:center;
	border-bottom:1px dotted #ededed;
	line-height:23px;	
}

/*nav a:link, nav a:visited {
	width:140px; 
}*/

/*
section#logoSlider {
	width:668; 
}
*/

/* new */
#tabContents { padding:10px;}

/*---------- By Kenny Shum 2 ------------*/

.saleList {
	padding:0px;
	width:100%;
	border:1px solid #d8d8d8;
}

.saleList h1 {
	height:28px;
	line-height:28px;
	width:95%;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 5px;
	background-color:#b1b1b1;
}

.saleContain {
	width:100%;
}

.saleTitle1 {
	width:100px;
	padding:5px;
	float:left;
	color:#808080;
	text-align:center;
	background-color:#ededed;
	
}

.saleTitle2 {
	width:280px;
	padding:5px;
	float:left;
	color:#808080;
	background-color:#ededed;
	
}

.saleTitle3 {
	width:200px;
	padding:5px;
	float:left;
	color:#808080;
	background-color:#ededed;
	
}

.saleTitle4 {
	width:120px;
	padding:5px;
	float:left;
	color:#808080;
	text-align:center;
	background-color:#ededed;
	
}

.saleData1 {
	width:100px;
	padding:5px;
	float:left;
	text-align:center;
	border-bottom:1px dotted #ededed;
}

.saleData2 {
	width:280px;
	padding:5px;
	float:left;
	border-bottom:1px dotted #ededed;
}

.saleData3 {
	width:200px;
	padding:5px;
	float:left;
	border-bottom:1px dotted #ededed;
}

.saleData4 {
	width:120px;
	padding:5px;
	float:left;
	text-align:center;
	border-bottom:1px dotted #ededed;
}

/*------------ 07/06/2011 ------------*/

.moreBtn  {
	font-size:16px;
	color:#fff;
	text-decoration:none;
}
.moreBtn a: {
	font-size:18px;
	color:#fff;
	text-decoration:none;
}
.moreBtn a:link {
	font-size:18px;
	color:#fff;
	text-decoration:none;
}
.moreBtn a:visited {
	font-size:18px;
	color:#fff;
	text-decoration:none;
}
.moreBtn a:hover {
	font-size:18px;
	color:#fff;
	text-decoration:none;
}

/* sub form */

#loginForm {
	padding:0px;
	width:768px;
	min-height:470px;
	border:0px solid #b1b1b1;
	margin-bottom:15px;
}

#loginForm h1 {
	height:28px;
	line-height:28px;
	width:726px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 20px;
	background-color:#b1b1b1;
}

#loginForm article {
	width:110px;
	height:140px;
	margin:20px 0px 0px 15px;
	float:left;
	background:none;
}

#loginForm p {
	padding:20px 0px 0px 20px;
	margin:0px;
	font-size:18px;
}

#loginForm input {
	width:300px;
	height:20px;
	line-height:20px;
	padding:5px;
	border:1px solid #cecece;
}

#loginForm label {
	font-size:14px;
	line-height:30px;
}

#loginForm a:link, #loginForm a:visited {
	background-color:#f2f2f2;
	color:#606060;
	border:1px solid #cecece;
	padding:0px 30px;
	display:block;
	font-size:16px;
	line-height:30px;
	float:left;
	margin:20px 5px 0px 0px;
}

#loginForm a:hover {
	background-color:#cecece;
	color:#f2f2f2;
}

/* slideshow */

#slideshowcontail {
	width:215px;
	height:160px;
	border:1px solid #d8d8d8;
	margin-bottom:12px;
}

#slideshowcontail h1 {
	height:28px;
	line-height:28px;
	width:175px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 20px;
	background-color:#b1b1b1;
}

#slideshow {
    position:relative;
	width:200px;
	height:108px;
}

#slideshow IMG {
    position:absolute;
    top:12px;
    left:25px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/***** Kenny 10/06/2011 ***/

.shoppingCartTotalFull {
	width:600px;
	padding:5px;
	float:left;
	text-align:center;	
}

/***** Kenny 14/06/2011 ***/
/* Mainly for magazine */
.container { width: 100%; border: 0px solid #f7c; }
.textareaContainer {
    display: block;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
    padding: 10px;
}
.textareaClass { width: 100%; margin: 0; padding: 0; border-width: 0; resize: none; }

/***** Kenny 20/07/2011 ***/
/* Redemption */
.redForm {
	width:550px;
	margin:30px 108px;
}

.redForm ul {
	margin-top:20px;
}

.redForm ul li {
	list-style:decimal;
	margin-left:40px;
	padding-left:5px;
	font-size:14px;
	margin-bottom:5px;
}