/* 20160805
tpg-business joint pages update
*/
.bodycontainer {
    margin: 20px auto 0;
    overflow: hidden;
    width: 1020px;
}
.index-maintabcontainer {
    background-color: #f6f6f6;
    float: left;
    width: 811px;
}
#tabs {
	background-color: #f6f6f6;
}

.mainbannercontainer{width:1020px; text-align:center; padding-top:10px; float:left;padding-left:7px; display: none;}
.bodycontainer.personal .mainbannercontainer.personal,
.bodycontainer.smalloffice .mainbannercontainer.smalloffice,
.bodycontainer.business .mainbannercontainer.business,
.bodycontainer.enterprise .mainbannercontainer.enterprise {
    display: block;
}


/* tabs */
.ui-tabs .ui-tabs-hide {
    display: none !important;
}
.ui-tabs .ui-tabs-panel {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-width: 0;
    display: block;
    padding: 0;
}
.ui-widget-content {
    background: #f6f6f6 none repeat scroll 0 0;
}
.ui-tabs {
    position: relative;
    padding: 0;
}
.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.25em;
}
.tabsbox {
    background: #f6f6f6 url("../jpg/tabs-box-2.jpg") no-repeat scroll left top;
    height: 147px;
    left: 1px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 809px;
}
.ui-tabs .ui-tabs-nav li a {
	text-align: center;
}
.ui-tabs .ui-tabs-nav li {
    background: rgba(0, 0, 0, 0) url("../jpg/business-head.jpg") no-repeat scroll 0 0;
    height: 41px;
    width: 160px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: rgba(0, 0, 0, 0) url("../jpg/personal-head.jpg") no-repeat scroll 0 0;
    height: 41px;
    margin-bottom: 0;
    padding-bottom: 1px;
    width: 160px;
}
ul.ui-tabs-nav li:nth-child(2) a {
	padding-left: 26px;
}
ul.ui-tabs-nav li:nth-child(4) a {
	padding-left: 35px;
}
ul.ui-tabs-nav li:nth-child(5) a {
	padding-left: 32px;
}

/* icons */
ul.icons li:first-child {
	margin-left: 0px;
}
ul.icons li:nth-child(2) {
	margin-left: 37px;
}
ul.icons li:nth-child(3) {
	margin-left: 49px;
}
ul.icons li:nth-child(4) {
	margin-left: 42px;
}
.icons li {
	padding: 0;
	margin: 0;
}

