/*---------------------------------------body frame css start --------------------------*/
body{
	margin:0px auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a1a1a;
}
.header-bg{
	background-image:url(../images/header-bg.jpg);
	background-repeat:repeat-x;
	background-position:center top;

}
#container{
	width:1003px;
	margin:0px auto;
}
#main-area{
	background-color:#FFFFFF;
}
#left-panel{
	width:178px;
	float:left;
	
}
#right-panel{
	float:left;
	width:175px;


}
#mid-panel{
	width:618px;
	float:left;
	padding-left:12px;
	padding-right:12px;
	line-height:17px;
}
#footer{
	background-image:url(../images/header-bg2.jpg);
	height:23px;
	background-repeat:repeat-x;
	padding-top:16px; 
	color:#ffffff
}

/*---------------------------------------body frame css end --------------------------*/





/*---------------------------------------text css start ------------------------------*/
.twelve-white-bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none
}
a.twelve-white-bold:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bab0dc;
	font-weight:bold;
	text-decoration:none
}
.white-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.twelve-pink-bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d74ca9;
	font-weight:bold;
	text-decoration:none
}
.purple-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4C328F;
}
a.purple-text:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4C328F;
	text-decoration:none
}
.purple-text-bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4C328F;
	font-weight:bold;
}
a.purple-text-bold:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4C328F;
	font-weight:bold;
	text-decoration:none
}
.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a1a1a;
}

.text-bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a1a1a;
	font-weight:bold;
}
.red-fifteen-bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#d70c00;
	font-weight:bold;
	text-decoration:none
}
.purple-fifteen-bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#4C328F;
	font-weight:bold;
	text-decoration:none
}
a.purple-fifteen-bold:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#8E88B4;
	font-weight:bold;
}
/*---------------------------------------text css end ----------------------------------*/







/*---------------------------------------input/form css start ----------------------------------*/
.search-box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a1a1a;
	border:1px solid #FFFFFF;
	padding:0px;
}
.box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a1a1a;
	border:1px solid #c1bcdf
}
/*---------------------------------------input/form css end ----------------------------------*/








/*---------------------------------------tag css start --------------------------------------*/
a img{
	border:none
}
p{
	padding:0px;
	margin:0px;
	margin-bottom:16px;
}
#mid-panel ul{
 padding:0px;
 margin:0px;
 padding-left:25px;
 padding-top:5px;
}
li{
	margin-bottom:3px;
}
/*---------------------------------------tag css end --------------------------------------*/
#login-box{
	width:175px;
	/*padding:0px 15px 0px 10px;*/
	overflow:hidden;
}
.item-divider{
	background-image:url(../images/basket-item-divider.gif);
	background-repeat:repeat-x;
	background-position: left center;
}




/*---------------------------------------card thumbs & catergory css start --------------------------------------*/
.card-thumb{
	float:left; 
	display: block; 
	height: 238px!important; 
	width:170px; 
	padding:7px;
	overflow: hidden;
	background-image:url(../images/card-thumb-bg.gif); 
	background-repeat:no-repeat;
	cursor:pointer;
	background-position:0px 0px;
}
.card-thumb div{
	width:170px;
	border-collapse:collapse;
	display:block;
	float:left;
}
.card-thumb div div{
	width:170px;
}
.card-thumb-small{
	float:left; 
	display: table; 
	height: 142px; 
	width:102px; 
	#position: relative; 
	padding:9px;
	overflow: hidden; 
	background-image:url(../images/card-thumb-bg-small.gif); 
	background-repeat:no-repeat;
	cursor:pointer;
}
.card-thumb-small div{
	#position: absolute; 
	#top: 50%; left:50%; 
	display: table-cell; 
	vertical-align: middle; 
	width:102px;
}
.card-thumb-small div div{
	#position: relative; 
	#top: -50%; 
	left:-50%; 
	width:102px;

}

.category-box{
	float:left; 
	display: table; 
	height: 83px; 
	width:155px; 
	/*#position: relative; */
	overflow: hidden; 
	background-image:url(images/category-purple.jpg); 
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4C328F;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	padding:14px
}
.category-box div{
	position:relative;
	_position:relative;
	display: table-cell;
	vertical-align: middle;
	#top:50%;
	#left:50%;
	_top:80%;
	_left:50%;
}
.category-box div div{
	#position: relative; 
	#top: -50%; 
	left:-50%; 
	width:155px;

}

