/*  
Theme Name: IndoStore Theme
Theme URI: http://www.oketheme.com/themes/indostore-theme
Description: IndoStore Theme adalah template wordpress khusus bagi Anda yang ingin membuat toko online Indonesia yang simpel, desain profesional dan mudah digunakan bahkan untuk newbi sekalipun. Fitur keren & Responsive layout!
Version: 4.2
Author: Tri Yuli Kurniawan
Author URI: http://www.oketheme.com
Tags : wordpress theme indonesia,indostore,toko online indonesia,0066CC,FF6600,98C8FC,EDEFF4
*/
body {
	font-family: Tahoma;
	font-size: 12px;
	color: #333;
	background-color: #0055AA }
 
a { color:#0066cc;text-decoration: none }
 
p { text-decoration:none;line-height: 20px }
 #wrap {
	background: #FFF;
	width: 900px;
	margin: 0 auto;
	margin-top: 35px;
	padding: 0 10px; }
#posting ul {
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px; }
 
	#posting ul li {
		margin-left: 30px;
		margin-right: 30px;
		border-bottom: 1px dotted #98C8FC;
		padding-top: 5px;
		padding-right: 0.3em;
		padding-bottom: 5px;
		padding-left: 20px;
		background-image: url(images/li.gif);
		background-repeat: no-repeat;
		background-position: left center; }
 
		#posting ul li ul {
			list-style-type: square;
			padding-top: 0;
			padding-right: 0;
			padding-bottom: 0px;
			padding-left: 3px; }
 
			#posting ul li ul li {
				border-top-width: 0;
				border-right-width: 0;
				border-bottom-width: 1px;
				border-left-width: 0;
				border-bottom-style: dotted;
				border-bottom-color: #98C8FC; }
 
#menu {
	width: 900px;
	font-size: 10px;
	text-transform: uppercase;
	text-align: left }
 
#dropdownmenu {
	float: left;
	list-style: none;
	line-height: 20px;
	z-index: 300;
	width: 920px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	background-color: #0066CC;
	background-image: url(images/style/navi.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma }
 
	#dropdownmenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		line-height: 20px;
		z-index: 300;
		position: absolute;
		display: none;
		top: 26px;
		background-color: #0066CC; }
 
	#dropdownmenu a {
		display: block;
		color: #FFFFFF;
		font-weight: bold;
		padding-top: 3px;
		padding-right: 8px;
		padding-bottom: 3px;
		padding-left: 8px; }
 
		#dropdownmenu a:hover { text-decoration:none;background-color: #98C8FC }
 
	#dropdownmenu li {
		float: left;
		position: relative;
		display: block }
 
		#dropdownmenu li ul { width: 150px; }
 
			#dropdownmenu li ul a {
				width: 134px;
				height: auto;
				float: left;
				background-color: #0066CC;
				border-bottom: 1px solid #EDEFF4 }
 
				#dropdownmenu li ul a:hover {
					width: 134px;
					text-decoration: none;
					background-color: #98C8FC }
 
	#dropdownmenu ul ul {
		line-height: 20px;
		top: auto; }
 
	#dropdownmenu ul li {  }
 
	#dropdownmenu li ul ul { left:12em;margin-left: 18px }
 
	#dropdownmenu li:hover ul ul, #dropdownmenu li:hover ul ul ul, #dropdownmenu li:hover ul ul ul ul { display: none; }
 
	#dropdownmenu li:hover ul, #dropdownmenu li li:hover ul, #dropdownmenu li li li:hover ul, #dropdownmenu li li li li:hover ul { display: block; }
 
 .selectmenu select{
width : 100%;
line-height : 20px;
padding : 5px;
margin : 5px 0;
border : 4px solid #DDD;
display : none;
outline: none;
 }
 .noselect {
 display: block;
 }
 
#top {
	width: 100%;
	font-size: 11px }
 
