/* ----------------------------------------------
	Template Name : Colourise
	Template Code : S-0022
	Version : 1.0   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/       
	Last Date Modified :Octover 14, 2009
	Modified  By : Seventhsite
	Modified URI : http://www.seventhsite.com
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
*{margin:0px;padding:0px;}
img{margin:0px; padding:0px;}
.clearfloat, .clearthis{clear:both;	font-size:0px;}
body {
	font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #5B5B5B; 	
	margin: 0; 	padding: 0; 
	background: #070707 url(images/bg.jpg) no-repeat center top;
	text-align: center;
}

/* Links */
a, a:active, a:link {
text-decoration: none;
color: #006193;		
}
a:hover {
color:#ffffff;
/*border-bottom: 1px dotted #438800;*/
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #ABABAB;
}
h1 {
	font-size: 2.5em;	
	font-weight: normal;
	letter-spacing: -2px;
	padding: 15px 10px 5px 0px;	
	color: #CD9857;
}
h2 {
	font-size: 2em;
	color: #CD9857;
	padding: 20px 10px 5px 0px;	
}
h3 {
	font-size: 1.7em;	
	font-weight: normal;
	/*padding: 20px 10px 5px 10px;	*/
}

p, dl { padding: 5px; margin: 0; }

ul, ol {
	margin: 5px 10px;
	padding: 0 6px;
}
ul { list-style: none; }

dt {
  font-weight: bold;
  color: #fff;
}
dd {
  padding-left: 25px; 
}

/* images */
img {
	border:none;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ;
  	/* white-space: pre; */
  	background: #111;  
}
acronym {
  	cursor: help;
  	border-bottom: 1px dotted #5B5B5B;
}

/* start - table */
/*table {
	margin: 15px 10px; 
	border-collapse: collapse;			
}
th {
	background: #000;
	color: #fff;
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #211E20;
	border-right: 1px solid #211E20;
	border-bottom: 1px solid #211E20; 
	border-top: 1px solid #48780E;
}
tr {
	color: #5b5b5b;
	height: 34px;	
}
td {
	padding-left: 2px;
	padding-right: 2px;
	border: 0px solid #111;	
}*/
/* end - table */

/* form elements */
form {
	/*margin: 10px 5px; padding: 2px 5px 10px 5px;
	border: 1px solid #111; 
	background: #070707; 	*/
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #fff;
}
input, textarea {
	padding: 5px 4px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #0C0C0C;  
	border: 1px solid #1C1C1C;
}
select{
font: normal 1em Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #0C0C0C;  
	border: 1px solid #1C1C1C;
}
textarea {
	width: 400px;
	height: 100px;
	display: block;	
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #48780E;
	background: #000;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #1c1c1c;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 20px 0 15px 8px;	
	width: 270px;	
}
.searchform p { margin: 0; padding: 0 0 10px 0; }
.searchform input.textbox { 
	width: 185px;
	height: 18px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#wrap {
	position: relative;
	width: 900px;	
	margin: 0 auto;
	text-align: left;		
}
#content-wrap {
	position: relative;
	clear: both;
	width: 900px;	
	padding: 0; 		
	margin-left: 5px;	
	background: transparent;
	float: left;	
	display: inline;	
}
#header {
	position: relative;
	width: 900px;	
	height: 330px;	
	margin: 0; padding: 0;		
	background: transparent;
}

