@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
body {
	margin: 0;
	padding: 0 8%;
	font-family: Arial, Verdana, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #000;
	background: #FFF;
	}

/* links
---------------------------------------------------------- */
a {
	padding: 0 0 1px 0;
	font-weight: bold;
	color: #0000FF;
}
a.more {
	padding-right: 7px;
	background: url(../imgs/1804/icon-more.gif) no-repeat 100% 5px;
	}
a.rss {
	padding-left: 15px;
	background: url(../imgs/1804/icon-rss.gif) no-repeat 0 50%;
	}
a#t-shopping { 
	padding-left: 18px;
	background: url(../imgs/1804/icon-cart.gif) no-repeat 0 50%;
}
/* page structure
---------------------------------------------------------- */

#wrap {
	position: relative;
	max-width: 778px;
	min-width: 580px;
	margin: 0 auto;
	font-size: 95%;
	text-align: left;
	border: 1px solid #999999;
	border-top: none;
	background: #FFF;
	width: 778px;
	}
#main-body {
	padding: 0;
	}
#content {
	float: left;
	width: 70%;
	}
#content-inner {
	margin: 0;
	}
#sidebar {
	float: right;
	width: 30%;
	font-size: 90%;
	line-height: 1.5em;
	color: #777;
	}
#extra {
	clear: both;
	margin: 0;
	padding: 0;
	}
body#home #extra {
	margin-top: 0;
	}
#footer {
	clear: both;
	margin: 0;
	padding: 10px;
	background: #F7F7F7;
	border-top: #999999 solid 1px;
	text-align: left;
}

/* header
---------------------------------------------------------- */

#header {
	width: 100%;
	float: left;
	background: #FFF;
	}
#logo {
	padding: 5px 15px 5px 15px;
	background: url(../imgs/1804/top-badge.gif) no-repeat top right;
	float: left;
	}
#logo a  {
	border-style: none;
	display: block;
	width: 169px;
	}
#logo span {
	float: left;
	display: block;
	width: 169px;
	height: 37px;
	background: url(../imgs/1804/logo_clon.gif) no-repeat;
	}
#dashboard {
	float: right;
	position: relative;
	padding: 20px 15px 20px 15px;
	font-size: 90%;
	text-transform: uppercase;
}
/* tabs
---------------------------------------------------------- */

#tabs {
	width: 100%;
	float: left;
	padding: 0;
	background: #FFF;
}
#tabs ul {
	margin: 10px;
	padding: 0;
	list-style: none;
}
#tabs li {
	float: left;
	background: #EBEBEA;
	padding: 0 6px 0 0;
	margin: 0 5px 0 0;
	border:1px #353896 solid;
	border-bottom:none;
}
#tabs li a {
	float: left;
	display: block;
	padding: 4px 4px 4px 10px;
	background: #EBEBEA;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
body.callingcards li#t-callingcards a,
body.prepaidwireless li#t-prepaidwireless a,
body.business li#t-business a{
	background-position: 0% -200px;
	color: #FFF;
	background:#1887AE;
}

body.callingcards li#t-callingcards,
body.prepaidwireless li#t-prepaidwireless,
body.business li#t-business {
	background-position: 100% -200px;
	background:#1887AE;
}

body.callingcards li#t-callingcards:hover,
body.prepaidwireless li#t-prepaidwireless:hover,
body.business li#t-business:hover {
	background-position: 100% 0%;
}

body.callingcards li#t-callingcards:hover a,
body.prepaidwireless li#t-prepaidwireless:hover a,
body.business li#t-business:hover a {
	background-position: 0% 0%;
	color: #FFF;
	background:#1887AE;
}
/* navigation
---------------------------------------------------------- */

#nav {
	width: 100%;
	float:left;
	padding: 0;
	background: #1887AE;
	border-bottom: 1px solid #363895;
	}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	}
#nav li a {
	float: left;
	margin: 0;
	padding:5px 5px 5px 5px;
	font-size: 90%;
	text-decoration: none;
	color: #FFF;
	height: 14px;
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	}
#nav li a.active {
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #0B7CA2;
	border-right: 1px solid #0B7CA2;
	background: #0B7CA2;
	}

#nav span#lang { 
	float:right; padding: 5px 15px 0 5px;
}
#nav span#lang a {
	color: #FFF; text-decoration: none;
}
#nav li a span {
	padding:0 5px 0 0;
	border-right:1px #FFF solid;
}
hr, br { clear:both; display:block; border:0; float:none; margin:0; overflow:hidden; visibility:hidden; width:0; height:0;}
/* the rest login/currency
---------------------------------------------------------- */

#therest {
	width: 100%;
	float:left;
	background: #D2DAE6;
	padding: 0;
	margin: 0;
	border-bottom: #FFF solid 1px;
	min-height:29px;
	height:auto !important;
	height:29px;
}
#therest span {
	float:left;
	margin: 4px;
	padding: 1px 10px 0px 4px;
}
#therest #order-id {
	float:right;
	margin: 4px;
	padding: 1px 10px 0px 4px;
	font-weight:bold;
}
/* lengua */

#lengua {float:right;
    position:relative;
    margin: 0;
    padding-right: 18px;
    font-size: 90%;}
