/* Section I: Global element definitions
-----------------------------------------------------------------------------------------------*/
* {
	font-size: 100.1%;
}
html {
	background: #FFF url(images/bgn_html.gif) repeat-x left 67px;
	height: 100%;
}
body {
	background: url(images/bgn_body.gif) repeat-x left top;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 0 10px 0;
	margin: 0;
}
body.preview {
	background: #FFF;
	padding: 10px;
	margin: 0;
}
body.preview p {
	line-height: 140%;
	margin: 0 0 10px 0;
}
.hide {
	position: absolute;
	left: -1500px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
}
.clear {
	clear: both;
}
.clearright {
	clear: right;
}
.clearer {
	margin: -10px 0 0 0;
	padding: 0;
	height: 1px;
}
form {
	margin: 0;
	padding: 0;
}
input, select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
a {
	color: #06C;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #69F;
	text-decoration: underline;
}
a.green {
	color: #4BB418;
}
a.green:hover {
	color: #A8F184;
}
label {
	cursor: pointer;
}

/* Section II: Wrapper and content holder with menu item definitions
-----------------------------------------------------------------------------------------------*/
.wrapper {
	width: 770px;
	margin: 0 auto;
	padding: 5px 0 10px 0
}
.wrapper .sleeve {
	background: #FFF url(images/bgn_wrappersleeve.gif) no-repeat;
	padding: 0 5px;
}
.content {
	background: #FFF;
	border-right: #D9F2CC 1px solid;
	border-left: #D9F2CC 1px solid;
	border-bottom: 1px solid white;
	clear: both;
	margin: 0 -5px;
	padding: 0 10px;
}
.content.twocolumn {
	background: url(images/bgn_left.gif) no-repeat 45px 100%;
	*background-position: 46px 100%;
	_background-position: 46px 100%;
}
.content.index {
	padding: 0 4px;
}
.content .left {
	float: left;
	width: 180px;
	padding: 0 10px 10px 0;
}
.content .right {
	margin-left: 190px;
	padding-left: 10px;
	border-left: #D8F2CC 1px solid;
	position: relative;
}
.content.index .left {
	width: 280px;
	height: 425px;
}
.content.index .right {
	margin-left: 280px;
	border: 0;
}

/* Section III: Header deifinitions, menu holder (menu is defined below this section)
-----------------------------------------------------------------------------------------------*/
.header {
	background: url(images/bgn_header.gif) no-repeat 100% 0;
	width: 760px;
	height: 105px;
}
.header .logo {
	background: url(images/bgn_header_logo.gif) no-repeat 240px 5px;
	height: 66px;
	width: 498px;
}
.header .logo h1 a {
	background: url(images/click4fone_logo.gif) no-repeat 10px 10px;
	width: 217px;
	height: 66px;
	display: block;
}
.header .logo .tagline {
	background: url(images/bgn_header_tagline.gif) no-repeat;
	width: 236px;
	height: 32px;
	display: block;
	float: right;
	margin-top: 19px;
}
.header .login {
	background: url(images/bgn_header_line.gif) no-repeat;
	position: absolute;
	top: 10px;
	margin-left: 515px;
	padding: 20px 0 0 20px;
	height: 41px;
}
.header .login a {
	background: url(images/bgn_header_login.gif) no-repeat;
	display: block;
	height: 19px;
	width: 49px;
}
.header .login a:hover {
	background-position: 0 -19px;
}


