/*--------dark background style-----*/
body
{
background:url(../images/bg2.jpg) no-repeat center top #2f0e09;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px auto auto auto;
color:#fff;
}
a{
text-decoration:underline;
color:#933932;
}
img{
border:none;
}
p{
text-align:justify;
line-height:15px;
padding:5px 0 5px 0;
font-size:11px;
margin:0px;
}
#main_container{
width:902px;
height:auto;
margin:auto;
padding:0px;
}
#header{
width:902px;
height:109px;
margin:auto;
background:url(../images/top_menu_bg.png) no-repeat center;behavior: url(iepngfix.htc);
}
.logo{
padding:15px 0 0 0;
float:left;
}

/*---------------- menu tab----------------------*/
#menu_tab{
width:470px;
float:left;
padding:0px;
}

ul.menu {
list-style-type:none; display:block; width:470px; 
 margin: auto; padding:65px 0 0 0; background:none;}

ul.menu li {
display:inline;
font-size:13px;
font-weight:bold;
line-height:28px;}

ul.menu li.divider {
display:block;
float:left;
width:1px;
height:31px;
padding:0px ;
margin:0px;
background:url(../images/divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#fff;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #933932;}

a.nav:hover {
color: #933932; text-decoration:none;}

/*-----------------search_tab----------------*/
.search_tab{
float:left;
width:200px;
padding:70px 0 0 0;
}
input.search{
width:150px;
height:20px;
border:none;
float:left;
background-color:#2f0e09;
color:#b48e9b;
padding:0 0 0 5px;
}
input.search_bt{
float:left;
padding:0 0 0 5px;
}
.left_sidebar{
width:180px;
float:left;
}
.submenu_pic{
padding:10px 0 0 28px;
}
/*--------------left menu----------------*/
#left_menu{
position:relative;
top:-10px;
left:-15px;
float:left;
}
#left_menu ul{
list-style-type:none; width: 177px;
margin:0; padding:0;}

#left_menu li {
display:block;}

#left_menu li a {
display:block;  padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;
text-decoration:none; background-color:#120403; color:#FFFFFF;border-bottom:1px #53281f solid;}
#left_menu li.selected a {
display:block;  padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;
text-decoration:none;background:url(../images/left_menu_bullet.gif) no-repeat left #2f0e09; color:#FFFFFF;border-bottom:1px #53281f solid; background-position:5px 8px;
}
#left_menu li a:hover {
display:block;  padding:0 0 0 25px; height:30px;text-align:left;
text-decoration:none; background:url(../images/left_menu_bullet.gif) no-repeat left #2f0e09; color:#FFFFFF;border-bottom:1px #53281f solid; background-position:5px 8px;
}

#left_menu li ul li a {
display:block;  padding:0 0 0 32px; height:30px;text-align:left; line-height:30px;
text-decoration:none; background-color:#361c1c; color:#FFFFFF;border-bottom:1px #53281f solid;}

#left_menu li.selected ul li a {
display:block;  padding:0 0 0 32px; height:30px;text-align:left; line-height:30px;
text-decoration:none; background-color:#361c1c; color:#FFFFFF;border-bottom:1px #53281f solid; background-image: none;}

#left_menu li ul li a:hover {
display:block;  padding:0 0 0 32px; height:30px;text-align:left;
text-decoration:none; background:url(../images/left_menu_bullet.gif) no-repeat left #2f0e09; color:#FFFFFF;border-bottom:1px #53281f solid; background-position:5px 8px;
}

/*----------------main_content----------------*/
#main_content{
width:902px;
clear:both;
background-color:#2f0e09;
height:auto;
margin:20px 0 0 0;
}

