/*

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

@import url("layout.css");

@import url("table-general.css");

body {
font-family:Verdana,Tahoma,sans-serif;
font-size:11px;
color:#fff;
background-image: url(images/bg.jpg);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: center top;
background-color: #141414; 
}

a {color:#E67817;text-decoration:none}
a:hover {color:#E67817;text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {}
blockquote {color:#B7DE7C;font-style: normal;}

/* The Top */
#top { }

/* Begin Menu Bar */

/* Menu  */



#banner{
	height: 315px;
	margin-top: 1px;
	border-bottom:1px solid #555;
	background-color:#fff;
}

#menu {
	width: 100%;
/*	background: #242424;*/
	clear: both;
	height: 33px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}



#menu a {color: #fff;}



#menu li.current_page_item a, #menu a:hover, #menu h2 a {
	color: #fff;
	background-color: #E67817; 
	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 {
	/*background: #242424;*/
	display: block;
	float: left;
	line-height: 3em;
	padding: 0 15px;
	color: #fff;
}



/* 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: 10px;

	top: 0px;

	padding: 3px 5px 0 5px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



#menu .search-form input.button {

	color: #fff;

	background-color: #E67817;

	height: 21px;

	width: 45px;

	padding: 0 0 3px 0;

	position: absolute;

	left: 130px;

	top: 0px;

}



/* End Menu */



.content {margin-top: 20px;}	



#homecontent{}

#homecontent h2{margin: 0px;}



#homecontent .innercontainer{float: left;width: 420px;}

#homecontent .slideshow{float: left;width: 410px;margin: 15px 0 15px 0;}



#homecontent .welcome{

	float: left;

	width: 420px;

	margin: 0 0 0 40px;

}



#homecontent .newitems{

	float: left;

	width: 210px;

}



#homecontent .welcome p{

	line-height: 20px;

	text-align: justify;

}

#homecontent .welcome h1{
	text-align: justify;
	font-family: "Times New Roman";
	font-size: 20px;
	margin: 0;
	font-weight: normal;
	margin-bottom: 30px;
}


#homecontent .new-products{

	float: right;

	width: 420px;

}



#homecontent .sales-products{

	float: right;

	width: 420px;

}







#content {

	float: right;

	width: 660px;

	margin: 0px;

	padding: 0 0;



	}



.title{
	margin: 0px;
	padding: 0px 0px 0px 5px;
	display: block;
}	



.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 h1, .post h2 {

	margin: 0px;

	padding: 0px;

	/*height:60px;*/

	background: transparent;

	text-align: left;

	font: 20px "Century gothic", Arial, sans-serif;

	font-weight:bold;

	}



.post h2 a, .post h2 a:link, .post h2 a:visited, .post h1 a, .post h1 a:link, .post h1 a:visited   {

	color: #E67817;

	}



.date {

	margin: 0 0;

	padding: 5px 0 5px 0px;

	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: #E67817;

}



.entry a:hover {

	color: #E67817;

	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:left;

	width:200px;

	font-size:11px;

	color: #ffffff;

	/*border-top: 1px solid #000;*/

	/*border-bottom: 1px solid #000;*/

	/*background-color:#242424;*/

}



#sidebar h2 {

	height:28px;

	line-height:28px;

	font-size:12px;

	color:#E67817;

	margin:0px 10px 0 10px ;

	/*background-color:#242424;*/

	text-transform: uppercase;

	border-top: 1px solid #555555;

	border-bottom: 1px solid #555555;

	}





#sidebar ul {

	list-style-type: none;

	margin: 0 ;

	padding: 0;

	/*background-color:#242424;*/

	}



#sidebar ul ul  {

	list-style-type: none;

	margin: 0 0 5px 0;

	/*background-color:#242424;*/

	}



#sidebar .children{

	margin-left:20px;

	font-weight: normal;

}
/*
#sidebar ul li ul li.current_page_item a, #menu a:hover, #menu h2 a {
	color: #fff;
	background-color: #E67817; 
	text-decoration: none;
}
*/

#sidebar ul ul li.current_page_item a{
	font-weight: bold;
}
#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: 0px;

	border:0;

	

	}

	

#sidebar ul li {

	height:100%;

	line-height:18px;

		

	}



#sidebar ul li a:link, #sidebar ul li a:visited {

	color: #fff;

	text-decoration: none;

	margin: 0 10px 0 10px;

	padding: 5px 0px 5px 15px;

	display:block;

	/*background:#242424;*/

	background-repeat:no-repeat;

	border-bottom: 1px dotted #555555;

	}



#sidebar ul li a:hover {

	background:#E67817;

	background-repeat:no-repeat;

	color:#fff;

	}