/* header search */
#header form#quick-search {
	position: absolute;
	top: 80px; right: 0;
	padding: 0; margin: 0;
	border: none;
	width: 262px; height: 30px;
	background: url(images/header-search.jpg) no-repeat;	
	z-index: 999999;
}
#header form#quick-search p {
	margin: 0; padding: 0;		
}
#header form#quick-search .tbox {
	margin: 2px 0 0 5px; 
	width: 210px;
	background: none;
	border: none;
}
#header form#quick-search label,
#header form#quick-search .btn {
	display: none;	
}
/*----- Kop Panel */
#topPan{width:840px; height:200px; position:relative; margin:0 auto; top:120px; font:14px/18px Arial, Helvetica, sans-serif; }
#kop {
  background:url(images/header.jpg) no-repeat;background-position:left top;
  height: 200px;
}
* html #kop {
  background:url(images/header.jpg) no-repeat;
  height: 200px;
}
#logo {
  position: absolute;
  top: 20px;
  left: 420px;
  width: 320px;
  color: #F2F0DC;
}
#logo h1, #logo h1 a, #logo h1 a:hover  {
    font: normal 48px Georgia, 'Times New Roman', Times, serif;
	letter-spacing: -1.5px;padding:0px;
	color: #fff;
	text-decoration: none;
	border:none;
}
#logo p {
  margin: 0;
  font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	text-transform: none;
	color: #cd9857;
	padding:0px;
}
#scroll-text {
 text-align: left;font-size:12px;position:relative;width:720px;color:#cd9857;
font-family:Georgia, "Times New Roman", Times, serif;
left:2px; top:70px;
}
#scroll-text h4{
	font-size:18px;
	color:#cd9857;
}

#scroll-text p{
	margin:0;padding:0;
}
/*----- Kop Panel */
/*----/Cart Panel----*/
#cartPan{width:185px; background:url(images/cart.gif) no-repeat; position:absolute; top:120px; left:680px; background-position:0px 12px;text-align:left;font-family:"Trebuchet MS", arial, sans-serif;  line-height:12px;}
#cartPan p{ margin-left:52px;font-size:10px; color:#ffba0c;}
#cartPan p.cart-header{color:#FFFFFF; font-size:12px; font-weight:bold;}
#cartPan p a{color:#FFFFFF;}
#cartPan p a:hover{color:#ffba0c;border:none;}
#cartPanKosong{ 
font:18px/36px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#666666;margin:12px;
}
#cartPanKosong a{
color:#CC0000;
text-decoration:none;
} 
#cartPanKosong a:hover{
color:#CC0000;
text-decoration:underline;
} 
/*----/Cart Panel----*/
/*  Navigation  */
#nav {
	position: absolute;
	margin: 0; padding: 0;		
	height: 40px;
	width: 900px;	
	left: 0;	top: 35px;	
	border-bottom: 1px solid #1A1A1A;
}
#nav ul {
	float: left;
	list-style: none;
	width: 880px;		
	height: 40px;
	margin: 0 0 0 5px; padding: 0;	
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	float: left;
	margin: 0;	padding: 0 8px;
	font: bold 15px/35px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;	
	color: #5c9a12;	
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #eee;
	background: none;
	border: none;
}
#nav ul li#current a {	
	color: #0077B5;	
}

#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 72px Georgia, 'Times New Roman', Times, serif;
	letter-spacing: -1.5px;
	color: #fff;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 140px; left: 10px;	
}
#header h1#logo-text a:hover {
	background: none;	border: none;
}
#header p#intro {
	position: absolute;
	margin: 0; padding: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	text-transform: none;
	color: #cd9857;
	width: 400px;
	
	/* change the values of top and left to adjust the position */
	top: 245px; left: 15px;		
}
.post-time-panel {
background-attachment:scroll;
background-image:url('images/clock-icon.jpg');
background-repeat:no-repeat;
background-position:0px -2px;
line-height:12px;
margin-left:3px;
margin-top:3px;
padding:0px 0 2px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px;color:#5D5B46;
}

.post-time-panel span {
margin-left:20px;
}
/* Main Column */
#main {
	width: 670px;
	text-align: left;
	float: left;
}
#main .h_divider {
	margin:6px 0px;
	height: 1px;
	background:transparent url(images/footer-top.jpg) no-repeat scroll 0 0;
	overflow: hidden;}
