html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clearfix{height:1%;}
body{
background:#C5CBCC url(../images/entertainment/bg.jpg) fixed center top;
}

#page {

width:950px;

font:80% Verdana, Arial, Helvetica, sans-serif;

text-align:left;
margin:0 auto;
}

#pageheader, #pagecontent, #footer{
clear: both;
}

a, a:visited{
text-decoration: none; color:#008ae9;
}

a:hover{
color:#ff0877;
}
#logo{
padding:3px;
float: left;
background:url(../images/entertainment/findchennai.gif) center no-repeat;
width: 110px;
margin-left:10px;
}
#user{float:right;text-align:left;width:200px; margin-top:25px; line-height:150%;}
#user a,#user a:visited{text-decoration:none;vertical-align:middle;padding:0 10px;}
#user a.first{ padding-left:0;}
#pageheader img{ margin: 7px;}

#pagecontent{ background:#fff; padding: 10px;}

#contentleft {
display:block;
float:left;
width:620px;
padding-bottom: 20px;
}
#contentright {
display:block;
float:right;
width:300px;
background:#000;
color:#fff;
padding:10px 0;
}
#contentleft .title{
font-size:130%;
line-height:200%;
margin-bottom:10px;
}
#contentright .title{
font-size:100%;
line-height:150%;
margin-bottom:5px;
text-align:center;
}
#contentleft p{
text-align:justify;
}
#footer{ text-align: center; font-size: 11px; font-family:verdana; padding:10px 0; color: #333; line-height: 175%; display:block }

#footer ul, #footer li {

list-style:none;

}

#footer li{

border-right:1px solid #0099FF; display:inline;

 }

#footer a, #footer a:visited, .more a, .more a:visited{ color:#FF0877; padding: 0 3px; text-decoration: none; }

#footer a:hover, .more a:hover{ text-decoration: underline;}

#footer li.last{
border-right:none;
}

#nav {

display:block; margin:0; padding:0; position:relative; z-index:1;

}

#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }

#nav a { display: block; }

#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }

* html #nav ul { line-height: 0; } /* IE6 "fix" */

#nav ul a { zoom: 1; } /* IE6/7 fix */

#nav ul li { float: none; }

#nav ul ul { top: 0; }

#nav ul { width: 150px;}

#nav ul ul { left: 150px; }

#nav { background-color: #000000; height:30px; font-size:12px; padding:0; line-height:30px; }

#nav *:hover { background-color: none;  color:#f33;}

#nav a { color:#fff;height:28px; font-size:12px; line-height:28px; width:120px; text-indent:10px; border:#000 solid 1px; font-weight:700;}

#nav li.hover a {}

#nav ul li a { background-color:#000000; color:#fff; height:25px; font-size:13px; line-height:25px; width:150px; text-indent:10px; font-weight:100;  }

#nav ul li.hover > a { background-color: #000; color:#f33; }

#nav ul a { opacity: 0.9; filter: alpha(opacity=90); }

#hotintro{ display:block; padding:10px;}

#intromain{ width: 400px; float: left;}

#intromenu{ width: 200px; float:right; background:#000; height:250px;}

#intromenucontent{ text-align: center; color:#fff;}

#intromenucontent h3{ font-size: 16px; margin-bottom:10px; line-height:150%;}

#intromenucontent a, #intromenucontent a:visited{ color:#FF0877;}

#intromenucontent h3 a:hover{ color:#0099FF;}

