#div_tree_kategori_body ul li a, #div_tree_kategori_body ul li span, #div_tree_merek_body ul li a, #div_tree_merek_body ul li span{
    width:80%;
 }
 
 /* Created by Artisteer v4.0.0.58475 */

a{

    text-decoration: none;

    color: #23407c;

}

#art-main

{

   background: #FFFFFF;

   margin:0 auto;

   font-size: 13px;

   position: relative;

   width: 100%;

   min-height: 100%;

   left: 0;

   top: 0;

   cursor:default;

   overflow:hidden;

}

table, ul.art-hmenu

{

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}



h1, h2, h3, h4, h5, h6, p, a, ul, ol, li

{

   margin: 0;

   padding: 0;

}



/* Reset buttons border. It's important for input and button tags. 

 * border-collapse should be separate for shadow in IE. 

 */

.art-button

{

   border: 0;

   border-collapse: separate;

   -webkit-background-origin: border !important;

   -moz-background-origin: border !important;

   background-origin: border-box !important;

   background: #BFBFBF;

   padding:0 35px;

   margin:0 auto;

   height:33px;

}



.art-postcontent,

.art-postheadericons,

.art-postfootericons,

.art-blockcontent,

ul.art-vmenu a 

{

   text-align: left;

}



.art-postcontent p

{

   margin: 12px 0;

}



.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,

.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,

.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,

.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,

.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,

.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,

.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,

.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,

.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,

.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,

.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover

{

   font-size: 32px;

   font-weight: bold;

   font-style: normal;

   text-decoration: none;

}



.art-postcontent a, .art-postcontent a:link

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #4C7FB3;

}



.art-postcontent a:visited, .art-postcontent a.visited

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #4C7FB3;

}



.art-postcontent  a:hover, .art-postcontent a.hover

{

   /*font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;*/

   /*text-decoration: underline;*/

   /*color: #F59F0A;*/

}



.art-postcontent h1

{

   color: #808080;

   margin: 10px 0;

   font-size: 28px;

   padding-left: 20px;

   font-weight: normal;

   font-style: normal;

   padding-left:0;

}



.art-blockcontent h1

{

   margin:0;

   font-size: 28px;


   font-weight: normal;

   font-style: normal;

}



.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 

{

   font-size: 28px;


   font-weight: normal;

   font-style: normal;

}



.art-postcontent h2

{

   color: #9C9C9C;

   margin-top: 19px;

   margin-bottom: 19px;

   font-size: 24px;

}



.art-blockcontent h2

{

   margin-top: 19px;

   margin-bottom: 19px;

   font-size: 24px;


}



.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited 

{

   font-size: 24px;


}



.art-postcontent h3

{

   color: #F9C976;

   margin: 20px 0 10px;

   font-size: 20px;



}



.art-blockcontent h3

{

   margin: 20px 0 10px;

   font-size: 20px;


}



.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 

{

   font-size: 20px;


}



.art-postcontent h4

{

   color: #878787;

   margin:0;

   font-size: 26px;


   font-weight: normal;

   font-style: normal;

}



.art-blockcontent h4

{

   margin:0;

   font-size: 26px;



   font-weight: normal;

   font-style: normal;

}



.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 

{

   font-size: 26px;


   font-weight: normal;

   font-style: normal;

}



.art-postcontent h5

{

   color: #696969;

   font-size: 22px;


   font-weight: normal;

   font-style: normal;

   text-transform: uppercase;

}



.art-blockcontent h5

{

   font-size: 22px;


   font-weight: normal;

   font-style: normal;

   text-transform: uppercase;

}



.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 

{

   font-size: 22px;


   font-weight: normal;

   font-style: normal;

   text-transform: uppercase;

}



.art-postcontent h6

{

   color: #B8B8B8;

   margin: -5px 0 -10px;

   font-size: 28px;

   font-weight: bold;

   font-style: normal;

}



.art-blockcontent h6

{

   margin: -5px 0 -10px;

   font-size: 28px;


   font-weight: bold;

   font-style: normal;

}



.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 

{

   font-size: 28px;


   font-weight: bold;

   font-style: normal;

}



header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before

{

   -webkit-background-origin: border !important;

   -moz-background-origin: border !important;

   background-origin: border-box !important;

}



header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before

