@font-face
{
font-family: myFirstFont;
src: url(../METROPHOBIC.TTF);
}

body {
	padding: 0px;
	margin: 0px;
	font-family: myFirstFont;
	font-size: 14px;
	color:#333;
	background: #e1e8ee url(../images/bg.png) ;
}
.scroll_up {position: fixed; bottom: 5%; right: 5%; cursor:pointer; width: 50px;}

#page {
	max-width: 100%;
	position: relative;
	margin: 0px auto 0px auto;
	background: #e1e8ee url(../images/mid-bg.png) no-repeat center top;
}

#top {
	width: 100%; 
	height: 100px;
	margin: 0 auto 0 auto;
}

#top .logo {
	display:block;
	position: absolute;
	width: 85px;
	height: 74px;
	background: url(../images/logo_small.png) no-repeat center;
	margin: 10px 0 0 10px;
}

#top .logo_cable {
	display:block;
	position: absolute;
	width: 90px;
	height: 74px;
	background:url(../images/logo_small.png) no-repeat center;
	margin: 10px 0 0 10px;
}

#mid img {width: 100%;}

#top .nav1 { 
	width: 580px;
	margin: 0px 15px 0 auto;
	text-align:right;
	color:#c00;
	/*background:#0f0;*/
	height: 30px;
	padding: 10px 0 0 0;
}

#top .nav1 a{ 
	visibility:visible;
	text-align:right;
	color:#c00;
	text-decoration: none;
	font-size: 85%;
	margin: 0 5px 0 5px;	
}

#top .nav1 a.last{ 
	margin: 0 0px 0 5px;
}

#top .nav1 a:hover{ 
	color:#2a2a2a;
}
.site_drop_menu { display:none;}
.menu_drop_menu { display:none;}
#MenuBar2 { display:none;}
#search_box2 { display:none;}

#top .menu_small {}
#top .menu_large { 
	width: 620px;
	text-align:right;
	height: 30px;
	margin: 30px 0px 0 auto;
	color:#c00;
}

ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
	margin: 7px 0 0 10px;
}

ul.MenuBarHorizontal ul.help
{
	margin: 10% 0 0 -90%;
}

ul.MenuBarHorizontal ul.faq
{
	margin: -1px 0 0 -105%;
}

#top .menu_large a{ 
	/*background:url(../images/slash.png) no-repeat right 0px;*/
	color:#2a2a2a;
	text-decoration: none;
	font-size: 85%;
}
#top .menu_large a.last_menu{ 
	/*background:url(../images/slash.png) no-repeat right 0px;*/
	padding: 0 0 0 10px;	
}

#top .menu_large a:hover{ 
	color:#c00;
}



#footer {
	position:relative;
	width: 100%;
	line-height: 24px;
	padding: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin: 130px auto 0 auto;
	background:#fff;
	text-align:center;
	color:#c00;
	font-size:0.9em;
}

#footer_menu {
	font-size:0.8em;
	display:block;
	width: 100%;
	background:#272727;
	height: auto;
}

#footer_menu div{
	width: 100%;
	position:relative;
	margin: 0 auto 0 auto;
	color:#eee;
	line-height: 24px;
	background:#272727;
}
#footer_menu div .p1{
	display:inline;
	color:#eee;
	line-height: 24px;
	background:#272727;
}
#footer_menu div .p2{
	display:inline;
	color:#eee;
	line-height: 24px;
	background:#272727;
	margin: 0 0 0 5%;
}
#footer_menu div .p3{
	display:inline;
	margin: 0 0 0 5%;
	color:#eee;
	background:#272727;
}

#broad_highlight {width: 100%; margin: 0 auto 0 auto;}
#broad_highlight img{width: 100%; margin: 0 auto 0 auto;}

#bottom {margin-top: 30px;}
#bottom marquee{width: 100%}

.infiniteCarousel {
  width: 100%;
  margin: 0 auto 0 auto;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 100%; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 105px;
  margin: 0px;
  position: absolute;
  top: 0;
}

