* {
	margin:0;
	padding:0;
}
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFFFFF;
	color:#515151;
}
img {
	border:0;
	max-width: 100%;
	height: auto;
}
h1 {
	color:#dd8551;
	font-size:24px;
	font-family:tahoma, arial;
	font-weight:bold;
	padding:0 0 25px 0;
}
h2 {
	color:#dd8551;
	font-size:24px;
	font-family:tahoma, arial;
	padding:0 0 25px 0;
}
h3 {
	color:#dd8551;
	font-size:24px;
	font-family:tahoma, arial;
	padding:0 0 5px 0;
}
.aboutUs {
	background:#ececec;	
	padding:40px;
}
.boxes {
	padding:5px 0;
}
.box {
	float:left;
	width:273px;
	padding:0 25px 20px 25px;
}
.boxButton {
	float:right;
}
.box p {
	padding:10px 0;
}
.buttonStyle {
	border:0;
	cursor:pointer;
	font-size:14px;
	color:#ffffff;
	background:#dd8551;
	padding:2px 7px 2px 7px;
}
.icons {
	float:right;
	background:#fffff;
	margin:-11px 3px 0px 3px;
	padding:40px 0 0 0;
}
.icons li {
	list-style:none;
	display:inline;
}
a {
	color:#dd8551;
	text-decoration:underline;
}
a:hover {
	color:#dd8551;
	text-decoration:none;
}
#container, .container { 
	width: 980px;  
	margin: 0 auto;
	max-width: 100%;
} 
#header { 
}
/*.menu {
	background:#0b0b08;
	padding:13px 0;
}
.menu li {
	list-style:none;
	display:inline;
	padding:5px 8px 5px 25px;
	border-right:1px solid #787877;
}

.menu ul li:last-child {
    border: medium none;
}
.menu a {
	color:#bdbdbd;
	font-size:12px;
	text-decoration:none;
}
.menu a:hover {
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}
.menu #active a {
	color:#ffffff;
}
*/
.logoContainer {
	float:left;
	padding:18px 0;
}
.logo {
}
.slogan {
	color:#747474;
	font-size:12px;
}
.headerPicContainer {
	padding:25px 0;
	background:url(images/headerBackground.jpg) no-repeat left top;
	height:313px;
	width:980px;
}
.headerText1 {
	font-size:48px;
	color:#dd8551;
	padding:50px 0 0 50px;
}
.headerText2 {
	font-size:18px;
	color:#0b0b08;
	padding:0 0 0 50px;
}
.headerPic {
	float:left;
	padding:0 20px 0 0;
}
.headerPicBody {
} 
.welcome {
	padding:20px 0;
}
.picRight {
	float:right;
	padding:0 0 15px 20px;
}
#footer {
	background:#ffffff url(images/footerBackground.jpg) repeat-x;
	color:#515151;
	padding:30px 0;
	font-size:11px; 
}
#footer p {
	text-align:center;
} 
#footer a {
	color:#dd8551;
	text-decoration:underline;
	font-size:11px;
}
#footer a:hover {
	color:#dd8551;
	text-decoration:none;
	font-size:11px;
}

/* 11_04_2014 tab CSS Start */
.recharge ul 
{ 
	background: url(images/tab/grey-bg.png) repeat-x #000000;
	height: 54px;
}
/* 11_04_2014 tab CSS End */



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*css added for new pages on 7-11-14*/


.menu {
	background:#0b0b08;
	padding:13px 0;
}
.menu li {
	list-style:none;
	display:inline;
	padding:13px 7px;
	border-right:1px solid #787877;
	position:relative;
}

.menu ul li:last-child {
    border: medium none;
}
.menu a {
	color:#bdbdbd;
	font-size:12px;
	text-decoration:none;
}
.menu a:hover {
	color:#ffffff;
	
	text-decoration:none;
}
.menu #active a {
	color:#ffffff;
}
.submenu{
	left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 41px;
    width: 160px;
    z-index: 9999;
	display:none;	
}
.submenu li{
	background: none repeat scroll 0 0 #000;
    border-bottom: 1px solid #bdbdbd;
    display: block;
    list-style: outside none none;
    padding: 8px 8px 8px 20px;	
}
.submenu li a{
	color:#bdbdbd;
	font-size:12px;
	text-decoration:none;	
}
.submenu li a:hover{
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}
.menu li:hover .submenu {
	display:block;
	visibility:visible;	
}
/*submenu css end*/