/* Section IV: Menu definitions
-----------------------------------------------------------------------------------------------*/
.menu {
	background: url(images/bgn_menu.gif) repeat-x;
	width: 690px;
	height: 39px;
	margin: 0 auto;
	z-index:99;
}
.menu ul {
	background: url(images/bgn_menu_ul.gif) no-repeat 0 0;
	list-style: none;
	padding: 4px 9px 0 25px;
	margin: 0;
	height: 35px;
}
.menu ul li {
	background: url(images/bgn_menu_li.gif) no-repeat 100% 0;
	position: relative;
	cursor: pointer;
	display:block;
	margin:0;
	float: left;
}
.menu ul li#last{
	background: none;
}
.menu ul li span {
	display: block;
	padding: 0 7px 0 5px;
}
.menu ul li a {
	text-decoration:none; 
	display:block;
	height: 26px !important;
}
.menu ul li.selected {
	background: #FFF url(images/bgn_menu_li.gif) no-repeat 0 -36px !important;
	padding-bottom: 10px;
}
.menu ul li.selected span {
	background: url(images/bgn_menu_li.gif) no-repeat 100% -72px;
}
.menu ul .home {
	background: url(images/bgn_menu_home.gif) no-repeat;
	width: 51px;
}
.menu ul .callnow {
	background: url(images/bgn_menu_callnow.gif) no-repeat;
	width: 70px;
}
.menu ul .buynow {
	background: url(images/bgn_menu_buynow.gif) no-repeat;
	width: 68px;
}
.menu ul .howitworks {
	background: url(images/bgn_menu_howitworks.gif) no-repeat;
	width: 89px;
}
.menu ul .faq {
	background: url(images/bgn_menu_faq.gif) no-repeat;
	width: 44px;
}
.menu ul .callingcards {
	background: url(images/bgn_menu_callingcards.gif) no-repeat;
	width: 87px;
}
.menu ul .voip {
	background: url(images/bgn_menu_voip.gif) no-repeat;
	width: 46px;
}
.menu ul .contact {
	background: url(images/bgn_menu_contact.gif) no-repeat;
	width: 63px;
}
.menu ul a:hover {
	background-position: 0 -26px;
}
.menu ul .selected a {
	background-position: 0 -52px;
}
.menu ul .selected a:hover {
	background-position: 0 -52px;
}

.submenu {
	margin: 0 0 10px 0;
}
.submenu h3 {
	background: url(images/title_voipsubmenu.gif) no-repeat;
	display: block;
	height: 28px;
	border-bottom: #B2E598 1px solid;
	margin-bottom: 1px;
}
.submenu.cc h3 {
	background: url(images/title_ccsubmenu.gif) no-repeat;
}
.submenu ul {
	margin: 0 !important;
	padding: 0 !important;
}
.submenu ul li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: #FFF 1px solid;
}
.submenu li a {
	font-weight: normal;
	border-bottom: #BFD3EC 1px solid;
	display: block;
	padding: 3px 10px;
}
.submenu li.selected a {
	background: #FFF url(images/bgn_title_shadowlight.gif) no-repeat 50% 0;
	border: #90CE71 1px solid;
	color: #4BB418;
	font-weight: bold;
}
.submenu li a:hover {
	background: #65CB32 url(images/bgn_submenu_hover.gif) repeat-x;
	color: #FFF;
	text-decoration: none;
}

