/***[ basic ]***/

*{
margin:0;
padding:0;
}

body
{
background: #EEE;
font-family: arial;
color:#000;
}

h1, h2, h3, h4, h5, h6
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

h1
{
margin:10px 0 10px 0;
font: 20px "Trebuchet MS";
color: #78A51E;
}

h2
{
font: bold 15px "Trebuchet MS";
color: #FF6600;
margin: 10px 0 10px 0;
}

h3
{
font-size:100%;
margin:10px 0 0 0;
}

h4
{
font-size:90%;
margin: 8px 0 0 0;
}

p
{
font: 11px tahoma;
line-height: 15px;
margin: 0 0 10px 0;
}


#body_inside p
{
font: 12px arial;
color: #666;
}

.paraimg
{
float: left;
margin: 0 10px 5px 0;

}

a
{
text-decoration:none;
outline:0;
font: 11px tahoma;
color: #0066CC;
border-bottom: 0px;
}

a:hover
{
text-decoration: none;
}

a:active
{
color:#e9640b;
}

img
{
border: 0;
}

/*ul
{
list-style-type:none;
}
*/
.clear {
display: block;
clear: both;
width: 100%;
height: 1px;
margin: 0 0 -1px;
font-size: 1px;
line-height: 1px;
}




/***[structure]***/

*
{
margin: 0;
padding: 0;
}

* html div
{
height: 1px;
}

html, body
{
height: 100%;
}

body
{
font-family: verdana, sans-serif;
font-size: 100%;
color: #000;
}

html>body
{
font-size: 1em;
}

* html body
{
text-align: center;
}

.wrapper
{
width: 770px;
margin: 10px auto;
overflow: hidden;
height: 100%;
text-align: left;
min-height: 100%;
height: auto;
line-height: 1.5em;
}

#outbox-top
{
width: 770px;
background: url(../images/outbox-top.jpg) no-repeat top left;
float: left;
color: #0066CC;
height: 30px;
text-align: right;
padding: 5px 20px 0 0;
margin: 0 0 0px 0;
}

#outbox-top ul
{
width: auto;
list-style-type: none;
margin: 5px 10px 0 0;
float: right;
}


#outbox-top ul li
{
margin: 0 0px 0 0;
float: left;
padding: 0 10px 0 23px;
text-align: left;
height: 30px;
}

#outbox-top ul li.home
{
background: url(../images/home-icon.jpg) no-repeat center left;
}

#outbox-top ul li.about
{
background: url(../images/about-icon.jpg) no-repeat center left;
}

#outbox-top ul li.faq
{
background: url(../images/faq-icon.jpg) no-repeat center left;
}
#outbox-top ul li.contact
{
background: url(../images/contact-icon.jpg) no-repeat center left;
}




#outbox-middle
{
width: 770px;
background: url(../images/outbox-middle.jpg) repeat-y top left;
float: left;
}

#outbox-bottom
{
width: 770px;
background: url(../images/outbox-bottom.jpg) no-repeat top left;
float: left;
color: #fff;
height: 14px;
}



#header
{
width: 750px;
margin: 0px 10px;
float: left;
height: 120px;
}

#header-left, #header-right
{
width: 350px;
float: left;
}

#header-right
{
width: 400px;
}

span#forgot-box
{
margin: 5px 0 0 75px;
display: block;
float: left;
color: #000;
}

span#forgot-box a
{
color: #000;
}




#topnav
{
width: 750px;
margin: 5px 10px;
float: left;
}

#topnav-mid
{
width: 732px;
background: url(../images/topnav-bg.jpg) repeat-x top left;
margin: 0 0 0 0;
padding: 0 0 0 10px;
height: 25px;
float: left;
}

#topnav-left, #topnav-right
{
width: 4px;
background: url(../images/topnav-bgleft.jpg) repeat-x top left;
margin: 0 0 0 0;
height: 25px;
float: left;
}

#topnav-right
{
background: url(../images/topnav-bgright.jpg) repeat-x top left;
}

#topnav-mid ul
{
list-style-type: none;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}

#topnav-mid ul li
{
float: left;
margin: 0px 12px 0 0;
padding: 2px 4px 0 0;
background: url(../images/topnav-lirgt.jpg) no-repeat top right;
height: 23px;
}

#topnav-mid ul li a
{
color: #fff;
font-weight: bold;margin: 0px 10px 0 0;

}

#topnav-mid ul li a:hover
{
color: #ABD229;
font-weight: bold;
}





span#signup-butbox a, span#callbox
{
width: 90px;
display: block;
background:  #0099CC;
font: 15px "Trebuchet MS";
float: left;
color: #FFF;
height: 25px;
padding: 5px 0 0 10px;
}

span#signup-butbox a:hover
{
text-decoration: underline;

}


span#callbox
{
width: 200px;
margin: 0 0 0 1px;
background: none;
color: #000;
}





#banner
{
width: 750px;
margin: 0 10px 10px 10px;
float: left;
}



