/*  
Theme Name: Ecommerce Theme-Black
Author URI: http://ecommercethemes.com/
Version: 2.0
Author: Cory Miller
Description: Ecommerce Theme is a highly customizable WordPress theme for powering online stores.
All the CSS, XHTML and design is copyrighted. Please don't steal.
*/

html, body { margin: 0; padding: 0; }body { 	background: #000;	color: #666;	font-size: 11px;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: center;}body * {margin: 0px; padding: 0px;}.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }/*********************************************		Link Styles*********************************************/a {	color: #333;	text-decoration: underline;}a:hover { color: #000; text-decoration: underline; }/*********************************************		Text Elements*********************************************/p, ul, ol, blockquote {color: #333;}ol, ul {	margin: 5px 35px;}blockquote {	margin: 5px 0px 5px 10px;	padding: 0px 0px 0px 10px;	border-left: 1px solid #999;}img { border: 0px; background: none; }p {	padding: 10px 0px;	margin: 0px;}/*********************************************		Header Styles*********************************************/h1 { /* This style used as title on single posts and pages */	font-size: 20px;	padding: 10px 0px 5px 0px;	margin: 0px;	color: #000;	text-decoration: none;	text-align: center;}h1 a {	color: #000;	text-decoration: none;}h1 a:hover {	text-decoration: underline;}h2 { /* This style used as header in the sidebars */	background: #fff;	font-size: 16px;	color: #000;	margin: 0px 0px 10px 0px;	padding: 5px 0px 0px 0px;	font-weight: bold;}h3 { /* This style used as the post titles on homepage/archive */	font-size: 20px;	padding: 10px 0px 5px 0px;	margin: 0px;	color: #000;	text-decoration: none;}h3 a {}h3 a:hover {}h4 { /* This style used as title for comments and as the identifying header on archive page  */	font-size: 18px;	padding: 10px 0px 5px 0px;	margin: 0px;	color: #666;	text-decoration: none;	border-bottom: 1px solid #999;}h5 { /* This style used for the product price  */	font-size: 15px;	color: #cc0000;	text-decoration: none;	padding: 5px 0px 5px 0px;}h6 { /* This style used for second product price  */	font-size: 15px;	color: #1a75cf;	text-decoration: none;	padding: 5px 0px 5px 0px;}/*********************************************		Container Div*********************************************/#container {	background: #fff;	border: 1px solid #000;	text-align: left;    margin: 10px auto;    width: 770px;    padding: 0px;}#toptag {	display: block;	background: #000;	color: #fff;	margin: 0px auto; padding: 10px;	text-align: center;	letter-spacing: 6px;	text-transform: uppercase;}/*********************************************		Header Styles*********************************************/#header {	border: 0px solid black;	background: #ffffff url(images/logo.jpg) no-repeat;	margin: 0px;	padding: 0px;	width: 770px; height: 95px;	display: block;	position: relative;}#header h1, #header h1 a {	display: block;	width: 405px; height: 45px;	text-indent: -9999px;	overflow: hidden;}#header h2 { /* This style used as header in the sidebars */	font-size: 18px;	color: #333;	background: transparent;	margin: 0px;	padding: 0px;	font-weight: normal;}#header p {	margin: 0px;	padding: 0px 0px 5px 0px;	}.headerleft {	width: 250px;	float: left;	margin: 0px;	padding: 15px;	}.headerright {	width: 450px;	float: right;	margin: 0px;	padding: 23px 35px 30px 25px;	text-align: right;	}/*********************************************		Feature*********************************************/#feature {	clear: both;	border: 0px solid black;	background: #333;	color: #fff;	margin: 0px 0px 0px 0px;	padding: 0px;	display: block;	position: relative;	height: 165px;}#feature p {	color: #fff;	margin: 0px;	padding: 0px 0px 10px 0px;	}#feature h2 { /* This style used as header in the sidebars */	font-size: 23px;	color: #FFF;	background: transparent;	margin: 0px 0px 5px 0px;	padding: 0px;	font-weight: normal;}#feature a {	color: #fff;	text-decoration: underline;}#feature a:hover {	text-decoration: none;}#feature ul {	list-style-type: none;	padding: 0px;	margin: 0px;}#feature ul li {	padding: 0px;}#feature ul li ul {	list-style-type: none;	padding: 0px;	margin: 0px 0px 10px 0px;}#feature ul li ul li {	padding: 0px;	margin: 0px 0px 0px 25px;	list-style-type: square;	color: #fff;}#feature img { border: 0px; background: none; }#feature .textwidget {	color: #fff;	margin: 0px;	padding: 0px 0px 10px 0px;	}.featureleft {	background: #333;	width: 49%;	float: left;	margin: 0px;	padding: 0px;	}	.featureright {	background: #333;	width: 48%;	float: right;	margin: 0px;	padding: 0px;	text-align: left;	}/*********************************************		Horizontal Navigaion Styles*********************************************/#menu {	color: #FFF;	background: #000;	font-size: 11px;	text-align: left;padding: 0px 0px;	margin: 0px;	display: block;	width: 100%;}#menu ul {	background: #000;	margin: 0px;	padding: 5px 0px;	}#menu ul li {	display: inline;  font-size: 11px;	list-style-type: none;	margin: 0px;	padding: 5px 0px;	}#menu ul li a {	color: #FFF;	background: #000;	font-size: 11px; padding: 5px 10px;	margin: 0px;	text-decoration: none;	}#menu ul li a:hover {	color: #000;	font-size: 11px; text-decoration: none;	background: #fff;	}

#menu2{	color: #000;	background: #FFFFFF;	font-size: 11px; text-align: center; padding: 0px 0px;	margin: 0px; display: block;	width: 770px; height:40px;} #menu2 ul {	background: #fff;	margin: 0px;	padding: 5px 0px;	}#menu2 ul li {	display: inline;  font-size: 11px;	list-style-type: none;	margin: 0px;	padding: 5px 0px;	}#menu2 ul li a {	color: #000;	background: #fff;	font-size: 11px; padding: 5px 10px;	margin: 0px;	text-decoration: none;	}#menu2 ul li a:hover {	color: #999;	font-size: 11px; text-decoration: none;	background: #fff; }

/*********************************************		Home Thumbnails Div*********************************************/.thumbnail{	float: left;	padding: 0px;	width: 530px;	padding: 15px 0px 10px 0px;	background: #fff;	display: inline;	border-bottom: 1px dashed #999999;	}.thumbnail .left{	width:160px;	float:left;}.thumbnail .right{	width:350px;	float:left;	padding:0 5px 0 15px;}.metathumb{	text-align:right;	padding:5px 0;}.thumbnail p{	font-size: 11px;	clear: both;	padding: 0 0 10px 0;	text-align:justify;	}.thumbnail h3 { /* This style used as the post titles on homepage/archive */	font-size: 12px;	padding: 0px 0px 15px 0px;	margin: 0px;	color: #000;	text-decoration: none;}.thumbnail h3 a {	color: #000;	text-decoration: none;}.thumbnail h3 a:hover {	text-decoration: underline;}.thumbnail .left img {	margin: 0px 5px 5px 5px;	border: 0px;	padding: 0px;	width: 150px;	height: 150px;	float: left;	border: 1px solid #666;	}	.thumbnail img a {	border: none;	}	.thumbnail img a:hover {	border: 0px solid #fff;	}	/*********************************************		Content Div*********************************************/#content {		margin: 0px;	padding: 15px 0px 10px 10px;	width: 520px;	display: block;	border: 0px solid black;}.post-more { /* Use this class to style the "more" tag */}.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */}/*********************************************		Post Meta Styles*********************************************/.meta-top {	clear: both; /* we need this so floats in the post are cleared */	padding: 5px;	margin: 10px 0px;	background: #CCC;}.meta-bottom {	clear: both; /* we need this so floats in the post are cleared */	padding: 5px;	color: #333;	margin: 20px 5px;	background: #fff;	border-top: 1px solid #999;}.meta-date {	margin: 0px 5px;}.meta-author {	margin: 0px 5px;}.meta-comments {	margin: 0px 5px;}.meta-category {	margin: 0px 5px;}/*********************************************		Previous/Next Page Navigation*********************************************/.page-nav {clear: both; /* To clear any floats */
	text-align:center;width:530px;	padding: 10px 0px;
}.nav-previous {	width: 249px; 	float: left; 	text-align: left;}.nav-next {	width: 249px; 	float: right; 	text-align: right;}	/*********************************************		Left Sidebar*********************************************/#l_sidebar {	display: inline;	float: right;	border: 0px solid black;	width: 200px;	margin: 5px 0px 10px 0px;	padding: 0px 20px;	display: block; /* floats are handled as block elements, this is to fix 						a margin collapsing bug in IE */}#l_sidebar h2 { /* This style used as header in the sidebars */	background: #000 url(images/sideback.gif) top center no-repeat;	font-size: 12px;	color: #FFF;	margin: 0px 0px 10px 0px;	padding: 5px;	font-weight: normal;}#l_sidebar p {	padding: 5px;}#l_sidebar img {	text-align: center;}#l_sidebar form {	padding: 0px;	margin: 5px;}#l_sidebar ul {	list-style-type: none;	padding: 0px;	margin: 0px;}#l_sidebar ul li {	padding: 0px 0px 10px 0px;}#l_sidebar ul li ul {	padding: 0px 0px 0px 0px;}#l_sidebar ul li ul li {	padding: 0px;	margin: 5px;}#l_sidebar ul li ul li a {	text-decoration: none;}#l_sidebar ul li ul li a:hover {	text-decoration: underline;}#l_sidebar ul li ul li ul {	padding: 0px;	margin: 0px;}#l_sidebar ul li ul li ul li {	padding: 0px;	margin: 5px 10px 5px 5px;}.mobile {background-color: transparent;background-image: url(images/con_tel.png);background-repeat: no-repeat;background-attachment: scroll;background-position: left top;margin-left: 20px;padding-top: 0px;padding-right: 5px;padding-bottom: 0px;padding-left: 25px;}.bbm {background-color: transparent;background-image: url(images/bbm.jpg);background-repeat: no-repeat;background-attachment: scroll;background-position: left top;margin-left: 20px;padding-top: 0px;padding-right: 5px;padding-bottom: 0px;padding-left: 25px;}.mail {background-color: transparent;background-image: url(images/mail.png);background-repeat: no-repeat;background-attachment: scroll;background-position: left top;margin-left: 20px;padding-top: 0px;padding-right: 5px;padding-bottom: 0px;padding-left: 25px;}.ym {background-color: transparent;background-image: url(images/ym.png);background-repeat: no-repeat;background-attachment: scroll;background-position: left top;margin-left: 20px;padding-top: 0px;padding-right: 5px;padding-bottom: 0px;padding-left: 25px;}.rumah{background-color: transparent;background-image: url(images/bbm.jpg);background-repeat: no-repeat;background-attachment: scroll;background-position: left top;margin-left: 20px;padding-top: 0px;padding-right: 5px;padding-bottom: 0px;padding-left: 25px;}/*********************************************		Comment Styles*********************************************/#comments {	padding: 8px;}#comments .even {	margin: 5px 0px 5px 0px;	padding: 10px;	background: #FFFFFF;	overflow: hidden;	border-bottom: 1px dotted #B7B7B7;}#comments .odd {	margin: 5px 0px 5px 0px;	padding: 10px;	background: #FFFFFF;	overflow: hidden;	border-bottom: 1px dotted #B7B7B7;}/*************************************************	Bottom "Sidebars"					     		* ************************************************/
#bottomatas {	background: #000;	width: 770px; height:40px;	margin: 0px auto 0px; text-align:center;	padding: 0px 0px 0px 0px;	line-height: 20px;	border-top: 0px solid #000;	clear: both;	}

#bottom {	background: #FFFFFF;	width: 750px; height:100%;	margin: 0px auto 0px; text-align:center;	padding: 10px 10px 10px 10px;	line-height: 20px;	border-top: 1px solid #EDEDED;	clear: both;	}

#bottomkiri {	background: #EDEDED;	width: 260px; height:100px;	margin: 0px auto 0px;	padding: 0px 0px 0px 0px;	line-height: 20px;	border-top: 1px solid #000;	clear: both;	}
#bottomtengah {	background: #EDEDED;	width: 250px; height:100px;	margin: 0px auto 0px;	padding: 0px 0px 0px 0px;	line-height: 20px;	border-top: 1px solid #000;	clear: both;	}
#bottomkanan {	background: #EDEDED;	width: 260px; height:100px;	margin: 0px auto 0px;	padding: 0px 0px 0px 0px;	line-height: 20px;	border-top: 1px solid #000;	clear: both;	}
#bottom p, #bottom .textwidget {	padding: 0px 0px 0px 0px;	margin: 0px;	}	#bottom h2 {	color: #000000;	background: #EDEDED;	font-size: 18px;	font-weight: normal;	margin: 0px 0px 10px 0px;	padding: 5px 0px 0px 0px;	}	#bottom h2 a, #bottom h2 a:visited  {	color: #000000;	text-decoration: none;	margin: 0px 0px 10px 0px;	padding: 0px 0px 0px 0px;	}#hometop h2 a:hover {	color: #000000;	text-decoration: none;	}	#bottom img{	float: left;	border: none;	margin: 0px 0px 0px 0px;	}	#bottom ul{	list-style-type: square;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	}	#bottom ul li{	list-style-type: square;	margin: 0px 0px 0px 20px;	padding: 0px 0px 0px 0px;	}		.bottomleft {	float: left;	width: 227px;	margin: 0px 0px 0px 0px;	padding: 10px 20px 10px 20px;	overflow: hidden;	}	.bottommiddle {	float: left;	width: 227px;	margin: 0px 0px 0px 0px;	padding: 10px 20px 10px 20px;	overflow: hidden;	}	.bottomright {	float: right;	width: 227px;	margin: 0px 0px 0px 0px;	padding: 10px 20px 10px 0px;	overflow: hidden;	}/*********************************************		Footer Styles*********************************************/#footer {	margin: 0px auto 0px;	padding: 0px;	clear: both;	text-align: left;	width: 770px;	color: #666;}#footer a {	color: #666;	text-decoration: none;}#footer a:hover {	color: #fff;	text-decoration: underline;}#footer p {	color: #666;	margin: 0px;	padding: 0px 10px 0px 10px;	}#footer ul {	margin: 0px;	padding: 5px 0px;	}#footer ul li {	display: inline;	list-style-type: none;	margin: 0px;	padding: 5px 0px;	}#footer ul li a {	padding: 5px 10px;	margin: 0px;	text-decoration: none;	}#footer ul li a:hover {	text-decoration: underline;	}.footerleft {	width: 30%;	float: left;	margin: 0px 0px 10px 0px;	padding: 0px;	}	.footerright {	width: 70%;	float: right;	margin: 0px;	padding: 0px;	text-align: right;	}/*********************************************		eCommerce Plugin Styles********************************************table.wpsc_checkout_table {}table.wpsc_checkout_table input, table.wpsc_checkout_table textarea, table.wpsc_checkout_table select {	margin: 12px 0 12px 30px;	width: 200px;}table input, table textarea, table select {	margin: 12px 0 12px 30px;	width: 200px;}table texarea {	height: 50px;}table.wpsc_checkout_table textarea {	height: 50px;}body table.wpsc_checkout_table tr td input#payment_method_1, body table.wpsc_checkout_table tr td input#payment_method_2 {	width: 30px;}body table.wpsc_checkout_table tr td input#payment_method_1 {}strong.cattitles {	font-size: 16px;	color: #000;	margin: 0px 0px 5px 0px;	padding: 5px;	font-weight: normal;	border-bottom: 2px dotted #ccc;}a.product_image {	border: 1px solid #000;}div#widgetshoppingcart {	line-height: 1.4em;	background: url(images/ecommerce_open.png) right top no-repeat;	padding-right: 50px;	padding-bottom: 15px;	width: 150px;}div#widgetshoppingcart table {	width: 200px;	margin-top: 15px;}div#widgetshoppingcart table tr {	height: 20px;}div#widgetshoppingcart a {	text-decoration: none;}div#widgetshoppingcart a:hover {	text-decoration: underline;}a.additional_description_link {	text-decoration: none;}ul.PeCategories {	position:relative;	left: 20px;}ul.PeCategories li {	list-style-type: disc;}body div#l_sidebar ul.PeCategories li a {	color: #000;	text-decoration: none;}body div#l_sidebar ul.PeCategories li a:hover {	text-decoration: underline;}table.productdisplay tr {	border-bottom: dashed 1px #ccc;} input.wpsc_buy_button { Large icons for main purchase buttons	border: none;	color: #f8ad3a;	font-weight: bold;	width: auto;	display: block;	padding: 6px;	width: 210px;	height: 50px;	float: right;	background: url(images/ecommerce_add.png) left top no-repeat #fff;} input.wpsc_buy_button, form#specials_1 input, form#specials_2 input, form#specials_3 input {	border: none;	color: #f8ad3a;	font-weight: bold;	width: 150px;	height: 30px;	background: url(images/ecommerce_add_small.png) left top no-repeat #fff;	margin: 12px 0 0 0;}body table input.wpsc_buy_button:hover {	cursor: pointer;}body table.productcart tr.firstrow td {	background-color: #fff;}a.wpsc_product_title {	text-decoration: none;	font-size: 18px;}a.wpsc_product_title .special {}div.categorydisplay {	background: url(images/ecommerce_bag.png) right top no-repeat;}tr.product_row a {	display: block;	background: url(images/ecommerce_delete.png) left top no-repeat;	width: 50px;	height: 40px;	text-indent: -999em;}table.productcart input {	width: 80px;	text-align: center;}span.pricedisplay {	display: inline;	color: red;	font-size: 16px;}*/