*html #main {
	float: left;
	width: 620px;
	padding: 0; margin: 0;
	display: inline;		
}
#main h2 {
	padding-bottom: 3px;
	font: normal 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;	
	color: #CD9857; 
	letter-spacing: -2px;	
	text-transform: none;	
}
#main h2 a {
	color: #fff;
	text-decoration: none;		
	border: none;	
}
#main h2 a:hover {
	color: #fff;
	text-decoration: none;		
	border: none;	
}
#main h3 a {
	font-size:14px;
	color: #ffffff;
	text-decoration: none;		
	border: none;	
}
#main h3 a:hover {
	font-size:14px;
	color:#999999;
	text-decoration: none;		
	border: none;	
}
#main ul li {
	list-style-image: url(images/bullet.gif);
}

/* Sidebar */	
#support_panel,#member_panel, #calculator_panel, #ad_panel, #news_panel, #testimonial_panel, #search_panel, #search-panel{
 margin :0px 2px;
}

#sidebar {
	float: right;
	width: 210px;
	text-align:left;
}	
#sidebar a,{
text-decoration: none;
color: #006193;		
}
#sidebar a:hover {
color: #ffffff;
border-bottom:1px dotted #448800;
}
#sidebar h3 {
	margin-top: 8px;
	padding: 12px 2px 7px 2px; 
	font: normal 1.6em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
	/*background: url(images/footer-top.jpg) no-repeat center bottom;*/
	color: #fefefe;
}
#sidebar h3 a {
	text-decoration:none;
	color:#FFFFFF;
}
#sidebar h3 a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 5px 8px 0px; padding: 0;				
}
#sidebar ul.sidemenu li {
	list-style: none;
	padding: 8px 10px;
	margin: 0;		
	border-bottom: 1px solid #111;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	border: none;
	color: #5d5d5d; 	
		
	font-weight: bold;		
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 14px;	
	/* letter-spacing: .5px;  */
}
#sidebar ul.sidemenu li a span {
	color: #444;	
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;	
	font-size: 11px;
}
#sidebar ul.sidemenu li a:hover,
#sidebar ul.sidemenu li a:hover span {	
	color: #fff;	
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }
.sidebar_header {
	margin-top: 8px;
	padding: 12px 2px 7px 2px; 
	font: normal 1.6em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
	background: url(images/footer-top.jpg) no-repeat center bottom;
	color: #fefefe;
}
.sidebar_panel {
	margin-bottom: 2px;
	margin-left:3px;
	padding: 2px 5px 5px 5px;
	/*border:1px solid #CDCAA3;
	background-color:#FEFDF0;*/
}

#sidebar .side_small_p a {
color: #006193;
text-decoration:none;
}
#sidebar .side_small_p a:hover {
color: #ffffff;
border-bottom:1px dotted #448800;
}
/* footer */
#footer-wrap {
	position: relative;
	clear: both;
	padding: 1em 0 2.5em 0;
	margin-top: 30px;
	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;	
	background: #070707 url(images/footer-top.jpg) no-repeat center top;
	color: #555;
	width: 900px;
	float: left;	
	display: inline;
	border-bottom: 50px solid #070707;		
}
#footer-wrap h3 {
	font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif;
	color: #ABABAB;	
}
#footer-content {	
	margin: 0 auto;		
	width: 880px;
	text-align: left;		
}
#footer-content ul.navigation-menu{width:auto; height:20px; position:relative; margin:0px auto; padding-top:12px;}
#footer-content ul.navigation-menu li{display:inline;margin:0px;}
#footer-content ul.navigation-menu li a{padding:0 10px 0; color:#fff;text-decoration:none; font-size:12px; border:none;}
#footer-content ul.navigation-menu li a:hover{text-decoration:overline; border:none;}
#footer-content p.copyright{width:220px; position:relative; margin:0 auto; color:#F50404;  font-size:11px;}
#footer-content #listContainer{text-align:center;}
#footer-content #authorCopyright{font-size:10px;text-align:center;margin-top:12px; }
#footer-content #authorCopyright a{color:#ffffff; text-decoration:none; padding:0px; font-size:10px;}
#footer-content #authorCopyright a:hover{text-decoration:underline;}
/* display and additional classes */
.clearer { clear: both; }