{

   display: block;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



ul

{

   list-style-type: none;

}



ol

{

   list-style-position: inside;

}



html, body

{

   height: 100%;

}



body{

   padding: 0;

   margin:0;

   color: #878787;

   font-family: 'Source Sans Pro', sans-serif;

   font-weight: normal;

   font-style: normal;

}



.clearfix:before, .clearfix:after {

   content: "";

   display: table;

}



.clearfix:after {

   clear: both;

}



.cleared {

   font: 0/0 serif;

   clear: both;

}



form

{

   padding: 0 !important;

   margin: 0 !important;

}



table.position

{

   position: relative;

   width: 100%;

   table-layout: fixed;

}



li h1, .art-postcontent li h1, .art-blockcontent li h1 

{

   margin:1px;

} 

li h2, .art-postcontent li h2, .art-blockcontent li h2 

{

   margin:1px;

} 

li h3, .art-postcontent li h3, .art-blockcontent li h3 

{

   margin:1px;

} 

li h4, .art-postcontent li h4, .art-blockcontent li h4 

{

   margin:1px;

} 

li h5, .art-postcontent li h5, .art-blockcontent li h5 

{

   margin:1px;

} 

li h6, .art-postcontent li h6, .art-blockcontent li h6 

{

   margin:1px;

} 

li p, .art-postcontent li p, .art-blockcontent li p 

{

   margin:1px;

}





.art-shapes

{

   position: absolute;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

   overflow: hidden;

   z-index: 0;

}



.art-slider-inner {

   position: relative;

   overflow: hidden;

   width: 100%;

   height: 100%;

}



.art-slidenavigator > a {

   display: inline-block;

   vertical-align: middle;

   outline-style: none;

   font-size: 1px;

}



.art-slidenavigator > a:last-child {

   margin-right: 0 !important;

}



.art-headline{

  display: inline-block;

  position: absolute;

  min-width: 50px;

  top: 7px;

  left: 80px;

  line-height: 100%;

  z-index: 99;

  color: #606365 important;

}

.art-headline a{

    color: #606365 !important;

}



.art-headline, 

.art-headline a, 

.art-headline a:link, 

.art-headline a:visited, 

.art-headline a:hover

{

font-size: 53px;
font-weight: bold;

font-style: normal;

text-decoration: none;

  padding: 0;

  margin: 0;

  color: #FFFFFF;

  white-space: nowrap;

}

.art-slogan

{

  display: inline-block;

  position: absolute;

  min-width: 50px;

  top: 119px;

  left: 1.63%;

  line-height: 100%;

  margin-left: -3px !important;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

  z-index: 99;

  white-space: nowrap;

}



.art-slogan, 

.art-slogan a, 

.art-slogan a:link, 

.art-slogan a:visited, 

.art-slogan a:hover

{

font-size: 16px;

font-weight: bold;

font-style: normal;

text-decoration: none;

  padding: 0;

  margin: 0;

  color: #FEF3E2 !important;

}









.art-footer .layout-item-0 { padding: 20px;  }

.ie7 .post .layout-cell {border:none !important; padding:0 !important; }

.ie6 .post .layout-cell {border:none !important; padding:0 !important; }



.art-header

{

   /*margin:30px auto 0;

   position:relative;

   height: 200px;

   background-image: url('images/header_background.jpg');

   background-color: #004236;

   background-position: center top;

   background-repeat: no-repeat;*/

}



.header-search{

  position: absolute;

  top: 13px;

  width: 626px;

  right: 168px;

}

.header-search .searching_field{

    outline: 1px solid #a7c4d1;

}

.header-support{

    position: relative;

    text-align: right;

    padding: 5px 10px;

    z-index: 1100;

    font-size:11px;

    width:100%;

    margin:0 auto;

    background-color: #1b87e7;

    color: #fff;

}

.header-support a{

    color:#fff;

}

.header-support .header-support-content {

    width:1100px;

    margin: 0 auto;

}

.header-support #social-placer{

    float:left;

}

.header-support #social-placer div, .header-support #member-placer div{

    margin-right: 10px !important;

    float:left;

}

.header-support #social-placer a, .header-support #member-placer a{

    text-decoration: none;

}

.header-support #member-placer{

    float:right;

}

.responsive .art-header 

{

   /*background-image: url('images/header.png');*/

   background-position: center center;

}



.art-header-inner{

   position: relative;

   width: 1100px;

   z-index: auto !important;

   margin: 0 auto;

}



.art-header>.widget 

{

   position:absolute;

   z-index:101;

}



.art-nav

{

   background-color: #2770b0;

   padding:0 20px;

   z-index: 100;

   /*font-size: 0;*/

   position: relative;

   margin: 0;

   top: 0px;

   width: 100%;

   border-top: 1px solid #33ab79;

   border-bottom: 2px solid #779bbc;

}

#nav_mobile_menu{

    display: none;

}

#nav_horizontal{

    width:1100px;

    margin: 0 auto;

}

#nav_horizontal ul{

    list-style: none;

    display: table;

    width: 100%;

    text-align: center;

}

#nav_horizontal ul li{

    display: table-cell;

    vertical-align: middle;

    color: #ddd;

    position: relative;

    border-right: 1px solid #374e62;

    min-width:100px;

}

#nav_horizontal ul li:last-child{

    border-right: 0px;

}

#nav_horizontal ul li:hover{

    background-color: #332828;

}

#nav_horizontal ul li a,

#nav_horizontal ul li span{

    padding: 15px 0;

    margin: 2px;

    display: block;

    cursor: pointer;

    color: #fff;

    font-size: 16px;

    text-decoration: none;

}

#nav_horizontal ul li span.main_menu_cursor_pointer{

    position: absolute;

    top: 4px;

    right: 2px;

    width: auto;

}

#nav_horizontal ul li span.main_menu_cursor_pointer:after {

    cursor: pointer;

    font-family: FontAwesome;

    right: 10px;

    content: "\f078";

    font-size: 11px;

    color: #ddd;

}



#nav_horizontal ul li ul{

    display: none;

    text-align:left;

    border: 1px solid #406a8f;

}

#nav_horizontal ul li:hover ul{

    display: block;

    position: absolute;

    width: 200px;

    background-color: #fff;

    color: #878787;

}

#nav_horizontal ul li:hover ul li{

    display: block;

    border:0;

}

#nav_horizontal ul li:hover ul li a,

#nav_horizontal ul li:hover ul li span{

    padding: 10px;

    color: #878787;

    font-size: 14px;

}

#nav_horizontal ul li:hover ul li:hover a,

#nav_horizontal ul li:hover ul li:hover span{

    color: #fff;

}



.art-sheet

{

   background: #FFFFFF;

   background: transparent;

   -webkit-border-radius:5px;

   -moz-border-radius:5px;

   border-radius:5px;

   margin:0 auto;

   position:relative;

   cursor:auto;

   width: 1100px;

   z-index: auto !important;

}



.art-layout-wrapper

{

   position: relative;

   margin: 0 auto 0 auto;

   z-index: auto !important;

}



.art-content-layout

{

   display: table;

   width: 100%;

   table-layout: fixed;

   border-collapse: collapse;

   margin-top: 0px;

   position: relative;

}



.art-content-layout-row 

{

   display: table-row;

}



.art-layout-cell

{

   display: table-cell;

   vertical-align: top;

}



.art-breadcrumbs

{

   margin:0 auto;

}



a.art-button,

a.art-button:link,

a:link.art-button:link,

body a.art-button:link,

a.art-button:visited,

body a.art-button:visited,

input.art-button,

button.art-button

