/* BASE FONT */
body, select, input, button, textarea, th, td { font: 11px/1.2 Verdana, Tahoma, Arial, Helvetica, sans-serif; }
a:link, a:visited { text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
a.tooltip { text-decoration: underline; cursor:pointer; }

#content h1 {
margin: 0 0 .4em;
font-weight: bold; font-size: 14px;
}
#content h2 {
margin: 0 0 .4em;
font-weight: normal; font-size: 14px;
}
	#content h2 em {
	font-style: normal; font-weight: bold;
	}
#content p {
margin: 0 0 .4em;
font-size: 11px; line-height: 1.4;
}
input.text, textarea.text {
border:1px solid;
padding:4px;
width:190px;
}
select {
padding:1px;
border:1px solid;
font-size:12px;
}
.buttons .button input {
@overflow:visible;
padding:4px 8px;
border:1px solid;
font-weight:bold; font-size:12px;
text-transform:uppercase;
cursor:pointer;
width:auto !important;
}

/* MISC LAYOUT */
ul.nav li.first { margin-left: 0 !important; padding-left: 0 !important; border-left: 0 none !important; }
ul.nav li.last { margin-right: 0 !important; padding-right: 0 !important; border-right: 0 none !important; }

/* BASE LAYOUT */
#wrapper {
width: 790px;
margin: 0 auto 2em;
border: 5px solid; border-top: 0 none;
}

	#header {
	overflow: auto; @overflow: hidden; zoom: 1;
	height: 76px;
	}
		#branding {
		float: left; _display: inline;
		padding: 8px;
		font-weight: bold; font-size: 16px;
		}
		#dashboard {
		float:right;
		margin: 18px 10px 10px;
		_margin: 18px 5px 10px;
		}
			#dashboard ul.nav {
			line-height: 1; @line-height: 1.1;
			text-transform: lowercase;
			}
				#dashboard ul.nav li {
				float:left;
				padding:5px 8px 5px 0;
				} 
					#dashboard ul.nav li#lang-select a {
					padding-right:10px;
					background:url(/images/drop-arrow.gif) no-repeat right center;
					}

			#dashboard ul.nav li#lang-select ul.nav {
			position:absolute;
			margin: 3px 0 0 -4px; 
			border: 2px solid;
			text-transform: capitalize;
			z-index:1;
			}
			#dashboard ul.nav li#lang-select ul.nav li a {
			padding: 0;
			}	
				#dashboard ul.nav li#lang-select ul.nav li {
				float: none;
				padding: .4em;
				margin:0;
				border: 0 none;
				}
					#dashboard ul.nav li#lang-select ul.nav li a {
					background:none;
					}

			#dashboard ul.nav li ul.nav {
			display:none;
			}
			#dashboard ul.nav li:hover ul.nav,
			#dashboard ul.nav li.hover ul.nav,
			#dashboard ul.nav li#lang-select a  {
			display:block;
			}
			
			/*just for IE6 li:hover adds the class ".hover"*/
			* html #dashboard ul li, * html #dashboard ul li ul li ul li {
			behavior: expression(
			this.onmouseover = new Function("this.className += ' hover'"),
			this.onmouseout = new Function("this.className = this.className.replace(' hover','')"),
			this.style.behavior = null
			);
			} 
		
		
	#nav {
	height: 31px;
	padding: 5px 8px;
	}
		#nav ul.nav {
		font-size: 14px;
		text-transform: lowercase;
		}
			#nav ul.nav li {
			float: left;
			}
				#nav ul.nav li .current,
				#nav ul.nav li a {
				display: block;
				margin: 0 10px 0 0;
				padding: .5em 1em;
				font-weight: bold;
				}
				#nav ul.nav li a:link,
				#nav ul.nav li a:visited {
				}
				#nav ul.nav li .current,
				#nav ul.nav li a:focus,
				#nav ul.nav li a:hover {
				text-decoration: none;
				}
	#welcome {
	overflow: auto; zoom: 1;
	margin: 6px 8px;
	}
		#returning {
		float: left;
		line-height: 20px;
		}
			#returning a.link-logout { font-weight: bold; }
		#currency_form {
		float: right;
		}
			#currency_form select {
			margin-left: .2em; 
			font-size: 12px;
			}
	#content {
	overflow: auto; zoom: 1;
	margin: 8px;
	}
	#footer {
	padding: 12px 16px 7px;
	text-align: center;
	}
		#footer ul.nav {
		margin: 0 0 .6em;
		line-height: 1;
		}
			#footer ul.nav li {
			display: inline;
			padding: 0 10px 0 6px; @padding: 0 8px 0 10px;
			border-right: 1px solid;
			}
		#footer .copy {}

			#footer .copy a {
			text-decoration: underline;
			}

