ul li {
    list-style-type: none;
}

#bodyBG {
    background-color: #000;
/*    background-image: url(../images/landingpage/skin_bg.png);*/
    /*background-image:url("../images/landingpage/KCTV_landing.jpg"); */
    background-image:url("../images/landingpage/KCTV_landing_black.jpg");  
    background-repeat: repeat-x;
}

#PageWrapper {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -4em;
    position: relative;
/*    background-image:url("../images/transparent.gif");  */
	background-repeat: no-repeat;
    background-position: center 42px;
    float: left;
    width: 100%;
}

#PageWrapper.landingpage {
    background-image:url("../images/landingpage/technoblue_bg.jpg");
/*	background-image:url("../images/landingpage/halloween.jpg");*/
	background-position: center 0px;
}

#PageWrapper.browse {
    background-image:url("../images/landingpage/browse_bg.jpg"); 
	background-position: 0px 0px; 
}

#PageWrapper.cast {
    background-image:url("../images/landingpage/KCTV_landing.jpg");  
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#PageWrapper.upload {
    background-image:url("../images/landingpage/KCTV_landing.jpg");  
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#ContentWrapper {
    margin: 0 auto;
    width: 975px;
}
	
#ChannelGuideRegion {
    display: block;
    width: 610px;
    height: 342px;
    float: left;
    margin-bottom: 50px;
}
#PlayerLeft, #PlayerRight {
	float: left;
    width: 168px;
    height: 342px;
}

#PlayerLeft {
	margin-right: 14px;
}

#PlayerRight {
	margin-left: 15px;
}

div#BottomAd {
    clear: both;
    display: block;
    margin: 20px auto;
    width: 728px;
}

#adRegion1, #adRegion2 {
    display: inline;
    float: left;
    width: 168px;
    height: 342px;
    overflow: hidden;
    margin: 0;
}