{

   text-decoration: none;

   font-size: 14px;

   font-weight: bold;

   font-style: normal;

   position:relative;

   display: inline-block;

   vertical-align: middle;

   white-space: nowrap;

   text-align: center;

   color: #FFFFFF;

   margin: 0 !important;

   overflow: visible;

   cursor: pointer;

   text-indent: 0;

   line-height: 33px;

   -webkit-box-sizing: content-box;

   -moz-box-sizing: content-box;

   box-sizing: content-box;

}



.art-button img

{

   margin: 0;

   vertical-align: middle;

}



.firefox2 .art-button

{

   display: block;

   float: left;

}



input, select, textarea

{

   vertical-align: middle;

   font-size: 14px;


   font-weight: bold;

   font-style: normal;

}



.art-block select 

{

   width:96%;

}



input.art-button

{

   float: none !important;

}



.art-button.active, .art-button.active:hover

{

   background: #F6AC2C;

   padding:0 35px;

   margin:0 auto;

}

.art-button.active, .art-button.active:hover {

   color: #FFFFFF !important;

}



.art-button.hover, .art-button:hover

{

   background: #F9C367;

   padding:0 35px;

   margin:0 auto;

}

.art-button.hover, .art-button:hover {

   color: #FFFFFF !important;

}



input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea

{

   /*background: #F9FAFB;*/

   margin:0 auto;

}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea

