/*===================================================
 *
 *
 *	Name		: Otomotif
 *	Description	: hello...
 *	Author		: We are the champion
 *	Version		: 1.0
 *
 *
===================================================*/





/*-----------------------------------------------------

	TABLE OF CONTENT

	1.	GENERAL
	2.	TIPOGRAFI
	3.	HEADER
	4.	SLIDER
	5.	WIDGET KIRI
	6.	PRODUK TERBARU
	7.	SIDEBAR
	8.	DAFTAR PRODUK
	9.	DETAIL PRODUK
	10.	FOOTER

-----------------------------------------------------*/


/*===================================================
	1.	GENERAL
===================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: #990000;
	margin: 0px;
	font-size: 16px;
	color: #818181;
	font-family: Arial, Helvetica, sans-serif
}

.clear {
	clear: both;
}
* {
	outline: none;
}
img {
    vertical-align: middle;
}

p {
	line-height: 20px
}
a {
	color: #330066
}
a, a img {
	text-decoration: none;
	outline: none;
	border: none;
}

input:focus {
	background: #ffffff;
	border: solid 2px #bbbbbb; 
}
label {
	display: inline;
}

.kanan {
	float: right;
}
.kiri {
	float: left
}
.tengah {
	text-align: center;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
--------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


/*===================================================
	3.	HEADER
===================================================*/
.header-wrapper {
	height: 158px;
}
.header {
	background: url(image/header-bg.png) top right no-repeat;
	width: 960px;
	height: 160px;
	margin: auto;
}
.logo {
	padding-top: 60px;
	float: left;
	width: 230px;
}
.logo img {
	max-width: 210px;
	max-height: 90px;
	margin-left:20px;
}
.top-banner {
	margin-top: 30px;
	float: right;
}



/*===================================================
	.	NAVIGASI
===================================================*/
.navigasi-wrapper {
	//margin-bottom: 10px;
}
.navigasi {
	width: 960px;
	min-height: 50px;
	margin: 0 auto;
	background: #660000;
	border-bottom: 10px solid #660000;
}
.navigasi li:hover a {
	background: #660000;
}
.navigasi ul li {
	margin: 20px;
	float: left;
	list-style: none;
	position: relative;
}
.navigasi ul li a {
	padding: 19px 10px 12px 10px;
	color: #ffffff;
	font-weight: bold;
    white-space: nowrap;
}
.navigasi ul li a:hover {
	color: #cccccc;
	background: #660000;
}
.navigasi ul ul {
	margin-top:13px;
	z-index: 999;
	display: none;
	position: absolute;
}
.navigasi ul li:hover > ul {
	display: block;
	position: absolute
}
.navigasi ul li ul li a {
	padding: 10px;
	display: block;
	padding-right: 100px;
}
.navigasi ul li ul li a:hover {
	color: #960000;
}
.navigasi ul li ul {
	margin-left: 10px;
}
.navigasi ul ul li {
	color: #5b8100;
	list-style-position: inside;
	padding-left: 0px;
	margin: 0px 0 0 0px;
	background: #660000;
	float: none;
	position: relative;
	border-bottom: solid 1px #853333;
}
.navigasi ul ul li:hover {
	color: #ffffff
}
.navigasi li ul li:last-child {
	padding-bottom: 8px;
	border-radius: 0 0 10px 10px;
}

/*dropdown 2*/
.navigasi ul ul ul {
	margin-top:0px;
	z-index: 999;
	display: none;
	position: absolute;
	visibility: hidden;
}
.navigasi ul li ul li:hover > ul {
	visibility: visible;
	position: absolute;
}
.navigasi ul li ul li ul {
	left: 100%;
	margin-top: -36px;
	position: relative;
	//border-left: solid 1px #ccc;
	margin-left: 0
}
.navigasi ul li ul li ul li a {
	width: 200px;
	padding-right: 0;
}



/*===================================================
	.	SLIDER
===================================================*/
.slider-wrapper {
	margin: 0 auto;
	width: 960px;
	//margin-top: 10px;
	background: #ffffff
}
.slider {
	width: 960px;
	height: 360px;
	background: #e7e7e7;
	margin:0 auto;
}

/*
	Slideshow
*/

#slides {
	position: relative;
	background: #ffffff;
	padding: 10px;
	z-index: 100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	margin: 0 auto;
	width:940px;
	overflow:hidden;
	position:relative;
	display:none;

	z-index: -99
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:940px;
	height:320px;
	display:block;
}

#slides .next,#slides .prev {
	position:absolute;
	top:130px;
	margin-left: 10px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	margin-left: 910px
}

.pagination {
	z-index: 10000;
	float: right;
	margin: -60px -10px 0px 0px;
	width:100px;
	//background: red
}

