@charset "utf-8";
/* Reset */
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, input, textarea, label, blockquote, table, th, td
{
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
}
a, span
{
    background-repeat: no-repeat;
    outline: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img, abbr, acronym
{
    border: none;
    text-decoration: none;
}
ol, ul
{
    list-style: none;
}
caption, th
{
    text-align: left ;
    font-weight: normal ;
}
q:before, q:after
{
    content: '';
}
input, textarea, select
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/* CSS Document */
body{
    margin:0px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
    color:#333333;
}
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
    font-size:0px;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    overflow: hidden;
}

ul, li{
    margin:0px;
    padding:0px;
    list-style:none;
}
h1, h2, h3, h4, h5, h6, form{
    margin:0px;
    padding:0px;
}
a:link, a:visited {
    text-decoration:  none;
    color:#369;
}

a:hover { 
    text-decoration:underline;
    color:#369;
}
#wrapper{
    z-index:-6;
    width:798px;
    height:auto;
    overflow:hidden;
    margin:auto;
    margin-top:0px;
}
#header{
    width:100%;
    height:auto;
    overflow:hidden;
}
#container{
    width:100%;
    height:auto;
    overflow:hidden;
}

/*------------General CSS-----------*/

.wrapper_left{
    width:422px;
    height:auto;
    overflow:hidden;
    float: left;
}
.wrapper_right{
    width:376px;
    height:auto;
    overflow:hidden;
    top: 0px;
}
.logo{
    width: 230px;
    height: 65px;
    background:url(../images/saab/logo.gif) no-repeat left top;
    margin-bottom: 22px;
    margin-top: 15px;
    cursor: pointer;
}
.player{
    background:black;
    margin:0px;
    padding: 0px;
    width:402px;
    height:300px;
}