{

   width: 100%;

   padding: 10px;

   color: #764C05 !important;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}

input.art-error, textarea.art-error

{

   background: #F9FAFB;

   border:1px solid #E2341D;

   margin:0 auto;

}

input.art-error, textarea.art-error {

   color: #764C05 !important;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}

form.art-search input[type="text"]

{

   background: #F9FAFB;

   border-radius: 0;

   margin:0 auto;

   width: 100%;

   padding: 0 0;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

   color: #764C05 !important;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}

form.art-search 

{

   background-image: none;

   border: 0;

   display:block;

   position:relative;

   top:0;

   padding:0;

   margin:5px;

   left:0;

   line-height: 0;

}



form.art-search input

{

   top:0;

   right:0;

}



form.art-search>input {

   bottom:0;

   left:0;

   vertical-align: middle;

}

 

form.art-search input[type="submit"]

{

   background: #89ABCD;

   margin:0 auto;

   color: #294560 !important;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   position:absolute;

   display:block;

   left: auto;

   border: 0;

   top: 0;

   bottom: 0;

   right: 	0;

}



label.art-checkbox:before

{

   background: #F9FAFB;

   -webkit-border-radius:1px;

   -moz-border-radius:1px;

   border-radius:1px;

   margin:0 auto;

   width:16px;

   height:16px;

}

label.art-checkbox

{

   cursor: pointer;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 16px;

   display: inline-block;

}



.art-checkbox>input[type="checkbox"]

{

   margin: 0 5px 0 0;

}



label.art-checkbox.active:before

{

   background: #BFBFBF;

   -webkit-border-radius:1px;

   -moz-border-radius:1px;

   border-radius:1px;

   margin:0 auto;

   width:16px;

   height:16px;

   display: inline-block;

}



label.art-checkbox.hovered:before

{

   background: #DEDEDE;

   -webkit-border-radius:1px;

   -moz-border-radius:1px;

   border-radius:1px;

   margin:0 auto;

   width:16px;

   height:16px;

   display: inline-block;

}



label.art-radiobutton:before

{

   background: #F9FAFB;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   margin:0 auto;

   width:12px;

   height:12px;

}

label.art-radiobutton

{

   cursor: pointer;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 12px;

   display: inline-block;

}



.art-radiobutton>input[type="radio"]

{

   vertical-align: baseline;

   margin: 0 5px 0 0;

}



label.art-radiobutton.active:before

{

   background: #BFBFBF;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   margin:0 auto;

   width:12px;

   height:12px;

   display: inline-block;

}



label.art-radiobutton.hovered:before

{

   background: #DEDEDE;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   margin:0 auto;

   width:12px;

   height:12px;

   display: inline-block;

}



.art-block

{

   margin:20px;

}

div.art-block img

{

   border: none;

   margin: 7px;

}



.art-blockheader

{

   /*background: #0E1720 url('images/blockheader.png') scroll;*/

   /*background: transparent url('images/blockheader.png') scroll;*/

   border:1px solid transparent;

   padding:12px 3px;

   margin:0 auto 2px;

}

.art-blockheader .t,

.art-blockheader .t a,

.art-blockheader .t a:link,

.art-blockheader .t a:visited, 

.art-blockheader .t a:hover

{

   color: #878787;

   font-size: 22px;

   font-weight: normal;

   font-style: normal;

}



.art-blockcontent

{

   padding:3px;

   margin:0 auto;

   color: #878787;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}

.art-blockcontent table,

.art-blockcontent li, 

.art-blockcontent a,

.art-blockcontent a:link,

.art-blockcontent a:visited,

.art-blockcontent a:hover

{

   color: #878787;

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-blockcontent p

{

   margin: 6px 0;

}



.art-blockcontent a, .art-blockcontent a:link

{

   color: #9BB8D4;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}



.art-blockcontent a:visited, .art-blockcontent a.visited

{

   color: #9BB8D4;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}



.art-blockcontent a:hover, .art-blockcontent a.hover

{

   color: #F7B440;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: underline;

}

.art-block ul>li:before

{

   /*content:url('images/blockbullets.png');*/

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   margin-left: -12px;

}

.opera .art-block ul>li:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-block li

{

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 125%;

   color: #3F6992;

}



.art-block ul>li, .art-block ol

{

   padding: 0;

}



.art-block ul>li

{

   padding-left: 12px;

}



.art-post

{

   padding:10px;

}

a img

{

   border: 0;

}



.art-article img, img.art-article, .art-block img, .art-footer img

{

   margin: 0 0 0 0;

}



.art-metadata-icons img

{

   border: none;

   vertical-align: middle;

   margin: 2px;

}



.art-article table, table.art-article

{

   border-collapse: collapse;

   margin: 1px;

}



.art-post .art-content-layout-br

{

   height: 0;

}



.art-article th

{

   text-align: center;

   vertical-align: middle;

   padding: 7px;

}



pre

{

   overflow: auto;

   padding: 0.1em;

}



.preview-cms-logo

{

   border: 0;

   margin: 1em 1em 0 0;

   float: left;

}



.image-caption-wrapper

{

   padding: 0 0 0 0;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.image-caption-wrapper img

{

   margin: 0 !important;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.image-caption-wrapper div.art-collage

{

   margin: 0 !important;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.image-caption-wrapper p

{

   font-size: 80%;

   text-align: right;

   margin: 0;

}



.art-postheader

{

   color: #404040;

   margin: 20px 0 0;

   font-size: 26px;

   font-weight: normal;

   font-style: normal;

}



.art-postheader a, 

.art-postheader a:link, 

.art-postheader a:visited,

.art-postheader a.visited,

.art-postheader a:hover,

.art-postheader a.hovered

{

   font-size: 26px;

   font-weight: normal;

   font-style: normal;

}



.art-postheader a, .art-postheader a:link

{

   text-decoration: none;

   text-align: left;

   color: #F7B645;

}



.art-postheader a:visited, .art-postheader a.visited

{


   text-decoration: none;

   text-align: left;

   color: #5E8CBA;

}



.art-postheader a:hover,  .art-postheader a.hovered

{

   text-decoration: none;

   text-align: left;

   color: #F7B440;

}



.art-postheadericons,

.art-postheadericons a,

.art-postheadericons a:link,

.art-postheadericons a:visited,

.art-postheadericons a:hover

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #3F6992;

}



.art-postheadericons

{

   display:inline-block;

   padding: 1px;

   margin: 20px 0 0;

}



.art-postheadericons a, .art-postheadericons a:link

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #AB6F07;

}



.art-postheadericons a:visited, .art-postheadericons a.visited

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: italic;

   text-decoration: none;

   color: #595959;

}



.art-postheadericons a:hover, .art-postheadericons a.hover

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: italic;

   text-decoration: underline;

   color: #E19209;

}



.art-postpdficon:before

{

   /*content:url('images/postpdficon.png');*/

   margin-right:6px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   bottom: auto;

}

.opera .art-postpdficon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postprinticon:before

{

   /*content:url('images/postprinticon.png');*/

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

}

.opera .art-postprinticon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postemailicon:before

{

   /*content:url('images/postemailicon.png');*/

   margin-right:6px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   bottom: auto;

}

.opera .art-postemailicon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before

{

   /*content:url('images/postbullets.png');*/

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

}

.opera .art-postcontent ul>li:before, .opera   .art-post ul>li:before, .opera   .art-textblock ul>li:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postcontent li, .art-post li, .art-textblock li

{

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #141414;

   margin: 0 0 5px 11px;

}



.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol

{

   padding: 0;

}



.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li

{

   padding-left: 9px;

}



.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before

{

   margin-left: -9px;

}



.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul

{

   margin: 1em 0 1em 11px;

}



.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul

{

   margin: 0.5em 0 0.5em 11px;

}



.art-postcontent li, .art-post li, .art-textblock li

{

   margin: 0 0 5px 0;

}



.art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li

{

   /* overrides overflow for "ul li" and sets the default value */

  overflow: visible;

}



.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li

{

   /* makes "ul li" not to align behind the image if they are in the same line */

  overflow-x: visible;

   overflow-y: hidden;

}



blockquote

{

   /*background: #C2D4E5 url('images/postquote.png') no-repeat scroll;*/

   padding:2px 2px 2px 25px;

   margin:10px 10px 10px 50px;

   color: #090F15;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: italic;

   text-align: left;

   /* makes block not to align behind the image if they are in the same line */

  overflow: auto;

   clear:both;

}

blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,

blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,

blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,

blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover

{

   color: #090F15;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: italic;

   text-align: left;

}



/* Override native 'p' margins*/

blockquote p,

.art-postcontent blockquote p,

.art-blockcontent blockquote p,

.art-footer blockquote p

{

   margin: 0;

   margin: 2px 0 2px 15px;

}



.art-postfootericons,

.art-postfootericons a,

.art-postfootericons a:link,

.art-postfootericons a:visited,

.art-postfootericons a:hover

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   color: #3F6992;

}



.art-postfootericons

{

   display:inline-block;

   padding: 1px;

}



.art-postfootericons a, .art-postfootericons a:link

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #E19209;

}



.art-postfootericons a:visited, .art-postfootericons a.visited

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #595959;

}



.art-postfootericons a:hover, .art-postfootericons a.hover

{

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   color: #E19209;

}



.art-footer

{

   background: #F1F5F9;

   background: transparent;

   -webkit-border-radius:0 0 5px 5px;

   -moz-border-radius:0 0 5px 5px;

   border-radius:0 0 5px 5px;

   margin:0 auto;

   position: relative;

   color: #545454;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-align: center;

}



.art-footer a,

.art-footer a:link,

.art-footer a:visited,

.art-footer a:hover,

.art-footer td, 

.art-footer th,

.art-footer caption

{

   color: #545454;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer p 

{

   padding:0;

   text-align: left;

}



.art-footer a,

.art-footer a:link

{

   color: #4C7FB3;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}



.art-footer a:visited

{

   color: #4C7FB3;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

}



.art-footer a:hover

{

   color: #F59F0A;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: underline;

}



.art-footer img

{

   border: none;

   margin: 5px;

}



.art-footer li

{

   font-size: 13px;

   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   line-height: 125%;

   color: #A26907;

}



.art-page-footer, 

.art-page-footer a,

.art-page-footer a:link,

.art-page-footer a:visited,

.art-page-footer a:hover

{

   font-family: Arial;

   font-size: 10px;

   letter-spacing: normal;

   word-spacing: normal;

   font-style: normal;

   font-weight: normal;

   text-decoration: underline;

   color: #6994BF;

}



.art-page-footer

{

   position: relative;

   z-index: auto !important;

   padding: 1em;

   text-align: center !important;

   text-decoration: none;

   color: #757575;

}



img.art-lightbox

{

   cursor: pointer;

}



#art-lightbox-bg *

{

   padding: 0;

   margin: 0;

}



div#art-lightbox-bg

{

   top: 0;

   left: 0;

   width: 100%;

   position: absolute;

   height: 100%;

   background-color: #000;

   opacity: 0.8;

   filter: alpha(opacity=80);

   z-index: 9999;

}



img.art-lightbox-image

{

   -webkit-transition: opacity 350ms ease-in-out;

   -moz-transition: opacity 350ms ease-in-out;

   -o-transition: opacity 350ms ease-in-out;

   -ms-transition: opacity 350ms ease-in-out;

   transition: opacity 350ms ease-in-out;

   cursor: pointer;

   z-index: 1100;

   position: fixed;

   border: 6px solid #fff;

   border-radius: 3px;

   opacity: 0;

   filter: alpha(opacity=0);

}



img.art-lightbox-image.active

{

   opacity: 1;

   filter: alpha(opacity=100);

}



.lightbox-error

{

   position: fixed;

   background: #fff;

   z-index: 100;

   opacity: 0.95;

   padding: 20px;

   border: 1px solid #b4b4b4;

   border-radius: 10px;

   box-shadow: 0 2px 5px #333;

   width: 300px;

   height: 80px;

}



.loading

{

   /*position: fixed;

   background: #fff url('images/preloader-01.gif') center center no-repeat;

   width: 32px;

   height: 32px;

   z-index: 10100;

   opacity: 0.5;

   padding: 10px;

   border: 1px solid #b4b4b4;

   border-radius: 10px;

   box-shadow: 0 2px 5px #333;*/

}



.arrow

{

   height: 100px;

   width: 82px;

   z-index: 10003;

   position: fixed;

   cursor: pointer;

   opacity: 0.5;

   filter: alpha(opacity=50);

}



.arrow.left

{

   left: 9px;

}

.arrow.right

{

   right: 9px;

}



.arrow:hover

{

   opacity: 1;

   filter: alpha(opacity=100);

}



.arrow.disabled 

{

   display: none;

}



.arrow-t, .arrow-b

{

   height: 6px;

   width: 30px;

   left: 26px;

   background-color: #fff;

   position: relative;

   border-radius: 3px;

}



.arrow-t

{

   top: 38px;

}



.arrow-b

{

   top: 50px;

}



.close

{

   width: 22px;

   height: 22px;

   position: fixed;

   top: 30px;

   right: 39px;

   cursor: pointer;

   opacity: 0.5;

   filter: alpha(opacity=50);

}



.close:hover 

{

   opacity: 1;

   filter: alpha(opacity=100);

}



.close .cw, .close .ccw

{

   position: absolute;

   top: 8px;

   left: -4px;

   width: 30px;

   height: 6px;

   background-color: #fff;

   border-radius: 3px;

}



.cw

{

   transform: rotate(45deg);

   -ms-transform: rotate(45deg);

   /* IE 9 */

    -webkit-transform: rotate(45deg);

   /* Safari and Chrome */

    -o-transform: rotate(45deg);

   /* Opera */

    -moz-transform: rotate(45deg);

/* Firefox */}



.ccw

{

   transform: rotate(-45deg);

   -ms-transform: rotate(-45deg);

   /* IE 9 */

    -webkit-transform: rotate(-45deg);

   /* Safari and Chrome */

    -o-transform: rotate(-45deg);

   /* Opera */

    -moz-transform: rotate(-45deg);

/* Firefox */}



.close-alt, .arrow-right-alt, .arrow-left-alt 

{

   display: none;

   color: #fff;

   font-size: 2.5em;

}



.ie8 .close-alt, .ie8 .arrow-right-alt, .ie8 .arrow-left-alt {

   display: block;

}

.ie8 .cw, .ie8 .ccw {

   display: none;

}



.art-content-layout .art-content

{

   margin:0 auto;

}



.art-content-layout .art-sidebar1

{

   -webkit-border-radius:0 5px 0 0;

   -moz-border-radius:0 5px 0 0;

   border-radius:0 5px 0 0;

   margin:0 auto;

   width: 275px;

}



/* Begin Additional CSS Styles */

.art-logo-text {

margin-top: -10px;

}



.newsdate {

padding: 5px;

width: 40px;

height: 40px;

float: left;

text-align:center;

margin-right: 10px;

margin-bottom: 10px;

}





.art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;}

/* End Additional CSS Styles */



.art-content-layout .more a {

  text-decoration: none;

  font-style: normal;

  position:relative;

  display: inline-block;

  vertical-align: middle;

  white-space: nowrap;

  text-align: center;

  margin: 5px 0 !important;

  overflow: visible;

  cursor: pointer;

  text-indent: 0;

  line-height: 33px;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  border: 0;

  border-collapse: separate;

  -webkit-background-origin: border !important;

  -moz-background-origin: border !important;

  background-origin: border-box !important;

  background: #BFBFBF;

  padding:0 35px;

  height: 33px;

  color: #FFF !important;

}

.more a:hover {

  text-decoration: none;

  color: #FFF !important;

  background-color: #F9C367;

}



.art-content .art-postcontent-0 .layout-item-0 { 

  margin-bottom: 10px;

}

.art-content .art-postcontent-0 .layout-item-1 { 

  border-top-width: 1px;

  border-top-style: Dotted;

  border-top-color: #CCCCCC;

  margin-top: 5px;

  margin-bottom: 5px;

}

.art-content .art-postcontent-0 .layout-item-2 { 

  padding: 20px;

}

.ie7 .post .layout-cell {

  border: none !important; 

  padding: 0 !important; 

}

.ie6 .post .layout-cell {

  border: none !important; 

  padding:0 !important; 

}

.header-background img {

  width: 100%;

}

.header-container {

  width: 1100px;

  height: 80px;

  position: relative;

  margin: 0px auto 0;

  z-index: 1;

}

.header-content {

  position: absolute;

  top: 15px;

  width: 100%;

  height: 134px;

  /*background-image: url('images/header_background.jpg');*/

  background-position: center top;

  background-repeat: no-repeat;

  background-size: 100%;

  background-attachment: fixed;

  z-index: 0;

  overflow: hidden;

  /*background-color: #4c525a;*/

  border-bottom: 2px solid #4d7da7;

}

.header-content img {

  width: 100%;

}

.header-icon {

  position: absolute;

  left: 0px;

  bottom: 0;

  height: 67px;

  width: auto;

  background-color: #FFF;

  text-align: center;

  display: table;

  border-radius:1px;

  opacity:0.9;

  top: 0px;

}

.icon-container {

  vertical-align: middle;

  display: table-cell;

  width: 100%;

  height: 100%;

}

.header-icon img {

  max-width: 94px;

  max-height: 65px;

}

ul.art-hmenu {

  padding-left: 0 !important;

}

ul.art-hmenu li {

  /*border-bottom: 2px solid #FFF;*/

  margin: 0 !important;

}



.no_banner{

    display:none !important;

}

.banner-container {

  position: relative;

  top: 0px;

  height: 300px;

  width: 815px;

  padding: 0 10px;

  display: table;

  left: -1px;

}



.banner_slide_show {

  width: 100%;

  /*border: 8px solid black;*/

  margin-bottom: 5px;

  height: auto;

}

.banner_slide_show_top {

  margin-bottom: 5px;

  height: inherit;

}



.clearfix {

  float: none;

  clear: both;

}

.pagination {

  position: absolute;

  bottom: 0;

  text-align: center;

  background-color: black;

  padding: 8px;

  margin-left: 10px;

  z-index: 5;

}

.pagination a {

  width: 15px;

  height: 15px;

  margin: 0 5px 0 0;

  display: inline-block;

}

.pagination a.selected {

  background-position: -25px -300px;

  cursor: pointer;

}

.caroufredsel_wrapper {

  width: inherit !important;

}



.content-container {

  margin-top: 0px;

  display: block !important;

}



.modul {

}

.modul .modul_content {

  margin-bottom: 40px;

}

.modul .side_bar_box_head {

  color: #878787;

  font-family: 'Arial Narrow',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;

  font-size: 22px;

  font-style: normal;

  font-weight: normal;

  cursor: pointer;

  border-bottom: 2px solid #878787;

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.modul .side_bar_box_head:hover {

  border-bottom: 2px solid #F2162C;

} 

.modul .side_bar_box {

  margin: 0 auto;

  padding: 3px;

}

.modul .side_bar_box li {

  padding: 5px 0 0 20px;

}

.modul .side_bar_box a {

  color: #878787;

  font-size: 13px;

  margin: 0 auto;

  padding: 3px;

  text-decoration: none;

  cursor: pointer;

}

.modul .modul_border_bottom {

  margin-top: 10px;

  margin-bottom: 10px;

  border-bottom: 2px solid #CCCCCC;

}



.produk_show{

    outline: 1px solid #fdfdfd;

    margin: 0 0 30px 18px;

}
.produk_show:hover{
    outline: 1px solid #e0dcdc;
}
.box_thumb_produk .box_thumb_image{

    width: 250px;

    height:285px;

    padding:0;

}

.box_thumb_produk .produk_additional_text_with_zero_stock{

    position: absolute;

    bottom: 3px;

    left: 8px;

}

.box_thumb_produk .box_thumb_image .center_image_wrapper{

    width: 215px;

}

.box_thumb_produk .center_image{

    height:200px;

}

.box_thumb_produk .center_image img{

    max-width: 215px;

    max-height: 200px;

}

.box_thumb_produk .box_thumb_image_note{

    width: 100%;
    max-width: 248px;

}

.box_thumb_produk .thumb_nama_produk{

    text-align: center;

    padding-top: 5px;

    margin-bottom: 10px;

    height:28px;
    font-size:13px;

}

.box_thumb_produk .thumb_harga_produk_container{

    text-align: center;

}

.box_thumb_produk .thumb_produk_stok{
    text-align: center;
    color: #ddd;
    font-size: 12px;
    margin-top: 4px;

}

.box_thumb_produk .thumb_harga_produk_container .thumb_harga_produk_line_through label{

    /*color: #fff;*/

}

.box_thumb_produk .thumb_harga_produk_container .thumb_harga_produk .thumb_harga_produk_normal{

    color: #5299d8;

}

.box_thumb_produk .thumb_harga_produk_container .thumb_harga_produk .thumb_harga_produk_diskon{

    color: #f8f3f3;

    background-color: #f22525;

    padding:3px;

}

.produk_container {

  width: 675px;

  padding: 20px 0;

}

.artikel_placer {

  padding: 20px;

  width: 675px;

}



.artikel {

  display: block !important;

  margin-top: 50px;

}

.artikel .artikel_thumb_content {

  margin-bottom: 5px;

  line-height: 18px;

}

.art-content-layout .more a {

  text-decoration: none;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  margin: 5px 0 !important;

  cursor: pointer;

  line-height: 33px;

  background: #08c;

  padding:0 35px;

  height: 33px;

  color: #FFF !important;

}

.more a:hover {

  text-decoration: none;

  color: #FFF !important;

  background-color: #FF981D;

}

.footer {

  width: 1100px;

  margin: 0 auto;

}

.line_footer {

  margin-top: 20px;

  height: 2px;

  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ccc), to(#FFF));

  background: -webkit-radial-gradient(circle, #ccc, #FFF);

  background: -moz-radial-gradient(circle, #ccc, #FFF);

  background: -ms-radial-gradient(circle, #ccc, #FFF);

}

#footer-placer {

    padding: 40px 0;

    background-color: #CCC;

}

#footer_content_1{

    float:left;

    display:table;

}

#footer_content_1 div {

    text-align: center;

    margin-bottom: 10px;

    font-size: 13px;

    display:table-cell;

    padding: 0 10px;

}

#footer_content_1 div {

    border-right: 1px solid #6C6C72;

}

#footer_content_1 div:last-child {

    border-right: 1px solid transparent;

}

#footer_content_2 {

    font-size: 13px;

    text-align: center;

    float:right;

}



.shopping_cart_container {

    position:absolute;

    top:19px;

    right:0;

}

.shopping_cart_container .fa-shopping-cart{

    font-size: 32px;

}

.shopping_cart_image img {

  height: 30px;

}

#shopping {

  text-align: center;

  display: table;

  border: 0px solid #CCC;

  margin: 0 auto;;

}

#shopping .shopping_wrapper{

    display: table-cell;

    vertical-align: middle;

    color: white;

}