.tanggal {
	float: left;
	line-height : 15px;	margin : 7px 0;
	color: #0066CC }
 
#header {
	width: 920px;
	height: 150px;
	background-color: #FFF;
	margin-left: -10px; }
 
	#header .bg {
		width: 100%;
		height: 150px;
		float: left;
		background-image: url(images/style/header.jpg);
		background-position: center}
 
	#header .logo {
		width: 400px;
		height: 70px;
		float: left;
		margin-top: 10px;
		margin-left: 10px;
		font-size: 26px;
		text-shadow: 1px 1px 1px #333 }
	#header .logo  a {
		color : #FFF;
		}
 
	#header .banneratas {
		width: 234px;
		height: 60px;
		float: right;
		margin-top: 18px;
		margin-right: 20px; }
 
#cstop {
	position: fixed;
	height: 35px;
	top: 0;
	font-size : 11px;
	font-weight : bold;
	width: 920px;
	float: left;
	margin-left: -10px;
	background : #FFF;
	background-image: url(images/style/shadow.jpg);
	background-repeat: repeat-x;
	padding : 0;
	 }
 #cstop ul {
 margin : 0;
 padding :0 5px;
 }
	#cstop ul li {
		list-style-type: none;
		width : 25%;
		line-height : 30px;
		float : left;
		color: #0066CC;
		text-align : left;
		}
 
#search {
	float: right;margin-top:2px;
	width: 365px;
	padding: 0px !important }
 
	#search input {
		background: #fff;
		border: 1px solid #98C8FC;
		color: #999;
		float: left;
		font-size: 11px;
		width: 200px;
		margin: 2px 0px 0px;
		padding: 3px 4px 4px; }
 
	#search .button {
		padding: 0;
		height: 20px;
		margin: 3px 0px 0px 5px !important;
		border: none;
		width: 150px;
		background: #0066CC; }
 
#isigede {
	width: 900px;
	margin-bottom: 5px;
	background-color: #FFF }
 
#isikatalog {
	width: 100%;
	height: auto;
 }
 
#isisukses {
	width: 100%;
	height: auto;
	margin: 10px 0;
	padding : 10px;
	margin-left: -10px;
	background: #FFF }
 
#isi {
	float: right;
	width: 688px;
	margin-right: 4px;
	padding: 0px }
 
#isisingle {
	float: left;
	width: 522px;
	margin-left: 6px;
	padding: 0px 0px 0px 0px }
 
#welcome {
	width: 100%;
	height: auto;
	border: 1px dashed #98C8FC;
	margin-bottom: 5px;
	font-size: 11px;
	color: #0066CC;
	background: #EDEFF4 }
 
#produk {
	float: left;
	width: 518px;
	height: auto;
	margin-left: -5px;
	margin-bottom: 5px; }
 
.single {
	margin: 10px;
	font-size: 12px;
	text-align: left }
 
.singleblog {
	margin: 10px;
	font-size: 12px; }
 
#blogs {
	width: 99%;
	height: auto;
	border: 1px dashed #98C8FC;
	margin : 5px 0;
	font-size: 11px;
	color: #0066CC;
	background: #EDEFF4 }
 
#unique {
	width: 520px;
	height: auto;
	border: 1px dashed #98C8FC;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #0066CC;
	background: #EDEFF4 }
 
#warning {
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	background: #FFEBAE }
 
.singlecs {
	float: right;
	margin: 5px;}
 
