@import url('bxslider.css');
@import url('social.css');
@import url('range-slider.css');
/* Import Css Files */
/* Getting the new tags to behave */

article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video {
    display: block;
    margin: 0;
}
mark,
rp,
rt,
ruby,
summary,
time {
    display: inline
}
/* Getting the new tags to behave */
/* Start form defaults */

input,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: middle;
    font-weight: normal;
    color: #393939;
    margin: 0;
    padding: 0;
}
/* End form defaults */
/* Start Links defaults style */

a {
    text-decoration: none;
    outline: none;
}
a:hover {
    transition: width 1s;
    -moz-transition: 1s;
    /* Firefox 4 */
    
    -webkit-transition: 1s;
    /* Safari and Chrome */
    
    -o-transition: 1s;
    /* Opera */
    text-decoration: none;
   
}
a img {
    border: 0;
}
a img:hover {
  
    transition: width 1s;
    -moz-transition: 1s;
    /* Firefox 4 */
    
    -webkit-transition: 1s;
    /* Safari and Chrome */
    
    -o-transition: 1s;
    /* Opera */
}
.first {
    margin-left: 0 !important;
}
.m-bottom {
    margin: 0 0 10px !important;
}


.m-bottom2 {
    margin: 0 0 70px !important;
}

/* End Links defaults style */
/* Start main Header css */

#main-header {
    background: url(../images/header-bg.jpg) repeat;
    padding: 40px 0 0;
    margin: 0 0 75px;
}
#logo {
    margin: 0;
    float: left;
}
#logo a {
    display: block;
    height: 100%;
}
#main-header input[type="text"] {
    font-size: 13px;
    color: #bdbdbd;
    height: 26px;
    float: left;
    margin: 0;
}
#main-header input[type="button"] {
    border: 0;
    font-size: 14px;
    color: #fff;
    padding: 8px 20px;
    float: left;
    background: #98b827;
    cursor: pointer;
    transition: width 1s;
    -moz-transition: 1s;
    /* Firefox 4 */
    
    -webkit-transition: 1s;
    /* Safari and Chrome */
    
    -o-transition: 1s;
    /* Opera */
}
#main-header input[type="button"]:hover {
    background: #6a8706;
}



.span4 input[type="submit"] {
    border: 0;
    font-size: 14px;
    color: #fff;
    padding: 5px 20px;
    float: left;
    background: #666;
    cursor: pointer;
    transition: width 1s;
    -moz-transition: 1s;
    /* Firefox 4 */
    
    -webkit-transition: 1s;
    /* Safari and Chrome */
    
    -o-transition: 1s;
    /* Opera */
}
.span4 input[type="submit"]:hover{
    background: #6a8706;
}


input[type="submit"] {
    border: 0;
    font-size: 14px;
    color: #fff;
    padding: 8px 20px;
    float: left;
    background: #98b827;
    cursor: pointer;
    transition: width 1s;
    -moz-transition: 1s;
    /* Firefox 4 */
    
    -webkit-transition: 1s;
    /* Safari and Chrome */
    
    -o-transition: 1s;
    /* Opera */
}
input[type="submit"]:hover {
    background: #6a8706;
}



.search-bar {
    float: right;
}
.top-nav2 {
    overflow: hidden;
    text-align: right;
}
.top-nav2 li:first-child {
    margin: 0;
    padding: 0;
    background: none;
}
.top-nav2 li {
    display: inline-block;
    background: url(../images/nav-sep.png) left no-repeat;
    padding-left: 15px;
    margin-left: 9px;
    line-height: 45px;
}
.top-nav2 li a {
    font-weight: bold;
    color: #737373;
}
.top-nav2 li a:hover {
    color: #000;
}
/* Start Main menu css */

#main-header #nav {
    background: rgba(37, 36, 36);
    background: rgba(37, 36, 36, 0.1);
    border-top: 1px solid rgba(37, 36, 36, 0.1);
}
.navbar {
    margin: 0 auto;
    max-width: 1170px;
}
#main-header .navbar-inverse .navbar-inner {
    background: none;
    border: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, .0), 0 0 0 rgba(0, 0, 0, .0);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 rgba(0, 0, 0, .0);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 rgba(0, 0, 0, .0);
    padding: 0;
}
#main-header .navbar .nav > li:first-child {
    background: none;
}
#main-header .navbar .nav > li {
    background: url(../images/main-nav-sep.png) no-repeat left center;
    font-size: 16px;
    padding-left: 2px;
}
#main-header .navbar-inverse .brand,
#main-header .navbar-inverse .nav > li > a {
    color: #3c3c3c;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.0);
    border-bottom: 3px solid transparent;
}
#main-header .navbar-inverse .nav > li > a:hover {
    color: #000;
    background-color: rgba(37, 36, 36);
    background-color: rgba(37, 36, 36, 0.1);
    border-bottom: 3px solid #98B827;
}
#main-header .dropdown-menu {
    left: 0;
    right: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#main-header .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
#main-header .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
#main-header .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background: rgba(37, 36, 36);
    background: rgba(37, 36, 36, 0.1);
    border-bottom: 3px solid #98B827;
}
#main-header .dropdown-menu > li:first-child {
    background: none;
}
#main-header .dropdown-menu > li {
    background: url(../images/sub-nav-sep.jpg) repeat-x top center;
}
/* End Main menu css */
/* Start Top Nav Bar Css */

.top-nav-bar {
    background: #242424;
    color: #fff;
}
.top-nav-bar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.top-nav-bar .row-fluid [class*="span"] {
    margin-bottom: 0;
}
.top-nav li {
    float: left;
    margin-right: 1px;
    line-height: 50px;
}
.top-nav li a {
    padding: 0 5px;
    display: block;
    color: #fff;
}
.top-nav li a:hover,
.top-nav li a.active {
    background: #98b827;
    color: #fff;
    text-decoration: none;
}
.e-commerce-list {
    position: relative;
}
.e-commerce-list li:first-child {
    margin: 0;
    padding: 0;
    background: none;
}
.e-commerce-list li {
    float: left;
    background: url(../images/top-nav-sep.png) left no-repeat;
    padding-left: 15px;
    margin-left: 15px;
    line-height: 45px;
}
.e-commerce-list li a {
    font-weight: bold;
    color: #98b827;
}
.e-commerce-list li a:hover {
    color: #98b827;
}
.e-commerce-list li.p-category a {
    padding: 0 2px;
    color: #fff;
}
.e-commerce-list li.p-category a:hover {
    color: #98b827;
    text-decoration: none;
}
.c-btn {
    background: #fff;
    padding: 0 18px 0 10px;
    position: absolute;
    right: 0;
    text-align: center;
    width:250px;
}
.c-btn .btn{
    background: none;
    border: 0;
    padding-right: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, .0), 0 0 0 rgba(0, 0, 0, .0);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 rgba(0, 0, 0, .0);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 rgba(0, 0, 0, .0);
}





.c-btn .btn-mini .caret,
.c-btn .btn-small .caret {
    margin-left: 5px;
}
.cart-btn {
    background: url(../images/cart-icon.png) no-repeat left;
    padding-left: 30px;
    display: inline-block;
    font-size: 16px;
    line-height:40px;
}
.cart-btn:hover {
    text-decoration: none;
}
.btn-group ul li {
    padding: 0;
    background: none;
    margin: 0;
    float: none;
}
/* End Top Nav Bar Css */
/* End main Header css */
/* Start Content Css */
/* Start WellCome Msg Css */

.row-fluid [class*="span"].wellcome-msg {
    border-bottom: 9px solid #809f14;
    background: #f7f6f6;
    padding: 30px;
    line-height: 28px;
}
.wellcome-msg h2 {
    margin: 0 0 10px;
    color: #000;
    font-size: 28px;
}
.wellcome-msg p {
    margin: 0;
    font-size:13px;
    line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
}
/* End WellCome Msg Css */
/* Start Sale Bar Css */

.s-product {
    padding: 14px 24px;
    border: 1px solid #dee4e4;
    position: relative;
}
.s-product-det {
    float: left;
    width: 70%;
}
.s-product-det h3 {
    color: #809f14;
    font-size: 18px;
    margin: 0 0 8px;
    line-height: 18px;
}
.s-product-det p {
    color: #3d3d3d;
    line-height: 16px;
    margin-bottom: 8px;
}
.s-product-img {
    float: left;
    width: 30%;
}
.rating-bar {
    display: block;
    margin: 0 0 10px;
}
.rating-bar img {
    width: auto !important;
}
.cart-btn2 {
    background: url(../images/cart-icon.png) no-repeat;
    text-indent: -999px;
    width: 31px;
    height: 26px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}





.cart-btn3 {
    background: url(../images/cart-icon-habis.png) no-repeat;
    text-indent: -999px;
    width: 31px;
    height: 26px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}







.cart-price {
    overflow: hidden;
}




.price {
    float: left;
    margin-top: 4px;
    padding-left: 10px;
    border-left: 1px solid #ababab;
    font-size: 20px;
    color: #000;
}




#hargacoret{text-decoration: line-through;color:#ccc;} 