/* Section V: Footer definitions, Footer menu and Copyright text
-----------------------------------------------------------------------------------------------*/
.footer {
	background: url(images/bgn_footer.gif) no-repeat 0 100%;
	position: relative;
	height: 41px;
	padding: 10px 0 5px 0;
}
.footer .sleeve {
	background: url(images/bgn_footer_sleeve.gif) no-repeat 0 100%;
	height: 40px;
	margin: 0 5px;
	padding: 0 10px;
	border-top: #B6E69E 1px solid;
}
.footer .copyright {
	background: url(images/bgn_footer_copy.gif) no-repeat;
	width: 216px;
	height: 10px;
	float: left;
	margin-top: 17px;
}
.footer ul {
	float: right;
	list-style: none;
	padding: 0;
	margin: 17px 0 0 0;
}
.footer ul li {
	float: left;
	margin-left: 7px;
}
.footer ul a {
	height: 10px;
	background-position: 0 0;
	display: block;
	float: left;
}
.footer ul a:hover {
	background-position: 0 -10px;
}
.footer ul .home {
	background-image: url(images/bgn_footer_home.gif);
	width: 30px;
}
.footer ul .callnow {
	background-image: url(images/bgn_footer_callnow.gif);
	width: 40px;
}
.footer ul .buynow {
	background-image: url(images/bgn_footer_buynow.gif);
	width: 40px;
}
.footer ul .howitworks {
	background-image: url(images/bgn_footer_howitworks.gif);
	width: 56px;
}
.footer ul .faq {
	background-image: url(images/bgn_footer_faq.gif);
	width: 22px;
}
.footer ul .callingcards {
	background-image: url(images/bgn_footer_callingcards.gif);
	width: 55px;
}
.footer ul .voip {
	background-image: url(images/bgn_footer_voip.gif);
	width: 23px;
}
.footer ul .contact {
	background-image: url(images/bgn_footer_contact.gif);
	width: 36px;
}
.footer ul .ratkovicdesign {
	background-image: url(images/bgn_footer_ratkovicdesign.gif);
	width: 90px;
}

