/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;margin:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* fonts */
@font-face { font-family: "MyMyriadProBoldCondensed"; src:url(fonts/MyriadPro-BoldCond_0.otf); }

/* typography */
body {font-family: Tahoma,Arial,Verdana,sans-serif; font-size:12px; line-height:1.33em; height: 100%; color:#333333;}
a {text-decoration:none; color:#333333; }
ul {list-style-type:none;}
h1 {font-family:MyMyriadProBoldCondensed,"MyriadPro-Cond",Tahoma,Arial,Verdana; font-size:38px; font-weight:bold; color:#840b4b; line-height:38px;}
h2 {font-family:MyMyriadProBoldCondensed,"MyriadPro-Cond",Tahoma,Arial,Verdana; font-size:28px; font-weight:bold; color:#840b4b; line-height:28px;}
h3 {font-family:Tahoma,Arial,Verdana; font-size:14px; font-weight:bold; color:#840b4b; line-height:14px;}
p {padding-top:10px; padding-bottom:10px;}

input.text {border:1px solid #333333; color:#7c7c7c;}
input.button {font-family: Tahoma,Arial,Verdana; border:none; background-color:#333333; color:#FFFFFF; height:20px; padding:0 2px 4px; cursor:pointer;}

/* structure */
#wrap {width:977px; margin-left:auto; margin-right:auto;}

#top_wrap {margin-top:32px; display:block; width:100%; height:100%;}

#top_wrap #header {height:376px;}
#top_wrap #header .navigation {height:112px; overflow:hidden;}
#top_wrap #header .navigation .logo {height:112px; float:left; background:url(images/header_top.png) bottom left no-repeat;}
#top_wrap #header .navigation .logo h1 {text-indent:-9999px;}

#top_wrap #header .navigation .main_nav {float:left; width:533px; text-align:center;}
#top_wrap #header .navigation .main_nav ul {margin-top:28px; margin-left:20px; display:block; }
#top_wrap #header .navigation .main_nav li {display:block; float:left; overflow:hidden; border-right:1px solid #ababab; border-left:1px solid #d8d8d8; padding-left:8px; padding-right:8px; height:18px;}
#top_wrap #header .navigation .main_nav li a {display:block;}
#top_wrap #header .navigation .main_nav li.nav_menu1 {background:url(images/nav/ia_home.gif) no-repeat center top; width:35px; border-left:none;}
#top_wrap #header .navigation .main_nav li.nav_menu2 {background:url(images/nav/ia_instr.gif) no-repeat center top; width:71px;}
#top_wrap #header .navigation .main_nav li.nav_menu3 {background:url(images/nav/ia_download.gif) no-repeat center top; width:61px;}
#top_wrap #header .navigation .main_nav li.nav_menu4 {background:url(images/nav/ia_ways_to_call.gif) no-repeat center top; width:65px;}
#top_wrap #header .navigation .main_nav li.nav_menu5 {background:url(images/nav/ia_rates.gif) no-repeat center top; width:33px;}
#top_wrap #header .navigation .main_nav li.nav_menu6 {background:url(images/nav/ia_feedback.gif) no-repeat center top; width:57px;}
#top_wrap #header .navigation .main_nav li.nav_menu7 {background:url(images/nav/ia_buycredit.gif) no-repeat center top; width:66px; border-right:none;}
#top_wrap #header .navigation .main_nav li.nav_menu1_active {background:url(images/nav/a_home.gif) no-repeat center top; width:35px; border-left:none;}
#top_wrap #header .navigation .main_nav li.nav_menu2_active {background:url(images/nav/a_instr.gif) no-repeat center top; width:71px;}
#top_wrap #header .navigation .main_nav li.nav_menu3_active {background:url(images/nav/a_download.gif) no-repeat center top; width:61px;}
#top_wrap #header .navigation .main_nav li.nav_menu4_active {background:url(images/nav/a_ways_to_call.gif) no-repeat center top; width:65px;}
#top_wrap #header .navigation .main_nav li.nav_menu5_active {background:url(images/nav/a_rates.gif) no-repeat center top; width:33px;}
#top_wrap #header .navigation .main_nav li.nav_menu6_active {background:url(images/nav/a_feedback.gif) no-repeat center top; width:57px;}
#top_wrap #header .navigation .main_nav li.nav_menu7_active {background:url(images/nav/a_buycredit.gif) no-repeat center top; width:66px; border-right:none;}

#top_wrap #header .navigation .login {float:right; font-size:11px; margin-top:10px;}

#top_wrap #header #banner_container {background:url(images/header_download.png) no-repeat; height:264px;}
#top_wrap #header #banner_container #calculator_icons {display:block; margin-left:550px; margin-top:-120px; width:70px; float:left; margin-right:9px;}
#top_wrap #header #banner_container #calculator_icons .arrow {background:url(images/arrow_icon.png) no-repeat; height:14px; width:27px; margin-bottom:5px; margin-left:15px;}
#top_wrap #header #banner_container #calculator_icons .blank {height:14px; margin-bottom:5px;}
#top_wrap #header #banner_container #calculator_icons .pc {background:url(images/pc_icon.gif) no-repeat; height:26px; width:26px; float:left; margin-right:9px;}
#top_wrap #header #banner_container #calculator_icons .phone {background:url(images/cell_icon.gif) no-repeat; height:26px; width:26px; float:left; margin-right:9px;}
#top_wrap #header #banner_container #calculator_icons .sms {background:url(images/sms_icon.gif) no-repeat; height:26px; width:26px; float:left; margin-right:9px; margin-left:17px;}
#top_wrap #header #banner_container #calculator_icons .accessnr {background:url(images/phone_icon.gif) no-repeat; height:26px; width:26px; float:left; margin-right:9px;}
#top_wrap #header .calculation {margin-left:310px; padding-top:83px;}
#top_wrap #header br {line-height:16px;}
#top_wrap #header select {border:none; height:20px; width:157px; background:url(images/select.png) no-repeat; margin-right:50px; color:#333333; overflow:hidden;}
#top_wrap #header .result {margin-left:547px; margin-top:-42px; display:block; font-family:Tahoma,Arial,Verdana,sans-serif; font-size:20px; color:#FFFFFF; width:195px; height:60px;}
#top_wrap #header .result span {font-weight:bold; font-size:38px; line-height:55px;}
#top_wrap #header .result div.na {font-weight:normal; font-size:25px; line-height:27px; padding-top:20px;}
#top_wrap #header .download {margin-left:725px; margin-top:-179px;}

#top_wrap #main_content {padding-bottom:20px; padding-top:10px;}
#top_wrap #main_content a {text-decoration:underline; font-weight:bold;}
#top_wrap #main_content #main {float:left; width:508px;}
#top_wrap #main_content #main .left_bar {float:left; width:251px;}
#top_wrap #main_content #main .left_bar ul.how {margin-top:4px; margin-left:-5px;}
#top_wrap #main_content #main .left_bar p {margin-right:60px;}
#top_wrap #main_content #main .right_bar {float:right; width:257px;}
#top_wrap #main_content #main .flsmall {font-size:9px;}
#top_wrap #main_content #sidebar {float:right; width:468px; display:block;}
#top_wrap #main_content #sidebar .left_bar {float:left; width:247px;}
#top_wrap #main_content #sidebar .left_bar p {padding-right:45px;}
#top_wrap #main_content #sidebar .left_bar form,  #top_wrap #main_content #sidebar .right_bar form{padding-top:10px;}
/*#top_wrap #main_content #sidebar .left_bar input.button {background:url(images/signup_button.gif); width:50px; height:20px; cursor:pointer;}*/
#top_wrap #main_content #sidebar .left_bar input.text, #top_wrap #main_content #sidebar .right_bar input.text {vertical-align:top; width:137px;}
#top_wrap #main_content #sidebar .left_bar input.button, #top_wrap #main_content #sidebar .right_bar input.button {margin-left:-2px;}
#top_wrap #main_content #sidebar .right_bar {float:right; width:221px;}
#top_wrap #main_content #sidebar .right_bar .rates_container {padding-top:10px; padding-bottom:10px;}
#top_wrap #main_content #sidebar .headers {padding:10px 0; font-weight:bold;}
#top_wrap #main_content #sidebar .header1 {float:left;}
#top_wrap #main_content #sidebar .header2 {float:right;}
#top_wrap #main_content #sidebar #superdeals_container {display:block; height:110px;}
#top_wrap #main_content #sidebar #superdeals_container dt {float:left; width:150px;}
#top_wrap #main_content #sidebar #superdeals_container dd {float:right; width:50px;}

#footer {width:977px; display:block; border-top:1px solid #840b4b; font-family:Tahoma,Arial,Verdana,sans-serif; font-size:14px; color:#333333;}
#footer ul.first {text-align:center; display:block; margin-top:9px;}
#footer ul.last {text-align:center; display:block; margin-top:5px;}
#footer ul li {display:inline; background:url('../images/separator.gif') no-repeat right; padding-left:10px; padding-right:10px; margin-right:-4px;}
#footer ul li.last {background:none;}
#footer ul li a {font-family:Tahoma,Arial,Verdana,sans-serif; font-size:14px; color:#333333;}

/* instructions.html */
#c1 {margin-right:50px;}
#c1 .Block p {margin:0px; margin-top:5px; padding:0px; padding-left:0px;}
#c1 .Block ul {list-style-type:disc; list-style-position:outside; margin-left:40px; font-weight:bold;}
#c1 h2.h2instr {border-bottom:1px solid #CCCCCC; padding-bottom:3px; margin-top:20px;}
#c1 a.toplink {float:right; font-size:18px; text-align:right;}
#c1 .padded_form {padding-top:10px;}
#c1 .padded_form input.text {vertical-align:top;}

/* download.html */
#c2 ul, #c2 p {margin-right:50px;}
#c2 p {margin-top:5px;}
#c2 ul.reqts_list {list-style-type:disc; list-style-position:outside; margin-left:20px;}
#c2 .download_bar {display:block; margin-bottom:20px; height:58px;}
#c2 .download_bar a {display:block; float:left;}

/* instructions.html */
#c3 {margin-right:50px;}
#c3 .Block {margin-bottom:20px;}
#c3 .Block p {margin:0px; margin-top:5px; padding:0px; padding-left:0px;}
#c3 .Block h2 {border-bottom:1px solid #CCCCCC; padding-bottom:3px; margin-top:20px;}
#c3 input.text {vertical-align:top;}

/* webcall instructions */
.instructions_bar { margin-right: 40px; }
.instructions_bar img { border:1px solid #333333; float:right; margin-top:-120px; }
.instructions_bar div { margin-top: 120px; }

/* websignup */
#c1 table tr td {vertical-align:bottom;}
#c1 input.websignup_text {border:1px solid #333333; color:#7c7c7c; width:173px;}
#c1 td.underlined {font-weight:bold; border-bottom:1px solid #ababab; height:30px; cursor:pointer;}

/* tellyourfriends.html, cheapertelco.html */
#c1 #tellyourfrineds, #c1 #cheapertelco { border-spacing:2px; }
#c1 .blue { border:1px solid #333333; }

/* geo.html */
#c1 ol {list-style-position:outside; margin-left:40px; margin-top:10px;}
#c1 table.geo {padding:5px;}

/* other globals */
.hidden {display:none;}
.clear {clear:both;}
.floating_bar {float:left;}

/* my account */
#smsstatusheader {font-family:Arial, Helvetica, sans-serif; line-height:0px;}
.formsignup table th {text-align:center;font-weight:bold;}
td.content a {text-decoration:underline;}
.calls_table {width:400px;}

/* mobile download button */
.mobile-download { width:207px; height:58px; cursor:pointer; background:url("images/btn_download_mobile.png"); padding:20px 0 0 40px; margin-bottom:15px; text-align: center}
.hr{ border-top:1px solid	#333333;}

/* mobile app button */
#mapp_button img { display: block; margin: 5px 0 0 40px; }
