
#leftCarousel.slick-vertical .slick-slide[type='mapping'] 
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/mapping_idle.png) no-repeat -4px -4px, -webkit-radial-gradient(#32332c ,#000000 );	
background: url(images/categories/urbanism/mapping_idle.png) no-repeat -4px -4px,  -moz-radial-gradient(#32332c,#000000);
background: url(images/categories/urbanism/mapping_idle.png) no-repeat -4px -4px,  -o-radial-gradient(#32332c,#000000 );
background: url(images/categories/urbanism/mapping_idle.png) no-repeat -4px -4px,  -ms-radial-gradient(#32332c,#000000 );
background-size: 120% 120%;
border: 1px solid #3f3d38;
box-shadow: 1px 2px 0px #635e53;
}

#leftCarousel.slick-vertical .slick-slide[type='mapping']:hover,#leftCarousel.slick-vertical .slick-slide[type='mapping_current']:hover
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/mapping_hover.png) no-repeat -4px -4px, -webkit-radial-gradient(#3398CC,#32332c );	
background: url(images/categories/urbanism/mapping_hover.png) no-repeat -4px -4px,  -moz-radial-gradient(#3398CC,#32332c  );
background: url(images/categories/urbanism/mapping_hover.png) no-repeat -4px -4px,  -o-radial-gradient(#3398CC,#32332c );
background: url(images/categories/urbanism/mapping_hover.png) no-repeat -4px -4px,  -ms-radial-gradient(#3398CC,#32332c  );
background-size: 120% 120%;
border: 1px solid #59c9ec; 
box-shadow: 2px 4px 0px #3f6572;
}

#leftCarousel.slick-vertical .slick-slide[type='mapping']:active,#leftCarousel.slick-vertical .slick-slide[type='mapping_current']:active
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/mapping_active.png) no-repeat -4px -4px, -webkit-radial-gradient(  #eefffd , #59c9ec);	
background: url(images/categories/urbanism/mapping_active.png) no-repeat -4px -4px,  -moz-radial-gradient(  #eefffd , #59c9ec);
background: url(images/categories/urbanism/mapping_active.png) no-repeat -4px -4px,  -o-radial-gradient(  #eefffd , #59c9ec );
background: url(images/categories/urbanism/mapping_active.png) no-repeat -4px -4px,  -ms-radial-gradient(  #eefffd , #59c9ec);
background-size: 120% 120%;
border: 1px solid #fff;
box-shadow: -4px -4px 0px #9b8f80, 0px 3px 10px rgba(0,0,0,1);

}


#leftCarousel.slick-vertical .slick-slide[type='mapping_current'] 
{
width:60px;
height: 60px;
border: 1px solid #59c9ec;
background: url(images/categories/urbanism/mapping_current.png) no-repeat -4px -4px, -webkit-radial-gradient(#00293F, #081E21);	
background: url(images/categories/urbanism/mapping_current.png) no-repeat -4px -4px,  -moz-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/mapping_current.png) no-repeat -4px -4px,  -o-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/mapping_current.png) no-repeat -4px -4px,  -ms-radial-gradient(#00293F, #081E21 );
 background-size: 120% 120%;


}



#leftCarousel.slick-vertical .slick-slide[type='urbanplanning'] 
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/urbanplanning_idle.png) no-repeat -4px -4px, -webkit-radial-gradient(#32332c ,#000000 );	
background: url(images/categories/urbanism/urbanplanning_idle.png) no-repeat -4px -4px,  -moz-radial-gradient(#32332c,#000000);
background: url(images/categories/urbanism/urbanplanning_idle.png) no-repeat -4px -4px,  -o-radial-gradient(#32332c,#000000 );
background: url(images/categories/urbanism/urbanplanning_idle.png) no-repeat -4px -4px,  -ms-radial-gradient(#32332c,#000000 );
background-size: 120% 120%;
border: 1px solid #3f3d38;
box-shadow: 1px 2px 0px #635e53;
}

#leftCarousel.slick-vertical .slick-slide[type='urbanplanning']:hover,#leftCarousel.slick-vertical .slick-slide[type='urbanplanning_current']:hover
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/urbanplanning_hover.png) no-repeat -4px -4px, -webkit-radial-gradient(#3398CC,#32332c );	
background: url(images/categories/urbanism/urbanplanning_hover.png) no-repeat -4px -4px,  -moz-radial-gradient(#3398CC,#32332c  );
background: url(images/categories/urbanism/urbanplanning_hover.png) no-repeat -4px -4px,  -o-radial-gradient(#3398CC,#32332c );
background: url(images/categories/urbanism/urbanplanning_hover.png) no-repeat -4px -4px,  -ms-radial-gradient(#3398CC,#32332c  );
background-size: 120% 120%;
border: 1px solid #59c9ec; 
box-shadow: 2px 4px 0px #3f6572;
}

#leftCarousel.slick-vertical .slick-slide[type='urbanplanning']:active,#leftCarousel.slick-vertical .slick-slide[type='urbanplanning_current']:active
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/urbanplanning_active.png) no-repeat -4px -4px, -webkit-radial-gradient(  #eefffd , #59c9ec);	
background: url(images/categories/urbanism/urbanplanning_active.png) no-repeat -4px -4px,  -moz-radial-gradient(  #eefffd , #59c9ec);
background: url(images/categories/urbanism/urbanplanning_active.png) no-repeat -4px -4px,  -o-radial-gradient(  #eefffd , #59c9ec );
background: url(images/categories/urbanism/urbanplanning_active.png) no-repeat -4px -4px,  -ms-radial-gradient(  #eefffd , #59c9ec);
background-size: 120% 120%;
border: 1px solid #fff;
box-shadow: -4px -4px 0px #9b8f80, 0px 3px 10px rgba(0,0,0,1);

}


#leftCarousel.slick-vertical .slick-slide[type='urbanplanning_current'] 
{
width:60px;
height: 60px;
border: 1px solid #59c9ec;
background: url(images/categories/urbanism/urbanplanning_current.png) no-repeat -4px -4px, -webkit-radial-gradient(#00293F, #081E21);	
background: url(images/categories/urbanism/urbanplanning_current.png) no-repeat -4px -4px,  -moz-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/urbanplanning_current.png) no-repeat -4px -4px,  -o-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/urbanplanning_current.png) no-repeat -4px -4px,  -ms-radial-gradient(#00293F, #081E21 );
 background-size: 120% 120%;


}




#leftCarousel.slick-vertical .slick-slide[type='urbanresearch'] 
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/urbanresearch_idle.png) no-repeat -4px -4px, -webkit-radial-gradient(#32332c ,#000000 );	
background: url(images/categories/urbanism/urbanresearch_idle.png) no-repeat -4px -4px,  -moz-radial-gradient(#32332c,#000000);
background: url(images/categories/urbanism/urbanresearch_idle.png) no-repeat -4px -4px,  -o-radial-gradient(#32332c,#000000 );
background: url(images/categories/urbanism/urbanresearch_idle.png) no-repeat -4px -4px,  -ms-radial-gradient(#32332c,#000000 );
background-size: 120% 120%;
border: 1px solid #3f3d38;
box-shadow: 1px 2px 0px #635e53;
}

#leftCarousel.slick-vertical .slick-slide[type='urbanresearch']:hover,#leftCarousel.slick-vertical .slick-slide[type='urbanresearch_current']:hover
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/urbanresearch_hover.png) no-repeat -4px -4px, -webkit-radial-gradient(#3398CC,#32332c );	
background: url(images/categories/urbanism/urbanresearch_hover.png) no-repeat -4px -4px,  -moz-radial-gradient(#3398CC,#32332c  );
background: url(images/categories/urbanism/urbanresearch_hover.png) no-repeat -4px -4px,  -o-radial-gradient(#3398CC,#32332c );
background: url(images/categories/urbanism/urbanresearch_hover.png) no-repeat -4px -4px,  -ms-radial-gradient(#3398CC,#32332c  );
background-size: 120% 120%;
border: 1px solid #59c9ec; 
box-shadow: 2px 4px 0px #3f6572;
}

#leftCarousel.slick-vertical .slick-slide[type='urbanresearch']:active,#leftCarousel.slick-vertical .slick-slide[type='urbanresearch_current']:active
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/urbanresearch_active.png) no-repeat -4px -4px, -webkit-radial-gradient(  #eefffd , #59c9ec);	
background: url(images/categories/urbanism/urbanresearch_active.png) no-repeat -4px -4px,  -moz-radial-gradient(  #eefffd , #59c9ec);
background: url(images/categories/urbanism/urbanresearch_active.png) no-repeat -4px -4px,  -o-radial-gradient(  #eefffd , #59c9ec );
background: url(images/categories/urbanism/urbanresearch_active.png) no-repeat -4px -4px,  -ms-radial-gradient(  #eefffd , #59c9ec);
background-size: 120% 120%;
border: 1px solid #fff;
box-shadow: -4px -4px 0px #9b8f80, 0px 3px 10px rgba(0,0,0,1);

}


#leftCarousel.slick-vertical .slick-slide[type='urbanresearch_current'] 
{
width:60px;
height: 60px;
border: 1px solid #59c9ec;
background: url(images/categories/urbanism/urbanresearch_current.png) no-repeat -4px -4px, -webkit-radial-gradient(#00293F, #081E21);	
background: url(images/categories/urbanism/urbanresearch_current.png) no-repeat -4px -4px,  -moz-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/urbanresearch_current.png) no-repeat -4px -4px,  -o-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/urbanresearch_current.png) no-repeat -4px -4px,  -ms-radial-gradient(#00293F, #081E21 );
 background-size: 120% 120%;


}




#leftCarousel.slick-vertical .slick-slide[type='landscape'] 
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/landscape_idle.png) no-repeat -4px -4px, -webkit-radial-gradient(#32332c ,#000000 );	
background: url(images/categories/urbanism/landscape_idle.png) no-repeat -4px -4px,  -moz-radial-gradient(#32332c,#000000);
background: url(images/categories/urbanism/landscape_idle.png) no-repeat -4px -4px,  -o-radial-gradient(#32332c,#000000 );
background: url(images/categories/urbanism/landscape_idle.png) no-repeat -4px -4px,  -ms-radial-gradient(#32332c,#000000 );
background-size: 120% 120%;
border: 1px solid #3f3d38;
box-shadow: 1px 2px 0px #635e53;
}

#leftCarousel.slick-vertical .slick-slide[type='landscape']:hover,#leftCarousel.slick-vertical .slick-slide[type='landscape_current']:hover
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/landscape_hover.png) no-repeat -4px -4px, -webkit-radial-gradient(#3398CC,#32332c );	
background: url(images/categories/urbanism/landscape_hover.png) no-repeat -4px -4px,  -moz-radial-gradient(#3398CC,#32332c  );
background: url(images/categories/urbanism/landscape_hover.png) no-repeat -4px -4px,  -o-radial-gradient(#3398CC,#32332c );
background: url(images/categories/urbanism/landscape_hover.png) no-repeat -4px -4px,  -ms-radial-gradient(#3398CC,#32332c  );
background-size: 120% 120%;
border: 1px solid #59c9ec; 
box-shadow: 2px 4px 0px #3f6572;
}

#leftCarousel.slick-vertical .slick-slide[type='landscape']:active,#leftCarousel.slick-vertical .slick-slide[type='landscape_current']:active
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/landscape_active.png) no-repeat -4px -4px, -webkit-radial-gradient(  #eefffd , #59c9ec);	
background: url(images/categories/urbanism/landscape_active.png) no-repeat -4px -4px,  -moz-radial-gradient(  #eefffd , #59c9ec);
background: url(images/categories/urbanism/landscape_active.png) no-repeat -4px -4px,  -o-radial-gradient(  #eefffd , #59c9ec );
background: url(images/categories/urbanism/landscape_active.png) no-repeat -4px -4px,  -ms-radial-gradient(  #eefffd , #59c9ec);
background-size: 120% 120%;
border: 1px solid #fff;
box-shadow: -4px -4px 0px #9b8f80, 0px 3px 10px rgba(0,0,0,1);

}


#leftCarousel.slick-vertical .slick-slide[type='landscape_current'] 
{
width:60px;
height: 60px;
border: 1px solid #59c9ec;
background: url(images/categories/urbanism/landscape_current.png) no-repeat -4px -4px, -webkit-radial-gradient(#00293F, #081E21);	
background: url(images/categories/urbanism/landscape_current.png) no-repeat -4px -4px,  -moz-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/landscape_current.png) no-repeat -4px -4px,  -o-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/landscape_current.png) no-repeat -4px -4px,  -ms-radial-gradient(#00293F, #081E21 );
 background-size: 120% 120%;


}




#leftCarousel.slick-vertical .slick-slide[type='eventsandculture'] 
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/eventsandculture_idle.png) no-repeat -4px -4px, -webkit-radial-gradient(#32332c ,#000000 );	
background: url(images/categories/urbanism/eventsandculture_idle.png) no-repeat -4px -4px,  -moz-radial-gradient(#32332c,#000000);
background: url(images/categories/urbanism/eventsandculture_idle.png) no-repeat -4px -4px,  -o-radial-gradient(#32332c,#000000 );
background: url(images/categories/urbanism/eventsandculture_idle.png) no-repeat -4px -4px,  -ms-radial-gradient(#32332c,#000000 );
background-size: 120% 120%;
border: 1px solid #3f3d38;
box-shadow: 1px 2px 0px #635e53;
}

#leftCarousel.slick-vertical .slick-slide[type='eventsandculture']:hover,#leftCarousel.slick-vertical .slick-slide[type='eventsandculture_current']:hover
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/eventsandculture_hover.png) no-repeat -4px -4px, -webkit-radial-gradient(#3398CC,#32332c );	
background: url(images/categories/urbanism/eventsandculture_hover.png) no-repeat -4px -4px,  -moz-radial-gradient(#3398CC,#32332c  );
background: url(images/categories/urbanism/eventsandculture_hover.png) no-repeat -4px -4px,  -o-radial-gradient(#3398CC,#32332c );
background: url(images/categories/urbanism/eventsandculture_hover.png) no-repeat -4px -4px,  -ms-radial-gradient(#3398CC,#32332c  );
background-size: 120% 120%;
border: 1px solid #59c9ec; 
box-shadow: 2px 4px 0px #3f6572;
}

#leftCarousel.slick-vertical .slick-slide[type='eventsandculture']:active,#leftCarousel.slick-vertical .slick-slide[type='eventsandculture_current']:active
{
width:60px;
height: 60px;
background: url(images/categories/urbanism/eventsandculture_active.png) no-repeat -4px -4px, -webkit-radial-gradient(  #eefffd , #59c9ec);	
background: url(images/categories/urbanism/eventsandculture_active.png) no-repeat -4px -4px,  -moz-radial-gradient(  #eefffd , #59c9ec);
background: url(images/categories/urbanism/eventsandculture_active.png) no-repeat -4px -4px,  -o-radial-gradient(  #eefffd , #59c9ec );
background: url(images/categories/urbanism/eventsandculture_active.png) no-repeat -4px -4px,  -ms-radial-gradient(  #eefffd , #59c9ec);
background-size: 120% 120%;
border: 1px solid #fff;
box-shadow: -4px -4px 0px #9b8f80, 0px 3px 10px rgba(0,0,0,1);

}


#leftCarousel.slick-vertical .slick-slide[type='eventsandculture_current'] 
{
width:60px;
height: 60px;
border: 1px solid #59c9ec;
background: url(images/categories/urbanism/eventsandculture_current.png) no-repeat -4px -4px, -webkit-radial-gradient(#00293F, #081E21);	
background: url(images/categories/urbanism/eventsandculture_current.png) no-repeat -4px -4px,  -moz-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/eventsandculture_current.png) no-repeat -4px -4px,  -o-radial-gradient(#00293F, #081E21);
background: url(images/categories/urbanism/eventsandculture_current.png) no-repeat -4px -4px,  -ms-radial-gradient(#00293F, #081E21 );
 background-size: 120% 120%;


}