/* Section VI: Content elements - titles, headings, print button, paragraphs, list items...
-----------------------------------------------------------------------------------------------*/
.shadowline {
	background: url(images/bgn_title_shadow.gif) no-repeat 2px 100%;
	padding: 0 0 10px 0;
}
.shadowline h2 {
	background: url(images/bgn_title_crosslines.gif) no-repeat 100% 100%;
	border-bottom: #B2E598 1px solid;
	padding: 0 0 7px 3px;
	margin: 0;
}
.shadowline.light {
	background: url(images/bgn_title_shadowlight.gif) no-repeat 6px 100%;
	padding: 0 0 10px 0;
}
.shadowline h3 {
	border-bottom: #D8F2CC 1px solid;
	padding: 0 0 4px 3px;
	margin: 0;
}
.voipspecial {
	background: url(images/bgn_voiphome.jpg) no-repeat 100% 0;
	border: #B6E69E 1px solid;
	height: 198px;
	margin-bottom: 10px;
}
.voipspecial h2 {
	background: url(images/title_click4fonevoip.gif) no-repeat;
	width: 117px;
	height: 21px;
	margin: 10px 0 0 16px;
	display: block;
}
.voipspecial h3 {
	background: url(images/title_voiphome.gif) no-repeat;
	width: 150px;
	height: 78px;
	margin: 13px 0 0 16px;
}
.voipspecial a.signup {
	background: url(images/btn_signupnow.gif) no-repeat;
	width: 135px;
	height: 50px;
	display: block;
	margin: 17px 0 0 7px;
}
.voipspecial a.signup:hover {
	background-position: 0 -50px;
}
.printpage {
	background: url(images/icon_printpage.gif) no-repeat 50% 0;
	height: 23px;
	width: 93px;
	display: block;
	position: relative;
}
.printpage:hover {
	background: #FFF url(images/icon_printpage.gif) no-repeat 50% -22px;
	border: #B2E598 1px solid;
	height: 21px;
	width: 91px;
}
.shadowline .printpage, .voipspecial .printpage {
	float: right;
}
.voipspecial .printpage {
	top: 5px;
	right: 5px;
	position: relative;
}
.shadowline h2 span, .shadowline h3 span {
	height: 21px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
}
.shadowline h3 span {
	height: 17px;
}
.content p {
	line-height: 140%;
	margin: 0 0 10px 0;
}
.content ul, .content ol {
	line-height: 140%;
	margin: 0 0 10px 25px;
	padding: 0;
	list-style: none;
}
.content ul li {
	margin-bottom: 5px;
	padding-left: 15px;
}
.content ol {
	margin: 0 0 10px 35px;
	list-style: decimal;
}
.content ol li {
	margin-bottom: 5px;
}
.green {
	color: #4BB418;
}
.blue {
	color: #36C;
}
h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 135%;
	font-style: italic;
	margin: 2px 0;
	letter-spacing: -1px;
}
.bulletsblue.twocol {
	width: 245px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	margin-left: 0;
}
* html .bulletsblue.twocol {
	width: 240px;
}
.bulletsblue li {
	background: url(images/bullet_blue.gif) no-repeat 0 5px;
}
.bulletsgreen li {
	background: url(images/bullet_green.gif) no-repeat 0 5px;
}
.content .question, .content .answer {
	background: url(images/bgn_faq_question.gif) no-repeat;
	display: block;
	padding: 3px 0 3px 80px;
	margin-left: 10px;
}
.content .answer {
	background: url(images/bgn_faq_answer.gif) no-repeat;
}
.content form, .content .asform {
	width: 380px;
	margin: 0 auto 10px auto;
	border: #D8F2CC 1px solid;
	padding: 10px;
	position: relative;
}
.content form .formrow, .content .asform .formrow {
	display: block;
	margin-bottom: 3px;
	_margin-bottom: 1px;
}
.content form label, .content form .aslabel, .content .asform label {
	float: left;
	display: block;
	width: 150px;
}
.content form .field, .content .asform .field  {
	border: #999 1px solid;
	background: #FFF;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 222px;
	_width: 221px;
	color: #666;
	padding: 1px;
}
.content form .asfield, .content .asform .asfield {
	width: 222px;
	padding: 2px 0;
	display: block;
}
.field.normalize {
	width: 226px !important;
	_width: 225px !important;
}
.field.shortest {
	width: 40px !important;
	margin-right: 2px;
}
.content form .buttons, .content .asform .buttons {
	background: url(images/bgn_title_crosslines.gif) no-repeat 100% 100%;
	border-bottom: #B2E598 1px solid;
	margin: 10px 0 5px 0;
	padding-bottom: 7px;
	text-align: center;
}
.content form h4 {
	clear: none;
	border-bottom: #2469C7 1px solid;
	margin: 0 0 10px 0;
	position: relative;
}
.content form .required {
	background: #D8F2CC;
	color: #4BB418;
	padding: 2px 3px;
	margin: 0 4px;
}
.button {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	padding: 3px 5px;
	border-width: 1px;
	border-bottom-width: 2px;
	border-style: solid;
	cursor: pointer;
	margin: 0 2px;
}
.button.normal {
	background: #65CB32 url(images/bgn_button_normal.gif) repeat-x 0 100%;
	color: #FFF;
	border-color: #4BB418;
	border-bottom-color: #390;
	_width: 120px;
}
.button.alert {
	background: #FFF url(images/bgn_button_alert.gif) repeat-x 0 100%;
	color: #2367C5;
	border-color: #548EDD;
	border-bottom-color: #2367C5;
	_width: 120px;
}
.content .line {
	border-top: #E5F6DE 1px solid;
	background: url(images/bgn_title_crosslines_green.gif) no-repeat;
	margin: 10px 0 0 0;
	padding: 8px;
}
.content .line a {
	font-weight: normal;
}
.content .line a:hover {
	color: #4BB418;
}
.toleft {
	float: left;
	margin: 10px 0 10px 0;
}
.toright {
	float: right;
	margin: 0 0 10px 10px;
}
.tocenter {
	margin: 0 auto;
	text-align: center;
}
.disclaimer {
	background: #EEF8E9;
	padding: 5px 10px;
	font-size: 90%;
	display: block;
	color: #666;
	margin: 10px 0 !important;
}
#localbanner {
	float: right;
}
#cityList {
	padding: 5px 0 0 25px;
}
#cityList li {
	background: url(images/bullet_blue.gif) no-repeat 0 5px;
	line-height: 140%;
	margin: 0 0 2px 0;
	list-style: none;
	padding: 0 0 0 15px;
	#padding-left: 0;
}
.citylist {
	padding: 10px;
	border: #D9F2CC 1px solid;
}
.citylist .holderleft {
	width: 235px;
	float: left;
}
.citylist .holderright {
	width: 235px;
	float: left;
}
.citylist .or {
	float: left;
	width: 50px;
	text-align: center;
	font-weight: bold;
}
.citylist .field {
	width: 235px;
}
.citylist label {
	display: block;
	border-bottom: #D8F2CC 1px solid;
	font-weight: bold;
	color: #4BB418;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: center;
}
.all-rates {
	width: 100%;
	*width: 99.5%;
	_width: 99.5%;
	border-collapse: collapse;
	margin: 10px 0;
}
.all-rates .titles td {
	background: #65CB32 url(images/bgn_button_normal.gif) repeat-x 0 100%;
	color: #FFF;
	border-bottom: #390 2px solid;
	padding: 6px 5px;
}
.all-rates .links {
	background: url(images/bgn_title_crosslines.gif) no-repeat 100% 100%;
}
.all-rates .links td {
	border-bottom: #B2E598 2px solid;
	color: #2367C5;
	padding: 6px 5px;
}
.all-rates .links a {
}
.all-rates td {
	padding: 5px;	
	border-bottom: #D8F2CC 1px solid;
}
.card-row {
	width: 100%;
	_width: 99.5%;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}
