/*RESET*/
* { margin: 0; padding: 0; text-decoration: none; outline: none; font: 11px Arial, Helvetica, sans-serif; }
body {font-size: 11px; color: #666 }
* html body {behavior: url("csshover.htc");}
a, img, a img, iframe, form, fieldset, input, button { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
q { quotes: "" ""; }
sub, sup { vertical-align: baseline; }
a { color: #f00; }
a:hover { color: #111; text-decoration: underline; }
nobr { white-space: normal; }
h1 strong {display: none;}
p, li, a {line-height: 1.6em;}

/*IE specific bug fixes*/
.content legend{margin-bottom:1.6em} /* IE form margin bug */
sup, sub{font-size:100%} /* IE superscript & subscript bug */
* html .content textarea, * html .content input{padding:0} /* IE < 7 form fix */
.content input[type='submit'], .content input[type='button']{padding:0} /* IE 7 button fix */
.content legend+*{margin-top:0} /* we already added legend margin */
a abbr, a acronym{text-decoration:underline} /* IE 7 bug */
* html .content blockquote *{margin:.8em 0}
* html li { height: 1%;}
/*END RESET*/

/*GENERAL CLASSES*/

.col-small {width: 176px;}
.col-medium {width: 368px;}

.col-small h1, .col-medium h1 {
	display: block; 
	height: 22px; 
	margin-bottom: 16px; 
	}

.box, .menubox1 {
	padding: 3px;
	margin-bottom: 16px;
	border: 1px solid #e6e6e6;
	}

.left {float: left; margin-right: 16px;}
.right {float: right; }



/*GENERAL IDs & SPECIFIC CLASSES*/

body#home {background: url(../images/bg_home.png) repeat-x;}
body#inside {background: url(../images/bg_inside.png) repeat-x;}

#logo, #nav, #slide, #wrap, .page-title, #footer-content {
	width: 944px;
	margin: 0 auto;
	}

#logo {height: 60px;}
#logo .left {margin-top: 20px;}
#logo .right {margin-top: 10px;}

div.search {
	float:right; 
	width: 145px; 
	padding-top: 4px;
}
div.search input {
	float: left; 
	width: 100px; 
	height: 16px; 
	padding: 4px 4px 0 4px;
	margin-right: 6px; 
	background: #666666;
	color: #111;
	font-size: 11px;
	}
div.search .button {
	float: left; 
	width: 23px; 
	height: 13px; 
	margin-top: 4px; 
	background: url(../images/b_go.gif) no-repeat; 
	}
div.search hu.button {display: none;}

#wrap {clear: both; margin-bottom: 16px;}

#footer {
	clear: both;
	padding: 100px 0 32px 0;
	background: #e1e1e1 url(../images/bg_footer.png) repeat-x;
	}
	#footer a {color: #818080; text-decoration:none;}
	#footer a:hover { text-decoration: underline; }
	
#footer .footer-banner { margin-bottom: 16px; border: 1px solid #FFF;}


#footer-info {
	clear: both;
	height: 24px;
	padding: 8px 16px;
	background: #cdcdcd;
	border-top: 1px solid #FFF;
	}


/*==================SLIDESHOW========================*/
#slider {
	clear: both;
    width: 944px;
    margin: 0 auto;
	margin-bottom: 16px;
    position: relative;
	z-index: 1;
}

#slider .scroll {
    width: 944px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

#slider .scrollContainer div.panel {
    width: 944px;
}

#slider ul.navigation {
	width: 944px;
	height: 32px;
    list-style: none;
	background: #2f2f2f url(../images/bg_slider-nav.gif) repeat-x;
}

#slider ul.navigation li {
	float: left;
    display: inline;
}

#slider ul.navigation a {
	display: block;
    color: #fff;
    text-decoration: none;
	padding: 6px 36px 6px 40px;
	background: url(../images/bullet_slider-nav-on.gif) 32px center  no-repeat;
	border-bottom: 2px solid #2f2f2f
}

#slider ul.navigation a:hover {
    background: url(../images/bullet_slider-nav-over.gif) 32px center no-repeat;
	color: #FFF;
}

#slider ul.navigation a.selected {
    background: #0e1011 url(../images/bullet_slider-nav-over.gif) 32px center no-repeat;
	border-bottom: 2px solid #FF0000
}

#slider ul.navigation a:focus {
    outline: none;
}

#slider .scrollButtons {
	display: none;
}
#slider .hide {
    display: none;
}

/*=============================MICROSITE============================================*/

#microsite-wrapper {
  width: 1024px;
  height: 112px;
  margin: 0 auto 32px auto;
}



/*===========================HOME===================================*/

#latest-news {
	float: left;
	width: 368px;
	margin-bottom: 16px; 
	padding-bottom: 16px;
	}
	