.infiniteCarousel .wrapper ul li a img{
  height: 130px; max-width: 110px;
}

#mid{background: #000 url(../images/bg.png); width: 100%; padding: 0;}
#mid .content {width: 100%; margin: 0 auto 20px auto; padding: 0 0 20px 0; }
#mid .content h1{margin: 0px; border-bottom: 1px dashed #aaa; color:#444; padding:15px 0 10px 0; font-family: myFirstFont; font-size: 22px;}
#mid .content img{width: 100%; }
#mid .content .fancybox-media {width: 370px; float:left; margin: 0 20px 20px 0;}
#mid .content .cont_text .h1{border:none; font-size: 32px; background:url(../images/circle_bg.png) no-repeat left; padding: 10px 0 10px 30px;}
#mid .content .cont_text .contact_1{float: left; width: 400px; margin-right: 10px;}
#mid .content .cont_text .contact_1 h3{font-size: 14px;}
#mid .content .cont_text .contact_1 input[type=submit]{float: right; background:#a00; color:#fff; width: 100px;}
#mid .content .cont_text .contact_1 input[type=button]{float: right !important; background:#a00 !important; color:#fff !important; width: 100px !important;}
#mid .content .cont_text .contact_1 input[type=reset]{float: right; background:#a00; color:#fff; width: 100px;}
#mid .content .cont_text .contact_1 input[type=text]{height: 30px !important; padding: 20px 15px !important;  margin: 0px;}
#mid .content .cont_text .contact_1 input[type=email]{height: 30px !important; padding: 20px 15px !important;  margin: 0px;}
#mid .content .cont_text .contact_1 textarea{height: 100px !important; padding: 15px 15px !important;  margin: 0px;}
#mid .content .cont_text .contact_2{float: right; width: 250px; text-align:center; line-height: 22px;}
#mid .content .cont_text .contact_2 div{background: #ddd; text-align:center; color:#d00; padding:10px; line-height: 30px; margin: 37px 0 10px 0}
#mid .content .cont_text .contact_2 h2{color:#d00; font-size: 16px;}
#mid .content .cont_text .contact_2 span{color:#d00;}
#mid .content .cont_text .contact_2 div h3{font-size: 20px;}
#mid .content .cont_text .contact_2 div .black{color:#444;}
#mid .content .cont_text .contact_2 img{width: 34px;}

#mid .contact_3{float: left; width: 270px; margin: 50px 0 0 60px; text-align:left; line-height: 22px;}
#mid .contact_3 div{background: #ddd; text-align:left; color:#d00; padding:10px; line-height: 30px; margin: 37px 0 10px 0}
#mid .contact_3 h2{color:#d00; font-size: 16px;}
#mid .contact_3 span{color:#d00;}
#mid .contact_3 div h3{font-size: 20px;}
#mid .contact_3 div .black{color:#444;}
#mid .contact_3 img{width: 34px;}


#mid .content .cont_text .service_1 {text-align:center; margin: 0 0 50px 0;}
#mid .content .cont_text .service_1 h3{color: #d00;}
#mid .content .cont_text .service_1 select{width: 300px;}
#mid .content .cont_text .service_1 input[type=submit]{background:#a00; color:#fff; width: 75px;}
#mid .content .cont_text .service_2 {margin: 0 0 0 0; font-size: 15px; width: 100%;}
#mid .content .cont_text .service_2 div{float:left; width: 235px; height:250px; background:#fff; margin: 0 20px 30px 0;}
#mid .content .cont_text .service_2 div h3{background:#a00; color:#FFF; line-height: 16px; margin:0px; font-size:20px; display: block; text-align:center; padding: 15px 10px;}
#mid .content .cont_text .service_2 div.last{margin: 0px;}
#mid .content .cont_text .service_2 div p{text-align:center; color:#a00; border-bottom: 1px dashed #a00; padding:5px; margin:0px;}
#mid .content .cont_text .service_2 div p.address{text-align:left; padding: 5px; border:none; color:#222;}
#mid .content .cont_text .service_2 div p.address span{color:#a00;}