.entrytitle { border-bottom:1px dashed #98c8fc;text-align: left }
 
	.entrytitle h2 {
		color: #0066CC;
		font-size: 13px;
		font-style: normal;
		margin: 0 0 5px;
		padding: 0 }
 
blockquote {
	color: #0066CC;
	font-style: italic;
	margin: 0 0 10px;
	padding-left: 30px }
 
.watermark {
	color: #CCC;
	position: absolute;
	overflow: hidden;
	margin-top: -100px;
	text-align: center;
	width: 164px;
	height: 60px;
	font-size: 13px }
	
.sidebar {
display : block;
}
.sidebarz {
display : none;
}
#sidebar {
	float: left;
	width: 194px;
	text-align: left;
	color: #0066CC;
	margin-top: 5px; }
 
	#sidebar .box {
		border: 1px solid #EDEFF4;
		margin-bottom: 5px;
		background-color: #FFF;
		background-image: url(images/style/shadow.jpg);
		background-repeat: repeat-x;
		padding: 5px }
 
		#sidebar .box h3, #sidebar h3 {
			color: #0066CC;
			height: 20px;
			font-family: Tahoma, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			padding-left: 0px;
			text-transform: uppercase; }
 
	#sidebar a { color: #0066CC; }
 
	#sidebar ul {
		list-style-type: none;
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0px; }
 
		#sidebar ul li {
			border-bottom: 1px dotted #98C8FC;
			padding-top: 5px;
			padding-right: 0.3em;
			padding-bottom: 5px;
			padding-left: 3px;
			background-position: left center; }
 
			#sidebar ul li:hover {
				background-color: #EDEFF4;
				border-bottom: 1px dotted #98C8FC;
				padding-top: 5px;
				padding-right: 0.3em;
				padding-bottom: 5px;
				padding-left: 3px;
				background-position: left center; }
 
			#sidebar ul li ul {
				list-style-type: square;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0px;
				padding-left: 3px; }
 
				#sidebar ul li ul li {
					border-top-width: 0;
					border-right-width: 0;
					border-bottom-width: 1px;
					border-left-width: 0;
					border-bottom-style: dotted;
					border-bottom-color: #98C8FC; }
 
.seo h1 { font-size:0px;margin-top: 5px }
  
#sidebar2 {
	float: right;
	width: 170px;
	text-align: left;
	color: #0066CC;
	margin-top: 5px;
	margin-left: 4px }
 
	#sidebar2 .box {
		border: 1px solid #EDEFF4;
		margin-bottom: 5px;
		background-color: #FFF;
		background-image: url(images/style/shadow.jpg);
		background-repeat: repeat-x;
		padding: 5px }
 
		#sidebar2 .box h3, #sidebar h3 {
			color: #0066CC;
			height: 20px;
			font-family: Tahoma, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			padding-left: 0px;
			text-transform: uppercase; }
 
	#sidebar2 a { color: #0066CC; }
 
	#sidebar2 ul {
		list-style-type: none;
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0px; }
 
		#sidebar2 ul li {
			border-bottom: 1px dotted #98C8FC;
			padding-top: 5px;
			padding-right: 0.3em;
			padding-bottom: 5px;
			padding-left: 3px;
			background-position: left center; }
 
			#sidebar2 ul li:hover {
				background-color: #EDEFF4;
				border-bottom: 1px dotted #98C8FC;
				padding-top: 5px;
				padding-right: 0.3em;
				padding-bottom: 5px;
				padding-left: 3px;
				background-position: left center; }
 
			#sidebar2 ul li ul {
				list-style-type: square;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0px;
				padding-left: 3px; }
 
				#sidebar2 ul li ul li {
					border-top-width: 0;
					border-right-width: 0;
					border-bottom-width: 1px;
					border-left-width: 0;
					border-bottom-style: dotted;
					border-bottom-color: #98C8FC; }
 
#footer {
	background: #0066CC;
	width: 920px;
	padding-bottom: 10px;
	margin-left: -10px;
	color: #FFF;
	border-top: 4px solid #98C8FC }
 
	#footer a { color: #98C8FC }
 
	#footer .designby { text-align:center;color: #98C8FC }
 
	#footer .copyright { padding-top:10px;text-align: center }
 
.contentbr { margin-bottom: 5px }
 
#blogpics {
	float: left;
	padding-right: 2px;
	padding-bottom: 0px;
	margin-top: 15px; }
 
	#blogpics img {
		border: 1px solid #98C8FC;
		padding: 2px;
		background: #FFF }
 
.thumbnail { height: 150px }
 