ul.ads {
    display: block;
    float: left;
    clear: both;
    list-style: none;
}

    ul.ads li  {
        display: block;
        float: left;
        clear: both;
        width: 168px;
        height: 342px;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

div.daily {
    display: inline;
    float: left;
    width: 168px;
}


    div.daily ul {
        float: left;
        width: 168px;
    }

    div.daily ul li {
        float: right;
        height: 112px;
        list-style: none;
        border-top: 1px solid #3c3c3c;
        border-bottom: 1px solid #1e1e1e;        
        width: 168px;
        position: relative;
    }
    
    div.daily ul li a, div.daily ul li img {
        float: left;
    }
    
    div.daily ul li .header {
        color :#fff;
        display: block;
        font-size: 10px;
        font-weight: normal;
        height: 36px;
        left: 0;
        line-height: 36px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 168px;
        z-index: 1;
    }
    
    div.daily ul li a, div.daily ul li a:visited{
        text-decoration: none;
    }
    div.daily ul li .top {
        background: url(../images/landingpage/bg_todaysfeat_caption_glossytop.png);
    }

    div.daily ul li .bottom {
        background: url(../images/landingpage/bg_todaysfeat_caption_glossy.png);
    }

    div.daily ul li.first {
        border-top: none !important;
    }

    div.daily ul li.last {
        border-bottom: none !important;
    }
    
    div.daily ul li a span {
        display: block;
        width: 168px;
    }
    
    .topradius8 {
        -moz-border-radius-topleft:8px;
        -moz-border-radius-topright:8px;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 20px;
        
    }

    .bottomradius8 {
        -moz-border-radius: 0 8px 8px;
        -webkit-border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
    }
    
    .radius8 {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
    }

    .radius6 {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }    

    .radius4 {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }    
    
/* top bar */
#KCHeader {
	width: 975px;
	position: relative;
	margin: 0 0 20px 0;
	background: transparent url(../images/landingpage/landingpage_header_bg.png) top left no-repeat;
	height: 180px;
	clear: both;
}

    #KCLogoRow {
        display: inline;
        float: left;
        clear: both;
        margin:0;
        width: 975px;
        height: 96px;
        position: relative;
    }
    
        a#KCLogo {
            display: block;
            position: absolute;
            width: 250px;
            height: 94px;
            text-indent: -9999px;
            background: transparent url(../images/landingpage/kc_logo2010.png) top left no-repeat;
        }
        
        #KCLogoRow .ad_placement {
            display: block;
            position: absolute;
            right: 27px;
            width: 660px;
            height: 60px;
        }
        
        ul.headerads2 {
            display: block;
            float: left;
            width: 660px;
            height: 60px;
            list-style: none;
            margin: 20px 0 0 0;
        }
        
        ul.headerads2 li {
            display: block;
            float: left;
            width: 320px;
            height: 60px;
        }
        
        ul.headerads2 li.item0 {
            margin-right: 16px;
        }
        
    #KCMenuBar {
        display: inline;
        float: left;
        clear: both;
        position: relative;
        width: 975px;
        height: 38px;
        margin: 0;
    }
    
        #KCMenuBar a.MenuBarItem {
            border-left: 1px solid #3c3c3c;
            border-right: 1px solid #1e1e1e;
            color: #fff;
            display: block;
            float: left;
            font-size: 13px;
            height: 38px;
            line-height: 38px;
            padding: 0 15px;
            position: relative;
            text-decoration: none;
        }
        
        #KCMenuBar a.MenuBarItem:hover {
            background: url(../images/landingpage/menu-highlight.png);
        }

        #MyKoldCastTip {
            display: none;
        }
        
        a#MyKoldCast:hover #MyKoldCastTip {
            display: block;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            background: url(../images/landingpage/bg_black70.png);
            color: #fff;
            height: auto;
            left: 15px;
            line-height: 16px;
            padding: 10px;
            position: absolute;
            text-indent: 0;
            top: 45px;
            width: 155px;
            min-width: 155px;
            z-index: 200;
        }

        #KCMenuBar a.MenuBarItem:active {
            background: url(../images/landingpage/menu-highlight-active.png);
        }

        #KCMenuBar a[class="MenuBarItem first"]:hover {
            background: url(../images/landingpage/menu-highlight-first.png);
        }

        #KCMenuBar a[class="MenuBarItem first"]:active {
            background: url(../images/landingpage/menu-highlight-first-active.png);
        }

        #KCMenuBar a.MenuBarItem span {
            color: #1AB7EA
        }

        #KCMenuBar a.first {
            border-left: none !important;
        }
        
        #KCSearchArea {
            display: block;
            margin-right: 20px;
            height: 30px;
            width: 228px;
            margin-top: 3px;
            float: right;
        }
        
        input#KCSearchBar {
            display: block;
            float: left;
            width: 170px;
            height: 23px;
            border: none;
            padding: 7px 7px 0 7px;
            color: #999;
            background: transparent url(../images/landingpage/menu-searchbar.png) top left no-repeat;
        }
        
        button#KCSearchBtn {
            display: block;
            float: left;
            margin-left: 12px;
            width: 30px;
            height: 30px;
            background: transparent url(../images/landingpage/menu-search-btn.png) top left no-repeat;
            border: none;
        }
        
            button#KCSearchBtn:hover {
                background-position: 0 -30px;
            }
            
            button#KCSearchBtn:active {
                background-position: 0 100%;
            }
    
    #KCMemberArea {
        display: inline;
        float: left;
        clear: both;
        position: relative;
        width: 975px;
        height: 62px;
        margin: 0;
    }
    
        #KCMemberArea #statusText {
            display: block;
            float: right;
            margin: 7px 10px 0 0;
            color: #fff;
        }
        
        #KCMemberArea #statusText.error {
            color: #fff;
        }
        
        #KCMemberArea #statusText.error a {
            color: #fff;
        }
    
        #KCMemberArea a#register, #KCMemberArea a#profile, #KCMemberArea a#signout {
            display: block;
            float: right;
            margin: 15px 6px 0px 10px;
            height: 22px;
            text-indent: -9999px;
        }
        
        #KCMemberArea a#register {
            width: 84px;            
            background: transparent url(../images/landingpage/btn_register.png) top left no-repeat;
        }
        
        #KCMemberArea a#register:hover {
            background-position: 0 -22px;
        }
        
        #KCMemberArea a#register:active {
            background-position: 0 -44px;
        }

        #KCMemberArea a#profile {
            background: transparent url(../images/landingpage/btn_profile.png) top left no-repeat;
            width: 77px;
        }
        
        #KCMemberArea a#profile:hover {
            background-position: 0 -22px;
        }
        
        #KCMemberArea a#profile:active {
            background-position: 0 -44px;
        }
        
        
        #KCMemberArea a#signout {
            background: transparent url(../images/landingpage/btn_signout.png) top left no-repeat;
            width: 84px;
        }

        #KCMemberArea a#signout:hover {
            background-position: 0 -22px;
        }
        
        #KCMemberArea a#signout:active {
            background-position: 0 -44px;
        }
        
        #KCMemberArea form {
            display: block;
            float: right;
            margin: 12px 0 0 0;
            height: 32px;
        }
            #KCMemberArea input.field {
                display: block;
                float: left;
                width: 125px;
                height: 16px;
                border: none;
                color: #999;
                padding: 4px 0;
                text-indent: 10px;
                margin-right: 0px;
                background: transparent url(../images/landingpage/bg_signin.png) top left no-repeat;
                margin-top: 2px;
            }
            
            #KCMemberArea input#password {
                width: 124px;
                background: transparent url(../images/landingpage/bg_signin.png) top right no-repeat;
                margin-left: 0;
                margin-right: 10px;
            }
            
            #kommunique {
				background: url('../images/landingpage/kommunique_bg.png') top right no-repeat; 
				float: left;
				height: 26px; 
				line-height: 26px; 
				margin-left: 10px; 
				margin-top: 14px;
			}
			
			#kommuniqueInner {
				background:url('../images/landingpage/kommunique_left.png') top left no-repeat;
				position: relative; 
				left: -10px; 
				padding-left: 13px;
				color:#FFF;
				width:695px;
				height:26px;
				overflow:hidden;
			}
			
			#kommuniqueInner a, a:hover {
				color:#1AB7EA;
			}
        
            button#SigninBtn {
                display: block;
                float: left;
                border: none;
                margin-top: 3px;
                width: 77px;
                height: 22px;
                background: transparent url(../images/landingpage/btn_signin.png) top left no-repeat;
            }
            
            button#SigninBtn:hover {
                background-position: 0 -22px;
            }

            button#SigninBtn:active {
                background-position: 0 -44px;
            }
            
            li.ContentBox_li a.img {
                background:url(../images/Scroller_bg.png);
                background-repeat: no-repeat;
                display: table-cell;
                vertical-align: middle;
                width: 145px;
                height: 100px;
            }

			#showthumbs li.ContentBox_li a span, #NewestVideos a span, #merchandise li.ContentBox_li a span {
				width: 224px;
				position:relative;
			}

            #merchandise li.ContentBox_li a span { height: 200px; }
			
			.showcase_frame{
			width: 224px; 
			height: 126px; 
			position: absolute; 
			top: 0; 
			left: 0;
			background:url('../images/landingpage/showcase_frame.png') top left no-repeat;
			}
			
			.showcase_frame_sm{
			width: 145px; 
			height: 129px; 
			position: absolute; 
			top: 0; 
			left: 0;
			background:url('../images/landingpage/showcase_frame_sm.png') top left no-repeat;
			}
			
            li.ContentBox_li a span {
                width: 145px;
                height: 129px;
                display: block;
                background-repeat: no-repeat;
                background-position: 0 0;
            }
			
			#showthumbs a span {
                height: 126px !important;
            }

            #FeaturedVideos a span, #recommends a span, #IndividualScroller a span, #newest a span {
                height: 89px !important;
            }

            #NewestVideos .header .paginators {
                top: 230px;
            }
            #NewestSeries .header .paginators, #OtherPopularSeries .header .paginators {
                top: 175px;
            }

            #NewestVideos .main .thumbnailsContainer {
                height: 570px;
            }
			#NewestSeries .main .thumbnailsContainer, #OtherPopularSeries .main .thumbnailsContainer {
                height: 345px;
            }
			#NewestVideos .main .thumbnailsContainer ul, #NewestSeries .main .thumbnailsContainer ul, #OtherPopularSeries .main .thumbnailsContainer ul, #YesterdaysMostPopularSeries .main .thumbnailsContainer ul {
                width: 936px;
            }

            #NewestSeries .main .thumbnailsContainer ul li, #OtherPopularSeries .main .thumbnailsContainer ul li {
				height:173px;
            }

            div.ContentBox {
                display: inline;
                float: left;
                clear: both;
                width: 975px;
                margin: 0 0 20px 0;
            }
            
            div.ContentBox div.content {
                width: 975px;
                background: #000;
                float: left;
            }
            
                div.ContentBox .header {
                    display: block;
                    float: left;
                    position: relative;
                    clear: both;
                    width: 975px;
                    height: 44px;
                    background: transparent url(../images/scrollers-header.gif) top left no-repeat;
                }

                    div.ContentBox .header a.button_see_all {
                        display: block;
                        float: right;
                        text-indent: -9999px;
                        background: url(../images/btn_seeallproducts.png);
                        width: 126px;
                        height: 22px;
                        margin: 9px 20px 0 0;
                    }

                    div.ContentBox .header h3 {
                        display: inline;
                        position: absolute;
                        top: 10px;
                        left: 22px;
                        color: #fff;
                        font-size: 18px;
                        font-weight: normal;
                    }

                        div.ContentBox .header h3 span {
                            color: #1ab7ea;
                        }

                    div.ContentBox .header h4 {
                        color: #1ab7ea;
                        font-size: 9px;
                        display: block;
                        position: absolute;
                        top: 32px;
                        left: 22px;
                    }

                    div.ContentBox .header a.showAll {
                        display: block;
                        position: absolute;
                        width: 96px;
                        height: 22px;
                        top: 10px;
                        right: 137px;
                        background: transparent url(../images/scrollers-showall.gif) top left no-repeat;
                        text-indent: -9999px;
                        outline: none;
                    }

                        div.ContentBox .header a.showAll:hover { background-position: 0 -22px; }
                        div.ContentBox .header a.showAll:active { background-position: 0 -44px; }

                    div.ContentBox .header .paginators {
                        position: absolute;
                        width: 100%;
                        top: 85px;
                    }


                    div.ContentBox .header .paginators a {
                        text-indent: -9999px;
                        top: -40px;
                        width: 20px;
                        background-repeat:no-repeat;
                        display:block;
                        height: 159px;
                        position:absolute;
                    }

                    div.ContentBox .header .paginators a.right{
                        background: url(../images/landingpage/right_scroller_btn.png) 0 0;
                        right:0;
                    }

                    div.ContentBox .header .paginators a.right:hover {
                        background-position: 0 -159px;
                    }

                    div.ContentBox .header .paginators a.right:active {
                        background-position: 0 -318px;
                    }

                    div.ContentBox .header .paginators a.left{
                        background: url(../images/landingpage/left_scroller_btn.png) 0 0;
                        left:0;
                    }

                    div.ContentBox .header .paginators a.left:hover {
                        background-position: 0 -159px;
                    }

                    div.ContentBox .header .paginators a.left:active {
                        background-position: 0 -318px;
                    }

                    div.ContentBox .header .subscribeContainer {
                        display: inline;
                        position: absolute;
                        right: 22px;
                        top: 10px;
                        width: 106px;
                        min-height: 22px;
                        z-index: 10;
                    }

                        div.ContentBox .header .subscribeContainer a.btnSubscribe {
                            display: block;
                            width: 106px;
                            height: 22px;
                            text-indent: -9999px;
                            outline: none;
                            background: transparent url("../images/scrollers-subscribe.gif") top left no-repeat;
                        }

                            div.ContentBox .header .subscribeContainer a.btnSubscribe:hover { background-position: 0 -22px; }
                            div.ContentBox .header .subscribeContainer a.btnSubscribe:active, div.ContentBox .header .subscribeContainer a.btnSubscribe.active { background-position: 0 -44px; }

                        div.ContentBox .header .subscribeContainer .links {
                            display: none; /* will change with JavaScript */
                            width: 106px;
                            height: 100px;
                        }

                            div.ContentBox .header .subscribeContainer .links a {
                                display: block;
                                width: 106px;
                                background: transparent url("../images/scrollers-subscribelinks.gif") top left no-repeat;
                                text-indent: -9999px;
                                outline: none;
                            }

                                div.ContentBox .header .subscribeContainer .links a.rss {
                                    height: 26px;
                                    background-position: 0 0;
                                }

                                div.ContentBox .header .subscribeContainer .links a.rss:hover { background-position: 0 -123px; }
                                div.ContentBox .header .subscribeContainer .links a.rss:active { background-position: 0 -246px; }

                                div.ContentBox .header .subscribeContainer .links a.podcast {
                                    height: 23px;
                                    background-position: 0 -26px;
                                }

                                div.ContentBox .header .subscribeContainer .links a.podcast:hover { background-position: 0 -149px; }
                                div.ContentBox .header .subscribeContainer .links a.podcast:active { background-position: 0 -272px; }

                                div.ContentBox .header .subscribeContainer .links a.zune {
                                    height: 23px;
                                    background-position: 0 -49px;
                                }

                                div.ContentBox .header .subscribeContainer .links a.zune:hover { background-position: 0 -172px; }
                                div.ContentBox .header .subscribeContainer .links a.zune:active { background-position: 0 -295px; }

                                div.ContentBox .header .subscribeContainer .links a.tivo {
                                    height: 51px;
                                    background-position: 0 -72px;
                                }

                                div.ContentBox .header .subscribeContainer .links a.tivo:hover { background-position: 0 -195px; }
                                div.ContentBox .header .subscribeContainer .links a.tivo:active { background-position: 0 -318px; }

                            div.ContentBox .header .subscribeContainer .links .stub {
                                display: block;
                                width: 106px;
                                height: 11px;
                                background: transparent url("../images/scrollers-subscribestub.gif") bottom left no-repeat;
                            }

                            div.ContentBox .header img.affiliateLogo {
                                position: absolute;
                                right: 20px;
                                top: 1px;
                            }

                div.ContentBox .main {
                    display: block;
                    float: left;
                    clear: both;
                    min-height: 150px;
                    padding: 5px 20px 20px 20px;
                    background: #000;
                    width: 935px;
                }

                div.ContentBox .bottom {
                    display: block;
                    float: left;
                    clear: both;
                    background: transparent url('../images/scrollers-mainbg.gif') bottom left no-repeat;
                    height: 10px;
                    width: 975px;
                }

                    div.ContentBox .main .thumbnailsContainer {
                        display: block;
                        float: left;
                        position: relative;
                        clear: both;
                        width: 935px;
                        height: 185px;
                        overflow: hidden;
                        background: transparent url('../images/scrollers-thumbsbg.gif') bottom left no-repeat;
                    }

                    #merchandise .main .thumbnailsContainer {
                        height: 275px;
                    }

                    div.ContentBox .main .thumbnailsContainer ul {
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 5px;
                        width: 975px;
                        min-height: 150px;
                    }

						#showthumbs .main .thumbnailsContainer ul li, #NewestVideos .main .thumbnailsContainer ul li, #merchandise .main .thumbnailsContainer ul li {
                        width: 233px;
						margin-bottom:20px;
                    	}

                        div.ContentBox .main .thumbnailsContainer ul li {
                            display: inline;
                            float: left;
                            width: 155px;
                            margin-right: 1px;
                        }
                        

                            div.ContentBox .main .thumbnailsContainer ul li a { outline: none; text-decoration: none; }

                            div.ContentBox .main .thumbnailsContainer ul li a img {
                                border: none;
                                /*opacity: 0.6; -moz-opacity: 0.6;
                                                    border: none; */
                            }

                            div.ContentBox .main .thumbnailsContainer ul li a img:hover {
                                /*opacity: 1.0; -moz-opacity: 1.0;*/
                            }

                            #NewestVideos .main .thumbnailsContainer ul li h5, #showthumbs .main .thumbnailsContainer ul li h5, #showthumbs div.ContentBox .main .thumbnailsContainer ul li a h5, div.ContentBox .main .thumbnailsContainer ul li h5 { 
                                width: 224px;
                            }

                            div.ContentBox .main .thumbnailsContainer ul li h5, div.ContentBox .main .thumbnailsContainer ul li a h5 { 
                                display: block;
                                font-weight: bold;
                                font-size: 12px;
                                color: #1ab7ea;
                                width: 135px;
                                line-height: 13px;
                                max-height: 26px;
                                margin: 7px 0 0 0;
                                text-align:center;                                
                                text-decoration: none;
                                outline: none;
                                overflow: hidden;
                            }

                            #merchandise .main .thumbnailsContainer ul li a h5 {
                                color: #fff;
                                width: 185px;
                                padding: 0 20px;
                                height: 50px;
                                line-height: 50px;
                                background: transparent url('../images/ui-box-merch-title.gif') top left no-repeat;
                                max-height: none;
                            }

                            div.ContentBox .main .thumbnailsContainer ul li a:hover h5 {
                                text-decoration: underline;
                            }

							#showthumbs .main .thumbnailsContainer ul li h6, #NewestVideos .main .thumbnailsContainer ul li h6 {
                                width: 224px;
                            }

                            div.ContentBox .main .thumbnailsContainer ul li h6 {
                                display: block;
                                font-size: 11px;
                                font-weight: bold;
                                color: #999;
                                text-align:center;
                                width: 137px;
                                margin: 0;
                                overflow: hidden;
                            }

                            div.ContentBox .main .thumbnailsContainer ul li p {
                                display: none;
                            }