.module{ border: #999 solid 1px; border-bottom: #FF0877 solid 2px; margin-top: 10px; padding: 10px; background: url(../images/entertainment/modulebg.gif) repeat-x #fefefe;}

.module h3{ font-size: 24px; color: #000; padding:0; padding-bottom:10px; margin:0; font-family: Georgia, "Times New Roman", Times, serif; font-weight:400;}

.module .modmore{ width: 150px; float:right;}

.info{ width: 110px; float: left; text-align: center;}

.info div{ color:#008ae9; text-align: left; margin: 2px; margin-top: 0;}

.info div a, .info div a:visited, .listing li a, .listing li a:visited, .module .modmore a, .module .modmore:visited{ color:#008ae9; font-weight:100; font-size:85%;}

.info div a:hover, .listing li a:hover, .module .modmore a:hover{color:#FF0877;}

.info div a img , .info div a:visited img, .listing li a img , .listing li a:visited img{ width: 100px; height: 150px; border: #ddd solid 2px;}

.listing li a img , .listing li a:visited img{ height: 100px; width: 100px;}

.info div a:hover img, .listing li a:hover img{border: #FF0877 solid 2px;}

.info div a span{ text-align:center;}

.listing li{ float:left; display:inline; width:110px; height:200px; margin:5px; overflow:hidden; position:relative; text-align: center; line-height: 100%; z-index:0;}

.more{ text-align:right; margin-right: 100px;}

.more a, .more a:visited{ font-size: 20px; color: #333;}

.more a:hover{ text-decoration:underline;}

#subhotintro{ height: 300px; border: #000 solid 5px; display:block; margin: 0px; background: #000;}

#subintromain{ width: 450px; float: left;}

#subintromenu{ width: 177px; float: right;}

#subintromenu ul{ padding:0; margin:0;}

#subintromenu li{ padding:0; margin:0; list-style: none; height: 49px; font-size: 12px; vertical-align: middle; cursor: pointer; color: #fff; border-bottom: #333333 solid 1px; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity: 0.60;}

#subintromenu li img{ margin: 4px; float: right; width: 48px;}

#subintromenu li div{ width: 110px; float: left; line-height: 150%; padding-left: 5px;}

#subintromenu li.subactive{ filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00;}

.textDescription { position: absolute; top: 388px; left: 28px; height: 80px; width: 450px; background: url(../images/entertainment/transbg.png); _background: none;}

.textDescription h1 {color: #fff; font: bold 20px "Times New Roman", Times, serif; text-align: left; margin: 5px 10px; letter-spacing: 2px; }

.textDescription p { color: #fff; font: normal 12px Arial, Helvetica, sans-serif; margin: 5px; margin-left: 10px; line-height: 150%; }

.textDescription p a { color:#FF0066; text-align: right; margin-left: 320px; font-weight: bold; letter-spacing: 2px;}

.textDescription p a:hover { text-decoration:underline;}

.innerlist{ float:left; width:170px; height: 200px; margin:0; overflow:hidden; text-align: center; line-height: 100%;}

.innerlist ul{ padding:0; margin:0; list-style: none;}

.innerlist li{ width:160px; height: 200px; margin:0; padding:0 0 5px 5px; overflow:hidden; text-align: center; line-height: 100%;}

.innerlist li a, .innerlist li a:visited{color: #FF0877;}

.innerlist li a:hover{ filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity: 0.60;}

.channels ul{ list-style: none; padding:0; margin:0;}

.channels li{ display:inline; width: 200px; padding:10px;}

.slideIndicator p{

text-align:left; padding:0 10px;

}
div.tooltip { 
    font-size:10px; 
    height:80px; 
    padding:10px 20px; 
    width:600px; 
    display:none; 
    color:#fff;
	background:#000;
	margin-left:20px;
	text-transform:uppercase;	
} 
 
div.tooltip li{
float:left;
width:150px;
display:inline-block;
line-height:20px;
}

div.tooltip li a, div.tooltip li a:visited, div.tooltip li a:hover{
color:#ccc;
}

.contentlist {
border-top:1px dotted #0F0F0F;
font-size:11px;
line-height:150%;
margin:5px 0;
padding:10px;
}
.contentlist-img {
border:2px solid #FF0877;
display:inline;
float:left;
height:100px;
margin:0 10px 2px;
overflow:hidden;
width:100px;
}
.contentlist-txt {
font-size:1em;
margin:1px 0 0 134px;
}
.related{
margin:50px 0 0 50px;
}
.related li{
list-style:inside;
line-height:175%;
}

/* Scrolable */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 300px;
	height:200px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable a, .scrollable a:visited, .scrollable a:hover {
	float:left;
	margin:20px 5px 20px 8px;
	padding:2px;
	cursor:pointer;
    width: 80px;
	font-size:9px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}