#hargacoret2{text-decoration: line-through;color:#98B827;font-size:14px} 




#hargacoret3{text-decoration: line-through;color:#98B827;font-size:12px;
line-height:normal;
margin-bottom:-5px} 


#hargacoret4{text-decoration: line-through;color:#98B827;font-size:20px;
line-height:normal;
margin-bottom:-5px} 


.price2 {
    float: left;
    margin-top: 4px;
    padding-left: 10px;
    border-left: 1px solid #ababab;
    font-size:18px;
    color: #000;
}



.price3 {
    float: left;
    margin-top: 4px;
    padding-left: 10px;
    border-left: 1px solid #ababab;
    font-size:16px;
    color: #000;
}

#diskon{
  position: absolute;
    top:50px;
    opacity: .9;
    left: 30;
    width: 65px;
    text-align: center;
    padding: 7px 0;
    font-size: 24px;
	font-weight:bold;
    background: #8EAD25;
    color: #fff !important;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    border: 2px solid #98B827 ;
	float:left} 





#diskon2{
  opacity: .9;
    width: 32px;
    text-align: center;
    padding: 7px 0;
    font-size: 14px;
	font-weight:bold;
    background: #8EAD25;
    color: #fff !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #98B827;
	float:right;
	margin-top:-70px;
	margin-right:-15px
} 



#diskon3{
   
    opacity: .9;
    width: 32px;
    text-align: center;
    padding: 7px 0;
    font-size: 14px;
	font-weight:bold;
    background: #8EAD25;
    color: #fff !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #98B827;
	float:right;
	margin-top:-70px;
	margin-right:-15px

} 



#diskon4{
   
   position:absolute;
	top:450px;
	left:130px;
	width:55px;
	height:55px;
	text-align:center;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	background-color:#8EAD25;
	border:2px solid #98B827;
	line-height:55px;
	letter-spacing:-2px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	  opacity: .9;

} 




#diskon5{
  opacity: .9;
    width: 32px;
    text-align: center;
    padding: 7px 0;
    font-size: 14px;
	font-weight:bold;
    background: #8EAD25;
    color: #fff !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #98B827;
	float:right;
	margin-top:-40px;
	margin-right:1px
} 








#product_img2{
	width:160px;
	height:204px;
	background:url(../images/stokhabis2.png);
	right:0%;

	margin-top: -155px;



 z-index:9999;
  position:absolute; 
}




#product_img3{
	width:160px;
	height:204px;
	background:url(../images/stokhabis2.png);
	right:0%;

	margin-top: -215px;



 z-index:9999;
  position:absolute; 
}















#produkhabis{
	width:46px;
	height:47px;
	background:url(../images/sale-icon2.png);
	right:0%;
	float:left;
	margin-top: -188px;
   z-index:9999;
   position:relative
 
}


.sale-icon {
    background: url(../images/sale-icon.png) no-repeat;
    width: 78px;
    height: 78px;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -999px;
    overflow: hidden;
}
/* End Sale Bar Css */
/* Start Featured Books Css */

.heading-bar {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding: 6px 0;
    margin: 0 0 22px;
    position: relative;
}
.heading-bar h2 {
    margin: 0;
    font-size: 24px;
    color: #333;
    line-height: 24px;
}
.heading-bar a {
    font-size: 18px;
}
.h-line {
    background: #98b827;
    width: 70px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.features-books .bx-pager {
    display: none;
}
.features-books .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    border: solid #fff 0;
    background: transparent;
}
.features-books .slide {
    padding: 18px;
    border: 1px solid #e5e5e5;
    transition: width 1s;
    -moz-transition: 1s;
    /* Firefox 4 */
    
    -webkit-transition: 1s;
    /* Safari and Chrome */
    
    -o-transition: 1s;
    /* Opera */
	
	height:270px
}
.features-books .slide:hover {
    background: #f9f9f9;
    border-color: #85a319;
    -moz-box-shadow: 0 0 17px #ccc;
    -webkit-box-shadow: 0 0 17px #ccc;
    box-shadow: 0 0 17px #ccc;
}
.features-books .slide .title {
	display: block;
	color: #000;
	font-size: 13px;
	text-align:center;
	line-height:15px;
	margin-top:5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	height:25px
}
.features-books .slide .title a {
    color: #000;text-align:center; 
}


.features-books .slide .title a:hover {
    color: #98B827;
	text-decoration:none
}
.features-books .slide img {
    margin: 0 0 5px;
}
.features-books .pro-img {
    -moz-box-shadow: 2px 2px 2px #888888;
    -webkit-box-shadow: 2px 2px 2px #888888;
    box-shadow: 2px 2px 2px #888888;
	height:207px
}
.features-books .bx-controls-direction {
    position: absolute;
    right: 44px;
    top: -46px;
}
.features-books .bx-wrapper .bx-prev {
    left: -17px;
}
.features-books .bx-wrapper .bx-next {
    right: -44px;
}




#diskon6{
   
    opacity: .9;
    width: 32px;
    text-align: center;
    padding: 7px 0;
    font-size: 14px;
	font-weight:bold;
    background: #8EAD25;
    color: #fff !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border:1px solid #fff;
	float:right;
	margin-top:-70px;
	margin-right:0px

} 



.features-books2 .slide2 {
	border: 1px solid #e5e5e5;
	transition: width 1s;
    -moz-transition: 1s;
    /* Firefox 4 */
    
    -webkit-transition: 1s;
    /* Safari and Chrome */
    
    -o-transition: 1s;
	/* Opera */
	
	height:320px;
	
	margin-right:16px;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 20px;
}


.features-books2 .slide2:hover {
    background: #f9f9f9;
    border-color: #8EAD25;
    -moz-box-shadow: 0 0 17px #ccc;
    -webkit-box-shadow: 0 0 17px #ccc;
    box-shadow: 0 0 17px #ccc;
}
.features-books2 .slide2 .title {
	display: block;
	color: #000;
	font-size: 13px;
	text-align:center;
	line-height:15px;
	margin-top:5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	height:25px
}
.features-books2 .slide2 .title a {
    color: #000;text-align:center; 
}


.features-books .slide .title a:hover {
    color: #8EAD25;
	text-decoration:none
}
.features-books2 .slide2 img {
    margin: 0 0 5px;	height:207px;
	width:150px
	

}
.features-books2 .pro-img2 {
    -moz-box-shadow: 2px 2px 2px #888888;
    -webkit-box-shadow: 2px 2px 2px #888888;
    box-shadow: 2px 2px 2px #888888;
}


.features-books2 .bx-wrapper .bx-prev {
    left: -17px;
}
.features-books2 .bx-wrapper .bx-next {
    right: -44px;
}
/* End Featured Books Css */
/* Start Slider2 for Best Sellers */








.best-sellers .bx-pager {
    display: none;
}
.best-sellers .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    border: solid #fff 0;
    background: transparent;
}
.best-sellers .slide {
    background: #f6f6f6;
    text-align: center;
}
.slide2-caption {
    padding: 10px 14px;
    background: #809f14;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}
.slide2-caption .left {
    float: left;
    width: 67%;
    text-align: left;
}
.slide2-caption .right {
    float: right;
    width: 30%;
}
.slide2-caption .price {
    float: none;
    border: 0;
    font-size: 20px;
    padding: 0;
    font-family: Calibri;
    margin: 0 0 5px;
    display: block;
}
.slide2-caption .title {
    display: block;
    font-size: 14px;
}
.slide2-caption .title a {
    color: #fff;
}
.slide2-caption .author-name {
    color: #010101;
    font-size: 12px;
}
.slide2-caption .rating-bar {
    float: right;
}
.best-sellers .bx-controls-direction a {
    top: 35%;
}
/* End Slider2 for Best Sellers */
/* Start Featured Authore Section */

.featured-author {
    margin-top: 73px;
    background: #f8f8f8;
    border-top: 7px solid #809f14;
    border-bottom: 2px solid #809f14;
    position: relative;
}
.featured-author:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.author-img-holder {
    border: 8px solid #809f14;
    left: 40px;
    position: absolute;
    top: -80px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index: 100
}
.author-img-holder img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.author-img-holder img:hover {
    opacity: .9;
    -webkit-transform: scale(1.05, 1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05, 1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
}
.featured-author .left {
    width: 57%;
    float: left;
}
.featured-author .right {
    width: 35%;
    float: right;
    padding: 22px;
    background: #EEF5E5;
}
.author-det-box {
    position: relative;
}
.author-det {
    padding: 41px 0 17px 220px;
    overflow: hidden;
}
.author-det-box .title,
.author-det-box .title2 {
    display: block;
    margin: 0 0 5px;
    font-size: 24px;
}
.author-det-box .title {
    color: #070707;
}
.author-det-box .title2 {
    color: #809f14;
    margin: 0 0 20px;
}
.author-det-box .books-list {
    list-style: none;
    margin: 0 0 0 -10px;
}
.author-det-box .books-list li {
    float: left;
    margin: 0 0 10px 10px;
}


.author-det-box .books-list li img {
width:59px;
height:83px
}



.current-book {
    float: left;
    margin-right: 20px;
    width: 57%;
}
.current-book .title {
    font-size: 18px;
    margin: 0 0 10px;
    display: block;
}
.current-book .title a {
    color: #2e2e2e;
}

.current-book .title a:hover {
    color: #98B827
}

.c-b-img {
    float: right;
    width: 108px;
}
.featured-author .ico-holder {
    position: absolute;
    bottom: 30px;
    left: 20px;
    text-align: center;
    width: 180px;
}
.featured-author #socialicons > a {
    float: none;
}
/* End Featured Authore Section */
/* Start Latest from the Blog */

.blog-section .bx-wrapper {
    float: left;
    margin-top: 40px;
}

.blog-section p{
text-align:justify;
font-size:13px
}

.blog-section {
    position: relative;
}
.blog-section .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    border: solid #fff 0;
    background: transparent;
}
.blog-section .bx-wrapper .bx-prev {
    left: -17px;
}
.blog-section .bx-wrapper .bx-next {
    right: -44px;
}
.blog-section .bx-controls-direction {
    position: absolute;
    right: 44px;
    top: -86px;
}
.blog-section .bx-wrapper .bx-pager {
    display: none;
}
.post-det {
    float: right;
    width: 49%;
}
.post-det h3 {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 24px;
}
.post-det h3 a {
    color: #000;
}


