@charset "utf-8";
@import "new.css";
body {
	/*background-image: url(images/bg.png);*/
	background-repeat: repeat;
	background-attachment:fixed;
	margin:0 auto;
	max-width:1349px;
        /* width:100%; */
}
* {margin:0px; padding:0px; }
a {text-decoration:none;}
a:hover {opacity: 0.8}
img {border:none;border-radius: 5px;}

@font-face {
    font-family:'play-bold';
    src:url('fonts/Play-Bold.otf');
}
@font-face {
    font-family:'play-reg';
    src:url('fonts/Play-Regular.otf');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oswald.woff') format('woff');
}
@font-face {
    font-family:'FF_DIN_Condensed_Medium';
    src:url('fonts/FF_DIN_Condensed_Medium.otf');
}
@font-face {
    font-family:'FF_DIN_Regular';
    src:url('fonts/FF_DIN_Regular.otf');
}
.clear {clear:both; height:0px;}
.green{	color:#6ee661; }
.deepgrey{ color: #4c4c4b; }
.grey{ color:#8d8d8d; }
.pink{ color:#ffb5b9;}
.brown{	color:#a39467; }
.blue{	color:#4d90fe; }
.bd-bottom{ border-bottom:solid 1px #ccc; }
.hidden{display:none;}
#wrapper {
	/* width: 98%; */
	/* width: 980px; */
	margin: 0 auto;
	padding: 0px 10px;
	position: relative;
}
#header {
	/*height: 180px;*/
	/* header css di fixkan */
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 100;
    height: 140px;
}

.top_bar{
	height:30px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding-right:5px;
	/*border-bottom:solid 2px #ccc;*/
	position:relative;
	/* border:solid 1px #000; */
}
.signin{
	padding-top:10px;
}
#account_box {
    margin-bottom: 11px;
    margin-top: 20px;
    margin-right: 5px;

}
#sosmed {
    border-top-left-radius: 5px;
    border: 1px solid #ccc;
    padding: 4px;
    height: 20px;
}
.toplink{
	text-transform:capitalize;
}
.toplink a:link,.toplink a:visited{
	color:#000;
}
.toplink a:hover{
	color:#8d8d8d;
}
.notfound{
	font-family: 'FF_DIN_Condensed_Medium';
	font-size: 19px;
	font-weight: normal;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 4px 0 4px 0;
	/* color:#f98400; orange*/
	color:#4d90fe; 
}
.breadcrumbs{
	font-family: 'FF_DIN_Condensed_Medium';
	font-size: 19px;
	font-weight: normal;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 4px 0 4px 0;
	margin-bottom:10px;
}
.breadcrumbs a:link,.breadcrumbs a:visited{
	color:#4d90fe;
}
.breadcrumbs a:hover{
	color:#ffb5b9;
}
#logo{
    float: left;
    width: 225px;
    height: 105px;
    margin-top: -5px;
}
#widget{
    float: right;
    overflow: hidden;
    text-align: right;
    padding-right: 3px;
    font-family: verdana;
    font-size: 14px;
}
#widget, #widget a {
    color: #939292;
}
#widget img {max-width: 20px;vertical-align: middle;}

#left-widget{
	float:left;
	border-right:solid 1px #ccc;
	width:166px;
	height:55px;
}
#right-widget{
	float:left;
	width:165px;
	height:55px;
}
#top_content{
	height:100px;
	border-bottom:solid 2px #ccc;
}
#bottom-widget{
	float:left;
	width:334px;
	height:50px;
	border-top:solid 2px #ccc;
}
.logo_hargabaju{
	padding-top:5px;
}
.logo_hargabaju a img {
	max-width: 100%;
    max-height: 100px;
}
.text_hargabaju{
	font-family:play-bold;
	font-size:13px;
}

.text-image {
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	width:25px;
}
.textwidget{
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:left;
	line-height:14px;
	margin-top:10px;
}
.text_lets{
	padding:5px;
	float:left;
	margin-left:30px;
}
.text-widget{
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding:0;
	line-height:14px;
}
.iconwidget{
	padding-top:10px;
}
.logo-font{
	font-family:'Oswald';
	font-size:40px;
	line-height:30px;
	font-weight:bold;
}

