.searchform {margin-bottom: 0; border-bottom: 1px solid #555555}

.genres {background-color: #222222; height: 45px; padding: 7px 7px 0 65px; border-right: 1px solid #B3B0A1}
.genres ul {margin: 0 auto; padding: 0}
.genres ul li {list-style-type: none; float: left}
.genres ul li a {display: block; float: left; color: #A6A297; padding: 8px 13px 13px 13px; text-decoration: none; border-right: 1px solid #222222; background-color: #383838}
.genres ul li#here a {background-color: #D8D3C4; color: #222222} 
.genres ul li a:hover {background-color: #686868; color: #FFFFFF}

.leftcol {width: 670px; float: left}
  
.videounit {float: left; background-color: #222222; margin-top: 10px}
  
.leftvid {width: 164px; float: left; background-image: url(/images/landing/video/playlist.gif); background-repeat: no-repeat}
  
.player {width: 486px; float: left; background-color: transparent; border: 0; padding: 10px; margin: 0}
.player p {margin: 5px 0}
  
.player h2 {margin: 0 !important; background-image: url(/images/landing/video/h2_off.gif); background-repeat: repeat-x; background-position: bottom; color: #222222; text-align: center; height: 30px}
.player h2 span {font-weight: normal}

.player h3 {position: absolute; margin: 0 !important; margin: -54px 0 0 0 !important; background-image: url(/images/landing/video/h2_on.gif); background-repeat: repeat-x; background-position: bottom; color: #FFFFFF; text-align: center; font-size: 14px; padding: 12px; height: 30px; width: 462px; display: none}
.player h3 span {font-weight: normal}

.controls {margin: 0; padding: 0; list-style: none}
.controls li {display: block; float: left}
.controls li a img {border: 0}
  
.result {clear: both; width: 144px; background-color: #000000; background-image: url(/images/landing/video/result.gif); background-repeat: no-repeat; background-position: bottom; color: #A9A599; padding: 10px; font-size: 14px; text-align: center; margin: 0 !important; font-weight: bold; height: 40px}
  
.playlist {clear: both; width: 110px; height: 250px; overflow: hidden; overflow-x: hidden; margin: 0 !important; }
.playlist ul {margin: 0; padding: 0}
.playlist ul li { width: 116px; float: left; display: block; list-style-type: none; margin: 0; padding: 5px 0; clear: both; border-bottom: 0}
.playlist ul li div {float: none; height: 100px; border:0; padding-left:5px;}
.playlist ul li div a {display: block; float: left;  }
.playlist ul li div a img {  border: 0; padding-left:25px;  !important}
.playlist ul li div a:hover {  overflow: hidden; border: 0px ; padding-left:0px; }
.playlist ul li div a:hover img {margin: -3px 0 0 0px}
  
.directorybox {clear: both; padding: 10px 0; _padding-bottom: 0px}
.directory {background-image: url(http://www.music.com/images/landing/video/brightcove/yellow.gif); background-repeat: repeat-x; margin: 0}
.directory ul {float: left; width: 170px; margin: 0; padding: 15px 20px}
.directory ul.last {border-right: 0}
.directory ul li {list-style-type: none; padding: 2px 0}
.directory ul li a {font-weight: normal; text-decoration: none}
.directory ul li a:hover {text-decoration: underline}
.directory ul li.letter {font-weight: bold; color: #12878A}
 
.rightcol {width: 300px; float: right}
  
.ad {margin: 10px 0}

.list ul li {width: 268px; list-style-type: none; margin: 0; padding: 5px 0; clear: both; float: left; border-bottom: 1px dotted #D8D3C4}
.list ul li.last {border-bottom: 0}
.list ul li div {float: left; width: 47px; height: 34px; overflow: hidden; border: 1px solid #425861; text-align: center}
.list ul li div a img {width: 47px; height: 34px; border: 0}
.list ul li p {width: 180px; float: left; margin: 0 0 0 10px; overflow: hidden}
.list ul li span {float: left; width: 25px; text-align: right}
.list ul li span a img {border: 0}

.section h3 {margin-bottom: 0 !important}
  
.featured ul li {width: 115px; height: 150px; list-style-type: none; margin: 5px 35px 5px 0px; padding: 0; float: left; overflow: hidden}
.featured ul li div {width: 115px; height: 87px; overflow: hidden; border: 1px solid #A0AA49; background-color: #EEEEEE; text-align: center}
.featured ul li div a img {border: 0}
.featured ul li p {width: 115px; margin: 5px 0 0 0; text-align: center; overflow: hidden}
 
.exclusivead {clear: both; padding: 10px 0; _padding-bottom: 0px}
 
.exclusive ul li {width: 310px; clear: both; list-style-type: none; margin: 0; padding: 5px 0; clear: both; float: left; border-bottom: 1px dotted #D8D3C4}
.exclusive ul li.last {border-bottom: 0}
.exclusive ul li div {float: left; width: 47px; height: 34px; overflow: hidden; border: 1px solid #425861; text-align: center}
.exclusive ul li div a img {width: 47px; height: 34px; border: 0}
.exclusive ul li p {width: 220px; float: left; margin: 0 0 0 10px; overflow: hidden}
.exclusive ul li span {float: left; width: 25px; text-align: right}
.exclusive ul li span a img {border: 0}

.sectionexc {width: 329px; float: left; overflow: hidden; border: 0 !important; margin: 0 !important}
.sectionexc h3 {background-image: url(http://www.music.com/images/landing/video/brightcove/h3_back.gif); background-repeat: repeat-x; height: 22px; padding: 7px 0 0 15px; color: #FFFFFF; text-transform: uppercase; font-size: 14px;}
.sectionexc p {margin: 5px 0 0 15px}
.sectionad {width: 300px; float: left; border: 0; padding: 0; margin: 0 0 0 10px}
.sectionexclusive {height: 177px; overflow-x: hidden; overflow-y: auto}

.arrows {position: relative; z-index: 1001; }



  .directory {float: left}
  .listad {float: left; width: 300px; height: 250px; overflow: hidden; margin: 10px 0 0 20px}

.button{
border:1px;
}
.buttonmou{
background-image: url(/images/sr_button.jpg);
background-repeat:no-repeat;
height:29px;
width:69px;
border:0px;
}

.video_bg{background-image:url(/images/view_img.gif);
background-repeat:repeat;
height: 300px;
}