html, body {
	overflow-x:hidden;
}
body {
	font-size:14px;
	font-family:'Ubuntu-Regular', 'Droid Sans', 'Signika', 'Arial';
	margin:0;
	padding:0;
	/*font-family:Calibri, Arial;*/
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.sts_waiting {
	border-radius: 5px;
	background-color: #888;
	color: white;
	padding: 3px 5px 3px 5px;
	font-size: 11px;
	/*font-weight: bold;*/
	white-space: nowrap;
}

.sts_approved {
	border-radius: 5px;
	background-color: #339900;
	color: white;
	padding: 3px 5px 3px 5px;
	font-size: 11px;
}

.sts_rejected {
	border-radius: 5px;
	background-color: #CC3300;
	color: white;
	padding: 3px 5px 3px 5px;
	font-size: 11px;
}

.loading_img {
     visibility: hidden;
}
.cat-sub-menu-div-elm{ 
	border:1px solid white;
}
.cat-sub-menu-div-elm-selected{ 
	border:1px solid #1DB3E7;
}
.cat-sub-menu-div-elm:hover{ 
	border:1px solid #1DB3E7;
}
.cat-menu-div-elm{ 
	border:1px solid white;
}
.cat-menu-div-elm-selected{ 
	border:1px solid #1DB3E7;
}
.cat-menu-div-elm:hover{ 
	border:1px solid #1DB3E7;
}

.placeholder-banner-small {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
    /*height: 200px;*/
	width:100%;
	min-height:80px;
    position: relative;
    overflow: hidden;
}

.placeholder-bg-product {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
	min-width:50px;
	min-height:70px;
    position: relative;
    overflow: hidden;
}

.placeholder-bg {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
	width:50px;
	height:50px;
    position: relative;
    overflow: hidden;
}

.inter-draw{
  background: #FFF;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 100px;
}
.inter-right--top{
  background: #FFF;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 20px;
  left: 100px;
}
.inter-right--bottom{
  background: #FFF;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 60px;
  left: 100px;
}
.inter-crop{
  background: #FFF;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100px;
}

.tab_item {
font-size:12px; padding:5px; float:left; color:#1DB3E7; cursor:pointer; margin:20px 5px 5px 5px;
border-bottom:1px solid white;
}

.tab_item:hover {
border-bottom:1px solid #AAAAAA;
}

.tab_item_active {
border-bottom:1px solid #1DB3E7;
}

.price {
color:#1DB3E7; font-family:'Signika'; 
font-weight:normal;
}

.price_coret {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px; color:#666; text-decoration:line-through; font-style:italic; margin-top:-2px; font-weight:bold;
}

.prd_name {
color:#333;
}

.prd_disc_info {
position:absolute; top:50px; right:3px; color:white; background-color:#1DB3E7; padding:4px; border-radius:4px;
}
.prd_disc_info_detail {
font-size:14px; color:white; background-color:#1DB3E7; padding:2px; border-radius:4px;
}

.prd_item_link:hover {
text-decoration:none;
}

.qty-adj {
width:100%; border:1px solid #DDD; border-radius:8px; padding:1px; margin:3px 2px 1px 2px; cursor:pointer;
background-color:#FFFFFF;
color:#1DB3E7;
z-index:10000;
}
.qty-adj:hover {
background-color:#1DB3E7;
border-color:#1DB3E7;
color:#FFF;
}

.panel-title {
color:#1DB3E7; font-family:'Ubuntu-Regular','OpenSans-Regular'; font-size:14px;
}

.blink {
  color: red;
  font-weight:bold;
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
	visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
	visibility: hidden;
  }
}

.wishlist_icon {
	border:1px solid #eee;
	border-radius:15px;
	margin:5px;
	width: 30px;
}

#main-content {
	height:1905px;
}

.search-field {
	/*height:25px;*/
	padding:1px 2px 2px 2px; 
}