.details {
    margin-top: 5px;
    padding:  10px 10px 0px 10px;
    width:    382px;
    background:#e6e6e6;
    height: 169px;
}
.det_info{
    width:100%;
    height:auto;
    overflow:hidden;
    margin:auto;
}
.det_rating{
    /*width: 30px;*/
    font-size: 11px;
    color: #666666;
    margin: 0px 5px 0px 8px;
}
.det_title{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 24px;
}
.det_desc{
    font-size: 12px;
    color: #000000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 52px;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hidden;
}
.date{
    display:inline;
    font-size: 11px;
    color: #666666;
    /*width: 25px;*/
    margin: 0px;
}
.title {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.desc{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    padding-bottom: 4px;
    height: 27px; 
    overflow: hidden;
}
.length{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    /*width: 36px;*/
    float: left;
    color: #666666;
    margin: 0px 2px 0px 0px;
}
.views{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    /*width: 36px;*/
    float: left;
    color: #666666;
    margin:0px 2px 0px 4px;
}
.rating{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    /*width: 32px;*/
    color: #666666;
    margin:0px 2px 0px 4px;
}

.embed_icon{
    margin-left:60px;
    padding:15px 0px 0px 0px;
}
.embed_icon p{
    width: 32px;
    padding:3px 20px 3px 5px;
    margin-top:0px;
    font-size:11px;
    color:#666666;
    position:absolute;
}
.embed_icon a:hover p{
    text-decoration:none;
    color:#cc0000;
    cursor:pointer;
}
.embed_icon a{
    width:0px;
    padding-left:24px;
    float:left;
    background:url(../images/saab/icons.png) no-repeat -260px 0px;
    height:18px;
    
}
.embed_icon a:hover{
    text-decoration:none;
    background:url(../images/saab/icons.png) no-repeat -260px -30px;
    height:18px;
}
.share_icon{
    margin-left:60px;
    padding:15px 0px 0px 0px;
}
.share_icon p{
    width: 32px;
    padding:3px 20px 3px 5px;
    margin-top:0px;
    font-size:11px;
    color:#666666;
    position:absolute;
}
.share_icon a:hover p{
    text-decoration:none;
    color:#cc0000;
    cursor:pointer;
}
.share_icon a{
    width:0px;
    padding-left:16px;
    float:left;
    background:url(../images/saab/icons.png) no-repeat -244px 0px;
    height:18px;
    
}
.share_icon a:hover{
    text-decoration:none;
    background:url(../images/saab/icons.png) no-repeat -244px -30px;
    height:18px;
}

.email_icon{
    padding:15px 0px 0px 0px;
}
.email_icon p{
    width: 32px;
    padding:3px 20px 3px 5px;
    margin-top:0px;
    font-size:11px;
    color:#666666;
    position:absolute;
}
.email_icon a:hover p{
    text-decoration:none;
    color:#cc0000;
    cursor:pointer;
}

.email_icon a{
    width: 0px;
    padding-left: 22px;
    float:left;
    background: url(../images/saab/icons.png) no-repeat -222px 0px;
    height:18px;
}
.email_icon a:hover{
    text-decoration:none;
    background:url(../images/saab/icons.png) no-repeat -222px -30px;
    height:18px;
}

.downloadvideo{
    padding:15px 0px 0px 0px;
    margin-left:60px;
}
.downloadvideo p{
    width: 30px;
    padding:3px 20px 3px 5px;
    margin-top:0px;
    font-size:11px;
    color:#666666;
    position:absolute;
}
.downloadvideo a:hover p{
    text-decoration:none;
    color:#cc0000;
    cursor:pointer;
}
.downloadvideo a{
    width:0px;
    padding-left:17px;
    float:left;
    background:url(../images/saab/icons.png) no-repeat -162px 0px;
    height:18px;
}
.downloadvideo a:hover{
    text-decoration:none;
    background:url(../images/saab/icons.png) no-repeat -162px -30px;
    height:18px;
}
.list{
    position:absolute;
    top: 79px;
    left:128px;
    height: 23px;	
    width: 120px;
    margin-bottom:0px;
}
.list p{
    position:absolute;
    margin:0px;
    vertical-align:center;
    height:100%;
    padding-left:5px;
    padding-top:5px;
    color: #666666;	
    width:91px;
    font-size: 11px;	  
}
.list a:hover p{
    color: #cc0000;
}
.listInactive a{
    position:absolute;
    background:url(../images/saab/icons.png) no-repeat -116px 0px;
    padding: 0px 0px 0px 23px;
    text-decoration:none;
    height:28px;
}
.listInactive a:hover {
    position:absolute;
    background:url(../images/saab/icons.png) no-repeat -116px -30px;
    padding: 0px 0px 0px 23px;
    text-decoration:none;
    height:28px;
}
.listInactive a:hover p {
    cursor: pointer;
}
.listActive a{
    position:absolute;
    background:url(../images/saab/icons.png) no-repeat -116px -30px;
    padding: 0px 0px 0px 23px;
    text-decoration:none;
    height:28px;
}
.listActive a:hover {
    text-decoration: none;
}
.listActive p{
    color:#cc0000;
}
.searchform{  /*update by Wan*/
    position: absolute;
    top: 79px;
    width: 116px;
    height: 23px;
    right:-12px;
    padding: 0px 0px 0px 23px;
    overflow:hidden;
}
.searchformActive{
    background: url(../images/saab/icons.png) no-repeat -139px -30px;
}
.searchformInactive{
    background: url(../images/saab/icons.png) no-repeat -139px 0px;
}
.searchformInactive:hover{
    background: url(../images/saab/icons.png) no-repeat -139px -30px;
}
.search {
    font-family:Arial;
    color: #666666;
    font-size: 11px;
    padding: 2px;
    margin-top: 0px;
    margin-left:5px;
    width: 75px; /* 128px, changed by Wan*/
}
.go{
    width:11px;
    height: 11px;
    background: url(../images/saab/go.gif) no-repeat right 0px;
    margin-top:7px;
}
.go:hover{
    background: url(../images/saab/go.gif) no-repeat right -12px;
}
.searchformL{
    background:white;
    width:116px; /* 140px, changed by Wan*/
    height:23px; 
    overflow:hidden;
}
.searchformR{
    position:relative;
    top:-23px;
    right:12px;
    width:11px; 
    float:right; 
    height:23px; 
    overflow:hidden;
}
.items {/*update by Wan*/
    float:right;
    width:375px; 
    height:455px;/* 426px changed by Wantana*/
    overflow:scroll;
    overflow-y:scroll;
    overflow-x:hidden;
    padding:0px 0px 0px 0px;
    margin-top:5px;
}
.itemslist{
    width:350px;
    border-right:5px solid #ffffff;
    /* background: url(../images/saab/bgplaylist.gif) no-repeat left top; */
}
.itemcolor{
    background:#cccccc;
}
.itemcolor1{
    background:#e6e6e6;
}
.item {
    width:345px;
    height:77px;
    padding:5px;
    border-bottom:5px solid #ffffff;
    font-size:small;
    cursor: pointer;
    overflow:hidden;
}
.item:hover {
    background: #e4e5e4 url(../images/saab/active_hover.gif) repeat-x;
}
.item .thumb {
    float:left;
    width:110px;
    height:72px;
}
.item .thumb img {
    max-width:96px;
    width: expression( document.body.clientWidth > 95 ? "96px" : "auto" );
    max-height:71px;
    height: expression( this.scrollHeight > 70 ? "71px" : "auto" );
    margin:3px;
    margin-right:5px;
    vertical-align:middle;
    border: 1px solid #ffffff;
}
.item .info {
    float: left;
    width: 230px;
}
.info .title {
    font-weight: bold;
}
.footer{
    position:absolute;
    top:12px;
    color: #999999;
    font-size: 11px;
    width:30%;
    overflow:hidden;
    margin:0px;
    padding:0px 0px 5px 15px;  
}
.footer a{
    color: #999999;
    font-size: 10px;
}
.footer a:hover {
    text-decoration: none;
    color: #cc0000;
}

/*------Search Toolbar---------*/

.toolbar{       
    position:relative; /*add by Wan*/
    width:100%;
    height:auto;
    margin:auto;
    overflow:hidden;
}
.toolbar ul{
    margin:0px;
    padding:0px;
    list-style:none;
}
.toolbar ul li{
    display:inline;
    list-style:none;
    margin:0px;
    padding:0px;
}
.toolbar li.separator {
    width: 5px;
    font-size:4px;
    float:left;
    background:#ffffff;
}
.toolbar li a{
    float:left;
    color:#666666;
    font-size:11px;
    font-weight:normal;
    width:72.2px;
    padding:5px 41px 5px 8px;
    background:#e6e6e6;
    margin:0px 0px 0px 0px;
    text-decoration:none;
}
.toolbar li a:hover{
    color:#cc0000;
    text-decoration:none;
}
.toolbar li.active a{
    float:left;
    color:#cc0000;
    font-size:11px;
    font-weight:normal;
    padding:5px 42px 5px 8px;
    background:#cccccc;
    margin:0px 0px 0px 0px;
    text-decoration:none;
    border-right:0px solid #ffffff;
}


/*=========Begin add by Wantana ================*/
.space {
    /* Defines space (padding) for items who use it */
    margin-left:5px;
    font-size:11px;
}
.smalltext {
    font-family: Arial;
    font-size: 11px;
    color: #a2904e;
}
.smalltitle {
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #a2904e;
}

.hgt14{
    height:10px;
    font-size:0px;
}

#category {
    position:relative;
    z-index:2;
    top:-5px;
    left:0px;
}
#category_text {
    position:absolute;
}