.icons li a span { 	background: #fff url(../png/icons-2.png) no-repeat 100px 100px; cursor: pointer; }

.icons li{float:left; padding:0 0 0 17px;}
.icons li.bundles a span {background-position: 0 0;}
.icons li.bundles:hover a span {background-position: -99px 0;}
.icons li.internet a span {background-position: 0 -99px;}
.icons li.internet:hover a span {background-position: -100px -99px;}
.icons li.mobile a span {background-position: 0 -200px;}
.icons li.mobile:hover a span {background-position: -99px -200px;}
.icons li.phone a span {background-position: 0 -300px;}
.icons li.phone:hover a span {background-position: -100px -300px;}
.icons li.others a span {background-position: 0 -400px;}
.icons li.others:hover a span {background-position: -100px -400px;}
.icons li.private a span {background-position: 0 -500px;}
.icons li.private:hover a span {background-position: -100px -500px;}
.icons li.bprivate a span {background-position: 0 -600px;}
.icons li.bprivate:hover a span {background-position: -100px -600px;}
.icons li.binternet a span {background-position: 0 -700px;}
.icons li.binternet:hover a span {background-position: -100px -700px;}
.icons li.bvoice a span {background-position: 0 -800px;}
.icons li.bvoice:hover a span {background-position: -100px -800px;}
.icons li.bmobile a span {background-position: 0 -900px;}
.icons li.bmobile:hover a span {background-position: -100px -900px;}
.icons li.bcloud a span {background-position: 0 -600px;}
.icons li.bcloud:hover a span {background-position: -100px -600px;}

/* yapo 2016 */
.yapocontainer2016 {
    background: rgba(0, 0, 0, 0) url("../jpg/youraccnt_bg2016-2.jpg") no-repeat scroll left top;
    float: right;
    height: 166px;
    margin-top: 20px;
    width: 209px;
}
.topspace {
	margin:5px 0 2px 139px;
}
.yapo {list-style-type: none; margin: 18px 0 0 6px;/*margin: 10px 0 0 6px;*/ padding: 0; font-size: 1.16667em; width:200px;}
.yapo li {position: relative; display: inline-block; margin: 0 10px 0 0; padding: 0 0 12px; text-align: center; vertical-align: top; }
.yapo li a:link, .yapo li a:visited {display: block; padding: 0 0 10px; text-decoration: none; color: #585858; font: bold 14px "Trebuchet MS",Arial,Helvetica,sans-serif;}
.yapo li a:hover, .yapo li a:active {text-decoration: underline; color:#9e0270;}
.yapo li a:link span, .yapo li a:visited span {display: block; width: 38px; height: 37px;}

.yapo li a span {background: #fff url(../png/yapo.png) no-repeat 38px 37px; cursor: pointer; }

.yapo li{float:left; padding:0 32px; *padding:0 16px;}
.yapo li.postofc a span {background-position: 0 4px;}
.yapo li.postofc:hover a span {background-position:0 -33px ;}
.yapo li.youract a span {background-position: -38px 0;}
.yapo li.youract:hover a span {background-position: -38px -37px;}
.yapo li.youract a div.yapobtn {padding:2px 0 0 2px;*padding-left:0;}
.yapo li.youract{*left:-2px;}
.yapobtn{position:relative; top:-30px; left:57px; *left:73px;}

#contact_nav {
    background: transparent url("../png/newcontact_tabs-2.png") repeat scroll 0 0;
    height: 46px;
    margin-left: 12px;
    padding: 0;
    position: relative;
    width: 1016px;
}

#contact.top{ margin-top:0; height:44px; }
#contact_nav li {float: left; }

#contact_nav li a {background: url("../png/newcontact_tabs-2.png") no-repeat scroll 0 0px transparent; display: block; height: 46px; margin: 0; padding: 0; overflow: hidden; position: absolute;top: 0; text-indent: -9999px;
}

#contact_nav li.active a:hover{color: #585858;}
#contact_nav a:hover{color:#561666;}
li#nav_personal a {background-position: 0 0; left: 0; width: 170px;}
li#nav_business a {background-position: 173px 0; left: 173px; width: 164px}
li#nav_newbus a {background-position: 341px 0; left:341px; width:164px;}
li#nav_enquiries a {background-position: 508px 0; left:508px; width:164px;}
li#nav_wholesale a {background-position: 675px 0; left:675px; width:164px;}
li#nav_onlineEnq a {background-position: 842px 0; left:842px; width:168px;}

li#nav_personal a:hover {background-position: 0 -46px; left: 0; width: 170px;}
li#nav_business a:hover {background-position: -173px -46px; left: 173px; width: 164px;}
li#nav_newbus a:hover {background-position: -341px -46px; left:341px; width:164px;}
li#nav_enquiries a:hover {background-position: -508px -46px; left:508px; width:164px;}
li#nav_wholesale a:hover {background-position: -675px -46px; left:675px; width:164px;}
li#nav_onlineEnq a:hover {background-position: -842px -46px; left:842px; width:168px;}

li#nav_personal.active a {background-position: 0 -46px; left: 0; width: 170px;}
li#nav_business.active a {background-position: -173px -46px; left: 173px; width: 164px;}
li#nav_newbus.active a {background-position: -341px -46px; left:341px; width:164px;}
li#nav_enquiries.active a {background-position: -508px -46px; left:508px; width:164px;}
li#nav_wholesale.active a {background-position: -675px -46px; left:675px; width:164px;}
li#nav_onlineEnq.active a {background-position: -842px -46px; left:842px; width:168px;}

#holiday_sched{color:#561666; font-size:11px;font-weight:bold;font-family:Verdana,Sans-serif;
  background:#F3F3F3;}
#holiday_sched tr{vertical-align: middle;text-align: center;}
#holiday_sched td{border-right:1px solid #F3F3F3;border-bottom:1px solid #F3F3F3;}
#holiday_sched tr td:first-child{border-left:1px solid #F3F3F3;}
#holiday_sched thead{background:#737476;color:#FFFFFF; border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;text-align: center;}
#holiday_sched tr th:first-child{border-left:#FFFFFF;}
#holiday_sched .minordata{color:#4B1A5D;font-weight: normal}
#holiday_sched .odd{background:#F6F6F6;}
#holiday_sched .even{background:#FFFFFF;}
#holiday_sched td, #holiday_sched th{line-height:1.25em;}

.top4 {
    background: rgba(0, 0, 0, 0) url("../png/boxtop3.png") no-repeat scroll center top;
    clear: both;
    height: 13px;
    margin: 0 auto 0 7px;
    width: 1031px;
}
#tabarrow-01 img, #tabarrow-02 img, #tabarrow-03 img, #tabarrow-04 img, #tabarrow-05 img {
    margin: 0 0 0 12px;
}
.w200 {width: 200px;}
.w153 {width: 153px;}
.abt_cmpanies_wrapper {
    background-image: url("../jpg/abttpg-bg-img-2.jpg");
    background-repeat: no-repeat;
    height: 403px;
    margin-left: -15px;
    width: 1039px;
}
/* tnc-CIS */
.p-cistop {
    line-height:29px; color:#561666;margin:12px 0 22px;*margin-top:8px; clear: both;
}
.h2-cis {
    padding: 0 0 9px 0; margin: 0;
    font-weight: bold;
}
table.graytable-cis {
    margin-bottom: 30px;
    clear:both; *margin-top:30px;
}
table.graytable-cis th {
    background: #eee url('../jpg/gradientheader.jpg') repeat-x;
    border-bottom: 1px solid #e0dee0;
    border-right: 1px solid #e0dee0;
    height: 26px;
    width: 228px;
}
table.graytable-cis th,
table.graytable-cis td,
table.graytable-cis td a
{
    color: #561666;
    text-align: center;
    font-weight: bold;
}
table.graytable-cis td a:hover{
    font-weight: bold;
}
table.graytable-cis td{
    background-color: #fbfbfb;
    border-bottom: 1px solid #eeeeee;
    height: 39px;
    vertical-align: middle;
}
table.graytable-cis th{
    height: 39px;
    vertical-align: middle;
}
table.graytable-cis th:first-child{
    width: 278px;
    margin-left: 0;
}
table.graytable-cis th:nth-child(even),
table.graytable-cis td:nth-child(even){
    width: 1px;
    background: #fff;
    border: 0;
}
table.graytable-cis1 {
    width:285px;
    margin-bottom: 30px;
    clear:both; *margin-top:30px;
}
table.graytable-cis1 th {
    background: #eee url('../jpg/gradientheader.jpg') repeat-x;
    border-bottom: 1px solid #e0dee0;
    border-right: 1px solid #e0dee0;
    height: 26px;
    width: 228px;
}
table.graytable-cis1 th,
table.graytable-cis1 td,
table.graytable-cis1 td a
{
    color: #561666;
    text-align: center;
    font-weight: bold;
    height: 26px;
    padding-top:13px;
}
table.graytable-cis1 td{
    background-color: #fbfbfb;
    border-bottom: 1px solid #eeeeee;
    height: 26px;
}
table.graytable-cis1 td a:hover{
    font-weight: bold;
}

/* products */
.products-top {
    margin-top: 7px;
    background: #f6f6f6 url('../png/border_top.png') no-repeat;
    width: 1037px;
    height: 21px;
}
.products-mid {
    background: #f6f6f6 url('../jpg/productsbox-mid.jpg') repeat-y;
    padding: 11px 36px 40px 29px;
    text-align: left;
}
.products-btm {
    background: #f6f6f6 url('../png/border_bottom.png') no-repeat;
    width: 1037px;
    height: 37px;
}
.products-mid h1 {
    margin-top: 0;
}
.productwrapper {
    border: 1px solid #e5e5e5;
    margin: 12px auto 20px;
    width: 100%;
}
.personalProductsBox1 {
    width: 224px;
    margin: 10px 5px 0 14px;
    background: #fff url('../jpg/protitle_bundles.jpg') no-repeat;
}
.personalProductsBox1 ul, .personalProductsBox2 ul, .personalProductsBox3 ul, .personalProductsBox4 ul, .personalProductsBox5 ul, .personalProductsBox6 ul, .personalProductsBox7 ul, .personalProductsBox8 ul {
    float:left; text-align:left;
    margin-left: -8px;
}
.personalProductsBox1 li, .personalProductsBox2 li, .personalProductsBox3 li, .personalProductsBox4 li, .personalProductsBox5 li, .personalProductsBox6 li, .personalProductsBox7 li, .personalProductsBox8 li {
    background:url(../jpg/triangle.jpg) no-repeat middle center; margin:4px 0 0 46px;
}
.ppb1{
    padding: 8px 38px 17px 42px;
    margin-top: -1px;
    line-height: .85;
}
.personalProductsBox2 {
    overflow:hidden; width:222px;
    margin: 10px 0 0 14px;
    background: #fff url('../jpg/protitle_internet.jpg') no-repeat;
}
.ppb2{
    padding: 7px 38px 17px 41px;
    margin-top: 0;
    line-height: .85;
    font-weight: bold;
}
.personalProductsBox3 {
    margin-left:14px;
    overflow:hidden;
    width: 217px;
    background: #fff url('../jpg/protitle_mobile.jpg') no-repeat;
}
.personalProductsBox4 {
    overflow:hidden; width:227px;
    margin-left:14px;
    background: #fff url('../jpg/protitle_phone.jpg') no-repeat;
}
.personalProductsBox5 {
    overflow:hidden; 
	width:217px;
    margin-left:14px;
    background: #fff url('../jpg/protitle_otherservices.jpg') no-repeat;
}
.personalProductsBox5_old {
    overflow:hidden; 
	width:227px;
    margin-left:14px;
    background: #fff url('../jpg/protitle_otherservices.jpg') no-repeat;
}
.personalProductsBox6 {
    width: 224px;
    margin: 10px 5px 0 14px;
    background: #fff url('../jpg/protitle_private_network.jpg') no-repeat;
}
.personalProductsBox7 {
    margin-left:14px;
    overflow:hidden;
    width: 217px;
    background: #fff url('../jpg/protitle_phone.jpg') no-repeat;
}
.personalProductsBox8 {
    overflow:hidden; width:227px;
    margin-left:14px;
    background: #fff url('../jpg/protitle_cloud.jpg') no-repeat;
}
/* support-index */
.midcontact{ background:url("../jpg/contact-box.jpg") repeat-y top center; width:1031px; margin:0 auto;/**/ overflow:hidden;padding-bottom:40px;*margin-left:4px;}

.speedtestbox {
    float:right; height:auto; width:171px; text-align:center; margin-bottom: -30px;
}
.speedtestbox > ul {
    width: 65px;margin: 0 auto;
}
.redtabsmenu {
    color:#FFF;height:20px;*height:35px; font-weight:bold; margin-top:23px; margin-left:2px;
}
.searchsection {
    float:right; height:60px; width:432px;
}
.newsearchcont{background-image:url(../jpg/search-box.jpg);background-repeat:no-repeat; width:250px; height:37px; float:left; position:absolute; margin-top:30px; margin-left:40px;margin-left:35px;}
.newsearchtxt{/* width:100px; */width:54px; height:37px; margin-top:27px; margin-right:7px; float:right;}

/* support-contact */