#BrowseKCTVNav {
	background: #000;
	color: #fff;
	float: left;
	width: 898px;
	margin: 10px 0 10px 37px;
	
}

	#BrowseKCTVNav a#ShowAll {
		display: block;
		float: left;
		width: 114px;
		height: 22px;
		background: url(../images/landingpage/btn_browse_all.png);
		text-indent: -9999px;
	}

	#BrowseKCTVNav a#ShowAll:hover {
		background-position: 0 -22px;
	}

	#BrowseKCTVNav a#ShowAll:active {
		background-position: 0 -44px;
	}

	#BrowseKCTVNav a#ShowGenre {
		display: block;
		float: left;
		width: 114px;
		height: 22px;
		background: url(../images/landingpage/btn_browse_genres.png);
		text-indent: -9999px;
	}

	#BrowseKCTVNav a#ShowGenre:hover {
		background-position: 0 -22px;
	}

	#BrowseKCTVNav a#ShowGenre:active {
		background-position: 0 -44px;
	}

#BrowseKCTVContent {
	background: #000;
	color: #fff;
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin-left: 37px;
	width: 898px;
}

    #BrowseKCTVContent #loading {
		display: block;
		margin: 20px auto;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		width: 100px;
	}
	
	#BrowseKCTVContent #loading img {
		display: block;
		clear: both;
		margin: 0 auto;
	}
	#BrowseKCTVContent a {
		color: #1ab7ea;
		line-height: 20px;
		text-decoration: none;
	}
	
	#BrowseKCTVContent .BrowseBoxContainer {
		display: inline;
		margin-left: 35px;
	}
	
		#BrowseKCTVContent .BrowseBox {
			float: left;
			width: 200px;
			margin: 0 20px 20px 0;
		}
		
		#BrowseKCTVContent .BrowseBox h2{
			font-size: 14px;
			font-weight: normal;
			display: block;
			border-bottom: 1px solid #777;
			line-height: 40px;
			margin-bottom: 10px;
			width: 200px;
		}
		
		#BrowseKCTVContent .BrowseBox ul {
			list-style: none;
		}
		
		#BrowseKCTVContent .BrowseBox p {
			display: none;
		}
		
		#BrowseComing ul li {
		    cursor: default;
		}