/*css for ala-carte tab start*/
.tabs{
	display:inline-block;
	width:100%;	
}
.tab-links:after{
	clear:both;
	content:"";
	display:block;		
}
.tab-links{
	float: left;
    width: 25%;	
}
.tab-links li{
	list-style-type: none;
    margin: 0;	
    position: relative;
}
.tab-links li:first-child{ margin-top:0;}
.tab-links li a {
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 57%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(57%,#e8e8e8), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 57%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 57%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 57%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 57%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 17px 0 17px 20px;
    text-align: left;
    text-decoration: none;
    width: 220px;
    text-transform: uppercase;
}
.tab-links li a:hover{
	text-decoration:none;	
}
li.active a, li.active a:hover{
	background: #f15d23;
	color:#fff;
}
.tab-content{
	background: none repeat scroll 0 0 #fff;
    border-radius: 1px;
    float: left;
    margin-left: 10px;
    width: 70%;	
}
.tab{
	display:none;	
}
.tab.active{
	display:block;	
}
/*css for ala-carte tab end*/

/*css for channel tab list*/
.channel-block{
	background:none repeat scroll 0 0 #fef5e6;
	padding:10px;
	border-radius:3px;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;	
}
.top-block{
	display: inline-block;
    width: 100%;
	padding:8px 0;
	border-bottom:1px solid #fff;
	
}
.channel-logo{
	color: #333;
    float: left;
    font-size:14px;
    width: 20%;	
}
.channel-charge{
	float: left;
    text-align:center;
    width: 60%;
		
}
.channel-charge p{
	color:#333;
	margin:0;
	padding:0;
	font-size:14px;
	line-height: 34px;	
}

.proceed{
	padding:10px;
	text-align:right;	
}
.btn{
	background: none repeat scroll 0 0 #f25824;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    text-decoration: none;
	transition:all 4s ease-out 0s;
	-webkit-transition:all 4s ease-out 0s;
	-moz-transition:all 4s ease-out 0s;
	-ms-transition:all 4s ease-out 0s;
	border:none;
	cursor:pointer;	
}
.btn.active{
	background: none repeat scroll 0 0 #C9491E;
    color: #fff;	
}
.btn:hover{
	background: none repeat scroll 0 0 #C9491E;
    color: #fff;	
}
.channel-final-list caption{
	font-size:18px;
	margin-bottom:10px;
		
}
.channel-final-list{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin-bottom:20px;	
}
.channel-final-list td{
	border:1px solid #ccc;
	padding:8px;
	text-align:center;
	font-size:16px;
	width:20%;	
}
/*css for channel tab list end*/


/*css added on 8-11-14*/


/*css for popup*/

.blanket{
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:#000;
	opacity:0.5;
	width:100%;
	filter: alpha(opacity=45);
	z-index:9001;	
}
.popupdiv{
	position:fixed;
	background-color: #fff;
	width: 500px;
	height:auto;
	z-index: 9002;
	top:25%;
	left:30%;
	font-family:Arial, Helvetica, sans-serif;
	
}
.pop-header{
	border-bottom: 1px solid #ddd;
	min-height: 20px;
	padding: 10px;
	
	color:#dd8551;
	text-align:center;	
}
.close{
	float:right;
}
.m-title{
	margin:0;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;	
}
.m-body{
	position:relative;
	padding:10px;
	
}
.m-footer{
	border-top:1px solid #ddd;
	min-height:20px;
	padding:10px;
	text-align:right;	
}
.m-footer a{ text-decoration:none;}
.m-footer a:hover{ text-decoration:none; color:#CE3806;}
.custom-input{
	border: 1px solid #ccc;
    border-radius: 4px;
    color: #000;
    font-size: 14px;
    height: 20px;
    margin-left: 10px;
    padding: 4px;
    width: 60%;	
}
.custom-input:focus{
	border:1px solid #DD8551;
	box-shadow:0px 0px 1px rgba(221,133,81,0.4);
	-webkit-box-shadow:0px 0px 1px rgba(221,133,81,0.4);
	-moz-box-shadow:0px 0px 1px rgba(221,133,81,0.4);
	-ms-box-shadow:0px 0px 1px rgba(221,133,81,0.4);		
}
.custom-label{
	font-size: 14px;
    font-weight: 500;
    vertical-align: middle;	
	color:#dd8551;
}
.pop-submit{
	text-align:center;
	padding:10px 0;	
}
.form_btn{
	background: none repeat scroll 0 0 #f05724;
    border: medium none;
    color: #fff;
    font-size: 14px;
    padding: 8px 10px;
    text-align: center;
    transition: all 4s ease-out 0s;
	-webkit-transition: all 4s ease-out 0s;
	-moz-transition: all 4s ease-out 0s;
	-ms-transition: all 4s ease-out 0s;
	cursor:pointer;	
	
	border-radius:12px;
}
.form_btn:active{
	background:#C43C0F;
	color:#fff;	
}
.form_btn:hover{
	background:#C43C0F;
	color:#fff;	
}
/*update from here*/
.img-thumbnail{
	border: 1px solid #ddd;
   
    min-width: 100px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 80px;
	transition:all 4s ease-out 0s;
	-webkit-transition:all 4s ease-out 0s;
	-ms-transition:all 4s ease-out 0s;
	-moz-transition:all 4s ease-out 0s;
	
	background:#fff;	
}
.img-thumbnail img{ width:;}

.top_ala_carte_info {
    border: 1px solid #ddd;
	margin-bottom:15px;
}
.top_ala_carte_info th{
	width:25%;
	text-align:center;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:10px 0;
	font-size:14px;
	text-transform:capitalize;	
}
.top_ala_carte_info th:last-child{border-right:none;}
.top_ala_carte_info td{
	width:25%;
	text-align:center;
	border-right:1px solid #ddd;
	padding:10px 0;	
	font-size:14px;
	text-transform:capitalize;	
}
.top_ala_carte_info td:last-child{border-right:none;}
.change_vcno{
	text-decoration:none;
	color:#515151;
	font-size:14px;	
}
.channel-container{
	width:100%;	
}
.col-md-12{
	display:inline-block;
	width:100%;
	border:1px solid #ddd;	
}
.col-md-6{
	width:48%;
	padding:2% 0.5%;
	float:left;
	text-align:center;
	color:#515151;
	font-size:14px;	
}
.col-md-2{
	width:18%;
	padding:2% 0.5%;
	float:left;
	text-align:center;
	color:#515151;
	font-size:14px;
		
}
.btn-container{
	display:inline-block;
	width:100%;	
}
.input2{
	float: left;
    text-align: left;
    width: 50%;
	padding-top: 13px;	
}
.input1{
	float: left;
    text-align:right;
    width: 50%;
}
.alacate-heading{
	font-size:14px;
	margin:10px 0;
	text-transform:uppercase;	
}
/* CSS for ala_carte.php page start */
.welcome ul li.active > a{background: #f15d23;border-radius:5px 0 0 5px;}
.welcome ul li.active > a:after{
    border-bottom: 26px solid transparent;
    border-left: 15px solid #f15d23;
    border-top: 25px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
}
.tab-content > div:nth-child(2n+1) {
    background: #fef5e6;
}
.tab-content > div:nth-child(2n) {
    background: #f7f8fa;
}
.details {
    border-radius: 7px;
    clear: both;
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
    padding: 15px;
}
.details > div#subcat {
    color: #6a696f;
    font-size: 20px;
    background: url(images/ala_carte_image/orange_arrow.png) no-repeat left top;
    padding-left: 23px;
    margin-bottom: 15px;
}
.wrap_box {
    float: left;
}
.wrap_box .thumbnail {
    min-height: 75px;
}
.channel_price {
    padding: 7px 0 3px 7px;
}
.wrap_box .channel_price span.channel_rate {
    float: left;
}
.wrap_box .channel_price .select-channel {
    float: right;
}
.pull-left{float: left;}
.pull-right{float: right;}
.visa-img{width: 100%;margin-top: 20px;text-align: right;clear: both;}

#msg_pay form {
    margin: 15px;
}
#msg_pay form label {
    float: left;
    line-height: 34px;
    width: 20%;
}
#msg_pay div {
    margin-bottom: 10px;
}
.grey-footer{margin: 0px; padding: 0px; border: 0px; 
	border-collapse: collapse; 
	color: rgb(65, 65, 65); 
	font-family: Tahoma, Arial, Verdana, Helvetica; 
	font-size: 11px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	letter-spacing: normal; 
	line-height: 15px; orphans: auto; 
	text-align: start; text-indent: 0px; 
	text-transform: none; white-space: normal; 
	widows: auto; 
	word-spacing: 0px; 
	-webkit-text-stroke-width: 0px; 
	border-bottom: 3px solid #ff0000;
}

