/* CSS Document */
/* 
Freshtel AU Screen Stylesheet
Copyright 2007 Freshtel Research & Development
*/

body{
background:#fff url(/images/ui/page-bg.jpg) repeat-x;
font:12px/18px Helvetica, Arial, sans-serif;
color:#545454;
margin:0;
padding:0;
}
body#verinum{
background-image:none;
padding:10px;
}
body.blank{
background:#fff;
padding:6px 8px;
}
img{
border:0;
}
/*
----------------------------------------------
Default link styles
----------------------------------------------
*/
a{
color:#44a2be;
text-decoration:none;
outline:none;
}
a:hover{
color:#12678e;
text-decoration:underline;
}
/*
a.external{
background:url(/images/ui/icon-externallink.gif) no-repeat;
background-position:right 50%;
padding:0 14px 0 0;
}
*/
/*
----------------------------------------------
Page headings
----------------------------------------------
*/
h1{
font:17px/24px Helvetica, Arial, sans-serif;
font-weight:bold;
color:#8cc63f;
margin:0 0 10px 0;
padding:0;
}
h2{
font:13px/24px Helvetica, Arial, sans-serif;
font-weight:bold;
color:#56af47;
margin:0 0 6px 0;
padding:0;
}
h3{
font:12px/18px Helvetica, Arial, sans-serif;
font-weight:bold;
color:#56af47;
margin:0;
padding:0;
}
h4{
font:12px/18px Helvetica, Arial, sans-serif;
font-weight:bold;
color:#545454;
margin:0;
padding:0;
}
/* 
----------------------------------------------
Image replacement headings
----------------------------------------------
*/
h1#h-whichplan{
background:url(/images/content/heading-whichplan.gif) no-repeat;
}
h1#h-compareplans{
background:url(/images/content/heading-compareplans.gif) no-repeat;
}
h1#h-chooseplan{
background:url(/images/content/heading-chooseplan.gif) no-repeat;
}
h1#h-faq{
background:url(/images/content/heading-faq.gif) no-repeat;
}
h1#h-howdoes{
background:url(/images/content/heading-howdoes.gif) no-repeat;
}
h1#h-whyshould{
background:url(/images/content/heading-whyshould.gif) no-repeat;
}
h1#h-whichproduct{
background:url(/images/content/heading-whichproduct.gif) no-repeat;
}
h1#h-download{
/* Reversed out and larger */
background:url(/images/content/heading-download-rev.gif) no-repeat;
}
h1#h-contact{
background:url(/images/content/heading-contact.gif) no-repeat;
}
h1#h-supportrequest{
background:url(/images/content/heading-supportrequest.gif) no-repeat;
}
h1#h-customerservicecharter{
background:url(/images/content/heading-customerservicecharter.gif) no-repeat;
}
h1#h-customerserviceguarantee{
background:url(/images/content/heading-customerserviceguarantee.gif) no-repeat;
}
h1#h-escalation{
background:url(/images/content/heading-escalation.gif) no-repeat;
}
h1#h-coverage{
background:url(/images/content/heading-coverage.gif) no-repeat;
}
h1#h-about{
background:url(/images/content/heading-about.gif) no-repeat;
}
h1#h-wheretobuy{
background:url(/images/content/heading-wheretobuy.gif) no-repeat;
}
h1#h-firefly{
background:url(/images/content/heading-firefly.gif) no-repeat;
}
h1#h-privacy{
background:url(/images/content/heading-privacypolicy.gif) no-repeat;
}
h1#h-terms{
background:url(/images/content/heading-terms.gif) no-repeat;
}
h1#h-sitemap{
background:url(/images/content/heading-sitemap.gif) no-repeat;
}
h1#h-planstarter{
background:url(/images/content/heading-planstarter.gif) no-repeat;
}
h1#h-planhome{
background:url(/images/content/heading-planhome.gif) no-repeat;
}
h1#h-config{
background:url(/images/content/heading-guides.gif) no-repeat;
}
h1#h-planbusiness{
background:url(/images/content/heading-planbusiness.gif) no-repeat;
}
h1#h-step2{
background:url(/images/content/heading-step2.gif) no-repeat;
}
h1#h-step3{
background:url(/images/content/heading-step3.gif) no-repeat;
}
h1#h-step4{
background:url(/images/content/heading-step4.gif) no-repeat;
}
h1#h-atapromo{
background:url(/images/content/heading-atapromo.gif) no-repeat;
}
h1#h-help{
background:url(/images/content/heading-help.gif) no-repeat;
}
h1#h-accountlogin{
background:url(/images/content/heading-accountlogin.gif) no-repeat;
}
h1#h-whatis{
background:url(/images/content/heading-whatis.gif) no-repeat;
}
h1#h-freshtelmac{
background:url(/images/content/heading-freshtelmac.gif) no-repeat;
}
h1#h-calc{
background:url(/images/content/heading-calculator.gif) no-repeat;
}
h1#h-promotions{
background:url(/images/content/heading-promotions.gif) no-repeat;
}
h1#h-whyuse{
background:url(/images/content/heading-whyuse.gif) no-repeat;
}
h1#h-whyfreshtel{
background:url(/images/content/heading-whyfreshtel.gif) no-repeat;
}
h1#h-whichsuits{
background:url(/images/content/heading-whichsuits.gif) no-repeat;
}
h1#h-specialoffers{
background:url(/images/content/heading-specialoffers.gif) no-repeat;
}
h1#h-business-solution {
background:url(/images/content/heading-business-solution.gif) no-repeat;
}
h1#h-business-freshtel {
background:url(/images/content/heading-business-freshtel.gif) no-repeat;
}
h1#h-business-about {
background:url(/images/content/heading-business-about.gif) no-repeat;
}
h1#h-business-hosted {
background:url(/images/content/heading-business-hosted.gif) no-repeat;
height:42px;
margin:0px;
}
h1#h-business-onsite {
background:url(/images/content/heading-business-onsite.gif) no-repeat;
height:42px;
margin:0px;
}
h1#h-business-help {
background:url(/images/content/heading-business-help.gif) no-repeat;
height:42px;
margin:0px;
}
h1 span, h2 span{
visibility:hidden;
}
/* 
----------------------------------------------
Paragraph styles 
----------------------------------------------
*/
p{
font:12px/18px Helvetica, Arial, sans-serif;
margin:0 0 17px 0;
padding:0;
color:#545454;
}
p.small{
font:10px/16px Helvetica, Arial, sans-serif;
}
p#voicedotmark{
float:right;
padding:0 12px 0 0;
}
p.fineprint{
font:10px/16px Helvetica, Arial, sans-serif;
color:#a5a5a5;
margin:0 16px 17px 16px;
text-align:left;
}
p.itemprice{
display:none;
}
p.download-pdf{
background:url(/images/ui/icon-pdf-16.gif) no-repeat;
padding:0 0 0 24px;
}
.large{
font-size:13px;
}
/*
----------------------------------------------

List styles
----------------------------------------------
*/
ul{
margin:0 0 14px 0;
padding:0;
}
ul, ol{
line-height:18px;
}
ul li{
background:url(/images/ui/bullet-01.gif) no-repeat;
background-position:0 0.8em;
list-style:none;
margin:0;
padding:3px 0 3px 14px;
}
ol li{
padding:0 0 3px 0;
}
ol.alpha{
list-style:lower-alpha;
font-size:11px;
}
ol.roman{
list-style:lower-roman;
font-size:11px;
}
ul.ticks{
margin:12px 0 0 0;
padding:0;
}
ul.ticks li{
font-size:12px;
background:url(/images/ui/bullet-tick.gif) no-repeat;
background-position:0 0.5em;
padding:3px 0 3px 24px;
margin:0 0 3px 0px;
}
ul.faq-list, ul.error-box-line{
margin:12px 2px;
}
ul.faq-list li, ul.error-box-line li{
background:url(/images/ui/bullet-04.gif) no-repeat;
background-position:0 0.8em;
}
#fp-signup ul.ticks{
margin:8px 0 9px 7px;
}
#fp-signup ul.ticks li{
padding:0 0 6px 16px;
}
.document-list li{
padding:0 0 6px 20px;
}
.document-list li.web{
background:url(/images/ui/icon-document.gif) no-repeat;
}
.document-list li.pdf{
background:url(/images/ui/icon-pdf-16.gif) no-repeat;
}
/*
----------------------------------------------
Miscellaneous formatting styles
----------------------------------------------
*/
.pointer{
cursor:pointer;
}
.bigtext{
font-size:12px;
}
.rule{
background:url(/images/ui/dotted-bg.gif) repeat-x;
background-position:top;
padding:12px 0 0 0;
clear:right;
}
div.rule{
margin:12px 0 12px 0;
padding:1px 0 0 0;
}
#lhn div.rule{
margin:12px 0 6px 0;
}
.hideitem{
display:none;
}
.showitem{
display:inherit;
}
.left{
float:left;
}
.right{
float:right;
}
p img.right{
padding:6px 0 18px 10px;
}
.clear{
clear:both;
font-size:0;
line-height:0;
height:0;
}
/*
----------------------------------------------
Page layout
----------------------------------------------
*/
#wrapper{
width:100%;
background:url(/images/ui/pattern-bg.jpg) no-repeat;
background-position:top right;
}
#container{
width:750px;
margin:0 auto;
padding:0;
text-align:left;
}
#header{
margin:0 auto;
padding:0;
text-align:left;
line-height:0;
font-size:0;
}
#header-print{
display:none;
}
#freddy-header{
float:right;
}
#left-column{
width:165px;
float:left;
margin:0 0 16px 0;
padding:0;
}
#page-content{
padding:0;
}
.has-menu{
position:relative;
margin-left:180px;
}
#std-heading{
margin:0 0 18px 0;
line-height:0;
font-size:0;
}
/*
==============================================
=Front page
==============================================
*/
.hero{
width:750px;
height:200px;
margin:0 0 10px 0;
padding:0;
}
#hero02{
background:url(/images/content/hero/hero02.gif) no-repeat;
}
.short{
width:752px;
height:200px;
margin:0 0 10px 0;
padding:0;
}
#short01{
background:url(/images/content/hero/short01.jpg) no-repeat;
}
.home-quicklinks {
background:url(/images/ui/home-quicklink-bg.gif) no-repeat;
padding:7px 1px;
margin:0 0 5px 0;
}
.home-quicklinks img{
padding:0 0 0 7px;
}
#mobile-promo{
width:242px;
height:302px;
float:left;
position:relative;
background:url(/images/promotions/promo-mobile-bg.jpg) no-repeat;
margin:0 12px 0 0;
}
#mobile-promo img{
position:absolute;
bottom:0;
}
#offers-promo{
width:242px;
height:302px;
float:left;
position:relative;
background:url(/images/promotions/promo-curlies-bg.jpg) no-repeat;
margin:0 12px 0 0;
}
#offers-promo img{
position:absolute;
bottom:0;
}
#freshtel-promo{
width:242px;
height:302px;
float:left;
position:relative;
margin:0;
background:url(/images/promotions/promo-freshtel-bg.gif) no-repeat;
}
#freshtel-promo .ticks{
margin:12px 12px -8px 12px;
z-index:1000;
}
#freshtel-promo .ticks li {
margin-bottom:2px;
}
#freshtel-promo img{
padding:0 6px 6px 6px;
z-index:10;
}
.clicker {
cursor:pointer;
}

