body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
}
#container-home {
	width:100%;
	height:2447px;
	position:absolute;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(images/planets.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	top:0;
	left:0;
}
#container {
	width:100%;
	height:554px;
	position:absolute;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(images/planets.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	top:0;
	left:0;
}
#wrapper {
	margin:0;
	padding:0;
	width:100%;
	height:554px;
	background-image:url(images/header.png);
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
}
#header {
	width:1000px;
	margin:0;
	padding:0;
}
#headbanner {
	margin:150px 107px 0 0;
	padding:0 0 0 0;
	width:250px;
/*	height:100px;*/
	float:right;
}
#advance{ padding-top:90px; float:left; color:#FFFFFF; font-weight:800;}
#advance a:link, a:visited{color:#FFFFFF; text-decoration:none; font-weight:800;}
#advance a:hover{color:#FFFFFF; text-decoration:none; font-weight:800;}
#headbanner img{ float:right; padding:0;
}
#search {
	margin:0;
	padding:0;
	float:right;
}
form {
	margin:0;
	padding:0;
}
 /* Hide from IE-Mac \*/
.searchform {
	margin:8px 102px 0 0;
	padding:8px 0 0 0;!important
}
.textinput {
	width:179px;
	background:#ffffff;
	border:none;
	color:#676767;
	margin-top:8px;!important
	margin-left:2px;
	font-size:11px;
	font-family:verdana;
}
/* End hide */