.card-row tr {
	margin-top: 10px;
}
.card-row td {
	background: url(images/bgn_cardrow.gif) no-repeat;
	width: 266px;
	padding: 5px;
	vertical-align: top;
}
.card-row td .bulletsblue {
	margin: 0 0 5px 10px;
}
.card-row td .bulletsblue li {
	margin: 0 0 2px 0;
}
.card-row td.separator {
	background: none;
	width: 10px !important;
	padding: 0;
}
.card-row td h4 span {
	clear: left;
	display: block;
	padding: 2px 0 2px 10px;
}
.card-row td a:hover {
	color: #4BB418;
	text-decoration: underline;
}
.card-row td .line {
	margin: 0;
	padding: 5px 0 0 0;
}
.card-row .cleared {
	background: none;
}
.card-row .recommend {
	width: 542px;
}
.card-row .recommend .lowrates {
	float: right;
	background-color: #FFF;
	width: 158px;
}
.card-row .recommend .lowrates h3 {
	background: url(images/title_ratesothercountries_h3.gif) no-repeat;
}
.card-row .recommend .single-rate {
	color: #4BB418;
	background: #EBF8E5;
	border: #B2E598 1px solid;
	padding: 15px 5px;
	float: right;
	display: block;
	width: 120px;
	height: 35px;
	margin: 0 10px 0 0;
	text-align: center;
}
.card-row .recommend .single-rate strong {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 185%;
	font-style: italic;
	margin: 2px 0;
	letter-spacing: -2px;
	color: #36C;
}
.lowrates {
	background: url(images/bgn_lowratesbox.gif) no-repeat 100% 0;
	border: #D8F2CC 1px solid;
	padding: 5px 10px 10px 10px;
}
.lowrates h3 {
	background: url(images/title_viewlowrates_h3.gif) no-repeat;
	height: 18px;
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
	border-bottom: #B2E598 1px solid;
}
.lowrates .rate {
	background: #4BB418;
	padding: 5px;
	color: #FFF;
	margin: 2px 0 0 0;
}
.lowrates a {
	color: #FFF !important;
}
form.lowrates a {
	color: #3373CB !important;
}
.lowrates .all {
	background: #2469C7;
	padding: 5px;
	color: #FFF;
	margin: 2px 0 0 0;
}
.left .lowrates .field, .card-row .recommend .field {
	width: 158px;
	margin-bottom: 7px;
}
.left .bulletsgreen {
	background: url(images/bgn_lowratesbox.gif) no-repeat 100% 0;
	border: #D8F2CC 1px solid;
	border-top: 0;
	margin: 0;
}
.left .bulletsgreen li {
	margin-left: 10px;
	color: #666;
}
.left .callfree {
	background: url(images/bgn_voipfreecall.gif) no-repeat;
	height: 37px;
	display: block;
	margin: 0;
}
.left .banner {
	margin: 0 0 7px 0;
}
.bulletsblue.basic {
	background: url(images/bgn_voipbasic.gif) no-repeat 100% 10%;
}
.bulletsblue.unlimited {
	background: url(images/bgn_voipunlimited.gif) no-repeat 100% 25%;
}
.bulletsblue.globalunlimited, .bulletsblue.egypt, .bulletsblue.philippines200, .bulletsblue.philippines260 {
	background: url(images/bgn_voipglobalunlimited.gif) no-repeat 100% 50%;
}
p.order {
	background: url(images/bgn_title_shadowlight.gif) no-repeat 100% 0;
	border-top: #B2E598 1px solid;
	padding: 5px 5px 0 0;
	text-align: right;
}
.content .selector {
	background: #FFF;
	border: #D8F2CC 1px solid;
	height: 30px;
	padding: 2px;
	margin-bottom: 10px;
	width: 536px;
}
.selector h3 {
	background: url(images/bgn_cardselector.gif) no-repeat;
	display: block;
	width: 130px;
	height: 30px;
	float: left;
}
.selector .text {
	background: #EBF8E5 url(images/bgn_cardselector_text.gif) no-repeat 50% 50%;
	display: block;
	width: 160px;
	height: 30px;
	float: left;
	border-right: #FFF 6px solid;
}
.selector form {
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	width: 232px;
	position: relative;
	_position: fixed;
}
.selector form.form {
	float: left;
	margin: 2px 0 0 2px;
}
.selector form .field {
	width: 148px !important;
	float: left;
	margin-top: 5px;
}
.selector form .buttonrecommend {
	float: left;
	margin: 4px 0 0 2px;
}