/*
==============================================
=Unique Elements
==============================================\
----------------------------------------------
Select area for call rates table
----------------------------------------------
*/
#callrates-select{
background:url(/images/ui/cr-dropdown-bg.gif) #f2f9e6 no-repeat;
}
#callrates-select form{
margin:0;
padding:12px 12px;
}
#callrates-select .field{
width:217px;
margin:0;
}
#callrates-select table td{
padding:3px 5px;
}
#callrates-select table .td-center{
text-align:center;
font-weight:bold;
}
#callrates-select input, #callrates-select select, #cr-select select{
margin-left: 0;
vertical-align:top;
}
/*
----------------------------------------------
Left column content
----------------------------------------------
*/
#lhc-contact{
margin:0;
padding:0 6px;
line-height:1em;
}
#lhc-contact p{
margin:0 0 6px 0;
padding:0 0 6px 4px;
font-size:11px;
}
#lhc-contact p strong{
font-size:12px;
}
#lhc-contact p.small{
font-size:10px;
}
#lhc-contact p.small strong{
font-size:10px;
}
#lhc-contact p.dline{
background:url(/images/ui/dotted-bg.gif) repeat-x;
background-position:bottom;
}
/*
----------------------------------------------
FAQ
----------------------------------------------
*/
p.backtotop{
background:url(/images/ui/arrow-backtotop.gif) no-repeat;
background-position:0 0.45em;
margin:0 0 12px 0;
padding:0 0 0 16px;
}
.faq-section{
background:url(/images/ui/faq-heading-bg.gif) no-repeat;
background-position:top;
width:531px;
margin:0 0 16px 0;
padding:0 16px;
overflow:auto;
}
.faq-section div.left, .faq-section div.right{
width:256px;
}
h2.faq-heading{
padding:0 28px;
color:#545454;
margin:0 0 12px 0;
line-height:27px;
}
h2.faq-heading a{
color:#545454;
}
#faq-gettingstarted{
height:150px;
}
#faq-gettingstarted h2.faq-heading{
background:url(/images/content/icon-faq-gettingstarted.gif) no-repeat;
background-position:0 5px;
}
#faq-gettingstarted ul.big-list{
list-style:none;
margin:0;
padding:0;
}
#faq-gettingstarted ul.big-list li{
width:180px;
background:none;
float:left;
display:block;
text-align:center;
padding:0 40px;
margin:0 auto;
}
#faq-gettingstarted ul.big-list li a{
display:block;
padding:60px 30px 0 30px;
}
#faq-gettingstarted #faq-howdoes{
background:url(/images/content/icon-fp-howdoes.gif) no-repeat;
background-position:center 12px;
}
#faq-gettingstarted #faq-whyuse{
background:url(/images/content/icon-fp-whyuse.gif) no-repeat;
background-position:center 12px;
}
#faq-gettingstarted #faq-whichproduct{
background:url(/images/content/icon-fp-whichproduct.gif) no-repeat;
background-position:center 12px;
}
#faq-gettingstarted #faq-howmuch{
background:url(/images/content/icon-fp-howmuch.gif) no-repeat;
background-position:center 12px;
}
#faq-general h2.faq-heading{
background:url(/images/content/icon-faq-general.gif) no-repeat;
background-position:0 6px;
}
#faq-billing h2.faq-heading{
background:url(/images/content/icon-faq-billing.gif) no-repeat;
background-position:0 6px;
}
#faq-softphone h2.faq-heading{
background:url(/images/content/icon-faq-softphone.gif) no-repeat;
background-position:0 6px;
}
#faq-account h2.faq-heading{
background:url(/images/content/icon-faq-account.gif) no-repeat;
background-position:0 6px;
}
#faq-voicemail h2.faq-heading{
background:url(/images/content/icon-faq-voicemail.gif) no-repeat;
background-position:0 6px;
}
#faq-freshtel_hardware h2.faq-heading{
background:url(/images/content/icon-faq-hardware.gif) no-repeat;
background-position:0 6px;
}
#faq-thirdparty_hardware h2.faq-heading{
background:url(/images/content/icon-faq-hardware.gif) no-repeat;
background-position:0 6px;
}
#faq-troubleshooting h2.faq-heading{
background:url(/images/content/icon-faq-troubleshooting.gif) no-repeat;
background-position:0 6px;
}
.help-image{
text-align:center;
margin:7px 0 10px 0;
}
.help-image p{
font-style:italic;
margin:3px 0 0 0;
}
.help-image img{
border:1px solid #ddd;
}
/*
----------------------------------------------
Download banner
----------------------------------------------
*/
#download-banner{
background:#363636 url(/images/content/banner-firefly-bg.jpg) no-repeat;
height:344px;
width:504px;
margin:0 0 18px 0;
padding:25px 30px;
}
#download-banner-small{
background:#363636 url(/images/content/banner-firefly.jpg) no-repeat;
height:130px;
width:504px;
margin:0 0 18px 0;
padding:25px 30px;
}
#download-banner h1{
margin:0;
}
#download-banner img{
margin:20px 0 2px 0;
}
#download-banner h3{
color:#fff;
font-size:14px;
font-weight:normal;
margin:0 0 8px 0;
}
#download-banner p{
color:#fff;
font-size:11px;
}
#download-button{
background:url(/images/content/download-button-bg.gif) no-repeat;
width:234px;
height:80px;
margin:20px 0 0 -10px;
}
#download-button h2{
width:220px;
height:47px;
display:block;
line-height:47px;
}
#download-button h2 a{
position:relative;
color:#fff;
text-decoration:none;
font-size:18px;
font-weight:normal;
display:block;
padding:0 0 0 60px;
height:47px;
top:7px;
left:6px;
}
#download-button h2 a:hover{
text-decoration:none;
}
#download-button p {
margin:8px 0 0 8px;
}
#download-banner .new {
margin:65px 0 0 0;
}
#download-banner .new h1{
color:#ff43b2;
font-size:24px;
margin:0 0 8px 0;
}
#download-banner .new h2{
color:#ff43b2;
font-size:18px;
margin:0 0 8px 0;
padding:0 0 0 30px;
line-height:1em;
font-weight:normal;
background:url(/images/content/beta-arrow.gif) no-repeat;
}
#download-banner .new p{
margin:0;
line-height:1em;
}
/*
----------------------------------------------
Which product is right for me?
----------------------------------------------
*/
.product-grid{
background:url(/images/ui/dotted-bg.gif) repeat-x;
background-position:bottom;
margin:12px 0 0 0;
width:100%;
}
.product-grid td{
background:url(/images/ui/dotted-bg.gif) repeat-x;
padding:18px 12px;
width:50%;
}
.product-grid div{
text-align:center;
}
.product-grid img{
margin:0 auto;
position:relative;
}
/*
----------------------------------------------
Contact
----------------------------------------------
*/
.contact-box{
width:230px;
float:left;
}
#phone-list{
background:url(/images/content/icon-phone-16.gif) no-repeat;
background-position:left 3px;
padding:0 0 0 30px;
}
#fax-list{
background:url(/images/content/icon-fax-16.gif) no-repeat;
background-position:left 3px;
padding:0 0 0 30px;
}
#email-list1{
width:150px;
background:url(/images/content/icon-mail-16.gif) no-repeat;
background-position:left 3px;
padding:0 0 0 30px;
float:left;
}
#email-list2{
width:150px;
float:left;
}
/*
==============================================
=Forms
==============================================\
*/
form{
padding:0;
margin:0;
line-height:18px;
}
.user-input{
background:#fcfcfc;
border:1px solid #e5e5e5;
position:relative;
margin:16px 0;
padding:16px 18px;
}
.form-table{
margin:0;
padding:0;
}
.user-input h2{
margin:0 0 10px 0;
}
.form-table td{
padding:6px 0;
font-size:11px;
}
.form-table th{
text-align:left;
}
.form-label{
width:160px;
text-align:right;
}
label{
font-size:11px;
margin:0 6px 0 0;
}
div.form-notes{
margin:6px 0 0 12px;
border:1px solid #e5e5e5;
background:#f0f0f0;
padding:8px 12px 0 12px;
}
div.form-notes p{
font-size:11px;
margin:0 0 8px 0;
padding:0;
}
.form-notes p.first{
background:url(/images/ui/form-notes-bg-top.gif) no-repeat;
}
.form-div{
background:url(/images/ui/dotted-bg.gif) repeat-x;
}
.form-notes p{
padding:6px 12px;
}
input, select, textarea{
font:11px/18px Helvetica, Arial, sans-serif;
color:#545454;
}
input, select, textarea, .field-show{
margin:0 6px 0 12px;
}
.plan-table input, .plan-table .button{
margin:0;
vertical-align:middle;
}
img.field-show{
border:1px solid #e5e5e5;
}
.terms-include{
background:#fff;
border:1px solid #8d8d8d;
width:100%;
height:180px;
overflow:auto;
margin:0;
padding:0;
}
.terms-include div{
padding:10px 12px;
}
.form-text{
width:180px;
}
#signup-status{
background:url(/images/ui/signup-step-bg-bottom.gif) no-repeat;
background-position:bottom;
margin:18px 0 0 0;
}
#signup-status h4{
padding:6px 10px;
margin:0;
background:url(/images/ui/signup-step-bg-top.gif) no-repeat;
}
#signup-status li{
border-top:1px solid #fff;
padding:5px 0 5px 28px;
font-size:11px;
}
#signup-status li.complete{
background:url(/images/ui/bullet-tick.gif) no-repeat;
background-position:10px 50%;
}
#signup-status li.incomplete{
background:none;
}
#signup-status li.current{
background:url(/images/ui/bullet-arrow.gif) no-repeat;
background-position:10px 50%;
font-weight:bold;
}
.hl-box{
background:url(/images/ui/hl-box-b.gif) no-repeat;
background-position:bottom;
}
.hl-box .first{
background:url(/images/ui/hl-box-t.gif) no-repeat;
background-position:top;
}
.hl-box form{
padding:12px 18px;
}
.error-class{
color:#d01b1b;
}
.error-box{
background:#f1fbfd url(/images/carbonau/stop_24.gif) no-repeat;
background-position:16px 12px;
border:1px solid #d6e7ea;
padding:12px 16px 0 56px;
margin:0 0 12px 0;
font-size:11px;
}
.message-box{
background:#f1fbfd url(/images/carbonau/notep_24.gif) no-repeat;
background-position:16px 12px;
border:1px solid #d6e7ea;
padding:12px 16px 0 56px;
margin:0 0 12px 0;
font-size:11px;
}
.phone-box{
background:#f1fbfd url(/images/carbonau/phone_24.gif) no-repeat;
background-position:16px 12px;
border:1px solid #d6e7ea;
padding:12px 16px 0 56px;
margin:0 0 12px 0;
font-size:11px;
}
.quote {
background:#f1fbfd;
border:1px solid #d6e7ea;
padding:10px 12px;
margin:0 0 18px 0;
}
.quote p {
	font-size:14px;
	text-align:left;
}
.quote p.name {
	font-size:12px;
	text-align:right;
	margin-bottom:0;
}
/*
==============================================
=Tables
==============================================\
----------------------------------------------
Choose plan tables
----------------------------------------------
*/
#tb-plans-01{
background:url(/images/ui/tb-plans-01-bg.gif) no-repeat;
margin:0 0 8px 0;
font-size:11px;
}
#tb-plans-01 th{
color:#fff;
font-weight:bold;
text-align:center;
height:28px;
}
#tb-plans-01 td{
height:28px;
}
#tb-plans-01 img{
vertical-align:top;
}
#tb-plans-01 .td-label{
font-weight:bold;
padding:0 16px;
}
#tb-plans-01 .td-info{
text-align:center;
}
.plan-table{
background:url(/images/ui/plan-th-bg.gif) no-repeat;
background-position:right top;
font-size:11px;
margin:0 0 18px 0;
}
.plan-table thead th{
color:#fff;
font-weight:bold;
text-align:center;
}
.plan-table tbody td{
width:99px;
text-align:center;
border-left:1px solid #fff;
}
.plan-table tbody .odd td{
background:#f3f9eb;
}
.plan-table tbody .even td{
background:#e8f4d9;
}
.plan-table th, .plan-table td{
border-bottom:1px solid #fff;
height:30px;
}
.plan-table tbody th{
padding:0 18px;
font-weight:bold;
height:30px;
}
.plan-table tbody .odd th{
background:#f8f8f8;
}
.plan-table tbody .even th{
background:#f2f2f2;
}
#pt-prepaid{
background:url(/images/ui/prepaid-th-bg.gif) no-repeat;
background-position:right top;
}
/*
----------------------------------------------
List tables
----------------------------------------------
*/
.list-table{
background:url(/images/ui/tb-th-bg.gif) no-repeat;
background-position:top;
margin:0 0 17px 0;
font-size:11px;
}
.list-table th{
color:#fff;
font-weight:bold;
text-align:left;
}
.list-table th, .list-table td{
padding:0 16px;
height:30px;
border-bottom:1px solid #fff;
}
.list-table .odd td{
background:#f8f8f8;
}
.list-table .even td{
background:#f2f2f2;
}

