@import url(nav.css);

/*  main  */
html body {
	padding:0;
	margin:0;
	background-color: #2698e2;
	background-image:url(../images/top-main-bg.jpg);
	background-repeat:no-repeat;
	/*background-image: url(../images/tata-sky-background.jpg);
	background-repeat: repeat-x;*/
	background-position:top center;
	/*background-attachment:fixed;*/
	FONT-SIZE: 11px;
	COLOR: #666;
	line-height:15px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
}
table, tr, td {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
}
form {
	padding:0;
	margin:0;
}
.clear {
	clear:both;
}
.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}
#container {
	margin:0 auto;
	position:relative;
	width:950px;
}
#container #shok {
	left:0px;
	top:85px;
	position:absolute;
	z-index:99999;
}
a {
	color:#0075c0;
	FONT-SIZE: 11px;
	text-decoration:underline;
	font-size:14px;
}
a:hover {
	color:#000000;
	text-decoration:none;
}

.P20{padding:20px;}
.PL5{padding-left:5px;}
.P5{padding:5px;}
.PT10{padding-top:10px;}
.PT5{padding-top:5px;}
.PB5{padding-bottom:5px;}
.PB12{padding-bottom:12px;}
.PB15{padding-bottom:15px;}
.PB45{padding-bottom:45px;}
.ML2{margin-left:2px;}
.ML15{margin-left:15px;}
.MB15{margin-bottom:15px;}
.PL15{padding-left:15px;}
.PR15{padding-right:15px;}
.FL{float:left;}
.FR{float:right;}
.f14 {font-size:14px; line-height:18px;}
.MT40{margin-top:40px;}
.PT115{padding-top:115px;}


h2{font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#0071b6; line-height:18px; margin:0; padding:0;}

h3{font-family:Tahoma, Geneva, sans-serif; font-size:15px; color: #0b88e3; line-height:25px; margin:0; padding:0;}
h4{font-family:Tahoma, Geneva, sans-serif; font-size:14px; color: #666; line-height:18px; margin:0; padding:0; font-weight:100;}

.boxlt1 {
	width:9px;
	height:9px;
	background-image:url(../images/box-lt1.gif);
}
.boxlt2 {
	background-image:url(../images/box-lt2.gif);
}
.boxlt3 {
	width:12px;
	background-image:url(../images/box-lt3.gif);
}
.boxlt4 {
	background-image:url(../images/box-lt4.gif);
}
.boxlt5 {
	background-image:url(../images/box-lt5.gif);
}
.boxlt6 {
	width:9px;
	height:13px;
	background-image:url(../images/box-lt6.gif);
}
.boxlt7 {
	background-image:url(../images/box-lt7.gif);
}
.boxlt8 {
	background-image:url(../images/box-lt8.gif);
}


/*.content-txt1 a {
	color:#666666;
	border-bottom: 1px #b0e0ff solid;
}
.content-txt1 a:hover {
	color:#000000;
	border-bottom: 0px #00CCFF solid;
}
*/

/* home faqs scroll */

#pscroller1 {
	width: 350px;
	height:20px;
	color:#FFFFFF;
	border: 0px solid black;
	padding-top: 6px;
	padding-left: 7px;
}
#pscroller1 a {
	text-decoration: none;
	color:#000000;
}
#pscroller1 a:hover {
	text-decoration: none;
	color:#ffffff;
}
/* tooltip */
#dhtmltooltip {
	position: absolute;
	left: -1000px;
	width: 150px;
	border: 1px solid #2C70AF;
	padding: 2px;
	background-color: white;
	text-align:center;
	visibility: hidden;
	z-index: 200;/*Remove below line to remove shadow. Below line should always appear last within this CSS*//*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmlpointer {
	position:absolute;
	left: -1000px;
	z-index: 201;
	visibility: hidden;
}

#dhtmltooltip2 {
	position: absolute;
	left: -1000px;
	width: 150px;
	border: 1px solid #2C70AF;
	padding: 5px;
	background-color: white;
	text-align:left;
	visibility: hidden;
	z-index: 200;/*Remove below line to remove shadow. Below line should always appear last within this CSS*//*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}



/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
	display: block;
	z-index: 100;
	position: absolute;
	top: 2.5em;
	left: 0;
	width: auto;
	line-height: 1.2em;
	padding: 3px 7px 4px 6px;
	border: 1px solid #336;
	background-color: #f7f7ee;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: left;
}
 #content span.tool::after {
 padding-left: 2px;            /* eye candy */
 content: url(bubble.gif);
}
/*  header  */