.searchform {
	margin:0px 100px 0 0;
	padding:0; !important
	padding:8px 0 0 0;
}
.textinput {
	width:179px;
	background:#ffffff;
	border:none;
	color:#676767;
	margin:12px 2px 0 0;!important
	margin:0 2px 0 0;
	font-size:11px;
	font-family:verdana;
}
.buttontext {
	width:36px;
	height:28px;
    background:none;
	border:none;
	font-size:10px;
	font-family:verdana;
	color:#ffdee8;
	font-weight:bold;
	margin:0 0 0 9px;
	padding:0;
}
#mid {
	width:1000px;
	margin:0;
	padding:0;
}
#left {
	width:198px;
	margin:0;
	padding:0;
	float:left;
}
#right {
	width:670px;
	margin:40px 55px 0 0;
	padding:0;
	float:right;
	background-image:url(images/box-bg/box.png);
	background-repeat:repeat-y;
	background-position:top;
}
#content {
	width:570px;
	margin:0 50px 0 50px;
	padding:0;
	text-align:left;
}
#login-menu {
	margin:40px 0 0 48px;
	padding:0;
	background-image:url(images/box-bg/login-menu.png);
	width:198px;
	height:400px;
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
#login-in {
	margin:40px 0 0 48px;
	padding:0;
	background-image:url(images/box-bg/login-in.png);
	width:198px;
	height:400px;
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
.logspace {
	width:100%;
	height:115px;
	margin:42px 0 0 0;
	padding:0;
}
.loggedspace {
	width:100%;
	height:154px;
	margin:0;
	padding:0;
	background-image:url(images/logbg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
.username {
	width:80%;
	height:20px;
	margin:55px 0 0 0;
	padding:0 0 0 17px;
	text-align:center;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fefbb6;
}
#loginholder {
	width:100px;
	height:33px;
	margin:8px 0 0 20px;
	padding:0;
	float:left;
}
#userLog {
	width:100%;
	height:auto;
	margin:32px 0 15px 0;
	padding:0;
	float:left;
}
#userLog a:link, a:visited{ color:#FFFFFF; font-weight:bold; text-decoration:none;}
#userLog a:hover{ color:#FFFF00; text-decoration:underline;}
#signup-button-holder a:link, a:visited{ color:#FFFFFF; font-weight:bold; text-decoration:none;}
#signup-button-holder a:hover{ color:#FFFF00; text-decoration:underline;}
#login-button-holder a:link, a:visited{ color:#FFFFFF; font-weight:bold; text-decoration:none;}
#login-button-holder a:hover{ color:#FFFF00; text-decoration:underline;}
.textinput2 {
	width: 130px;
	background:none;
	border: none;
	color: #676767;
	margin:7px 0 0 12px;
	font-size:11px;
	font-family:verdana;
}
#signup-button-holder {
	margin:0 0 0 30px;
	padding:0;
	float:left;
}
#login-button-holder {
	margin:0 0 0 21px;
	padding:0;
	float:left;
}
.logbutton {
	width:56px;
	height:20px;
	background:none;
	border:none;
	float:left;
	margin:0;
	padding:0;
	color:#fffbb8;
	font-size:14px;
	font-weight:bold;
}
.main-navmenu {
	margin:5px 0 0 0;
	padding:0;
	width:180px;
	height:212px;
}
#display {
	margin:38px 30px 0 0;
	padding:0;
	width:708px;
	height:425px;
	float:right;
	background-image:url(images/box-bg/display.png);
	background-position:top;
	background-repeat:no-repeat;
}
#display-content {
	margin:90px 0 0 50px;
	padding:0;
	float:left;
	width:540px;
	height:300px;
}
.number-row-left {
	margin:160px 0 0 22px;
	padding:0;
	float:left;
}
.number-row-right {
	margin:160px 18px 0 0;
	padding:0;
	float:right;
}
#newsflash {
	margin:25px 0 0 48px;
	padding:0;
	float:left;
	background-image:url(images/box-bg/newsflash.png);
	background-position:top;
	background-repeat:no-repeat;
	width:479px;
	height:275px;
}
#newsflash-content {
	width:400px;
	height:150px;
	margin:90px 0 0 40px;
	padding:0;
	float:left;
	text-align:left;
}
#youtube {
	margin:30px 50px 0 0;
	padding:0;
	width:398px;
	height:300px;
	background-image:url(images/box-bg/youtube.png);
	background-position:top;
	background-repeat:no-repeat;
	float:right;
}
.youtube-video {
	margin:75px 0 0 0;
	padding:0;
	width:360px;
	height:205px;
}
#category-browse {
	margin:25px 0 0 48px;
	padding:0;
	width:171px;
	height:1319px;
	background-image:url(images/box-bg/browse.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
.category-browse-content {
	margin:170px 0 0 0;
	padding:0;
	width:128px;
	text-align:left;
}
#mid-box-holder {
	margin:25px 0 0 20px;
	padding:0;
	width:314px;
	float:left;
}
#events-home {
	margin:0 0 18px 0;
	padding:0;
	width:314px;
	height:503px;
	background-image:url(images/box-bg/events.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
#events-home-content {
	margin:100px 0 0 0;
	padding:0;
	width:254px;
	height:364px;
	text-align:left;
}
#events-photo {
	margin:25px 0 0 0;
	padding:0;
	width:254px;
	height:193px;
}
#events-text {
	margin:15px 0 0 0;
	padding:0;
	width:254px;
	height:120px;
}
#recommendation {
	margin:0 0 18px 0;
	padding:0;
	width:314px;
	height:504px;
	background-image:url(images/box-bg/recommendation.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
#recommendation-content {
	margin:93px 0 0 0;
	padding:0;
	width:254px;
	height:364px;
	text-align:left;
}
#recommendation-image {
	margin:25px 0 0 0;
	padding:0;
	width:254px;
	height:193px;
}
#recommendation-text {
	margin:15px 0 0 0;
	padding:0;
	width:254px;
	height:120px;
}
#adbanner {
	margin:0 0 18px 0;
	padding:0;
	width:314px;
	height:278px;
	background-image:url(images/box-bg/adbanner.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
#ten-best {
	margin:25px 30px 0 0;
	padding:0;
	/*background-image:url(images/box-bg/tenbest.png);*/
	background-position:top;
	background-repeat:no-repeat;
	width:398px;
	/*height:1318px;*/
	float:right;
}
.books-dichotomy {
/*	margin:108px 0 15px 41px;*/
	margin:0;
	padding:108px 0 15px 41px;
	text-align:left;
}
#best-list {
	width:270px;
	height:150px;
	margin:14px 0 0 90px;
	padding:0;
	float:left;
}
.best-book-covers {
	float:left;
	margin:0;
	padding:0;
}
.book-desc {
	width:182px;
	height:100px;
	margin:0;
	padding:0;
	float:right;
	text-align:left;
}
#footer {
	margin:0;
	padding:0;
	width:100%;
	height:132px;
	background-image:url(images/box-bg/footline.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
.footnav {
	margin:70px 35px 0 0;
	padding:0;
	float:right;
	text-align:right;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 20px 0 20px;
	padding:0;
	text-align:center;
	line-height:14px;
}
.author {
	text-align:left;
	margin:3px 0 0 0;
	padding:0;
	font-weight:lighter;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:left;
	line-height:14px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	padding:0;
	font-size:12px;
	line-height:16px;
	color:#333333;
}
.white-text {
	color:#FFFFFF;
}
.price {
	color:#FFFFFF;
	margin:0;
}
.copyright {
	font-size:11px;
	margin:20px 10px 0 0;
}
ul {
	margin:0;
	padding:0;
}
.bottom-space {
	margin-bottom:20px;
}
li {
	margin:0;
	padding:0;
}
.number-row {
	list-style-type:none;
	margin-bottom:25px;
}
.category {
	margin-left:5px;
	list-style-type:none;
}
.inline {
	display:inline;
	margin:0 5px 0 0;
	padding:0;
}
a:link {
	margin:0;
	padding:0;
}
a:visited {
	margin:0;
	padding:0;
	font-weight:normal;
}
a:hover {
	margin:0;
	padding:0;
}
.more-blue:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
.more-blue:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
.more-blue:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#0099FF;
	text-decoration:none;
}
.more-yellow:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.more-yellow:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.more-yellow:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffff00;
	text-decoration:none;
}
.top-list-number:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#ffff00;
	margin:0;
	padding:0;
	text-decoration:none;
}
.top-list-number:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#ffff00;
	margin:0;
	padding:0;
	text-decoration:none;
}
.top-list-number:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:0;
	text-decoration:none;
}
.category-list:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	list-style-type:none;
	text-decoration:none;
}
.category-list:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	list-style-type:none;
	text-decoration:none;
	font-weight:normal;
}
.category-list:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffff00;
	font-size:12px;
	list-style-type:none;
	text-decoration:none;
}
.general-children:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.general-children:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.general-children:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffff00;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.book-title:link {
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	line-height:16px;
	margin:0;
	padding:0;
	text-decoration:none;
}
.book-title:visited {
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	line-height:16px;
	margin:0;
	padding:0;
	text-decoration:none;
}
.book-title:hover {
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	color:#ffff00;
	line-height:16px;
	margin:0;
	padding:0;
	text-decoration:none;
}
.footmenu:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0 10px 0 10px;
	padding:0;
	text-decoration:none;
}
.footmenu:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0 10px 0 10px;
	padding:0;
	text-decoration:none;
}
.footmenu:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFF00;
	margin:0 10px 0 10px;
	padding:0;
	text-decoration:none;
}
.footnote:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	color:#000;
	margin:0;
	padding:0;
	text-decoration:none;
}
.footnote:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	color:#000;
	margin:0;
	padding:0;
	text-decoration:none;
}
.footnote:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	color:#FFFF00;
	margin:0;
	padding:0;
	text-decoration:none;
}
/*tambahan */
#katProduk{ float:left; width:120px; height:380px; margin:8px 24px 18px 4px; padding:4px; color:#384140; text-align:left;}
#katProduk a:link, a:visited{ color:#384140;}
.pagecontent{background:#FFFFFF;}
.pagecontent ul a:link, ul a:visited{ color:#FFFFFF;}
.pagecontent td a:link, td a:visited{ color:#FFFFFF;}
#bcrumb{ width:100%; text-align:left; padding:6px 0 0 8px; color:#000000;}
#bcrumb a:link, a:visited{ color:#000000;}
.price{ color:#333333; font-size:14px; font-weight:bold; color:#FFFFFF;}
.boxw{ border:2px solid #FFFFFF; margin:0;}
.grs{ border-bottom:#000000 1px solid;}
#katProduk h2{ font-size:14px; color:#333333;}
a:link .lupa{ color:#000000;}
a:visited .lupa{ color:#000000;}
a:hover .lupa{ color:#000000;}
#navDalam ul{ margin:0 0 10px 0;}
#navDalam li{ list-style:none; display:inline; padding:2px; margin:10px;}
a:link.advancedSearch{ color:#FFFFFF; text-decoration:none; font-weight:800;}
a:visited.advancedSearch{ color:#FFFFFF; text-decoration:none;font-weight:800;}
a:hover.advancedSearch{ color:#FFFFFF; text-decoration:underline;font-weight:800;}