.post-det h3 a:hover {
    color: #98B827;
	text-decoration:none
}



.comments-num {
    display: block;
    margin: 0 0 5px;
}
.post-det p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}
.post-img {
    float: left;
    margin-right: 5%;
    width: 45%;
    position: relative;
}



.post-img img{
    float: left;
    margin-right: 5%;
    width:190px;
	height:120px;
    position: relative;
}



.post-date {
    position: absolute;
	 opacity: .9;
    top: 0;
    right: 1px;
    width: 55px;
    height: 48px;
    text-align: center;
    background: #809f14;
    color: #fff;
	padding-top:3px;
	  font-size: 11px;
	  line-height:normal
}
.post-date span {
    font-size: 12px;
    display: block;
}
/* End Latest from the Blog */
/* Start Testimonials Section */

.testimonials .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    border: solid #fff 0;
    background: transparent;
}
.author-name-holder {
    background: url(../images/author-img-holder.png) no-repeat;
    width: 93px;
    height: 98px;
    margin: 0 auto 17px;
    text-align: center;
}
.author-name-holder img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    margin: 10px 0 0;
    width: 78%;
    margin-bottom: 18px;
}
.testimonials .title {
    text-align: center;
    font-size: 18px;
    display: block;
    text-transform: normal;
    font-weight: normal;
}
.testimonials .title span {
    color: #a6cf42;
    display: block;
}
.testimonials p {
    background: url(../images/qouts-icon.png) no-repeat top left;
    padding-top: 50px;
}
.testimonials .bx-pager {
    display: none;
}
.testimonials .bx-wrapper .bx-controls-direction a {
    top: 13%;
}
.testimonials .bx-wrapper .bx-prev {
    left: 30px;
}
.testimonials .bx-wrapper .bx-next {
    right: 30px;
}
.testimonials .bx-wrapper .bx-prev {
    background: url(../images/controls1.png) no-repeat 0 -32px;
}
.testimonials .bx-wrapper .bx-next {
    background: url(../images/controls1.png) no-repeat -43px -32px;
}
.testimonials .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.testimonials .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
/* End Testimonials Section */
/* End Content Css */
/* Start Footer Top 1 Css */

.footer-top1 {
    background: url(../images/footer-top1.jpg) repeat;
    padding: 57px 0;
    font-size: 14px;
}
.footer-top1 h4 {
    font-size: 30px;
    color: #333;
    margin: 0 0 40px;
}
.tweets-list,
.phon-list {
    margin: 0;
    list-style: none;
}
.tweets-list li {
    margin: 0 0 10px;
}
.phon-list {
    margin: 0 0 20px;
    list-style: none;
    color: #809f14;
}
.mail-list a {
    color: #555;
}
.footer-top1 input[type="text"] {
    border: 1px solid #dadada;
    width: 95%;
    margin: 0 0 20px;
    font-size: 14px;
    color: #838383;
    font-family: Calibri;
}
.footer-top1 .sub-btn {
    font-size: 18px;
    font-family: Calibri;
    font-weight: bold;
    background: #809f14;
    padding: 6px 15px;
    float: right;
    color: #fff;
    border: 0;
    cursor: pointer;
}
/* End Footer Top 1 Css */
/* Start Footer Top 2 Css */

.footer-top2 {
    background:#98B827;
    padding: 0 0 10px;
    font-size: 14px;
    border-top: 4px solid #191919;
}
.footer-top2 h4 {
    font-size: 30px;
    color: #f1f1f1;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ccc;
}
.social-ico-bar {
	overflow: hidden;
	background: url(../images/social-ico-bar-bg.jpg);
	border-top: 1px solid #434343;
	border-bottom: 1px solid #434343;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 0;
}


.social-ico-bar2 {
	overflow: hidden;
	background: url(../images/social-ico-bar-bg.jpg);
	border-top: 1px solid #434343;
	border-bottom: 1px solid #434343;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}






.footer2-link {
    margin: 0;
    float: right;
    list-style: none;
}
.footer2-link li first-child {
    margin: 0;
}
.footer2-link li {
    margin: 0 0 0 15px;
    float: left;
    line-height: 30px;
}
.footer2-link li a {
    color: #fff;
}
.f2-pots-list {
    margin: 0;
    list-style: none;
}
.f2-pots-list li {
    margin: 0 0 28px;
    position: relative;
    padding: 0 0 0 50px;
}
.f2-pots-list li a {
    color: #fff;
}
.footer-top2 .comments-num {
    color: #8d8d8d;
}
.post-date2 {
    background: #809F14;
    color: #fff;
    height: 30px;
    left: 0;
    line-height: 15px;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 39px;
}
.f2-img-list {
    margin: 0;
    list-style: none;
    margin-left: -10%;
}
.f2-img-list li {
    width: 40%;
    margin: 0 0 20px 10%;
    color: #000;
    float: left;
}
.f2-img-list li .left {
    float: left;
    margin-right:5px;
    width: 60px;
}
.f2-img-list li .right {
    float: right;
    width: 88px;
}
.f2-img-list li .right .title {
    display: block;
}
.f2-img-list li .right .title a {
    color: #fff;
}
/* End Footer Top 1 Css */
/* Start Main Footer */

#main-footer .social-ico-bar {
    margin: 0;
}
#main-footer p {
    margin: 0;
    color: #fff;
}
#main-footer p a {
    color: #fff;
}
#main-footer .row-fluid [class*="span"] {
    margin-bottom: 0;
    line-height: 30px;
}
.copy-right {
    text-align: right;
}
/* End Main Footer */
/* Start Side Bar Styling */

.side-holder {
    margin: 0 0 20px;
}
.side-holder .title {
    color: #98b827;
    display: block;
    margin: 0 0 5px;
}
.side-inner-holder {
	background: #fcfcfc;
	border: 1px solid #e5e5e5;
	border-top: 0;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
}
.side-holder h2 {
    background: #98b827;
    font-size: 20px;
    color: #fefefe;
    line-height: 20px;
    padding: 10px;
    margin: 0;
}
.banner-ad img {
    width: 100%;
}
.side-list {
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.side-list li {
    margin: 0 0 5px;
    padding-left: 15px;
    background: url(../images/list-type.png) no-repeat left 5px;
}
.side-list li a {
    color: #000;
}

.side-list li a:hover {
      color: #98B827;
}



.jumblog{
    color: #98B827;
	float:right
}



.r-img-title {
    margin: 0 0 15px;
    overflow: hidden;
}
.r-img-title img {
    float: left;
    margin-right: 10px;
    border: 1px solid #dcdcdc;
}
.r-det-holder {
    float: left;
    width: 150px;
}
.r-author {
    font-size: 18px;
    display: block;
    font-weight: normal;
}
.r-author a {
    color: #2c2c2c;
}
.r-by {
    display: block;
    margin: 0 0 5px;
}
.r-img-title .rating-bar img {
    border: 0;
}
.r-post p {
    margin: 0;
    font-size: 12px;
    color: #000;
}
.r-type {
    font-size: 12px;
    color: #98b827;
    display: block;
    margin: 0 0 5px;
}
.r-author {
    font-size: 12px;
    color: #000;
    display: block;
}
.r-post:first-child {
    margin: 0;
    border-top: 0;
    padding: 0;
}
.r-post {
    border-top: 1px dotted #dcdcdc;
    padding-top: 10px;
    margin-top: 13px;
}
.vote-btn {
    font-size: 14px;
    font-weight: bold;
    background: #809f14;
    padding: 6px 15px;
    display: inline-block;
    color: #fff;
}
.price-range {
    color: #000;
}
.poll-list {
    margin: 0 0 20px;
    list-style: none;
}
.poll-list li {
    margin: 0 0 5px;
    line-height: 20px;
}
.poll-list input[type="radio"] {
    margin: 0 5px 0 0;
}
/* End Side Bar Styling */
/* Start Blog Slider Styling */

.blog-sec-slider {
    margin: 0 0 35px;
}
.blog-sec-slider .slide img {
    width: 100%;
}



.blog-sec-slider .bx-pager.bx-default-pager {
    display: none;
}
.blog-sec-slider .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    border: solid #fff 0;
    background: transparent;
}
.blog-sec-slider .bx-wrapper .bx-next {
    left: 43px;
}
.blog-sec-slider .bx-controls-direction {
    bottom: 38px;
    left: 10px;
    position: absolute;
}
.blog-sec-slider .bx-wrapper .bx-prev {
    background: url(../images/controls2.png) no-repeat 0 -32px;
}
.blog-sec-slider .bx-wrapper .bx-next {
    background: url(../images/controls2.png) no-repeat -43px -32px;
}
.blog-sec-slider .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.blog-sec-slider .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
/* End Blog Slider Styling */
/* Start Blog Post Styling */