/* Content backgrounds - where needed */
.content.faq {
	background: url(images/bgn_main_faq.gif) no-repeat 97% 50px;
}

/* All titles - put in here */
span.home {
	background-image: url(images/title_home.gif);
}
span.pcphonerates {
	background-image: url(images/title_pcphonerates.gif);
}
span.callnow {
	background-image: url(images/title_callnow.gif);
}
span.buynow {
	background-image: url(images/title_buynow.gif);
}
span.howitworks {
	background-image: url(images/title_howitworks.gif);
}
span.faq {
	background-image: url(images/title_faq.gif);
}
span.callingcards {
	background-image: url(images/title_callingcards.gif);
}
span.voip {
	background-image: url(images/title_voip.gif);
}
span.contact {
	background-image: url(images/title_contact.gif);
}
span.advantages {
	background-image: url(images/title_advantagesofinternetcalling.gif);
}
span.callingcards {
	background-image: url(images/title_callingcards.gif);
}
span.callingcardsorder {
	background-image: url(images/title_ordercc.gif);
}
voipspan.voip {
	background-image: url(images/title_voipmain.gif);
}
span.voipequipment {
	background-image: url(images/title_voipequipment.gif);
}
span.voipcallingplans {
	background-image: url(images/title_voipcallingplans.gif);
}
span.ordervoip {
	background-image: url(images/title_ordervoip.gif);
}
h2 span.refertofriend {
	background-image: url(images/title_refertofriend.gif);
}
h2 span.clientlogin {
	background-image: url(images/title_clientlogin.gif);
}
h3 span.homealso {
	background-image: url(images/title_homealso_sml.gif);
}
h3 span.refertofriend {
	background-image: url(images/title_refertofriend_sml.gif);
}
h3 span.voipfeatures {
	background-image: url(images/title_voipfeatures_sml.gif);
}
h3 span.voipphone {
	background-image: url(images/title_voipphone_sml.gif);
}
h3 span.voiprouter {
	background-image: url(images/title_voiprouter_sml.gif);
}
h3 span.voipwifiphone {
	background-image: url(images/title_voipwifiphone_sml.gif);
}
h3 span.voipservicerequirements {
	background-image: url(images/title_voipservicerequirements.gif);
}
h3 span.localaccess {
	background-image: url(images/title_localaccess_sml.gif);
}
h3 span.systemrequirements {
	background-image: url(images/title_voipsystemrequirements.gif);
}
h3 span.localinternationalnumbers {
	background-image: url(images/title_voiplocalinternationalnumbers.gif);
}
h3 span.viewallrates {
	background-image: url(images/title_viewallrates_sml.gif);
}

