/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
/*** End Header Tags SEO ***/


/*SEOF Dropdownlist*/

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 12em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 17.15em;
		background-color : white;		
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 17.05em;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 16em;
		/*width : 10em;*/
		display : block;
		color : #3D3D3D;
		font-weight : bold;
		text-decoration : none;
		border : 1px solid;
		border-color:#EBEBEB;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : #3D3D3D;
		background-color : #EEEEEE;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

	
/* Menu items with subcategories */	
#nav a.daddy {
	background: url(images/arrow_green.gif) center right no-repeat;
}

/* Selected items with subcategories */	
#nav li.selected {
    background-color: #FFCC00;
}
/*EOF dropdownlit CSS*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

BODY {
  background: #FFFFFF;
  color: #000000;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #000000;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #FFFFF;
}

TR.headerNavigation {
  background: #FFFFF;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  font-weight : bold;
  background-image:url(images/skin_gallery/navbg.gif);
  height:29px;
  padding-bottom:3px;
}

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #000000;
  text-decoration:underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  
}

TD.footer {
height:46px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-image:url(images/skin_gallery/foot_bg.gif); 
  font-weight: bold;
}

.infoBox {
  background: #ffffff;
}
.plainBox {
  background: #ffffff;
}
.infoBoxContents {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  padding:2px;
  border:1px solid #cccccc;

}
.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height:24px;
  background:url(images/skin_gallery/hbox.gif) no-repeat;
  background-position:right;
  color: #000000;
  padding-left:5px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #FFFFFF;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #F9F9F9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #999999;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #FFBB56;
  color: #FFFFFF;
  font-weight: bold;
  text-align:center;/*center*/
  height:25px;
  vertical-align:middle;!important
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  padding:15px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  color: #FF6600;
}

h1 {
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  color: #FF6600;
}

h2 {
color:#ff6600;
font-family:"Verdana";
font-size:12px;
font-weight:bold;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #F9F9F9;}

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ff0000; }
/* ----------------- coolMenu ----------------- */

.clCMEvent{
	position:absolute;
	width:99%; height:99%;
	clip:rect(0,100%,100%,0);
	left:0; 
	top:0;
	visibility:visible
}


.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
}

.clBar{
	position:absolute;
	width:10;
	height:10;
	background-color:#ffffff;
	layer-background-color:#ffffff;
	visibility:hidden;
}

.clLevel0,.clLevel0over{
	position:absolute;
	padding:1px;
	font-family:Verdana,arial,helvetica;
	font-size:11px;
}

.clLevel0{
	background-color:#ffffff;
	layer-background-color:#ffffff;
	color:#000000;
}

.clLevel0over{
	background-color:#bbc3d3;
	layer-background-color:#bbc3d3;
	color:#ffffff;
	cursor:pointer;
	cursor:hand;
}

.clLevel0border{
	position:absolute;
	visibility:hidden;
	background-color:#c0c0c0;
	layer-background-color:white;
}

.clLevel1, .clLevel1over{
	position:absolute;
	padding:2px;
	font-family:Verdana,arial,helvetica;
	font-size:11px;
}

.clLevel1{
	background-color:#ffffff;
	layer-background-color:#ffffff;
	color:#000000;
}

.clLevel1over{
	background-color:#bbc3d3;
	layer-background-color:#bbc3d3;
	color:#ffffff;
	cursor:pointer;
	cursor:hand;
}

.clLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:#c0c0c0;
	layer-background-color:white;
}
/* ----------------- coolMenu_eof ----------------- */

td{
 font-family: tahoma,verdana,arial;
 font-size: 11px;
 color: #848282;
}

 .bg{
  background-image: url(images/m23.gif);
  background-repeat: repeat-y; 
 }

 .bg1{
  background-image: url(images/m29.gif);
  background-repeat: repeat-y; 
 }

 .bg2{
  background-image: url(images/m42.gif);
  background-repeat: repeat-y; 
 }

 .bg3{
  background-image: url(images/m48.gif);
  background-repeat: repeat-y; 
 }

 .bg4{
  background-image: url(images/m59.gif);
  background-repeat: repeat-y; 
 }

 .go{
  border-style: solid;
  border-width: 1px;
  border-color: #A1A1A1;
  height: 20px;
 }

 .cy{
  font-size: 11px;
  color: #747474;
  font-weight: bold;
 }

 .cy1{
  font-family:"Verdana";
  font-size: 16px;
  color: #FF6600;
  font-weight: bold;
 }

 .cy2{
  font-size: 13px;
  color: #848282;
  font-weight: bold;
 }


 .ml{
  font-size: 11px;
  color: #08A8C4;
  text-decoration: none;
 }

 .ml1{
  font-size: 11px;
  color: #848282;
  text-decoration: none;
 }

 .ml2{
  font-size: 11px;
  color: #848282;
  text-decoration: underline;
 }

 .px2{
  font-size: 2px;
 }

 .px4{
  font-size: 4px;
 }

 .se{
  width: 110px;
  font-size: 9px;
 }
