@font-face {  
  font-family: "Avant Garde Medium";
  src: local("Avant Garde Medium"), url("fonts/avantagemedium.ttf") format("truetype"); /* non-IE */  
}  

@font-face {
    font-family: "IE Avant Garde Medium";
    src: url("fonts/avantagemedium.eot"); /* IE */  
}
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, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	outline:0;	
	vertical-align:baseline;
	margin:0;
	padding:0;    
}
html, body {
    min-width: 1200px;
    min-height: 800px;
	width:100%;
	height:100%;   
    background: #f2f2f2;
    font-size: 12px;
    font-family: Arial, verdana, helvetica, sans-serif; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}

blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none
}
del {
	text-decoration:line-through
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help
}
table {
	border-collapse:collapse;
	border-spacing:0
}
a {
	color:#0841E5;
	text-decoration:none;
    cursor: pointer;    
}
a:hover {
	color:#ebd805;
}
a:focus {
	outline:0
}

body {        
    overflow-y: scroll;	
}
div.header{
    background: url(images/header_bg.jpg) repeat-x center top;
    font-weight: bold;
    color: #fff;
}
div.header-inner{
    background: url(images/header.jpg) no-repeat center top;
}
.container{	
	width: 1020px;
	overflow:hidden;
    min-height: 100%;
    margin:auto 0;    
}
img{border: none;}
.page-front .container{ position: relative; z-index: 1001;}	
.page-front .main{ background: #fff url("images/home_main_bg.png") no-repeat center bottom; overflow: visible; min-height: 320px;}
.page-sub .main{ background: #f2f2f2; overflow: visible; min-height: 320px;}
.page-front .main .container, .page-sub .main .container{
    margin-bottom: 145px;
}
.main *, .header *, .footer *{
    overflow: hidden;
}
.container ol, .container ol li{
    overflow: visible;
    margin: 3px 0px;
}

div.header {	
	height:110px;
	overflow:hidden;	
	margin:auto 0;        
}
div.header .logo {
	float:left;
	padding-top: 25px
}
div.header a:hover {
	text-decoration:none;
	color:#ffb015
}
div.header .header-right{ float: right; height: 70px;margin-top: 25px;} 
div.header .customStyleSelectBox{
    background: #f1ecf2;
}
.menu {
	height:48px;
    background:url(images/menu_bg.jpg) repeat-x center;    
}
* {
 	margin:0;
	padding:0
}
.newscontent ul,
.news-view ul{
    margin: auto auto;
    padding: 18px;        
}
.main .newscontent *,
.main .news-view *{
    overflow: visible;
}
.footer {
	color:#fff;
	height: 214px;
	background: url(images/footer_bg.jpg) repeat-x center top;
}
.footer-inner{
    background: url(images/footer.jpg) no-repeat center top;
}
.footer .container{ text-align: left; height: 100px; padding-top: 45px;}
.footer .titlebottom {
	color:#fff;
	float:left;	
	line-height:16px;  
    padding-top: 10px;
}
.footer .titlebottom .r1{ font-size: 15px; margin-bottom: 3px;}
.footer .titlebottom .r2{ margin-bottom: 3px;}
.footer span, .footer a {
	color:#fff;
    text-decoration: none;    
}
.footer .r1 a{font-weight: bold;}
.footer a:hover{ color: #ffac0c;}
.footer .verified {    
	float:right;
    width: auto !important;
}

.footer .authorized, .footer .godaddy, .footer .macAfee{
    float: left;
}
.footer .payment{
    float: left;
    margin: 3px 0px 0px 5px;   
}
.footer .power{
    clear: left;
    float: right;
    margin-top: 14px;
}
ins, #header-Top a {
	text-decoration:none
}
form .textbox, form input[type="text"], form input[type=password], form textarea{
    height: 21px;    
    margin: 2px 2px; 
    border:1px solid #ccc;	
	vertical-align:middle;
    padding-left: 3px;
}
form textarea{
    height: auto;
}
form .note{color:#6d6c6c; font-style:italic;}
form .note span{font-weight: bold; text-decoration: underline;}
input.button, a.button{
    background: #124f84;
    border: outset 1px #155389; 
    line-height: 20px;
    color:#ffd16f !important;    
    cursor:pointer; 
    text-decoration: none;        
    text-align: center;    
    margin: 2px 2px;         
    padding: 3px 8px;
    font-family: Tahoma;    
    font-weight: bold;
}
a.button{ padding: 4px 8px; }
input[type="text"].readonly, input[readonly="readonly"], input[disabled="disabled"]{background: #e9e8e8;}
input.blur {color: #aaa;}
input.error{border-color: #fb7e7e !important;}
label.error{color:red; font-size: 11px; font-style: italic; width: auto; padding: 0px 2px; }
img.captcha, img.refresh{
    vertical-align: middle;
}

div.ajaxloading{
	position: absolute;
	background-image: url("images/ajax-loader.gif");  background-repeat: no-repeat; background-position:left center;
	height:32px; padding-left:35px; font-weight: bold;    
}
.fontLargeCall{font-size:20px; font-weight:bold; color:#000; font-style:normal; color: #000 !important; font-style: normal !important;}

/** TAB **/
.tab{
    margin: 10px 0px;
}
.tab ul.tab-menu{
    list-style: none;
    margin: 0;
    padding: 0;
}
.tab ul.tab-menu li{    
    float: left;
    height: 32px;
}
.tab ul.tab-menu li.first{
    background: url("images/tab_left.png") left center no-repeat;
    padding-left: 8px;
    margin-left: 0px !important;    
}
.tab ul.tab-menu li.active{
    background: url("images/tab_left_active.png") left center no-repeat;
    padding-left: 8px;
    margin-left: -32px;
}
.tab ul.tab-menu li a{
    background: url("images/tab_right.jpg") right center no-repeat;
    display: block;
    padding-right: 30px; 
}
.tab ul.tab-menu li.active a{
    background: url("images/tab_right_active.jpg") right center no-repeat;
    display: block;
    padding-right: 30px;    
}
.tab ul.tab-menu li.last a{
    background: url("images/tab_right_last.jpg") right center no-repeat;
    display: block;
    padding-right: 30px;    
}
.tab ul.tab-menu li a span{
    background: url("images/tab_bg.jpg") left center repeat-x;
    display: block;
    height: 32px;
    width: auto;
    line-height: 30px;
    padding: 0px 20px 0px 5px;
    font-weight: bold;    
    text-align: center;
    color: #000;
}
.tab ul.tab-menu li.active span{
    background: url("images/tab_bg_active.jpg") left center repeat-x;
    padding-left: 10px; 
    color: #f3b205;
}
.tab ul.tab-menu li.last a span{
    padding-right: 10px;    
}
.tab ul.tab-menu li.last a.active{
    background: url("images/tab_right_active_last.jpg") right center no-repeat;
}

.tab .tab-content{
    border: solid 1px #c8c7c7;
    min-height: 20px;    
    margin-top: -1px;
    margin-right: 1px;
    padding: 20px 20px;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;   
    border-top-left-radius: 0px;
    min-height: 200px;
}
.tab .tab-content p{
    margin: 3px 0px 3px;
}

/** TABLE **/
table.table{
    border-right: solid 1px #cccbcb;
    border-bottom: solid 1px #cccbcb;   
}
table.table th, table.table td{
    border-top: solid 1px #cccbcb;
    border-left: solid 1px #cccbcb;    
}
table.table td{
    padding: 8px 20px;
}
table.table thead th{
    background: url("images/table-head-bg.png") left center repeat-x;
    height: 28px;
    line-height: 26px;  
    color: #0f86c6;  
}
.success{ color: #77e4f8; font-style: italic;}
.all-field-required-text{ color: #ff7829;}
/** FORM STYLE */
fieldset.box{
    margin: 20px 20px;
} 
fieldset.box legend{
    font-family: Arial;
    font-size:  22px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 0px 10px 15px;
}
fieldset.box .box-content{
    border: solid 1px #b7b7b7;
    background: #fff;
    padding: 20px 20px 20px;
    color: #000;
}
fieldset.box input[type="text"], fieldset.box input[type="password"]{
    border-color: #6b6b6b;
}   
.page-plan-index .footer .titlebottom{ padding-left: 20px;}
.page-sub .plan-view-banner, .page-sub .view-featurecard{
    background: url(images/plan_banner_detail.jpg) no-repeat center top;padding-top: 0px; color: #7a93b3;        
}
.page-sub .plan-view-banner .container, .page-sub .main-nonbg .container{ 
    background: none; 
}

.page-sub .main .container{ background: #b7b7b7; padding: 0px 0px 0px;}

/**** BANNER ******/
/** HOME PAGE **/

.page-front .main{ color:  #000; padding-bottom: 20px; }
.page-front .main .container{ margin-top: -20px;}

/** SUB PAGE **/
.page-sub .main{  background: url(images/banner/bg_banner_h88.jpg) repeat-x center top; padding-top: 0px;}
.page-sub .main .main-banner{ height: 88px; width: 100%; background: url("images/banner/banner_login.jpg") no-repeat center top;}
.page-sub .main .container{ margin-top: 20px}
 
.page-sub .banner-bg-h235{background: url("images/banner/bg_banner_h235.jpg") repeat-x center top; color: #353535;}
.page-sub .banner-bg-h239{background: url("images/banner/bg_banner_h239.jpg") repeat-x center top; color: #353535;}
.page-sub .banner-bg-plan-month{background: url("images/banner/bg_banner_plan_month.jpg") repeat-x center top; color: #353535;}
.page-sub .banner-bg-plan-minute{background: url("images/banner/bg_banner_plan_minute.jpg") repeat-x center top; color: #353535;}
.page-sub .banner-bg-h186{background: url("images/banner/bg_banner_h186.jpg") repeat-x center top; color: #353535;}
.page-sub .banner-bg-h88{background: url("images/banner/bg_banner_h88.jpg") repeat-x center top; color: #353535;}

.page-sub .banner-plans .container{background: none; margin-top: -27px;}
.page-sub .banner-plan-minute .main-banner{ height: 235px; width: 100%; background: url("images/banner/banner_minute_plan_00.jpg") no-repeat center top;}
.page-sub .banner-plan-month .main-banner{ height: 235px; width: 100%; background: url("images/banner/banner_unlimited_plan_01.jpg") no-repeat center top;}

.page-sub .banner-plan-view25 .container, .page-sub .banner-plan-featurecard .container,
.page-sub .banner-coverage .container, .page-sub .banner-recharge .container,
.page-sub .banner-contactus .container, .page-sub .banner-news .container,
.page-sub .banner-configuration .container, .page-sub .banner-confiphone .container,
.page-sub .banner-confandroid  .container,
.page-sub .banner-confmanual  .container,
.page-sub .banner-minute-plan-view .container,
.page-sub .banner-plan-view .container{background: none;}

/*
.page-sub .banner-plan-view25 .main-banner{ height: 186px; 
    background: url("images/banner/banner_plan25_view.jpg") no-repeat center top; }
 */  
 .page-sub .banner-plan-view25 .main-banner{ height: 186px; 
    background: url("images/banner/banner_plan_unlimited_view.jpg") no-repeat center top; }
    
.page-sub .banner-minute-plan-view .main-banner{ height: 186px; 
    background: url("images/banner/banner_minute_plan_view.jpg") no-repeat center top; }
.page-sub .banner-plan-view .main-banner{ height: 186px; 
    background: url("images/banner/banner_plan_unlimited_view.jpg") no-repeat center top; }        
.page-sub .banner-plan-view-minute .main-banner{ height: 186px; 
    background: url("images/banner/banner_plan_minute_view.jpg") no-repeat center top; }           
.page-sub .banner-plan-featurecard .main-banner{ height: 186px; 
    background: url("images/banner/banner_plan_featurecard.jpg") no-repeat center top; }
    
.page-sub .banner-shop .main-banner{ height: 235px; width: 100%; background: url("images/banner/banner_shop.jpg") no-repeat center top;}
.page-sub .banner-shop .container{margin-top: 40px; background: none;}

.page-sub .banner-shop-simcard .main-banner{ height: 186px; width: 100%; background: url("images/banner/banner_shop_simcard.jpg") no-repeat center top;}
.page-sub .banner-shop-simcard .container{margin-top: 50px; padding-top: 0px;}

.page-sub .banner-shop-featurecard .main-banner{ height: 186px; width: 100%; background: url("images/banner/banner_shop_featurecard.jpg") no-repeat center top;}
.page-sub .banner-shop-featurecard .container{ background: none; margin-top: 50px;}
.page-sub .banner-help .container{ background: none; margin-top: -27px; padding: 0px;}

.page-sub .banner-coverage .main-banner{ height: 235px; background: url("images/banner/banner_coverage.jpg") no-repeat center top; }
.page-sub .banner-activate .main-banner{ height: 235px; background: url("images/banner/banner_activate.jpg") no-repeat center top; }
.page-sub .banner-recharge .main-banner{ height: 235px; background: url("images/banner/banner_recharge.jpg") no-repeat center top; }
.page-sub .banner-recharge-in .main-banner{ height: 88px; background: url("images/banner/banner_recharge_in.jpg") no-repeat center top; }

.page-sub .banner-contactus .main-banner{ height: 235px; background: url("images/banner/banner_contactus.jpg") no-repeat center top;}
.page-sub .banner-contactus .container { line-height: 20px;}

.page-sub .banner-help .main-banner{ height: 235px; background: url("images/banner/banner_help.jpg") no-repeat center top;}

.page-sub .banner-news .main-banner{ height: 235px; background: url("images/banner/banner_news.jpg") no-repeat center top;}
.page-sub .banner-transfer .main-banner{ height: 235px; background: url("images/banner/banner_transfernumber.jpg") no-repeat center top;}
.page-sub .banner-configuration .main-banner{ height: 235px; background: url("images/banner/banner_configuration.jpg") no-repeat center top;}
.page-sub .banner-confiphone .main-banner{ height: 186px; background: url("images/banner/banner_conf_iphone.jpg") no-repeat center top;}
.page-sub .banner-confandroid .main-banner{ height: 186px; background: url("images/banner/banner_conf_android.jpg") no-repeat center top;}
.page-sub .banner-confmanual .main-banner{ height: 186px; background: url("images/banner/banner_conf_manual.jpg") no-repeat center top;}


.page-sub .banner-account .main-banner{ height: 235px; background: url("images/banner/banner_account.jpg") no-repeat center top;}
.page-sub .banner-int-rate-calling .main-banner{ height: 235px; background: url("images/banner/banner_int_rate_calling.jpg") no-repeat center top;}
.page-sub .banner-int-rate-calling .container{background: none; margin-top: -27px;}

.page-sub .container h1{ color:#415599; letter-spacing: 0.5px; font-size: 25pt; font-weight: normal; margin: 20px 0px;}
.page-errorhandler-index .main .container,
.page-errorhandler-404 .main .container {background: none; height: 300px;}
#screenshot{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
}
.pp{ margin-bottom: 15px;}
.ppt{ margin-bottom: 5px;}