.white_content.log-wrap{
background: none repeat scroll 0 0 #F1F1F1;
border-radius: 5px;
box-shadow: 0 0 60px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
margin: 10px 0px 10px 130px;
padding: 20px;
/* position: relative; */
top: 200px;
width: 61%;
text-align: center;
height:356px;
}
.log-wrap .login_u{
width:45%;
float:left;
}
.white_content.log-wrap .input_container input {
border: 1px solid #555555;
border-radius: 3px;
display: block;
margin: 5px 0 15px;
padding: 10px;
width: 90%;
}
.log-wrap .login input{
width: 185px;
padding: 10px 5px;
background: #f35923;
color: #fff;
border: 1px solid #eb4911;
border-radius: 3px;
font-size: 17px;
cursor: pointer;
text-align: center;
}
.log-wrap .message{
color: red;
font-weight: bold;
font-size: 16px;
}
.log-wrap .auto-style1 {
	text-align: left;
}
.grey-head{position: relative;
	background: url("regional/moreon-tata-sky-bg.gif") repeat-x scroll 0 0;
    height: 40px;
    position: relative;
}
.grey-head > a {
    position: absolute;
    height: 40px;
}
.grey-head > span {
    line-height: 40px;
    padding-left: 55px;
}
.grey-footer .grey-body{padding: 10px;color: rgb(153, 153, 153);
	border: 1px solid #ccc;}

.menu .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: none;
	padding: 10px 0;
	background: #000;
}
/*Hide checkbox*/
.menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.menu input[type=checkbox]:checked ~ #menu{
    display: block;
}
@media (max-width: 890px) {
   #cust_info .httac{padding: 10px;}
   #cust_info .httac img{width: 100%;} 
   .recharge ul li{font-size: 12px;}

.form_description {
    padding:15px;
}
.intro-form {
    margin-left: 30px;}
    .language_nxt .input2 {
    padding-top: 0;
}
.white_content.log-wrap {
    margin: 20px auto 0;
    width: 90%;
    height: 390px;
}
.auto-style13 ul#cws-sitemap, .uae table {
    width: 100% !important;
}
table{width: 100% !important;}