.b-post {
    margin: 0 0 35px;
}
.b-post h3 {
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 20px;
    color: #090909;
}
.b-post p,
.b-post-img {
    margin: 0 0 23px;
}
.b-post-img img {
    width: 100%;
}
.b-post-bottom {
    padding: 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}
.post-nav {
    float: left;
    margin: 0;
    list-style: none;
    font-size: 18px;
}
.post-nav li:first-child {
    padding: 0;
    background: none;
}
.post-nav li {
    float: left;
    margin-right: 5px;
    background: url(../images/post-nav-sep.png) no-repeat left;
    padding-left: 10px;
}
.post-nav li a {
    color: #98B827;
}
.more-btn {
    float: right;
    background: #98b827;
    padding: 4px 14px;
    font-size: 12px;
    color: #fff;
    border: 0;
    text-transform: uppercase;
}



.harga-btn {
    float:left;
    background: #98b827;
    padding: 3px 10px;
    font-size: 17px;
    color: #fff;
    border: 0;
    text-transform: uppercase;
	margin-right:8px;
	font-weight:bold
}

.harga-btn:hover {
text-decoration:none
}


.more-btn:hover {
    text-decoration: none;
}
.more-btn.left {
    float: left;
    margin-right: 10px;
	
}
.blog-footer {
    padding: 10px 0;
}
.blog-footer .pagination {
    margin: 0;
    float: left;
}
.blog-footer .pagination a {
    color: #000;
}
/* End Blog Post Styling */
/* Start Blog Detail Styling */

.blog-detail .b-post-bottom {
    margin: 0 0 20px;
}
.blog-detail i {
    font-size: 20px;
    margin-right: 10px;
}

.blog-detail p{
text-align:justify
}




.blog-quote p {
    color: #aaa;
}
.form-horizontal textarea {
    width:100%;
    min-height: 150px;
    max-height: 150px;
}
/* Start Blog Detail Styling */
/* Start Sort list Section */

.product_sort {
    overflow: hidden;
    padding: 10px 0 5px;
}
.product_sort #productsSortForm {
    float: left;
}
.product_view {
    float: right;
    list-style: none outside none;
    margin-top: 4px;
}
.product_view li {
    float: left;
    margin-left: 15px;
    overflow: hidden;
}
.product_view li a.grid-view {
    background: url(../images/grid-icon.png) no-repeat top;
    width: 25px;
    height: 16px;
    text-indent: -999px;
    display: block;
}
.product_view li a.grid-view:hover {
    background-position: bottom;
}
.product_view li a.list-view {
    background: url(../images/list-icon.png) no-repeat top;
    width: 25px;
    height: 16px;
    text-indent: -999px;
    display: block;
}
.product_view li a.list-view:hover {
    background-position: bottom;
}
.product_view {
    float: right;
}
.row-1 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 7px;
    margin-bottom: 7px;
    overflow: hidden;
}
.row-1 .left {
    float: left;
    width: 50%;
}
.row-1 .right {
    float: right;
    width: 50%;
    text-align: right;
}
.row-1 .right select {
    width: 50px;
    margin: 0 10px;
}
.row-1 .s-title {
    float: left;
    margin-right: 10px;
    line-height: 24px;
}
.row-1 .list-nav {
    float: left;
}
.row-1 .list-nav select {
    font-size: 13px;
    margin: 0;
    color: #7f7f7f;
    height: 24px;
    padding: 2px;
    width: 100px;
    border: 1px solid #cfcfcf;
}
/* End Sort list Section */
/* Start Book Detail Section */

.b-detail-holder {
    border: 1px solid #e5e5e5;
    overflow: hidden;
}
.title-holder {
    overflow: hidden;
    background: #fafafa;
    border-bottom: 1px solid #e5e5e5;
    padding: 11px 11px 3px;
}
.title-holder h4 {
    margin: 0;
}
.title-holder h4 i {
    color: #98b827;
}
.title-holder [class*="span"] {
    margin: 0 !important;
}
.book-d-nav {
    text-align: right;
}
.book-d-nav ul {
    margin: 0;
    list-style: none;
}
.book-d-nav ul li {
    display: inline-block;
    margin-left: 10px;
}
.book-d-nav ul li a {
    color: #000;
}
.book-i-caption {
    padding: 15px;
    overflow: hidden;
    margin-bottom: 50px;
}
.book-i-caption .title {
    color: #98b827;
    margin: 0 0 15px;
    display: block;
    font-size: 18px;
}
.comm-nav {
    overflow: hidden;
    margin-top: 50px;
}
.comm-nav .title2 {
    display: block;
    margin: 0 0 5px;
}
.comm-nav ul {
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.comm-nav ul li {
    float: left;
    margin-right: 10px;
}
.comm-nav ul li.b-price {
    font-size: 18px;
    color: #000;
}



.detailharga{
    font-size:24px;
    color: #000;
}




.comm-nav ul li input[type="text"] {
    width: 60px;
}
.b-img-holder {
    border: 1px solid #e5e5e5;
    padding: 25px 10px;
    text-align: center;
}
/* End Book Detail Section */
/* Start Related Books Section */

.related-book {
    padding: 15px;
}
.related-book .bx-pager {
    display: none;
}
.related-book .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    border: solid #fff 0;
    background: transparent;
}
.related-book .slide {
    padding: 18px;
    border: 1px solid #e5e5e5;
    transition: width 1s;
    -moz-transition: 1s;
    /* Firefox 4 */
    
    -webkit-transition: 1s;
    /* Safari and Chrome */
    
    -o-transition: 1s;
    /* Opera */
}
.related-book .slide:hover {
    background: #f9f9f9;
    border-color: #85a319;
    -moz-box-shadow: 0 0 7px #ccc;
    -webkit-box-shadow: 0 0 7px #ccc;
    box-shadow: 0 0 7px #ccc;
}
.related-book .slide .title {
    display: block;
    margin: 0 0 5px;
    color: #000;
    font-size: 13px;
	text-align:center;
	line-height:normal
}
.related-book .slide .title a {
    color: #000;
	text-align:center;line-height:normal
}
.related-book .slide img {
    margin: 0 0 5px;
	height:207px
	
}
.related-book .pro-img {
    -moz-box-shadow: 2px 2px 2px #4e4e4e;
    -webkit-box-shadow: 2px 2px 2px #4e4e4e;
    box-shadow: 2px 2px 2px #4e4e4e;
}
.related-book .bx-controls-direction {
    position: absolute;
    right: 44px;
    top: -46px;
}
.related-book .bx-wrapper .bx-prev {
    left: -17px;
}
.related-book .bx-wrapper .bx-next {
    right: -44px;
}
.related-book .bx-wrapper {
    max-width: 100% !important;
}
/* End Related Books Section */
/* Start Reviews Section */

.reviews-section {
    border-top: 2px solid #98b827;
    overflow: hidden;
}
.left-sec {
    float: left;
    width: 29.8%;
}
.right-sec {
    float: left;
    width: 70%;
    border-left: 1px solid #dcdcdc;
}
.right-sec.r-border {
    border-right: 1px solid #dcdcdc;
    min-height: 400px;
    padding: 3%;
    width: 64%;
}
.r-title-bar {
    background: #fafafa;
    padding: 8px 10px;
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 20px;
}
.r-title-bar strong {
    font-weight: normal;
}
.review-list {
    list-style: none;
    margin: 0;
    padding: 0 20px;
    font-size: 12px;
}
.review-list em {
    display: block;
    margin: 0 0 10px;
    color: #98b827;
    font-style: normal;
}
.review-list li {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #dcdcdc;
}
.review-list li p {
    margin: 0;
    color: #000;
}
.grey-btn {
    display: block;
    color: #fff;
    background: #292929;
    padding: 6px 0;
    margin: 10px 20px;
    text-align: center;
}
.grey-btn:hover {
    text-decoration: none;
    background: #000;
    color: #fff;
}
.grey-btn.left-btn {
    float: left;
    padding: 6px 10px;
}
.review-f-list {
    margin: 0;
    list-style: none;
    padding: 0 20px;
}
.review-f-list li {
    margin: 0 0 10px;
}
.review-f-list li textarea {
    max-width: 60%;
    min-width: 60%;
    min-height: 150px;
    max-height: 150px;
}
.rating-list {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding: 10px 0;
}
.rating-box {
    display: inline-block;
}
/* End Review form Section */
/* Start Check Method Section */