.list-table-wide{
background:url(/images/ui/tb-th-fixed-bg.gif) no-repeat;
background-position:top;
margin:0 0 17px 0;
font-size:11px;
}
.list-table-wide th{
color:#fff;
font-weight:bold;
text-align:left;
}
.list-table-wide th, .list-table-wide td{
padding:0 16px;
height:30px;
border-bottom:1px solid #fff;
}
.list-table-wide .odd td{
background:#f8f8f8;
}
.list-table-wide .even td{
background:#f2f2f2;
}

.rates-table-wide{
background:url(/images/ui/tb-th-fixed-bg-02.gif) repeat-x;
background-position:top;
margin:0 0 18px 0;
font-size:11px;
}
.rates-table-wide th{
text-align:center;
height:54px;
vertical-align:middle;
font-weight:normal;
padding:0 6px;
}
.rates-table-wide td {
padding:8px 6px;
border-bottom:1px solid #fff;
text-align:center;
}

.rates-table-wide .odd td{
background:#f8f8f8;
}
.rates-table-wide .even td{
background:#f2f2f2;
}
.rates-table-wide .first {
text-align:left;
}
/*
==============================================
=Site map
==============================================\
*/
#sitemap {
margin:0;
padding:0;
}
#sitemap li{
background:url(/images/ui/bullet-04.gif) no-repeat;
background-position:10px 1em;
padding:0 0 0 28px;
line-height:28px;
margin:0;
font-weight:bold;
display:block;
}
#sitemap ul{
margin:0;
}
#sitemap ul li{
background:url(/images/ui/arrow-sublevel.gif) no-repeat;
background-position:10px 0.8em;
border:0;
padding:0 0 0 28px;
font-weight:normal;
}
#sitemap ul ul{
margin:0;
}
#sitemap ul ul li{
border:0;
background:url(/images/ui/arrow-sublevel.gif) no-repeat;
background-position:10px 0.8em;
}