.pagination li {
	float:left;
	margin:1px 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:24px;
	height:0;
	padding-top:24px;
	background-image:url(image/slider/botton-slide.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	//background-position:0 -12px;
	background-image:url(image/slider/botton-slide-aktif.png);
}

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:60px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:940px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
.caption p {
	padding-right: 100px;	
}
.caption a {
	color: #ffffff;
}


/*===================================================
	.	INFO
===================================================*/
.info-wrapper {	
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	background: #ffffff
}
.info {
	padding: 10px 30px 0px 30px;
	height: 84px;
	border-top: solid 2px #660000;
	border-bottom: solid 2px #660000;
	color: #444444;
	background: #ffffff;
}
.info-title {
	color: #666666;
	font-weight: bold;
	margin-bottom: 10px;
}
.info-isi {
	font-size: 14px;
	color: #333333
}


/*===================================================
	.	BREADCRUMB
===================================================*/
.breadcrumb-wrapper {	
	width: 960px;
	margin: 0px auto;
	padding: 10px 0;
	background: #ffffff
}
.breadcrumb {
	padding: 5px 30px 5px 30px;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	color: #333333;
	background: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	text-align: baseline;
}


/*===================================================
	.	MAIN WRAPPER
===================================================*/
.main-wrapper {
	//margin-bottom: 20px;
}
.main {
	padding-top: 10px;
	padding-bottom: 30px;
	width: 960px;
	margin: auto;
	background: #ffffff;
}
.fullpage {
	margin: 0 20px 20px 20px;
	padding-bottom: 30px;
}
.single {
	padding-left: 20px;
}
h2.page-title {
	font-size: 23px;
	line-height: 32px;
	margin-bottom: 10px;
}
.tanggal {
	margin-bottom: 20px;
}

/*===================================================
	.	WIDGET KIRI
===================================================*/
.sidebar {
	float: left;
}
.sidebar-front {
	width: 300px;	
	padding-left: 10px;	
}
.sidebar-judul {
	padding: 10px;
	height: 20px;
	color: #ffffff;
	background: #cc3300;
	font-weight: bold;
	border-bottom: solid 3px #ff9999;
}
.keranjang-belanja {
	background: #ffffff;
	margin-bottom: 20px;
}
.keranjang-belanja-detail {
	background: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	height: 70px;
	color: #666666;
	padding: 15px 10px 5px 145px;
}
.keranjang-belanja-detail p {
	margin-bottom: 5px;
}
.widget {
	margin-bottom: 20px;
}
.widget-isi {
	//margin-left: 10px;
}
.widget img {
	max-width: 300px;
	text-align: center;
}

.tombol-next {
	margin-right: 5px
} 
.sidebar-list {
	width: 300px;
	padding-left: 10px;
}

.widget ul {
	//padding-top: 10px;
}
.widget ul li {
	//padding: 5px;
	text-transform: capitalize;
	font-weight: bold;
	list-style: disc;
	list-style-position: inside;
	color: #330066;
	display: list-item;
}
.widget ul li a:hover {
	text-decoration: underline;
}

/*===================================================
	.	PRODUK TERBARU
===================================================*/
.konten-produk {
	float: right;
}
.konten-produk-front {	
	width: 630px;
	padding-right: 10px;
}
.produk-judul {
	padding: 10px;
	height: 20px;
	color: #ffffff;
	background: #660000;
	font-weight: bold;
	border-bottom: solid 3px #cc3300;
}

.tumb-produk {
	float: left;
	background: #666666
}
.tumb-produk:hover {
	background: #dddddd
}
.tumb-produk-front {	
	padding: 5px;
	margin: 20px 0px 0px 0px;
	width: 300px;
	height: 300px;
}
.tumb-produk-front:nth-child(2n+1) {
	margin-right: 10px;
}
.tumb-produk-front img {
	height: 300px;
	width: 300px;
}
.tumb-produk-judul {
	background: rgba(204, 51, 0 , .8);
	position: absolute;
	font-weight: bold;
	width: 280px;
	padding: 10px;
	color: #ffffff
}
.tumb-produk-keterangan {
	background: rgba(102, 102, 102 , .8);
	font-weight: bold;
	width: 280px;
	padding: 10px;
	margin-top: -35px;
	//position: absolute;
	position: relative;
	//bottom: -165px;
	color: #ffffff;
}
.tumb-produk-keterangan span.kanan {
	font-weight: normal;
}
.tumb-produk-keterangan a, .tumb-produk-judul a {
	color: #ffffff;
	text-decoration: none;
}
.tumb-produk-keterangan a:hover {
	text-decoration: none;
}


/*===================================================
	.	SIDEBAR
===================================================*/
.kategori {
	background: #ffffff;
	font-size: 14px;
	//padding: 10px 30px;
}

/*kategori accord*/
.graphite .accordion{
    margin: 0; 
    padding: 0; 
}
.graphite ul {
    margin-left: 0
}
.graphite ul li {
    border-bottom: 1px solid #d7d7d7; 
    border-top: 1px solid #e1e1e1;     
}
.graphite ul li ul li {
    border-bottom: 1px solid #d7d7d7; 
    border-top: 1px solid #e1e1e1; 
}
.graphite ul li ul li a {
    padding-left: 20px;
    margin-left: 20px;    
}
.graphite ul li {
    background: #d9d9d9;
    list-style: none;
}
.graphite ul li a {
    list-style: none;
}

.graphite ul li a:hover {
    background: #660000;
    color: #ffffff
}


/*******/
.graphite .accordion{
    font: bold 14px Arial, sans-serif; 
    border-top: 1px solid #666666; 
    /*border-right: 1px solid #111; 
    border-left: 1px solid #111;*/
}
.graphite .accordion{
    margin: 0; 
    padding: 0; 
    border: none;
    background: #aaaaaa
}
.graphite .accordion li a {
    padding-left: 50px;
}
.graphite .accordion a {
    padding: 8px 10px 8px 50px; 
    background: #e7e7e7 url(https://misterburger.co.id/assets/template/images/bg_black.pngc) repeat-x 0 -1px; 
    text-decoration:none; 
    display: block; 
    color: #666666; 
    /*border-bottom: 1px solid #d7d7d7; 
    border-top: 1px solid #e1e1e1; */
    position: relative;
}
.graphite .accordion ul li ul li a {
    border: none;
}
.graphite .accordion ul li a {
    background: none;
    font-weight: normal;
}
.graphite .accordion ul li ul li a {
    margin-left: 50px;
}
.graphite .accordion ul li ul li ul li a {
    margin-left: 80px;
}
.graphite .accordion ul li ul li ul li {
    font-weight: normal;
}
.graphite .accordion ul a {
    //background: #d9d9d9;
}
.graphite .accordion a.dcjq-parent {
    //background: #e7e7e7 url(https://misterburger.co.id/assets/template/images/bg_black.pngc) repeat-x 0 -1px;
}
.graphite .accordion a.dcjq-parent:hover {
    //background: #b8de5d;
}
.graphite .accordion ul li a.dcjq-parent:hover {
    background: ;
}
.graphite .accordion a.dcjq-parent.active {
}
.graphite .accordion a .dcjq-icon {
    position: absolute; 
    top: 50%; 
    left: 14px; 
    width: 34px; 
    margin-top: -17px; 
    height: 34px; 
    background: url(image/arrow_black_right.png) no-repeat 0 center;
}
.graphite .accordion a.dcjq-parent.active .dcjq-icon {
    background: url(image/arrow_black_down.png) no-repeat 0 center;}
.graphite .accordion a:hover {
    
}
.graphite .accordion li:hover {
    background: #660000; 
    color: #fff;
}
.graphite .accordion a:active{

}

.graphite ul, .graphite ol, .graphite li {
	border:0;
	outline:none;
	margin:0;
	padding:0;
	list-style: none;
}
.clear {
	clear: both;
}

.dcjq-count {
	float: right;
}


/*===================================================
	.	DAFTAR PRODUK
===================================================*/
.konten-produk-list {
	width: 630px;
	padding-right: 10px;
}
.tumb-produk-list {	
	padding: 5px;
	width: 100px;
}
.tumb-produk-list img {
	width: 100px;
	height: 100px;
}
.list-produk-wrapper {
	padding-top: 20px;
}
.list-produk {
	margin: 10px 0 20px 30px;
	background: url(image/list-produk-bg.png) no-repeat center bottom;
	padding-bottom: 20px;
}
.list-produk:last-child {
	background: none
}
.keterangan-produk {
	float: right;
	width: 440px;
	padding-right: 30px;
}
.keterangan-produk-title a {
	color: #cc3300;
	font-weight: bold;
}
.keterangan-produk-title a:hover {
	text-decoration: underline;
}
.keterangan-produk-isi {
	margin-top: 20px;
	color: #818181;
	font-size: 14px;
	line-height: 18px;
}
.label-tombol {
	margin-top: 20px;
}
.label-harga {
	margin-top: 20px;
	color: #cc3300;
	font-size: 18px;
	font-weight: bold;
}


/*===================================================
	.	DETAIL PRODUK
===================================================*/
.preview-image {
	width: 290px;
	margin-left: 20px;
	padding: 5px;
	background: #e7e7e7;
	float: left;
}
.preview-keterangan {
	width: 540px;
	padding: 0 10px 0 0;
	float: right;
	color: #818181;
	font-size: 14px
}
.preview-keterangan-detail {
}
.preview-keterangan-detail ol, .preview-keterangan-detail ul {
	margin-bottom: 20px
}
.preview-keterangan h2 {
	color: #cc3300;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: solid 2px #ffffff;
	text-shadow: 2px 1px 0 #ffffff;
}
.preview-keterangan h3 {
	color: #cc3300;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
.preview-keterangan table {
	margin: 30px 0 20px 0;
	border-collapse: collapse;
	font-weight: bold;
}
.preview-keterangan td {
	padding: 5px;
}
.botton {
	margin-top: 60px;
	text-align: center;
}
.preview-kontak {
	padding: 20px;
	margin: 20px auto;
	background: #e5e5e5;
}


/*Zoom*/
.zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}
.zoomPad img {
	border: none;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(https://misterburger.co.id/assets/template/images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}

.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
	z-index:101;
	cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
 	z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
 	z-index:10000;
 	z-index:110;
 	box-shadow: 0px 0px 10px #333333, 0px 0px 60px #999999;
 	width: 635px;
 	height: 400px;
}
.zoomWrapper{
	position:relative;
	border:0px solid #999;
 	z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
 	overflow:hidden;
	text-align:center;
	font-size:10px;
 	position:absolute;
 	top:0px;
 	left:0px;
 	z-index:120;
 	-moz-opacity:0.6;
 	opacity: 0.6;
 	filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
 	position:relative;
 	overflow:hidden;
 	z-index:110;

}
.zoomWrapperImage img{
 	border:0px;
 	display:block;
 	position:absolute;
 	z-index:101;
}

.zoomIframe{
 	z-index: -1;
 	filter:alpha(opacity=0);
 	-moz-opacity: 0.80;
 	opacity: 0.80;
 	position:absolute;
 	display:block;
}

.clearfix:after{
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
}
.clearfix{
	display:block;
	zoom:1
}
ul#thumblist{
	display:block; 
	margin: 4px;
}
ul#thumblist li{
	float:left;
	margin-right:2px;
	margin-left: 0;
	list-style:none;
}
ul#thumblist li a{
	display:block;
	border:1px solid #CCC;
}
ul#thumblist li a.zoomThumbActive{
    border:1px solid #777777;
}
.jqzoom{
	text-decoration:none;
	float:left;
}


