/* Block categories */

#categories_block_left ul li {
	vertical-align:bottom; /*ie5 & 7 fix to remove gaps*/
}

#categories_block_left ul {
	overflow: hidden; /*fix ie7 up and down drop bug, to make sure the list is shown! */
}


#categories_block_left  {
	width:220px;
	/*margin-left: 4px;*/
	/*margin-top:10px;*/
	margin-bottom:10px; /* gap between blocks */
}

#categories_block_left #category_header {
	background: url("../../../img/category_header.png") no-repeat 0 0 transparent;
	height:50px;
	padding:0px;
	margin:0px;
	border:0px solid;
}

#categories_block_left #category_content {
	/*background: url("../../../img/category_bg.png") repeat-y 0 0 transparent;*/
	padding-top: 0px;
	/*margin-left: 25px;*/
	/*padding-left: 25px;*/
	border:0px solid;
}

#categories_block_left #category_footer {
	display:none;
/*
	background: url("../../../img/category_footer.png") no-repeat 0 0 transparent;
	height:17px;
*/
}

/* Force reset of this block, as by default it has extra padding, margins and height in orginal prestashop template */
/* Not safe to just delete "div.block h4", in case other templates need it !!! */
#categories_block_left h4 {
	font: bold 14px/49px "Arial";
    color: #FFFFFF;
	text-transform:uppercase;
	/*text-align:center;*/
	padding-left:15px;	
	margin:0px;
	height:100%;
}
#categories_block_left h4 a {
	color: #ffffff;
	font: bold 21px/49px "Arial";
	text-transform: uppercase;
}


#categories_block_left .tree {
	/*
	background: url("../../../img/category_header_notch.png") no-repeat scroll 0 0 transparent;
	padding-left:10px;
	*/
}

#categories_block_left .tree ul {
	padding: 0px; /*leave*/
	overflow: hidden; /*fix ie7 up and down drop bug, to make sure the list is shown! */
}

#categories_block_left .tree li {
	border-left: none; /* override site-map dotted line tree structure */
	*display: inline-block; /* ie7 bug to fix the padding-top as true clearing */
	/*height: 100%;*/ /* DO NOT SET HEIGHT OTHERWISE SUBCATEGORIES WILL NOT BE SHOWN AND GROW THE LIST. USE PADDING INSTEAD! */
	position: relative;   /* DO NOT DELETE THIS! BLOCKS USE POSITIONS RELATIVE TO THIS! */
	background: none; /*leave*/
	padding:0px;  /*leave*/
	margin-left: 0px;
	text-align: left;
}
#categories_block_left .tree li.last {
	padding-bottom: 0px; /*leave*/
}

/* Set colour of category text and individual background patterns next here*/
#categories_block_left .tree a {
	/*background: url("../../../img/categoryli_bg.png") no-repeat 0 0 transparent;*/
	display: block;
	color: #048075;
	font: 15px/37px 'Exo'; /* adjust height of background image here */
	font-weight:400;
	line-height: 37px; /* adjust height of background image here - ie7 fix */
	padding-left:0px;
	text-transform: capitalize;
}
#categories_block_left .tree a:hover, #categories_block_left .tree a.selected {
	background: url("../../../img/categoryli_bg2.png") no-repeat 0 0 transparent;
	text-decoration: none;
	color: #ffffff;
}


/* Set indentation of category text here and line-heights for fonts and heights*/
#categories_block_left .tree a span {
	/*font-weight:bold;*/
}
#categories_block_left .tree li a span { /*first level*/
	margin-left:20px;
}
#categories_block_left .tree li li a span { /*second level*/
	margin-left:25px;
}
#categories_block_left .tree li li li a span { /*third level*/
	margin-left:30px;
}


#categories_block_left span.grower {
	right: 7px;
	top: 12px;
	width: 15px;
	height: 15px;

	position: absolute;
	display: block;
	border:0px solid;
}
#categories_block_left span.OPEN {
	background: url('../../../img/icon/less.png') no-repeat 2px 6px transparent;
}
#categories_block_left span.CLOSE {
background: url('../../../img/icon/more.png') no-repeat 4px 2px transparent;
}