/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color:#406480;
}

h1,h2,h3,h4,h5,h6 {
  /*font-family: Georgia, Palatino, "Times New Roman", Times, serif;  */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 200%;
  font-weight: normal;
}
h2 {
  font-size: 150%;
  font-weight: normal;
}
h3 {
  font-size: 120%;
  font-weight: normal;
}
h4 {
  font-size: 100%;
  font-weight: normal;
}

a {
   color: #3256B6;
}
a:visited {
  color: #660099;
}
a:hover, a:visited:hover {
  color: #00B366;
  text-decoration: none;
}

#pagewidth{ 
 width:700px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background-color:#FFFFFF;
} 

#page {
   width:100%;
   background-image: url("../jpg/page_shadow.jpg");
   background-position: center;
   background-repeat: repeat-y;
}
#header{
 position:relative; 
 /*height:210px; */
 width:100%;
 background-image: url("../jpg/header-background2.jpg");
 background-position: right;
 background-repeat: repeat-y;
} 
 
#leftcol{
 width:210px;
 float:left; 
 position:relative; 
 margin-left: 10px;
 }
 
/* IE hack */
html>body #leftcol{ margin-left: 20px; }

#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:390px; 
 margin-left: 30px;
 margin-right: 30px;
}
 
#footer{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:0.6em;
 color:#507EA1;
 background-color:#BFE4FF; 
 clear:both;
 padding-top:3px;
 padding-bottom:3px;
 text-align:center;
 } 

#wrapper {
   background: url("../jpg/columns3.jpg") repeat-y;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#top_header {
   position:relative; 
   padding-top: 5px;
   width:100%;	
}

#logo{
 float:left; 
 position:relative; 
}

#nav_container {
   float:right;
   display:inline;
   position:relative;
   margin-top: 19px;
   margin-left: 4px;
   padding: 0;
   background: transparent;
   voice-family: "\"}\"";
   voice-family: inherit;
}
#nav_container ul{ 
   margin:0;
   padding:0;
   list-style:none;
}
#nav_container li{
   font: bold 11px Arial, Verdana, sans-serif;
   display:inline;
   margin:0 2px 0 0;
   padding:0;
   text-transform:uppercase;
}
#nav_container a{
   float:left;
   color: white;
   background: #678b3f url("../gif/color_tabs_left.gif") no-repeat left top;
   margin:0 2px 0 0;
   padding:0 0 1px 3px;
   text-decoration:none;
   letter-spacing: 1px;
}

#nav_container a span{
   float:left;
   display:block;
   background: transparent url("../gif/color_tabs_right.gif") no-repeat right top;
   padding:3px 3px 3px 3px;
}

#nav_container a span{
   float:none;
}

#nav_container a:hover{
   background-color: #8cb85c;
}

#nav_container a:hover span{
   background-color: #8cb85c;
}

#nav_container #current a, #nav_container #current span{ /*currently selected tab*/
   background-color: #8cb85c;
}

/* Company Introduction */
#company_intro {
  background:#003663;
  padding-left:10px;
  padding-right:10px;
  color:white;
}
#company_intro h1 {
  position:relative;
  /*background-image: url("../gif/dotted_underline.gif");
  background-position: bottom;
  background-repeat: repeat-x;*/
  color: white;
  /* font-size: 200%; */
  font-size: 100%;
  font-weight:bold;
  margin: 0;
  /*margin-bottom: .5em;*/
  padding: 0;
  /*padding-top: 4px;*/
  /*padding-bottom: 4px;*/
}
#company_intro p {
  margin: 0;
  line-height: 150%;
  font-size: 80%
}

/* Blank Space */
.spacer {
   height:20px;
}

/* Main Products */
#main_products {
	line-height: 130%;
}

#main_products h3 {
  position:relative;
  background-image: url("../gif/dark_dotted_underline.gif");
  background-position: bottom;
  background-repeat: repeat-x;
  color:#B32400;
  font-size: 100%;
  font-weight:bold;
  margin: 0;
  margin-bottom: .5em;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 4px;
}

