/******************* Hutbazar.com *******************/
/***** Copyright (c) 2007 Right IT Corporation ******/
/***** Developed by Web Developers *******/
/****************************************************/



/********** Page Body || Start **********/

body
{
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding: 0;
	font-size:11px;
}
#wrapper{
	margin: 0 auto;
	width: 950px;
	position: relative;
	border: 0px solid;
	
}

/********** Header || Start **********/
#header{
	width:950px;
	margin: 0 auto;
	background: #ffffff;
	height:95px;
}
#banner{
	width:468px;
	margin: 15px auto 0 auto;
	background: url('../images/banner_deshi.gif') no-repeat right center;
	height:60px;
	position: relative;
	float:right;
	border:0px solid;
}
#logo{
	width:270px;
	background: url('../images/logo_en.gif') no-repeat left center;
	height:95px;
	border:0px solid;
	position: relative;
	float:left;
}
#bookmark{
	margin: 20px auto 0 20px;
	height: 60px;
	border:0px solid;
	position: relative;
	float:left;
}
.bm{
	background: url('../images/02.gif') no-repeat left center;
	height:13px;
	padding-left:15px;
	color:#52514F;
	font: normal 10px verdana;
}
.bm a:link, .bm a:visited{text-decoration:none;color:#52514F;}
	.bm a:hover{text-decoration:underline;color:#52514F;}
#topbar{
	width:950px;
	height:30px;
	border-bottom:0px solid #aaaaaa;
}
#topbar-bg{
	background: url('../images/bg_navlink.gif') no-repeat left top;
	border:0px solid #aaaaaa;
	height:25px;
	padding-top:5px;
}
#searchbar{
	height:25px;
	background: #F5F4F0;
	border:1px solid #aaaaaa;
	position:relative;
	
}
#page{
	width:950px;
	margin: 0 auto;
	border:0px solid #ff9900;
	height:100%;
}
#main-part{
	position:relative;
	float:right;
	width:720px;
	border:0px solid #aaaaaa;
	
}
.show-msg{
	position:relative;
	float:right;
	background:#EEEAE7;
	width:720px;
	border: 1px solid #aaaaaa;
	color: #ff0000;
	padding: 3px 0 4px 2px;
}
.default{
	position:relative;
	float:right;
	width:720px;
	border: 1px solid #aaaaaa;
	color: #810306;
}
.box{
	position:relative;
	float:right;
	width:720px;
	border: 1px solid #aaaaaa;
	background:#EEEAE7;
}
.feat-item{
	position:relative;
	float:right;
	border: 1px solid #aaaaaa;
	background:#f5f5f5;
}
.box-general{
	width:720px;
	border: 1px solid #aaaaaa;
	color: #810306;
}
.feat-item-head{
	background: #8d7f69;
	height: 24px;
	padding: 4px 0 0 5px;
	color: #ffffff;
	font: normal 18px georgia;
}
#left-bar{
	position:relative;
	float:left;
	width:210px;
	border:0px solid #009945;
}
#left-menu{
	width:210px;
	border: 1px solid #aaaaaa;
	background:#EEEAE7;
}

.title-head{
	background: #DAD5D1;
	height: 22px;
	padding: 4px 0 0 5px;
	color: #111111;
	font-weight:bold;
	font-family: verdana;
}
.nav-link{
	font-family: verdana;
	font-size:12px;
	font-weight:bold;
	color: #810306;
	text-decoration: none;
	padding: 5px; 
}
	.nav-link a:link, .nav-link a:visited{
		font-family: verdana;
		font-size:12px;
		font-weight:bold;
		color: #810306;
		text-decoration: none;
	}
	.nav-link a:hover{
		font-family: verdana;
		font-size:12px;
		font-weight:bold;
		color: #810306;
		text-decoration: underline;
	}

.search-box{
	width:316px;
	padding:2px;
	border: 0px solid;
	position:relative;
	
}
.msg-box{
	background: url('../images/shade.gif') no-repeat left top;
	width:365px;
	padding:5px;
	border: 0px solid;
	position:relative;
	float:right;
	text-align:center;
	color:#810306;
}
.cart-box{
	background: url('../images/shade.gif') no-repeat left top;
	width:255px;
	padding:1px;
	border: 0px solid;
	position:relative;
	float:right;
}
.cart-info{
	background: url('../images/cart.gif') no-repeat 10px center;
	color: #810306;
	padding-left: 40px;
	padding-top: 3px;
	height:20px;
}
	.cart-info a:link, .cart-info a:visited{
		color: #810306;
		padding-top: 3px;
		height:20px;
		font-weight:bold;
		text-decoration: none;
	}
	.cart-info a:hover{
		color: #810306;
		padding-top: 3px;
		height:20px;
		font-weight:bold;
		text-decoration: underline;
	}
.curr_path{
	font: bold 11px verdana;color:#dd1111;
	text-decoration: none; 
}
	.curr_path a:link,.curr_path a:visited{
		font: normal 11px verdana;color:#dd1111;
		text-decoration: none; 
	}
	.curr_path a:hover{
		font: normal 11px verdana;color:#575757;
		text-decoration: underline; 
	}	