#category.selected dt {
    background-color: #fff;
}
#category.selected dt a {
    color: #cc0000;
}
#menu_list dd.selected a{
    color: #cc0000;
}
/* Dropdown menu */

#menu_list dd {
    background-color:white;
    filter:alpha(opacity=90);
    opacity:0.9;
    -moz-opacity: 0.9;
}
ul#menu_list {list-style-type:none; margin:0; padding:0;}
#menu_list a { text-decoration:none; font-family:Arial ; font-size:11px; font-weight:normal; color:#666666;  display:block; padding:2px;}
#menu_list li {float:left; padding:0px; margin:0px; position:relative; width:120px; }
#menu_list dl {position:relative; top:0; left:0;width: 120px; margin: 0; text-align:left; cursor:pointer;}

#menu_list dt a {margin:0; height:24px; padding:4px 0px 0px 23px; }
.listicon a { width: 0px; padding-left:23px; background:url(../images/saab/icons.png) no-repeat -93px 0px; }
#menu_list .listicon a:hover, #menu_list .catActive a, #menu_list li:hover .listicon a { background:url(../images/saab/icons.png) no-repeat -93px -30px; color:#cc0000; }
#menu_list a:hover { color:#cc0000; }

#menu_list dd {margin:0; display:none; width:120px; background:#fff;}
#menu_list dd a { padding-left:27px; }
#menu_list li:hover, #menu_list li a:hover {border:0;}
#menu_list li:hover dd, #menu_list li a:hover dd {display:block;height:auto;z-index:500; padding-bottom:5px;}
#menu_list table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}


