/********* KHUSUS 3 KOLOM *********/


/********* SET GLOBAL CSS *********/
body {
	margin:0px;
	min-width:700px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	background:#FFF url(images/bgbody.gif) repeat-x top;
	font-family: Open Sans;
	font-size:10pt;
}
a {
	text-decoration:none;
	color:#CC0000;
}
a:hover{
	color:#578AD4;
}
table {
	border-collapse:collapse;
}
table tr th {
	padding:5px;
	font-size:12pt;
	text-align:center;
}
table tr td {
	padding:0px 5px;
}
table ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
table #producttable td p.photo_title {
	margin:5px 0 10px;
}
p {
	font:normal 10pt  Open Sans;
}
img {
	border:0 none;
	margin: 0 0 10px;
}

/*** ie fix ***/
* html #left {left: 0px;	/* RC fullwidth */}
#container {overflow: hidden;}
* html body {overflow: hidden;}
* html #footer-wrapper {float: left;position: relative;width: 100%;padding-bottom: 10010px;margin-bottom: -10000px;background: #FFF;}

/* ======= LAYOUT ======= */
body,
img.photos,
.widgetA,
.widgetB,
.widgettitle,
.widgetcontent,
.bannerblock,
.bannerblock a img,
.aksigambarevent,
.gambarevent a img,
.blocktitle,
.wrapper,
.blocktitle .wrapper h1,
.blockcontent .wrapper h2,
.blockcontent .wrapper .aksigambarevent img,
.pollquestion,
.pollanswer  {
	margin:0;
	padding:0;
}
.bannerblock {
	text-align: center;
}
#fixed {
	width:960px;
	margin:20px auto 20px auto;
	background:#FFF;
}
/* ===========HEADER========== */
#header {
	background-color:transparent;
	height:231px;
	position:relative;
}
#slide {
	background:;
	border:6px;
	margin-left:0;
	padding-bottom:0;
	width:950px;
	height:418px;
}
.slideshow {
	margin:0px 10px; 
	min-height:150px;
}
#headerblok1 {
	padding:0px;
	top:0px;
	left:0px;
	background:#3e67a4;
}
#headerblok2 {
	background:;
	min-height:;
	width:;
	margin:0px; 
	text-align:center;
}


/* ===========CONTENT========== */
#container {
	padding-left: 220px;      					/* LC fullwidth */
	padding-right: 220px;     					/* RC fullwidth + CC padding */ 
	height:auto;
	background:transparent;
	box-shadow:0 0 15px 2px #888888;
	clear:both;
}
#center {
	width:100%;
	padding:0;       							/* CC padding */
	background:#FFF url(images/bgatas.jpg) repeat-x right top;
}
#container .column {
	position: relative;
	float: left;
}
#content {
	min-height:500px;
}
#left {
	width: 220px;             					/* LC width */
	padding: 0px 0px 0px 0px;         			/* LC padding */
	right: 220px;             					/* LC fullwidth + CC padding */
	margin-left:-100%;
	background:transparent;
}
#right {
	width: 220px;             					/* LC width */
	padding: 0px 0px 0px 0px;         			/* LC padding */
	right: 0px;             					/* LC fullwidth + CC padding */
	margin-right:-100%;
	background:#FFF;
}