/*
==============================================
=Top international table
==============================================
*/
#intrates-table{
margin:0 0 16px 16px;
}

/*
==============================================
=Plan Tables
==============================================
*/
#plan-matrix {
	margin:18px 0;
	width:560px;
}
.plan-header {
	background:url(/images/ui/plans/plan-header-bg.gif) no-repeat;
	position:relative;
}
.plan-header .data {
	width:90px;
}
.plan-header td {
	text-align:center;
	height:54px;
	vertical-align:middle;
}
.plan-header .first {
	width:114px;
}
.plan-info {
	width:558px;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	margin:0;
}
.plan-info.odd {
	background:#fafafa;
}
.plan-info.even {
	background:#fff;
}
.plan-info .first {
	width:104px;
	vertical-align:top;
}
.plan-info .data {
	width:92px;
}
.plan-info td {
	text-align:center;
	padding:18px 0;
	vertical-align:top;
	font-size:11px;
}

.plan-info h2 {
	font-size:20px;
	color:#8cc63f;
	margin:0;
	line-height:150%;
}
h2.hplan-free {
	background:url(/images/ui/plans/hplan-free.gif) no-repeat;
	background-position:50% 4px;
}
h2.hplan-495 {
	background:url(/images/ui/plans/hplan-495.gif) no-repeat;
	background-position:50% 4px;
}
h2.hplan-995 {
	background:url(/images/ui/plans/hplan-995.gif) no-repeat;
	background-position:50% 4px;
}
h2.hplan-995plus5 {
	background:url(/images/ui/plans/hplan-995plus5.gif) no-repeat;
	background-position:50% 4px;
}
h2.hplan-1495 {
	background:url(/images/ui/plans/hplan-1495.gif) no-repeat;
	background-position:50% 4px;
}
h2.hplan-2995 {
	background:url(/images/ui/plans/hplan-2995.gif) no-repeat;
	background-position:50% 4px;
}
.plan-info {
	background:#fcfcfc;
}
.plan-info input {
	margin:0 0 5px 0;
}
.plan-info h3 {
	font-size:11px;
	color:#8cc63f;
	line-height:100%;
}
.plan-info h4 {
	display:block;
	font-size:15px;
}
.plan-info.active {
	background:#f5faeb  url(/images/ui/plans/plan-selected-bg.gif) repeat-x;
	background-position:bottom;
}
.plan-extra {
	margin:0 12px;
	padding:0 8px;
	background:url(/images/ui/plans/plan-extra-bg.gif) repeat-x;
	background-position:top;
	display:none;
	height:80px;
}
.plan-extra p {
	padding:18px 0;
	margin:0;
	font-size:11px;
}
.plan-extra p.au-number {
	float:right;
	background:url(/images/ui/plans/icon-australia.gif) no-repeat;
	background-position:0 16px;
	padding:18px 0 18px 60px;
	margin:0 0 0 60px;
	width:120px;
}
.plan-info .highlight {
	background:url(/images/ui/plans/star01.gif) no-repeat;
	background-position:50% 30%;
}
.plan-info.active .highlight {
	background:url(/images/ui/plans/star02.gif) no-repeat;
	background-position:50% 30%;
}