/*---------------------------------------card thumbs & catergory css end --------------------------------------*/












/*---------------------------------------left menu css start --------------------------------------*/



/*------level-one----------*/
.level-one{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7767b2;
	font-weight:bold;
	margin:0px;
/*	background-image: url(../images/level1.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;*/
	padding-left: 20px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:10px;
	display:block;
	text-decoration:none;
	line-height:21px;
	background-image:url(../images/btn-bg.jpg); 
	background-repeat:repeat-y; 
	background-position: left top;
}
a.level-one:hover{
	background-color:#d2cfe0;
	background-image: url(../images/level1.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
.level-one span{
	background-image:url(../images/plus.gif); 
	background-position:right bottom; 
	background-repeat:no-repeat;
	padding:0px; 
	margin:0px;
	display:block;
}
/*------level-one----------*/



/*------level-two----------*/
.level-two{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7767b2;
	font-weight:normal;
	margin:0px;
/*	background-image: url(../images/level2.gif);
	background-repeat: no-repeat;
	background-position: right 8px;*/
	padding-left: 20px;
	padding-top:0px;
	padding-bottom:1px;
	padding-right:5px;
	display:block;
	text-decoration:none;
	line-height:20px;
	background-image:url(../images/btn-bg2.jpg); 
	background-repeat:repeat-y; 
	background-position: left top;
}
a.level-two:hover{
	background-color:#d2cfe0;
	background-image:none;
}
.level-two span{
	background-image:url(../images/level2.gif); 
	background-position:right bottom; 
	background-repeat:no-repeat; 
	padding:0px; 
	margin:0px;
	display:block;
}
/*------level-two----------*/




/*------level-three----------*/

.level-three{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7767b2;
	font-weight:normal;
	margin:0px;
	background-image: url(../images/level3.gif);
	background-repeat: no-repeat;
	background-position: 21px 8px;
	padding-left: 30px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:10px;
	display:block;
	text-decoration:none;
	line-height:20px;
}
a.level-three:hover{
	background-color:#d2cfe0;
}
.level-three-active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7767b2;
	font-weight:normal;
	margin:0px;
	background-image: url(../images/level3.gif);
	background-repeat: no-repeat;
	background-position: 25px 8px;
	padding-left: 35px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:10px;
	display:block;
	text-decoration:none;
	line-height:20px;

}
/*---------------------------------------left menu css end --------------------------------------*/

.paging-active{
	color:#4C3391;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding:5px 3px 5px 3px;
	font-weight:bold;
	background-image: url(../images/page-active.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-align:center;
	width:16px;
}
a.paging-active:hover{
	color:#D74CA9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding:5px 3px 5px 3px;
	font-weight:bold;
	background-image: url(../images/page-active.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-align:center;
	width:16px;
}

.paging-deactive{
	color:#4C3391;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding:5px 3px 5px 3px;
	font-weight:bold;
	background-image: url(../images/page-active.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-align:center;
	width:16px;
}
.paging-cur-active{
	color:#D74CA9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding:5px 3px 5px 3px;
	font-weight:bold;
	background-image: url(../images/page-current.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-align:center;
	width:16px;
}


.red-text{
	font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#DC1F21;
}
#form-left{
	width:175px;
	float:left;
	padding-bottom:8px;
	font-weight:bold;
}
#form-right{
	width:200px;
	padding-bottom:8px;
	float:left;
}


#cart-titles{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:17px;
	font-weight:bold;
	float:left;
	
}
#cart-rows{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4C328F;
	line-height:17px;
	float:left;
	
}


/*****************************88updated 21/12/2009*************************/
.footer-links{background-image:url(../images/footer.gif); background-repeat:repeat-x; height:45px; background-position:bottom; margin:0 auto; font:normal; width:auto!important;}
.footer-links ul{ margin:0px auto; width:1020px; padding:0px; list-style:none; padding-top:20px; font-weight:normal;}
.footer-links li{ padding-left:10px; padding-right:10px; float:left}
.footer-links li a{ color:#ffffff; text-decoration:none;}
.footer-links li a:hover{text-decoration:underline;}