.fieldset {
    position:relative;
    z-index:3;
    padding: 84px 0px 0px 0px;
    width:100%;
    height: 20px;  
    margin-left: 0px;   
    margin-bottom:0px;
}

.recommended {
    position:relative;	
    top:20px;
    width: 798px;  /*773px*/	
    /*	z-index:2;*/
    height: 128px;	
    background:#e6e6e6;
    overflow: hide;
    margin:auto;
}
.covertop{
    position:absolute;
    width:100%;
    z-index:5;
    height:19px;
    background:#e6e6e6;
    top:0px;
    left:0px;
}
.coverbottom{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    z-index:6;
    margin:0px;
    height:19px;
    background:#e6e6e6;
}

.prev_icon {
    float:left;
    margin:60px 35px 0px 10px;
/*    background:url(../images/saab/icons.png) no-repeat -196px 0px;
    cursor:pointer;*/
    height:15%;
    width:12px;
}
/*
.prev_icon:hover {
    float:left;
    margin:60px 35px 0px 10px;
    background: url(../images/saab/icons.png) no-repeat -196px -30px;
    cursor:pointer;
    height:15%;
    width:12px;
}
*/
.next_icon {
    float:right;
    margin:60px 10px 0px 10px;
/*    background:url(../images/saab/icons.png) no-repeat -210px 0px;
    cursor:pointer;*/
    height:15%;
    width:12px;
}
/*
.next_icon:hover{
    float:right;
    margin:60px 10px 0px 2px;
    background:url(../images/saab/icons.png) no-repeat -210px -30px;
    cursor:pointer;
    height:15%;
    width:12px;
}
*/

.rec_item {
    position:relative;
    z-index:1;
    padding:0px;
    display:inline;
    /*margin-top:-18px;*/
    margin-right:10px;
    margin-left:2px;
    float:left;
    width:160px;
    /*height:128px;*/
    cursor:pointer;
}

.recommended img {
    max-width: 160px;
    max-height: 128px;
    height: expression(this.height > 127 ? 128: true);
}

.recommended .textbox {
    position:absolute;
    top:92px;
    left:0px;    
    z-index:7;	
    width:160px; 
    float:left;	
    height:17px; 
    margin:0px;	
}

.recommended .textbox p{
    position:relative;
    top:0px;
    left:0px;
    width:160px;
    font-size:11px;
    text-align:left;
    padding: 2px 0px 2px 10px;
    color:#ffffff;
    margin:0px;
}
.recommended .backgroundbox {
    position:absolute;
    top:92px;
    left:0px;    
    z-index:7;	
    width:160px; 
    float:left;	
    height:17px; 
    margin:0px;	
    background:black;        
    filter:alpha(opacity=60);       
    opacity:0.6;        
    -moz-opacity: 0.6;
}
.recommended table {  
    table-layout:fixed;	
    padding:0px;	
    border-spacing: 0px;
    margin: 0px 0px 0px 0px;
}

.recommended table td {
    height: 128px;
    width: 160px;
    cursor: pointer;
    text-align: left;
    vertical-align:center;
}

.recommended table td.small {
    height: 95px;
}

.recommended table:hover td {
/*background-color: #c9c3ac;*/
}

#embed_lightbox {
    border: 5px solid #E6E6E6;
    padding: 15px 15px 15px 15px;
    background-color: white;
}
#embed_lightbox a:hover {
    color:#cc0000;
    font-family: Arial;
    font-size:9px;
    font-weight:normal;
    text-decoration:none;
}
#embed_lightbox a {
    color:#606060;
    font-family: Arial;
    font-size:9px;
    font-weight:normal;
}
#embed_lightbox #embed_text {
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    color: black;
}
#embed_lightbox input {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    color: #606060;
    width: 100%;
    padding:2px 2px 2px 2px;
    margin:5px 0px 5px 0px;
}


/*=========End add by Wantana ================*/