.arrow {
	background-image:url(../images/arrow2.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:12px;
	height:22px;
	vertical-align:middle;
}
#header {
	background-image:url(../images/header-background.jpg);
	width:950px;
	height:100px;
	background-position: center top;
	padding: 0;
}
/*  footer  */

#footer {
	background-image:url(../images/bottom-background.jpg);
	width:100%;
	height:170px;
	background-position: center top;
	background-repeat:no-repeat;
}

/*  content  */
#content-container {
	width:940px;
	background-color:#012d54;
	background-image:url(../images/content-bg1.gif);
	background-repeat:repeat-y;
}
#content-container1 {
	background-image:url(../images/content-bottom2.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#content {
	background-image:url(../images/content-bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:left;
	padding-top:2px;/*border-left:3px #65abec solid;
	border-right:3px #65abec solid;*/
}

#cont{width:100%; position:relative;}

/* content close */

.services-but{width:928px; height:50px; margin-top:-12px;}

.services-but  a.whatishd { background-image:url(../images/what-is-hd.jpg); background-repeat:no-repeat; width:175px; height:45px; float:left;}
.services-but a:hover.whatishd{ background-image:url(../images/what-is-hd-hover.jpg); background-repeat:no-repeat; width:175px; height:45px;}
.services-but .select{ background-image:url(../images/what-is-hd-hover.jpg); background-repeat:no-repeat; width:175px; height:45px;}

.services-but  a.whatcanwatch { background-image:url(../images/what-can-watch.jpg); background-repeat:no-repeat; width:198px; height:45px; float:left;}
.services-but a:hover.whatcanwatch{ background-image:url(../images/what-can-watch-hover.jpg); background-repeat:no-repeat; width:198px; height:45px;}

.services-but  a.whatwillneed { background-image:url(../images/what-will-need.jpg); background-repeat:no-repeat; width:198px; height:45px; float:left;}
.services-but a:hover.whatwillneed{ background-image:url(../images/what-will-need-hover.jpg); background-repeat:no-repeat; width:198px; height:45px;}

.services-but  a.whatwillcost { background-image:url(../images/what-will-cost.jpg); background-repeat:no-repeat; width:201px; height:45px; float:left;}
.services-but a:hover.whatwillcost{ background-image:url(../images/what-will-cost-hover.jpg); background-repeat:no-repeat; width:201px; height:45px;}

.services-but  a.faqs { background-image:url(../images/faqs.jpg); background-repeat:no-repeat; width:147px; height:45px; float:left;}
.services-but a:hover.faqs{ background-image:url(../images/faqs-hover.jpg); background-repeat:no-repeat; width:147px; height:45px;}

.contarea{z-index:0; margin-top:-5px; margin-left:5px; float:left; background-image:url(../images/showdow2.gif); background-position:top left; background-repeat:no-repeat;  background-color:#FFF; width:888px; margin-bottom:5px; padding-top:25px;}

.contarea-need{z-index:0; margin-top:-5px; margin-left:5px; float:left; background-image:url(../images/showdow2.gif); background-position:top left; background-repeat:no-repeat;  background-color:#FFF; width:927px; margin-bottom:5px; padding-top:25px;}

.contarea-cost{z-index:0; margin-top:-5px; margin-left:5px; float:left; /*background-image:url(../images/cost1.jpg); background-position:top left; background-repeat:no-repeat; background-position:center right; */height:1090px;  background-color:#FFF; width:918px; margin-bottom:5px; padding-top:0px; padding-left:10px; background-color:#FFF}

.contarea .cont-bottom-bg{ background-image:url(../images/cont-bottom-bg.gif); background-position:bottom left; background-repeat:no-repeat; width:888px; }

.box-cont{width:280px; height:145px; padding:5px; background-image:url(../images/box-bg.jpg); background-repeat:no-repeat; color:#848484;}

.box-head{width:100%; text-align:center; text-transform:uppercase; color:#FFF; font-size:13px; padding-top:2px;}



/*  footer  */

#footer {
	background-image:url(../images/bottom-background.jpg);
	width:100%;
	height:200px;
	background-position: top;}

#footercont {
	padding: 65px 0px 0px 15px;
	font-family: Tahoma, Arial, Verdana, Helvetica;
	font-size: 10px;
	color:#7f7f7f;
	width:950px;
	margin:0 auto;
	text-align:center;
	line-height:15px;
	position:relative;
}

#footerdisclimber{float:left; color:#FFF; position:absolute; top:-10px; left:10px;}

#footercont ul {
	margin:0;
	padding:0;
}
#footercont li {
	display:inline;
}
#footercont a {
	padding:4px 2px 4px 3px;
	text-decoration:none;
	font-family: Tahoma, Arial, Verdana, Helvetica;
	font-size: 10px;
	color:#557e96;
}
#footercont a:hover {
	color:#ffffff;
}
#footercont .brl {
	border-left:solid #004770 1px;
}
#footercont .brr {
	border-right:solid #004770 1px;
}

