/* Common Elements
-----------------------------------------------------------------------*/

html { background:url(../assets/bg-main.jpg) repeat-x; height:100%; }
body {
  font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  height:100%;
  background:url(../assets/bg-header.jpg) repeat-x 0 0;
  color:#666;
}
input, select, textarea {
  font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:100%;
}
h1, h2, h3, h4, h5 { color:#516d92; font-weight:bold; }
h2 { margin-bottom:0.3em; }
p { margin:0 0 1em; }
/*p img { float:left; margin:0 1.5em .5em 0; }
p img.right { float:right; margin:0 0 .5em 1.5em; }*/
table { margin-bottom:0; width:100%; }
th { font-weight:bold; background:#93aac0; color:#fff; }
th, td { padding:4px 5px; }
tr.even td { background:#ECF1F4; }
tfoot {font-style:italic;}
a:hover, a:focus { text-decoration:underline; }
a { color:#428CE7; text-decoration:none; }
strong { color:#555; }

/* Common Classes
-----------------------------------------------------------------------*/
img.newsthumb { float:left; margin:0 1.5em .5em 0; }
img.newsthumbright { float:right; margin:0 0 .5em 1.5em; }

.banner { height:291px; margin-bottom:10px; overflow:hidden; }
.banner img { display:block; /*padding-bottom:10px;*/ }
.box { margin-bottom:0; padding:0; background:url(../assets/bg-box.jpg) repeat-y; }
.boxt { background:url(../assets/bg-box-top.jpg) no-repeat; }
.boxb { background:url(../assets/bg-box-bottom.jpg) no-repeat bottom; padding:10px 10px 7px; }

.nav-links { margin:0 0 15px; list-style:none; }
.nav-links li { font-size:13px; background:#93aac0 url(../assets/btn-prod-top.jpg) no-repeat; }
.nav-links li a:hover, .nav-links li a:focus { text-decoration:none; }
.nav-links li a { font-weight:bold; display:block; height:1%; padding:3px 10px; color:#fff; }

.intro { padding-bottom:1em; margin-bottom:2em; border-bottom:1px solid #d5dfe7; }
.intro h2 { margin-bottom:0.5em; }

#event-slide { margin-bottom:10px; }
#event-slide h3 { font-size:13px; margin-bottom:.2em; }
#event-slide ul { margin:0; padding:0; list-style:none; }
#event-slide li { text-align:center; width: 210px; }
#event-slide .boxb { padding-top:14px; height:298px; overflow:hidden; }
.event-nav { text-align:justify; margin-bottom:7px; }
.event-nav a {
  font-weight:bold;
  text-decoration:none;
  padding:2px 5px;
  margin-left:3px;
  color:#fff;
  background:#D2DBE7;
}
.event-nav .activeSlide, .event-nav a:hover, .event-nav a:focus {
  background:#A5B4CA;
  color:#fff;
}

.ads { margin-bottom:10px; }
.ads a { display:block; height:238px; text-indent:-1000em; overflow: hidden; }
.ad-corsa a { background:url(../assets/banner-corsa.jpg) no-repeat; }
.ad-achilles a { background:url(../assets/banner-achilles.jpg) no-repeat; }
.ads-placeholder { text-align:center;  margin-bottom:10px;}
.ads-placeholder p {
  font-weight:bold;
  background:#999;
  color:#fff;
  line-height:230px;
  text-align:center;
}

#facebox .b { background:url(../assets/facebox/b.png); }
#facebox .tl { background:url(../assets/facebox/tl.png); }
#facebox .tr { background:url(../assets/facebox/tr.png); }
#facebox .bl { background:url(../assets/facebox/bl.png); }
#facebox .br { background:url(../assets/facebox/br.png); }
#facebox { position:absolute; top:0; left:0; z-index:100; text-align:left; }
#facebox .popup { position:relative; }
#facebox table.popup-container { border-collapse:collapse; width:550px; }
#facebox table.popup-container td { }
#facebox .body { padding:10px; background:#fff; width:510px; }
#facebox .loading { text-align:center; }
#facebox .image { text-align:center; }
#facebox img { border:0; margin:0; }
#facebox .footer {
  border-top:1px solid #ddd;
  padding-top:5px;
  margin-top:10px;
  text-align:right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height:10px;
  width:10px;
  overflow:hidden;
  padding:0;
}
#facebox_overlay {
  position:fixed;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
}
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color:#000; z-index:99; }

* html #facebox_overlay { /* ie6 hack */
  position:absolute;
  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.search-inline { line-height:50px; text-align:right; margin-bottom:20px; }
.news .span-24 .span-18 .search-inline,
.google-cse .span-24 .span-18 .search-inline { background:#e6ebf4 url(../assets/bg-newsfeed.jpg) no-repeat; }
.news .span-24 .span-24 .search-inline,
.google-cse .span-24 .span-24 .search-inline { background-image:url(../assets/bg-selector.jpg); }
.search-inline .text { width:200px; }
.google-cse .search-inline { margin-bottom:0; }

.search-top { position:absolute; top:15px; right:0; }
.search-top .text { padding:1px; }
.search-top .button {
  /*text-indent:-1000em;
  height:22px;
  width:18px;
  background:#fff url(../assets/magnifier.gif) no-repeat center;*/
}
.search-top .image { vertical-align:middle; }

.language { position:absolute; top:15px; left:0; /*text-align:right;*/ width:300px; color:#fff; }
.language img { vertical-align:middle; margin-right:5px;margin-left:5px;}
.language a {text-decoration: none; color:white;}
.language a:hover {color: #999}

/* forms */
input.text, input.title, textarea, select { margin:0; }
input.text, input.title { width:auto; padding:2px; }
input.button, span.button, a.button {
	background:#D4D0C8;
	border:1px solid #808080;
	border-left-color:#fff;
	border-top-color:#fff;
	cursor:default;
	color:#000;
	outline:none;
	padding:0 6px;
	text-decoration:none;
}
span.button, a.button { padding:1px 9px; }
textarea { width:auto; height:auto; padding:2px; }

/* Containers
-----------------------------------------------------------------------*/

.container { }
.container-wrap { height:auto; min-height:100%; background:url(../assets/bg-footerpattern.jpg) repeat-x bottom; }
.container:after { display:none; /*content:"";*/ }

.hd { margin-bottom:10px; position:relative; }
.hd h1 { margin:0; padding:0; }
.hd h1 a {
  display:block;
  width:320px;
  margin:0 auto;
  text-indent:-1000em;
  line-height:60px;
  background:url(../assets/logo.jpg) center top no-repeat;
  background-position: 10px 0;
}
.hd ul { width: 1001px; list-style:none; margin:0 auto; height:22px; }
.hd li { margin-right:1px; }
.hd li a {
  line-height:22px;
  text-indent:-1000em;
  display:block;
  height:1%;
  background:url(../assets/icon-lengkap10.png) no-repeat;
  
}
.hd li a:hover, .hd li a:focus { background-position:0 -22px; }
.hd .btn-about a { background-position:-100px 0; }
.hd .btn-about a:hover, .hd .btn-about a:focus { background-position:-100px -22px; }
.hd .btn-products a { background-position:-200px 0; }
.hd .btn-products a:hover, .hd .btn-products a:focus { background-position:-200px -22px; }
.hd .btn-finance a { background-position:-300px 0; }
.hd .btn-finance a:hover, .hd .btn-finance a:focus { background-position:-300px -22px; }
.hd .btn-news a { background-position:-400px 0; }
.hd .btn-news a:hover, .hd .btn-news a:focus { background-position:-400px -22px; }
.hd .btn-contact a { background-position:-500px 0; }
.hd .btn-contact a:hover, .hd .btn-contact a:focus { background-position:-500px -22px; }

.hd .btn-csr a { background-position:-600px 0; }
.hd .btn-csr a:hover, .hd .btn-csr a:focus { background-position:-600px -22px; }

.hd .btn-competition a { background-position:-700px 0; }
.hd .btn-competition a:hover, .hd .btn-competition a:focus { background-position:-700px -22px; }

.hd .btn-career a { background-position:-800px 0; }
.hd .btn-career a:hover, .hd .btn-career a:focus { background-position:-800px -22px; }

.hd .btn-mediarel a { background-position:-900px 0; }
.hd .btn-mediarel a:hover, .hd .btn-mediarel a:focus { background-position:-900px -22px; }

.bd { /*margin:0 0 10px;*/ }

.ft { color:#555; background:url(../assets/bg-footer.png) no-repeat top; padding:55px 0 30px; }
.ft p { margin:0; }
.ft .span-18 { text-align:right; }

/* Front Page
-----------------------------------------------------------------------*/

.home .ads { margin-bottom:10px; }
.home .ads a { display:inline; height:238px; text-indent:0; }
.home .ad-wide { height:260px; background:url(../assets/bg-ad-wide.png) no-repeat; }

/* main page  3 box */
.home .ad-wide-wrap { margin-top:30px; height:248px; overflow:auto; }

.product-selector h2 { font-size:14px; font-weight:bold; }
.product-selector form { margin-bottom:2em; }
.product-selector select { margin:10; }
.product-selector label { text-align:right; }
.product-selector .span-5 { margin-bottom:5px; }
.product-selector .boxb { height:230px; padding-top:24px; }
.product-selector a.button { }
.product-selector a.disabled { color:#999; }

.news-feed {
  height:50px;
  overflow:hidden;
  background:#e6ebf4 url(../assets/bg-newsfeed.jpg) no-repeat;
  margin-bottom:10px;
}
.news-feed h2 { margin-bottom:0; font-size:18px; color:#516d92; line-height:50px; text-align:right; }
.news-feed ul { list-style:none; margin:0; padding:0; }
.news-feed li { line-height:50px; font-size:15px; }

/* Product Page
-----------------------------------------------------------------------*/

#selector-wrap {
  position:relative;
  margin-bottom:10px;
  background:url(../assets/bg-selector.jpg) no-repeat;
  height:50px;
	overflow:hidden;
}
#selector { list-style:none; float:left; margin:0; line-height:50px; }
#selector li { float:left; margin-right:20px; }
#selector select { width:110px; }
#selector label {
	font-size:18px;
	font-weight:normal;
	line-height:50px;
	text-indent:10px;
	float:left;
	margin:0;
	color:#516d92;
}
#selector select#product_pattern { width:180px; }

/*#selector { }
#selector * { font-size:13px; }
#selector div { line-height:50px; }
#selector label { color:#516d92; }
#selector .span-6 { padding-left:10px; }

#selector-wrap {
  position:relative;
  margin-bottom:10px;
  background:url(../assets/bg-selector.jpg) no-repeat;
  height:50px;
}
#selector-wrap h2 {
	font-size:18px;
	font-weight:normal;
	line-height:50px;
	text-indent:20px;
	margin:0;
	color:#516d92;
}
#selector { position:absolute; top:14px; left:110px; z-index:10; }
#selector, #selector ul { border:1px solid #d5dfe7; border-bottom:none; }
ul#selector, ul#selector li, ul#selector ul {
  width:130px;
  list-style-type:none;
  margin:0;
  padding:0;
}
ul#selector ul.hidden { left:-2000px; position:absolute; }
ul#selector ul.shown { top:0; left:150px; position:absolute; }
ul#selector ul ul, ul#selector ul ul li { width:200px; }
#selector .select a:hover { background-color:#fff; }
#selector .select a { color:#bbb; background:#fff url(../assets/ico-selectbox.gif) no-repeat right center; }
#selector a.open { }
#selector a.parent { }
ul#selector li a:hover { background-color:#d5dfe7; }
ul#selector li a {
  color:#666;
  background:#fff;
  padding-left:5px;
  text-decoration:none;
  display:block;
  height:1%;
  line-height:22px;
  border-bottom:1px solid #d5dfe7;
  outline:none;
}*/


.products .span-13 .ads, .products .span-19 .ads { width:163px; line-height:1; }
.products .span-13 .ads a, .products .span-19 .ads a { height:204px; }
.ad-car a { background:url(../assets/banner-car.jpg) no-repeat; }
.ad-truck a { background:url(../assets/banner-truck.jpg) no-repeat; }
.ad-motor a { background:url(../assets/banner-motor.jpg) no-repeat; }

.product-line ul { list-style:none; margin:0; }
.product-line .span-3 {
  width:120px;
  height:120px;
  margin-bottom:20px;
  position:relative;
  background:url(../assets/bg-products.jpg) no-repeat;
}
.product-line .span-3 h3 { font-size:12px; line-height:1.2; margin:0; padding:7px 10px; }
.product-line .span-3 img { position:absolute; top:22px; right:0; }
.product-line .hover { cursor:pointer; }
.product-line .hover a { color:#111; text-decoration:underline; }

.product-detail .span-5 { text-align:center; }
.product-code { /*font-weight:bold;*/ }

.product-list { width:510px; }
.product-list th { }
.product-list th, .product-list td { padding:7px 5px; }

/* =nav links */
.nav-products { margin:0 0 15px; /*list-style:none; background:#fff;*/ }
.nav-products h3 {
	font-size:15px;
	line-height:1.5;
	position:relative;
	margin:0;
	padding:3px 10px;
	background:#93aac0;
	border-bottom:1px solid #fff;
}
.nav-products h3 a { color:#fff; }
.nav-products h3 span {
	position:absolute;
	top:0;
	right:10px;
	width:20px;
	height:100%;
	background:url(../assets/ico-expand.gif) no-repeat center right;
	cursor:pointer;
}
.nav-products h3.selected span { background-image:url(../assets/ico-collapse.gif); }
.nav-products ul { margin:0; list-style:none; }
.nav-products li {
	/*font-size:15px;
	background:#93aac0 url(../assets/btn-prod-top.jpg) no-repeat;*/
	background:#dbe3eb;
}
.nav-products li li {
	background:#ecf1f4;
	/*font-size:11px;
	background:#dbe3eb;*/
}
.nav-products li li li { /*font-size:11px; background:#ecf1f4; border-bottom:1px solid #fff;*/ }
.nav-products li a:hover, .nav-products li a:focus { /*text-decoration:none;*/ }
.nav-products li a {
  font-weight:bold;
  display:block;
  height:1%;
  padding:3px 10px;
	/*color:#fff;
  background:url(../assets/ico-expand.gif) no-repeat 172px 50%;*/
	color:#4d6780;
	border-bottom:1px solid #fff;
}
.nav-products li li a { padding:3px 15px; /*color:#4d6780; background:none;*/ }
.nav-products li li li a { /*padding:3px 20px; color:#4d6780; background:none;*/ }
.nav-products li a.selected { /*background-image:url(../assets/ico-collapse.gif);*/ }

/* News Index
-----------------------------------------------------------------------*/

.news-latest h2 { font-size:1.7em; margin-bottom:0.5em; }
.news-latest img {
  float:left;
  margin-right:10px;
  width:145px;
  padding:2px;
  border:1px solid #d5dfe7;
}
.news-latest div { border-bottom:1px solid #d5dfe7; margin-bottom:2em; padding-bottom:1em; }
.news-latest div:last-child, .news-latest div.last-child {
  margin-bottom:0;
  padding-bottom:10px;
  border:none;
}
.news-paging { text-align:center; }
.date { font-weight:bold; }

/* =nav links */
.nav-news a { display:block; height:1%; padding:3px 10px; color:#fff; }
.nav-news h3 { font-size:15px; line-height:1.5; margin:0; padding:0; }
.nav-news h3 a { background:#93aac0 url(../assets/btn-prod-top.jpg) no-repeat; }
.nav-news ul { list-style:none; margin:0 0 15px; }
.nav-news li { background:#ecf1f4; border-bottom:1px solid #fff; }
.nav-news li a { color:#4d6780; }


/* Contact Page
-----------------------------------------------------------------------*/

.contact .intro { margin-bottom:0; border-bottom:none; }
.contact-info p { margin-bottom:.5em; }
#contact-form select { width:150px; }
#contact-form input.text, #contact-form input.title { width:250px; }
#contact-form textarea { width:250px; }
#contact-form label { text-align:right; padding:2px 0; }
#contact-form .span-11,
#contact-form .span-9 { padding-bottom:7px; margin-bottom:7px; border-bottom:1px solid #d5dfe7; }
#contact-form .span-9 { border-bottom:none; }

/* About Page
-----------------------------------------------------------------------*/

.about img.span-6 { float:right; margin-left:10px; }
.about .btn-company { /*background:#dbe3eb url(../assets/btn-prod-sub.jpg);*/ }
.about .btn-company a { color:#4d6780; }

/* sandal start here
-------------------------------------------------------------------------------*/

img.leftbanner { max-width:190px; }
img.rightbanner { max-width:220px; }

.ads-placeholder .boxb {
	padding: 5px 5px 0px 5px;
}

#print_url {
	display:none;
}

.txtsearch {
  padding-left:18px;
  background:url(../assets/search1.jpg) no-repeat;
  background-color: white;
  background-position: 2px 2px;
  width:150px;
}

#cse-search-results iframe body {
	background: none !important;
}