.lowongan_header {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
.lowongan_form {
border: 1px solid #FF9900;
background-color:#FFFFFF;
}
.header_link, .header_link:visited {
color:#FFFFFF;
text-decoration:none;
}
.header_link:hover {
color:#000000;
text-decoration:none;
}

/* ----------------- New Template ----------------- */
.tbl_hdr {
height:108px;
background-image:url(images/skin_gallery/h_bg.gif);
background-repeat:repeat-x;
}
.hdr_t {
height:79px;
background-image:url(images/skin_gallery/hdr_t_bg.gif);
background-repeat:repeat-x;
}
.hdr_m {
height:29px;
}
.hdr_menu{
text-align:center;
width:90px;
height:29px;
background-image:url(images/skin_gallery/t_but.gif);
background-repeat:no-repeat;
text-decoration:none;
}
.hdr_menu a:link, .hdr_menu a:visited {
color:#333333;
text-decoration:none;
}
.hdr_menu a:hover {
color:#FFFFFF;
text-decoration:none;
}

/* menu Solid - Show Sub-categories  Star */
.menucateg {
color:#000000;
display: block;
vertical-align: middle;
font-size: 13px;
font-family: "verdana";
font-weight: bold;
text-align: left;
text-decoration: none;
}

a.menucateg:link, a.menucateg:visited, a.menucateg:active {
color:#000000;
display: block;
vertical-align: middle;
font-size: 13px;
font-family: "verdana";
font-weight: bold;
text-align: left;
text-decoration: none;
}

a.menucateg:hover {
text-decoration: none;
font-weight: bold;
color: #000000;
}

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
display: block;
vertical-align: middle;
color:#FF6600;
font-size: 13px;
font-family: "verdana";
text-align: left;
text-decoration: none;
font-weight: normal;
}

a.menusubcateg:hover {
text-decoration: none;
color: #FF9900;
}

a.menusubcategsec:link, a.menusubcategsec:visited, a.menusubcategsec:active {
display: block;
vertical-align: middle;
color:#666666;
font-size: 12px;
font-family: "verdana";
text-align: left;
text-decoration: none;
font-weight: normal;
}

a.menusubcategsec:hover {
text-decoration: none;
color: #999999;
}

.descript{
color:#999999;
font-size:11px;
}
.hrg {
color:#FF6600;
font-size:13px;
font-weight:bold;
}
a.newproductheading:link, a.newproductheading:visited, a.newproductheading:active {
color:#FF6600;
vertical-align: middle;
font-size: 10px;
font-family: "verdana";
font-weight: bold;
text-align: left;
text-decoration: none;
padding:5px;
}

.boxnewproduct{
width:300px;
}

a.newproductheading:hover {
text-decoration: underline;
font-weight: bold;
color: #FF6600;
}

.hrbg {
background-image:url(images/skin_gallery/hr1.gif);
background-repeat:repeat-x;
height:5px;
}
.vrbg {
background-image:url(images/skin_gallery/vr1.gif);
background-repeat:repeat-y;
}
.head1 {
background-image:url(images/bg_news.png);
background-repeat:no-repeat;

}
.br{
padding:3px;
border: 1px solid #cccccc;
}
.subcat {
background-image:url(images/skin_gallery/subcat.gif);
background-repeat:repeat-x;
height:25px;
color:#000000;
}
.subcatsec {
background-image:url(images/skin_gallery/subcatsec.gif);
background-repeat:repeat-x;
height:25px;
color:#000000;
}
.boxContent{
border:1px solid #cccccc;
}
.intro{
color:#000000;
font-family:"Arial";
font-size:12px;
padding:10px;
border:1px dotted #ff6600;
background-color:#FAFAFA;
} 
.inform{
color:#ff6600;
font-family:"Verdana";
font-size:12px;
font-weight:bold;
}
.spek{
color:#000000;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
padding:10px;
border:1px dotted #ff6600;
} 
.about{
color:#666666;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
padding:10px;
} 
.atention{
color:#000000;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
padding:5px;
border:1px dashed #ff6600;
} 
.borderbox{
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
padding:2px;
border:1px dashed #ff6600;
} 
.foot_copy {
height:46px;
background-image:url(images/skin_gallery/foot_copy.gif);
background-repeat:no-repeat;
color:#000000;
text-align:right;
padding-bottom:5px;
font-size:12px;
font-weight:bold;
}
/* menu Solid - Show Sub-categories  End */
DIV.six {font-size:6pt;color:#000000;font-family:"Arial, Helvetica, sans-serif"}
DIV.seven {font-size:7pt;color:#000000;font-family:"Arial, Helvetica, sans-serif"}
DIV.eight {font-size:8pt;color:#000000;font-family:"Arial, Helvetica, sans-serif"}
DIV.nine {font-size:9pt;color:#000000;font-family:"Arial, Helvetica, sans-serif"}
DIV.ten {font-size:10pt;color:#000000;font-family:"Arial, Helvetica, sans-serif"}
DIV.eleven {font-size:11pt;color:#000000;font-family:"Arial, Helvetica, sans-serif"}
DIV.twelve {font-size:12pt;color:#000000;font-family:"Arial, Helvetica, sans-serif"}


TD.compareListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  vertical-align:top;
  color:#000000;
}
TD.compareListing-price {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight:bold;
  color:#000000;
  background-color:#FFB038;
  border: 1px solid #000000;
  height:25px;
}
TD.compareListing-content {
  font-family: Verdana, Arial, sans-serif;
  color:#000000;
  font-size: 11px;
  background-color:#F4F4F4;
  border: 1px solid #000000;
  vertical-align:top;
}
.comparebox {
border-bottom-style:solid;
border-color:#CCCCCC;
border-width:1px;
}
#header {
position: fixed; 
top: 0px; 
text-align: center; 
width: 1008px; 
z-index: 1;
}
.tableshare {
margin-top:10px;
text-align:right;
width:320px;
color:#ff6600;
font-family:"Verdana";
font-size:12px;
font-weight:bold;

}
.tableshare a{
color:#ff6600;
}
.tableshare a:hover {
text-decoration:none;}	
.tableshare a img{
border:none;}
/*----------------------------Suggest Styles--------------------------*/
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #000000;			
}		
/*----------------------------End Suggest Styles------------------------*/