/* footer close */


/* what can watch */

.watch-tv{width:888px; padding-top:25px; height:540px; background-position:center; background-image:url(../images/watch-tv.gif); background-repeat:no-repeat;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
margin-top:117px;
margin-left:145px;
}

.thumbnail img{
border: 0px solid white;
margin: 0;
}



.thumbnail a:hover{
background-color: transparent;
}


.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -84px;
left: -15px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


div.transbox
  {
  width:114px;
  height:37px;
  padding:20px 0px;
  margin:30px 2px;
  margin-left:50px;
  background-color:#000;
  border:0px solid black;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  text-align:center;
  }
div.transbox p
  {
  margin:0;
  font-weight:bold;
  color:#000000;
  }

div.tvbox
  {
  width:587px;
  height:20px;
  padding:10px 20px;
  /*background-color: #000;*/
  border:0px solid black;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  text-align:left;
  position:absolute;
  z-index:100;
  margin-top:350px;
  margin-left:130px;
  
  }
div.tvbox p
  {
  margin:0;
  font-weight:normal;
  color:#fff;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:15px;
  }



/* what can watch close */

/* cost start */

.tatasky-cost {
	width:412px;
	height:167px;
	background-image:url(../images/cost-bg2.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

.red {
	FONT-SIZE: 15px;
	COLOR: #ff0000;
}
.red1 {
	COLOR: #ff0000;
}

.yellow {
	COLOR: #FF0;
}

.cancel-line{text-decoration: line-through;}

.cost-bg{width:888px; height:520px; position:relative; background-image:url(../images/cost-bg.gif); background-position:left top; background-repeat:no-repeat;}

.cost-text{padding-left:25px; padding-top:50px;}

/* cost close */


.but {
	text-decoration:none;
	margin-top:5px;
	margin-bottom:5px;
}
.but a {
	color:#ffffff;
	border: 1px #000000 solid;
	background-color:#4394df;
	font-weight:bold;
	background-image: url(../images/roll.gif);
	background-repeat: repeat-x;
	padding:5px 5px 5px 5px;
	text-decoration:none;
}
.but a:hover {
	color:#33FFFF;
	background-color:#1a456e;
	border: 1px #5ca5e3 solid;
	background-image: url(../images/roll1.gif);
	background-repeat: repeat-x;
}