/* Write Up */
.write-up {
   font-size: 80%;
}
.write-up h4 {
	color:#007D48;
	font-weight:bold;
	padding:0;
	margin:0;
}

.write-up2 {
   font-size: 70%;
}
.write-up2 h4 {
	color:#007D48;
	font-weight:bold;
	padding:0;
	margin:0;
}

/* Green Box (Prepaid Products) */
.green_box {
  width:210px;
  background: url(../gif/block_shadow_down3.gif) no-repeat bottom left;
}
.green_box h3 {
  color: #003663;
  margin:0;
  padding: 6px 8px 4px 10px;
  border-bottom: 1px solid #80bf6c;
  background: url(../gif/block_shadow_up3.gif) no-repeat top left;
  text-align:center;
  font-size:90%;
  font-weight:bold;
}
#green_box_content{
  width: 210px;
  padding: 10px 0;
}
#green_box_content dl {
  margin-left:10px;
  margin-right:10px;	
  margin-top:0;
  margin-bottom:0;
  padding: 0;
}
#green_box_content dt {
  width:190px;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  font-size: 80%;
  font-weight:bold;
  letter-spacing: 1px;
  color: #627081;
}
#green_box_content dd {
  margin: 0;
  padding: 0;
  font-size: 70%;
  line-height: 1.2em;
  color: #666;
}
#green_box_content dd.img img {
  margin-right:5px;  
  float: left;
}

/* Simple List (Other Products) */
.simple_list {
   position:relative;
}
.simple_list h3 {
   font-size: 100%;
   font-weight:bold;
   background-image: url("../gif/dark_dotted_underline.gif");
   background-position: bottom;
   background-repeat: repeat-x;
   margin: 0;
	margin-bottom: .5em;
	margin-top:.5em;
	padding: 0;
	padding-top: 4px;
   padding-bottom: 4px;
}
.simple_list ul {
   margin:0;
   padding:0;
   /*margin-top:-5px;*/
   list-style-type:none;
}
.simple_list li {
   /*background: url(../png/bullet_light_blue.png) no-repeat 0 50%;*/
   background: url(../png/bullet_boxed_arrow2.png) no-repeat 0 50%;
   padding-left:20px;
}
.simple_list a {
	font-size: 75%;
}
.simple_list a {
   color: #3256B6;
}
.simple_list a:visited {
  color: #3256B6;
}
.simple_list a:hover, a:visited:hover {
  color: #5CB85C;
  text-decoration: none;
}

/* Simple List 2 */
.simple_list2 {
   position:relative;
}
.simple_list2 ul {
   margin:0;
   padding:0;
   list-style-type:none;
}
.simple_list2 li {
   background: url(../png/bullet_green_arrow.png) no-repeat 0 50%;
   padding-left:20px;
}

/* numbered list*/
.numbered_list {
   position:relative;
}
.numbered_list ol {
  list-style-type:none;
  margin:0;
  padding:0;
}

.numbered_list li {
   padding-left:40px;
}

.item1 {
  background: url(../gif/icon_no1.gif) no-repeat 0 2%;
}
.item2 {
  background: url(../gif/icon_no2.gif) no-repeat 0 2%;
}
.item3 {
  background: url(../gif/icon_no3.gif) no-repeat 0 2%;
}
.item4 {
  background: url(../gif/icon_no4.gif) no-repeat 0 2%;
}

/* List with description */
.list_with_desc {
   margin:0;
   padding:0;
   width:100%;
}