/* HOME LAYOUT */
		#feature {
		position: relative;
		height: 253px; overflow: hidden;
		margin: 0 0 8px; padding: 1px 0;
		}
			#feature h2, #feature h2.h2es  {
			margin: 0 0 10px 216px; padding: 20px 0 26px 14px;
			border-bottom: 1px solid;
			font: normal 20px/1 Verdana, Tahoma, Arial, Helvetica, sans-serif;
			}
				#feature h2.h2es { /*just for spanish*/
				padding: 20px 0 5px 14px;
				}
					#feature h2 .save {
					font-weight: bold; font-size: 24px;
					}
						#feature h2 .save .percentage {
						font-size: 34px;
						}
					#feature h2 strong {
					font-weight: normal;
					}
			#feature h3, #feature h3.h3es  {
			margin: 0 0 10px 305px;
			font: normal 17px/1 Tahoma, Arial, Helvetica, sans-serif;
			}
			#feature ol#steps, #feature ol#steps.h3es {
			margin: 0 0 0 305px; padding: 0 0 10px 0;
			border-bottom: 1px solid;
			font-weight: bold; font-size: 12px;
			}
				#feature h3.h3es, #feature ol#steps.h3es { /*just for spanish*/
				margin: 0 0 10px 290px;
				}
				#feature ol#steps li {
				margin: 0 0 8px;
				}
					#feature ol#steps li em {
					font-style: normal; font-weight: bold; font-size: 18px;
					}
			#feature form#rates_form {
			position: absolute; top: 95px; right: 15px;
			width: 180px;
			font-size: 12px;
			}
				#feature form#rates_form dl {
				}
					#feature form#rates_form dl dt {
					margin: 0 0 2px;
					}
					#feature form#rates_form dl dt.es { /*just for spanish*/
                    margin: 0 0 4px;
                    }
					#feature form#rates_form dl dd {
					margin: 0 0 6px;
					}
					#feature form#rates_form select {
					width: 180px;
					font-size: 12px;
					}
				#feature form#rates_form .buttons {
				padding: 6px 0;
				}
					#feature form#rates_form .buttons .button {
					}
						#feature form#rates_form .buttons .button input {
						@overflow: visible;
						padding: 4px 8px;
						border: 1px solid;
						font-weight: bold; font-size: 12px;
						text-transform: uppercase;
						cursor: pointer;
						}
		#login, #recharge, #refer-import {
		float: left;
		width: 200px; height: 180px;
		}
		#refer-import {
		height: 260px;
		}
			#login dl.form {
			}
				#login dl.form dt {
				margin: 0 0 2px;
				}
				#login dl.form dd {
				margin: 0 0 6px;
				}
					#login input.text, #recharge input.text, #refer-import input.text {
					width: 190px;
					padding: 4px;
					}
					a#forgot-pwd {
					display: block;
					margin-top: 6px;
					text-align: center;
					}
				
				#recharge h3 { 
				margin-bottom:10px;
				}	
				#recharge img {
				float:left;
				margin-right:10px;
				}
					#recharge select, #refer-import select {
					width: 80px;
					font-size: 12px;
					margin-top: 3px;
					}
					#refer-import select {
					width:200px;
					}
					#recharge .buttons, #refer-import .buttons { padding: 4px 0;}
					#refer-import ul li { padding: 2px 0;}
					
			#login .buttons {
			padding: 4px 0;
			text-align: center;
			}
				#login .buttons .button, #recharge .buttons .button {
				}
					#login .buttons .button input,
					#recharge .buttons .button input,
					#refer-import .buttons .button input {
					@overflow: visible;
					padding: 4px 8px;
					border: 1px solid;
					font-weight: bold;
					text-transform: uppercase;
					cursor: pointer;
					}
		#shop {
		float: left; clear: left;
		width: 200px; height: 66px;
		}
			#shop select {
			width: 200px;
			border: 1px solid;
			}
		#rates, #rates.refer-import {
		float: right;
		width: 560px; height: 240px;
		overflow: auto; zoom: 1;
		margin: -180px 0 0; @margin: 0;
		}
		#rates.refer-import {
		margin: -260px 0 0; @margin: 0;
		}
		
			/* Map */
			#rates-map {
			float: left;
			width: 300px; height: 200px; overflow: hidden;
			background: url(../images/map.gif) no-repeat 0 4px;
			}
				#rates-map img {
				display: block;
				}
			/* Rates */
			table#rates-data {
			float: right;
			width: 230px;
			}
				table#rates-data caption {
				overflow: auto; zoom: 1;
				padding: 8px 8px 6px 0;
				}
					table#rates-data caption #rates_head {
					float: left;
					font-weight: bold;
					}
					table#rates-data caption #rates_more {
					float: right;
					}
				table#rates-data th.flag {
				width: 16px;
				padding: 0;
				}
					table#rates-data th img {
					vertical-align: bottom;
					}
				table#rates-data td {
				padding: 3px 8px;
				}
				table#rates-data td.country {
				}
				table#rates-data td.rate {
				text-align: right;
				}
					table#rates-data td a {
					display: block;
					}
			#login h2, #recharge h2, #refer-import h2, #shop h2, #rates h2 {
			margin: 0 0 6px; padding: 6px;
			font-weight: bold; font-size: 11px;
			}
		body#pageHome #more {
		clear: both;
		overflow: auto; zoom: 1;
		padding: 16px 0;
		border-top: 1px solid;
		}
			#more dl {
			float: left;
			width: 24.99%;
			}
			#more dl dt, #more dl dd { margin: 0 8px; }
				#more dl dt {
				margin-bottom: 4px;
				font-weight: bold;
				}
				#more dl dd {
				margin-bottom: 4px;
				}
                