.check-method-left {
    color: #000;
    border-right: 1px solid #dcdcdc;
    padding-right: 30px;
}
.green-t {
    display: block;
    margin: 0 0 10px;
    color: #98b827;
}
.form-horizontal .controls {
    margin: 0;
}
.form-horizontal .control-label {
    display: block;
    float: none;
    text-align: left;
}
.form-horizontal .control-group {
    margin: 0 0 5px;
}
.check-method-right input[type="text"] {
   
}
.checkout-holder {
    border: 1px solid #E5E5E5;
    overflow: hidden;
    margin-bottom: 70px;
}
.checkout-holder .accordion-group {
    border-left: 0;
    border-top: 0;
}
.checkout-holder .accordion {
    margin: 0;
}
.checkout-holder [class*="span"] {
    margin-bottom: 0 !important;
}
.review-list {
    margin: 0;
    list-style: none;
}
.review-list a {
    color: #000;
    display: block;
}
.checkout-holder .row-fluid .span3 {
    width: 25.6%;
}
/* End Check Method Section */
/* Start Order Review Section */

.btn-holder {
    overflow: hidden;
}
.more-btn2 {
    float: left;
    background: #2a2a2a;
    padding: 4px 14px;
    font-size: 12px;
    color: #fff;
    border: 0;
    text-transform: uppercase;
}
.more-btn2:hover {
    text-decoration: none;
    background: #494949;
    color: #fff;
}
.accordion-inner tr {

    text-align: center;
}
.accordion-inner tr.heading-bar-table {
    background: #7cad0f;
  
    color: #fff;
}
.accordion-inner.no-p {
    padding: 0;
}
/* End Order Review Section */
/* Start Billing Info Section */

.billing-form {
    margin: 0;
    list-style: none;
}
.billing-form li {
    overflow: hidden;
}
.billing-form li label {
    display: block;
    float: none;
    text-align: left;
}
.billing-form li .control-group {
    float: left;
    margin-right: 30px;
}
.billing-form li .controls {
    margin: 0 !important;
}
.billing-form li .control-group {
    margin-bottom: 10px !important;
}
.billing-form input[type="text"] {
   
}
.billing-form input[type="text"].address-field {
    width: 593px;
}
.billing-form select {
    width: 287px;
    font-size: 12px;
}
.billing-form .green-t {
    margin: 10px 0 0;
}
.b-label {
    float: left !important;
    margin-right: 20px;
    margin-top: 10px !important;
}
/* Start Billing Info Section */
/* Start Payments Info Section */

.label-holder {
    overflow: hidden;
}
.billing-form select.month-list {
    float: left;
    width: 60%;
}
.billing-form select.year-list {
    float: right;
    width: 30%;
}
.w-extra {
    width: 287px;
}
/* End Payments Info Section */
/* Start Contact Page Section */

.map-holder {
    margin: 0 0 20px;
}
.c-form-holder .form-horizontal textarea {
    max-width: 95%;
    min-width: 95%;
}
/* End Contact Page Section */
/* Start Order Recieved Section */

.order-list {
    margin: 0;
    list-style: none;
    padding: 0 20px 20px;
}
.order-list li:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.order-list li {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px dotted #dcdcdc;
}
.order-list li span {
    color: #1e1e1e;
    font-size: 18px;
}
/* End Order Recieved Section */
/* Start Grid View Section */

.grid-holder {
    margin: 0 0 20px;
}
.grid-holder img {
    width: 100%;
}
.grid-holder.features-books .pro-img {
    -moz-box-shadow: 0 0 0 #4e4e4e;
    -webkit-box-shadow: 0 0 0 #4e4e4e;
    box-shadow: 0 0 0 #4e4e4e;
}
.grid-holder.features-books .slide .title a {
    font-size: 18px;
}
/* End Grid View Section */
/* Start List View Section */

.item-holder {
    overflow: hidden;
    border-bottom: 1px dotted #dcdcdc;
    margin-bottom: 17px;
    color: #000;
}
.title-bar {
    margin: 0 0 10px;
}
.title-bar a {
    font-size: 18px;
    font-weight: bold;
}
.title-bar span {
    display: block;
    font-weight: normal;
    color: #646464;
	font-size:14px
}
/* End List View Section */
/* Start Cart Section */

.cart-holder .heading-bar {
    overflow: hidden;
}
.cart-holder .heading-bar h2 {
    float: left;
}
.cart-table-holder {
    padding: 1px;
    background: #f9f9f9;
    border: 1px solid #efefef;
    margin-bottom: 10px;
}
.product-detail {
    border: 1px solid #e5e5e5;
    color: #000;
}
.product-detail input[type="text"] {
    width: 30px;
    margin: 0 30px;
    text-align: center;
}
.product-detail i {
    font-size: 18px;
}
.product-detail td {
    border-right: 1px solid #efefef;
}
.cart-option-box {
    border: 1px solid #e5e5e5;
    padding: 20px;
    color: #000;
}
.cart-option-box i {
    color: #98b827;
    font-size: 28px;
}
.cart-option-box h4 {
    text-transform: uppercase;
    font-size: 24px;
}
.cart-option-box .more-btn {
    float: none;
    font-size: 16px;
}
.cart-option-box form {
    margin: 0;
}
.price-total {
    text-align:right;
}
.large-f {
    font-size: 24px;
}
.total-payment {
    margin: 0 0 20px;
}
.price-total .more-btn {
    margin: 0 0 20px;
    display: inline-block;
}
/* End Cart Section */
/* Start Price Range Style */

.price-range input[type="text"] {
    margin: 0;
    border: 0;
    background: transparent;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
}
/* End Price Range Style */
/* Start Main Slider Style */

.main-slider {
    position: relative;
}
.slider-bottom {
    max-width: 938px;
    margin: 0 auto;
    display: block;
}
.slider-bottom img {
    width: 100%;
}
.slide-inner {
    padding: 35px;
}
.book-holder img {
    margin-bottom: 10px;
    -moz-box-shadow: 4px 4px 4px #757575;
    -webkit-box-shadow: 4px 4px 4px #757575;
    box-shadow: 4px 4px 4px #757575;
	height:325px
	
}
.slide-inner .cart-btn2 {
    background: url(../images/cart-icon2.png) no-repeat;
    display: inline-block;
    float: none;
}
.slide-inner .price {
    float: none;
    display: inline-block;
    border-left:0px solid #5a5a5a;
    font-size: 24px;
}
.book-detail {
    text-align: left;
}
.book-detail h2 {
    font-size: 30px;
    color: #232323;
    margin: 0 0 10px;
}


.book-detail h2:hover {
    font-size: 30px;
    color:#98B827;
    margin: 0 0 10px;
	text-decoration:none;
}

.book-detail .title {
    color: #98b827;
    font-size: 20px;
    display: block;
    margin: 0 0 10px;
}
.shop-btn {
    background: url(../images/shop-btn.png) no-repeat;
    width: 130px;
    height: 42px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    color: #fff;
    margin: 25px 0 43px;
}
.cap-holder {
	padding-top:5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.cap-holder a {
    color: #fff;
    font-weight: bold;
    border-top: 2px solid #fff;
    display: inline-block;
    padding: 7px 0 0;
}
.cap-holder a:hover {
    text-decoration: none;
}
/* End Main Slider Style */
/* Start About Section */

.content-img {
    float: left;
    margin: 0 15px 15px 0;
}
/* End About Section */
/* Start 404 Page Styling */

h2.heading-404 {
    font-size: 255px;
    margin: -30px 0 118px;
    text-align: center;
    line-height: 208px;
    color: #4a4a4a;
}
h3.sub-heading-404 {
    font-size: 26px;
    text-align: center;
}
/* End 404 Page Styling */
/* Start Short Codes Styling */

.the-icons {
    margin: 0;
}
.the-icons li {
    float: left;
    list-style: none;
    line-height: 25px;
    width: 25%;
}
/*----------- Drop Capes -----------*/

.dropcap {
    background: #fcfcfc;
    color: #666;
    display: inline-block;
    float: left;
    font-size: 23px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 36px;
    border: 1px solid #f6f6f6;
    font-family: 'AgencyFB-Bold';
}
.dropcap.dark {
    background: #3a3a3a;
    color: #fff;
}
.dropcap.color {
    background: #98b827;
    color: #fff;
}
/*----------- End Drop Capes -----------*/
/*----------- Dividers -----------*/

.text-divider1 {
    border-top: 1px solid #CCCCCC;
    margin-bottom: 19px;
}
.text-divider2 {
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    display: block;
    margin-bottom: 19px;
    text-align: right;
    width: 100%;
}
.text-divider2:hover,
.text-divider4:hover {
    color: #666666;
    text-decoration: none;
}
.text-divider3 {
    border-top: 1px dashed #CCCCCC;
    margin-bottom: 19px;
}



.text-divider6 {
    border-top: 1px dashed #CCCCCC;
    margin-bottom:5px;
}




.text-divider4 {
    border-bottom: 1px dashed #CCCCCC;
    color: #666666;
    display: block;
    margin-bottom: 19px;
    text-align: right;
    width: 100%;
}
.text-divider5,
.text-divider6 {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 19px;
    width: 100%;
}
.text-divider5 span {
    display: block;
    float: left;
    height: 6px;
    width: 111px;
}
.text-divider6 span {
    display: block;
    float: right;
    height: 6px;
    width: 111px;
}


.text-divider0 {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 19px;
}





/*----------- End Dividers -----------*/
/*----------- Icons Dividers -----------*/

.the-icons {
    list-style: none outside none;
    margin-left: 0;
}
.the-icons li {
    float: left;
    line-height: 25px;
    width: 25%;
}
/*----------- End Icons Dividers -----------*/
/* End Short Codes Styling */






/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{
	width:100%; 
	height:42px; 
	background:#333; 
	border-bottom:solid 4px #98B827;
	-webkit-box-shadow:0 0 4px #BBBBBB;
	-moz-box-shadow:0 0 4px #BBBBBB;
	box-shadow:0 0 4px #BBBBBB;

	}
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
	padding:0;
	float:left;
	list-style:none;
	margin-top: 0px;

	margin-bottom: 0px;
	margin-left:80px;
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	position:relative;
	float:left; 
	}