.list_with_desc dt {
   padding-left:20px;
   background: url(../png/bullet_green_arrow.png) no-repeat 0 50%;
}
.list_with_desc dd {
   padding:0;
   margin:0;
   padding-left:20px;
}
/* Promo */
#promo {
   border: 1px solid #003663;
   background:#FFFFF7;
}
#promo h3 {
   text-align:center;
   width:100%;
   margin-top: 0;
   background:#003663;
   color:white;
   padding-top: 3px;
   padding-bottom: 3px;
}
#promo img {
   margin:0;
   padding:0;
   margin-top:-10px;
   margin-left:5px;
   margin-bottom:5px;
   border:none;
}

/* Blue content box */
.blue_box {
  width:390px;
  background: url(../gif/blue_box_bottom.gif) no-repeat bottom left;
}
.blue_box h2 {
  position:relative;
  font-size:110%;
  color:004a80;
  margin:0;
  padding: 6px 8px 4px 10px;
  border-bottom: 2px solid #004A80;
  background: url(../gif/blue_box_top.gif) no-repeat top left;
}
.blue_box_content {
   width:350px;
   padding:0;
   margin:0;
   padding-left:20px;
   padding-bottom:20px;
}

/* Flesh box (Solutions) */
.flesh_box {
  width:390px;
  background: url(../gif/flesh_box_bottom.gif) no-repeat bottom left;
}
.flesh_box h2 {
  position:relative;
  font-size:110%;
  color:004a80;
  margin:0;
  padding: 6px 8px 4px 10px;
  background: url(../gif/flesh_box_top.gif) no-repeat top left;
}
.flesh_box a {
  color:#B32400;
}
.flesh_box_content {
   width:350px;
   padding:0;
   margin:0;
   margin-top:-20px;
   padding-left:20px;
   padding-bottom:20px;
}

/* Font Color */
.red_font {
   color:#B32400;
}
.bold_font {
   font-weight:bold;
}
/* Vertical Menu */
.vertical_menu ul {
  width:100%;
  list-style-type:none;
  padding:0;
  margin:0;
}
.vertical_menu li {
  display:inline;
}
.vertical_menu a {
  color: #FFFFFF;
  background-color: #003463;
  padding: 2px;
  padding-left: 3px;
  display: block;
  border-left: 10px solid #639AFF;
  font: 90% Verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin-top: 1px;
}
.vertical_menu a:hover {
  border-left: 10px solid #CFD4E6;
  text-decoration: none;
  color: #FFFFFF;
}
.vertical_menu a:visited, .vertical_menu a:link {
  color: #FFFFFF;
}
.vertical_menu #current {
  border-left: 10px solid #CFD4E6;
  text-decoration: none;
  color: #FFFFFF;
}

/* Table1 - Pinaka Cellcard Rates */
#table1 table {width:100%;}
#table1 table, #table1 th, #table1 td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	color: #555;
	font-size:12px;
}
#table1 caption {
	font-size: 130%;
	font-weight: bold;
	margin: 5px;
}
#table1 td, #rate_table th {
	padding: 4px;
}
#table1 thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
}
#table1 tbody th {
	font-weight: bold;
	text-align:top;
	vertical-align:top;
}
#table1 tbody tr {
	background: #FCFDFE;
	text-align:left;
	vertical-align:top;
}
#table1 tbody tr.odd {
	background: #F7F9FC;
}
#table1 table a:link {
	color: #718ABE;
	text-decoration: none;
	font-size:12px;
}
#table1 table a:visited {
	color: #718ABE;
	text-decoration: none;
	font-size:12px;
}
#table1 table a:hover {
	color: #718ABE;
	font-size:12px;
	text-decoration: underline !important;
}
#table1 tfoot th, #table1 tfoot td {
	font-size: 85%;
}

/* pic_with_desc */
.pic_with_desc img {
   margin-right:10px;
   float:left;
}
.pic_with_desc a img {
   border:none;
}
/* img with border */
.img_with_border {
   border: 1px solid black;
}

