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


body
{
margin:0px;
padding:0px;
background-color: #000000;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
.image-bg
{
border-bottom:5px solid #baa53c;
}
p
{
margin:6px 0px;
}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
clear:both;
height:0px;
}
#container
{
width:100%;
height:auto;
text-align:center;
float:left;
}
/* CSS header Document */

#header
{
width:100%;
height:118px;
text-align: left;
float:left;
background:url(../images/canlitv-header-bg.jpg) left top repeat-x;

}
.header-main
{
width:980px;
height:118px;
margin:0px auto;
text-align:center;
}
.logo-box
{
width:365px;
height:118px;
float:left;
text-align:left;
}
.logo
{
margin-left:13px;
}
.header-right
{
width:610px;
height:114px;
float:right;
text-align:left;
padding-right:5px;
padding-bottom:4px;
}
.header-right-top
{
width:610px;
height:94px;
float:left;
text-align:left;
}
.header-right-top-left
{
width:360px;
height:50px;
float:left;
text-align:left;
padding-top:44px;
}
.input
{
width:216px;
height:20px;
float:left;
text-align: center;
font:normal 13px/20px Trebuchet MS, Ariel, Helvetica, sans-serif;
color: #f4890b;
border:1px solid #f4890b;
background:url(../images/canlitv-input-bg.jpg) left top repeat-x;
}
.header-right-top-right
{
width:245px;
height:94px;
float:right;
text-align:right;
color: #FFF;
font:normal 11px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.header-right-top-right a
{
color: #FFF;
font:normal 11px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.header-right-top-right a:hover
{
color: #f4890b;
font:normal 11px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
/* CSS Menu */
.navcontainer
{
width:610px;
height:20px;
float:left;
text-align:left;
}
.navcontainer ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:20px;
	}

.navcontainer ul li a {
        width:71px;
        height: 20px;
        padding: 0px;
        margin: 0px;
        color: #000000;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 13px/20px Trebuchet MS, Arial, Helvetica, sans-serif;
		text-transform: none;
		margin-right:5px;
		background-color:inherit;
		background: url(../images/canlitv-menu-normal-bg.jpg) left top no-repeat;
}

.navcontainer ul li a:hover {
        color: #fe5f04;
		height:20px;
		text-decoration:none;
		background: url(../images/canlitv-menu-hover-bg.jpg) left top no-repeat;
}

.navcontainer li.active a {
        color: #fe5f04;
		height:20px;
		text-decoration:none;
		background: url(../images/canlitv-menu-hover-bg.jpg) left top no-repeat;
}
/* CSS body Document */

#body-main
{
width:980px;
height:auto;
text-align:center;
margin:0px auto;
}
.body-container
{
width:980px;
height:auto;
float:left;
text-align:left;
padding:20px 0px 18px 0px;
}
.body-left
{
width:632px;
height:auto;
float:left;
text-align:left;
}
.canlitv-online-left-title
{
width:613px;
height:24px;
float:left;
text-align:left;
background:url(../images/canlitv-online-title-bg.jpg) left top repeat-x;
padding-left:7px;
margin-bottom:10px;
color: #000000;
font: bold 14px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.online-bg
{
float:left;
margin-right:10px;
}
.body-left-bottom
{
width:628px;
height:auto;
float:left;
text-align:left;
padding-left:4px;
}
.show-tv-box
{
width:615px;
height:141px;
float:left;
text-align:left;
background:url(../images/canlitv-show-box-bg.jpg) left top no-repeat;
padding:5px 0px 0px 5px;
}
/* CSS service Menu */
.service
{
       width:615px;
       height:141px;
       float:left;
       text-align:left;
}
.service ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.service ul li {
        margin-right:23px;
        display: block;
        float:left;
        text-align:center;
        padding: 0px;
		height: auto;
}

.service ul li a {
        width:135px;
        height:131px;
        color: #000000;
        text-decoration: none;
        display: block;
        text-align:center;
        font: bold 13px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
		text-transform: none;
		padding-top:3px;
		background:url(../images/canlitv-show-box.jpg) left top no-repeat;

}

.service ul li a:hover {
        width:135px;
        height:131px;
		padding-top:3px;
        margin: 0px;
        color: #f4890b;
        text-decoration: none;
        display: block;
        text-align:center;
        font: bold 13px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
		text-transform: none;
}
.service li.active a {
        width:135px;
        height:131px;
		padding-top:3px;
        margin: 0px;
        color: #f4890b;
        text-decoration: none;
        display: block;
        text-align:center;
        font: bold 13px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
		text-transform: none;
		}
.vedio-box
{
width:628px;
height:auto;
float:left;
text-align:left;
padding:6px 0px 10px 0px;
}
.vedio-left
{
width:411px;
height:auto;
float:left;
text-align:left;
}
.aksi-left-title
{
width:400px;
height:24px;
float:left;
text-align:left;
background:url(../images/canlitv-radyo-title-bg.jpg) left top repeat-x;
color: #000000;
font: bold 14px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
padding-left:11px;
margin-bottom:1px;
}
.vedio-play-box
{
width:411px;
height:auto;
float:left;
text-align:left;
}
.vedio-right
{
width:212px;
height:auto;
float:right;
text-align:left;
}
.aksi-right-title
{
width:201px;
height:24px;
float:left;
text-align:left;
background:url(../images/canlitv-radyo-title-bg.jpg) left top repeat-x;
color: #000000;
font: bold 14px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
padding-left:11px;
margin-bottom:1px;
}
.vedio-table-box
{
width:212px;
height:auto;
float:left;;
text-align:left;
}
.left td
{
background-color: #f4890b;
padding:0px 1px;
}
.right td
{
color: #000000;
padding-left:5px;
height:18px;
}
.canlitv-text-box
{
width:603px;
height:63px;
float:left;
text-align:left;
background:url(../images/canlitv-text-bg.jpg) left top no-repeat;
padding:0px 8px;
color: #FFF;
font: normal 11px/14px Trebuchet MS, Arial, Helvetica, sans-serif;
margin-bottom:6px;
}
.canlitv-bg
{
float:left;
margin-top:8px;
margin-right:10px;
}
.link-box
{
width:617px;
height:137px;
float:left;
text-align:left;
background:url(../images/canlitv-link-box-bg.jpg) left top no-repeat;
padding:10px 0px 0px 5px;
}
.seyret
{
width:617px;
float:left;
text-align:left;
height:137px;
}
.seyret ul
 {margin: 0; padding: 0;
}
.seyret li {
	list-style: none;
	}
.seyret ul li
{
width:106px;
float:left;
text-align:left;
border-bottom:1px solid #f2f2f2;
padding-left:6px;
display:block;
height:24px;
font: normal 13px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
margin-right:52px;
background:url(../images/seyret-normal-arrow.jpg) 6px center no-repeat;
}

.seyret ul li a
{
width:97px;
color:#FFF;
text-decoration: none;
font: normal 13px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #FFF;
height:24px;
padding-left:9px;
display:block;
}
.seyret ul li a:hover
{
color:#f48809;
text-decoration:underline;
font: normal 13px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
background:url(../images/seyret-hover-arrow.jpg) left center no-repeat;
text-decoration:none;
}
.seyret li.active a {
color:#f48809;
text-decoration:underline;
font: normal 13px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
background:url(../images/seyret-hover-arrow.jpg) left center no-repeat;
text-decoration:none;
}
.body-right
{
width:318px;
height:auto;
float:right;
text-align:left;
}
.canlitv-online-right-title
{
width:311px;
height:24px;
float:left;
text-align:left;
background:url(../images/canlitv-online-title-bg.jpg) left top repeat-x;
padding-left:7px;
margin-bottom:10px;
color: #000000;
font: bold 14px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.body-right-bottom
{
width:300px;
height:auto;
float:left;
text-align:left;
padding-right:18px;
}
.canlitv-banner-box
{
width:300px;
height:auto;
float:left;
text-align:left;
margin-bottom:10px;
}
.dinle-box
{
width:300px;
height:auto;
float:left;
text-align:left;
padding-bottom:10px;
}
.radyo-title
{
width:300px;
height:24px;
float:left;
text-align: center;
background:url(../images/canlitv-radyo-title-bg.jpg) left top repeat-x;
color: #000000;
font: bold 14px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
}
/* sub-navigation */	
	
.subnav{
	color: #000000;
	font: bold 13px/36px Trebuchet MS, Arial, Helvetica, sans-serif;
	width:300px;
	height:auto;
	float:left;
	background-color: #FFF;
	}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	list-style: none;
	border-bottom:1px solid #d4d4d4;
	padding-left:10px;
	width:290px;
	height:37px;
	font: bold 13px/37px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
.subnav ul li a {
	display: block;
	width:245px;
	height:37px;
	text-decoration: none;
	color: #000000;
	background: url(../images/canlitv-show-arrow-bg.jpg) left center no-repeat;
	padding-left:45px;
	font: bold 13px/37px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.subnav ul li a:hover {
	color: #f4890b;
	font: bold 13px/37px Trebuchet MS, Arial, Helvetica, sans-serif;
	height:37px;
	text-decoration:none;
}
.subnav ul li a.active {
	color: #f4890b;	
	font: bold 13px/37px Trebuchet MS, Arial, Helvetica, sans-serif;
	height:37px;
	text-decoration:none;
}	
/* CSS footer Document */
#footer
{
width:100%;
height:44px;
float:left;
text-align:left;
background-color:#f4890b;
padding-top:8px;
}
.footer-main
{
width:980px;
height:44px;
margin:0px auto;
text-align:center;
}
.footer-left
{
width:510px;
height:44px;
float:left;
text-align:left;
padding-left:10px;
}
.footer-th
{
margin-right:10px;
}
.footer-right
{
width:355px;
height:44px;
float:right;
text-align:center;
color: #000000;
font: normal 11px/16px Trebuchet MS, Arial, Helvetica, sans-serif;
}
/* CSS Text Document */
body{
	font-family: Trebuchet MS, Ariel, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}
.black-text
{
color: #000000;	
font: normal 11px/17px Trebuchet MS, Arial, Helvetica, sans-serif;
border-bottom:1px solid #FFF;
}
.white-text
{
color: #FFF;	
font: normal 11px/17px Trebuchet MS, Arial, Helvetica, sans-serif;
border-bottom:1px solid #FFF;
}