/* layout04-ratesV.css */
/* RATES LAYOUT */
body#pageRates #welcome {
margin-bottom: 24px;
}
	#search {
	}
		#search h1 {
		display: inline;
		padding-right: .8em;
		}
		#search h2 {
		display: inline;
		}
		#search p {
		margin: .4em 0 1.2em;
		}
		#search form#rates_form {
		margin: 14px 0; padding: 8px 0;
		border-top: 1px solid; border-bottom: 1px solid;
		font-size: 14px;
		}
			#search form#rates_form p.title {
			display: inline;
			@padding-right: .4em;
			font-weight: bold;
			}
			#search form#rates_form dl {
			display: inline;
			}
				#search form#rates_form dl dt {
				display: inline;
				}
				#search form#rates_form dl dd {
				display: inline;
				}
				#search form#rates_form select {
				width: 180px;
				font-size: 12px;
				}
			#search form#rates_form .buttons {
			display: inline;
			}
				#search form#rates_form .buttons .button {
				}
					#search form#rates_form .buttons .button input {
					@overflow: visible;
					padding: 1px 4px;
					border: 1px solid;
					font-weight: bold; font-size: 12px;
					text-transform: uppercase;
					cursor: pointer;
					}
	#search-results {
	overflow: auto; zoom: 1;
	margin: 10px 0 20px;
	}
		/* Listado vertical */
		#special-rates {
		margin: 0 0 16px;
		}
			#special-rates .title {
			display: inline;
			margin-right: 6px;
			}
				#special-rates .title strong {
				font-weight: normal;
				}
			#special-rates ul {
			display: inline;
			}
				#special-rates ul li {
				display: inline;
				margin-right: 10px;
				white-space: nowrap;
				}
					#special-rates ul li .rate {
					font-weight: bold;
					}

		#title-rates li, #title-features li, #title-details li, .card-rates li, .card-features, .card-details li {
		float: left;
		_overflow: hidden;
		padding: 4px 4px 5px 4px;
		border-right: 1px solid;
		text-align: center;
		}
		#title-rates li { width: 60px; height:45px; padding-top: 6px; padding-bottom: 12px; }
		.card-rates li { width: 60px; height:75px; padding-top: 30px;/* padding-bottom: 60px;*/ }

		#title-features li { width: 90px; height:45px; padding-top: 6px; padding-bottom: 12px; }
		.card-features { /*padding-bottom: 48px;*/ height:75px;}
		.card-features.has1 { padding-top: 43px;}
		.card-features.has2 { padding-top: 35px;}
		.card-features.has3 { padding-top: 30px;}
		.card-features.has4 { padding-top: 21px;}
		.card-features li { width: 90px; margin: 0 0 2px; }

		#title-details li { width: 82px; height:45px; padding-top: 6px; padding-bottom: 12px; }
		.card-details li { width: 82px; height:75px; padding-top: 30px; /*padding-bottom: 50px;*/ }

		#title-rates {
		_display: inline;
		float: left;
		margin-left: 130px;
		border-left: 1px solid;
		}
			#title-rates .title-local {
			}
				#title-rates .title-local a {
				font-weight: bold;
				}
			#title-rates .title-tollfree {
			}
				#title-rates .title-tollfree a {
				font-weight: bold;
				}
		#title-features {
		float: left;
		}
		#title-details {
		float: left;
		}
		#card-list {
		clear: both; @zoom: 1;
		margin: 0 0 10px;
		}
			.card {
			overflow: auto; zoom: 1;
			height: 110px; overflow: hidden;
			}
				.card-name {
				float: left;
				width: 130px;
				padding: 0 0 14px;
				border-right: 1px solid;
				text-align: center;
				font-weight: bold; line-height: 1;
				}
					.card-name img {
					display: block;
					margin: 4px auto;
					}
				.card-buy {
				float: right;
				width: 130px;
				padding: 30px 0 5px;
				text-align: center;
				}
				.nostock {
				font-weight:bold;
				height:20px;
				}
				.nostock span {
				display:block;
				padding: 7px 0 5px 0;
				}
				select option.not {
				text-decoration:line-through;
				}	
					.card-buy select {
					font-size: 11px;
					}
					.card-buy select.prices {}
					.card-buy .buttons {
					padding: 4px 0 0;
					}
						.card-buy .buttons .button {
						}
							.card-buy .buttons .button input {
							@overflow: visible;
							padding: 2px 8px;
							border: 1px solid;
							font-weight: bold; font-size: 11px;
							text-transform: uppercase;
							cursor: pointer;
							max-width:130px;
							width: auto !important;
							}
							.buttons .button input.buy {
							width:91px !important;
							}
				.card-rates {
				float: left;
				}
					.card-rates .perminute { display: none; }
					.card-rates .rate {
					display: block;
					margin: 0 0 4px;
					font: bold 17px/1 Tahoma, Arial, Helvetica, sans-serif;
					}
					.card-rates .minutes {
					}
					.card-rates .rate-local {
					}
						.card-rates .rate-local .rate {
						}
					.card-rates .rate-tollfree {
					}
						.card-rates .rate-tollfree .rate {
						}
					.card-rates .rate-pc {
					}
						.card-rates .rate-pc .rate {
						}
				.card-features {
				float: left;
				}
				.card-details {
				float: left;
				}
					.card-details li .no { visibility: hidden; }
				.card-moreinfo {
				float: right;
				width: 130px;
				text-align: center;
				}
					.card-moreinfo a {
					font-weight: bold;
					}
		/* Fin listado vertical */
			.pager {
			clear: both; zoom: 1;
			margin: 18px 0;
			text-align: center;			
			}
				.pager a.backward {
				padding-left: 6px;
				background: url(../images/prev-arrow.gif) no-repeat left 5px;
				}
				.pager a.forward {
				padding-right: 6px;
				background: url(../images/next-arrow.gif) no-repeat right 5px;
				}
	#promo, #payment #promo {
	clear: both;
	margin: 0 0 16px; padding: 5px;
	text-align: center;
	}
		#promo h2, #payment #promo h2 {
		margin: 0;
		font-weight: bold; font-size: 12px; line-height: 1;
		border:none;
		padding-bottom:0;
		}
		#payment #promo {
		margin-top:5px;
		}
		#configuration h3 em,
		#promo h2 em {
		font-style:normal;
		text-transform:uppercase;
		text-decoration:blink;
		}
	body#pageRates #more {
	margin: 0 0 12px;
	}
	
