/** This file contains styles for both categories and seasons lists as they are basically identical **/

div#content_list_area div.content div.list.categories { /*holder for Categories list with custom bg*/
  padding:80px 30px 10px 50px;
  width:600px;;
  background: url(../../../images/css_images/list_categories.jpg) 0 0 no-repeat;
}

.en div#content_list_area div.content div.list.categories {/* IF LANG = EN */
    background: url(../../../images/css_images/list_categories_en.jpg) 0 0 no-repeat;
}


div#content_list_area div.content div.list.seasons { /*holder for Seasons list with custom bg*/
  padding:80px 30px 10px 50px;
  width:600px;
  background: url(../../../images/css_images/list_seasons.jpg) 0 0 no-repeat;
}

.en div#content_list_area div.content div.list.seasons {/* IF LANG = EN */
    background: url(../../../images/css_images/list_seasons_en.jpg) 0 0 no-repeat;
}

/*styles for both categories and seasons lists */
ul.cat_list, ul.season_list {
  list-style-type:none;
  float:left;
  display:inline;
  margin-left:-20px;
  padding:0;
  width:590px;
}

ul.cat_list li, ul.season_list li {
  float:left;
  margin:0 5px 10px 0;
  width:280px;
  min-height:146px;
  background: url(../../../images/css_images/cat_shadow.gif) 0 0 no-repeat;
}

ul.cat_list li span,
ul.season_list li span {
    margin:0 0 0 8px;
    font-size:77%;
    font-weight:bold;
}

ul.season_list li {
  background: url(../../../images/css_images/seasons_shadow.gif) 0 0 no-repeat;
}

ul.cat_list li a, ul.season_list li a {
  float:left;
  display:inline;
  margin:0;
  padding:4px 5px 7px 5px;
  border:4px transparent solid;
  width:258px;
  height:95px;
  background-position:5px 5px !important;
}

ul.cat_list li a:hover, ul.season_list li a:hover {
    /*border:4px #ccc8bd solid;
    opacity:0.75; refactoring*/
}

ul.season_list li a {
  height:135px;
}

ul.cat_list li span a, ul.season_list li span a, ul.cat_list li span a:hover, ul.season_list li span a:hover {
    display:inline;
    float:none;
    margin:0 !important;
    padding:0 !important;
    border-width:0 !important;
    opacity:1 !important;
    width:auto;
    height:auto;
}