/* Prototip Section */

/* browsekctv */

.prototip .browsekctv {
	width: 200px;
	list-style: none;
}

.prototip .browsekctv ul {
	display: block;
	width: 200px;
	background: transparent url("/images/ui-dd-bg.gif") top left repeat-y;
	min-height: 200px;
}

.prototip .browsekctv ul li {
	display: block;
	clear: both;
	width: 200px;
}

.prototip .browsekctv .top {
	background: transparent url("/images/ui-dd-top.gif") top left no-repeat;
	width: 200px;
	height: 8px;
	font-size: 1px;
	line-height: 1px;
}

.prototip .browsekctv .bottom {
	clear: both;
	background: transparent url("/images/ui-dd-bottom.gif") top left no-repeat;
	width: 200px;
	height: 8px;
}

.prototip .browsekctv li.sep {
	border-bottom: 1px solid #0f8cb5;
	padding-bottom: 6px;
}

.prototip .browsekctv li.sepafter {
	padding-top: 6px;
}

.prototip .browsekctv li a, .prototip .browsekctv li span {
	display: block;
	width: 172px;
	padding: 2px 10px;
	margin: 0 4px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

.prototip .browsekctv li a.inset {
	width: 172px;
	padding: 4px 0 4px 20px;
}

.prototip .browsekctv li a:hover {
	color: #000;
	background: #fff;
}

.prototip .dropdown .content ul li, .prototip .default .content ul li {
    background: url(../images/landingpage/bg_dropdown.png) no-repeat 0 0;
    width: 217px;
    height: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.prototip .dropdown ul li:hover, .prototip .default .content ul li:hover {
    background-position: 0 -31px;
}

.prototip .dropdown ul li a, .prototip .default .content ul li a {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-indent: 25px;
    text-decoration: none;
    width: 194px;
}

/* needed to overwrite some rules */
.prototip .default .content {
    padding: 0;
    background: #000;
}

#showDetails {
    display: inline;
    float: left;
    clear: both;
    width: 975px;
}

    #showDetails .heading {
        display: block;
        float: left;
        clear: both;
        margin: 0;
        padding: 0;
        width: 975px;
        height: 64px;
        background: transparent url("../images/showdetails/header_spoilers.gif") top left no-repeat;
    }
    
        #showDetails .heading h1 {
            display: none;
        }
        
        #showDetails .heading a {
            display: block;
            position: relative;
            float: right;
            padding-left: 33px;
            line-height: 30px;
            font-size: 16px;
            margin: 20px 40px 0 0;
            background: transparent url("../images/showdetails/linkback-bg.gif") top left no-repeat;
            color: #fff;
            text-decoration: none;
        }
        
        #showDetails .heading a:hover {
            text-decoration: underline;
        }
        
    #showDetails .showDetailContent {
        display: block;
        float: left;
        clear: both;
        margin: 0;
        padding: 0;
        width: 975px;
        background: #000;
        color: #fff;
    }
    
    #showDetails .bottomDetailContent {
        display: block;
        float: left;
        clear: both;
        margin: 0;
        padding: 0;
        width: 975px;
        height: 19px;
        background: transparent url("../images/showdetails/bottombg.gif") top left no-repeat;
    }
    
        .showDetailContent #showLogo {
            display: block;
            float: left;
            clear: both;
            margin: 10px 0 40px 0;
            width: 975px;
            text-indent: -9999px;
        }
        
        .showDetailContent #showLogo.poorPaul {
            background: transparent url("../images/showdetails/pp/logo.gif") center center no-repeat;
            height: 164px;
        }
        
        .showDetailContent #showSynopsis {
            display: inline;
            float: left;
            width: 485px;
            height: 335px;
            background: transparent url("../images/showdetails/synopsis-bg.gif") bottom left no-repeat;
        }
        
            #showSynopsis h2 {
                display: block;
                float: left;
                width: 96px;
                height: 25px;
                text-indent: -9999px;
                background: transparent url("../images/showdetails/synopsis-title.gif") top left no-repeat;
                margin: 40px 0 0 40px;
            }
            
            #showSynopsis p {
                display: block;
                float: left;
                width: 405px;
                margin: 20px 40px 0;
                color: #fff;
                font-size: 12px;
                text-indent: 0;
                line-height: 18px;
            }
        
        .showDetailContent ul {
            display: inline;
            float: left;
            clear: both;
            margin: 10px 40px;
            width: 895px;
        }
        
            .showDetailContent ul.leftBio {
                background: transparent url("../images/showdetails/leftitem-bg.gif") top left repeat-y;
            }
            
            .showDetailContent ul.rightBio {
                background: transparent url("../images/showdetails/rightitem-bg.gif") top left repeat-y;
            }
            
            .showDetailContent ul.leftBio li.top, .showDetailContent ul.rightBio li.top, .showDetailContent ul.leftBio li.bottom,
            .showDetailContent ul.rightBio li.bottom {
                background: transparent url("../images/showdetails/leftitem-top.gif") top left no-repeat;
                width: 895px;
                height: 8px;
            }
            
            .showDetailContent ul.leftBio li.bottom { background: transparent url("../images/showdetails/leftitem-bottom.gif") top left no-repeat; }
            
            .showDetailContent ul.rightBio li.top { background: transparent url("../images/showdetails/rightitem-top.gif") top left no-repeat; }
            .showDetailContent ul.rightBio li.bottom { background: transparent url("../images/showdetails/rightitem-bottom.gif") top left no-repeat; }
            
            .showDetailContent ul.leftBio li {
                display: inline;
                float: left;
            }
            
            .showDetailContent ul.rightBio li {
                display: inline;
                float: right;
            }
            
            .showDetailContent ul li.center {
                display: block;
                float: left;
                clear: both;
                width: 895px;
            }
            
            .showDetailContent ul li .image {
                display: inline;
                float: left;
                width: 140px;
                height: 140px;
                margin: 7px 0 7px 15px;
            }
            
            .showDetailContent ul.rightBio li .image {
                float: right;
                margin: 7px 15px 7px 0;
            }
            
            .showDetailContent ul li .image .shadow_top, .showDetailContent ul li .image .shadow_bottom {
                display: block;
                float: left;
                width: 140px;
                height: 5px;
                background: transparent url("../images/showdetails/leftitem-shadow-top.gif") top left no-repeat;
            }
            
            .showDetailContent ul.rightBio li .image .shadow_top {
                background: transparent url("../images/showdetails/rightitem-shadow-top.gif") top left no-repeat;
            }
            
            .showDetailContent ul li .image .shadow_bottom {
                background: transparent url("../images/showdetails/leftitem-shadow-bottom.gif") top left no-repeat;
            }
            
            .showDetailContent ul.rightBio li .image .shadow_bottom {
                background: transparent url("../images/showdetails/rightitem-shadow-bottom.gif") top left no-repeat;
            }
            
            .showDetailContent ul li .image .shadow {
                display: block;
                float: left;
                clear: both;
                width: 140px;
                height: 130px;
                padding: 0 5px;
                background: transparent url("../images/showdetails/leftitem-shadow.gif") top left repeat-y;
            }
            
            .showDetailContent ul.rightBio li .image .shadow {
                background: transparent url("../images/showdetails/rightitem-shadow.gif") top left repeat-y;
            }
            
            .showDetailContent ul li .image img {
                border: none;
                width: 130px;
                height: 130px;
            }
            
            .showDetailContent ul li .image a {
                border: none;
                text-decoration: none;
            }
            
            .showDetailContent ul li .synopsis {
                display: inline;
                float: left;
                width: 701px;
                margin: 12px 0 0 15px;
            }
            
            .synopsis h3 {
                display: block;
                float: left;
                clear: both;
                width: 661px;
                padding: 0 20px;
                height: 34px;
                line-height: 34px;
                font-size: 18px;
                color: #fff;
                background: transparent url("../images/showdetails/leftitem-header.gif") top left no-repeat;
                font-weight: normal;
            }
            
            ul.rightBio .synopsis h3 {
                color: #0c4d62;
                background: transparent url("../images/showdetails/rightitem-header.gif") top left no-repeat;
            }
            
            .synopsis h3 a {
                color: #fff;
            }
            
            ul.rightBio .synopsis h3 a {
                color: #0c4d62;
            }
            
            .synopsis p {
                display: block;
                float: left;
                clear: both;
                width: 661px;
                padding: 0 20px;
                line-height: 18px;
                font-size: 12px;
                margin-top: 10px;
            }
            
            ul.rightBio .synopsis p {
                color: #0c4d62;
            }
            
            .showDetailContent ul li.desc p {
                line-height: 18px;
                font-size: 12px;
                margin-top: 10px;
            }