#shopping .shopping_wrapper a{

    vertical-align: middle;

    height: 0px;

    display: table-cell;

    text-align: center;

    width: 0px;

}

#shopping .shopping_nil_value {

    background-color: transparent;

}

#shopping .shopping_with_value {

    background-color: transparent;

}

#shopping .shopping_with_value a{

    color: red;

}

#shopping .shopping_with_value .shopping_cart_text {

  

}

.shopping_cart_text {

}

.shopping_cart_icon, .hopping_cart_text {

}

#shooping_cart{

  width: auto;

  text-align: center;

  margin: 10px auto;

  background-color: whitesmoke;/*#F9F9F9;*/

  padding: 10px;

  border: 2px solid #3C779A;

}

.shopping_cart_icon img {

  max-height: 30px;

  margin-right: 0 !important;

  margin-left: 0 !important;

}



.box_form{

  text-align: left;

  border: 0px solid #CCC;

  border-radius: 2px;

  padding: 10px;

}



.button_konfirmasi {

  border: 1px solid silver;

  background-color: transparent;

  z-index: 0;

  color: white;

  background-image: url("/images/button_image.png");

  background-repeat: repeat-x;

  border: 1px solid #ccc;

  border-radius: 4px 4px 4px 4px;

  font-weight: bold;

  line-height: 14px;

  padding: 7px;

}

