/* Layout */

html { 
	min-width: 600px;
	/*width: 750px;*/
}

body { 
	background-image: url('../images/bg_footer.gif');
	background-repeat: repeat-y;
	color: #333;
	margin: 0;
	padding: 0px; /* Required for Opera */
	text-align: left; /* Required for Internet Explorer */
	width: 100%;
}

body, div, td, th, h2, h3, h4 { /* Redundant rules for bad browsers  */  
    font-family: Arial, sans-serif, Verdana;
	font-size: small;
	voice-family: "\"}\"";
	voice-family: inherit;
	color: #333;
}

#bannerContainer {
	background: #003366;
	height: 100px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 100%;
}

#banner {
	background: transparent;
	height: 100px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	vertical-align: top;
	width: 470px;	
}

#content {
	background-color: #FFF;
}

#leftContent {
	background: #FFF;
	background-image: ur('images/bg_tab_spacer.gif');
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 270px;
}

#leftElements {
	margin: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0;
	vertical-align: top;
	width: 260px;
}

#rightContent {
	background: #FFF;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 480px;
}

#rightElements {
	margin: 0;
	padding: 0 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	width: 470px;
}

.floatContainer {
	margin: 0 auto;
	width: 450px;
}

.floatLeft {
	float: left;
	width: 50%;
}

.floatRight {
	float: right;
	width: 50%;
}

.floatClear {
	clear: both;
}

div.advantageBox {
    background: url(../images/bg_boxbody.gif) no-repeat left top;
    margin: 0 0 10px 0;
}

div.advantageBox div.advantageBody {
    margin: 0;
    padding: 5px 10px;
}

div.advantageBox div.advantageBottom {
    background: #FFFFFF url(../images/bg_boxbottom.gif) no-repeat left top;
    margin: 0;
    padding-top: 10px;
}

div.advantageBox div.advantageBody h3 {
	color: #99CC33;
	font-size: 110%;
    font-weight: bold;
	margin: 0px 0px 5px 10px;
}

div.advantageBox div.advantageBody h4 {
	color: #888888;
	font-size: 20px;
    font-weight: normal;
	margin: 0px 0px 15px 0px;
}

div.advantageBox div.advantageBody p {
	color: #333;
    font-weight: normal;
	margin: 20px 5px 10px 10px;
}

div.advantageBox div.advantageBody ul.advantages {
	list-style-type: none;
	margin: 5px 10px 5px 10px;
	padding: 0px 0px 0px 0px;
	width: 410px;
}

