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

.title .right {
  display:block;  
}

.title .right img{
  padding: 0px;
  margin:7px 0 0 0;
  width:140px;
  height:29px;
  cursor: pointer;
  display:block;  
}

img.imgtitle {
position:absolute;
top:25px;
left:450px;
}

div.video-box {
border-top:1px solid #505050;
border-right:1px solid #505050;
width:625px;
float:left;
padding:0 0 20px 20px;
}

div.video-box-wide {
border-top:1px solid #505050;
border-right:0px solid #505050;
width:100%;
float:left;
padding:0 0 20px 0;
}


.videolist {
  /*border-bottom:1px solid #505050;
  height:210px;*/
}
.videolist .moreslideshows{
  display: block;
  margin: 5px;
  padding: 10px 10px 0 10px;
  width: 930px;
  background: #1A1A1A;
  z-index: 100;
  color: #CCC;
}
.videolist .moreslideshows .head{
  height: 30px;
}
.videolist .moreslideshows .head .close{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.videolist .slide{
    float: left;
    width: 930px;
    padding: 10px 0 15px 20px;
    margin: 0;
    display:block;
}
.videolist.videocategories .slide{
    width: 605px;
    border-top: 1px solid #505050;
}
.videolist .slide .leftArrow{
  float: left;
  margin: 30px 0 0 0;
  width: 23px;
  height: 20px;
  cursor: pointer;
  background: url( /images/btn_back.gif ) 0 0 no-repeat;
}
.videolist.videocategories .slide .leftArrow, .videolist.videocategories .slide .rightArrow{
    margin-top: 90px;
}

.videolist .moreslideshows .loader {
  display:none;
  width:840px;
  height:110px;
  padding-top:30px;
  text-align:center;
  float:left;
  overflow:hidden;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  position:relative;
}

.videolist .slidelists{
  float: left;
  width: 840px;
  overflow: hidden;
  font-size: 14px;
  position: relative;
}
.videolist.videocategories .slidelists{
    width: 540px;
    height: 250px;
}

.videolist .slidelists ul.out{
  width: 20000px;
  position: relative;
}
.videolist .slidelists ul.out > li{
    float: left;
    width: 120px;
    height:140px;
    padding: 0px 25px 0 20px;
}
.videolist.videocategories .slidelists ul.out > li{
    height: 270px;
    width:155px;
    padding: 0 15px 0 10px;
}
.videolist.videocategories .slidelists ul.out > li h3{
    margin: 5px 0;
    color: white;
}
.videolist.videocategories .slidelists ul ul{
    overflow-y: scroll;
    border: 1px solid #505050;
    height:218px;
	background: white;
}
.videolist.videocategories .slidelists ul ul li{
    margin: 5px;
    overflow: hidden;
}
.videolist .slidelists ul.out > li > div.top{
  width: 120px;
  height: 90px;
padding:0;
border:1px solid #999;
  overflow:hidden;
  margin-bottom:5px;
}

.videolist .slidelists ul.out li a{
  text-decoration:none;
font-size:12px;
color: black;
font-family:Arial, Helvetica, sans-serif;
line-height:14px;
}

.slide .rightArrow{
  float: left;
  margin: 30px 0 0 0;
  width: 23px;
  height: 20px;
  background: url( /images/btn_next.gif ) 0 0 no-repeat;
  cursor: pointer;
}

.videolist .moreslideshows .morecategories ul {
  float: left;
  width: 930px;
  padding-left: 20px;
}

.thetitle {
margin:15px auto 10px;
width:480px;
color:#fff;
font-size:14px;
font-family:Arial;
}

.thedescription {
color:#fff;
margin:10px auto 15px;
width:480px;
font-size:13px;
}

.videolist .moreslideshows .morecategories li{
  float: left;
  padding: 0 20px 6px 5px;
  color: #93C0DE;
  text-decoration: none;
  font-family: Arial,Helvetica,Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.videolist .moreslideshows .morecategories li span{
  cursor: pointer;
}
.videolist .moreslideshows .morecategories li span.selected{
  color: #fff;
  text-decoration: none!important;
}

.categories-box {
  height:20;
  width:auto;
  background-color:#1A1A1A;
  line-height:17px;
  color:#EBEBEB;
  font-weight:bold;
  padding:10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  border-bottom:1px solid #505050;
}
ul.categories {
  margin:0px;
  padding:0px;
  list-style:none;
  float:left;
}
ul.categories li {
  float:left;
  padding:0px 15px 0 10px;
  cursor: pointer;
}
ul.categories li.selected {
  background-color:#990000;
}

.categories-box{
  position: relative;
}

.categories-box a:link, .categories-box a:active, .categories-box a:visited {
  font-weight:normal;
  text-decoration:none;
  color:#EBEBEB;
  font-size:12px;
}
.categories-box a:hover {
  text-decoration:underline;  
}

div.photo-box {
border-right:1px solid #505050;
width:585px;
float:left;
padding:20px;
overflow:hidden;
}

hr.adsep {
height:0px;
border:none;
border-bottom:1px solid #fff;
margin:15px 0;
width:300px;
}

.thumbnail-box {
border-top:1px solid #505050;
  width:325px;
float:right;
background-color:#1A1A1A;
height:auto;
padding:10px 10px 10px 5px;
margin:0 2px 0 -2px!important;  
color:#E5E5E5;
line-height:19px;
border-left:1px solid #505050;
}

.thumbnail-box .caption {
padding:5px 15px;
font-size:13px;
line-height:18px;
}

.thumbnail-box a:link, .thumbnail-box a:visited, .thumbnail-box a:active {
  color:#EBEBEB;
  text-decoration:none;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  display:block;
}
.thumbnail-box a:hover {
  text-decoration:underline;  
}

ul.thelists {
width:100%;
margin:10px 0 30px 0;
padding:0;
float:left;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#555;
}

ul.thelists li {
float:left;
background-color:#555;
height:26px;
line-height:26px;
/*width:33.333%;*/
padding:0 15px;
text-align:center;
cursor:pointer;
}

ul.thelists li:hover {
background-color:#999;
}

ul.thelists li.selected {
background-color:#1A1A1A;
color:#fff;
font-size:12px;
cursor:default;
}