/*footerlinks*/
.footerlinks{
    width:100%;
    height:auto;
    margin: 0px auto;
    overflow:hidden;
}
.footerlinks ul{
    margin:0px;
    padding:0px;
    list-style:none;
}
.footerlinks ul li{
    display:inline;
    list-style:none;
    margin:0px;
    padding:0px;
}
.footerlinks li a{
    float:left;
    color:#000000;
    font-size:11px;
    font-weight:normal;
    padding:5px ;
    background:#e6e6e6;
    margin:0px 0px 0px 0px;
    text-decoration:none;
    border-right:6px solid #ffffff;
}
.footerlinks li a:hover{
    color:#cc0000;
    text-decoration:none;
}
.footerlinks li a.previous{
    float:left;
    color:#000000;
    font-size:11px;
    font-weight:normal;
    padding:5px 47px 5px 8px;
    background:#e6e6e6;
    margin:0px 0px 0px 0px;
    text-decoration:none;
    border-right:6px solid #ffffff;
}
.footerlinks li a.previous:hover{
    color: #cc0000;
}
.footerlinks li a.next{
    float:left;
    color:#000000;
    font-size:11px;
    font-weight:normal;
    padding:5px 47px 5px 8px;
    background:#e6e6e6;
    margin:0px 0px 0px 0px;
    border-right:6px solid #e6e6e6;
    text-decoration:none;
}
.footerlinks li a.next:hover{
    color: #cc0000;
}
.footerlinks li a.active{
    float:left;
    color:#cc0000;
    font-size:11px;
    font-weight:normal;
    padding:5px ;
    background:#cccccc;
    margin:0px 0px 0px 0px;
    text-decoration:none;
    border-right:6px solid #ffffff;
}

/*------Bandwidth selection---------*/

.bandwidth{
    position:relative;
    top:18px;
    width:798px;
    height:30px; 
    overflow:hide;
    margin:auto;
}
.bandwidth .label{
    width: 81px;
    font-size:11px;
    background:#e6e6e6;
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    color: #666666;
}
.bandwidth ul{
    margin-top:10px;
    margin-bottom:15px;
    padding:0px;
    list-style:none;
    float:right;
}
.bandwidth ul li{
    width: 120px;
    display:inline;
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
.bandwidth li p{
    position:absolute;
    float:left;
    width: 70px;
    padding:2px 20px 3px 5px;
    margin-left:0px;
    margin-top:0px;
    font-size:11px;
    color:#666666;
}
.bandwidth li a:hover p {
    color:#cc0000;
}

.bandwidth li a{
    float:left;
    width: 0px;
    padding-left: 17px;
    height:17px;
    background:url(../images/saab/icons.png) no-repeat -179px 0px;
}
.bandwidth li a:hover{
    color:#cc0000;
    background:url(../images/saab/icons.png) no-repeat -179px -30px;
    text-decoration:none;
    cursor: pointer;
}
.bandwidth li.active a{
    background:url(../images/saab/icons.png) no-repeat -179px -30px;
}
.bandwidth li.active p{
    color:#cc0000;
}
.bandwidth li.separator {
    width: 5px;
    font-size:4px;
    float:left;
    background:#ffffff;
}
/*------Rating---------*/
.bigrating {
    margin: -10px 0px 0px 5px;
}
.bigrating  a {
    float: left;
    width:31px;
    height:30px;
    background-repeat:no-repeat;
    cursor: pointer;
}
.bigrating a.full {
    background:url(../images/saab/icons.png) no-repeat -30px -30px;
}
.bigrating a.full:hover {
    background:url(../images/saab/icons.png) no-repeat -30px -1px;
}
.bigrating a.half {
    background:url(../images/saab/icons.png) no-repeat -60px -30px;
}
.bigrating a.half:hover {
    background:url(../images/saab/icons.png) no-repeat -60px -1px;
}
.bigrating a.empty {
    background:url(../images/saab/icons.png) no-repeat 0px -30px;
}
.bigrating a.empty:hover {
    background:url(../images/saab/icons.png) no-repeat 0px -1px;
}
.smallrating  a {
    float: left;
    width:12px;
    height:12px;
}
.smallrating a.full {
    background:url(../images/saab/icons.png) no-repeat -297px 0px;
}
.smallrating a.half {
    background:url(../images/saab/icons.png) no-repeat -309px 0px;
}
.smallrating a.empty {
    background:url(../images/saab/icons.png) no-repeat -285px 0px;
}

.listdiv{ /*update by Wan*/
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
    /*margin:auto;*/
    padding-top:8px;
}

.noresults {
    font-size: 11px;
}
.noresults ul {
    margin-left: 15px;
    list-style-type: disc;
}
.noresults li {
    margin-left: 15px;
    list-style-type: disc;
}