#center_content{
width:700px;
float:left;
height:auto;
padding:10px 0 30px 5px;
}
.title{
clear:both;
padding:5px 0 10px 0;
color:#FFFFFF;
}
.title a{
color:#933932;
text-decoration:underline;
}
.product_box{
width:320px;
height: 230px;
margin:auto;
float:left;
padding:8px;
margin:0 0 8px 8px;
border:1px #4d2226 solid;
}
.product_box_details_spek{
width:627px;
height: auto;
margin:auto;
float:left;
padding:15px;
margin:10px 0 0 8px;
border:1px #4d2226 solid;
}
.product_box_details{
width:670px;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 0 8px;
border:1px #4d2226 solid;
}
.product_box_form{
width:600px;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 0 8px;
}
.product_box_slide{
width:710px;
float:left;
margin-top:-5px;
border:1px #4d2226 solid;
}
.product_box_details_atas{
width:665px;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 10px 8px;
border:1px #4d2226 solid;
}
.product_box_details_atas_lagi{
width:auto;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 10px 8px;
border:1px #4d2226 solid;
}
img.prod_image{
float:left;
padding:0 10px 0 0;
}
.product_details{
float:left;
width:165px;
}
.product_details_wide_atas{
float:left;
width:550px;
}
.prod_title_atas{
color:#d4847f;
padding:0 10px 0 0;
font-size: 1.4em;
}
.product_details_wide{
float:left;
width:450px;
}
.product_details_wide_detail{
float:left;
width:auto;
}
.prod_title{
color:#d4847f;
padding:0 10px 0 0;
}
span.price{
font-size:1.3em;
font-weight:bold;
color:#a6f2a4;
}
p.price{
color:#d4847f;
}
a.details{
	display:block ;
padding:20px 0 0 0;
margin: 15px 0 0 0;
}
p.shop_by_brand{
width:400px;
float:left;
padding:0 10px 0 0;
line-height:17px;
}
p.gifts_details{
width:275px;
float:left;
padding:0 0 0 10px;
line-height:17px;
}
img.sp{
float:left;
padding:0 5px 0 5px;
}

img.gift{
float:left;
padding:1px;
margin:1px;
border:1px gray solid;
}

img.gift_recomended{
float:left;
padding:1px;
margin:3px;
border:1px gray solid;
}

img.atas{
float:left;
padding:1px;
margin:10px 10px 1px 10px;
border:1px gray solid;
}


/*---------------------pagination-----------------------------*/

div.pagination {
padding:5px;
margin:5px;
text-align:center;
float:left;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;

text-decoration: none; 
color: #d8325d;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #ddd;
color: #fff;
background-color: #d8325d;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
font-weight: bold;
background-color: #d8325d;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
color: #ccc;
}
/*------contact form------*/
#contact_form{
float:left;
width:300px;
padding:10px 10px 0 10px;
color:#fff;
}
.contact_input{
width:240px;
height:17px;
font-size:10px;
float:left;
background-color:#3F1015;
border:1px #6F222B solid;
color:#FFFFFF;
}
label.contact_form{
width:50px;
float:left;
padding:0 0 5px 0;
font-size:12px;
color:#FFFFFF;
}
.contact_textarea{
width:290px;
height:80px;
font-size:10px;
float:left;
color:#FFFFFF;
background-color:#3F1015;
border:1px #6F222B solid;
}
input.contact_submit{
float:right;
padding:10px;
}
.cleardiv {
clear:both;
overflow:hidden;
height:4px;
}
.clear{
clear:both;
}
/*----footer---------*/
#footer{
width:auto;
clear:both;
padding:15px 0 10px 0;
margin:20px 0 0 0;
height:60px;
border-top:1px #3a0f17 solid;
text-align:center;
color:#73363c;
}
.left_foter{
float:left;
padding:5px 0 0 10px;
}
.center_footer{
float:left;
padding:10px 0 0 160px;
}
#footer a{
color:#73363c;
text-decoration:none;
}

.alamat{
padding:10px 10px 0 10px;
}

.alamat ul {margin:0; padding:0; text-align:left;}

/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
	background-color:#CCCCCC;
}
fieldset p textarea {
	width:98%;
	background-color:#CCCCCC;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}

.welcome_block{
width:650px;
padding:20px 0 0 10px;
}

.title{
clear:both;
padding:0 0 10px 0;
margin:0 0 10px 0;
}
.i_divider{
width:1px;
height:67px;
float:left;
padding:0 15px 0 15px;
background:url(images/i_divider.gif) no-repeat center;
}

.products{
width:690px;
padding:20px 40px 0 10px;
}

.new_products{
width:710px;
padding:0 10px 30px 10px;
}
.prod_box{
float:left;
padding:10px 10px 10px 15px;
}

.store_details{
float:left;
width:320px;
padding:0 0 0 10px;
}
img.prod_img{
float:left;
padding:5px 10px 0 0;
}

/* pagination */

.pagi{
width:auto;
clear:both;
padding:5px 0 10px 270px;
margin:5px 0 0 0;
height:33px;
border-top:1px #3a0f17 solid;
border-bottom:1px #3a0f17 solid;
text-align:center;
color:#73363c;
}


#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:0px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}

a.link{
text-decoration:none; 
color:orange;
}
a:hover.link{
text-decoration:none; 
color:lime;
}