/* ===========WIDGET========== */
.widgetA , .widgetB{ 										/* LC width */
	padding-top:10px;
}
.widgettitle .wrapper {
	padding:5px 10px;
}
.widgetA .widgettitle {
	width:200px; 
	height:30px; 
	font-size:12pt; 
	font-weight:bold; 
	text-align:left; 
	background:#C1EBE1; 
	color:#333333; 
	margin:0px auto;
}
.widgetA .widgettitle .wrapper {
	text-align:left; 
	color:#333333; 
	position:relative;
}
.widgetcontent  ul, .widgetcontent p {
	margin-top:0px; 
	margin-bottom:0px;
}
.widgetA .widgetcontent {
	width:198px; 
	min-height:20px; 
	background:transparent; 
	margin:0px auto;
	border:1px solid #b0b0b0;
	border-top:none;
}
.widgetA .widgetfooter {
	width:200px; 
	height:10px; 
	background:transparent; 
	margin:0px auto;
}
.widgetA .widgetcontent  ul, .widgetA .widgetnoborder ul {
	margin: 0 0 0 0;
}
.widgetA .widgetnoborder {
	width:180px; 
	margin:0px auto; 
	padding:0 10px;
}
.widgetA .widgetnoborder a {
	color:#CC0000;
}
.widgetA .widgetnoborder a:hover {
	color:#578AD4;
}
.widgetB .widgettitle {
	width:200px; 
	height:30px; 
	font-size:12pt; 
	font-weight:bold;  
	color:#333333; 
	margin:0px auto; 
	background:#C1EBE1; 
}
.widgetB .widgetcontent {
	width:198px; 
	min-height:20px; 
	background:transparent; 
	margin:0px auto;
	border:1px solid #b0b0b0;
	border-top:none;
}
.widgetB .widgetfooter {
	width:200px; 
	height:10px; 
	background:transparent; 
	margin:0px auto;
}
.widgetB .widgetcontent  ul, 
.widgetB .widgetnoborder ul {						/* tampilan li secara keseluruhan pada widgetB */
	margin: 0;
}
.widgetB .widgetnoborder {
	width:180px; 
	margin:0px auto; 
	padding: 0 10px;
}
#eventwidget {
	list-style:none;
	margin-left:-35px;
}
#eventwidget li {
	padding-bottom:12px;
}
.widgetcontent {
	padding:;
	height:;
}
.widgetfooter {
	text-align:center;
	margin:0;
	width:220px;
	height:20px;
}
.searchtext {
	margin-bottom:10px;
	width:120px;
}
.widgetnoborder{
	margin:0;
	padding:10px;
}												/* set widget tanpa border */
.widgetnoborder ul#catalogwidget ul li {
	list-style-type:disc;
	color:;
	margin-left:10px;
}												/* set widget tanpa border, untuk all list */
.widgetcontent .wrapper p img {
	height:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
	max-width:180px;
}
.widgetcontent a {
	margin:0;
	color:;
}
.widgetcontent a:hover {
	color:;
}
ul#my-list {
	padding:0;
	margin:0;
}
.widgetcontent ul,
ul.newsrss,
.widgetnoborder ul {
	margin:0;
	padding:0;
}
ul#catalogwidget ul li{
	list-style-type:disc;
	margin-left:10px;
}
ul#catalogproductwidget ul ul,
ul#catalogwidget ul{
	padding-left:15px;
}
ul#catalogproductwidget ul{
	padding-left:10px;
}
.widgetcontent ul li,
ul#catalogproductwidget li,
.widgetnoborder ul li {
	list-style-type:none;
	color:;
}
ul#catalogproductwidget ul ul ul{
	padding-left:40px;
}
.widgetcontent ul li ul li {
	margin-left:20px;
	list-style-type:disc;
}
.widgetseparator {
	height:10px;
}
.pstitle {
	padding:10px 0;
}
.blockcontent .wrapper ul.newshome, ul.newshome {
	padding:0;
	margin:0;
}
ul.newshome li {									/* homeaksi/ set tampilan news di home */
	list-style-type:none;
	margin-bottom:15px;
}
.bannerwidget a img {								/* untuk set banner widget yang ada disamping*/
	display: block;
	margin:10px auto;
	width:200px;
	height:auto;
}
.slideshow {										/* set widget aksi slideshow catalog, gallery */
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.slideshow a{									/* set widget aksi slideshow catalog, gallery */
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	right:0;
}
.newsticker-jcarousellite {
	margin:0;
	padding:0;
}
.newsticker-jcarousellite ul li p img {
	max-width:180px;
	height:auto;
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.widgetcontent .wrapper form {
	
}
.widgetcontent .wrapper  p  {
	margin:10px 0 0;
	color:;
}
#gallery {
	margin:0;
}
#gallery ul ul{
	list-style-type:circle;
	padding:0 0 0 15px;
	margin:0;
}
/* ===========BLOCK========== */

.block {
	padding:10px;
}
.blocknoborder {							/* set block */
    padding:10px 20px;
	margin:0;
}
.blocktitle {
	background-color:#C1EBE1;
	height:30px;
	font-size:12pt; 
	font-weight:bold; 
	text-align:left; 
	color:#333333;
	width:100%; 
}
.blocktitle .wrapper {
	padding:5px 10px 5px 10px
}
.blocktitle .wrapper h1 {
	font-size:12pt;
	color:#333333;
	margin:0px;  
}
.blocktitle .wrapper h1, 
.blocktitle .wrapper p {
	margin-top:0px;
	color:#333333;
}
.blockcontent {									/* set block content */
	background:;
	padding:;
	width:100%
}
.blockcontent ul {margin:;}
.blockcontent .wrapper {
	list-style-type:disc;
	padding:10px;
}
.blockcontent .wrapper ul,
.blockcontent .wrapper ol {
	padding-left:25px;
}
.blockcontent .wrapper ul{
	list-style-type:disc;
}
.blockcontent .wrapper ul ul{
	padding:0 0 0 15px;
	list-style-type:circle;
}
.blockcontent .wrapper ul.listnews {			/* aksi / set tampilan news di hal dalam*/
	margin:0;
	list-style-type:none;
	padding:10px 0 10px 0;
}
.blockcontent .wrapper h2 {
	font-size:12pt;
	color:#578AD4;
	margin:10px 0;
}
.blocknoborder ul {
	margin: 0;
}
.blockseparator {
	height:10px;
	clear:both;
}
.blockfooter {
	background:transparent;
	height:10px;
	width:100%;
}
ul#my-list li {
	margin:10px 0;
	list-style-type:none;
}
.aksiprofil {
	height: auto;
}
.aksiprofil p img {
	margin: 0 10px 10px 10px;
}