.button_konfirmasi:hover {

  background-image: url("/images/button_image_hover.png");

  background-repeat: repeat-x;

  text-decoration: none;

}

.add_to_cart, 

.add_to_cart_loading {

  cursor: pointer;

  padding: 10px;

}

#batal_pesan {

  text-align: center;

  font-style: italic;

}

.shopping_cart_satuan, .shopping_cart_sub_total {

  text-align: right

}



#form_shopping_cart_detail {

}



#timeline_shopping {

  background-color: #FCB772;

  width: 100%;

  height: 50px;

  display: table;

  margin-top: 30px;

  margin-bottom: 20px;

}



.timeline_process {

  display: table-cell;

  vertical-align: middle;

  text-align: center;

  font-size: 14px;

  font-weight: bold;

  color: white;

  width: 33.3%;

  border-right: 1px solid #FF8000;

}



.timeline_shopping_aktif {

  background-color: #FF8000;

}

.left {

  margin-right: 0 !important;

}



.shopping_cart_jumlah_value {

  padding: 0 !important;

  background-color: transparent !important;

  color: #878787 !important;

}

.button_form_shopping_placer {

  margin-right: 10px !important;

}

form {

  border: none;

}

div.field label {

  border: none !important;

  float: left !important;

}

div.field br {

  display: none;

}