.thumb {
	float: left;
	width: 230px;
	height: 215px;
	border: 1px dashed #98C8FC;
	background: #FFF }
 
	.thumb img { margin: 5px }
 
.detailproduct {
	float: left;
	width: 280px;
	height: 215px;
	margin-left: 5px;
	text-align: left }
 
.commentsblock { width: 100% }
 
	.commentsblock textarea, .commentsblock input {
		border: 1px solid #ccc;
		width: 100%;
		font-family: Tahoma;
		color: #333 }
 
ol.commentlist {
	color: #222;
	list-style-type: none;
	margin: 1.5em 0 0;
	padding: 0 }
 
.commentlist li { border:1px dashed #98c8fc;background: #EDEFF4 }
 
ol.orderlist {
	color: #222;
	list-style-type: none;
	margin: 1.5em 0 0;
	padding: 0 }
 
h2#comments {
	font-size: 12px;
	color: #0066CC;
	margin-top: 10px }
 
.commenttext {
	font-size: 12px;
	margin: 5px; }
 
p img { max-width:100%;padding: 0; max-height: 100% }
 
a img { border: medium none }

img {
max-width : 100%;
vertical-align : bottom;
}

img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
img.alignnone {
width : 100%;
height : 100%;
}
img.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
}
img.alignright {
display : inline;
margin : 0 0 2px 7px;
padding : 4px;
}
img.alignleft {
display : inline;
margin : 0 7px 2px 0;
padding : 4px;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
 
.randomprod {
	width: 100%;
	background: #FFF }
 
.randomprodisi {
	width: 50%;
	height : 80px;
	float: left;
}
.randomprodisi img {
padding : 3px;
margin : 2px;
border : 1px solid #DDD;
}
 
.barang1 {
	width: 164px;
	height: 261px;
	float: left;
	border: 1px solid #EDEFF4;
	margin: 3px;
	background-image: url(images/style/shadow.jpg);
	background-repeat: repeat-x }
 
.barang2 {
	width: 164px;
	height: 261px;
	float: left;
	border: 1px dashed #98C8FC;
	margin: 3px;
	background-image: url(images/style/shadow.jpg);
	background-repeat: repeat-x }
 
.barang1 p,.barang2 p { margin: 2px 0 3px }
 
.barang1 img,.barang2 img { padding: 7px }
 
.listslider1 {
	width: 164px;
	height: 261px;
	float: left;
	border: 1px solid #EDEFF4;
	background-image: url(images/style/shadow.jpg);
	background-repeat: repeat-x }
 
.listslider2 {
	width: 164px;
	height: 261px;
	float: left;
	border: 1px dashed #98C8FC;
	background-image: url(images/style/shadow.jpg);
	background-repeat: repeat-x }
 
.listslider1 p,.listslider2 p { margin: 2px 0 3px }
 
.listslider1 img,.listslider2 img { padding: 7px }
 
#badge {
	width: 168px;
	height: 112px;
	position: absolute;
	margin-top: 50px;
	margin-left: -2px }
 
	#badge .ibad { width:168px;height: 112px }
 
.hometitle h2 {
	text-align: center;
	font-size: 12px; }
 
.hometitle {
	font-size: 12px;
	color: #0066CC;
	font-weight: 700;
	margin-top: 10px;
	text-align: center;
	width: 164px;
	margin-bottom: 7px; }
 
.harga { font-size:13px;color: #0066CC }
 
.harga2 { font-size:15px;color: #0066CC }
 
h1 {
	font-size: 15px;
	color: #0066CC;
	font-style: normal;
	margin: 0 }
 
a:hover { color: #FF6600; }
 
h2 {
	font-size: 13px;
	color: #0066CC;
	font-style: normal;
	margin: 0 }
 
a:hover { color: #FF6600; }
 
h3 {
	font-size: 12px;
	color: #0066CC;
	font-style: normal;
	margin: 0 }
 
a:hover { color: #FF6600; }
 
.bookmark {
	float: left;
	background: #EDEFF4;
	height: 36px;
	width: 250px;
	margin-top: 5px }
 
.sb { margin: 3px }
 
.small { font-size:10px;color: #0066CC }
 
.tags { font-size:10px;color: #CCC }
 
	.tags a { color: #CCC }
 
		.tags a:hover { color: #0066CC }
 
.TabMenu {
	text-align: center;
	margin: 0px;
	padding: 0px; }
 
	.TabMenu li {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		display: inline;
		font-size: 12px;
		font-family: Tahoma;
		width: 100px;
		font-weight: bold; }
 
		.TabMenu li a {
			margin-right: 5px;
			float: left;
			text-decoration: none;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			padding-right: 10px;
			margin-top: 0px;
			margin-bottom: -1px;
			color: #0066CC;
			background-color: #EDEFF4;
			border-top-width: 1px;
			border-right-width: 1px;
			border-left-width: 1px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: none;
			border-left-style: solid;
			border-top-color: #98C8FC;
			border-right-color: #98C8FC;
			border-left-color: #98C8FC; }
 
			.TabMenu li a span {
				display: block;
				float: right;
				padding-top: 4px;
				padding-right: 4px;
				padding-bottom: 2px;
				padding-left: 5px; }
 
			.TabMenu li a:hover span { text-decoration: none; }
 
.TabLink a:link.active { background-color: #FFF; }
 
.TabLink a:link .active span { text-decoration: none; }
 
.TabContent {
	clear: left;
	padding-top: 0px;
	border-top: 1px solid #98C8FC; }
 
	.TabContent ul {
		padding: 0px;
		margin: 0px; }
 
	.TabContent li {
		padding: 5px;
		margin: 0px;
		list-style-type: none; }
 
		.TabContent li a { text-decoration: none; }
 
			.TabContent li a:visited { text-decoration: none; }
 
			.TabContent li a:hover { text-decoration: none; }
 
 
#button {
	margin-top: 3px;
	background-image: url(images/style/button.jpg);
	width: 164px;
	height: 32px;
	text-transform: uppercase;
	font-size: 11px }
 
	#button a { color: #FFF }
 
		#button a:hover { color: #222 }
 
	#button .detail {
		width: 164px;
		float: left;
		margin-top: 8px;
		text-align: center }
 
.wp-pagenavi {
	clear: both;
	text-align: left;
	width: 100%;
	height: 25px;
	padding-top: 10px;
	font-size: 11px;
	color: #0066CC; }
 
	.wp-pagenavi a, .wp-pagenavi span {
		font-size: 12px;
		text-decoration: none;
		border: 1px solid #98C8FC;
		border-radius: 4px;
		padding: 3px 5px;
		margin: 2px;
		background-image: url(images/style/shadow.jpg);
		background-repeat: repeat-x; }
 
	.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #98c8fc;background: #FFF }
 
	.wp-pagenavi span.current { font-weight: bold; }
#wrapper {
	width: 100%;
	display : block;
	margin-left : 4px;
	height: 270px;
}
 
#carousel {
	width: 678px;
	position: relative; }
 
	#carousel ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block; }
 
	#carousel li {
		color: #999;
		text-align: center;
		height: 265px;
		padding: 0;
		display: block;
		float: left;
		margin-left: 3px }
 
.clearfix {
	float: none;
	clear: both; }
 
#carousel .prev, #carousel .next {
	margin-left: 10px;
	width: 15px;
	height: 21px;
	display: block;
	text-indent: -999em;
	background: transparent url(images/slider/carousel_control.png) no-repeat 0 0;
	position: absolute;
	top: 100px; }
 
#carousel .prev {
	background-position: 0 0;
	left: -26px; }
 
	#carousel .prev:hover { left: -27px; }
 
#carousel .next {
	background-position: -18px 0;
	right: -20px; }
 
	#carousel .next:hover { right: -21px; }
 
#carousel .pager {
	margin: 0 auto;
	text-align: center; }
 
	#carousel .pager a {
		margin: 0 5px 0 0;
		text-decoration: none;
		display: inline-block;
		width: 8px;
		height: 8px;
		background: transparent url(images/slider/carousel_control.png) no-repeat -2px -32px;
		text-indent: -999em; }
 
		#carousel .pager a.selected {
			text-decoration: underline;
			background: transparent url(images/slider/carousel_control.png) no-repeat -12px -32px; }
 
#source {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0; }
 
#source, #source a {
	font-size: 12px;
	color: #999; }
 
 .fb-comments { width : 100%;}

/* Testi Slider */
#wrapper2 {
	width: 166px;
	margin-left: 0px;
	height: 100px; }
 
#carousel2 {
	width: 166px;
	position: relative; }
 
	#carousel2 ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: block; }
 
	#carousel2 li {
		color: #333;
		text-align: center;
		width: 156px;
		height: 90px;
		padding: 0;
		display: block;
		float: left }
 
/* Testi Slider End */
/* the overlayed element */
.simple_overlay {
	display: none; /* must be initially hidden */
	z-index: 10000; /* place overlay on top of other elements */
	background-color: #FFF; /* styling */
	padding: 10px;
	border: 1px solid #DDD; }
 
	/* close button positioned on upper right corner */
.simple_overlay .close {
		background-image: url(images/close.png);
		position: absolute;
		right: -15px;
		top: -15px;
		cursor: pointer;
		height: 35px;
		width: 35px; }
 
.keranjang {
	display: block;
	float: right;
	font-size: 12px;
	height: 75px;
	width: 156px;
	color: #333;
	position: relative;
	text-align: right;
	background-color: #EEE;
	padding: 5px;
	border: 3px dashed #DDD;
	background-image: url(images/cart.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px }
 
.jcart {
	padding-top: 2px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0;
	font-weight: bold;
	padding-bottom: 2px; }
 
	.jcart ul {
		margin: 0;
		list-style: none;
		padding: 0 20px;
		text-align: left; }
 
	.jcart strong { color: #000066; }
 
	.jcart select {
		color: #0066CC;
		font-size: 8px; }
 
#jcart, #jcart input, #jcart-tooltip { font-size: 12px; }
 
#jcart-error {
	text-align: center;
	padding: 5px; }
 
#jcart table {
	width: 100%;
	border: 0;
	background: #fff;
	border-collapse: collapse;
	color: #000; }
 
#jcart th {
	background-color: #E5E5E5;
	text-align: center;
	font-weight: bold;
	color: #000; }
 
#jcart th, #jcart td {
	padding: 5px;
	border: 0;
	border: 1px solid #CCC;
	vertical-align: middle;
	text-align: center;
	font-weight: normal; }
 
#jcart #jcart-empty { text-align: center; }
 
.jcart-item-qty { width: 10%; }
 
#jcart .jcart-item-name {
	width: 40%;
	font-weight: bold;
	font-size: 11px;
	text-align: left; }
 
#jcart .jcart-item-price {
	width: 25%;
	font-weight: bold;
	text-align: right; }
 