/* BRAND */
ul#brandwidget {							/* set widget Brand*/
	list-style-type:none;
}
ul#brandwidget li {
	margin:0;
}
ul#brandwidget ul li{}
ul#catalogwidget{}
ul#catalogwidget li{}
ul#catalogwidget ul li{}
ul#catalogproductwidget ul li {
	margin-left:10px;
	list-style-type:disc;
}
.blockcontent ul#catalogproductwidget ul ul{
	margin-left:10px;
	list-style-type:circle;
	padding-left:10px;
}
.widgetnoborder ul#catalogproductwidget ul li {
	margin-left:10px;
	list-style-type:disc;
	color:;
}

/* CATALOG */

.catnav {
	margin:0 0 10px 0;
}
#productfull {
	width:463px;
}
#productfull img {
	max-width:463px;
}
.catalogtitle {
	margin:0;
} 												/*aksi/ set hal dalam produk*/
.catalogtitle h1 {
	margin:10px 0;
	font:;
}
.harga_catalog {
	margin: 0 0 10px;
}
.catdesc{
	margin:0 0 10px 0;
}
.catpage{}
.productsummary{
	width:100%;
}
.pstitle h1 {
	font-size:12pt;
}
.pstitle a {
	font-size:12pt;
}
.psphoto{
	float: left;
    width: 150px;
	margin:0 10px 10px 0;
}
.pssummary{margin-left:170px;margin-bottom:10px;}
.pssummary p {margin:0px;}
.productsummary .pssummary img {
    height: auto;
    max-width: 300px;
}
#keterangan {
	max-width:463px;
}
#keterangan img {
	max-width:100%;
	max-height:100%;
}
.blockcontent .wrapper table tr td {
	padding: 0;
}
.harga{
    margin-left: 170px;
}
.psseparator {clear:both;}
.normalwodisc { 													/* set all tampilan harga produk*/
	color:black;
	font-weight:bold;
	text-decoration:none;
}
.normalwdisc {
	color:#FF0000;
	text-decoration:line-through;
}
.discprice {
	color:green;
	text-decoration:none;
}
.discvalue {
	color:;
	font-weight:bold;
}
.blockcontent .wrapper .catsubcat ul {
	list-style-type:disc;
	padding:0 0 0 30px;
	margin:0;
}

/* CONTACT */
#contactall{}										/* set tampilan hal kontak*/
#notebefore{}
#contactform{}
#formstatus{}
#noteafter{}

/* COUNTER */
table.counterwidget{
	width:100%;
}													/* set tampilan counter */

.widgetnoborder table.counterwidget{
	width:100%;
	color:;
}
/* EVENT */
.blockcontent .wrapper ul.eventlist {
	padding-left:0px;
}
ul.eventlist li {
	margin:0;
	padding:0px 10px 10px 10px;
	list-style-type:none;
}
p.tglevent{}								/*Setting tampilan untuk view detail agenda*/
.lokasievent{
	color:;
}
.kotaevent{
	color:;
	font-weight:none;
}
.tglevent{
	color:;
	font-style:italic;
}
.judulevent {
	color:#CC0000;
}
.judulevent:hover {
	color:#578AD4;
}
ul#eventwidget li {
	margin-bottom:20px;
}
ul#eventwidget li div.gambarevent{
	margin-bottom:10px;
}
ul#eventwidget { 								/*widgetaksi, settingan tampilan list agenda di widget luar*/
	margin:0;
	padding:0;
}
.gambarevent {
	margin-bottom:5px;
}
.aksigambarevent {
	text-align:left;
}
.aksigambarevent img {
	max-width:100%;
}

/* FILE */
li.xdata{font-size:10pt;}								/* untuk settingan tampilan list pada hal download*/

/* GALLERY */
.titleofsubcatlist{} 					/*aksi/ setting tampilan galeri halaman dalam*/
.gallerytitle{
	margin:0;
	text-align:center;
}
.gallerytitle h1{
	font-size:12pt;
	margin:10px;
}
.gallerydesc img{
	max-width:100%;
	max-height:100%;
}
table#gallerytable{} 						/*homekasi*/



/* YM */
.widgetcontent .wrapper p.yahoomsgr img{
	margin-bottom:-15px;
	margin-left:auto;
	margin-right:auto;
}
p.yahoomsgr img{
	width:auto;
	height:auto;
}
p.yahoomsgr {
	display:block;
	text-align:center;
}