.logo-font-small{
	font-family:'Oswald';
	font-size:15px;
	line-height:10px;
	color:#373736;
}

/* Top Cart */
/* === CART - SEARCH === */   
#header-cart-search { float: right; padding: 5px 0 0 5px; }
#header-cart-search .cart-items, #header-cart-search .cart-subtotal { 
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 0 5px 0 5px;
	float: left;
	font-family:'Oswald', sans-serif; 
	font-size:30px; 
	color:#373736; 
	font-weight: bold;
	text-transform: uppercase;
	height:43px;
	line-height:43px;
}                        
.cart-items-number, .cart-subtotal-integer { 
	font-family:'Oswald', sans-serif; 
	font-size:17px;  
	line-height:43px;
}

.tablecart td {border: 1px solid #FC738E;}
#header-cart-search .cart-items-icon { border-top-left-radius: 5px;background: url('images/bag.jpg') 7px 7px no-repeat; padding-left: 50px }
#header-cart-search .cart-items span { display: block; float: left; padding-bottom: 7px }
#header-cart-search .cart-items .cart-items-label { font-size: 14px; font-weight: normal; padding-left: 5px }

#header-cart-search .cart-subtotal {
	overflow:hidden;min-width: 95px;display: none;
}
#header-cart-search .cart-subtotal span { display: block; float: left; padding-bottom: 7px }
#header-cart-search .cart-subtotal .cart-subtotal-decimal,
#header-cart-search .cart-subtotal .cart-subtotal-currency { 
	font-size: 14px;
	padding-left: 5px;
}
#header-cart-search .cart-subtotal .cart-subtotal-decimal { padding-left: 1px; margin-top: -8px; }
#header-cart-search .cart-subtotal .cart-subtotal-currency { font-size: 15px; font-weight: normal }

#header-cart-search .widget_shopping_cart { 
	float: left; 
	font-family: 'Oswald'; 
	font-size: 18px; 
	height: 43px;
	width: 105px;
	background-color: #FFC5D8;
	line-height: 48px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
    border-top-right-radius: 5px;
}
.widget_shopping_cart  a:link,.widget_shopping_cart  a:visited{
	color: #fff;
}
#header-cart-search .widget_shopping_cart .widgettitle { display: none }

#header-cart-search form, #header-cart-search #search_mini { margin: 0; }
#header-cart-search #search_mini {
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 8px;
    padding: 4px 30px 4px 5px;
    background: url('images/search_button.png') no-repeat right center;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 30px;
    height: 30px;
    border: solid 1px #ccc;
    background-size: contain;
}
::-webkit-input-placeholder { color: #939292 !important; }
:-moz-placeholder, ::-moz-placeholder { color: #939292 !important; }
:-ms-input-placeholder { color: #939292 !important; }

#header-cart-search .border { height:auto; padding:0; border:0; background:none; }

table.tablecart td{
	padding: 2px;
}
.cart-items{
	border-color: #ccc;
}
.baskettext {
	font-weight: normal; font-size: 9px; color: #000000; font-family: verdana, arial, sans-serif
}
.totalbasket {
	float:left;font-weight: bold; font-size: 10px; color: #000000; font-family: verdana, arial, sans-serif
}
.checkbasket{
	float:right;
	padding:5px;
}
.info{
	font-size:12px;
}
/* 
------------------ 
	Menu Nav 
------------------ 
*/
#nav {
	float:left;
	width:100%;
	position:relative; 
	font-family: 'FF_DIN_Condensed_Medium'; 
	font-size:20px;
	font-weight: normal; 
	color: #4d90fe;
	border-bottom: solid 2px #ccc;
}
#nav .clear {
	clear:both;
}
#nav ul {
	padding:0; 
	margin:0; 
	list-style:none;
}
#nav li {
	float:left;
	margin-left:50px; 
	margin:5px 10px 5px 2px;
	
}
#nav li a { 
	text-decoration:none; 
	color: #4d90fe; 
	padding:10px 15px 3px;
}
#nav li a:hover{ 
	text-decoration:none; 
	color: #ffb5b9; 
	padding:10px 15px 3px;
}