.clear {
	display:inline-block;
}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
/* Beginning of product panel */
.sideInput{
	font-size:11px;
	width:110px;
	border:1px solid #1c1c1c;
}

#sidebar .side_small_p {
background-color:#111111 ;
font-size:11px;
margin-bottom:2px;
margin-top:2px;
padding:5px;
color: #FFFFFF;
line-height:14px;
}
input.largebtn{
font: bold 12px Arial, Sans-serif; 
height: 30px;
margin: 0;
padding: 2px 3px; 
color: #48780E;
background: #000;
border-width: 1px;
border-style: solid;
border-color: #1c1c1c;
cursor:pointer;
}
input.largebtn_210{
font: bold 12px Arial, Sans-serif; 
height: 30px;
margin: 0;
padding: 2px 3px; 
color: #48780E;
background: #000;
border-width: 1px;
border-style: solid;
border-color: #1c1c1c;
cursor:pointer;
}

* html body input.largebtn_210{
background-image:none;
background-color:#d71e1e;
border:3px double #a01616;
width:auto;
padding:0px 5px;
height:23px;
line-height:13px;
}


input.cart-btn{
font: bold 12px Arial, Sans-serif; 
height: 30px;
cursor:pointer;
padding: 2px 3px; 
color: #48780E;
background: #000;
border-width: 1px;
border-style: solid;
border-color: #1c1c1c;
}



#imagePanel{
	float:left;
	width:300px;
}

#imageShow{
	width:290px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	padding:5px;
	margin-bottom:8px;
	height:290px;
	overflow:hidden;
}

#imageShow img {
	display : block;
	margin-left:auto;
	margin-right:auto;
}

#imageSelector{
	text-align:center;
	width:290px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
	margin-bottom:4px;
}

#imageSelector img, #ad_panel img{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:1px;
}

#imageSelector img{
	margin:1px;
}

.resize {
width: auto;
height : 290px;
}
.thumbresize {
width: auto;
height : 75px;
}
#ad_panel img {
margin-bottom:2px;
margin-top:2px;
background-color:#FFFFFF;
border:1px solid #FFFFFF;
padding:1px;
}

.product-list{
	width:290px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:8px;
	padding:5px;
	background-color:#111111;
	float:left;
	height:150px;
}

.product-list p{
	margin:0px 0px 2px 0px;
}
#product-description-panel{
	float:left;
	width:305px;
	margin-left:12px;
}
#product-description-panel ul{
list-style-type:circle;
}
.product-thumbnail{
	float:left;
	width:100px;
	background-color:#FFFFFF;
	text-align:center;
}
.product-panel{
	margin-left:5px;
	float:left;
	width:185px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; line-height:14px;
}

.product-panel p {margin:0px;padding:0px;}

.product-panel h3{
	color: #6b6252;
	margin-bottom:5px;
}

/* End of product panel */

/*-------------------------- Drop Drown Menu */
.dropdown{
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
	color:#FFFFFF;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:3px 7px;
	width:180px; 
	font-family:'Trebuchet MS',Tahoma,Helvetica,Arial,Sans-serif;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #111111;
	/*color:#5D5B46; cursor:pointer; 
	background-color:#FEFDF0;*/
}

/*.dropdown li:hover{
	background:url(images/header_over.gif);
}*/

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
#categories .dropdown a{
	text-decoration:none;
	color:#5D5D5D;
	margin-left:16px;
}
#categories .dropdown a:hover{
	text-decoration:none;
	color:#ffffff;
	border:none;
}
/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	margin-left:-390px;
	margin-bottom:-1px;
	border:1px solid #111111;
	background-color:#070707;
	
}
/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	background-image:url('images/bullet-right.gif');
	background-position:5px 7px;
	background-repeat:no-repeat;
}
/*.dropdown li.submenu:hover{
	background:url('../admin/images/header_over.gif');
	width:170px;
}*/

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
/*.dropdown ul li.submenu{
	width:150px;
} */
/*------------ Drop Down Menu */
.error_red {
background-color:#BE7676;
border:1px solid #994747;
color:#FFFFFF;
font-weight:bold;
padding:10px;
}