/* Calling Card titles */
span.cardafrica {
	background-image: url(images/title_cardafrica.gif);
}
span.cardasia {
	background-image: url(images/title_cardasia.gif);
}
span.cardcarribean {
	background-image: url(images/title_cardcaribbean.gif);
}
span.cardegypt {
	background-image: url(images/title_cardegypt.gif);
}
span.cardeurope {
	background-image: url(images/title_cardeurope.gif);
}
span.cardfreedom {
	background-image: url(images/title_cardfreedom.gif);
}
span.cardiran {
	background-image: url(images/title_cardiran.gif);
}
span.cardisrael {
	background-image: url(images/title_cardisrael.gif);
}
span.cardmiddleeast {
	background-image: url(images/title_cardmiddleeast.gif);
}
span.cardnational {
	background-image: url(images/title_cardnational.gif);
}
span.cardphilippines {
	background-image: url(images/title_cardphilippines.gif);
}

/* Keypad */
.keypad {
	background: url(images/bgn_keypad.jpg) no-repeat;
	width: 340px;
	height: 185px;
	margin: 0 auto;
	padding-top: 10px;
}
.keypad .row {
	margin: 0 0 5px 12px;
	height: 41px;
}
.keypad .row a {
	width: 59px;
	height: 41px;
	display: block;
	float: left;
	margin-right: 6px;
	background-position: 0 0;
}
.keypad .row a:hover {
	background-position: 0 -41px;
}
.keypad .row .btn1 {
	background-image: url(images/bgn_keypad_1.gif);
}
.keypad .row .btn2 {
	background-image: url(images/bgn_keypad_2.gif);
}
.keypad .row .btn3 {
	background-image: url(images/bgn_keypad_3.gif);
}
.keypad .row .btn4 {
	background-image: url(images/bgn_keypad_4.gif);
}
.keypad .row .btn5 {
	background-image: url(images/bgn_keypad_5.gif);
}
.keypad .row .btn6 {
	background-image: url(images/bgn_keypad_6.gif);
}
.keypad .row .btn7 {
	background-image: url(images/bgn_keypad_7.gif);
}
.keypad .row .btn8 {
	background-image: url(images/bgn_keypad_8.gif);
}
.keypad .row .btn9 {
	background-image: url(images/bgn_keypad_9.gif);
}
.keypad .row .btn0 {
	background-image: url(images/bgn_keypad_0.gif);
}
.keypad .row .btn-asterisk {
	background-image: url(images/bgn_keypad_asterisk.gif);
}
.keypad .row .btn-hash {
	background-image: url(images/bgn_keypad_hash.gif);
}
.keypad .row .btn-call {
	background-image: url(images/bgn_keypad_call.gif);
	margin-left: 6px;
	width: 44px;
}
.keypad .row .btn-hangup {
	background-image: url(images/bgn_keypad_hangup.gif);
	margin-left: 6px;
	width: 44px;
}
.keypad .row .btn-operator {
	background-image: url(images/bgn_keypad_operator.gif);
	margin-left: 6px;
	width: 44px;
}
.keypad .row .btn-undock {
	background-image: url(images/bgn_keypad_undock.gif);
	margin-left: 6px;
	width: 44px;
}