#episodeHeader .thumbsFeedicon {
    right: 32px;
}

div.glossy{width:100%;float:left;position:relative;padding:0;}
div.glossy span{display:block;height:39px;padding:0;}
div.glossy span.left{width:20px;background:url(../images/rounded/blackglossy/glossy_top_left.png) no-repeat; float: left;}
div.glossy span.mid {
	background: url(../images/rounded/blackglossy/glossy_top_middle.png);
	color: #fff;
	font-family: "Myriad Pro", Myriad, sans-serif;
	font-size: 16px;
	font-weight: normal;
/*  float: left;*/
    margin: 0 20px 0 20px;
	line-height: 39px;
	text-indent: -10px;
	white-space: nowrap;
	display:block;

}

div.glossy span.mid p {
    display: inline;
    color: #1AB7EA;
}
div.glossy span.right{width:20px;background:url(../images/rounded/blackglossy/glossy_top_right.png) no-repeat; float: right;}

div.bottomglossy{width:100%;float:left;position:relative;padding:0;}
div.bottomglossy span{display:block;height:9px;padding:0;}
div.bottomglossy span.left{width:20px;background:url(../images/rounded/blackglossy/glossy_bottom_left.png) no-repeat; float:left;}
div.bottomglossy span.mid{display: block; margin: 0 20px 0 20px;background: #000}
div.bottomglossy span.right{width:20px;background:url(../images/rounded/blackglossy/glossy_bottom_right.png) no-repeat; float: right;}

#footerWrapper {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    clear: both;
    margin-top: 60px;
}