#sidebar p {

	padding: 7px 10px;

	margin:0;

	}



#sidebar table {

	width:100%;

	text-align:center;

	background-color:#1f1f1f;

	color:#A4DDEF;

	}	

#sidebar .current-cat{font-weight: bold;}
.page_item {margin:0;}
.page_item ul li{margin-left:10px;}

/* The Rightbar */



#rightbar{

	float:right;

	width:200px;

	font-size:11px;

	color: #fff;

	/*border-top: 1px solid #000;*/

	/*border-bottom: 1px solid #000;*/

	/*background-color:#242424;*/

}



#rightbar h2 {

	height:28px;

	line-height:28px;

	font-size:12px;

	color:#E67817;

	margin:0px 10px 0 10px ;

	/*background-color:#242424;*/

	text-transform: uppercase;

	border-top: 1px solid #555555;

	border-bottom: 1px solid #555555;

	}





#rightbar ul {

	list-style-type: none;

	margin: 0 ;

	padding: 0;

	/*background-color:#242424;*/

	}



#rightbar ul ul  {

	list-style-type: none;

	margin: 0 0 20px 0;

	/*background-color:#242424;*/

	}



#rightbar .children{

	margin-left:20px;

}



#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%;

	

	}



#rightbar ul li a:link, #rightbar ul li a:visited {

	color: #fff;

	text-decoration: none;

	margin: 0 10px 0 10px;

	padding: 5px 0px 5px 15px;

	display:block;

	/*background-color:#242424;*/

	border-bottom: 1px dotted #555555;

	}



#rightbar ul li a:hover {

	color:#E67817;

	text-decoration: underline;

	}



#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;

	background-repeat:no-repeat;

	color:#fff;

	font-size:10px;

	font-weight:normal;

	text-align:center;

	border-top:1px solid #555555;

	margin-top: 50px;

	}



#footer a {

	color:#E67817;

	}



#footer a:hover {

	color:#E67817;

	}



/* The Attachment */



.contentCenter {

	text-align:center;

	}



/* The Page Title */



h2.pagetitle, h1.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: 0px 10px 0 20px;

	padding:0px 0px 0px 0px;

	height: 100%;

	color:#fff;

}



#products .thumbnail-150 a{

	color: #E67817;

	text-decoration: none;

}



#products .thumbnail-150 a:hover{

	color: #E67817;

	text-decoration: underline;

}



#products .thumbnail-150{

	width: 165px;

	float: left;

	margin: 0 0 10px 20px;

}



#products .item-title{

	height: 30px;

}



#products .thumbnail-150 img{

	border: 1px solid #555555;

	padding: 1px;

	margin: 5px;

}



#products .thumbnail-150 img:hover{

	border: 1px solid #E67817;

	padding: 1px;

	margin: 5px;

}



#products .thumbnail-150 h2{

	text-align: center;

	font-size: 11px;

	margin: 5px 0 5px 0;

	font: 11px Verdana, Arial, sans-serif; /* Resets 1em to 10px */

}

/* 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;

}

.breadcrumb-page{

	margin: 10px;

	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: 310px;

	float: left;

	text-align: center;

}



.product-image img{

	padding: 1px;

	border: 1px solid #ccc;

}

.product-data{

	float: right;

	width: 300px;

}



.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;

}



#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;

}



#products .detail img{

	border: 1px solid #ccc;

	padding: 0;



}

#products .detail img:hover{

	border: 1px solid #ccc;

	padding: 0;



}

.buy{

	float: right;

	margin: 5px 6px 0 0;

	padding: 1px;



}





.buy input{

	margin: 0px;

}

.left{

	float: left;

}

.right{

	float: right;

}



/* global form style */

form.std {

	clear: both;

}

form.std h3 {

	color: #fff;

	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, textarea, select, span.editable {

	margin-left: 0.7em;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	vertical-align: top;

	outline: none;

}

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{

	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;

}



.ymstatus_ymstatus_widget {

	margin-top: 40px;

}

.widget_text{margin-top:20px;}

#page_menu{ float: right; margin: 0 0 0 20px; border-left: 1px dotted #000; width: 180px; padding: 0 0 0 5px; font-size:11px;}
#page_menu h2{font-size: 12px; font-weight: bold;}
#page_menu ul {margin-left:-10px; list-style: square;}
#page_menu ul li{}
/*

.navigation a{

	color: #000;

}*/
.enlarge{padding-top: 30px; color:#FFFF99; }
.page-thumbnail{min-width:200px;min-height:165px;margin:10px;float:left;text-align:center;}
.page-thumbnail h3{font-weight:normal;font-size:11px;}