/*Check Box*/
.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	cursor: pointer;
	content: '';
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label  + span {
	position: relative;
	float: left;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	//background-color: #ccc;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.regular-checkbox + label:after {
	content: '';
	font-size: 28px;
	position: absolute;
	top: 0px;
	left: 6px;
	color: #99a1a7;
}
.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #86b11f;
}


.big-checkbox + label {
	padding: 18px;
}

.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 6px;
}


/*Price Check*/
table.price-check tr td {
	padding: 10px
}
table.price-check tr {
	padding-bottom: 5px;
}




.deskripsi-produk {
	padding: 20px;
}
.deskripsi-produk h3 {
	color: #cc3300;
	font-size: 16px;
	font-weight: bold;
}
.deskripsi-produk table {
	margin-top: 20px;
	margin-left: 20px;
	font-size: 14px;
	color: #818181;
}
.deskripsi-produk td {
	padding: 3px;
}


.review-konsumen {
	color: #818181;
	padding: 20px 50px 20px 20px;
}
#review-konsumen {
	display: none;
}
.review-konsumen h3 {
	color: #cc3300;
	font-size: 16px;
	font-weight: bold;
}
.review-konsumen-list {
	margin-top: 20px;
	margin-left: 20px;
	padding-bottom: 40px;
	background: url(image/review-line-bottom.png) bottom no-repeat;
}
.review-konsumen-list:last-child {
	background: none
}
.review-judul {
	color: #818181;
	font-weight: bold;
	margin-bottom: 2px;
}
.review-meta {
	color: #818181 ;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 20px;
}
.review-isi {
	font-size: 14px;
}




