/* page structure */
#w {
    width: 770px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

#content {
    padding: 8px 15px;
    padding-bottom: 20px;
    background: #3a3a3a;
}


.options {
    display: block;
    text-align: center;
    font-size: 1.2em;
    line-height: 16px;
    font-weight: bold;
    color: #eee;
    margin-bottom: 8px;
}
.options span{
    padding: 10px;
    color: #000;
    display: inline-block;
}
.options .sorticon {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-right: 5px;
}

.options .sorticon span {
    padding-left: 45px;
    
    opacity: 0.6;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

 .options .displayswitch1 span {
     background: url(../images/list3.png) no-repeat;
 }
 
 .options .displayswitch1 span:hover, .options .displayswitch1.active span  {
     background: url(../images/list3hover.png) no-repeat;
 }
 
 .options .displayswitch2 span {
     background: url(../images/list2.png) no-repeat;
 }
 
  .options .displayswitch2 span:hover, .options .displayswitch2.active span  {
     background: url(../images/list2hover.png) no-repeat;
 }
 
 .options .displayswitch3 span {
     background: url(../images/list1.png) no-repeat;
 }
 
  .options .displayswitch3 span:hover, .options .displayswitch3.active span  {
     background: url(../images/lis1hover.png) no-repeat;
 }
 

.options .sorticon span:hover {
    
    opacity: 1.0;
}
.options .sorticon.active span {
      
    
     opacity: 1.0;
}
/* list styles */
#listdisplay { 
    display: block;
    box-shadow: rgb(3, 148, 175) 0px 0px 2px;
    padding: 10px;
}

#listdisplay li {
    display: block;   
    padding: 5px 0px;
    margin-bottom: 10px;
    background-color: #efefef;
}
#listdisplay li a img {
    display: block;
    float: left;
    margin-right: 10px;
    width: 150px;
}




#listdisplay li .innercontent h2 {
   
    /*font-size: 18px;*/
    /*line-height: 1.35em;*/
    /*margin-bottom: 4px;*/
    /*color: #73ed95;*/
    /*font-weight: bold;*/    
}






#listdisplay.thumbview li {
    display: block;
    /*width: 360px;*/
    float: left;
    /*margin-right: 10px;*/
    margin-bottom: 5px;
    border: 0;
}
#listdisplay.thumbview li a img {
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 4px;
    width: 95%;
    height: auto;
}
#listdisplay.thumbview li .innercontent {
    display: block;
    text-align: center;
}
#listdisplay.thumbview li .innercontent h2 {
    font-size: 20px;
    float: left;
    padding-left: 5px;
     margin: 0px;
}
#listdisplay.thumbview li .innercontent p.cdetails, #listdisplay.thumbview li .innercontent p.readdetail {
    display: none; 
}


#listdisplay.thumbview li .innercontent p {
clear:both;
text-align:left;
    float: left;
    padding-left: 5px;
    margin: 0px;
}


#listdisplay.nameview li a img {
    display: none;
}
/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


#listdisplay.nameview li .innercontent p.cdetails, #listdisplay.nameview li .innercontent p.readdetail {
    display: none; 
}

#listdisplay.nameview li .innercontent h2 {
    font-size: 18px;
     
    padding-left: 5px;
     margin: 0px;
}
 #listdisplay.nameview li .innercontent p, #listdisplay.nameview li .innercontent p{
  padding-left: 5px;
     margin: 0px;
      float: left;
 }
 #listdisplay.nameview li div span.btn-rating{display: none}
 #listdisplay.nameview li div.mtt
 {
     margin-top:0px !important;
     
 }