.menu ul li a{
	display:block;
	height:42px; 
	padding:0 15px; 
	font:15px/45px 'Anaheim', sans-serif; 
	color:#fff;
	font-weight:bold;
	text-transform:uppercase; 
	text-decoration:none;
	-webkit-transition:background 190ms ease-in, color 190ms ease-in;
	-moz-transition:background 190ms ease-in, color 190ms ease-in;
	-ms-transition:background 190ms ease-in, color 190ms ease-in;
	-o-transition:background 190ms ease-in, color 190ms ease-in;
	transition:background 190ms ease-in, color 190ms ease-in;
	}
/* ========== MAIN LINKS ON MOUSEOVER  ========== */
.menu ul:hover li.active > a{
	background:#333; 
	color:#777; 
	}	
.menu ul li.active > a, .menu ul li:hover > a, .menu ul li.active:hover > a{
	background:#98B827; 
	color:#FFF; 
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{
	color:#CCC;
	}
/* ========== DROPDOWN MENU ========== */
.menu ul ul{
	position:absolute;
	visibility:hidden;
	opacity:0;
	z-index:9999;
	padding-top:4px; 
	background:#98B827; 
	border-bottom:solid 2px #98B827;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	-webkit-transition:all 240ms ease-out 20ms;
	-moz-transition:all 240ms ease-out 20ms;
	-ms-transition:all 240ms ease-out 20ms;
	-o-transition:all 240ms ease-out 20ms;
	transition:all 240ms ease-out 20ms;
	}
.menu ul li:hover > ul{
	visibility:visible;
	opacity:1;
	margin-left:0;
	}
/* ========== LINKS IN DROPDOWN MENU ========== */
.menu ul ul li{
	cursor:pointer;
	border:solid 1px #92B125;
	border-bottom:none;
	}
.menu ul ul li a{
	width:250px; 
	height:31px;
	padding-right:0; 
	font-size:13px; 
	color:#FFF; 
	line-height:32px;
	text-transform:none;
	}
.menu ul ul li span{
	position:absolute;
	top:0;
	right:10px;
	font-size:16px; 
	}
/* ========== LINKS ON MOUSEOVER IN DROPDOWN MENU ========== */
.menu ul ul li:hover > a{
	background:#ABD02D;
	}
/* ========== LINKS ON MOUSE CLICK IN DROPDOWN MENU ========== */
.menu ul ul li a:active{
	color:#CCC; 
	}
/* ========== DROPDOWN MENU LVL 2,3,4,... ========== */
.menu ul ul ul{
	top:-1px;
	left:100%;
	padding:0;
	}
/* ========== SEARCH BOX ========== */
#search_box{
	margin:6px 6px 0 0;
	float:right; 
	border:solid 1px #555;
	}
/* ========== SEARCH FIELD ========== */	
#search_box input[type="text"]{
	width:160px; 
	height:24px; 
	padding:3px 4px 0;
	float:left; 
	font:15px/25px 'Anaheim', sans-serif; 
	color:#666; 
	background:#333;
	border:none;
	-webkit-transition:color 200ms linear;
	-moz-transition:color 200ms linear;
	-ms-transition:color 200ms linear;
	-o-transition:color 200ms linear;
	transition:color 200ms linear;
	}
/* ========== SEARCH BUTTON ========== */
#search_box input[type="submit"]{
	width:28px; 
	height:28px; 
	float:left; 
	background-image:url(../images/search_icon.png); 
	background-color:#333; 
	border:none;
	cursor:pointer;
	}
	







	
.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:5px;
		right:14px;
		width:46px;
		height:35px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background:#222 url(../images/list_icon.png) no-repeat center;
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		-webkit-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu p{
		display:none;
		position:absolute;
		top:12px;
		left:14px;
		margin:0;
		font:19px Arial, Helvetica, sans-serif;
		color:#98B827;
		}
		
		
		
		
		
@media only screen and (max-width: 1024px){
	.menu{
		width:95%;
		}
	.menu #search_box{
		display:none;
		}
	.menu ul ul{
		margin:0;
		}
	}
@media only screen and (max-width: 768px){
	.menu input, .menu label, .menu p{
		display:block;
		}
	.menu{
		width:62%;
		min-height:46px;
		height:100%;
		position:relative;
		overflow:hidden;
		}
	.menu ul {
		margin-top:46px;
		display:none;
		}
	.menu ul li{
		width:100%;
		}
	.menu ul li a{
		height:40px;
		line-height:42px;
		font-size:18px;
		}
	.menu ul ul{
		width:100%;
		display:block;
		position:static;
		visibility:visible;
		opacity:1;
		margin:0;
		padding:0;
		overflow:hidden;
		border:none;
		background:none;
		}
	.menu ul ul li{
		width:25%;
		float:left;
		border:none;
		}
	.menu ul ul li a{
		width:auto;
		padding:0;
		text-align:center;
		color:#888;
		}
	.menu ul ul li:hover a{
		background:#98B827;
		}
	.menu ul ul ul, .menu ul ul li a span{
		display:none;
		}
	}
@media only screen and (max-width: 480px) {
	.menu{
		width:92%;
		}
	}












#demo-header {
    width: 250px;
    height: 27px;

    position: relative;
    z-index: 999;
    top: -4px;
}


#cart-link {
   
}



#cart-panel {
    position: absolute;
    top: 33px;
    left: -10px;
    width: 250px;
    padding: 20px 15px 5px 15px;
    background: #fff;
    font-size: 12px;
    display: none;
    z-index: 9999;
    float: left;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 1px solid #e5e5e5;
}

#cart-panel .item-cart table {
    width: 100%;
    float: left;
    font-size: 12px;
}

#cart-panel .item-cart table tr td {
    border-bottom: 1px solid #e5e5e5;
    color: #7e7e7e;
    margin: 0;
    text-align: left;
    vertical-align: top;
    padding: 7px 0;
}

#cart-panel .item-cart table tr td.name {
    padding: 7px 12px;
	line-height:normal
}

#cart-panel .item-cart table tr td.total {
    padding: 7px 12px;
}

#cart-panel .item-cart table tr td.remove {
    padding: 12px;
    background: url(../images/icon-delete.png) no-repeat right top 8px;
}

#cart-panel .item-cart table tr td.textright {
    text-align: right;
}

#cart-panel .item-cart table tr td img {
    text-align: left;
    margin: 0;
}

#cart-panel .item-cart .buttoncart {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 20px;
}

#cart-panel .item-cart .buttoncart a {
    font-size: 12px;
    color: #fff !important;
    background: #98B827;
    padding: 8px 20px;
	text-decoration:none
}

#cart-panel .item-cart .buttoncart a:hover {
    background:#79941F;
		text-decoration:none

}


/* ==================== MODAL GANTI PASSWORD ==================================*/
.pwrd {
color: #14bfcc}

.input-text {
color: #fff;
font-weight:bold}


#modal {
	left:65%;
	margin:-50px 0 0 -30%;
	opacity: 0;
	position:absolute;
	top:-50%;
	visibility: hidden;
	width:30%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	z-index:9999
}
	/* Make the modal appear when targeted */
	#modal:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal .header,#modal .footer {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal .footer {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal h2 {
	margin:0;
	
}
#modal .tombol {
	float:right;
	margin-top:-30px
}
#modal .copy,#modal .header, #modal .footer {
	padding:15px;
}
.modal-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal .copy {
	background:#839F22;
}

#modal .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

.tombol {
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	color:#555;
	display:inline-block;
	padding:5px 10px;
	text-decoration:none;
	border-radius:20px;}
	