.small_red {
color:#FF3737;
font-weight:bold;
}
#sitemap ul{
list-style-type:circle;
color:#ffffff;
}
#sitemap li, #link-panel li{
	list-style-type:circle;
	color:#ffffff;
}
#sitemap li{
	margin-left:24px;
}
#link-panel li{
	margin-left :24px;
}
#sitemap a{
	text-decoration:none;
}

.defclr, .red{
	color:#DF4627;
	font-size:11px;
	font-weight:bold;
}
/*------------ Drop Down Menu */
.error_red {
background-color:#BE7676;
border:1px solid #994747;
color:#FFFFFF;
font-weight:bold;
padding:10px;
}

.small_red {
color:#FF3737;
font-weight:bold;
}
#sitemap ul{
list-style-type:circle;
}
#sitemap li, #link-panel li{
	list-style-type:circle;
	color:#006193;
}
#sitemap li{
	margin-left:24px;
}
#link-panel li{
	margin-left :24px;
}
#sitemap a{
	text-decoration:none;
}

.defclr, .red{
	color:#DF4627;
	font-size:11px;
	font-weight:bold;
}
table.page_navi td{
	background-color:#111111;
	border:1px solid #1C1C1C;
	padding: 2px 6px 2px 6px;
	color: #ffffff;
	font-family:Verdana,arial;
	font-size:11px;
}


table.page_navi td.alt0 {
	background: #111111;
	color: #006193;
}

table.page_navi td.alt1 {
	background: #ffffff;
	color: #006193;
}

table.page_navi td.alt0 a{
	color: #ffffff;
	text-decoration:none;
}

table.page_navi td.alt0 a:hover{
	text-decoration:underline;
	color:#006193;
}
table#account {
border-style:solid none;
margin-top:10px;
margin-bottom:10px;
}

table#account th {
background: #111111;
color: #fff;
height: 38px;
text-align:center;
margin:5px;
font-size:12px;
padding:5px;

}
table#account td {
border: 1px solid #111111;	
margin-top:5px;
padding:5px;
/*background-color:#FFFFFF;*/
}
table#account td a  {
text-decoration: none;
color: #006193;	
}
table#account td a:hover  { 
color: #ffffff;
border-bottom:1px dotted #448800;
}

table#account tr {
color: #5b5b5b;
height: 34px;
}
table#account td.alt {
background-color:#f6f6f6;
}
div#page-navi-1{
	margin:6px 0px;
}

div#page-navi-2{
	margin:6px 0px;
}

#collection table.f-table a:hover{color:#006193;text-decoration:underline;}

table.f-table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 3px 3px 3px 6px;
	background: #FEFDF0 no-repeat;
	border:1px solid #CDCAA3;
	margin-bottom:12px;
	margin-top:6px;
}

table.f-table td {
	padding: 3px 3px 3px 6px;
}

.confirm{background-color:#8ed28e; border:1px solid #336533; background-image:url(images/confirm_ok.jpg); background-repeat:no-repeat; color: #336533; padding:10px 5px 10px 48px;}
.error_red{background-color:#d28e8e; border:1px solid #6f2929; background-image:url(images/confirm_error.jpg); background-repeat:no-repeat; color: #6f2929; padding:10px 5px 10px 48px; }

#category-crump{
	background-color:#111111;
	color:#006193;
	font-family:Trebuchet,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px;
	border:1px solid #1C1C1C;
}
#category-crump a{
color:#006193;
text-decoration:none;
}
#category-crump a:hover{
color:#ffffff;
text-decoration:underline;
}