#lengua a{    font-weight: normal;}
/* cards list */
h1, h2 { font-size:120%; padding:5px 0; clear:both }
h3 { padding:8px 0 }
#search-results {
  float:left;
  width:100%;
  border-bottom:2px solid #CCC;
}
.gutter {
	padding:10px;
}
#search-results ul {
  list-style:none;
  float:left;
  width:524px;
  line-height:normal;
  font-size:80%;
  padding-bottom:10px;
  border-bottom:2px solid #C8CDD2;
  margin:0; padding:0;
  background:#F3F3F3;
}
#search-results li {
  float:left;
  text-align:center;
}
#search-results ul li a {
  float:left;
  display:block;
  padding:0;
  color:#765;
  margin:0 auto;
  min-height:40px;
  height:auto !important;
  height:40px;
}
#search-results dl {
  float: left;
  width: 100%;
  padding: 0;
  display: inline; /* fixes IE/Win double margin bug */
}
#search-results dt {
  float: right;
  width:100%;
  margin:0;
  padding:2px 0;
  font-size: 110%;
  color: #627081;
  font-weight:bold;
}
#search-results dd {
  float:left;
  padding:0;
  margin:0;
  font-size:85%;
  line-height:1.5em;
  color:#666;
  min-height:77px;
  height:auto !important;
  height:77px;
}
#search-results dd.img img {
  float:left;
}
#cardName-hd, #search-results dd.img { width:115px }
#search-results dd.qty-price, #search-results dd.button { width:105px }
#search-results #qty-price-hd a { width:240px; font-size:150%; color:#333; font-weight:bold; border-left: 1px dashed #ccc }
#localRate-hd a, #tollFreeRate-hd a, #connectionFee-hd a,  dd.localRate, dd.tollFreeRate, dd.connectionFee, dd.maintenanceFee { width:60px; text-align:center; border-left: 1px dashed #ccc }
#recharge-hd a, dd.recharge, #pinless-hd a, dd.pinless, #rounding-hd, dd.rounding { width:50px; text-align:center; border-left: 1px dashed #ccc }
#localRate-hd a, dd.localRate { border-left:none }
#maintenanceFee-hd a { width:70px; border-left: 1px dashed #ccc }
#search-results dd.maintenanceFee { width:70px; }
#search-results dd.qty-price {  border-left: 1px dashed #ccc; padding-left:5px }
#search-results .qty-price select { display:block; width:100px; }
#search-results .qty-price span { color:#C00 }
#search-results dd.localRate, #search-results dd.tollFreeRate {
	font-size:120%;
	font-weight:bold;
}
#search-results dd.localRate, #search-results #localRate-hd a { color:#C00 }
#search-results dd.tollFreeRate, #search-results #tollFreeRate-hd a { color:#F60 }
dd.connectionFee, dd.maintenanceFee { display:none }
.button input { 
	/*background:url(button.gif) no-repeat;
	height:33px;
	width:121px;*/
	border:none;
	color:#FFF;
	font-weight:bold;
}
.button select {
	width:121px;
	margin:5px 0;
}
#scroll {
	max-height:425px;
	height:auto !important;
	height:425px;
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}
div#qTip {
  padding: 3px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #FFF;
  color: #666;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  line-height:1.5em;
  text-align: left;
  position: absolute;
  z-index: 1000;
}
#form-search { padding:15px }
#form-search input { position:absolute; margin-left:5px;  }
#form-search label { padding:5px }
#form-search span { padding-left:10px }
#form-search select { width:220px }
.real-value { display:none }

/* country from to page */

#search-results #from-to {
	font-size:100%;
}
#search-results #from-to a {
	color:#00F;
	width:252px;
	text-align:left;
	min-height:20px;
	height:auto !important;
	height:20px;
}
#search-results dl dd ul {
  list-style:none;
  float:left;
  width:260px;
  line-height:normal;
  font-size:110%;
  padding:0 10px;
  border-bottom:none;
  border-left:1px dashed #ccc;
  border-right:1px dashed #ccc;
}
#search-results dl dd ul li {
  float:left;
  text-align:left;
  width:250px;
}
#search-results dl dd ul li a.list {
  text-align:left;
  padding:0;
  color:#765;
  width:125px;
  min-height:15px;
  height:auto !important;
  height:15px;
}
#search-results #each {
	padding-bottom:10px
}
#each dt {
	font-size:150%;
}
#search-results #each #description {
	width:210px;
	padding:0 5px 0 10px;
	font-size:100%;
}
#search-results #each dd.button {
	width:140px;
	text-align:center;
}
#country-info {
	background: #F3F3F3;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#county-rates {
	border-top:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
}
#county-rates .alt {
	background:#F3F3F3;
}
#county-rates thead {
	background:#D8EFF5;
}
#country-info {
	border:1px solid #999;
}
#country-info li {
	border-top:1px solid #999;
	padding:5px 8px;
}
#country-info .img {
	float:left;
	border:none;
	font-size:120%;
	font-weight:bold;
}
#country-info .img img {
	float:left;
}
#country-info h3 {
	padding:0; margin:0;
}
#country-info span {
	float:right;
}
#country-codes li {
	text-align:left;
}
#country-codes span {
	float:right;
	font-weight:bold;
}
.paragraph {
	padding:0 0 10px 20px;
}
#enjoy ul { padding-left:20px }