/* 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:230px;
	/*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:5px;
	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 {
/*	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 "Roboto";
    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 "Roboto";
	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: #212121;
	font: 13px/35px Roboto; /* adjust height of background image here */
	font-weight:normal;
	line-height: 35px; /* 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: #a11950;
}


/* 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*/
	display:block;
	margin-left:20px;
}
#categories_block_left .tree li li a span { /*second level*/
	display:block;
	margin-left:54px;
}
#categories_block_left .tree li li li a span { /*third level*/
	display:block;
	margin-left:30px;
}


#categories_block_left span.grower {
	right: 7px;
	top: 10px;
	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;
}





/* Top Menu Categories */
.trigger ul.menu { display: none; }
.trigger:hover ul.menu { display: block; }

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

#categories_block_top_ie7 {
	position:relative;
	z-index:1000;
}
#categories_block_top  {
	position: absolute;
	top:237px;
	left:0px;
	z-index:999;
}

#categories_block_top #category_header {
	display:none;
}

#categories_block_top #category_content {
	/*background: url('../../../img/menu_bg.png') no-repeat 0 0 transparent;*/
	position:relative;
	width:930px;
	height:55px;
}

#categories_block_top #category_footer {
	display:none;
}

/* 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_top h4 {
	font: bold 14px/49px "Roboto";
    color: #FFFFFF;
	text-transform:uppercase;
	/*text-align:center;*/
	padding-left:15px;	
	margin:0px;
	height:100%;
}
#categories_block_top h4 a {
	color: #ffffff;
	font: bold 21px/49px "Roboto";
	text-transform: uppercase;
}


#categories_block_top .tree2 {
	padding: 0px; /*leave*/
	margin: 0px; /*leave*/
}
#categories_block_top .tree2 li.has_submenu {
	background: url("../../../img/category_top_dropdown.png") no-repeat scroll right 23px transparent;
}
#categories_block_top .tree2 li.ishovered, #categories_block_top .tree2 li.isselected {
	background: url("../../../img/category_top_dropdown_active.png") no-repeat scroll right 23px transparent;
}
#categories_block_top .tree2 li {
	position: relative;   /* DO NOT DELETE THIS! BLOCKS USE POSITIONS RELATIVE TO THIS! */
	float:left;
	border-left: none; /* override site-map dotted line tree structure */
	/*background: url('../../../img/menu_divider.png') no-repeat right 4px transparent;*/ /*leave*/
	padding:0px;  /*leave*/
	margin-left: 0px;
	text-align: left;
}
#categories_block_top .tree2 li.first {
	display:block;
}
#categories_block_top .tree2 li.last {
	background:none;
}

/* Set colour of category text and individual background patterns next here*/
#categories_block_top .tree2 a:hover, #categories_block_top .tree2 a.selected, #categories_block_top .tree2 li.trigger.ishovered > a, #categories_block_top .tree2 li.trigger.isselected > a {
	color:#17c42a;
}
#categories_block_top .tree2 a {
	color: #505050;
    display: block;
    font: bold 20px "Roboto";
    margin: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:11px 22px 11px 53px;
}
/*
.webkit #categories_block_top .tree2 a {
    padding: 12px 22px 13px 53px;
}
.ie7 #categories_block_top .tree2 a {
    padding: 12px 22px 13px 53px;
}
*/


/* Submenus */
#categories_block_top .tree2 ul.menu {
	padding: 0px; /*leave*/
	margin: 0px; /*leave*/
	position: absolute;
	margin-top:0px;
	border:1px solid #d9d9d9;
	background:#ffffff;
}
#categories_block_top .tree2 ul.menu .ishovered,#categories_block_top .tree2 ul.menu .isselected {
	background: none;
}
#categories_block_top .tree2 ul.menu li {
	background:none;
	float:none;
}
#categories_block_top .tree2 ul.menu li a {
	font: normal 14px "Roboto";
	padding: 5px 40px !important;
	text-align:center;
	min-width:110px;
	width: inherit;
}





#categories_block_top span.grower {
	right: 7px;
	top: 10px;
	width: 15px;
	height: 15px;

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