/*
==============================================
=Footer
==============================================\
*/

#footer{
height:36px;
width:718px;
background:#8cc63f url(/images/ui/footer-bg.jpg) no-repeat;
background-position:right;
margin:16px 0;
padding:0 16px;
clear:both;
}
#footer p{
color:#fff;
margin:0;
padding:9px 0 0 0;
font-size:11px;
}
#footer img{
margin:0 10px;
vertical-align:middle;
}
#footer a{
color:#fff;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
/*
==============================================
=Staging Ribbon
==============================================
*/
#staging_ribbon {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 99px;
height: 100px;
background: url(/images/staging_ribbon.gif) no-repeat;
z-index:1000;
}
/*
==============================================
=Ajax Loading
==============================================
*/
#ajaxLoading{
position:absolute;
top: 0px;
width:100%;
display:none;
z-index:9999;
text-align:center;
}
#ajaxLoading div{
background:url(/images/loading.gif) no-repeat;
background-position:center bottom;
margin:0 auto;
color:#fff;
height:22px;
width:114px;
}
#ajaxLoading p{
text-align:center;
color:#fff;
font-weight:bold;
margin:0;
width:114px;
line-height:18px;
}
/*
==============================================
=Promotion Info
==============================================
*/
.ui-tabs-nav {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	top:1px;
}
.ui-tabs-nav li {
	float:left;
	margin:0 3px 0 0;
	padding:0;
	background:none;
}
.ui-tabs-nav a {
    float:left;
	background:url(/images/ui/tab-left-normal.gif) no-repeat;
	background-position:left top;
	text-decoration:none;
}
.ui-tabs-nav a:hover {
	text-decoration:none;
}
.ui-tabs-nav a span {
	background:url(/images/ui/tab-right-normal.gif) no-repeat;
	background-position:right top;
	padding:5px 30px;
	display:block;
}
.ui-tabs-selected a {
	background:url(/images/ui/tab-left-active.gif) no-repeat;
	background-position:left top;
}
.ui-tabs-selected a span {
	background:url(/images/ui/tab-right-active.gif) no-repeat;
	background-position:right top;
	padding-bottom:6px;
}
.ui-tabs-panel {
	width:719px;
	background:#fff url(/images/ui/promotion-content-bg.gif) no-repeat;
	background-position:right top;
	clear:both;
	border-left:1px solid #dadada;
	padding:15px 20px 15px 10px;
}
#diagrampane {
	position:absolute;
}
#diagrampane .ui-tabs-panel {
	width:536px;
	background:#fff url(/images/ui/promotion-content-bg.gif) no-repeat;
	background-position:right top;
	border-left:1px solid #dadada;
	border-bottom:1px solid #dadada;
	padding:15px 20px 15px 10px;
}
.ov1 {
	width:179px;
	float:left;
	text-align:center;
}
.ov2 {
	width:380px;
	text-align:left;
	float:left;
}
.ov3 {
	width:160px;
	text-align:center;
	float:left;
}
.ov3 p {
	font-size:11px;
	color:#888;
	padding:0 0 0 15px;
	margin:0;
}
.ov3 .button {
	margin:0;
}
.ui-tabs-panel .ov3 .button {
	margin:30px 0 15px 0;
}
.ui-tabs-hide {
	display: none;
}