.header-menu {
	color:#EEE;
	text-decoration:none;
	background-color:transparent;
	border-right:1px solid #C28DDE;
	border-left:1px solid #4F1E91;
	font-weight:bold;
	padding:10px 10px 10px 10px;
	font-size:12px;
	font-family:'Droid Sans'
}
.header-menu:hover {
	color:#EEE;
	/*F89508*/
	border-right:1px solid #FFF;
	border-left:1px solid #4F1E91;
	background-color:#A175B9;
}

.left_link{
	font-family:'Signika';
	font-size:12px;
	color:#555555;
	text-decoration:none;
	line-height:20px;
	font-weight:normal;
}
.left_link:hover{
	color:#86141C;
	text-decoration:underline;
}

.link_date_archieve {
	font-size:13px;
	color:#C28DDE;
	/*color:#9F6FB8;*/
	font-weight:bold;
	text-decoration:none;
	padding:3px;
	line-height:1.7;
}

.link_date_archieve:hover {
	text-decoration:underline;
}

.shopping_cart {
	font-size:13px;
	color:#FD2D9A;
	font-weight:bold;
	text-decoration:none;
}

.shopping_cart:hover {
	text-decoration:underline;
}

.section_item {
	border: 1px solid #eee;
	/*border: 2px #ddd solid;*/
	/*border-radius: 10px;*/
	/*box-shadow: 2px 2px 12px #ccc;*/
	margin-top:10px;
	position:relative;
	box-shadow: 2px 2px 3px 3px #EEE;
}
.section_item:hover {
	/*border: 2px #EEB6B8 solid;*/
	/*background-color:#F9F3E7;*/
	box-shadow: 2px 2px 3px 3px #EEE;
	transition: transform 1.2s; /* Animation */
}
.section_item:hover img {
	transform: scale(1.1);
	transition: transform 0.5s; /* Animation */
}

.section_promosi_item {
	border: 1px solid #eee;
	/*border: 2px #ddd solid;*/
	/*border-radius: 10px;*/
	/*box-shadow: 2px 2px 12px #ccc;*/
	margin-top:10px;
	position:relative;
	box-shadow: 2px 2px 3px 3px #EEE;
}
.section_promosi_item:hover {
	/*border: 2px #EEB6B8 solid;*/
	/*background-color:#F9F3E7;*/
	box-shadow: 2px 2px 3px 3px #EEE;
	transition: transform 1.2s; /* Animation */
}
.section_promosi_item:hover img {
	transform: scale(1.1);
	box-shadow: 5px 5px 8px #666; 
	z-index: 4000;
	transition: transform 0.5s; /* Animation */
}

.section_parakarta_item {
	border: 1px solid #eee;
	/*border: 2px #ddd solid;*/
	/*border-radius: 10px;*/
	/*box-shadow: 2px 2px 12px #ccc;*/
	margin-top:10px;
	position:relative;
	box-shadow: 2px 2px 3px 3px #EEE;
}
.section_parakarta_item:hover {
	/*border: 2px #EEB6B8 solid;*/
	/*background-color:#F9F3E7;*/
	box-shadow: 2px 2px 3px 3px #EEE;
	transition: transform 1.2s; /* Animation */
}
.section_parakarta_item:hover img {
	transform: scale(1.1);
	transition: transform 0.5s; /* Animation */
}

.category_main_title {
	font-family:Calibri, Arial;
	font-size:28px;
	/*color:#FFFFFF;*/
	/*font-weight:bold;*/
}
.img-product-detail-grow { transition: all .2s ease-in-out; border-radius:2px; }
.img-product-detail-grow:hover { transform: scale(1.4); }

.category_detail_title {
	font-family:Calibri, Arial;
	font-size:22px;
	/*color:#FFFFFF;*/
	/*font-weight:bold;*/
}

.news_detail_list{
	color:#E8D59B;
	text-decoration:none;
}
.news_detail_list:hover{
	text-decoration:underline;
}