.related-produk {
	padding: 20px;
	margin-top: 20px;
	border-top: solid 1px #cccccc;
}
.related-produk h3 {
	color: #cc3300;
	font-size: 16px;
	font-weight: bold;
}
.related-produk-list {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 60px;
}
.related-produk-list img {
	margin-bottom: 10px;
	height: 100px;
}
.nama-produk-related a {
	color: #cc3300;
	font-size: 14px;
	font-weight: bold;

}
.chat-with-us {
	padding: 22px 20px;
	width: 250px;
	height: 120px;
	text-align: right;
	float: left;
	background: #ffffff;
	font-size: 50px;
	font-weight: bold;
}
.chat-with-us a {
	color: #660000;
}
.chat-with-us a:hover {
	color: #cc3300
}
.pay-method-wrapper {
	width: 580px;
	float: right;
	background: #cc3300;
}
.pay-method {
	padding: 20px;
	background: #ffffff;
	margin-left: 60px;
}
.pay-method-title {
	color:#cc3300;
	font-weight: bold;
}
.pay-method-isi {
	margin-top: 10px;
	margin-bottom: 20px;
	color: #818181;
	line-height: 16px;
	font-size: 12px;
}

/*===================================================
	.	CHECKOUT
===================================================*/
.checkout-table table, .invoice-table table {
	width: 100%;
	font-size: 14px;
}
.checkout-table thead {
	background: #e7e7e7;
	text-align: center;
	color: #330066;
	font-weight: bold;
}
.checkout-table thead td {	
	padding: 10px 0
}
.checkout-table tbody td {
	padding: 5px;
	text-align: center;
	font-weight: bold;
	vertical-align:  middle;
}
.checkout-table tbody td input[type="text"] {
	text-align: center;
}
.checkout-table tbody td img.item {
	float: left;
	text-align: left;
	vertical-align: middle;
	padding-left: 30px;
}
.invoice-table {
	padding-bottom: 50px;
}
.invoice-table table tr.tabel-head {
	background: #e7e7e7;
	color: #232875;
	font-weight: bold;
	padding-left: 50px;
	height: 35px;
}
.invoice-table table tr.tabel-head td {
	vertical-align: middle;
}
.invoice-table td:first-child {
	padding: 7px 30px;
}
.invoice-table td.no-padding {
	padding: 0
}
.total {
	background: #e7e7e7
}
.font-besar {
	font-size: 24px;
}
.total td {
	color: #330066;
}
.middle {
	vertical-align: middle
}
.align-left {
	text-align: left;
}

