/*
      Theme style for PhixelCMS
	  by fazlee@phixelcode.com
	  Theme Name: Infolient Sdn Bhd

*/

* { padding: 0; margin: 0; }

body { font-family: verdana, Helvetica, sans-serif; font-size: 11px; color:#333333; background-color:#303030; background:url(images/bg-color.png); }

a { color:#CC0000; text-decoration:none; }
a:hover { color:#CC0000; text-decoration:none; padding-bottom:2px; border-bottom:0px dotted #663300; }

#wrapper {  margin:0 auto; width: 820px; height:100%;}
#container { margin:0px; padding:0; width: 784px; background:url(images/bg-content.png) no-repeat; background-color:#fff; float:left; min-height:400px;}
#container-footer { margin:0px; padding:0; width: 784px;background:url(images/bg-content1-footer.png) no-repeat; float:left; height:19px; position:relative;}

#content2 { margin:20px 0 0 0; padding:0; width:784px; background:url(images/bg-content2.png) no-repeat; background-color:#fff; float:left; height:14px;}
#content2-footer { margin:0px; padding:0px; width:784px; background:url(images/bg-content2-footer.png) no-repeat bottom; float:left; min-height:50px; background-color:#FFFFFF; position:relative;}

#content2-1 { float:left; height:75px; padding:0px 5px 15px 5px;  background:url(images/spacer1.jpg) right bottom no-repeat; margin-left:15px;}
#content2-1 a:link,a:visited,a:active { color:#333333; text-decoration:none;}
#content2-1 a:hover{ color:#3366CC;}
#content2-1 h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3366CC; padding-bottom:4px; }
#content2-1 ul{ list-style:square; margin-left:15px; line-height:15px;}

#contact-column1 { float:left; width: 180px; padding:10px 10px 10px 50px; /*border-left:1px dotted #666666;*/ margin-left:10px; height:110px;}
#contact-column1 h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF9900;}
#contact-column1 img {margin-bottom:-4px; padding-right:5px;}
#contact-column1 fieldset{ width: 150px; border:0px ;padding:1px; display:block;}
#contact-column1 label { position : relative; width : 15em; display : block; margin : .5em 0em; }

#column1 fieldset{ width: 150px; border:0px ;padding:1px; display:block;}
#column1  ul{ margin-left:20px;}
#column1  li{ margin-left:20px;}
.contactbox { width:200px; float:left; padding-left:20; margin-left:10px;}
.contactbox h1{ margin-left:2px; }
/* package table list */
.package-table { border:1px solid #CCCCCC;}
.package-title { background-color:#F09220; border-bottom:3px solid #E5840F; margin:-4px; padding:4px; text-align:left; font-weight:bold; color:#FFFFFF;}
.package-title2 { background-color:#3366FF; border-bottom:3px solid #336699; margin:-4px; padding:4px; text-align:left; font-weight:bold; color:#FFFFFF;}
.package-title-dynamic { background-color:#CC0000; border-bottom:3px solid #990000; margin:-4px; padding:4px; text-align:left; font-weight:bold; color:#FFFFFF;}
.package-title-fixed { background-color:#3366FF; border-bottom:3px solid #336699; margin:-4px; padding:4px; text-align:left; font-weight:bold; color:#FFFFFF;}
.package-blife { background-color:#999999; border-bottom:3px solid #666666; margin:-4px; padding:4px; text-align:left; font-weight:bold; color:#FFFFFF;}
.package-table tr,td{ padding:3px; }
.package-note { padding:12px;}

.badges { margin:0px 0 -70px 0; position:relative; width:251px; float:left; text-align:right;}

.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style4 {font-size: 10px}
.style5 {font-size: 10}
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.style9 {font-size: 11px}
.style11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }
.style13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #660000;
}
.style14 {color: #FF0000}
.style15 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	font-weight: bold;
}
.style17 {color: #003399; font-weight: bold; }
/* ---------------------------------------- */

#front-latest {  float:left; margin-top:0px; padding:15px 25px 12px 16px; width: 315px;  height:357px; background:url(images/bg-latest.gif) no-repeat;}
#front-latest h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#6666CC;}
#front-latest .latest1 { width:130px; float:left; padding:10px;}

#front-quickbtn {  float:left; margin-top:0px; padding:0px; width: 213px; height:357px;}
#front-quickbtn ul{ font-size:0;}
#front-quickbtn li{ display: inline; font-size:0px; }

#front-advert {float:left; margin:0px; padding:50px 10px 10px 10px; width:190px; height:357px; background:url(images/bg-advert1.gif) no-repeat; color:#FFFFFF;}
#front-advert h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff;}

#header h1 {padding-top:20px;font-family:"century gothic", verdana;color:#333333;font-size:35px;}
#header h2 {padding-top:2px;font-family:verdana;color:#fff;font-size:13px;}

#header{ margin:5px 0px 16px 10px;padding:0px; width:100%; height:80px;}

#header h1 a {padding-top:10px;color:#99CC00;font-size:20px;}

#header .description{float:left;font-size:12px;color:#fff;margin:40px 20px 0 30px;}

#splash { margin:0px}
#splash2 { margin:0px}
#splash ul{ font-size:0;}
#splash li{ display: inline; font-size:0px; }

#broadband-type ul{ position:relative;margin:10px 0px 0px 510px; list-style:none; line-height:20px; }
#broadband-type .t1{ margin-left:0px; }

.link-wifi ul{ font-size:15px;}
.link-wifi li{ display: block; list-style:none; background-color:#3366CC; line-height:17px; padding:5px; margin-bottom:2px;}
 a.link-wifi:link, a.link-wifi:visited { color:#fff;  }

#welcome { float:left; padding: 10px; margin-left:10px;width:440px; font-size:11px; line-height:20px; border-right:0px dotted #CCCCCC;}
#welcome h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FF9900; padding-bottom:6px; margin-bottom:5px; /*border-bottom:1px dotted #CCCCCC;*/}

#promo { float:left; padding: 10px; margin-left:10px;width:350px; height:209px;font-size:11px; line-height:20px;}
#promo h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FF9900; padding-bottom:6px; margin-bottom:5px; /*border-bottom:1px dotted #CCCCCC;*/}
#promo .price{ float:right; position:absolute;}

#package { float:left; width:180px; background:url(images/bg-package.png) no-repeat; padding:10px; min-height:240px;}
#package h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-transform:uppercase; padding:5px 3px 3px 3px; margin:5px 1px 4px -8px; background-color:#E5840E; border-bottom:4px solid #CC6600;}
#package h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#CC0000; text-transform:uppercase; padding:3px 3px 3px 3px; margin:3px 1px 4px 0; }
#package ul{ margin:5px 0px 0px 10px; list-style:none; line-height:17px;}
.package-content { height:153px;}
.view-more { background:url(images/view-more.png) no-repeat; padding:8px 3px 3px 40px; height:30px; margin-left:0px auto;  font-size:14px; font-weight:bold;}

#sidebar1 { float:left; line-height:16px; background-color:#fff; padding:5px; margin:5px; }
#sidebar1 h1 { font-size:15px; margin-bottom:5px; color:#0066CC; background-color:#fff; border-left:3px solid #333333; padding:3px;}
#sidebar1 ul { margin-left:15px; }

#side-package { width:222px; float:left; line-height:16px; padding:5px; margin:10px 0px 20px -15px;}
#side-package ul{ font-size:0;}
#side-package li{ position:relative;}

/*#package { margin:0px 2px 0px 2px; padding:5px 0px 5px 10px;height:274px; width:380px; height:auto; background:url(images/package-bg2.gif) no-repeat; color:#666666; line-height:20px; border:1px solid #F4F4F4; float:left;}
#package h2 { font-size:12px; font-weight:bold; margin:2px 0px 10px 10px; color:#fff;}
#package-apply { width:370px; text-align:center; clear:both;  background-color:#F9ECBF;}*/

#sidebar2 { }

#column1 { width:520px; line-height:16px; float:left; padding:10px 10px 10px 10px;  margin-left:10px; border-left:1px dotted #ccc;}
#column1 h1 { font-size:15px; margin-left:-8px; color:#FF9900; border-left:0px solid #FF6600; background-color:#FF9900; padding:5px; background:url(images/heading-bg.jpg) repeat-x;/*font-size:15px; margin-bottom:5px; color:#336699; border-left:2px solid #FF6600;*/}
#column1 h2 { font-size:12px; margin-left:-8px; color:#3399CC; padding:5px; }
#column1 ol { margin-left:15px; }
#column1 li { margin-left:15px; line-height:20px;}
#column1 p{ padding-bottom:10px;}

#column1 .h1-orange{ font-size:15px; margin-left:-8px; margin-bottom:9px; color:#fff; border-left:0px solid #FF6600; background-color:#FF9900; padding:5px;}
#column1 .h1-blue{ font-size:15px; margin-left:-8px; margin-bottom:9px; color:#fff; border-left:0px solid #FF6600; background-color:#2B81CC; padding:5px;}


#column2 { width:200px; float:left; padding:5px;  margin:10px 0px 20px 5px; line-height:16px;}
#column2 h1 { font-size:15px; margin-bottom:5px; color:#3366C}

#column3 { width:755px; margin:0 auto; float:left; padding:1px; border-top:1px dotted #CCCCCC; position:relative; text-align:center;}
#column3 h1 { font-size:15px; margin-left:-8px; color:#FF9900; border-left:0px solid #FF6600; background-color:#FF9900; padding:5px; background:url(images/heading-bg.jpg) repeat-x;/*font-size:15px; margin-bottom:5px; color:#336699; border-left:2px solid #FF6600;*/}

#footer { clear:both; margin-bottom:0px ; text-align:center; padding:7px 0px 20px 0px; border-top:px solid #666666; color:#999999;}

#package-front { margin-left:10px; width:440px; float:left;}
#package-front .package-P1{ background:url(images/package-front-P1.jpg) no-repeat; width:437px; height:103px; padding:17px 10px 10px 10px; }
#package-front h1{ color:#333300; font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:3px; border-bottom:1px solid #999999; margin-bottom:2px; width:74%; }
#package-front span{ padding-top:3px;color:#333333;}

#package-front .package-P2{ background:url(images/package-front-P2.jpg) no-repeat; width:437px; height:103px; padding:17px 10px 10px 10px; margin-top:-20px;}

#latest-news { border:1px solid #CCCCCC; margin:2px; padding:10px; float:left; width:275px; height:200px;}
/* ------------ navigation ------------------ */
#menu { background:url(images/bg-button.gif) no-repeat; width:784px; height:28px; margin:0; position:relative;}
#mainmenu{
list-style: none;
margin: 0px 10px 0px 0px;
padding: 9px 10px 0px 10px;
text-align: right;
white-space: nowrap;
font-size:11px;
position:relative;
}

ul#mainmenu li{
display: inline;
margin: 0 0px
}

ul#mainmenu a{
text-decoration: none;
padding:5px 7px 6px 7px;
color:#fff;
}

ul#mainmenu a#current{
background-color:#E5E5E4;
color:#333333;
padding:5px 7px 6px 7px;

}

ul#mainmenu a:hover{
background-color:#FAA53F;
color:#333333;
padding:5px 7px 6px 7px;
}

/* --------- sub menu -------- */
ul#submenu{
list-style:square;
padding: 7px 10px 10px 5px;
/*border-bottom: 2px solid #CCCCCC;*/
font-weight: normal;
text-align: left;
white-space: nowrap;
font-size:11px;
line-height:18px;
background-color:#fff;
}

ul#submenu li{
margin: 0 3px 0px 12px;
}

ul#submenu a{
text-decoration: none;
padding: 0 0 3px;
border-bottom: 0px solid #CCC;
color: #333333;
}

ul#submenu a#sub-current{
border-color: #000000;
color: #333333;
}

ul#submenu a:hover{
border-color: #000000;
color:#3366CC;
}