.tombol:active {
	text-decoration:none;
background-color: #f6f6f6;}

.tombol.go {	text-decoration:none;
background-color: #3dda38;}

.tombol.go:active {	text-decoration:none;
background-color: #3dda38;}









/****************************************************************
 MODAL BOX
 ****************************************************************/
  
  #simplemodal-caption {
	font-size: 12px;
	background-color: #98B827;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#simplemodal-overlay {
    background-color: #000;
    cursor: wait;
}

#simplemodal-container {
    border: 5px solid #98B827;
  	margin-bottom: -10px;

}

#simplemodal-container a.modalCloseImg {
	width: 102px;
	height: 25px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -25px;
	right: -5px;
	cursor: pointer;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
}


.zalimage {
	padding: 3px;
	border: 1px solid #e1e1e1;
	float: left;
	margin-right:15px;
	margin-bottom: 5px;
	margin-left: 0;
}
.zalimage2 {
	padding: 3px;
	border: 1px solid #e1e1e1;
	float: left;
	margin-right:25px;
	margin-bottom: 5px;
	margin-left:0px;
}


.bukubaru {
font-size:14px;
color:#666666;
line-height:normal

}

.iklan img {
height:310px

}





.fb-container {
    width:390px;
    height:260px;
    overflow: hidden;
	
}

.fb-container > div {
     margin: -1px 0px 0px -1px;  
}

.iklan2 {
  
    height:330px;
    overflow: hidden;
	
}
.iklan2 > div {
     margin: -1px 0px 0px -1px;  
}