/* table2 - Red theme. Smaller fonts */
#table2 table {width:100%;}
#table2 table, #table2 th, #table2 td {
	/* border: 1px solid #D4E0EE; */
	border: 1px solid #FFBFBF;
	border-collapse: collapse;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	color: #555;
	font-size:10px;
}
#table2 caption {
	font-size: 130%;
	font-weight: bold;
	margin: 5px;
}
#table2 td, #rate_table th {
	padding: 4px;
}
#table2 thead th {
	text-align: center;
	/* background: #E6EDF5; */
	background: #E42217;
	/* color: #4F76A3; */
	color: #FFFFFF;
	font-size: 100% !important;
}
#table2 tbody th {
	font-weight: bold;
	text-align:top;
	vertical-align:top;
}
#table2 tbody tr {
	background: #FCFDFE;
	text-align:left;
	vertical-align:top;
}
#table2 tbody tr.odd {
	/* background: #F7F9FC; */
	background: #FFE6E6;
}
#table2 table a:link {
	color: #718ABE;
	text-decoration: none;
	font-size:10px;
}
#table2 table a:visited {
	color: #718ABE;
	text-decoration: none;
	font-size:10px;
}
#table2 table a:hover {
	color: #718ABE;
	font-size:10px;
	text-decoration: underline !important;
}
#table2 tfoot th, #table2 tfoot td {
	font-size: 85%;
}
#table2 ol {
	margin: 0;
	padding: 0;
	margin-left:20px;
}

/* Table3 - same as table1. Smaller Fonts*/
#table3 table {width:100%;}
#table3 table, #table3 th, #table3 td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	color: #555;
	font-size:10px;
}
#table3 caption {
	font-size: 130%;
	font-weight: bold;
	margin: 5px;
}
#table3 td, #rate_table th {
	padding: 4px;
}
#table3 thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
}
#table3 tbody th {
	font-weight: bold;
	text-align:top;
	vertical-align:top;
}
#table3 tbody tr {
	background: #FCFDFE;
	text-align:left;
	vertical-align:top;
}
#table3 tbody tr.odd {
	background: #F7F9FC;
}
#table3 table a:link {
	color: #718ABE;
	text-decoration: none;
	font-size:10px;
}
#table3 table a:visited {
	color: #718ABE;
	text-decoration: none;
	font-size:10px;
}
#table3 table a:hover {
	color: #718ABE;
	font-size:10px;
	text-decoration: underline !important;
}
#table3 tfoot th, #table3 tfoot td {
	font-size: 10px;
}

.bordered-box {
	border: 1px solid #D4E0EE;	
}

/* table4 - Yellow theme. Smaller fonts */
#table4 table {width:100%;}
#table4 table, #table4 th, #table4 td {
	/* border: 1px solid #D4E0EE; */
	border: 1px solid #B3B300;
	border-collapse: collapse;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	color: #555;
	font-size:10px;
}
#table4 caption {
	font-size: 130%;
	font-weight: bold;
	margin: 5px;
}
#table4 td, #rate_table th {
	padding: 4px;
}
#table4 thead th {
	text-align: center;
	/* background: #E6EDF5; */
	background: #FFFF00;
	/* color: #4F76A3; */
	color: #B3B300;
	font-size: 100% !important;
}
#table4 tbody th {
	font-weight: bold;
	text-align:top;
	vertical-align:top;
}
#table4 tbody tr {
	background: #FCFDFE;
	text-align:left;
	vertical-align:top;
}
#table4 tbody tr.odd {
	/* background: #F7F9FC; */
	background: #FFFFBF;
}
#table4 table a:link {
	color: #718ABE;
	text-decoration: none;
	font-size:10px;
}
#table4 table a:visited {
	color: #718ABE;
	text-decoration: none;
	font-size:10px;
}
#table4 table a:hover {
	color: #718ABE;
	font-size:10px;
	text-decoration: underline !important;
}
#table4 tfoot th, #table4 tfoot td {
	font-size: 85%;
}
#table4 ol {
	margin: 0;
	padding: 0;
	margin-left:20px;
}