div.field input, div.field select, div.field textarea{

    border: 1px solid #a7c4d1;

    padding: 10px 1%;

}



.no_link_menu li {

  border-left: 2px solid #FFF !important;

  /*border-right: 2px solid #FFF !important;*/

  /*border-bottom: 2px solid #FFF !important;*/

  /*opacity: 0.7;*/

  /*background-color: black;*/

}

.no_link_menu li.first_menu {

  border-left: none !important;

}



/* CONTACT US */

#contact-us {

}

#contact-web {

    display: none;

  /*float: right;*/

  /*padding-right: 10px;*/

  /*margin: 0px;*/

  /*width: 45%;*/

}

#form-contact {

  margin: 0px;

  float: left;

  width: 100%;

  padding-left: 0px;

  border-radius: 0px;

  border: 0px solid #CCC;

  font-size: 14px;

}

#msg-form {

  border-bottom: 1px solid #EAEAEA;

  padding: 10px;

  margin-left: -10px;

  font-size: 14px;

}

#contact-table {

  border: 0px solid #FFF;

}

#contact-table td {

  border-bottom: 1px solid #CCC !important;

  padding: 8px 5px;

}





#form-contact input, #form-contact textarea {

}



.text_center {

  text-align: center;

}



.text_right {

  text-align: right;

}



.text_left {

  text-align: left;

}



.td_no {

  width: 20px;

}





.right {

  float: right;

}



.left {

  float: left;

}



.clear {

  clear: both;

}



div.actions input[type="submit"] {

  display: block;

}

#contact-us-header {

}

#new_contact_u {

  margin-top: 10px !important;

}



#produk_content_1{

  float: left;

  margin-right: 0px;

  width: 405px;

}

#produk_content_1 #div_frame{

    width: 314px;

}

#produk_content_2{

  float: left;

  width: 340px;

  outline: 0px solid #DDD;

  border-radius: 0px;

  margin-top: 0px;

  margin-left: 20px;

}

#produk_content_4 {

    margin: 0;

    width: 92%;

    padding: 4%;

}

#produk_content_4 .field{

    border-bottom:0;

}



#produk_add_to_cart_container{

    width: 94%;

    padding: 3%;

}



.produk_content_2_full_page{

  float: left;

  width: 96%;

}

#produk_content_3{

  margin-top: 10px;

}



article {

  padding: 20px;

}



#desktop_version {

    margin-top: 0px

}

#desktop_version #produk_breadcrumb{

    position: relative;

    width: auto;

    background-color: #f5f5f5;

    padding: 20px;

}

.div_frame {

  background-color: #000;

  margin-bottom: 20px;

}

#produk_head {

}

#produk_desc {

  float: left;

  margin-top: 5px;

}

#produk_add_to_cart_container {

  float: left;

}