/* 
------------------ 
	Pagination 
------------------ 
*/
/*.general-pagination { height:29px; margin: 3px auto; float:right }*/
.general-pagination {text-align: right;width: 100% }
.general-pagination span { display:none; }
.general-pagination a { margin-top: 5px;display:inline-block; font-weight:bold; margin-right:5px; line-height:28px; width:29px; height:29px; text-align:center; background:url('images/bg-pagination.png') top repeat-x; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:11px; text-align:center; }
.general-pagination a.selected { background-position:0 -58px; color:#ffffff; }
.general-pagination a.selected:hover{ background-position:0 -58px; color:#ffffff; }
.general-pagination a:hover { background-position:0 -29px; color:#999999; text-decoration:none; }
.general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }


/* 
------------------ 
	Content 
------------------ 
*/
#content{
	width:100%;
	position:relative;
}
#content_left{
	float: left;
	width: 15%;
}
#koleksi_menu{
	position:relative;
	min-height:200px;
	float:left;
	padding-bottom:8px;
	width: 100%;
}
.content_top{
	clear: both;
	margin-bottom: 5px;
	min-width: 500px;
}
.title_koleksi{
	font-family: 'FF_DIN_Condensed_Medium'; 
	font-size:19px;
	font-weight: normal; 
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding:4px 0 4px 0;
	/* float:left;
	width:100%; */
}
.subleft_bar {
	float:left;
	/*width:223px;*/
	padding-top:8px;
	display:block;
	clear:both;
    width: 100%;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding-bottom: 5px;
}
.arrow_subleft {
	float:left;
	width:20px;
	height:20px;
	margin-right:7px;
}
.subleft_categories {
	/*width:223px;*/
	margin-top:5px;
}

.arrow_subcategories {
	float:left;
	width:7px;
	height:8px;
	margin-left:40px;
	margin-right:5px;
}

.subleft_name {
	float:left;
	/*width:180px;*/
	font-family:"FF_DIN_Regular", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#242424;
}
.subleft_name div .subleft_name {
	clear:both;
}
.subleft_name a:link, .subleft_name a:visited {	
	color:#242424;
	text-decoration:none;
}

.subleft_name a:hover {
	color:#909090;
}
.subcategories_name {
	float:left;
	width:238px;
	margin-right:10px;
}
.left-col{
	float:left;
	padding:10px 0 10px 0;
	width:100%;
	overflow: hidden;
	text-align: center;
}
.left-col img {
	max-width: 100%;
}


/* 
------------------ 
	Products 
------------------ 
*/
#products {
	float: left;
	display: block;
	position: relative;
	min-height: 100px;
	margin-left: 1%;
	width: 84%;
}
#products-list{
	display: flex;
	flex-wrap: wrap;
}
.product_thumbnail1 , .product_thumbnail2{
	/*
        border: 1px solid #e0dfdf;
	border-radius: 5px;
        */
	background: #fff;
	width: 25%;
	height:auto;
	float: left;
        padding: 5px 5px;
	position: relative;
        box-sizing: border-box;
}
.product_thumbnail1:hover, .product_thumbnail2:hover{
    border: 0px solid #FC738E;
}
/*.product_thumbnail2 {
	border: 1px solid #e0dfdf;
	background: #fff;
	width: 18%;
	height: 165px;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}*/
.thumbnail-wrapper{
	/*padding: 1px;*/
	overflow: hidden;
	text-align: center;
    height: auto;
	/*height: 325px;*/
}
.lazy {
	max-width: 100%;
	max-height: 100%;
}
.upper{
	font-family:'Arial';
	font-weight:bold;
	font-size:11px;
	text-align:center;
}
.price{
	font-family:'Arial';
	font-weight:bold;
	font-size:14px;
	text-align:center;
	width:auto;
    color: #FC738E;
}
.detail_products_right {
	float:left;
	width:100%;
}
.detail_products_right_in{
	/* margin-top:10px; */
}
.detail_img_bar {
	float:left;
	width:381px;
	margin-right:10px;
}
.description_detail_bar {
	float:left;
	width:320px;
	text-align:left;
	font-family:"FF_DIN_Regular", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#242424;
	position:relative;
	word-wrap: break-word;
}