#mid .content .cont_text .login_1 {width: 50%; float:left; border-right:1px dashed #a00; padding:10px 40px 10px 40px; text-align:right; color:#a00; font-size: 15px;}
#mid .content .cont_text .login_1 a{color:#a00; text-decoration:none; font-size: 13px;}
#mid .content .cont_text .login_1 input[type=submit]{background:#a00; color:#fff; width: 75px;}
#mid .content .cont_text .login_1 input[type=text]{width:60%; height:35px; margin:10px;}
#mid .content .cont_text .login_1 input[type=password]{width:60%; height:35px; margin:10px;}


#mid .content .cont_text .login_2 {width: 50%; float:left; padding:10px 40px 10px 40px; text-align:right; color:#a00; font-size: 15px;}
#mid .content .cont_text .login_2 a{color:#a00; text-decoration:none; font-size: 13px;}
#mid .content .cont_text .login_2 input[type=submit]{background:#a00; color:#fff; width: 75px;}
#mid .content .cont_text .login_2 input[type=text]{width:60%; height:35px; margin:10px;}
#mid .content .cont_text .login_2 input[type=password]{width:60%; height:35px; margin:10px;}

#mid .content .cont_text {width: 100%; padding: 5px 0 20px 25px; background:url(../images/quotes_small.png) no-repeat top left; border-bottom: 1px dashed #aaa; }
#mid .content .cont_text .h1{border:none; font-size: 20px; background:url(../images/circle_bg.png) no-repeat left; padding: 10px 0 10px 30px;}
#mid .content .cont_text p {text-align:justify; margin: 0 10px 20px 0; line-height: 20px; color:#444;}
#mid .content .about_img_1 {width: 100%; margin: 20px auto 0 auto;}
#mid .content ul {padding:0px; width: 100%; margin: 0px auto 10px auto; height:auto; }
#mid .content ul li{height: auto; width:100%; text-align:center;}
#mid .content ul li img{width: 100px; height:auto; margin: 0 auto 0 auto;}
#mid .content ul li.mid-bot-cont{border-bottom: 1px solid #a00; background:none; height:5px; width:100%}
#mid .content ul li div{width: 100%; margin: 10px auto 10px auto;}
#mid .content ul li h2{width: 100%; text-align:center; float:right; padding:0px; margin:0px; font-size: 15px;}
#mid .content .settopbox {width: 78%; margin-top: 20px;} 

#login {background: #b00; color:#FFF; padding: 5px 10px 5px 10px; float:right; margin: -7px 0 0 10px;}
#login li a{background: #A00; color:#FFF; !important}
#search_box {float:right; width: 170px; margin: -7px 0 0 15px; background:#666; color:#FFF;}

#cab_broad_1 {width: 74%;}

#cable_page {width: 125px; margin: 0 0 0 77%; position:absolute; z-index: 1000;}
#cable_page .cable_page {width:100%; margin: 10px auto 0 auto;}
#cable_page .settopbox{width:100%; margin: 70px auto 0 auto;}
#cable_page .cable_page div{width:85px; height: auto; float: right;}
#cable_page .cable_page div .cable_pin {width: 25px; height: auto; position:absolute; margin: 0 0 0 60px;}
#cable_page .cable_page div div {margin: 30px 0 0 0;}
#cable_page .cable_page div div.broadband {margin: 49px 0 0 0;}
#cable_page .cable_page a{width:71px; display:block; margin: 0 0 5px 0;} #cable_page a img{width:71px;}

#cable_page .cable_page div select{display:none; visibility:collapse;}