.news_title_list{
	color:#996600;
	font-size:14px;
}

.news_date_list{
	color:#0033CC;
	font-size:11px;
}
.news_item {
	cursor:pointer;
	border:0px solid #000;
	opacity:0.7; filter:alpha(opacity=70);
}
.news_item:hover {
	border:0px solid #FF6600;
	opacity:1.0; filter:alpha(opacity=100);
}
.child_category_link {
	color:#FE0000;
	text-decoration:none;
	line-height:1.8;
}
.child_category_link:hover {
	/*color:#FFF;*/
	text-decoration:underline;
}
.product_detail_link {
	color:#999;
	font-size:20px;
	font-family:Lucida, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
.product_detail_link:hover {
	text-decoration:underline;
}
.news_block {
}
.news_block:hover {
}
.news_title {
	opacity:0.6; filter:alpha(opacity=60);
}
.news_title:hover {
	opacity:0.8; filter:alpha(opacity=80);
}
.link_archive {
	font-family:Calibri, Arial;
	color:#D3C579;
	text-decoration:none;
}
.link_archive:hover {
	text-decoration:underline;
}

.menu_link_admin {
	/*text-shadow: 1px 1px 1px #ccc;*/
	font-size:14px;
	padding:5px;
	text-decoration:none;
	color:#0265CB;
}

.menu_link_admin:hover {
	/*color:#000;*/
	color:#E7898F;
	text-decoration:underline;
}

.menu_link {
	color:#E7898F;
	font-weight:700;
	font-family:SignikaRegular,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	letter-spacing:0.1em;
	font-size:13px;
	/*text-shadow: 3px 2px 3px #999;
	font-size:14px;
	padding:5px;
	text-decoration:none;
	color:#0265CB;*/
}

.menu_link:hover {
	/*color:#000;
	color:#0265CB;*/
	color:#E7898F;
	text-decoration:underline;
}

.footer_link {
	color:#333;
	font-family:'NeutraText-BookAlt','OpenSans-Regular';
	font-size:13px;
	text-decoration:none;
}

.footer_link:hover {
	color:#33CC33;
	text-decoration:none;
}

.paging{
	font-family:Calibri, Arial;
	font-size:14px;
	color:#000;
	text-decoration:none;
	padding:1px;
}

.link-disabled{
	font-family:Calibri, Arial;
	font-size:14px;
	color:#CCC;
	text-decoration:none;
	padding:1px;
}

.paging_active{
	font-family:Calibri, Arial;
	font-size:18px;
	color:blue;
	text-decoration:none;
	font-weight:bold;
	padding:1px;
}
.paging:hover{
	font-family:Calibri, Arial;
	color:blue;
	text-decoration:none;
}

.product_title{
	text-shadow: 5px 4px 5px #999;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#A60000;
}

.submenu{
	font-size:14px;
	padding:12px 10px 12px 2px;
	text-decoration:none;
	color:#D4A017;
}
.submenu:hover{
	color:#A60000;
	text-decoration:underline;
}

.content_title {
	color:#D4A017;
	text-shadow: 2px 1px 2px #999;
	font-size:28px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

.list_menu {
	padding:4px 3px 3px 3px;
	font-weight:bold;
}

.img_icon_button {
	cursor:pointer;
}

.fdc-top-note {
  width: 100%;
  position:absolute;
  top:0;
}
	  
/* Date Picker */
.ui-datepicker-trigger {
	margin-left: 2px;
}

#ui-datepicker-div {
	font-size: 12px;
	z-index:9999;
}

.ui-widget {
	font-size:14px;
}

.ui-widget .ui-widget {
	font-size:12px;
}

.ui-dialog {
	font-size:12px;
}

.ui-button {
	font-size:12px;
}

.button {
	font-size:12px;
}

input.long-text {
	width: 150px;
}

/* Printing */
@media print {
  .do-not-print {
    display: none;
  }
}

.link_details {
	color: #000;
	text-decoration:none;
}

.link_details:hover {
	color:#559FD3;
	text-decoration:underline;
}

.sitemap_link {
	color:#FF6600;
	text-decoration:none;
	padding-left: 3px;
	padding-right: 3px;
	font-size:18px;
	font-family:Arial;
	font-weight:bold
}

.sitemap_link:hover {
	text-decoration:underline;
}

.title_elm_big {
	color:#00457C;
	font-weight:bold;
	font-size:14px;
}

.title_elm_very_big {
	color:#00457C;
	font-size:14px;
}

.title_elm_white {
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
}

.title_elm {
	color:#00457C;
	font-weight:bold;
}

.title_elm_big_white {
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	background:url(../img/bg_title_highlight.png) no-repeat 0px 46px;
	height:100%;
	width:100%;
	padding:0 0 0 6px;
}

.read_more_link_orange {
	text-decoration:none;
	color:#FFCC00;
}
.read_more_link_orange:hover {
	text-decoration:underline;
	color: #FFCC00;
}

.read_more_link {
	text-decoration:none;
	font-size:15px;
	color: #0066CC;
}
.read_more_link:hover {
	text-decoration:underline;
	color: #0066CC;
}

.read_more_link2 {
	text-decoration:none;
	color:#FFCC66;
	font-size: 13px;
	font-weight:bold;
}
.read_more_link2:hover {
	text-decoration:underline;
	color: #FFCC66;
	font-size: 13px;
	font-weight:bold;
}

p {
	margin: 0;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
	
/*------------------------------------------------------------ form ------------------------------------------------------------*/

.num {
	text-align:right;
	padding-right:2px;
	font-size:inherit;
}

.num_left {
	text-align:left;
	padding-left:2px;
	font-size:inherit;
}

.year_list {
	size:10;
	overflow:scroll;
}

.header_content {
	font-size:20px;
	font-weight:bold;
	padding:10px 0px 10px 10px;
	text-align:left;
}

.form_bg{
	background:#FFF;
}
  
.forms
{
	padding:2px;
	margin:0px;
} 

.readonly_style
{
	background-color:#F1F0F2;
	border:1px solid #CCCCCC;
	padding:2px 1px 1px 2px;
	margin:0 0 1px 0;
	vertical-align:middle;
}

.readonly_style input:text
{
	height:13px;
}

.readonly_cal
{
	/*background-color:#66CCCC;*/
}

.disabled_style
{
	background-color:#999999;
}

.fpwd {
	margin: 0pt auto;
	background-color:#0000FF;
}

/*form {padding:5px;}*/
label {padding-left:0.5em;vertical-align:middle; font-size:12px;}
label span {font-weight:bold;color:#FF0000;}
fieldset {padding:10px;margin:.4em;border:1px solid #ddd; border-radius:10px; min-height:550px;}
legend {font-weight:bold;font-size:1.2em;color:#0265CB;text-align:left; margin-left:10px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
input.text, input.title, select, input.text_login {margin:0.1em 0;border:1px solid #ccc;
	font-size:12px;}
input.text_white {margin:0.1em 0; font-size:11px;}
input.text_borderless {border:0;}
textarea, textarea.text {
	margin:0.1em 0;border:1px solid #ccc;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	}
input.text:focus, input.title:focus, textarea.text:focus {border:1px solid #CCCCCC;background-color:#FFFFCC;}
input.text_login:focus {border:0px solid #CCCCCC;background-color:#FFFFCC;}
select.dropdownblue:focus {border:0px solid #000;background-color:#CAF1F9;}
select.dropdown:focus {border:0px solid #;;background-color:#FFFFCC;}
input.text, input.title {padding:3px;}

/*------------------------------------------------------------ menu ------------------------------------------------------------*/

.icon_menu {
	width:12px;
	height:12px;
}

.dark_menu {
	background-color:#7093E4;
}

.overview_menu {
	color:#FF0000;
	font-weight:bold;
}

.menu_content {
	border: 1px solid #eee;
	background-color: #eee;
	width: 80%;
	height: 80%;
}

/*------------------------------------------------------------ table -----------------------------------------------------------*/

.dynlist { /* style untuk kolom dynamic list tombol + - */
	/*background-color:#e5ecf9;*/
    background-color: transparent;
	border:0px;
	vertical-align:bottom;
	text-align:left;
	padding-left:4px;
}

.action_icon {
	cursor:pointer;
	margin-right: 3px;
}

.tbldyn { /* style untuk table dynamic list header */
	border-collapse:collapse;
	border:1px solid #bbb;
	border-radius: 10px;
}

.row_title { /* style untuk baris judul table dynamic list */
	height:25px;
	background-color:#dcdddf;
	border-right:1px dotted #999999;
	border-left:1px dotted #999999;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding-left:2px;
}

.row_title span {
	font-weight:bold;
	color:#FF0000;
}

.row_content { /* style untuk baris konten table dynamic list */
	/*height:25px;*/
	border-right:1px dotted #999999;
	border-left:1px dotted #999999;
	padding:3px;
	padding-left:4px;
	padding-right:4px;
	font-size:14px;
}

span.hl {
    background-color: #ff0;
	color:#663333;
}

.list-header {
color: #000;
}
.list-header:hover {
    text-decoration: underline;
color: #000;
}
.list-header.sorted {
    color:#FF6600;
}
.list-header-sorter {
      padding-left: 3px;
      margin-top: 0px;
}
.list-pager {
    text-align: left;
	float:left;
    margin-top: 15px;
	color: #000000;
	width:49%; margin-left:1%
}
.total-pager {
  	float:left;
	text-align:right;
    margin-top: 15px;
	color: #000;
	width:49%; margin-right:1%
}
.current-page {
    font-weight: bold;
	color: #67B022;
	font-size: 16px;
}

.mini {
    width: 50px;
  }
 .very-short {
	width: 75px;
  }
.short {
    width: 100px;
  }
.normal {
    width: 150px;
  }
.medium {
    width: 200px;
  }
.long {
    width: 250px;
  }
.very-long {
    width: 300px;
  }
 
select.medium {
  width: 208px;
}

#left_banner_div { position: absolute; top: 150px;} 
#right_banner_div { position: absolute; top: 150px;} 

.sitemap_path_no_link {
	font-family:'NeutraText-BookAlt','OpenSans-Regular', Arial;
	color:#FF6600;
	padding-left: 2px;
	padding-right: 2px;
	font-size:12px;
}

.sitemap_path {
	font-family:'NeutraText-BookAlt','OpenSans-Regular', Arial;
	color:#FF6600;
	text-decoration:none;
	padding-left: 2px;
	padding-right: 2px;
	font-size:12px;
}

.sitemap_path:hover {
	text-decoration:underline;
}
.head-main-menu2 {
float:left; 
height:45px; 
padding:7px 13px 0 13px; 
cursor:pointer; 
}
.head-main-menu3 {
float:left; 
/*height:40px;*/
padding:7px 5px 0 15px; 
cursor:pointer;
color: white;
}
.head-main-menu {
float:left; 
height:45px; 
width: 200px;
padding:12px 23px 0 23px; 
color:#FFF; 
cursor:pointer; 
font-family: 'Tahoma', 'NeutraText-BookAlt';
/*font-weight: bold;*/
border-left: 1px solid #666;
}

.head-main-menu:hover {
background-color:#016581;
/*color: #111;*/
/*font-weight: bold;*/
}

.thumbnail_img_product {
	opacity:0.5; filter:alpha(opacity=50);
	cursor:pointer;
}

.thumbnail_img_product_active {
	opacity:1; filter:alpha(opacity=100);
	cursor:pointer;
}

.thumbnail_img_product:hover {
	opacity:1; filter:alpha(opacity=100);
}