#banner-left
{
width: 525px;
background: url(../images/banner-left.gif) no-repeat top left;
height: 185px;
float: left;
}

#banner-right
{
width: 225px;
background: url(../images/banner-right.jpg) no-repeat top left;
height: 185px;
float: left;
}

#banner-inside
{
margin: 0 0 0 10px;
width: 750px;
float: left;
background:  #330099 url(../images/banner-inside.jpg) repeat-x top left;
height: 120px;

}






#container
{
width: 750px;
margin: 0 10px;
border-bottom: 0px solid #ddd;
padding: 0 0 10px 0;
}


#container #left
{
width: 540px;
margin: 0px;
padding: 0 0px 0 0;
float: left;
font: 12px arial;
}


#container #right
{
width: 190px;
float: right;
}









#body_inside #container #left
{
width: 740px;
font: 12px arial;
}

#container #left span
{
display:block;
}


#comparebox
{
width: 540px;
background: #fff url(../images/world-map-bg.jpg) no-repeat top left;
float: left;
padding: 0 0 10px 0;
font: 11px arial;
}


#comparebox-left
{
width: 135px;
float: left;
padding: 10px;
}

#comparebox-left p
{
text-align: center;
}



#comparebox-right
{
width: 385px;
float: left;
}


#ratebox-top
{
width: 370px;
height: 14px;
background: url(../images/compare-box-topbg.gif) no-repeat top left;
}

#ratebox-bottom
{
width: 370px;
height: 14px;
background: url(../images/compare-box-btmbg.gif) no-repeat top left;
}

table.compare
{
width: 370px;
font: 11px tahoma;
margin: 0 0px 0px 0px;
background: #fff;
/*float: right;*/
border-left: 1px solid #A3D01B;
border-right: 1px solid #A3D01B;
}

table.compare td.colored-dark, table.compare td.colored-light
{
color: #284F9C;
font-weight: bold;
text-align: center;
background: #C8E377;
}

table.compare td.colored-light
{
background: #D7EB9D;
}

table.compare td
{
padding: 0 0px 0 0px;
padding: 5px 5px;
color: #2F559F;
}

table.compare tr.light
{
background: #E4F1BD;
}

table.compare tr.dark
{
background: #fff;
}

table.compare tr.header td
{
color: #000;
}





#rightbox-top, #rightbox-middle, #rightbox-bottom
{
width: 190px;
margin: 0;
padding: 0 0 0 0;
float: left;
height: 10px;
background: url(../images/rightbox-topbg.jpg) no-repeat bottom left;
}

#rightbox-middle
{
background: #42B4FF url(../images/rightbox-middlebg.jpg) repeat-x bottom left;
height: auto;
}


#rightbox-middle.column {
  padding-bottom: 20010px;
  margin-bottom: -20000px;
}


#rightbox-middle h2
{
font: bold 15px arial;
color: #fff;
}


#rightbox-middle ul
{
}


#rightbox-bottom
{
background: url(../images/rightbox-bottombg.jpg) no-repeat top left;
height: 10px;
}





#tollbox
{
width: 180px;
padding: 0 0 0 0;
float: left;
margin: 10px 0 0 0;
}

#tollbox span
{
font-weight: bold;
}





#myaccountbox-top, #myaccountbox-middle, #myaccountbox-bottom
{
width: 340px;
margin: 0;
float: right;
height: 23px;
background: url(../images/myaccount-topbg.jpg) no-repeat top left;
}

#myaccountbox-middle
{
background: #68BFE1 url(../images/myaccount-middlebg.jpg) repeat-x top left;
height: 80px;
border: 1px solid #68BFE1;
border-top: 0;
border-bottom: 0;
padding: 0 0 0 0;
font: 11px arial;
}


#myaccountbox-middle a
{
color: #fff;
}



#myaccountbox-bottom
{
background: url(../images/myaccount-bottombg.jpg) no-repeat top left;
}







#footer
{
width: 770px;
margin: 10px auto;
text-align: center;
color: #999;
font: 11px tahoma;
padding: 5px 0 0 0;
float: left;
border-top: 2px solid #D5D5D5;
}

#footer a
{
color: #06C;
}

#footer span
{
display: block;
}














#ratebox
{
width: 180px;
background:  #FF6C00 url(../images/ratebox-bg.jpg) repeat-x top left;
border: 1px solid #FFCC00;
padding: 10px;
float: left;
margin: 10px 10px 0 0;
}

#ratebox span, #ratebox span.changerate
{
font-weight: bold;
font-size: 16;
padding: 0 0 5px 0;
display: block;
}

#ratebox span.changerate
{
color: #fff;
text-align: center;
margin: 10 0 0 0;
}



#ratebox select
{
padding: 0 0px 0 0px;
}





#uvcardbox
{
width: 420px;
background: #E6E6E6;
border: 1px solid #CCC;
float: left;
padding: 10px;
margin: 0 0 10px 0;
}