/*SEARCH RATES BOX*/
#search-rates {
margin:20px auto;
position:relative;
width:400px;
}
#search-rates h2 {
border-bottom:none;
font-weight:bold;
padding:6px 10px;
margin-bottom:0;
}
#search-rates fieldset {
padding: 10px;
text-align:center;
}
#search-rates fieldset.products {
border-top:3px solid;
}
#search-rates ul li { padding:3px 0; float:left}
#search-rates label  {
width:120px;
float:left;
padding: 2px 10px 2px 0;
text-transform:capitalize;
text-align:right; font-weight:bold;
vertical-align:middle;
}
#search-rates select {
width: 190px;
font-size: 12px;
vertical-align:middle;
float:left;
}
#search-rates .buttons {
float:left;
}
	#search-rates .buttons .button input {
	@overflow: visible;
	padding: 4px 8px;
	border: 1px solid;
	font-weight: bold; font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
	}

/*FORGOT*/
#forgot h2, #contactus h2 {
border-bottom:1px solid;
padding-bottom:10px;
}
#forgot form { margin: 10px 0;}
	#forgot form ol li.f-left { 
	float:left;
	padding:2px 5px 2px 0;
	}
	#forgot form ol li { 
	padding:3px 5px 3px 0;
	}
	#forgot form ol li label { 
	width:150px;
	font-weight:bold;
	vertical-align:middle;
	}
	#forgot form ol li input {
	vertical-align:middle;
	width: 190px;
	padding: 4px;
	border: 1px solid;
	font-weight:12px;
	}
		#forgot form .buttons .button input {
		@overflow: visible;
		padding: 2px 8px;
		border: 1px solid;
		font-weight: bold; font-size: 12px;
		text-transform: uppercase;
		cursor: pointer;
		width: auto !important;
		}
		
		