/* -------------- Registration Form ----------------------------- */
input{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
div.box{border:solid 1px #c6cfe1;background:#dfe4ee;padding:10px;color:#333333;margin-bottom:20px; width:700px;}
div.box2{border:solid 0px #c6cfe1;background:#fff;padding:0px;color:#333333;margin-bottom:20px; width:700px; text-align:right;}
div.box h1 {font-size:14px;color:#000000;padding-bottom:4px;}
div.box p{padding-bottom:14px;}
div.box td{ padding:3px;}
div.box input .input-text{border:1px solid #3b6e22;color:#666666;width:180px;}
div.box label{display:block;margin-bottom:10px;color:#555555;}
div.box label span{display:block;float:left;padding-right:6px;width:70px;text-align:right;font-weight:bold;margin-top:4px;}
.font1 {font-size: 11px}
.font2 { font-size: 12px;color: #FFFFFF;font-weight: bold;}
.font3 {font-size: 10px;font-style: italic;}

/* ------------------ form & button ------------------- */
.button, .button:focus { background: url( images/fade-butt.png );border: 3px double #999;border-left-color: #ccc;border-top-color: #ccc;color: #333;padding: 5px;}
.submit input:active, .button:active {background: #f4f4f4;border: 3px double #ccc;border-left-color: #999;border-top-color: #999;}
.button, .button:focus {padding: 5px;}

.searchbox{ border:1px solid #ccc; background: #fff url(images/ico-search.png) no-repeat 5px 2px; padding:2px 2px 2px 26px; }

#tshoot { background:#FBF2D7; padding:10px 10px 10px 20px; border-bottom:1px solid #FF9900; border-top:1px solid #FF9900; margin-bottom:20px;}
#tshoot ul{ margin-left:20px;}
#tshoot a{ color:#3366FF; text-decoration:none; }
#tshoot a:hover{ color:#000; text-decoration:none; }
#tshoot table{border-bottom:1px solid #ccc;}

#ipay88 {width:450px; padding:6px;}
#ipay88 img{padding-right:10px;margin-top:-10px;}
.image-center{ text-align:center; margin-top:15px; color:#000000;}

.table-bl table{ border:1px solid #999999;}
.table-bl thead{ border:1px solid #999999; background-color:#CCCC99; height:10x;}
.table-bl td{ border-bottom:1px solid #999999;} 

a.bt-blife { padding:8px 10px 8px 10px; background: url( images/bt-blue.png ) no-repeat center top; color:#FFF;}
a.bt-blife:hover { color:#666666; }
 
.promo { margin-bottom:5px;background-color:#F47A00; color:#FFFFFF; padding:5px;
border-width: 0px;
border-style: solid;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.bubble-new { position:absolute; margin-top:-10px; margin-left:10px;}

.title-pkg {color: #FFFFFF; font-weight: bold; }
.mod-free {
	color: #FF0000;
	font-weight: bold;
}
.biz-pkg { margin:0 auto; font-size:12px;color:#000000}