.checkout-heading-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	background: #ffffff
}
.checkout-heading {
	padding: 5px 30px 5px 30px;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	color: #666666;
	background: #ffffff;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 24px;
	text-align: baseline;
}
.checkout-heading span {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	margin: -15px 74px;
	color: #909090
}

.data-pengiriman {
	padding:20px;
}
.data-pengiriman table {
	width: 100%;
	font-size: 14px;
	margin-left:70px;
}
.data-pengiriman thead td {	
	padding: 10px 0
}
.data-pengiriman tbody td {
	padding: 10px;
	text-align: left;
	font-weight: bold;
	vertical-align:  middle;
}
.data-pengiriman input[type="text"] {
	width: 500px;
	height: 22px;
	padding: 0 10px;
	border: solid 1px #a2a2a2;
}
.data-pengiriman textarea {
	width: 500px;
	padding: 10px;
	min-height: 150px;
	resize: vertical;
}

/*===================================================
	.	PAGINATION
===================================================*/
.halaman-wrapper {
	height: 60px;
	margin: 0 30px 0 20px;
	border-bottom: solid 2px #E7E7E7;
	border-top: solid 2px #E7E7E7;
}
.halaman {
	float: right;
	margin-right: 10px;
}
.halaman a {
	color: #333;
}
.digit {
	float: left;
	padding: 10px;
	margin: 15px;
	font-size: 12px;
	background: #660000;
	color: #ffffff;
}
.current {
	background: #cc3300;
	color: #ffffff;
}
.digit-all {
	background: rgb(230, 230, 230);}
.next .prev {
	background: #232875
}



/*===================================================
	NOTIFIKASI
===================================================*/
#notif {
	text-align: center;
	margin-bottom: 10px;
	padding: 4px 14px;
	list-style: none;
	padding: 8px 15px;
	list-style: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.sukses {
	text-transform: capitalize;
	background: #20B305;
	color: #4F8746;
	background: #D4FFCD;
	border: solid 1px #4F8746;
}
.sukses i, .peringatan i {
	float: left;
}
.peringatan {
	text-transform: capitalize;
}
.peringatan p {
	text-align: center;
	margin: 0;
	padding: 10px;
	background: #FFD2D4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #EE3636;
	border: dotted 1px #D63301;
}
.error {
	text-transform: capitalize;
	font-size: 12px
}
.error p {
	margin: 10px 0 0 0;
	padding: 10px;
	background: #FFD2D4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #641F1A;
	border: dotted 1px #D63301;
}
.btn-forgot {
	font-size: 12px;
	color: #005E8A;
	font-style: italic;
	text-decoration: underline;
}


/*===================================================
	.	FOOTER
===================================================*/
.footer-wrapper {
	color: #ffffff;
	background: #990000 url(image/footer-border-top.png) repeat-x top left;
	padding-bottom: 50px;
}
.footer {
	font-size: 14px;
	width: 960px;
	margin: auto
}
.footer-widget {
	float: left;
	margin-right: 20px;
	padding-top: 20px;
	width: 300px;
}
.footer-widget h3 {
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 0px #cccccc;
	color: #ffffff;
	font-weight: bold;
	background: url(image/widget-footer-border-bottom.png) bottom left no-repeat;
}
.footer-widget h3 a {
	color: #ffffff;
}
.footer-widget-isi {

}
.copyright {
	text-align: center;
	font-size: 12px;
	margin-top: 90px;
	padding-top: 10px;
}
.copyright p {
	color: #ffffff;
	font-size: 12px;
	padding-top: 10px;	
	border-top: solid 0px #cccccc;
	background: url(image/copyright-line-bottom.png) center top no-repeat;
}
.credit {
	margin-top: 10px;
	color: #ffffff;
	line-height: 18px;
}