/*CONTACT US*/
#contactus h3 {
margin-bottom:5px;
}
#contactus form { margin:10px 0;}
	#contactus form ul li {
	padding:2px;
	}
#contactus form ul li label,
#contactus #suboption div label {
font-weight:bold;
}
#contactus .buttons input {
text-transform:uppercase;
}
#contactus textarea, #contactus input {
width:340px;
}
#contactus select {
width:350px;
}
#contactus .comment {
margin-top: 10px;
}
#contactus #suboption div {
margin-left:2px;
padding:2px 0;
}

/*ABOUT US*/
#box-right.aboutus ul.list {
list-style:disc;
padding-left:15px;
margin-left:20px;
}
#box-right.aboutus h3 {
overflow:auto; zoom:1;
}
#box-right.aboutus ul.providers {
padding:0;
margin:15px 0 35px 0;
}
#box-right.aboutus ul.providers li {
display:inline;
margin: 0 5px;
}
#box-right.aboutus ul.providers li img {
vertical-align:middle;
}
#box-right.aboutus dl.alliances {
margin: 10px 0;
overflow:auto; zoom:1;
}
#box-right.aboutus dl.alliances dt {
border:1px solid;
float:left;
margin:10px 0 0;
padding:10px 0;
text-align:center;
width:215px;
}
#box-right.aboutus dl.alliances dd {
font-size:90%;
line-height:1.5em;
margin:8px 0 0 235px;
}
#box-right.aboutus form ul li {
padding:2px 0;
}
#box-right.aboutus form ul li label {
font-weight:bold;
}
#box-right.aboutus form ul li input,
#box-right.aboutus form ul li textarea {
width:250px;
}
#box-right.aboutus form ul li select {
width:260px;
}
#box-right.aboutus form ul li textarea {
height:90px;
}
#box-right.aboutus p {
margin:0 0 1.5em;
padding:0;
}
#box-right.aboutus p.comment {
padding-top:10px;
}
#box-right.aboutus .buttons .button input {
text-transform:uppercase !important;
}