.description_detail_in {
	float:left;
	width:320px;
	text-align:left;
	margin-bottom:10px;
}

.description_detail_bottom {
	float:left;
	width:320px;
	text-align:left;
	margin-bottom:30px;
}

.description_title {
	float:left;
	width:320px;
	border-bottom:dotted 1px #350000;
	margin-bottom:10px;
}
.detail_img_small {
	float:left;
	background:white;
}

.slide{
	cursor:pointer;
	text-align:center;
	font-family:arial;
	font-size:12px;
    height: 210px;
    margin-right: 3px;
    margin-left: 3px;
    overflow: hidden;
}
.slideother{
	float:left;
	padding-top:10px;
    height: 290px;
}
#divpick {
	width:320px;
	padding: 5px;
	border: 1px solid #fff;
	font-size: 14px;
	background: #ffb5b9;
	float:left;
}
#selection, #selection_multiple{ 
	width:310px;
	border:1px solid #bbc3d3;
	min-height:30px;
	margin:0 0 5px 0; 
	padding:5px;
	font-size:10px;
	background:#FFFFFF;
	font-size:14px;
	position:relative;
	color:#000000;
}
#divpick button {
	width : 100px;
	height : 35px;
	border-radius : 5px 5px 5px 5px;
	margin : 0 5px 5px 0;
	background:#FFFFFF;
	border: 1px solid #666666;
    cursor: pointer;
}
#divpick button:hover {
	background:#CCCCCC;
}

#btselesai,#btcancel,#btselesaiEd,#btcancelEd {
	width : 110px;
	height:30px;
	color:#03243e;
	padding:0 3px;
	background: #afd8f8;
}

#btselesai[disabled],#btcancel[disabled],#btselesaiEd[disabled],#btcancelEd[disabled] {
	background:#F0F0F0;
	border:1px solid #F0F0F0;
	color:#6D6D6D;
}

#btselesai:hover,#btcancel:hover,#btselesaiEd:hover,#btcancelEd:hover{
	background: #79b7e7;
}

.product-keep button{
	min-width: 40px;
    height: 25px;
    border-radius: 4px;
    margin: 3px;
    padding: 3px;
    background: #FFFFFF;
    border: 1px solid #666666;
    cursor: pointer;
}
.product-keep button:hover{
	background:#eeeeee;
}
.product-keep input[type='button']{
    width: 80px !important;
    height: 25px !important;
	color:#03243e !important;
	padding:0 3px !important;
	background: #afd8f8 !important;
	margin: 3px !important;
}

.product-items input[type='button']{
    width: auto !important;
    height: 25px !important;
    color: #ffffff !important;
    padding: 0 3px !important;
    background: #ea7cbb !important;
    margin: 3px !important;
    border-color: #ea8fc3 !important;
	font-size: 12px;
}

.product-items input[type='button'][disabled], .product-keep input[type='button'][disabled]{
	background:#F0F0F0 !important;
	border:1px solid #F0F0F0 !important;
	color:#6D6D6D !important;
}