.menu-bawah {
	height: 20px;
	text-transform: capitalize;
	text-align: center;
}
.menu-bawah a{
	padding: 0 10px;
	border-left: solid 1px #ffffff;
	color: #ffffff;
}
.menu-bawah a:first-child {
	border: none;
}


/*===================================================
	.	TOMBOL
===================================================*/

.show_hide {
	margin-left: 30px;
}
.tombol {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 2px 2px 5px #ccc;
	border-radius: 4px;
	height: 30px;
	padding: 0px 20px;
	margin-bottom: 15px;
}
.tombol-kecil {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 2px 2px 5px #ccc;
	border-radius: 4px;
	height: 22px;
	padding: 0px 20px;
}
a.tombol {
	padding: 6px 20px;
	color: #ffffff
}

input.tombol{
	margin-top: 15px;
}

.tombol.merah, .tombol-kecil.merah {
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 2%, #f7f7f7 4%, #cc0000 8%, #cc0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(2%,#cc0000), color-stop(4%,#f7f7f7), color-stop(8%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 2%,#f7f7f7 4%,#cc0000 8%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc0000 0%,#cc0000 2%,#f7f7f7 4%,#cc0000 8%,#cc0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc0000 0%,#cc0000 2%,#f7f7f7 4%,#cc0000 8%,#cc0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 2%,#f7f7f7 4%,#cc0000 8%,#cc0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
	border: solid 1px #cc0000;

}
.tombol.merah:hover, .tombol-kecil.merah:hover {
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 2%, #f7f7f7 4%, #cc0000 8%, #930000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(2%,#cc0000), color-stop(4%,#f7f7f7), color-stop(8%,#cc0000), color-stop(100%,#930000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 2%,#f7f7f7 4%,#cc0000 8%,#930000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc0000 0%,#cc0000 2%,#f7f7f7 4%,#cc0000 8%,#930000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc0000 0%,#cc0000 2%,#f7f7f7 4%,#cc0000 8%,#930000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 2%,#f7f7f7 4%,#cc0000 8%,#930000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#930000',GradientType=0 ); /* IE6-9 */
	border: solid 1px #cc0000;

}
.tombol.biru, .tombol-kecil.biru {
	background: #3b67b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b67b8 0%, #3b67b8 2%, #f7f7f7 4%, #3b67b8 8%, #3b67b8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b67b8), color-stop(2%,#3b67b8), color-stop(4%,#f7f7f7), color-stop(8%,#3b67b8), color-stop(100%,#3b67b8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b67b8', endColorstr='#3b67b8',GradientType=0 ); /* IE6-9 */
	border: solid 1px #3b67b8;

}
.tombol.biru:hover, .tombol-kecil.biru:hover {
	background: #3b67b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b67b8 0%, #3b67b8 2%, #f7f7f7 4%, #3b67b8 8%, #124eb7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b67b8), color-stop(2%,#3b67b8), color-stop(4%,#f7f7f7), color-stop(8%,#3b67b8), color-stop(100%,#124eb7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#124eb7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#124eb7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#124eb7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#124eb7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b67b8', endColorstr='#124eb7',GradientType=0 ); /* IE6-9 */
	border: solid 1px #3b67b8;

}
.tombol.hijau, .tombol-kecil.hijau {
	background: #338585; /* Old browsers */
	background: -moz-linear-gradient(top,  #338585 0%, #338585 2%, #f7f7f7 4%, #338585 8%, #338585 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#338585), color-stop(2%,#338585), color-stop(4%,#f7f7f7), color-stop(8%,#338585), color-stop(100%,#338585)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #338585 0%,#338585 2%,#f7f7f7 4%,#338585 8%,#338585 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #338585 0%,#338585 2%,#f7f7f7 4%,#338585 8%,#338585 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #338585 0%,#338585 2%,#f7f7f7 4%,#338585 8%,#338585 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #338585 0%,#338585 2%,#f7f7f7 4%,#338585 8%,#338585 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338585', endColorstr='#338585',GradientType=0 ); /* IE6-9 */
border: solid 1px #338585;

}
.tombol.hijau:hover, .tombol-kecil.hijau:hover {
	background: #338585; /* Old browsers */
	background: -moz-linear-gradient(top,  #338585 0%, #338585 2%, #f7f7f7 4%, #338585 8%, #0d8484 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#338585), color-stop(2%,#338585), color-stop(4%,#f7f7f7), color-stop(8%,#338585), color-stop(100%,#0d8484)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #338585 0%,#338585 2%,#f7f7f7 4%,#338585 8%,#0d8484 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #338585 0%,#338585 2%,#f7f7f7 4%,#338585 8%,#0d8484 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #338585 0%,#338585 2%,#f7f7f7 4%,#338585 8%,#0d8484 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #338585 0%,#338585 2%,#f7f7f7 4%,#338585 8%,#0d8484 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338585', endColorstr='#0d8484',GradientType=0 ); /* IE6-9 */
	border: solid 1px #338585;

}



.tombol.merah.gradasi, .tombol-kecil.merah.gradasi {
	background: #f44718; /* Old browsers */
	background: -moz-linear-gradient(top,  #f44718 0%, #f44718 2%, #f7f7f7 4%, #f44718 8%, #f44718 50%, #c73a14 51%, #c73a14 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f44718), color-stop(2%,#f44718), color-stop(4%,#f7f7f7), color-stop(8%,#f44718), color-stop(50%,#f44718), color-stop(51%,#c73a14), color-stop(100%,#c73a14)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f44718 0%,#f44718 2%,#f7f7f7 4%,#f44718 8%,#f44718 50%,#c73a14 51%,#c73a14 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f44718 0%,#f44718 2%,#f7f7f7 4%,#f44718 8%,#f44718 50%,#c73a14 51%,#c73a14 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f44718 0%,#f44718 2%,#f7f7f7 4%,#f44718 8%,#f44718 50%,#c73a14 51%,#c73a14 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f44718 0%,#f44718 2%,#f7f7f7 4%,#f44718 8%,#f44718 50%,#c73a14 51%,#c73a14 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44718', endColorstr='#c73a14',GradientType=0 ); /* IE6-9 */
	border: solid 1px #f44718;

}
.tombol.merah.gradasi:hover, .tombol-kecil.merah.gradasi:hover {
	background: #f44718; /* Old browsers */
	background: -moz-linear-gradient(top,  #f44718 0%, #f44718 2%, #f7f7f7 4%, #f44718 8%, #f44718 50%, #c73a14 51%, #b21313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f44718), color-stop(2%,#f44718), color-stop(4%,#f7f7f7), color-stop(8%,#f44718), color-stop(50%,#f44718), color-stop(51%,#c73a14), color-stop(100%,#b21313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f44718 0%,#f44718 2%,#f7f7f7 4%,#f44718 8%,#f44718 50%,#c73a14 51%,#b21313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f44718 0%,#f44718 2%,#f7f7f7 4%,#f44718 8%,#f44718 50%,#c73a14 51%,#b21313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f44718 0%,#f44718 2%,#f7f7f7 4%,#f44718 8%,#f44718 50%,#c73a14 51%,#b21313 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f44718 0%,#f44718 2%,#f7f7f7 4%,#f44718 8%,#f44718 50%,#c73a14 51%,#b21313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44718', endColorstr='#b21313',GradientType=0 ); /* IE6-9 */
	border: solid 1px #f44718;

}
.tombol.biru.gradasi, .tombol-kecil.biru.gradasi {
	background: #3b67b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b67b8 0%, #3b67b8 2%, #f7f7f7 4%, #3b67b8 8%, #3b67b8 50%, #32579b 52%, #32579b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b67b8), color-stop(2%,#3b67b8), color-stop(4%,#f7f7f7), color-stop(8%,#3b67b8), color-stop(50%,#3b67b8), color-stop(52%,#32579b), color-stop(100%,#32579b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 50%,#32579b 52%,#32579b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 50%,#32579b 52%,#32579b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 50%,#32579b 52%,#32579b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 50%,#32579b 52%,#32579b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b67b8', endColorstr='#32579b',GradientType=0 ); /* IE6-9 */
	border: solid 1px #3b67b8;

}
.tombol.biru.gradasi:hover, .tombol-kecil.biru.gradasi:hover {
	background: #3b67b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b67b8 0%, #3b67b8 2%, #f7f7f7 4%, #3b67b8 8%, #3b67b8 50%, #32579b 52%, #0f4199 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b67b8), color-stop(2%,#3b67b8), color-stop(4%,#f7f7f7), color-stop(8%,#3b67b8), color-stop(50%,#3b67b8), color-stop(52%,#32579b), color-stop(100%,#0f4199)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 50%,#32579b 52%,#0f4199 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 50%,#32579b 52%,#0f4199 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 50%,#32579b 52%,#0f4199 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b67b8 0%,#3b67b8 2%,#f7f7f7 4%,#3b67b8 8%,#3b67b8 50%,#32579b 52%,#0f4199 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b67b8', endColorstr='#0f4199',GradientType=0 ); /* IE6-9 */
	border: solid 1px #3b67b8;

}
.tombol.hijau.gradasi, .tombol-kecil.hijau.gradasi {
	background: #86b11f; /* Old browsers */
	background: -moz-linear-gradient(top,  #86b11f 0%, #86b11f 2%, #f7f7f7 4%, #86b11f 8%, #86b11f 50%, #6d9019 52%, #6d9019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86b11f), color-stop(2%,#86b11f), color-stop(4%,#f7f7f7), color-stop(8%,#86b11f), color-stop(50%,#86b11f), color-stop(52%,#6d9019), color-stop(100%,#6d9019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #86b11f 0%,#86b11f 2%,#f7f7f7 4%,#86b11f 8%,#86b11f 50%,#6d9019 52%,#6d9019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #86b11f 0%,#86b11f 2%,#f7f7f7 4%,#86b11f 8%,#86b11f 50%,#6d9019 52%,#6d9019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #86b11f 0%,#86b11f 2%,#f7f7f7 4%,#86b11f 8%,#86b11f 50%,#6d9019 52%,#6d9019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #86b11f 0%,#86b11f 2%,#f7f7f7 4%,#86b11f 8%,#86b11f 50%,#6d9019 52%,#6d9019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b11f', endColorstr='#6d9019',GradientType=0 ); /* IE6-9 */
	border: solid 1px #86b11f;

}
.tombol.hijau.gradasi:hover, .tombol-kecil.hijau.gradasi:hover {
	background: #86b11f; /* Old browsers */
	background: -moz-linear-gradient(top,  #86b11f 0%, #86b11f 2%, #f7f7f7 4%, #86b11f 8%, #86b11f 50%, #6d9019 52%, #5e7c16 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86b11f), color-stop(2%,#86b11f), color-stop(4%,#f7f7f7), color-stop(8%,#86b11f), color-stop(50%,#86b11f), color-stop(52%,#6d9019), color-stop(100%,#5e7c16)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #86b11f 0%,#86b11f 2%,#f7f7f7 4%,#86b11f 8%,#86b11f 50%,#6d9019 52%,#5e7c16 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #86b11f 0%,#86b11f 2%,#f7f7f7 4%,#86b11f 8%,#86b11f 50%,#6d9019 52%,#5e7c16 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #86b11f 0%,#86b11f 2%,#f7f7f7 4%,#86b11f 8%,#86b11f 50%,#6d9019 52%,#5e7c16 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #86b11f 0%,#86b11f 2%,#f7f7f7 4%,#86b11f 8%,#86b11f 50%,#6d9019 52%,#5e7c16 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b11f', endColorstr='#5e7c16',GradientType=0 ); /* IE6-9 */
	border: solid 1px #86b11f;

}
.tombol.hijau-tua.gradasi, .tombol-kecil.hijau-tua.gradasi {
	background: #569739; /* Old browsers */
	background: -moz-linear-gradient(top,  #569739 0%, #569739 2%, #f7f7f7 4%, #569739 8%, #569739 50%, #467b2e 52%, #467b2e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#569739), color-stop(2%,#569739), color-stop(4%,#f7f7f7), color-stop(8%,#569739), color-stop(50%,#569739), color-stop(52%,#467b2e), color-stop(100%,#467b2e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #569739 0%,#569739 2%,#f7f7f7 4%,#569739 8%,#569739 50%,#467b2e 52%,#467b2e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #569739 0%,#569739 2%,#f7f7f7 4%,#569739 8%,#569739 50%,#467b2e 52%,#467b2e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #569739 0%,#569739 2%,#f7f7f7 4%,#569739 8%,#569739 50%,#467b2e 52%,#467b2e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #569739 0%,#569739 2%,#f7f7f7 4%,#569739 8%,#569739 50%,#467b2e 52%,#467b2e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569739', endColorstr='#467b2e',GradientType=0 ); /* IE6-9 */
	border: solid 1px #569739;

}
.tombol.hijau-tua.gradasi:hover, .tombol-kecil.hijau-tua.gradasi:hover {
	background: #569739; /* Old browsers */
	background: -moz-linear-gradient(top,  #569739 0%, #569739 2%, #f7f7f7 4%, #569739 8%, #569739 50%, #467b2e 52%, #336b03 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#569739), color-stop(2%,#569739), color-stop(4%,#f7f7f7), color-stop(8%,#569739), color-stop(50%,#569739), color-stop(52%,#467b2e), color-stop(100%,#336b03)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #569739 0%,#569739 2%,#f7f7f7 4%,#569739 8%,#569739 50%,#467b2e 52%,#336b03 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #569739 0%,#569739 2%,#f7f7f7 4%,#569739 8%,#569739 50%,#467b2e 52%,#336b03 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #569739 0%,#569739 2%,#f7f7f7 4%,#569739 8%,#569739 50%,#467b2e 52%,#336b03 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #569739 0%,#569739 2%,#f7f7f7 4%,#569739 8%,#569739 50%,#467b2e 52%,#336b03 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569739', endColorstr='#336b03',GradientType=0 ); /* IE6-9 */
	border: solid 1px #569739;

}