.footer {
	width: 677px;
	height: 20px;
	margin: 0 auto;
	color: #ccc;
}

	.footer a {
		text-decoration: none;
		color: #ccc;
	}
	
	.footer a:hover { text-decoration: underline; color: #ccc;}

    .footer span {
		color: #70bbcd;
	}
	
	.footer .additional {
		float: left;
		clear: both;
		width: 677px;
	}
	
	.footer .additional .left {
		width: 323px;
		padding-left: 15px;
		float: left;
		text-align: left;
		color: #ccc;
		font-size: 0.8em;
	}
	
	.footer .additional .right {
		width: 323px;
		padding-right: 15px;
		float: left;
		text-align: right;
		font-size: 0.8em;
	}

.footer, .push {
    height: 20px;
}

/****** BROWSE PAGE SHOW/HIDE GRAPHICS BUTTON ******/

#show_graphics.graphics {
	background:transparent url(../images/landingpage/btn_show_graphics.png) no-repeat; 
	display:block; 
	float:left;
	margin-left:310px;
	height:22px;
	text-indent:-9999px;
	width:140px;
}

#show_graphics.graphics:hover {
	background:transparent url(../images/landingpage/btn_show_graphics.png) no-repeat 0px -22px; 
	display:block; 
	float:left;
	margin-left:310px;
	height:22px;
	text-indent:-9999px;
	width:140px;
}

