@charset "utf-8";
/* CSS Document */


.categories{
	display:block;
	margin:0;
	padding:0 ;
	
	}
.categories ul{
	background:#f7f7f7;
	box-shadow:0px 0px 3px #ccc inset;
	-webkit-box-shadow:0px 0px 3px #ccc inset;
	-o-box-shadow:0px 0px 3px #ccc inset;
	-ms-box-shadow:0px 0px 3px #ccc inset;
	-moz-box-shadow:0px 0px 3px #ccc inset;
	/*padding:0 10px 0 60px;*/
	padding:0 10px;
}
.categories li{
	display:block;
	padding:7px 0;
	border-bottom:2px dotted #ccc;
	}

.categories li:last-child{
	border-bottom:0;
	}

.categories li a{
	font-size:16px;
	color:#555;
	
	transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	}

.categories li a i{
	margin-right:5px;
	line-height:15px;
	}

.categories li:hover a{
	color:#165fd3;
}

.categories li a.active_side{
	color:#165fd3;
}

.categories h3 {
	width:100%;
	max-width:100%;
	border-bottom:1px solid #bebdbd;
	padding:0;
	cursor:pointer;
	margin:0;
	background: url("sprite.png") 95% 18px no-repeat;
	height:50px;
	line-height:50px;
	font-weight:normal;
	font-family: 'roboto_condensedregular';
	}

.categories h3 i.ico{
	width:50px;
	height:50px;
	background:#e5e5e5;
	color:#bebdbd;
	text-align:center;
	display:block;
	float:left;
	
	vertical-align:middle;
	font-size:30px;
	line-height:50px;
	border-bottom:1px solid #bebdbd;
	}

.categories h3 span{
font-size:18px;
color:#1c1d1e;
margin-left:10px;
}

.categories h3 span i{
float:right;
line-height:50px;
margin-right:10px;
color:#bebdbd;
}

.categories h3:hover { background: url("spriteover.png") 95% 22px no-repeat; color:#fff;}
.categories h3.open { background: url("spriteover.png") 95% 22px no-repeat; color:#fff;}
.categories h3 + div { padding: 10px; }

#css3-animated-example h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: none;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
  padding: 0;
}

#css3-animated-example h3.open + div {
  height: auto;
  background: #fff;
}

/*****************************PROFILE***********************************************/
.categories h4 {
	width:100%;
	max-width:100%;
	border-bottom:1px solid #bebdbd;
	cursor:pointer;
	margin:0;
	background: url("sprite.png") 95% 14px no-repeat #f0f0f0;
	height:40px;
	line-height:40px;
	font-weight:normal;
	font-family: 'roboto_condensedregular';
	color:#1c1d1e;
	padding:0 5px;
	}

.categories h4 a{
color:#1c1d1e;
font-size:14px;
text-transform:uppercase;
}

.categories h4:hover { background: #6fba54 url("spriteover2.png") 95% 18px no-repeat; color:#fff;}
.categories h4.open { background:#6fba54 url("spriteover2.png") 95% 18px no-repeat; color:#fff;}
.categories h4:hover a, .categories h4.open a, .categories h4:hover span, .categories h4.open span{
color:#fff;
}
.categories h4 + div { padding: 10px; }

#css3-animated-example h4 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: none;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}

#css3-animated-example h4.open + div {
  height: auto;
  background: #fff;
}

.categories h4 span{
color:#f00;
font-size:12px;
margin-left:5px;
text-transform:none;
}

.categories .brdr_btm{
border-bottom:1px solid #ddd;
}


/************	ADDED NEW ***********/
.categories h3 span{
font-size:18px;
color:#1c1d1e;
margin-left:10px;
}

.categories h3 span i{
float:right;
line-height:0px;
margin-right:10px;
color:#bebdbd;
}