/*
Theme Name: Online Store
Description: Basic Online Store Theme 
Author: Arief Fajar Nursyamsu
Author URI: http://arief.disolo.com
*/

/* LAYOUT */
body {margin:0; padding-top:0px;}
img {border:0;}
blockquote {padding-left:10px;}
.clear {clear:both;}
.alignleft {float:left;	padding:2px 0 0 5px;}
.alignright {float:right; padding:2px 0 0 5px;}

/* The Wrapper */
#wrapper {width:990px; margin:0 auto;  background-color: #fff;}

/* The Logo */
/*#logo{height: 260px;background:url(images/header-youth.jpg) no-repeat;}*/
#logo h1{float: right; padding: 5px; background: url(images/h1bg.png); color:#fff; margin: 0;}

#logo h2{float: right;padding-top: 5px; visibility: hidden;}

/* FORMATING */
body{font-family:Verdana,Tahoma,sans-serif;	font-size:11px;	background-color:#9A9A9A; color:#000;}

a {color:#A6325C;text-decoration:none}
a:hover {color:#A6325C;	text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {}

blockquote {color:#d9f1ba;font-style: normal;}

#logo h1{font-size: 11px;font-weight: normal;}

#logo h2{font-size: 11px;font-weight: normal;}

/* The Top */

#top {padding-top: 200px;}

/* Begin Menu Bar */
/* Menu  */

#menu {background: #000;clear: both;height: 33px;font-weight: bold;}
#menu a {color: #fff;}
#menu li.current_page_item a, #menu a:hover, #menu h2 a {color: #000;background-color: #E1E1E1; text-decoration: none;}
#menu ul {width: 100%;height: 3em;display: block;float: left;font-size: 11px;margin-top: 0px;margin-bottom: 2px;margin-left: 0px;padding: 0px;}
#menu ul li {display: inline;margin-left: 0px;}
#menu ul li a {display: block;float: left;line-height: 3em;padding: 0 15px;color: #F4F4F4;}

/* Search Form */
#menu .menu-list{float: left;}
#menu .search-form{float: right;}
#menu .search-form form {width: 185px;height: 20px;margin: 6px 0;position: relative;}
#menu .search-form input {border: #242424 1px solid;font-size: 10px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#menu .search-form input.field {width: 100px;height: 16px;position: absolute;left: 5px;top: 0px;padding: 3px 5px 0 5px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#menu .search-form input.button {background: #FF0015;height: 21px;width: 55px;padding: 0 0 3px 0;position: absolute;left: 120px;top: 0px; color:#F3F3F3;}

/* End Menu */
.content {margin-top: 2px;border-bottom:1px solid #A4A4A4; padding-bottom: 20px; background-color:#fff;}	

#homecontent{}
#homecontent h2{height:28px;line-height:28px;font-size:12px;color:#FF9900;padding-left: 5px; margin: 0; font-weight: bold;}
#homecontent .slideshow{float: left;width: 680px;margin: 15px 0 15px 0;}
#homecontent .innercontainer{float: left;width: 680px; padding: 0 10px 0 10px;}
#homecontent .welcome{float: left; width: 680px;}
#homecontent .welcome p{line-height: 20px;text-align: justify;  padding: 0 5px 0 5px;}
#homecontent .welcome h2{text-align: justify;}
#homecontent .newitem {margin-bottom: 10px;}
#homecontent .newitem p{line-height: 20px;text-align: justify;}
#homecontent .newitem h2{text-align: justify;}
#homecontent .hotitem{}
#homecontent .hotitem p{line-height: 20px;text-align: justify;}
#homecontent .hotitem h2{text-align: justify;}
#homecontent .new-products{float: right;width: 420px;}
#homecontent .sales-products{float: right;width: 420px;}
#homecontent .home-product-container{}
#homecontent .left-container{float:left; width:235px;}
#homecontent .right-container{float:right; width:325px;}
#content {float: left;margin: 0px;padding: 0 0; width:680px;}

.page {margin: 0 0 0 20px;padding:0;height: 100%;text-align:left;}

.page h2 {color:#A6325C;margin: 0;padding: 0px;height:30px;background: transparent;text-align: left;font: 24px sans-serif;font-weight:normal;}

.page h2 a, .post h2 a:link, .post h2 a:visited  {color: #FF8204;background-color: transparent;}


.title{margin: 0px;	padding: 0px 0px 0px 15px;}	

.time{float:right;width:125px;height:25px;margin-top:5px;font-family:Century gothic,Verdana,Helvitica,sans-serif;padding:1px 0 0 20px;color:#fff;}	

.post {
	margin: 0px 0px 0 20px;
	padding:0px 0px 0px 0px;
	height: 100%;
	text-align:left;
	}

.post h2 {
	margin: 0px;
	padding: 0px;
	height:30px;
	background: transparent;
	text-align: left;
	font: 20px "Century gothic", Arial, sans-serif;
	font-weight:normal;
	}

.post h2 a, .post h2 a:link, .post h2 a:visited  {
	color: #FF8204;
	background-color: transparent;
	}

.date {
	margin: 0 0;
	padding: 5px 0 5px 0px;
	background:transparent;
	font-weight: normal;
	font-size: 11px;
	}	
.author{
	background:url(images/user.png) no-repeat;
	padding:0 0 0 20px;

}
.clock{
	background:url(images/time.png) no-repeat;
	padding:0 0 0 20px;

}	
.com{
	background:url(images/com.png) no-repeat;
	padding:0 0 0 20px;
}

.com a:link,
.com a:visited {

	color:#9FC25E;

}
.com a:hover{

	color:#eee;
}	
.category{
	float:left;
	margin:4px 0 0 10px;
	padding:0px 0 0 20px;
	background:url(images/tag.png);
	background-repeat:no-repeat;
	font-size:12px;
	
	}	

.category a:link,.category a:visited{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	}
.category a:hover{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	}
.post .postmetadata {
	margin: 0 0;
	padding: 11px 40px 0px 10px;
	height: 30px;	
	font: normal 12px Verdana, Arial, sans-serif;
	text-align: right;
	color:#333;
	background:url(images/meta.jpg);
		}

.entry a:link,
.entry a:visited {
	color: #FF8204;
}

.entry a:hover {
	color: #FF8204;
	text-decoration: underline;
}

.entry {
	margin: 0 0;
	padding: 5px 15px;
	}
.entry p {
	line-height: 20px;
	text-align: justify;
}
.cover{
	margin: 0 0;
	}


.entry ul{
	line-height: 20px;
	margin: 0 0 10px 0;
}

.entry li{
	line-height: 20px;
}

/* The Sidebar */

#sidebar{float:right;width:250px;font-size:11px;color: #000000; margin: 0 10px 0 0;}
#sidebar h2 {height:28px;line-height:28px;font-size:12px;color:#000;padding-left: 5px; margin:0;}
#sidebar ul {list-style-type: none;margin: 0;padding: 0;}
#sidebar ul ul  {list-style-type: none;margin: 0 0 5px 0;}
#sidebar .children{margin-left:0px;}
#sidebar ul ul ul {list-style-type: none;margin: 0;padding: 0;border:0;}
#sidebar ul ul ul ul {list-style-type: none;margin: 0;padding: 0;border:0;}
#sidebar ul li {height:100%;line-height:18px;}
#sidebar ul li a:link, #sidebar ul li a:visited {color: #6B7678;text-decoration: none;	margin: 0; padding: 5px 10px 5px 15px;
display:block;}
#sidebar ul li a:hover {color:#FF9900;}
#sidebar p {padding: 7px 10px;margin:0;}
#sidebar table {width:100%;text-align:center;background-color:#1f1f1f;color:#A4DDEF;}
#sidebar .keranjang-belanja{ padding: 20px 5px 18px 5px; background:url(images/troly-isi.png) left no-repeat;}
#sidebar .quantity{font-size:26px; margin-left: 35px;}
#sidebar .more{text-align: right; background: none; margin-top:0;}
#sidebar .more a:link, #sidebar .more a:hover{margin-top: 0;text-decoration: underline; background: none; color: #A6325C;}
#sidebar .keranjang-belanja ul li {list-style-type: disc; margin-left: 25px;}
/* The Rightbar */

#sidebar-blog {background:url(images/blog-h2.jpg) top no-repeat; padding-top:40px; margin-bottom: 20px;}
#sidebar-blog ul li{list-style-type: none; margin-left: -5px; padding-left: 0px;}
#sidebar-blog ul li a:link, #sidebar-blog ul li a:visited{color: #6B7678;text-decoration: none;	margin: 0; padding: 5px 10px 5px 15px;display:block; font-weight: normal;}
#sidebar-blog ul li a:hover {text-decoration: underline; color:#FF9900; }

#sidebar-kit {background:url(images/kit-h2.jpg) top no-repeat; padding-top:40px; margin-bottom: 20px;}
#sidebar-kit ul li{list-style-type: none; padding: 0px;}
#sidebar-kit ul li a:link, #sidebar-kit ul li a:visited {color: #6B7678;text-decoration: none;	margin: 0; padding: 5px 10px 5px 15px;font-weight: normal;}
#sidebar-kit ul li a:hover {text-decoration: underline; color: #FF9900;}

#sidebar-rek {background:url(images/rek-h2.jpg) top no-repeat; padding-top:40px; font-size: 12px;}
#sidebar-rek ul li{list-style-type: none; padding: 0px;}
#sidebar-rek ul li a:link, #sidebar-rek ul li a:visited {color: #6B7678;text-decoration: none;	margin: 0; padding: 5px 10px 5px 15px;font-weight: normal;}
#sidebar-rek ul li a:hover {text-decoration: underline; color: #FF9900;}

#rightbar{float:right;width:160px;font-size:11px;color: #000000; margin: 0;}

#rightbar h2 {height:28px;line-height:28px;font-size:12px;color:#ffffff;background-color:#5A6F8E;border-top: 1px solid #555555;
border-bottom: 1px solid #555555;padding-left: 5px;}


#rightbar ul {list-style-type: none;margin: 0;padding: 0;}

#rightbar ul ul  {list-style-type: none;margin: 0 0 5px 0;background-color:#CAD1DD;}

#rightbar .children{margin-left:0px;}

#rightbar ul ul ul {list-style-type: none;margin: 0;padding: 0;border:0;}

#rightbar ul ul ul ul {list-style-type: none;margin: 0;padding: 0px;border:0;}
	
#rightbar ul li {height:100%;line-height:18px;}

#rightbar ul li a:link, #rightbar ul li a:visited {color: #000;text-decoration: none;	margin: 0; padding: 5px 10px 5px 15px;
display:block;}

#rightbar ul li a:hover {background:#A6325C;background-repeat:no-repeat;color:#fff;}

#rightbar p {padding: 7px 10px;margin:0;}

#rightbar table {width:100%;text-align:center;background-color:#1f1f1f;color:#A4DDEF;}	


/* --- FOOTER --- */

#footer {
	padding:10px 0 10px 10px;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	text-align:center;

	background-color:#000;
	}

#footer a {
	color:#fff;
	}

#footer a:hover {color:#fff; text-decoration: underline;}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size:25px;
	text-align:center;
	
	}

.breadcrumb{
margin-bottom: 10px;
}


/* Folding Category CSS */
#folding_category_list li ul li {margin-left:20px;}
#folding_category_list .lwfcl_level-2 li ul li {margin-left: 5px;}

/* Product Thumbnail New */
#products {margin: 0;height: 100%;color:#000;}
/* Product New Items */
#products-newitem {margin: 0px 10px 0 5px;height: 100%;color:#000;}
#products-newitem .cat-new-item{clear: both; display: block;};
/* Product Hot Items */
#products-hotitem {margin: 0px 10px 0 10px;height: 100%;color:#000;}
/* Product Sale Items */
#products-saleitem {margin: 0px 10px 0 10px;height: 100%;color:#000;}

.thumbnail-150 a{color: #000;text-decoration: none; }
.thumbnail-150 a:hover{color: #000;text-decoration: underline;}
.thumbnail-150{width: 141px;float: left;margin: 10px 10px 10px 15px;background-color: #F4F4F4;}
.thumbnail-150 img{border: none;padding: 0px;margin: 0px 5px 0 0px;}
.thumbnail-150 h3{text-align: left;font-size: 11px;margin: 5px 0 0 0;font: 12px Georgia;font-weight: normal;}

.thumbnail-medium a{color: #000;text-decoration: none;}
.thumbnail-medium a:hover{color: #000;text-decoration: underline;}
.thumbnail-medium{float: left;margin: 0 5px 10px 0px;}
.thumbnail-medium img{border: 1px solid #ccc;padding: 1px;margin: 5px 5px 0 0;}
.thumbnail-medium h3{text-align: left;font-size: 11px;margin: 5px 0 0px 0;font: 12px Georgia;font-weight: bold;}


/*
#products .item-title h3{
	text-align: center;
	font-size: 11px;
	margin: 5px 0 5px 0;
	font: 11px Verdana, Arial, sans-serif;
}*/

.price{margin: 1px 0 0 0;padding-left: 0;text-align: left;font-weight: bold;font: 12px Georgia; float:left;}
.beli{float: right;}
/* New Items */
.thumbnail-new-items{width: 152px;float: left;	margin: 0 5px 5px 0;
}

.thumbnail-new-items img{
	border: 1px solid #ccc;
	padding: 1px;
}
/* Product Thumbnail */
.thumbnail_container{
	height: 180px;
	width: 165px;
	margin: 0 0 10px 20px;
	padding: 5px;
	border: 1px solid #ccc;
	float: left;
}
.thumbnail_container img{
	margin: 5px;
	padding: 1px;
	border: 1px solid #F2F2F2;
}
.thumbnail_container h2{
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	margin-bottom: 2px;
}

.breadcrumb{
	margin: 10px;
	border-top: 1px solid #ccc;
	line-height: 1.2em;
	padding: 5px;
}

.category-title {
	font-size: 14px;
	text-align: right;
	margin-right: 20px;
}

.single_product_container{
	height: 200px;
	width: 165px;
	margin: 0 0 10px 20px;
	padding: 5px;
	border: 1px solid #ccc;
	float: left;
}

.single_product_container h2{
	font-weight: normal;
	font-size: 11px;
	text-align: center;
}

.single_product_container img{
	margin: 5px;
	padding: 1px;
	border: 1px solid #F2F2F2;
}

.product-detail{
	margin-left: 10px;
}

.product-image{
	width: 380px;
	float: left;
	text-align: center;
	margin-left: 10px;
}

.product-image img{
	padding: 1px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.product-data{
	float: right;
	width: 250px;
	margin: 0 0 0 0px;
}

.product-data h3{
	font-size: 11px;
	margin-top: 5px;
}

.product-data p{margin-left: 10px;}

.product-spec{margin-top: 10px;}

.product-spec td{padding: 5px;}
.sebelum-beli{font-family: Verdana; font-size: 11px;line-height: 20px;padding: 0 25px 0 0;text-align:justify;}
.sebelum-beli p{margin-left: 0;}
.shopping{text-align: left;}
.shopping img{border:none;}
.detail-code, .detail-price {padding: 10px; background-color:#BBBBBB; font-family: Tahoma; font-size: 12px; font-weight:bold;}
.detail-code {float: left; }
.detail-price {float: right; }
img.pilihan-ukuran {border: none; margin-bottom: 10px;}
.product-size{font-size: 14px; padding: 5px; margin-right: 30px;}
#not-found{
	margin: 40px;
	text-align: center;
}

/* Custom Field Display */

/* Custom Field Display */
.customRowHeader{
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 5px;
	padding: 5px;
	background: #F7F7F7;
	border: 1px dotted #ccc;
	color: #fff;
	width: 500px;
}
.customRow {
  clear: both;
  padding-top: 10px;
  margin-bottom: 1px;
  padding: 5px;
  background: #F8F8F8;
  border: 1px dotted #ccc;
  color: #666;
  text-align: left;
  float: left;
  width: 600px;
  }


.customLabel {
	width: 140px;
	text-align: left;
	clear: both;
	float: left;
	display: inline;
	font-weight: bold;
}

.customValue {
	width: 400px;
	text-align: left;
	float: left;
	display: inline;
}

.customSeparator {
	width: 10px;
	text-align: left;
	float: left;
	display: inline;
}

.detail{
	float: left;
}

.detail img{
	border:none;
	padding: 0;

}

.buy{
	float: right;
	margin: 5px 6px 0 0;
	padding: 1px;
}

.buy input{
	margin: 0px;
}

.frm_image{ border: none;}
.left{
	float: left;
}
.right{
	float: right;
}

/* global form style */
form.std {
	clear: both;
}
form.std h3 {
	color: #555;
	font-size: 1.4em;
	font-weight: normal;
	border-bottom: 1px solid #d0d1d5;
	padding: 0.5em;
	margin: 0 0 0.5em 0;
}
form.std fieldset {
	border: 1px solid #d0d3d8;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
form.std fieldset legend {
	padding: 0.3em 0.6em;
	margin: 1em 0 1em 0.5em;
	font-size: 1.6em;
	font-weight: 100;
	border-color: #d0d1d5;
	border-style: solid;
	border-width: 1px;
}
form.std h4, form.std p {
	padding: 0.3em 1em;
	clear: both;
}
form.std label, form.std p span {
	float: left;
	text-align: right;
	width: 30%;
}
form.std p span.like_input {
	width: auto;
	margin-left:0.7em;
}
input, select, span.editable {
	margin-left: 0.7em;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	vertical-align: top;
	outline: none;
}

textarea {
	margin-left: 0.7em;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	vertical-align: top;
	outline: none;
	width: 600px;
}
input, textarea, select {
	border: 1px solid #bdc2c9;
}


input.text {
	height:18px;
	padding-left:2px;
	padding-right:2px;
}
.checkbox input, .radio input {
	border: none;
}
form.std .checkbox label, form.std .radio label, form.std span.form_info {
	margin: 0;
	float: none;
	text-align: left;
}
.required sup {
	color: #da0f00;
}
form.std p.checkbox {
	padding-left: 30%;
}
form.std p.submit {
	padding-left:31%!important;
	margin-bottom: 1.5em;
}

.Nav{
	text-align: center;
	margin-top: 10px;
}

.navigation{
	margin: 0 20px 0 20px;
	clear:both;
}

#products .category-description p{
	line-height: 20px;
	margin-bottom: 20px;
	text-align: justify;
}

#ym-online-status ul li a:link, #ym-online-status ul li a:visited{
	border-bottom: none;
}

#ym-online-status{
	margin-bottom: 15px;
}
/*
.navigation a{
	color: #000;
}*/

/*
--------------------------------------------------------------------------------
What:	"Oranges in the sky" Styles(Table data design)
Who:	Krasimir Makaveev(krasi [at] makaveev [dot] com)
When:	15.09.2005(created)
--------------------------------------------------------------------------------
*/

table.general {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #5A6F8E;
	border-top: 1px solid #5A6F8E; 
	color: #000;
	margin-top: 20px;
}

.general caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #4E4E4E;
	border: 1px solid #5A6F8E;
	color: #000;
}

.general a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #000;
	font-weight: bold;
}

.general a:hover {
	text-decoration: none;
	color: #000;
	background: #f60;
}

.general tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

.general tr th a:hover {
	color: #000;
	background: #369;
}

.general thead tr th {
	text-transform: uppercase;
	background: #CAD1DD;
	text-align: left;
	color: #000;
}

.general tfoot tr th, .general tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	background-color: #CAD1DD;
}

.general tfoot tr th {
	/*width: 20%;*/
}

.general tfoot tr td {
	/*width: 80%;*/
}

.general td, table.general th {
	border-right: 1px solid #5A6F8E;
	border-bottom: 1px solid #5A6F8E;
	padding: 5px;
	line-height: 1.8em;
	font-size: 1em;
	vertical-align: top;
	/*width: 20%;*/
}

.general tr.odd th, table.general tr.odd td {
	background: #efefef;
}

.cart-option{margin-top:4px; height: 18px;}
.cart-option-left{float: left;margin-left: 5px; padding-top: 2px;}
.cart-option-right{margin-right: 5px; float: right;}