#home .blog .article_separator {
	float: left;
	width: 368px;
	margin-bottom: 16px; 
	padding-bottom: 5px;	
	border-bottom: 1px solid #e7e7e7;	
}
#latest-news h1 {background: url(../images/h_latest-news.gif) no-repeat;}
#latest-news h2, #latest-news .contentheading, .blog .contentheading {
	font-weight: bold;
	font-size: 1.1em;
	color: #111;
	margin: 0 0 16px 2px;
	padding-bottom: 10px;
	}
#latest-news .news-thumb {
	float: left; 
	width: 74px; 
	margin: 0 16px 0 2px;
	}
#latest-news .news-short {
	float: left; 
	width: 274px;
	}
* html #latest-news .news-short {width: 272px;}
	
#news-list, #home .blog_more {
	clear: both; 
	float:left; 
	width: 368px;
	padding-bottom: 16px;
	}	

#home .blog_more strong {display: none;}

#news-list h1, #home .blog_more div {
	display: block;
	width: 83px;
	height: 14px;
	margin-bottom: 8px;
	background: url(../images/h_berita-lainnya.gif) no-repeat;
	}

	
#news-list li, .blog_more li {
	padding-left: 8px;
	list-style: none;	
	background: url(../images/bullet_red-arrow-pixel.gif) 0 8px no-repeat;
	}
	
#news-list li a, .blog_more li a {
	display: block;
	padding: 4px 0;
	color: #666;
	background: url(../images/dot-horizontal.gif) 0 bottom repeat-x;
	}
	
h1#h-video {background: url(../images/h_tv-commercial.gif) no-repeat;}
	
#new-products h1 {background: url(../images/h_new-products.gif) no-repeat;}
#new-products strong {font-weight: bold; }
#new-products a {color: #666;}

	
#support ul {
	width: 158px;
	padding: 0 8px;
	list-style: none;
	background: url(../images/bg_grad-lightgrey.png) 0 bottom repeat-x;
	}

#support li {background: url(../images/dot-horizontal.gif) 0 bottom repeat-x;}
#support li:last-child {background: none;}

#support li a {
	display: block;
	padding: 8px 0 8px 15px;
	color: #111;
	background: url(../images/bullet_red-support.gif) 0 10px no-repeat;
	}
	
#support #customer-centre {height: 133px; margin: 0;}


/*=================================== CONTENT ==================================*/

.page-title {
	height: 84px;
	margin-bottom: 16px;
	}
/*
#banner-audiovisual {}
#banner-communication {}*/
#banner-television {background: url(../images/bnr-tv.jpg) no-repeat;}

#sidebar {
	float: left;
	width: 176px;
	margin-right: 16px;
	}

#content {
	float: left;
	width: 752px;
	}
* html #content {}
	
#content ul, #content ol {margin: 0 0 16px 16px;}

#heading {margin-bottom: 16px;}

#heading h1 {font-size: 2.2em; color: #111;}
h2 {font-size: 1.2em; color: #999;}
h3 {font-size: 1.0em; }
#heading h1 span {font-size: .7em; color: #999}
	
#breadcrumb {
	padding: 6px 12px;
	margin-bottom: 16px;
	color: #999;
	background: #f0f0f0;
	border-left: 2px solid #999
	}

.pathway a {color: #666;}
	
#bodycopy {
	padding: 16px;
	border: 1px solid #eaeaea;
	}
	
#product-tabs .idTabs {
	float: left;
	width: 718px;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px solid #f0f0f0;
	}
	
* html #product-tabs .idTabs {width:700px;}
	
#product-tabs .idTabs li {
	float: left;
	margin: 0 2px -2px 0;
	}
* html #product-tabs .idTabs li {margin: 0 2px -2px 0;}
	
#product-tabs .idTabs li a {
	display: block;
	padding: 4px 16px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background: #ccc;
	border: 1px solid #f0f0f0;
	border-bottom: #FFF;
	}
* html #product-tabs .idTabs li a {padding: 4px 6px;}

#product-tabs .idTabs  li a:hover {color: #666}

#product-tabs .idTabs  li a.selected {
 	color: #333;
	background:#FFF;
	border-top: 2px solid #FF0000;
	}	

#product-tabs .tab-content {
	width: 668px;
	padding: 24px;
	border: 1px solid #f0f0f0;	
	border-top: 0;
	}
* html #product-tabs .tab-content {width: 650px;}
	
#product-tabs h1 {font-size: 1.4em; margin-bottom: .6em; font-weight: bold; color: #333}


#inside div.componentheading {
  display: none;
}

#inside .contentpaneopen img {
  margin: 0 10px 5px 10px;
}
#inside .buttonheading img {
  margin: 0;
}

#inside a.readon {
  margin-top: 40px;
}

#inside .column_separator {
  padding-left: 20px;
}

input, textarea, select {
  border: 1px solid #888;
}
div.chronoform {
  visibility: hidden;
}
#formlebar {
  width: 700px;
}
div.search .button {
  border: none;
}
#listings b {
  font-weight: bold;
}
.listing-summary {
}
.listing-desc strong {
  font-weight: bold;
}
.listing-summary h3 a {
  font-weight: bold;
  font-size: 11px;
}
table.center {margin: 0 auto;}