/* facebook comments */
.fb-comments, .fb-comments iframe[style]{width: 100% !important;background-color:#FFFFFF; }
.fb-comments span, .fb-comments iframe span[style] {width: 100% !important;background-color:#FFFFFF; }
.fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important; }
.fb-wrap {
  margin: 0 auto;
}



.textnl{
font-size:16px;
color:#FFFFFF;
margin-bottom:10px}

.textnl2{
font-size:18px;

margin-bottom:10px}

.stok{
font-size:18px;
margin-bottom:5px}



.bank {
font-size:13px;
}

.boxbank {
border-bottom: 1px solid #f2f2f2;
padding-top:5px;
padding-bottom:10px;
margin-bottom:10px;
margin-top:10px

}

.imgbank {
float:left;
margin-right:5px;
margin-bottom:5px;
}


.navprod {
font-size:14px;
  text-decoration:none
}

.navprod a:hover{
font-size:14px;
  text-decoration:none
}


.navprod a{
font-size:14px;
  text-decoration:none
}


.judprod{
font-size:20px;
  text-decoration:none;
 line-height: 20px;
 font-weight:bold
}



.panah{
font-size:14px;
  text-decoration:none;
  color:#98B827
  
}


.diskontext{
font-size:18px;
  text-decoration:none;
  color:#666
  
}


.catatan{
font-size:12px;
  text-decoration:none;
  color:#666
  
}










.jumkat{
float:right;
padding-right:5px;
color:#ffffff;}

.zalmenu li { list-style: none; }

.zalmenu li a {
	display: table;
	margin-top: 1px;
	 width: 95%;
	background:#98B827;
	color:#FFFFFF;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	
	font-family:Geneva, Arial, Helvetica, sans-serif;

	overflow: hidden;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
	transition-property: background;
	transition-duration: 0.4s;
	transition-timing-function: ease-out;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size:11px;
	font-weight:bold;
	
}

.zalmenu > li:first-child a { margin-top: 0; }

.zalmenu li a:hover {
  background:#E2EFB6;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.zalmenu li ul {
  margin: 0;
  padding: 0;
}

.zalmenu li li a {
  display: block;
  margin-top: 0;
  padding: 0 7px;
  height: 0;
  background:#F0F0F0;
  color: #1F3D39;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.zalmenu > li:hover li a {
  display: table;
  margin-top: 1px;
  padding: 7px;
  width: 95%;
  height: 1em;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.zalmenu > li:hover li a:hover {
  background: #fff;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}



/*TOOLIPS*/
[data-tooltip] {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
[data-tooltip]:before, [data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 999999;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
[data-tooltip]:before {
  content: '';
  border: 6px solid transparent;
}
[data-tooltip]:after {
  height: 22px;
  padding: 11px 11px 0 11px;
  font-size: 13px;
  line-height: 11px;
  content: attr(data-tooltip);
  white-space: nowrap;
}
[data-tooltip].simptip-position-top:before {
  border-top-color: #98B827;
}
[data-tooltip].simptip-position-top:after {
  background-color: #98B827;
  color: #ffffff;
}
[data-tooltip].simptip-position-bottom:before {
  border-bottom-color: #98B827;
}
[data-tooltip].simptip-position-bottom:after {
  background-color: #98B827;
  color: #ffffff;
}
[data-tooltip].simptip-position-left:before {
  border-left-color: #98B827;
}
[data-tooltip].simptip-position-left:after {
  background-color: #98B827;
  color: #ffffff;
}
[data-tooltip].simptip-position-right:before {
  border-right-color: #98B827;
}
[data-tooltip].simptip-position-right:after {
  background-color: #98B827;
  color: #ffffff;
}
[data-tooltip].simptip-position-top.half-arrow:before {
  border-right: 7px solid #98B827;
}
[data-tooltip].simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #98B827;
}
[data-tooltip]:hover, [data-tooltip]:focus {
  background-color: transparent;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
  opacity: 1;
  visibility: visible;
}

/******************************* Position ****************************/
.simptip-position-right:before, .simptip-position-left:before, .simptip-position-right:after, .simptip-position-left:after {
  bottom: 50%;
}
.simptip-position-right:before, .simptip-position-left:before {
  margin-bottom: -5px;
}
.simptip-position-right:after, .simptip-position-left:after {
  margin-bottom: -14.66667px;
}
.half-arrow.simptip-position-right:before, .half-arrow.simptip-position-left:before {
  bottom: 16px;
  border-style: none;
  border-top: 7px solid transparent;
}
.simptip-multiline.simptip-position-right:before, .simptip-multiline.simptip-position-left:before, .simptip-multiline.simptip-position-right:after, .simptip-multiline.simptip-position-left:after {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  margin-bottom: 0;
}
.simptip-multiline.simptip-position-right:before, .simptip-multiline.simptip-position-left:before {
  margin-bottom: 0;
}
.simptip-multiline.half-arrow.simptip-position-right:before, .simptip-multiline.half-arrow.simptip-position-left:before {
  margin-bottom: -2px;
}

.simptip-position-right:before, .simptip-position-right:after {
  left: 100%;
}
.simptip-position-right:before {
  margin-left: -2px;
}
.simptip-position-right:after {
  margin-left: 10px;
}
.simptip-position-right.simptip-movable:before {
  margin-left: -10px;
}
.simptip-position-right.simptip-movable:after {
  margin-left: 2px;
}
.simptip-position-right.simptip-movable:hover:before, .simptip-position-right.simptip-movable:hover:after {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}
.simptip-position-right.simptip-movable.half-arrow:before {
  margin-left: -5px;
}
.simptip-position-right.simptip-movable.simptip-multiline:hover:before, .simptip-position-right.simptip-movable.simptip-multiline:hover:after {
  -webkit-transform: translate(10px, 50%);
  -moz-transform: translate(10px, 50%);
  -ms-transform: translate(10px, 50%);
  -o-transform: translate(10px, 50%);
  transform: translate(10px, 50%);
}
.simptip-position-right.half-arrow:before {
  margin-left: 3px;
  border-right: 7px solid #98B827;
}

.simptip-position-left:before, .simptip-position-left:after {
  right: 100%;
}
.simptip-position-left:before {
  margin-right: -2px;
}
.simptip-position-left:after {
  margin-right: 10px;
}
.simptip-position-left.simptip-movable:before {
  margin-right: -10px;
}
.simptip-position-left.simptip-movable:after {
  margin-right: 2px;
}
.simptip-position-left.simptip-movable:hover:before, .simptip-position-left.simptip-movable:hover:after {
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
}
.simptip-position-left.simptip-movable.half-arrow:before {
  margin-right: -5px;
}
.simptip-position-left.simptip-movable.simptip-multiline:hover:before, .simptip-position-left.simptip-movable.simptip-multiline:hover:after {
  -webkit-transform: translate(-10px, 50%);
  -moz-transform: translate(-10px, 50%);
  -ms-transform: translate(-10px, 50%);
  -o-transform: translate(-10px, 50%);
  transform: translate(-10px, 50%);
}
.simptip-position-left.half-arrow:before {
  margin-right: 3px;
  border-left: 7px solid #98B827;
}

.simptip-position-bottom:before, .simptip-position-top:before, .simptip-position-bottom:after, .simptip-position-top:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.simptip-position-bottom:after, .simptip-position-top:after {
  width: auto;
}
.half-arrow.simptip-position-bottom:before, .half-arrow.simptip-position-top:before {
  border-style: none;
  border-right: 7px solid #98B827;
}

.simptip-position-bottom:before, .simptip-position-bottom:after {
  top: 100%;
}
.simptip-position-bottom:before {
  margin-top: -5px;
}
.simptip-position-bottom:after {
  margin-top: 7px;
}
.simptip-position-bottom:hover:before, .simptip-position-bottom:hover:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.simptip-position-bottom.simptip-movable:before {
  margin-top: -15px;
}
.simptip-position-bottom.simptip-movable:after {
  margin-top: -3px;
}
.simptip-position-bottom.simptip-movable:hover:before, .simptip-position-bottom.simptip-movable:hover:after {
  -webkit-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  -o-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
}
.simptip-position-bottom.simptip-movable.half-arrow:before {
  margin-top: -10px;
}
.simptip-position-bottom.half-arrow:before {
  margin-top: 0;
  border-top: 7px solid transparent;
}

.simptip-position-top:before, .simptip-position-top:after {
  bottom: 100%;
}
.simptip-position-top:before {
  margin-bottom: -5px;
}
.simptip-position-top:after {
  margin-bottom: 7px;
}
.simptip-position-top:hover:before, .simptip-position-top:hover:after {
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}
.simptip-position-top.simptip-movable:before {
  margin-bottom: -15px;
}
.simptip-position-top.simptip-movable:after {
  margin-bottom: -3px;
}
.simptip-position-top.simptip-movable:hover:before, .simptip-position-top.simptip-movable:hover:after {
  -webkit-transform: translate(-50%, -10px);
  -moz-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  -o-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
.simptip-position-top.simptip-movable.half-arrow:before {
  margin-bottom: -10px;
}
.simptip-position-top.half-arrow:before {
  margin-bottom: 0;
  border-bottom: 7px solid transparent;
}

/******************************* Features ****************************/
.simptip-movable:before, .simptip-movable:after {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.simptip-smooth:after {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.simptip-fade:before, .simptip-fade:after {
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
  -o-transition: opacity 0.2s linear, visibility 0.2s linear;
  -ms-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear;
}

.simptip-multiline:after {
  height: auto;
  width: 150px;
  padding: 11px;
  line-height: 19px;
  white-space: normal;
  text-align: left;
}

/**************************** Diverse Colors *************************/
.simptip-success.simptip-position-top:before {
  border-top-color: #62c462;
}
.simptip-success.simptip-position-top:after {
  background-color: #62c462;
  color: #ffffff;
}
.simptip-success.simptip-position-bottom:before {
  border-bottom-color: #62c462;
}
.simptip-success.simptip-position-bottom:after {
  background-color: #62c462;
  color: #ffffff;
}
.simptip-success.simptip-position-left:before {
  border-left-color: #62c462;
}
.simptip-success.simptip-position-left:after {
  background-color: #62c462;
  color: #ffffff;
}
.simptip-success.simptip-position-right:before {
  border-right-color: #62c462;
}
.simptip-success.simptip-position-right:after {
  background-color: #62c462;
  color: #ffffff;
}
.simptip-success.simptip-position-top.half-arrow:before {
  border-right: 7px solid #62c462;
}
.simptip-success.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #62c462;
}

.simptip-info.simptip-position-top:before {
  border-top-color: #5bc0de;
}
.simptip-info.simptip-position-top:after {
  background-color: #5bc0de;
  color: #ffffff;
}
.simptip-info.simptip-position-bottom:before {
  border-bottom-color: #5bc0de;
}
.simptip-info.simptip-position-bottom:after {
  background-color: #5bc0de;
  color: #ffffff;
}
.simptip-info.simptip-position-left:before {
  border-left-color: #5bc0de;
}
.simptip-info.simptip-position-left:after {
  background-color: #5bc0de;
  color: #ffffff;
}
.simptip-info.simptip-position-right:before {
  border-right-color: #5bc0de;
}
.simptip-info.simptip-position-right:after {
  background-color: #5bc0de;
  color: #ffffff;
}
.simptip-info.simptip-position-top.half-arrow:before {
  border-right: 7px solid #5bc0de;
}
.simptip-info.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #5bc0de;
}

.simptip-danger.simptip-position-top:before {
  border-top-color: #e74c3c;
}
.simptip-danger.simptip-position-top:after {
  background-color: #e74c3c;
  color: #ffffff;
}
.simptip-danger.simptip-position-bottom:before {
  border-bottom-color: #e74c3c;
}
.simptip-danger.simptip-position-bottom:after {
  background-color: #e74c3c;
  color: #ffffff;
}
.simptip-danger.simptip-position-left:before {
  border-left-color: #e74c3c;
}
.simptip-danger.simptip-position-left:after {
  background-color: #e74c3c;
  color: #ffffff;
}
.simptip-danger.simptip-position-right:before {
  border-right-color: #e74c3c;
}
.simptip-danger.simptip-position-right:after {
  background-color: #e74c3c;
  color: #ffffff;
}
.simptip-danger.simptip-position-top.half-arrow:before {
  border-right: 7px solid #e74c3c;
}
.simptip-danger.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #e74c3c;
}

.simptip-warning.simptip-position-top:before {
  border-top-color: #e67e22;
}
.simptip-warning.simptip-position-top:after {
  background-color: #e67e22;
  color: #ffffff;
}
.simptip-warning.simptip-position-bottom:before {
  border-bottom-color: #e67e22;
}
.simptip-warning.simptip-position-bottom:after {
  background-color: #e67e22;
  color: #ffffff;
}
.simptip-warning.simptip-position-left:before {
  border-left-color: #e67e22;
}
.simptip-warning.simptip-position-left:after {
  background-color: #e67e22;
  color: #ffffff;
}
.simptip-warning.simptip-position-right:before {
  border-right-color: #e67e22;
}
.simptip-warning.simptip-position-right:after {
  background-color: #e67e22;
  color: #ffffff;
}
.simptip-warning.simptip-position-top.half-arrow:before {
  border-right: 7px solid #e67e22;
}
.simptip-warning.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #e67e22;
}





.margintombol {
margin-top:25px
}






.span9 p{
text-align:justify
}


.span2 img{
height:188px
}

.angkapoint{
	color: #fff;
	background-color:#98B827;
	margin: 0;
	position: absolute;
	z-index: 12001;
	font-size: 14px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight:bold;
}




.zalimage1 {
	padding: 3px;
	border: 1px solid #e1e1e1;
	float: left;
	margin-right:15px;
	margin-bottom: 5px;
	margin-left: 0;
	width:90px;
	
}

.zalimage3 {
	padding: 3px;
	border: 1px solid #e1e1e1;
	float: left;
	margin-right:15px;
	margin-bottom: 5px;
	margin-left: 0;
	width:450px;
	
}





.zalimage6{
	padding: 3px;
	border: 1px solid #e1e1e1;
	float: left;
	margin-top:25px;
	margin-right:15px;
	width:350px;
	
}





.image2 { float: left; }
.ket_gambar{
	font-size: 11px;
	line-height: normal;
	color:#757575;
	width:365px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	
}	
.subjud{
font-size:16px;
color:#98B827;
margin-bottom:-10px; }

.marginsharing{ float:right; }







img:hover {   
  filter: gray; /* IE6-9 */
  filter: grayscale(3); /* Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  /*opacity: 0.4;*/ }

.span3 img:hover {   
  filter: gray; /* IE6-9 */
  filter: grayscale(3); /* Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  opacity: 0.4; }
  
  
  
  
  
  
  
  
  
  
  
  
/* Table 1 Style */
table[border="1"] {
	  border-collapse:collapse;
	  font:normal 12px;
    color:#7c807e;
 	border:1px solid #fffff;
	text-align:left}

table[border="1"] tr {
	  background:#fff;}

table[border="1"] th, table[border="1"] td {
	  vertical-align:top;
	  padding:5px 10px;
	  border:2px solid #fff;
	  vertical-align:middle
}

table[border="1"] tr:nth-child(even) {
	  background:#F5FAE4;}

table[border="1"] th {
	  background:#98B827;
	  color:#fff;
	  font-weight:bold;}

table {
    border-collapse: collapse;
    border-spacing: 0;}

table {
    border-width: 0px;
    line-height:10px;
    text-align: left;
    padding: 0 5px;
	width:100%;
	text-align:left;}
table .even {
    background: #ddd;}

caption {
    text-align: left;}

tr {
    border-bottom: 0px solid #ccc;}

th,
td {
    padding: 5px;
    vertical-align: middle;
    text-align:left;
}



.zalimagetesti {
	padding: 3px;
	border: 1px solid #e1e1e1;
	float: left;
	margin-right:15px;
	margin-bottom: 5px;
	margin-left: 0;
	width:60px;
	height:60px
	
}

.margincaptcha3{
   margin-top:-30px;
   margin-left:90px;
   border:none;
   margin-bottom:20px;
}


.margincaptcha2{
   margin-top:-30px;
   margin-left:90px;
   border:none;
   margin-bottom:20px;
}

.margincaptcha2 .img{
   border: 0px solid #CCCCCC;
}

.aktif{
  background: #98b827;
}
.aktif2{
  background: #98b827;
}