#show_graphics.graphics:focus {
	background:transparent url(../images/landingpage/btn_show_graphics.png) no-repeat 0px -44px; 
	display:block; 
	float:left;
	margin-left:310px;
	height:22px;
	text-indent:-9999px;
	width:140px;
}

#show_graphics.text {
	background:transparent url(../images/landingpage/btn_hide_graphics.png) no-repeat; 
	display:block; 
	float:left;
	margin-left:310px;
	height:22px;
	text-indent:-9999px;
	width:140px;
}

#show_graphics.text:hover {
	background:transparent url(../images/landingpage/btn_hide_graphics.png) no-repeat 0px -22px; 
	display:block; 
	float:left;
	margin-left:310px;
	height:22px;
	text-indent:-9999px;
	width:140px;
}

#show_graphics.text:focus {
	background:transparent url(../images/landingpage/btn_hide_graphics.png) no-repeat 0px -44px; 
	display:block; 
	float:left;
	margin-left:310px;
	height:22px;
	text-indent:-9999px;
	width:140px;
}

/* Landing Scroller Items */
#LandingScroller .main {
    position: relative;
    height: 372px;
    overflow: hidden;
}

#LandingScroller .main .pane {
    display: block;
    position: relative;
    width: 935px;
    height: 342px;
    overflow: hidden;
}