#uvcardbox h2
{
font: bold 15px "Trebuchet MS";
color: #FF6600;
}


ul.dotlist, ul.dotlist-right
{
list-style-type: square;
margin: 0 0 0 20px;
font: 12px arial;
color: #666;
}

ul.dotlist li
{
padding: 0 0 0 0px;
vertical-align: top;
margin: 0 0 3px 0;
vertical-align: top;
}

ul.dotlist-right
{
color: #FFF;
font: 11px arial;
}



ul.listarrow
{
width: 100%;
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
font: 12px arial;
color: #666;
float: left;
}

ul.listarrow li
{
background: url(../images/listarrow.gif) no-repeat top left;
padding: 0 0 0 18px;
vertical-align: top;
margin: 0 0 8px 0;
}













#orcallbox
{
width: 700px;
font: 12px arial;
color: #666;
margin: 10px 0 0 0;
float: left;
}


#orcallbox span
{
display: block;
}

#orcallbox span.number
{
font: 20px "Trebuchet MS";
}










#faqlinkbox
{
float: left;
}

#faqlinkbox span
{
width: 245px;
height: 50px;
background:  #99CC00;
margin: 0 5px 0 0;
float: left;
padding: 10px 0 0 10px;
}

#faqlinkbox span a
{
color: #fff;
font: bold 15px "Trebuchet MS";
}


#faqlinkbox span.gen
{
background: #3399CC;
}

#faqlinkbox span.prepaid
{
background: #FF9900;
}

#faqlinkbox span.postpaid
{
background: #6666CC;
}

ul.questions
{
width: 100%;
float: left;
color: #666;
margin: 0 0 0 0px;
list-style-type: none;
}

ul.questions li
{
margin: 0 0 5px 0;
background: url(../images/listarrow.jpg) no-repeat top left;
padding: 0 0 0 18px;
vertical-align: top;
}

ul.questions li a
{
font: 12px arial;
}


#quetsions
{
margin: 20px 0 0 0;
float: left;
}

.Q
{
width: 90%;
float: left;
margin: 0px 0 10px 0;

}

#quetsions p.ques
{
width: 80%;
font: bold 12px arial;
background: url(../images/Q.jpg) no-repeat top left;
padding: 2px 0 20px 30px;
margin: 20px 0 0 0;
}

#quetsions p.ans
{
width: 80%;
background: url(../images/A.jpg) no-repeat top left;
padding: 0 0 0 30px;
margin: -8px 0 0px 0;
height: 25px;
float: left;
vertical-align: top;
}






ul.anslist
{
list-style-type: none;
list-style-position: inside;
font: 12px arial;
color: #666;
float: left;
margin: 10px 0 10px 15px;

}

ul.anslist li
{
width: 700px;
margin: 0 0 8px 0;
background: url(../images/listarrow.gif) no-repeat top left;
padding: 0 0 0 18px;
}



#quetsions span
{
display: block;
margin: 0 0 0px 0;
float: left;
height: 20px;
}







#formbox
{
width: 300px;
float: left;
margin: 0px 0 0 0;
font: 11px arial;
}

#formbox span
{
width: 300px;
float: left;
}

#formbox span.head
{
display: block;
}





























span.fields
{
float: left;
width: 200px;
background: #0099CC;
clear: both;
display: block;
}

span.fields lable
{
display: inline;
display: block;
width: 200px;
background: #99CC66;
}


table.formbox
{

font: 11px arial;
color: #666;
margin: 0px 0 0 0;
}

table.formbox td
{
padding: 4px;
}


table.formbox input , table.formbox select, table.formbox option
{
font: 11px arial;
border: 1px solid #666;
padding: 2px 0 0 3px;
height: 16px;
}

table.formbox select
{

padding: 0 0 0 3px;
}

table.formbox option
{
border: 0;
padding: 0 0 0 5px;

}








#termsbox
{
width: 600px;
margin: 20px 0 0 0;
float: left;
}




/***[Forms]***/

form
{
margin-top:15px;
}

fieldset
{
margin: 0 0 10px 0;
padding:10px 0 10px 0;
border-color:#060;
border: none;
width: auto;
margin: 0 0 0 0;
}
/*

legend
{
font: bold 12px arial;
color:#fff;
background:  #f60;
padding: 2px 5px;
width: auto;
margin: 0;
float: left;
}





input.frm_text
{
width:300px;
background:#1C4015;
border:0;
}*/

textarea
{
width:550px;
height:150px;
font: 12px Arial ;
border: 1px solid #ccc;
padding: 5px;
}

label
{
font-size:12px;
margin-top:5px;
float: left;
display: block;
}
input
{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}

input.frm_submit
{
display:block;
clear:both;
font-size:12px;
padding:2px 0px;
background:#f60;
color:#fff;
margin: 10px 0 0 0;
border:0;
cursor: default;
}

.validationerror
{
color:#b41b26;
}

.syserror
{
color:#b41b26;
}