.jcart-item-price span { display: block; }
 
.jcart-remove {
	font-size: 11px;
	font-weight: normal; }
 
#jcart-subtotal {
	display: block;
	text-align: center; }
 
	#jcart-subtotal strong {  }
 
#jcart-buttons input {
	padding: 2px;
	margin: 2px; }
 
#jcart-tooltip {
	display: none;
	position: absolute;
	border: 1px solid #a6c9e2;
	z-index: 9999;
	background-color: #fdfdfd;
	background-image: url(images/theme-id-icon.png);
	background-repeat: no-repeat;
	background-position: 0px -341px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold; }
 
#jcart-sizetip {
	display: none;
	position: absolute;
	border: 1px solid #a6c9e2;
	z-index: 9999;
	background-color: #fdfdfd;
	background-repeat: no-repeat;
	background-position: 0px -396px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #F00; }
 
#external-subtotal {
	font-size: 16px;
	font-weight: bold; }
 
#pilihan {
	border: 1px solid #98C8FC;
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 2px;
	width: 70%; }
 
.testi {
	width: 98%;
	height: auto;
	}
 
/*Main Form Wrapper*/
.konfirmasi_wrapper {
	width: 99%;
	margin: 0 auto;
	font-size: 11px;
	}
 
/*Input and Textare Field Style*/
.vpb_input_fields {
	width: 200px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	padding-top: 2px;
	}
 
	.vpb_input_fields:focus {
		outline: none;
		padding: 3px;
		padding-top: 2px;
		border: 1px solid #CCC;
		box-shadow: 0 0 5px #CCC; }
 
.vpb_input_select {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 20px; }
 
/*Captcha Box wrapper*/
.vpb_captcha_wrapper {
	width: 200px;
	font-size: 11px;
	float: left; }
 
/*Success Message Style*/
.vpb_success {
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	padding: 10px;
	background: #FFFFB7;
	border: 1px solid #F1F1F1;
	border-radius: 4px;
	line-height: 20px;
	margin-bottom: 10px; }
 
/*Error Messages Style*/
.vpb_info {
	width: 100%px;
	text-align: left;
	border: 1px solid #999;
	padding: 8px 10px 8px 10px;
	font: bold 12px Tahoma;
	text-shadow: 2px 2px 2px #ccc;
	border-radius: 4px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	color: black;
	background: #BDE5F8;
	margin-bottom: 10px; }
 
/*Vasplus Button*/
.vpb_general_button {
	background-color: #7fbf4d;
	border: 2px solid #63a62f;
	box-shadow: 0 2px 3px #666666;
	border-radius: 5px;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	text-shadow: 0 -1px 0 #4c9021;
	min-width: 70px;
	width: auto;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	text-decoration: none;
	margin-right: 20px; }
 
	.vpb_general_button:hover {
		background-color: #76b347;
		box-shadow: 0 2px 3px #666666;
		border-radius: 5px;
		cursor: pointer; }
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url(images/icon_top.png) no-repeat;
}
.fb2, .fb3 {display : none;}