.product-items input[type='button']hover, .product-keep input[type='button']hover{
	background: #79b7e7 !important;
}
.product-keep  #selection{
	width:auto !important;
}
/* 
------------------ 
	Checkout 
------------------ 
*/
#checkout {
	float:left;
	display: block;
	position: relative;
	min-height: 100px;
	margin-left:7px;
	width:84%;
}
#form-block{
	background-color:#fecace;
	float: left;
	width: 100%;;
	margin-bottom:20px;
	position:relative;
	height:100%;
}
#form-left{
	background-color:#fecace;
	float: left;
	margin-bottom: 20px;
	width: 370px;
	margin-right: 10px;
}
#form-right{
	background-color:#fecace;
	margin-bottom: 20px;
	width: 370px;
	min-height: 226px;
	float:right;
}
#form-margin{
	margin-top: 20px;
}
#formtable {
	font-family: "FF_DIN_Regular", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
    min-height:100%;
	letter-spacing:0px;
}
#formtable td{
    
	/* vertical-align:middle; */
	height: 30px;
	/* width: 100px; */
}
#formtable input[type='text']{
	width: 250px;
	height: 20px;	
}
#formtable select{
	width: 250px;
	border:1px solid #ffffff;
	height: 20px;	
}
#formtable textarea{
	width: 250px;
	
	border:1px solid #ffffff;
	height: 100px;
	background-color:white;
	font-family:Helvetica,Arial;
	/* font-size:11px; */
}
#form-inside{
	float: left;
	margin: 20px;
	font-size: 11px;
    font-family: Helvetica, Times New Roman, sans-serif;
    color :#4c3b3d;
	width:310px;
}
#form-notice{
    font-size:11px;
    margin-bottom: 20px;
}
#errormessage{
	color: #960a0a;
	margin-bottom: 10px;
	font-size: 11px;
	font-style:italic;
}
.change{
    margin-top:20px;
    margin-bottom:10px;
    font-style:italic;
    font-size:13px;
}
.form-headtitle{
	color: #000;
    font: normal 30px 'FF_DIN_Condensed_Medium', Arial, Helvetica, sans-serif ;
    background: none;
    line-height: 45px;	
    background-repeat: no-repeat;
    background-position: 95% 0;
}
.button, .checkout, .beli{
	margin-top:10px;
	background: #eee;
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	padding: 4px 4px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
}
.button:hover,.checkout:hover,.beli:hover{
	background: #ddd;
	background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb');
	border: 1px solid #bbb;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-shadow: 0 1px 0 #ddd;
}
.listcart_confirm{
	margin:20px;
	font-family: "FF_DIN_Regular", Arial, Helvetica, sans-serif;
}.listcart_confirm a:link{
	text-decoration:none;
	color:#4d90fe;
}
.dd,.confirm_pr{
	padding-right:5px;
	font-family: "FF_DIN_Regular", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}

.table_confirm  td{
	padding:5px;
	border-bottom: dotted 1px #350000;
}
/* 
------------------ 
	Footer 
------------------ 
*/
#footer{
	margin:15px 0 40px 0;
	width:100%;
	height:40px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.logo_footer{
	width:200px;
	float:left;
	padding-top:5px;
}
.logo-font-footer{
	font-family:'Oswald';
	font-size:22px;
	line-height:15px;
	font-weight:bold;
}
.logo-font-small-footer{
	font-family:'Arial';
	font-size:10px;
	line-height:10px;
	color:#373736;
}
.text_hargabaju_footer{
	font-family:play-bold;
	font-size:9px;
}
.footer_right{
	float:right;
}
.nav_footer{
	font-family:'Arial';
	font-size:9px;
	line-height:20px;
	
}
.nav_footer a:link,.nav_footer a:visited{
	color:#8d8d8d;
}
.nav_footer a:hover{
	color:#ffb5b9;
}
.copyright{
	text-align:right;
}
.fixedBar{
	background: #0040ff;
	bottom: 0px;
        left: 0px;
        right: 0px;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px 0;
	position: fixed;
	font-size: 14px;
	height: 30px;
	z-index: 99999;
	opacity: 0.9;
	font-weight: bold;
	border-top-left-radius: 5px;
	border: 2px solid #fecace;
	border-top-right-radius: 5px;
	margin: 0px auto;
        max-width: 1349px;
}
.boxfloat{
	/* text-align:center;  */
	margin:0 auto;
	/* line-height:45px; */
	padding:0 20px;
	width:100%;
}
.cs_group{
	float:left;
	text-align:center;
	border-right:dotted 0px #fecace;;
}
.master_list_ym{
	line-height:25px;
	width:auto;
	height:25px;
	/* padding:0 15px; */
	border-bottom:dotted 0px #fff;
}
.wrap_list_ym{
	float:left;
	min-width:200px;
	line-height:20px;
	font-size:10px;
	display:block;
	height:45px;
}

.list_ym{
	float:left;
	margin-right:5px;
	padding:5px;
}
.list_ym_txt{
	float:left;
	margin-right:0px;
	line-height:20px;
}
.phone_txt{
	font-weight:bold;
	font-size:15px;
}