.promotion-table {
	background:url(/images/ui/promotion-table-header-wide-bg.gif) no-repeat;
	width:750px;
	margin:0 0 18px 0;
}
.promotion-table th {
	color:#fff;
	height:31px;
}
.promotion-table th {
	padding:0 20px;
}
.promotion-table td {
	padding:15px 20px;
	border-bottom:1px solid #fff;	
}
.promotion-table h4 {
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:normal;
}
.promotion-table .odd td {
	background:#f8f8f8;
}
.promotion-table .even td {
	background:#f2f2f2;
}
.promotion-table td.col3 {
	width:145px;
	text-align:center;
}
.promo-box {	
	background:#fff url(/images/ui/promo-box-wide-top.gif) no-repeat;
	width:750px;
	margin:0 0 18px 0;
}
.promo-box .container {
	background:url(/images/ui/promo-box-wide-bottom.gif) no-repeat;
	background-position:bottom;
	padding:15px 20px 10px 10px;
}
.promo-box p {
	margin:0 0 12px 0;
}
table.specs td {
 padding:3px 6px;
 font-size:11px;
 border-bottom:1px solid #fff;	
}
table.specs  .odd td {
	background:#f8f8f8;
}
table.specs .even td {
	background:#f2f2f2;
}

#user-diagram{
	width:560px;
	height:510px;
	overflow:hidden;
	position:relative;
	margin:20px 0;
}
#user-diagram #slider{
	width:425px;
	margin:0 auto;	
	overflow:hidden;
	float:left;
}
#user-diagram #home-slider{
	width:425px;
	margin:0 auto;	
	overflow:hidden;
	float:left;
}
#user-diagram #diagram-content {
	width:3600px;
}
#user-diagram #home-content {
	width:3600px;
}
#user-diagram .button{
	width:40px;
	margin:0 10px;
	float:left;
	top:160px;
	position:relative;
}
#user-diagram .diagram{
	width:425px;
	float:left;
	margin:0 20px 0 0;
}
#user-diagram .exp {
	background:url(/images/ui/exp-bg.gif) no-repeat;
	margin:0.5em 0 0 0;
	height:150px;
}
#user-diagram .diagram h4{
	margin:0 0 0.25em 0;
	padding:1em 15px 0.5em 15px;
}
#user-diagram .diagram p {
	padding:0 15px;
}
#yourcall #why {
	background:url(/images/content/why-bg.gif) no-repeat;
	width:706px;
	height:170px;
	padding: 16px 20px;
}
#yourcall #easy {
	margin: 18px 0 18px 0;
	padding: 0 0 0 186px;
	background:url(/images/content/bubble-freecalls.gif) no-repeat;
	height: 170px;
}
#yourcall #which {
	padding: 0 186px 0 20px;
	background:url(/images/content/bubble-intl.gif) no-repeat;
	background-position:top right;
	height: 320px;
}
#yourcall #specials {
	padding:0 20px;
}
.col {
	width:220px;
	float:left;
	margin:0 9px 0 18px;
}
.col p {
	font-size:11px;
	line-height:16px;
	text-align:justify;
	margin:0 0 16px 0;
}
.col ul{
	font-size:11px;
	line-height:16px;
	text-align:justify;
}
/*
==============================================
=Business
==============================================
*/
#business-options {
	margin:10px 0 0 0;
	float:left;
}
#business-options h1 {
	margin-bottom:20px;
}
#business-about {
	float:right;
	width:240px;
	background:url(/images/ui/fp-sidebar-bg-b.gif) no-repeat;
	background-position:bottom;
}
#business-about .container {
	width:216px;
	padding:10px 12px;
	background:url(/images/ui/fp-sidebar-bg-t.gif) no-repeat;
}
#business-about p {
	font-size:11px;
	line-height:16px;
}
#business-highlight {
	margin:0 0 18px 0;
}
#business-highlight .content {
	background:#fcfcfc;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding:10px 12px;
}