.Apple-converted-space {
    margin: 10px;
    padding: 20px;
}
.visa-img{display: none;}
.plan-block td, .responsive-tab td {
    float: left;
    text-align: center;
    width: 100% !important;
}
.plan-block td > div {
    float: none !important;
    margin: 0 auto 20px !important;
}
.uae iframe {
    float: none !important;
}
body{padding: 10px;}
#footer{clear: both;}
.welcome table.auto-style20 td{float: left;}
ul#cws-sitemap{margin: 10px auto !important;}
}
@media (max-width: 768px) {
ul#menu {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	ul#menu li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul#menu li, ul#menu li a {
	background: #000;
    display: block;
    float: none;
	}
	ul#menu li a:hover{color: #FD6B00;}
	.show-menu {
		display:block !important;
	}
	.menu{padding: 0;height: 40px;margin-bottom: 20px;}
}
@media (max-width: 568px) {
   #cust_info {
    clear: both;
    width: 100%;
}
.white_content.log-wrap {height: auto;}
#msg_pay form label {
    line-height: normal;
    width: 100%;
}
#msg_pay form input {width: 250px !important;}
#cust_info .image {
    text-align: center;
    width: 100%;
}
.white_content.log-wrap {
    margin: 20px auto 0;
    width: 80%;
}
.log-wrap .login_u {
    float: none;
    width: 100%;
}
.responsive-tab img{width: 100%;}
.pagetitle{width: 100% !important;}
.pagetitle {
    max-width: 93%;
    width: 100% !important;
}
}
@media (max-width: 450px) {
	table.yellowbar td {float: left;}
	table.yellowbar td img{width: 100%;}
	#wowslider-container1 .ws-title img{width: 100% !important;}
	.grey-body td {
    float: left;
    width: 50%;
}
.grey-head > span > strong {
    display: none;
}

}
@media (max-width: 320px) {

}
/* CSS for ala_carte.php page end */