/*
 * the left part of the website  
 */
#adscreateaccount{	
	position:relative;
	z-index:500;
}



/*=========================================================== Shop with Confidence Box */
.shop_confidence {
	border:1px solid #6E0E72;
	float:left;
	height:190px;
	margin:10px 0 0;
	text-align:center;
	width:178px;

}
.shop_confidence ul{
	border: 0;
	margin:0;
	padding:0;
}
.shop_confidence li{
	list-style-type:none;
}
.shop_confidence span {
	background:url(http://static.virtualvillage.com/www/backgrounds/bg0008.png) 0 0 repeat-x;
	width:178px;
	line-height:30px;
	font-size:0.9em;
	color:#fff;
	font-weight:bold;
	float:left;
	clear:both;
}
.shop_confidence img {
	margin:10px 0 5px 0;
	clear:both;
}
.shop_confidence ul {
	width:150px;
	margin-left:25px;
	_margin-left:12px;
	font-size:12px;
	color:#333;
	font-weight:bold;
	text-align:left;
	float:left;
	_overflow:hidden;
}
.shop_confidence li {
	background:url(http://static.virtualvillage.com/www/left-menu/shop-confidence-checkbox.gif) 0 0 no-repeat;
	width:140px;
	float:left;
	padding-left:20px;
	height:23px;
}
.shop_confidence a {
	clear:both;
	color:#039;
	font-size:12px;
	display:block;
	text-decoration:underline;
	position:relative;
}
		/*=========================================================== left_wholesale_box  */
.left_wholesale_box {
	border:1px solid #CCCCCC;
	float:left;
	font-size:14px;
	height:100px;
	margin:10px 0;
	text-align:left;
	width:178px;
}
.left_wholesale_box img {
	text-align:left;
	padding:2px;
	clear:both;
	border:0;
}
.left_wholesale_box a.left_wholesale_box_text:link,a.left_wholesale_box_text:visited,a.left_wholesale_box_text:active {
	display:block;
	color:#f60;
	font-weight:bold;
	width:165px;
	height:16px;
	background:url(http://static.virtualvillage.com/www/left-menu/right-arrow-orange.gif) right center no-repeat;
	margin:5px 0 0 5px;
}
.left_wholesale_box a.left_wholesale_box_text:hover {
	display:block;
	color:#039;
	font-weight:bold;
	width:165px;
	height:16px;
	background:url(http://static.virtualvillage.com/www/left-menu/right-arrow-blue.gif) right center no-repeat;
	margin:5px 0 0 5px;
}





/*============================================================================================================= All category menu  on the left  = */

#categorylist hr{
	clear:both;
	visibility:visible;
	height:1px;
	margin-left:21px;
	margin-right:10px;
	margin-top:0px;
	width : 168px;
	padding:0;
	line-height:0.1em;
	border:1px red solid;
	position : relative;
}
#categorylist .screenlet-body{
	clear:both;
	margin-left:21px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	position : relative;
}
#nav {

	text-align:left;
	padding: 0;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	list-style: none;
	position:relative;
	width : 200px;
	z-index:200;
}


#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	width : 168px;
	margin-bottom:0px;
	margin-left:21px;
	border-top : 1px solid #bdbdbd;
	/*border-top :expression(    (this===this.parentNode.childNodes[0])   ?"none":"1px solid #bdbdbd" );*/
}
#nav li:first-child {
	border-top :none;
	margin-top:0;

}


#nav ul li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	width: 168px;
	border: 1px solid #bdbdbd !important;
	margin:0 0 -1px 0;
	padding:0;

}


#nav li ul { /* second-level lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 168px;
	position : absolute;
	left: -999em;
	margin-left : 11.05em;
	margin-top : -1.35em;
	z-index:600;
}

#nav li ul li ul { /* second-level lists */
	position : absolute;
	z-index:800;
}

#nav li ul li ul li ul { /* second-level lists */
	position : absolute;
	z-index:1000;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li a {
	background:#f0f0f0;
	display : block;
	color : #763384;
	font-weight : bold;
	text-decoration : none;
	background-color : white;
	font-size:0.8em;
	padding :0 3px 3px 10px;
	margin:0;

}

#nav li  li a {
	padding :0 3px 3px 10px;

}

#nav li a:hover {
	color : white;
	background-color : #763384;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul ul ul,
#nav li.sfhover ul ul ul ul ul  {
	left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: -33px;

}

#content {
	margin-left : 12em;
}






/* ============================================================================================================================================list of categories ======= */

#listofcat {
	position:relative;
	width:570px;

}
#listofcat ul {
	width:550px;
	margin-left:10px;
	list-style:none;
	margin:0;
	padding:0;
}

#listofcat ul li {
	float:left;
	width:270px;
	margin:1px;
	font-size:0.8em;
	color:#666;
}
#listofcat li a{
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	color:#f60;
	display:block;
	padding:5px;
	height:102px;
}
#listofcat li a:hover{
	background:#E3D6E8;
	text-decoration:none;
	color:#606;
}

#listofcat  li a img {
	width:100px;
	height:100px;
	float:left;
	border:0;
	margin-right:5px;
	border:1px solid #E3D6E8;
}



	/*  ------------ second and so on level ---------------------------------------------------------------------------------------------------------*/

.vertical ul li ul{
	position: absolute;
	left: 165px;
	top: 0px;
	margin:0;
	border-color:-moz-use-text-color #FF3400 #FF3400;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	z-index:10000;
	padding:0;
	width:218px;
}
.vertical ul ul li a{

	background-color:#ffffff;
	border-top:1px solid #ccc;
	color:#003399;
	cursor:pointer;
	display:block;
	font-size:12px;
	padding:5px 6px 6px;
	text-align:left;
	text-decoration:none;
	width:206px;
}
.vertical ul li li {
	position: relative;
}