.current, .new {
	background: url(images/icon_currentcustomers.gif) no-repeat 0 2px;
	padding: 0 0 2px 20px;
	display: block;
	float: left;
	margin-right: 3px;
	position: relative;
}
.new {
	background: url(images/icon_newcustomers.gif) no-repeat 0 2px;
}
.ratesindex {
	background: url(images/bgn_homerates.gif) no-repeat 0 100%;
	width: 180px;
	margin: 0 0 0 20px;
	padding: 0 10px 1px 10px;
}
.ratesindex .rates {
	background: url(images/title_ratesindex.gif) no-repeat;
	display: block;
	height: 14px;
}
.ratesindex table {
	border-collapse: collapse;
	margin-bottom: 5px;
}
.ratesindex table td {
	padding: 1px 0;
	margin: 0;
	color: #000;
	width: 90px;
}
.ratesindex table td.rate {
	width: 40px;
	text-align: right;
	color: #999;
}
.ratesindex p {
	line-height: 110%;
	margin: 5px 0 0 0;
}
.ratesindex .disclaimer {
	background: none;
	padding: 0;
	margin: 0;
	color: #CCC;
}
#homebanner {
	background: url(images/pic_index_1.jpg) no-repeat;
	height: 425px;
}
.twobanners {
	height: 220px;
}
.twobanners .leftbanner, .twobanners .rightbanner {
	text-align: right;
}
.twobanners .leftbanner span, .twobanners .rightbanner span {
	text-align: left !important;
	display: block;
	font-weight: normal;
}
.twobanners .leftbanner a {
	background: url(images/bgn_homebannerleft.gif) no-repeat;
	width: 228px;
	float: left;
	display: block;
	margin-right: 10px;
}
.twobanners .leftbanner img {
	margin: 96px 0 0 0;
}
.twobanners .rightbanner a {
	background: url(images/bgn_homebannerright.gif) no-repeat 8px 10px;
	width: 228px;
	float: left;
	display: block;
}
.twobanners .rightbanner img {
	margin: 100px 0 0 0;
}

.boxes {
	height: 68px;
	margin: 0 0 10px 0;
}
.boxes a {
	width: 178px;
	height: 68px;
	display: block;
	float: left;
	margin: 0 0 8px 0;
	*margin: 0 0 8px 0;
	_margin: 0 0 6px 0;
	border: #B6E69E 1px solid;
}
.boxes.home a {
	width: 148px;
	margin: 0 8px 0 0;
	*margin: 0 8px 0 0;
	_margin: 0 6px 0 0;
}
.boxes a:hover {
	background-position: 0 -68px;
	background-color: #4BB418;
	border: #4BB418 1px solid;
}
.boxes .freeminutes {
	background-image: url(images/btn_voip_freeminutes.gif);
}
.boxes .easytouse {
	background-image: url(images/btn_voip_easytouse.gif);
}
.boxes .freephone {
	background-image: url(images/btn_voip_freephone.gif);
}
.boxes .easytosetup {
	background-image: url(images/btn_voip_easytosetup.gif);
}
.boxes .ordernow {
	background-image: url(images/btn_voip_ordernow.gif);
}
.boxes .greatlowrates {
	background-image: url(images/btn_home_lowrates.gif);
}
.boxes.home .easytouse {
	background-image: url(images/btn_home_easytouse.gif);
}
.boxes .tryitnow {
	background-image: url(images/btn_home_tryitnow.gif);
	margin: 0 !important;
}
#specialsbanner {
	margin: 0 0 10px 0;
}

/* Old login page
.main iframe {
	border: 0 !important;
	width: 748px;
	height: 450px;
}
body.inside {
	background: #FFF;
	height: 100%;
	padding: 0;
}
body.inside .content {
	border: 0;
	clear: none;
	margin: 0;
	padding: 0;
}
*/
.right .banners {
	height: 310px;
}
.right .banners a {
	display: block;
	float: left;
	margin: 0 1px 5px 1px;
}
* html .right .banners a {
	margin: 0 0 5px 0;
}