.settopbox .stb {width: 95%; background:#none; float:none; height: auto; margin: 0 auto 0 auto;}
.settopbox .stb img{width: 334px; float:none; margin: 0 auto 0 auto;}
.settopbox .stb h3 {color:#b00; text-align:center; margin:10px;}
.settopbox .spacer {width: 50px; background:none; height: auto; float:left}
.settopbox .stb #ul strong{color:#a00;}
.settopbox .stb #ul{padding:0px; width: 95%; margin: 0; height:auto; }
.settopbox .stb #ul li{list-style:disc; height:auto; margin:0 0 10px 15px; padding:0;}

#video_tutorials img{width:200px !important; margin: 20px 10px 20px 0;}
#video_tutorials img.last{width: 200px !important; margin: 20px 0px 20px 0;}

.ltd_off_plan_s {display:none;}

.ltd_off_plan .sr_no_th {min-width: 10%; text-align:center; padding: 5px 0 5px 0; background:#a00; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;
border-top-left-radius:5px; border-top-right-radius:5px; float:left; margin: 3px 3px 3px 0; color:#FFF; font-size: 0.9em;}

.ltd_off_plan .broad_band_th {min-width: 50%; text-align:center; padding: 5px 0 5px 0; background:#a00; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;
border-top-left-radius:5px; border-top-right-radius:5px; float:left; margin: 3px; color:#FFF; font-size: 0.9em;}

.ltd_off_plan .data_th {min-width: 15%; text-align:center; padding: 5px 0 5px 0; background:#a00; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;
border-top-left-radius:5px; border-top-right-radius:5px; float:left; margin: 3px; color:#FFF; font-size: 0.9em;}

.ltd_off_plan .validity_th {min-width: 15%; text-align:center; padding: 5px 0 5px 0; background:#a00; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;
border-top-left-radius:5px; border-top-right-radius:5px; float:left; margin: 3px; color:#FFF; font-size: 0.9em;}

.ltd_off_plan  .sr_no {min-width: 10%; padding: 5px; background:#ddd; float:left; margin: 3px 3px 3px 0; text-align:center; font-size: 0.9em;}

.ltd_off_plan .broad_band {min-width: 200px; padding: 5px; background:#ddd; float:left; margin: 3px; text-align:center; font-size: 0.9em;}

.ltd_off_plan .data {min-width: 15%; padding: 5px; background:#ddd; float:left; margin: 3px; text-align:center; font-size: 0.9em;}

.ltd_off_plan .validity {min-width: 15%; padding: 5px; background:#ddd; float:left; margin: 3px; text-align:center; font-size: 0.9em;}

#bottom2 {margin-top: 0px; height: 100px; padding-bottom: -50px !important; margin-bottom: -150px !important; margin-top: -10px !important;}
.fixed-bar {background: #fff; border-top: 1px solid #a00 !important; border-bottom: 1px solid #a00 !important; height: 85px; margin-top: -20px;}
.fixed-bar2 {background: none; border-top: none !important; border-bottom: none !important; height: 85px;}
.fixed-bar2 img{height: 50px;}
.elastislide-list li a img {
	margin: -3px 15px 0px 15px;
	width: 70px !important;
	height: 68px !important;
}

.rslides_container {margin: -11px 0 10px 0;}

.lease_box {background:#abc; padding:10px 10px 0 10px; margin: 0 0 10px 0; 
            border: 1px solid #ccc; min-height: 95px; 
            background: -webkit-linear-gradient(#fff, #fff, #fff, #fff, #fff, #ddd); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient('#fff', '#ddd'); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient('#fff', '#ddd'); /* For Firefox 3.6 to 15 */
            background: linear-gradient('#fff', '#ddd'); /* Standard syntax */
            border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.lease_box_ul {margin: -20px 0 0 110px; padding:0px;}			
.lease_box_ul li{margin: 0 0 10px 0;}		

.lease_box_ul2 {margin: -20px 0 0 20px; padding:0px;}			
.lease_box_ul2 li{margin: 10px 0 10px 0;}			
.lease_box_ul2 li ol{margin: 10px 0 0 0px; padding:0px;}			
.lease_box_ul2 li ol li{margin: 10px 0 0 20px; padding:0px; list-style:disc;}