.vertical ul ul a {
	background:#ffffff;
	color:#003399;
	font-weight:normal;
	border-top:1px solid #FF3400;
	z-index:1000;
	position:relative;
}
.vertical ul ul li:first-child>a{

}
.vertical ul ul a:hover{
	color:#fff;
	background:#FF5A00 url(/images/menubg.png) repeat-x scroll left top;

}



.vertical.left ul ul ul,
.vertical .left ul{
	left: 140px;
}

/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
.mlmenu li ul{
	display: none;
}
.mlmenu li:hover>ul{
	display: block;
	z-index:1000;
}
/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
.accessible li ul{
	display: block;
}
/*Code to show an element has a child
.mlmenu.plus li a:first-child:not(:last-child):after{
	content: '>';
}
*/
/*---------------------------------------------- ----- ------*/
.plusa {
	display:block;
	position:absolute;
	top:7px;
	right:5px;
}
.plus a span{
	padding-left: .5em;
}
.noshow{
	visibility: hidden;
}




/* ======================================================*/
/* =========== left main menu - departement =============*/
/* ======================================================*/


		/* -----------------------------------------this is the css for the vertical version*/
		.vertical ul{
			border:1px solid #6E0E72;
			list-style-type:none;
			margin:0 8px 0 15px;
			padding:0;
			position:relative;
			width:178px;
		}
		li .pixelfix a{
			position: relative;
			border-top:0px;
		}
		.vertical li{
			position: relative;
		}
		.vertical li:first-child>a{
			border-top:	1px solid #600;
		}
		.vertical li ul li:first-child>a{
			border-top:1px solid #FF3400;
		}
		.vertical li .first{
			margin-top:0;
		}

		.vertical li a{

			background-color:#ffffff;
			border-top:1px solid #ccc;
			color:#003399;
			cursor:pointer;
			display:block;
			font-size:12px;
			font-weight:bold;
			padding:5px 6px 6px;
			text-align:left;
			text-decoration:none;
			width: 166px;
		}

		.vertical li a:hover,
		.vertical li a.first:hover,
		.vertical .trail a.hover{
			color:#fff;
			display:block;
			border-top:1px solid #FF3400;
			background:#FF5A00 url(/images/menubg.png) repeat-x scroll left top;
			text-decoration:none;


		}

		.vertical li:first-child>a:hover{
		}

		
		
		
		
		/*
 * left part of the website 
 */



 
/*--------------------the new version of the departement menu  ----------------------------*/
#all_departement{
	background-position:center top;
	background-repeat:no-repeat;
	border:1px solid #6E0E72;
	clear:both;
	height:auto !important;
	margin:0px 0 0px 15px;
	padding:0;
	position:relative;
	width:178px;
}
#this_departement{
	background-position:center top;
	background-repeat:no-repeat;
	border:1px solid #FF3400;
	clear:both;
	height:auto !important;
	margin:10px 0;
	padding:0;
	position:relative;
	width:178px;
}
#all_departement .screenlet-header{
	background:#853596 url(http://static.virtualvillage.com/www/backgrounds/bg0008.png) repeat-x scroll 0 100%;
	margin:0;
	padding:0px;
	height:30px;
}
#all_departement a {
	cursor:pointer;
	text-decoration:underline;
}
#this_departement .screenlet-header {
	font-size:14px;
	text-decoration:underline;
	font-weight:bold;
}
.whitearrow {
	padding:12px 8px 0px 3px;
}
#this_cat {
	background:#FD9500 url(http://static.virtualvillage.com/www/backgrounds/bg0001.jpg) repeat-x scroll left bottom;
	margin:0;
	overflow-y:auto;
	width:178px;
}
.a_this_cat{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0px;
	text-decoration:underline;
}
.catagoryleft {
	float:left;
	font-size:1em;
	padding:7px 0px 0px 8px;
	text-transform:capitalize;

}
.catagoryleftorange {
	float:left;
	font-size:0.85em;
	padding:5px 0 7px 8px;
	width:148px;

}
.catagoryright {
	float:right;
}







#this_departement ul{
	list-style:none;
	margin:0;
	padding:0;
}




#this_departement li{
	margin:0;
	padding:0;
}
#this_departement .here {
	padding-bottom:5px;
}
#this_departement .underunder{
	
}


#this_departement .yoyo a{
	background:none repeat scroll 0 0 #FFFFFF;
	border-color:#CCCCCC;
	border-right:0 none;
	border-style:solid none none;
	border-width:1px 0 0;
	color:#003399;
	display:block;
	font-size:12px;
	
	margin:0;
	padding:3px 0 0 22px;
	text-decoration:none;
}
#this_departement .here a{
	background:url("http://static.virtualvillage.com/www/miscellaneous/arrow0009.png") no-repeat scroll 7px 7px transparent;
	
}
#this_departement .underunder a{
	border:medium none;
	padding:2px 0 2px 27px;
}



#this_departement a:hover {
	color:#ffffff;
}

#this_departement .cata_parent {
	color:#000000;
	font-weight:bold;
}



#this_departement ul li a.first{
	border-top:0px;
}
#this_departement ul li a:hover{
		color:red;
}


.quantity_par_cat{
	color:#999999;
	font-size:0.8em;
}		
#this_departement ul.category_four li a {
	color:#F63;
	font-size:11px;
}

/*------------start new index left category-------------------------------*/
#inedxmenu{
	background-position:center top;
	background-repeat:no-repeat;
	border:1px solid #6E0E72;
	clear:both;
	height:auto !important;
	margin:0 0 10px 15px;
	padding:0;
	position:relative;
	width:178px;
}