.wrap_list_ym2{
	float:left;
	line-height:13px;
	font-size:10px;
	display:block;
	height:45px;
	padding:5px;
}
.b_right{
	border-right:none;
}
.b_left{
	border-left:none;
}
.list_ym2{
	min-width:160px;
	margin-right:10px;
	height:13px;
	/* padding-top: 3px; */
}
.list_ym_txt2{
	float:left;
	margin-right:0px;
}
.phone_txt2{
	font-weight:bold;
	font-size:11px;
}

.list_ym div, .list_ym div{
	float: left;
}

.scrollup{
	width:40px;
	height:40px;			
	text-indent:-9999px;
	opacity:0.3;
	position:fixed;
	bottom:50px;
	right:100px;
	display:none;			
	background: url('images/icon_top.png') no-repeat;
}
.scrollup:hover {
	opacity:0.6;
}

/* Media Queries */
/*
@media screen and (max-width: 980px) {
	.fixedBar{
		position: relative;
		width: 100%;
	}
	#footer {
		margin: 15px 0 5px 0;
	}
	
	.product_thumbnail1, .product_thumbnail2 {
		border: 1px solid #e0dfdf;
		background: #fff;
		width: 170px;
		height: 210px	;
		float: left;
		margin-right: 8px;
		margin-bottom: 15px;
		margin-left: 2px;
	}
}
@media screen and (max-width: 1164px) {
	#widget {
		display: none;
	}
	#logo{
		width: 40%;
	}
}*/
.product-meta {
    position: relative;
    text-align:center;
}
.product-keep{
	background-color:#DB88CD;
	position:relative;
	min-height:34px;
	color:#ffffff;
	font-family:calibri;
	display: none;
}
.product-items{
	background-color:#742366;
	position:relative;
	min-height:34px;
	color:#ffffff;
	font-family:calibri;
}
.product-items:before, .product-items:after{
        box-sizing: border-box;
}
.thumb {
    color: #666;
}
.title_produk {
    font-size: 13px;
}
.detail_url {
    color: #9C9C9C;
}
.ribbon_soldout {
	width: 0;
	height: 0;
	border-top: 60px solid #FFB5BA;
	border-right: 60px solid transparent;
	position:absolute;
	opacity:0.8;
    z-index: 10;
}
.txt_soldout{
	top:-45px;
	position:absolute;
	width:50px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#000;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg); /* Safari and Chrome */
}
.sold_out{
	font-family: 'FF_DIN_Condensed_Medium'; 
	font-size:20px;
	font-weight: normal; 
	color:#DD1E2F;
}
.discount{
	color:#da0f00;
	font-weight:bold;
	float:left;
}
#old_price_display {
	font-size: 0.8em;
	text-align: right;
	text-decoration: line-through;
}
#reduction_percent {
	color: #da0f00;
	font-size: 0.75em;
	text-align: left;
}
.lowered{
	text-decoration: line-through;
	color: #da0f00;
	
}
.content_text{
	font-family:"FF_DIN_Regular", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#242424;
	border-bottom: solid 2px #ccc;
	padding:8px;
}
.mid{
	vertical-align: top;
}

.ui-tabs-anchor{
	outline:none;
}
#formtable input,#formtable textarea,#formtable select {
	border: 1px solid #aaaaaa;
}
#formtable .button {
	margin-top:10px;
	background: #eee;
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 4px 4px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
}
#formtable .button:hover{
	background: #ddd;
	background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb');
	border: 1px solid #bbb;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-shadow: 0 1px 0 #ddd;
}
.table_popup td{
	padding:5px;
}
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 13px; }
.ui-autocomplete { position: absolute; cursor: default; max-height: 300px; overflow-y: scroll; text-transform:capitalize;}	
.ongkosdiv,.ongkosdiv2{display:none;}
legend{
	padding:4px;
	font-weight:bold;
	font-size:16px;
	background:#ccc;
	color:#FFFFFF;
	margin-bottom:5px;
}
table.dd td{
	padding-right:5px;
}
table.dod td{
	padding-left:5px;
}


@media screen and (max-width: 980px) {
	#content_left {
		float: left;
		width: 20%;
	}
	#products, #checkout {
		width: 78%;
	}/*
	.product_thumbnail1, .product_thumbnail2 {
		background: #fff;
		width: 25%;
		height:330px;
		float: left;
		margin: 0px;
		position: relative;
	}*/
}