ul#LandingScrollerItems {
    display: block;
    list-style: none;
    position: absolute;
    height: 342px;
}

    ul#LandingScrollerItems li {
        display: block;
        float: left;
        width: 935px;
        height: 342px;
    }
    
    ul#LandingScrollerItems li .pageTitle { display: none; }
    
    ul#LandingScrollerItems li.video .preview, ul#LandingScrollerItems li.show .preview, 
    ul#LandingScrollerItems li.blog .preview {
        display: block;
        float: left;
        width: 612px;
        height: 342px;
        overflow: hidden;
        position: relative;
    }
    
    .preview img {
        width: 612px;
    }
    
    .preview .overlay {
        display: block;
        position: absolute;
        top: 0; left: 0;
        z-index: 5;
        background: transparent url('../images/ui-overlay-landingpageitem.png') top left no-repeat;
        width: 612px;
        height: 342px;
    }
    
    ul#LandingScrollerItems li .info {
        display: block;
        float: left;
        width: 272px;
        height: 302px;
        background: transparent url('../images/ui-box-landinginfobg.gif') bottom left no-repeat;
        padding: 20px;
        overflow: hidden;
        margin-left: 10px;
        position: relative;
    }
    
        ul#LandingScrollerItems li div.BL { background: transparent url('../images/ui-box-landinginfobg-blue.gif') bottom left no-repeat; }
        ul#LandingScrollerItems li div.WH { background: transparent url('../images/ui-box-landinginfobg-white.gif') bottom left no-repeat; }
    
        li.video .info h5, li.show .info h5, li.blog .info h5 {
            font-size: 20px;
            font-weight: normal;
            color: #fff;
            margin-bottom: 10px;
        }
        
        li.video .info h6, li.show .info h6, li.blog .info h6 {
            font-weight: normal;
            font-size: 14px;
            color: #1ab7ea;
            margin-bottom: 10px;
        }
        
        li.video .info p, li.show .info p, li.blog .info p {
            margin: 20px 0;
            color: #fff;
            font-size: 12px;
        }
        
        li.video .info a.watchNow, li.show .info a.watchNow, li.blog a.readNow {
            display: block;
            width: 131px;
            height: 22px;
            text-indent: -9999px;
            outline: none;
            background: transparent url('../images/ui-btn-watchnow.png') top left no-repeat;
            position: absolute;
            bottom: 17px;
            right: 20px;
        }
        
        li.blog a.readNow { background: transparent url('../images/ui-btn-readnow.gif') top left no-repeat; }
        
        li.video .info a.watchNow:hover, li.show .info a.watchNow:hover, li.blog a.readNow:hover { background-position: 0 -22px; }
        li.video .info a.watchNow:active, li.show .info a.watchNow:active, li.blog a.readNow:active { background-position: 0 -44px; }
    
#LandingScroller #bookmarks {
    display: block;
    position: absolute;
    bottom: 20px;
    height: 20px;
    width: 935px;
    text-align: center;
}

    #LandingScroller #bookmarks a {
        display: inline-block;
        height: 20px;
        width: 20px;
        margin-right: 5px;
        background: transparent url('../images/ui-btn-landingbookmark.gif') top left no-repeat;
        text-indent: -9999px;
        outline: none;
    }
    
    #LandingScroller #bookmarks a.active {
        background-position: 0 -20px;
    }