#produk_add_to_cart_container #add_to_cart_button {

  margin:0;

  padding:0;

}

#produk_content_2 h3 {

  margin: 0 0 5px 0;

}

#produk_content_2 .border_bottom {

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

}



.content_not_found {

  margin-top: 20px;

  text-align: center;

  font-size: 14px;

  font-style: italic;

  font-weight: bold;

}

.box_map {

  float: left;

  width: 100%;

  outline: 4px solid #DDD;

  border-radius: 5px;

  margin: 30px 0;

}

.google_map {

  width: 100%;

  height: 300px;

}

#produk_hint {

    margin: 10px 0;

}

#header_mobile {

  display: none;

}

#header_mobile_content {

  text-align: center;

  display: table;

  width: 100%;

  padding: 10px 0;

  border-bottom: 4px solid #000;

  background-color: #666;

}

#header_mobile_content_left {

  float: left;

  text-align: right;

  width: 50%;

}

#header_mobile_content_right {

  float: left;

  text-align: left;

  width: 50%;

}

#header_mobile_shopping_cart {

  border-bottom: 3px solid #000;

  text-align: center;

}

.mobile_icon {

  margin-right: 5px;

}

.mobile_icon img {

  max-height: 70px;

}

.mobile_name {

  color: #FFF;

  font-size: 36px;

  margin-left: 5px;

  text-transform: capitalize;

  font-weight: bolder;

}

.mobile_support_info {

  color: #CCC;

  font-size: 12px;

  font-style: italic;

  margin-left: 5px;

}



/* ======================== Navigation Menu */

.navigation_box {

  /*border: 2px solid #CCC;

  border-radius: 4px;

  padding: 10px;

  background-color: #EEE;

  margin-bottom: 20px;*/

}



.navigation_header {

  border: 1px solid #CCC;

  padding: 8px 3px;

  font-weight: bold;

  text-decoration: none;

  background-color: #EEE;

  cursor: pointer;

}



.navigation_body {

  border: 1px solid #ccc;

  background-color: #FFF;

}



.navigation_menu {

  padding: 8px;

  border-bottom: 1px solid #CCC;

  font-weight: bold;



}



.navigation_sub_menu {

  padding: 8px 8px 8px 50px;

  border-bottom: 1px solid #CCC;

  font-weight: normal;

}



.navigation_menu_name {

  float: left;

}



.navigation_menu_icon {

  display: table;

  float: right;

  height: 100%;

}



.navigation_menu_icon img{

  display: table-cell;

  height: 18px;

  vertical-align: middle;

}



.gallery {

  float: left;

  margin-right: 10px;

  margin-top: 0;

  margin-bottom: 10px;

}



.gallery_label {

  margin-left: 0;

  text-transform: uppercase;

  font-style: italic !important;

  text-align: center;

  font-weight: bold !important;

  font-size: 30px;

}



.gallery_header a {

  text-decoration: none;

  font-size: 16px;

  font-weight: bold;

}



.gallery_placer {

  /*max-height: 220px;*/

  border: 5px solid #000;

  background: #FFF7F7;

  height: 200px;

  width: 200px;

  text-align: center;

  /*display: table-cell;*/

  vertical-align: middle;

  position: relative;

  overflow: hidden;

  text-overflow: ellipsis;

}



.gallery_placer img {

  width: 200px;

  float: none;

  /*position: absolute;*/

  top: 0;

  left: 0;  

  display: block;

}



.gallery_nama {

  border: 4px solid #CCC;

  border-radius: 5px;

  padding: 5px;

  margin-bottom: 15px;

}



.box .opaque {

    display: none;

}



.treeview li {

    margin: 0;

    padding: 3px 0 5px 16px !important;

    font-size: 10pt;

    border-bottom: 1px solid rgb(248, 253, 248);

}     

.treeview li a{

    width: 100%;

    display: block;

    text-decoration: none;

    color: #7492B5;

}

.treeview li:hover{

    background-color: rgb(248, 253, 248);

}

.side_bar_box_head{

    font-size: 20pt;

    margin-top: 10px;

    margin-bottom: 5px;

    padding-left: 6px;

}



/*--------------------- form_pendaftaran_pelanggan ------------------------------*/

#div_form_pendaftaran_pelanggan input.searching_text_box{

    background: white url('/images/search2.png') right center no-repeat;

    background-size:15px;

    border: 1px solid silver;

}

#div_form_pendaftaran_pelanggan input.ui-autocomplete-input{



}



#div_form_pendaftaran_pelanggan div.actions input[type="submit"] {

  display: block;

  padding: 5px;

  font-size: 12px;

  border: 1px solid #08c;

  border-radius: 3px;

  background-color: #08c;

  color: white;

  margin-top: 15px;

  text-decoration: none;

  cursor: pointer;

  min-width: 100px;

  text-align: center;

  background-image: none;

}



#tabs_sidebar.ui-tabs{

    border:0;

}

#tabs_sidebar .ui-tabs-panel{

    padding:0;

    max-height: 400px;

    overflow:auto;

}

#tabs_sidebar .ui-widget-header,

#tabs_sidebar .ui-state-default, 

#tabs_sidebar .ui-widget-content .ui-state-default{

    border: 0;

    background: none;

    border-radius: 0;

}

#tabs_sidebar .ui-widget-header{

    border-bottom: 1px solid #5395af;

}

#tabs_sidebar li.ui-state-default{

    margin-bottom: 1px;

    width:47%;

    text-align:center;

    background-color: #f3f3f3;

    border: 1px solid #ddd;

    margin-top:10px;

}

#tabs_sidebar li.ui-state-active{

    background-color: #1b87e7;

    border-radius: 0;

    border: 1px solid #5395af;

    margin-top:0;

    font-size:17px;

    color: #fff;

}

#tabs_sidebar li.ui-state-active a{

    color: #fff;

}

#tabs_sidebar li.ui-state-hover{

    background-color: #d2f2ff;

}

#tabs_sidebar .side_bar_box_head{

    display:none;

}