div.advantageBox div.advantageBody ul.advantages li {
	background: url(../images/img_bullet.png) no-repeat;
	background-position: left top;
	font-weight: normal;
	line-height: 1.5em;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

/*Comparison Table*/

div.normalBox {
    background: url(../images/bg_boxbody.gif) no-repeat left top;
    margin: 0 0 10px 0;
}

div.normalBox div.normalBody {
    margin: 0;
    padding: 5px 10px;
}

div.normalBox div.normalBottom {
    background: #FFFFFF url(../images/bg_boxbottom.gif) no-repeat left top;
    margin: 0;
    padding-top: 10px;
}

div.normalBox div.normalBody h3 {
	color: #99CC33;
	font-size: 110%;
    font-weight: bold;
	margin: 0px 0px 5px 10px;
}

div.normalBox div.normalBody h4 {
	color: #888888;
	font-size: 20px;
    font-weight: normal;
	margin: 0px 0px 15px 0px;
}

div.normalBox div.normalBody p {
	color: #333;
    font-weight: normal;
	margin: 20px 20px 10px 20px;
}

div.normalBox div.normalBody div.normalContainer {
	margin: 10px 10px 10px 10px;
}

div.normalBox div.normalBody td.highlight {
	background-color: #E8F6FA;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
}

div.normalBox div.normalBody td.chighlight {
	background-color: #E8F6FA;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

/*End Comparison Table*/

div.promoBox {
    background: url(../images/bg_5050promo_top.gif) no-repeat left top;
    margin: 0 0 10px 0;
}

div.promoBox div.promoBody {
    margin: 0;
    padding: 205px 20px 10px 20px;
	width: 410px;
}

div.g3promoBox {
    background: url(../images/bg_g3promo_top.gif) no-repeat left top;
    margin: 0 0 10px 0;
	width: 450px;
}

div.g3promoBox div.g3promoBody {
    margin: 0;
    padding: 70px 20px 10px 20px;
	width: 410px;
}

div.g3promoBox div.g3promoBody ul.free {
	list-style-type: none;
	margin: 5px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
}

div.g3promoBox div.g3promoBody ul.free li {
	background: url(../images/img_bullet.png) no-repeat;
	background-position: left top;
	font-weight: normal;
	line-height: 1.5em;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

div.ratespromoBox {
    background: url(../images/bg_5050promo_top.gif) no-repeat left top;
    margin: 0 0 10px 0;
	width: 450px;
}

div.ratespromoBox div.ratespromoBody {
    margin: 0;
    padding: 205px 20px 10px 20px;
	width: 410px;
}

div.ratespromoBox div.ratespromoBody ul.countries {
	list-style-type: circle;
	margin: 5px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
}

div.ratespromoBox div.ratespromoBody ul.countries li {

	font-weight: normal;
	line-height: 1.5em;
	list-style-position: inside;
	list-style-type: circle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.promoBox div.promoBottom, div.g3promoBox div.g3promoBottom, div.ratespromoBox div.ratespromoBottom, div.normalBox div.normalBottom { /* all three divs*/
    background: #FFFFFF url(../images/bg_boxbottom.gif) no-repeat left top;
    margin: 0;
    padding-top: 10px;
}

div.promoBox div.promoBody p, div.g3promoBox div.g3promoBody p, div.ratespromoBox div.ratespromoBody p, div.normalBox div.normalBody p,  { /* all three divs*/
	color: #333;
    font-weight: normal;
	margin: 10px 0px 0px 0px;
}

.floatg3Container {
	margin: 0 auto;
	width: 410px;
}

table.outerT {
	border: 1px solid #CCC; 
	border-collapse: collapse;
}

table.outerT td {
	border: 1px solid #CCC;
}   
 
table.outerT th {
	background: #666666;
	border: 1px solid #CCC;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

table.outerT td.center {
	text-align: center;
}

table.compareT {
	border: 1px solid #CCC; 
	border-collapse: collapse;
}

table.compareT td {
	border: 1px solid #CCC;
}   
 
table.compareT td.minutes {
	background: #666666;
	border: 1px solid #CCC;
	color: #FFF;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}
 
table.compareT td.acarrier {
	background: #D2EDF6;
	border: 1px solid #CCC;
	color: #CC0000;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
}
 
table.compareT td.arate {
	background: #D2EDF6;
	border: 1px solid #CCC;
	color: #CC0000;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}
 
table.compareT td.carrier {
	background: #FFF;
	border: 1px solid #CCC;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
}
 
table.compareT td.rate {
	background: #FFF;
	border: 1px solid #CCC;
	color: #333;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
}

table.compareT td.center {
	text-align: center;
}

/* Master Style */

h1 {
	color: #0099CC;
	font-family: Arial, sans-serif, Verdana;
	font-size: 120%;
	margin: 0;
	margin-bottom: 10px;
}

h2 {
	border-bottom: 1px solid #CCC;
	border-left: 0;
	border-right: 0;
	border-style: dotted;
	border-top: 0;
	color: #99CC33;
	font-family: Arial, sans-serif, Verdana;
	font-size: 120%;
	margin: 0;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

/*
.h2Blue {
	font-size: 150%;
	font-family: Arial, sans-serif, Verdana;
	color: #0099CC;
	display: inline; 
	margin: 0;
}

.h2Lime {
	font-size: 150%;
	font-family: Arial, sans-serif, Verdana;
	color: #99CC33;
	display: inline; 
	margin: 0;
}
*/

h3 {
	color: #99CC33;
	font-family: Arial, sans-serif, Verdana;
	font-size: 120%;
	margin: 0;
}

.h3Gray {
	border: 0;
	color: #999;
	font-size: 150%;
	font-family: Arial, sans-serif, Verdana; 
	display: inline; 
	margin: 0;
}

p.justify {
	text-align: justify;
}

a:link, a:active { 
	color: #0099CC;
	font-weight: normal;
	text-decoration: underline;
}

a:visited { 
	color: #7FCCE5;
	font-weight: normal; 
	text-decoration: underline;
}

a:hover { 
	color: #99CC00;
	font-weight: normal;
	text-decoration: none;
}

.smallText {
	color: #0099CC;
	font-family: Arial, sans-serif, Verdana;
	font-size: x-small;
	font-weight: normal;
	text-decoration: none;
}

a.smallText:link, a.smallText:active { 
	color: #0099CC;
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
	margin: 0;
	text-decoration: underline; 
}

a.smallText:visited { 
	color: #7FCCE5;
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
	margin: 0;
	text-decoration: underline; 
}

a.smallText:hover { 
	color: #99CC00; 
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
}

.textNormal {
	color: #333;
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
}

.textBlue {
	color: #0099CC;
	font-family: Arial, sans-serif, Verdana;
	font-weight: bold;
	margin: 0;
}

.textBlue5050 {
	color: #0099CC;
	font-family: Arial, sans-serif, Verdana;
	font-weight: bold;
	font-size: 11pt;
	margin: 0;
}

.textLime {
	color: #89B604;
	font-family: Arial, sans-serif, Verdana;
	font-weight: bold;
	margin: 0;
}

.textGray {
	color: #333;
	font-family: Arial, sans-serif, Verdana;
	/*font-size: 110%;*/
	font-weight: bold;
	/*padding: 10px;*/
}

.textGray120 {
	color: #666;
	font-family: Arial, sans-serif, Verdana;
	font-size: 120%;
	font-weight: bold;
}

.textRed {
	color: #CC0000;
	font-family: Arial, sans-serif, Verdana;
	font-weight: bold;
}

.textWhite {
	color: #FFF;
	font-family: Arial, sans-serif, Verdana;
	font-weight: bold;
	margin: 0;
}

.textCountry {
	color: #333;
	font-family: Arial, sans-serif, Verdana;
	font-size: 10pt;
	font-weight: normal;
}

.textRates {
	color: #0099CC;
	font-family: Arial, sans-serif, Verdana;
	font-size: 10pt;
	font-weight: bold;
}

#descGuide {
	background: #BFE5F2;
	color: #333;
	display: block;
	font-family: Arial, sans-serif, Verdana; 
	font-size: 85%;
	font-weight: bold;
	margin: 0;
	padding: 7px;
	padding-left: 30px;
}

.note {
	background: #E7E7E7;
	color: #333;
	font-size: 85%;
	font-weight: bold;
	/*font-style: italic;*/
	margin: 0;
	padding: 0;
	text-align: left;
}

.disclaimer {
	color: #333;
	font-size: 70%;
	font-weight: normal;
	margin: 0;
	padding: 0px;
}

.disclaimer5050 {
	color: #333;
	font-size: 9px;
	font-weight: normal;
}

div.rate5050 {
	background-color: #eef6f9;
	color: #333;
	border: 1px solid #FFF;
	padding: 5px;
}

.message {
	color: #0099CC;
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
	margin: 0;
	padding: 0px;
}

.required {
	color: #FF0000;
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
	vertical-align: top;
}

.asterisk {
	color: #FF0000;
	font-family: Arial, sans-serif, Verdana;
	font-weight: bold;
	vertical-align: top;
}

.customer {
	font-style: italic;
	font-weight: bold;
	text-align: right;
}

.destination {
	color: #0099CC;
	font-style: italic;
	font-weight: normal;
	margin-top: 10px;
	text-align: left;
}

.expiredCountry { /*Used for one cent promotion*/
	font-weight: bold;
	text-decoration: line-through;
}

.expiredDate { /*Used for one cent promotion*/
	font-weight: normal;
	text-decoration: line-through;
}

.currentCountry { /*Used for one cent promotion*/
	color: #0099CC;
	font-size: 120%;
	font-weight: bold;
}

.cellPhone { /*Used for one cent promotion*/
	color: #777;
	font-size: 85%;
}

ul.normList {
    color: #0099CC;
	/*line-height: 150%;*/
	list-style-image: none;
	list-style-position: outside;
	list-style-type: square;
}
  
ol.normList {
    color: #0099CC;
	/*line-height: 150%;*/
	list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
  }

li.normList {
	color: #0099CC;
}

li.normList span {
	color: #333;
}

.listAdv {
	color: #333;
	font-family: Arial, sans-serif, Verdana;
	font-size: 85%;
	font-weight: normal;
	padding: 0;
	margin-left: 5px;
}

li.checkList {
	background-image: url(../images/img_bullet.png);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 1.5em;
	list-style: none;
	list-style position: outside;
	margin-left: -30px;
	padding-left: 20px;
}

.imgGap {
	display: block;
}

/* Tables and Cells */

.textBottom {
	vertical-align: bottom;
}

.textTop {
	vertical-align: top;
}

.textCentered {
	text-align: center;
}

.textMiddle {
	vertical-align: middle;
}

.cellGray { /*Used for srates*/
	background: #E7E7E7;
	font-size: 90%;
	text-align: left;
}

.cellWhite { /*Used for srates*/
	background: #FFF;
	font-size: 90%;
	text-align: left;
}

.cellHeader { /*Used for call rates*/
	background: #7FCCE5;
	border-bottom:3px solid #999;
	color: #FFF;
	font-family: Arial, sans-serif, Verdana;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.cellCountry { /*Used for call rates*/
	background: #FFF;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

.cellCode { /*Used for call rates*/
	background: #F7F7F7;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

.cellRates { /*Used for call rates*/
	background: #E7E7E7;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}

.cellLight { /*Used for contact form*/
	background: #F7F7F7;
	padding: 5px;
	text-align: right;
	vertical-align: middle;
}

.cellDark { /*Used for contact form*/
	background: #E7E7E7;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

.cellPcountry { /*Used for one cent promotion*/
	background: #E8F6FA;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

.cellPdate { /*Used for one cent promotion*/
	background: #E8F6FA;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.borderedGray {
	background: #F7F7F7;
	border: 1px solid #999;
	border-style: dotted;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.borderedWhite {
	background: #FFF;
	border: 1px solid #999;
	border-style: dotted;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.borderedBlue {
	background: #E8F6FA;
	border: 1px solid #999;
	border-style: dotted;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.borderedLime {
	background: #EBF5D6;
	border: 1px solid #999;
	border-style: dotted;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.borderedYellow {
	background: #FFF7D9;
	border: 1px solid #999;
	border-style: dotted;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.bordered {
	border: 1px solid #999;
	border-style: dotted;
}

.borderedAdv {
	background: #F5F5F5;
	border: 1px solid #999;
	border-style: dotted;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.borderedDots {
	/*background: #E8F6FA;*/
	background: #FFF url(../images/bg_dots.gif) no-repeat scroll center;
	border: 1px solid #999;
	border-style: dotted;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

#submitTestimonial {
	background: #999;
	border: 1px solid #999;
	border-style: dotted;
	text-align: center;
}

#rateFinder {
	background: #E8F6FA url(../images/bg_ratefinder.gif) no-repeat left top;
	border: 1px solid #999;
	border-style: dotted;
	/*margin-top: 10px;*/
	margin-bottom: 5px;
	padding: 10px;
	text-align: left;
}

#mainRates {
	border: 2px solid #999;
	border-top: none;
	padding: 0px;
	text-align: center;
	width: 148px;
	position: relative;
}

blockquote {
	margin-left: 10px;
	padding-left: 70px;
	background-image: url('../images/img_testimonials.gif');
	background-repeat: no-repeat;
}

.faqBox {
	border-bottom: #CCC 1px dotted;
	border-left: #E7E7E7 10px solid;
	border-right: #E7E7E7 10px solid;
	border-top: #CCC 1px dotted;
	padding: 10px;
}

/* Elements */

#borderTleft {
	background-image: url('../images/bg_tlshadow.gif');
	background-repeat: no-repeat;
	width: 10px;
}

#borderTright {
	background-color: #FFF;
	background-image: url('../images/bg_trshadow.gif');
	background-repeat: no-repeat;
	width: 10px;
}

#borderBleft {
	background-color: #F5F5F5;
	/*background-image: url('../images/bg_blshadow.gif');
	background-repeat: no-repeat;*/
	vertical-align: bottom;
	width: 10px;
}

#borderBright {
	background-color: #FFF;
	/*background-image: url('../images/bg_brshadow.gif');
	background-repeat: no-repeat;*/
	vertical-align: bottom;
	width: 10px;
}

#tabSpacer {
	background-image: ur('..images/bg_tab_spacer.gif');
	background-repeat: repeat-x;
	height: 30px;
	text-align: right;
}

.myForm {
	margin: 0;
	padding: 0
}

.clearhack { /*Clears Box Model Hack in IE5*/
	display: inline; 
}

.spacer {
	height: 10px;
}

.spacerMax {
	height: 30px;
}

.spaceriRates {
	height: 30px;
}

.divider {
	border-bottom: 1px solid #CCC;
	border-left: 0;
	border-right: 0;
	border-style: dotted;
	border-top: 0;
	color: #99CC33;
}

.billBell {
	background-image: url('../images/img_bill_bell.gif');
	background-position: top;
	background-repeat: no-repeat;
	height: 600px;
	margin-left: 0;
	margin-top: 0;
	padding: 0;
	text-align: left;
	width: 700px;
}

.billClose {
	padding: 10px;
}

.button {
	vertical-align: top;
}

hr {
	border-top: 1px solid #CCC;
	border: 0;
	color: #CCC;
	width: 100%;
	height: 1px;
	padding-bottom: 20px;
    padding-top: 20px;
}

div.hr {
  height: 12px;
  background: #FFF url(../images/img_hr.gif) no-repeat scroll center;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.hr hr {
  display: none;
}