/*-------------------------------------------------*\
    RESPONSIVE STYLE - INDOSTORE © Oketheme.com
\*-------------------------------------------------*/

@media only screen and (max-width:935px) {
#wrap  {
width : 700px;
margin-top: 65px;
}
#cstop {
width : 720px;
height: 65px;
}
#cstop ul li {
width : 50%;
}
.tanggal, #search {
width : 100%;
text-align : center;
}
#search input {
width: 535px;
margin-bottom: 5px;
}
#header, #dropdownmenu,#footer{
width : 720px;
}
#menu, #isigede {
width: 700px;
}
#isi {
	width: 100%;
	margin : 0 auto;
	padding: 0px
	}

#wrapper {
margin-left : 10px;
}

#sidebar {
width : 100%;
text-align : center;
}
}

@media only screen and (max-width:736px) {
#wrap  {
width : 440px;
}
#cstop {
width : 460px;
}
#search input {
width: 275px;
}
#header, #dropdownmenu,#footer {
width : 460px;
}
#menu, #isigede {
width: 435px;
}
#wrapper, .sidebar, .banneratas, .noselect{
display : none;
}
#produk{
	float: left;
	width: 440px;
	margin-left: 3px;
	}
.hometitle {
width : 100%;
}
.barang1, .barang2 {
width : 48%;
}
.sidebarz, .selectmenu select{
display : block;
}
#sidebar {
width : 60%;
}
.keranjang {
width : 420px;
background-image: url(images/cart2.jpg);
}
#unique {
width: 430px;
}
.fb, .fb3 {display : none;}
.fb2 {display : block}
}

@media only screen and (max-width:479px) {
#wrap  {
width : 300px;
margin-top: 125px;
}
#cstop {
width : 320px;
height : 125px;
}
#cstop ul li {
width : 100%;
}
#search input {
width: 100px;
}
.randomprodisi {
	width: 25%;
}
#header, #dropdownmenu,#footer{
width : 320px;
}
#menu, #isigede {
width: 295px;
}
#produk{
	width: 290px;
	margin-left: 3px;
	}
.barang1, .barang2 {
width : 100%;
}
.sidebarz{
display : none;
}
.sidebar{
display : block;
}
#sidebar,#sidebar2{
width : 100%;
text-align : center;
}
#header .logo  {
width : 100%;
text-align : center;
margin-left : 0;
}
.keranjang {
width : 280px;
}
#unique {
width: 290px;
}
#wrapper2 {margin: 0 auto;}
.fb, .fb2 {display : none;}
.fb3 {display : block}
}