/* TESTIMONIAL */	
#formnamakomentar{}											/*set form isi komentar*/
span#length_left{}											/*set sisa karakter dlm form isi komentar*/

.blockcontent .wrapper ul.testilist {
	padding:0 0 0 40px;
	margin:0px;
}							/*set tampilan hal tetimonial */
.testiname{}
.testicomment{}
#namatesti{
	font-weight:bold;
}
#judultesti{
	font-style:italic;
}


/* SiteMap */
#sitemap_page, #sitemap_catalog, #sitemap_news, #sitemap_gallery,		
#sitemap_file, #sitemap_link, #sitemap_others {}						/* settingan tampilan hal sitemap */

/* NEWS */	
.newstitle{}
.newstitle a{font-weight:bold;}
span.newsdate{font-style:italic;}
span.newssource{}
span.newsshortdesc{}
span.tglmuatberita{font-style:italic;}
span.sumberberita{}
.aksitglevent{font-style:italic;margin-top:10px;font-weight:bold;color:#333;}
.aksilokasievent{font-style:italic;font-weight:bold;color:#333;}
.aksikotaevent{font-weight:bold;font-style:italic;color:#333;}
p.newsdatesource{}
li.newslist{}
.isiberita p img {
	margin: 0 10px 10px 10px;
}

span.widgetnewstitle{}					/* widgetaksi/set tampilan widget news */
span.widgetnewsdate {
	margin-top:10px;
	color:;
	font-weight:bold;
}
.widgetnoborder span.widgetnewsdate {
	margin-top:10px;
	color:;
}
ul.listnews li{
	padding:0 0 10px;
	margin:0;
}
span.judulberita {
	font-size:;
	font-weight:bold;
}
.ringkasanberita, .newsshortdesc {
	margin:-10px 0 0;
}

/* ===========FOOTER========== */
#footer { 
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
}
#footer p{
	padding:10px 0;
}
#footer a{
	color:#CC0000;
	text-decoration:none;
}
#footer a:hover{
	color:#75AAF4;
}

/* INSIDE CORE */
.wrapper {padding:10px 10px 10px 10px}
.searchboxtext {width: 145px}
.searchboxsubmit{width: 50px}

.block h2 {font-size:12pt;}
.jcarousel-skin li {float:left; margin: 0 10px;}
#utamablok1, #utamablok2, #utamablok3 {padding:0px 20px}
#footerblok2 {color:white}
#searchbox {text-align:center}
.utama .newsshortdesc {margin:0px 0 25px 0;}
.utama .newsshortdesc p {margin:5px 0;}

/* GENERIC */
body, table {font-family: Open Sans; font-size:10pt}
h1 {color:#666; font-size:14pt; font-weight:bold}
h2 {color:#666; font-size:12pt; font-weight:bold}
h3 {color:#666; font-size:10pt; font-weight:bold}

#contactform tr.selang td,
#contactform tr.seling td {
	padding:3px 5px;
}

@media(max-width:767px){
body {
    max-width: 100%;
    min-width: auto;
}
.widgetA .widgetnoborder, .widgetB .widgetnoborder {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.widgetA .widgettitle, .widgetB .widgettitle {
    width: 90%;
    box-sizing: border-box;
}
.widgetA .widgetcontent, .widgetB .widgetcontent {
    width: 90%;
    box-sizing: border-box;
}
ul#nav:after {
    content:"";
    display:block;
    clear:both;
}
ul#nav {
    height: auto;
    background-size: 100% 100%;
    padding: 10px 0;
}
#nav li.top{
    top:0 !important;
    margin:5px 0;
}
img {
    max-width: 100%;
    height:auto;
}
#nav li:hover ul.sub li {
    height: auto !important;
}
#nav li:hover ul.sub li a {
    height: auto !important;
    font-size: 10pt !important;
    padding: 6px 5px !important;
    box-sizing: border-box;
}
.table-responsive td, .table-responsive th {
    padding: 0 5px !important;
}

.table-responsive {
    overflow-x: auto;
}
.slideshow {
    min-height: auto;
}
 div#fixed {
    max-width: 100%;
}
div#header {
    height: auto;
}
.slideshow:before {
    content: "";
    display: block;
    position: relative;
    padding-top: 24%;
}
.slideshow img {
    max-width: 100%;
    height: auto !important;
}
#container {
    padding: 0;
}
#container .column {
    position: relative;
    float: none;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0;
}
.table-default, .table-default tr, .table-default td, .table-default tbody {
    display: block;
    width: 100% !important;
}
.aksiprofil p img {
    margin: 0;
}
div#gallery {
    margin: 0 -10px;
}
table#producttable td {
    padding: 0 3px;
}
}