@import url("css/googlecse.css");
@charset "utf-8";
/* CSS Document */

* {	margin: 0;	padding: 0; }

html, body { margin: 0;	padding: 0;	background: #f3f3f3 url(images/bg-all.gif) repeat-x top left;	font: normal 12px Arial; color: #707070;
	line-height: 17px;	text-align: center;}
a:link, a:visited, a:active {	color: #5b850a;	text-decoration: none;	border-bottom: 1px dotted #5b850a; }
a:hover {	color: #000;	border-bottom: 0;}
#container {	margin: 0 auto;	padding: 0;	width: 872px;	text-align: left;}
h3 {	background: #fff url(images/news.gif) no-repeat top left;	width: 315px;	height: 34px;	font: normal 18px Arial;	color: #4b4d4a;
	border-bottom: 2px dotted #b5b6b4;	padding: 5px 0 0 45px;}
h3 span { font: bold 18px Arial; }
h4 { background: #fff url(images/about.gif) no-repeat top left;	width: 315px;	height: 34px;	font: normal 18px Arial;	color: #4b4d4a;
	border-bottom: 2px dotted #b5b6b4;	padding: 5px 0 0 45px;}
h4 span { 	font: bold 18px Arial; }
h2 {	background: #fff url(images/news.gif) no-repeat top left;	width: 180px;	height: 34px;	font: normal 18px Arial;	color: #4b4d4a;
	border-bottom: 2px dotted #b5b6b4;	padding: 5px 0 0 45px;}
h2 span { 	font: bold 18px Arial; }
h1 {	background: #fff url(images/about.gif) no-repeat top left;	width: 450px;	height: 34px;	font: normal 15px Arial;	color: #4b4d4a;
	border-bottom: 2px dotted #b5b6b4;	padding: 5px 0 0 45px; }
h1 span { 	font: bold 18px Arial; }
.list {	margin: 0;	padding: 0;}
.list li {	list-style: none;	margin-bottom: 10px;	margin-left: 15px;}
h5 a {	font: bold 13px Arial;	color: #000;	border-bottom: 0;	text-decoration: none;}
h5 a:hover {	color: #5b850a;	border-bottom: 0;}
a.more {	background: #fff url(images/more-img.gif) no-repeat center left;	padding-left: 15px;	border-bottom: 0;	text-decoration: none;
	color: #5b850a; }
a:hover.more {	border-bottom: 0;	color: #000; }
#inputsearch {	background: #fff;	border: 0; width: 210px;	padding: 3px 0;	font: normal 15px Arial;	color: #696969; }

/*main menu-----------------------------------------*/
#mainmenu {	position: absolute;	margin: 0;	padding: 0;	z-index: 50;	top: 171px;	margin-left: 25px; }
#mainmenu li {	list-style: none;	display: inline;	margin: 0 25px 0 0;}
#mainmenu li a:link, #mainmenu li a:visited, #mainmenu li a:active { color: #fff; font: bold 15px Arial;	text-decoration: 0;	border-bottom: 0;}
#mainmenu li a {	color:#FFF; }
#mainmenu li a.active {	color:#cbff94}
#mainmenu li a:hover {	color: #cbff94; }
#jumpbtn {	margin: 15px 0 0 55px;	padding: 0;	position: absolute;	z-index: 45; }
#jumpbtn li {	list-style: none;	display: inline;	background: transparent url(images/dot2.gif) no-repeat 0px 0px;	padding-left: 21px;
	margin: 0 15px;	padding-top: 1px; }
#jumpbtn li a:link, #jumpbtn li a:visited, #jumpbtn li a:active {	color: #5b850a;	font: bold 18px Arial;	text-decoration: none;
	border-bottom: 0; }
#jumpbtn li a:hover {	color: #000;}
#container table tr td table tr td table tr td table tr td table tr td table tr td li a {	list-style-type: none;}
.listside {	margin: 0;	padding: 0; }
.listside li {	border-bottom: 1px dotted #a0a0a0;	list-style: none;}
.listside li a:link, .listside li a:visited, .listside li a:active { color: #5b850a; text-decoration: none;}
.listside li a {	text-transform: uppercase; 	border-bottom: 0;	display: block;	padding: 5px 0 5px 15px; }
.listside li a:hover { color: #000;}
.listside li a.active {	color: #000;}
#contact { margin: 15px 0 0; padding: 0; }
#contact li { list-style: none; float: left; width: 230px; height: 160px;  margin-right: 15px; }

/*Dropdown menu untuk 100 website------------------------------------------------*/
#web100 {	height: 20px; margin-top: 40px;	margin-left: 90px;	width: 150px;}
#web100 #CollapsiblePanel1 .CollapsiblePanelContent ul li a { font-size:11px;}

#container table tr td table tr td table tr td table tr td table tr td table tr td table tr td li  {	list-style-type: none;}
.image {	padding: 5px;	border: thin solid #CCC;	width: 220px;	margin-bottom: 20px;}
.image #img1 {	background-image: url(uploads/sree-comtrade.gif);	background-repeat: no-repeat;	height: 73px;}

/******************supplier*******************/
#content_supplier { width:162px; height:159px; position:absolute; z-index:99999; margin:130px 0 0 1150px; }
.content_supplier { width:162px; height:159px;  z-index:99999; margin:0px 0 0 0px; }

/**********css supplier*******************/
#sl {
	width: 162px;
	height: 159px;
	position: absolute;
	display: block;
	margin-top: 10px;
	/*top: 60px;*/
	margin-left: 30px;
}

.social {
  position:absolute;
  right: 0px;
  top: 120px;
  background-color:#FFFFFF;
  padding: 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  -moz-box-shadow: 0 0 4px #444444;
  -webkit-box-shadow: 0 0 4px #444444;
  box-shadow: 0 0 4px #444444;
}

.social img{
display:block;
border: 0;
}

/*
.googlecse {
    -moz-border-radius: 8px 8px 8px 8px;
    background-color: #E6E6E6;
    border: 2px solid #FFFFFF;
    float: left;
    margin: 10px auto;
    padding: 15px;
    width: 250px;
}
.gsc-clear-button {
    display: none;  
}
*/