.image{border:0px solid #aaaaaa;width:106px;height:106px;}
.item-image{border:1px solid #aaaaaa;width:100px;height:100px;}
.item-detail-image{background: url('../images/products/<?=$r3->item_id?>.jpg') no-repeat center top;width:350px;height:450px;}	
.cats{
	background: url();
}
.cat{padding:3px 0px 0px 2px;color:#52514F;}
.cat ul{padding-left: 2px;margin: 1px 0 2px 0px;}
.cat li{list-style: none;text-decoration: none;margin-bottom: 3px;background: url('../images/arr_or.gif') no-repeat 2px 8px;line-height:14px;padding:3px 0 0 12px;}
	.cat a:link, .cat a:visited{text-decoration:none;color:#52514F;}
	.cat a:hover{text-decoration:underline;color:#52514F;}

.brand{padding:3px 0 0 2px;}
.brand ul{padding-left: 2px;margin: 1px 0 2px 0px;}
.brand li{list-style: none;text-decoration: none;margin-bottom: 3px;background: url('../images/arr_gr.gif') no-repeat 2px 8px;line-height:14px;padding:3px 0 0 12px;}
	.brand a:link, .brand a:visited{text-decoration:none;color:#52514F;}
	.brand a:hover{text-decoration:underline;color:#52514F;}
	
.menu-link{padding:3px 0 0 2px;}
.menu-link ul{padding-left: 2px;margin: 1px 0 2px 0px;}
.menu-link li{list-style: none;text-decoration: none;margin-bottom: 3px;background: url('../images/bullet_or.gif') no-repeat 2px 8px;line-height:14px;padding:3px 0 0 12px;}
	.menu-link a:link, .menu-link a:visited{text-decoration:none;color:#52514F;}
	.menu-link a:hover{text-decoration:underline;color:#52514F;}	

.list{padding:3px 2px 3px 2px;color:#52514F;font-family:verdana;font-size:11px;}
.list ul{padding-left: 2px;margin: 1px 0 2px 0px;}
.list li{list-style: none;text-decoration: none;margin-bottom: 3px;background: url('../images/arr_or.gif') no-repeat 2px 8px;line-height:14px;padding:3px 0 0 10px;}
	.list a:link, .list a:visited{text-decoration:none;color:#52514F;}
	.list a:hover{text-decoration:underline;color:#52514F;}

/******** Cart Details*************/
.item-head{font: 12px normal verdana;color: #565656; background:#e4dbc8}
.border{border: 1px solid #999999;border-collapse:collapse;}

/******** for Item **************/
.title{font: bold 12px verdana;color:#810306;}	
.label{font: normal 11px verdana;
	color: #810306;}
.text{
	border:1px solid #b4b4b4;
	width:150px;
	height:20px;
}
.small-text{
	border:1px solid #b4b4b4;
	width:30px;
	height:20px;
}
.long-text{
	border:1px solid #999999;
	width:250px;
	height:20px;
}
.textarea{
	font-family: verdana,arial;
	font-size: 8pt;
	color: #060606;
	border: 1px solid #999999;
	width: 250px;
	padding: 2px 0 0 3px;
}
select {
	
	font-size: 8pt;
	border: 1px solid #999999;
}
.btn-c{
	background: #6d1c1b;
	width:100px;
	height:20px;
	border: 0px;
	color: #ffffff;
}
.btn-edit{
	background: url('../images/btn_edit.gif') no-repeat center center;width:20px;height:20px;border:0px;cursor:pointer;
}
.btn-remove{
	background: url('../images/btn_remove.gif') no-repeat center center;width:15px;height:20px;border:0px;cursor:pointer;
}
.btn{
	background: url('../images/search.gif') no-repeat left center;
	width:80px;
	height:20px;
	border: 0px;
	cursor:pointer;
}
.req{color:#ff1111;font: normal 11px verdana;}
.price{font-size:11px;color: #cb0306;}
	.price a:link a:visited{font-size:11px;color: #cb0306;text-decoration:none;}
	.price a:hover{font-size:11px;color: #cb0306;text-decoration:underline;}

.item-name{
	color:#125909;font: bold 12px verdana;text-decoration:none;
}
.item-name a:link, .item-name a:visited{
	color:#125909;font: bold 12px verdana;text-decoration:none;
}
.item-name a:hover{
	color:#125909;font: bold 12px verdana;text-decoration:underline;
}
.details{color:#464646;line-height: 14px; font-size:11px;font-family:verdana;font-weight:normal;}
.details a:link, .details a:visited{color: #575757;text-decoration: none; font-size:10px;font-weight:normal;}
.details a:hover{color: #575757;text-decoration: underline; font-size:10px;font-weight:normal;}
/********** Page Footer || Start **********/
#footer
	{
	margin: 0 auto;
	width:950px;
	font-size: 11px;
	text-align: center;
	background: #eeeae7;
	border:0px solid #aaaaaa;
	clear: both;
	}
.footer-top{
	background: #dfdad6;
	color:#52514F;
	border:1px solid #aaaaaa;
	height:26px;
	padding-top:4px;
}

.footer-top a{
	color:#52514F;
	text-decoration:none;
}
.footer-top a:hover{
	color:#52514F;
	text-decoration:underline;
}

.footer-bottom{
	background: url('../images/footer_bottom.gif') no-repeat left bottom;
	height:18px;
	padding-top:2px;
	text-align:center;
}	
/********** Page Footer || End **********/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 2px;

 border: 1px solid #778;
 border-bottom: none;
 background: #eeeae7;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #900; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #dad5d1;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #f00;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/******************************************************************/


/********** Common **********/
/************ H **************/
h1	
	
	{
	margin: 0;
	font-size: 25px;
	font-weight: bold;
	color: #dd0000;
	}


h2	
	
	{
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	}




/************ form ********/

form
	{
	margin: 0;
	}

/************ Table ********/

table
	{
	border-collapse:collapse;
	font-size: 12px;
	}


/************ Trail ********/
.trail
	{
	font-size: 11px;
	}