/*FAQ*/
#box-left.help #sidebar ul {
margin-bottom:15px;
padding-bottom:0;
}
#box-left.help #sidebar ul li {
border-bottom:1px solid;
line-height:1.4em;
padding:3px 0;
}
#box-left.help #sidebar ul li.first {
padding-top:0;
}
#box-left.help #sidebar ul li.first-a {
padding:0;
border:none;
}
#box-left.help #sidebar ul li.last-a {
border:none;
}
#box-left.help #sidebar ul li a,
#box-left.help #sidebar ul li h2 { 
padding:3px 6px;
display:block;
border:none;
}
#box-left.help #sidebar ul li.first-a h2 a {
padding:5px 6px;
}
#box-left.help #sidebar ul li.current-child {
font-weight:bold;
}
#box-left.help #sidebar ul li h2 { 
padding:0 !important;
margin:0;
}
#box-right.help h3 {
margin-bottom:7px;
}
#box-right.help ul.list {
list-style:disc;
padding-left:15px;
margin:0 0 20px 0;
line-height:1.5em;
}
#box-right.help a.back {
padding:5px 0 5px 20px;
display:inline-block;
}
#box-right.help #rate {
margin: 20px 0 10px;
}
#box-right.help #rate .buttons {
padding-top:10px;
}
#box-right.help #rate .buttons .button a {
@overflow:visible;
padding:4px 8px;
border:1px solid;
font-weight:bold; font-size:12px;
text-transform:capitalize;
text-decoration:none;
cursor:pointer;
width:auto !important;
}
#box-right.help ul.rate .rate_item input {
vertical-align:middle;
margin:0 6px 4px 0;
}
#box-right.help ul.rate li {
padding:3px 0; @padding:0;
}
#box-right.help .help_faq_answer h3 { font-weight:normal;}
#box-right.help .help_faq_answer p {
margin-bottom:20px;
}
#box-right.help .help_faq_answer table {
margin:0 0 20px 1px;
}
#box-right.help .help_faq_answer table tr td {
border:1px solid;
text-align:center;
padding:6px 1px;
}
#box-right.help .help_faq_answer .comment {
margin:10px 0;
}
#box-right.help .help_faq_answer ol {
list-style:decimal;
padding-left:20px;
line-height:1.5em;
margin-bottom:20px;
}

/*PRIVACY*/
#privacy {
line-height:1.4em;
}
#privacy h2 {
border-bottom:1px solid;
padding-bottom:10px;
font-weight:normal;
}
#privacy .contact {
margin:25px auto;
}
#privacy .box {
margin:20px 0;
padding:15px;
}
#privacy .box h2 {
border-bottom:none;
font-weight:bold;
}
#privacy dl dd.back-top {
padding-left:20px;
}
#privacy ul.list {
list-style:disc;
padding-left:15px;
margin:0 0 20px 0;
line-height:1.5em;
}
#privacy dl dt {
margin-bottom:5px;
font-weight:bold;
}
#privacy dl dd.back-top {
margin: 10px 0 30px;
}

/*SITEMAP*/
#sitemap h2 {
border-bottom:1px solid;
padding-bottom:10px;
font-weight:normal;
}
#sitemap ul.list, #sitemap ul.listdos {
list-style:disc;
padding-left:15px;
margin:0 20px;
line-height:1.5em;
}
#sitemap ul.listdos {
margin:0 !important;
padding-left:5px;
list-style:none;
font-weight:bold;
}
#sitemap ul li { margin: 5px 0;}

#sitemap ul.list li { font-weight:normal !important;}


/*TERMS AND CONDITIONS*/
.terms h2 {
border-bottom:1px solid;
padding-bottom:10px;
font-weight:normal;
}
.terms ul li {
margin-bottom:10px;
}
.terms dl {
margin:0 0 25px 0;
}
.terms dl dt {
font-weight:bold;
margin-bottom:5px;
}
.terms dl dd {
margin:0 0 10px 10px;
}
.terms dl dd.tit {
font-weight:bold;
margin-bottom:0;
}