/* IE5 Macintosh \*//*/
@import "_ie/mac/5.css";
/**/

/* Structure */
.left {
	float:left;
	width:50%;
}
.right {
	float:right;
	width:50%;
}
#content-inner {
	padding:18px 15px;
}
hr {
	clear:both;
}
form {
	margin:0;
	padding:0;
}
/* content
-----------------------------------------------------------*/
#content p {
	padding-left:18px;
}
#content ul {
	padding-left:18px;
	margin:0;
	list-style: disc url(/templates/es/images/0407/bullet.gif) inside;
}
#content ul li {
	padding-left:18px;
	margin:0;
}


#content a.delete, a.button, a.none{
padding-left:22px;
padding-bottom:.8em;
padding-top:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
font-weight:bold;
min-height:22px;
height:auto !important;
height:22px;
background:url(/templates/es/images/3005/button-arrow.gif) top left no-repeat;
}

#content a.delete {
background:url(/templates/es/images/0407/delete.gif) top left no-repeat;
}
#content a.none {
background:none;
padding-left:0px;
}
/* popup
-----------*/
#content .popup {
	position:absolute;
	display:none;
	width:260px;
	background: url(/templates/es/images/0407/div-popup-bg.gif) bottom left no-repeat;
	margin:0;
	padding:0 0 5px 0;
}
#content .popup h3 {
	background: url(/templates/es/images/0407/h3-popup-bg.gif) top left no-repeat;
	margin:0;
	padding:2px;
}
#content .popup span {
	background: #D0D8E5 url(/templates/es/images/0407/span-popup-bg.gif) bottom left no-repeat;
	display:block;
	width:203px;
	min-height:22px;
	height:auto !important;
	height:22px;
	padding:5px 40px 12px 8px;
	margin:0;
}
#content .popup p {
	margin:0;
	padding:2px 12px 5px 10px;
	font-size:90%;
}
#content .popup a.close {
	display:block;
	text-align:right;
	padding-right:5px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:95%;
}


/* popup 2
-----------*/
#content .popup2 {
	position:absolute;
	left:50px;
	top:150px;
	display:none;
	width:260px;
	background: url(/templates/es/images/0407/div-popup2-bg.gif) bottom left no-repeat;
	margin:0;
	padding:0 0 5px 0;
}
#content .popup2 h3 {
	background: url(/templates/es/images/0407/h3-popup-bg.gif) top left no-repeat;
	margin:0;
	padding:2px;
}
#content .popup2 span {
	background: #D0D8E5 url(/templates/es/images/0407/span-popup-bg.gif) bottom left no-repeat;
	display:block;
	width:203px;
	min-height:22px;
	height:auto !important;
	height:22px;
	padding:5px 40px 12px 8px;
	margin:0;
}
#content .popup2 p {
	margin:0;
	padding:2px 12px 5px 10px;
	font-size:90%;
}
#content .popup2 a.close {
	display:block;
	text-align:right;
	padding-right:5px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:95%;
}

#content .popup2 dl {
	margin: 8px 8px 0 8px;
	padding: 0;
	font-size: 10px;
}
#content .popup2 dt {
	color: #333;
	margin-left:10px;
}
#content .popup2 dd {
	margin: 3px 5px 3px 31px;
	padding: 0;
}


/* breadcrumb
-----------------------------------------------------------*/
#breadcrumb {
	padding:0;
	margin:0;
}
#breadcrumb ul {
	margin:0;
	padding:0;
	display: inline;
	border: none;
}
#breadcrumb ul li {
	font-size:100%;
	color:#808080;
	margin:0;
	padding: 5px 7px;
	border-left: 1px solid #CCC;
	list-style: none;
	display: inline;
	background: none;
}
#breadcrumb ul li.first {
	border-left:none;
	background: url(/templates/es/images/0407/bullet-triangle.gif) 0 50% no-repeat;
	color:#000;
	font-size:130%;
	font-weight:bold;
	padding-left:15px;
}
#breadcrumb ul li strong {
	color:#000;
}
/* titles
-----------------------------------------------------------*/
h3, caption {
	background: url(/templates/es/images/0407/dotted-line.gif) 0 100% repeat-x;
	font-size:95%;
	padding:6px;
	clear:both;
}
h3 span.bullet, caption span.bullet {
	background:url(/templates/es/images/0407/bullet.gif) 0 50% no-repeat;
	padding-left:12px;
}
h3 span.normal {
	font-weight:normal;
}
h3 em {
	color:#F60;
	font-style:normal;
	font-weight:normal;
}
caption {
	text-align:left;
	font-weight:bold;
}
/* tables
-----------------------------------------------------------*/
table {
	margin-bottom:15px;
}
th {
	padding:6px 1px;
	border-bottom: 1px #777 solid;
}
td {
	padding:6px 1px;
	border-bottom:1px solid #E5E5E5;
	line-height:normal;
}
td a.delete {
	font-size:85%;
}
#payment td label {
	font-weight:bold;
	text-align:left;
}
td select {
	font-size:90%;
}
table td span.detail, table td span.note {
	display:block;
	font-size:85%;
}
table td span.note {
	color:#999;
}
table .row-total {
	text-align:right;
	padding-right:10px;
}
/* subtotal
-----------------------------------------------------------*/
#subtotal {
	background:#F2F2F2;
	border-bottom:#BFBFBF solid 1px;
	border-top:#BFBFBF solid 1px;
	padding:5px 10px;
	margin:0;
	vertical-align:middle;
	text-align:right;
	font-weight:bold;
	float:left;
	width:728px;
}
#subtotal span {
	float:right;
}
/* transaction cost
-----------------------------------------------------------*/
#trans-cost {
	border-bottom:#BFBFBF solid 1px;
	float:left;
	padding:6px 10px;
	margin:0;
	vertical-align:middle;
	text-align:right;
	width:728px;
}
#trans-cost span.cost {
	float:right;
	text-align:right;
}
#trans-cost p span.comment {
	font-size:80%;
	display:block;
	color:#999;
	text-align:right;
	line-height:normal;
}
#trans-cost p {
	float:right;
	text-align:right;
	margin:0;
	padding-right:10px;
}
/* discount
-----------------------------------------------------------*/
#discount {
	text-align:right;
	color:#6A9D27;
	padding:6px 10px;
	float:left;
	width:728px;
}
#discount span.legend, #discount span.value {
	line-height:normal;
	float:right;
	display:inline;
	padding-left:10px;
}
#discount span.new {
	float:left;
	font-weight:bold;
}
#discount span.comment {
	color:#CCC;
}
#discount span.value {
	color:#000;
}
#discount input {
	float:right;
}
/* total
-----------------------------------------------------------*/
#total {
	background:#F2F2F2;
	border-bottom:#BFBFBF solid 1px;
	border-top:#BFBFBF solid 1px;
	float:left;
	padding:10px;
	margin:0;
	vertical-align:middle;
	margin-bottom:15px;
	width:728px;
	text-align:right;
	color:#F60;
	font-size:110%;
	font-weight:bold;
}
#total span.value {
	float:right;
	width:167px;
	text-align:right;

}
#total p span.comment {
	font-size:80%;
	float:none;
	color:#000;
}
#total p {
	float:left;
	width:480px;
	text-align:left;
	margin:0;
	font-size:80%;
	color:#333;
}
#total a {
	float:left;
	font-size:90%;
}

/* values */
table .row-total, #total span.value, #discount span.value, #trans-cost span.cost, #subtotal span {
	min-width:125px;
	width:auto !important;
	width:125px;
}
/* next
-----------------------------------------------------------*/
#content #next {
	padding:10px 0pt;
	float:left;
	width:728px;
}
#content .line {
	border-top:1px solid #CCC;
}
#content #next p {
	float:right;
	display:block;
	width:667px;
	margin:0;
	padding:0;
	font-size:85%;
	color:#444;
	line-height:normal;
	text-align:right;
}
#content #next span {
	/*float:right;*/
	text-align:right;
}
/* features
-----------------------------------------------------------*/
#features {
	clear:both;
	background:url(/templates/es/images/0407/dotted-line.gif) top left repeat-x;
	_height:10px;
	padding-top:1px;
}

#features ul { list-style:none; text-align:center; padding:1em; }
#features li { display:inline; text-align:center; vertical-align:middle; padding:0 2em; }

#features-inner {
	background:url(/templates/es/images/0407/security-features.jpg) 50% 0% no-repeat;
	min-height:51px;
	height:auto !important;
	height:51px;
}

#features-contact {
	font-size: 12px;
	padding-left: 15px;
}

#features-contact a{font-size:10px;}

/* new user - sign up
-----------------------------------------------------------*/
.gutter-signup {
	padding-top:20px;
}
#new-user fieldset, #login fieldset {
	border:medium none;
	margin:0pt;
	padding-top:15px;
}
#new-user fieldset ol, #login fieldset ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
#new-user {
	width:410px;
}
#new-user h3 {
	background:url(/templates/es/images/0407/dotted-line.gif) bottom left repeat-x;
	margin:0;
	padding-left:20px;
}
#new-user label {
	float:left;
	padding-right:7px;
	text-align:right;
	width:120px;
	white-space:nowrap;
}
#new-user a {
	font-size:80%;
}
#new-user em {
	font-size:80%;
	color:#999;
}
#new-user input {
	width:123px;
}
#new-user input.button {
	width:112px;
    height:31px;
}
#new-user fieldset li {
	padding:2px;
}
#new-user h4 {
	font-size:95%;
}
#login {
	width:246px;
	margin:0;
	background: #F8FCFF url(/templates/es/images/0407/div-login-bg.gif) bottom left no-repeat;
	padding:0 0 7px 0;
}
#login h3 {
	background: #C7E2F3 url(/templates/es/images/0407/legend-login-bg.gif) top left no-repeat;
	margin:0;
}
#login form {
	background: #EAF5FB url(/templates/es/images/0407/fieldset-login-bg.gif) top left no-repeat;
}
#login input {
	width:123px;
}
#login input.button {
	width:68px;
    height:31px;
}
#login label {
	width:90px;
	float:left;
	padding-right:7px;
	text-align:right;
}
#login fieldset li {
	padding:2px;
}
#login ul {
	margin:0;
	padding:0 1px;
	list-style:none;
	list-style-image:none;
	margin-bottom:7px;
}
#login ul li {
	padding:5px 0 5px 35px;
	line-height:normal;
	background-image: url(/templates/es/images/0407/bullet-help.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#login ul li a {
	text-align:left;
	padding-left: 30px;
}

#login li a {
	display:block;
	font-size:80%;
	text-align:right;
}

#login h4 {
	font-size:95%;
}

/* payment
-----------------------------------------------------------*/
#new-credit-card {
	padding-bottom:15px;
}
.max-width {
	width:180px;
}
#payment {
	padding-top:15px;
}
#payment #next span.secure {
	background:url(/templates/es/images/0407/icon-secure.gif) 0% 40% no-repeat;
	padding-left:20px;
}
#payment a.tip {
	position:absolute;
	min-height:25px;
	height:auto !important;
	height:25px;
	min-width:25px;
	width:auto !important;
	width:25px;
	background:url(/templates/es/images/0407/tip-help.gif) top left no-repeat;
}
#tip {
	position:absolute;
	min-height:348px;
	height:auto !important;
	height:348px;
	min-width:316px;
	width:auto !important;
	width:316px;
	background:url(/templates/es/images/0407/tip-bg2.gif) top left no-repeat;
	margin-left:25px;
	color:#5F6975;
}
#tip p {
	font-size:80%;
	line-height:1em;
	padding:38px 18px;
	margin:0;
}

#a-Payment, #b-Information { float:left; width:50%;}
#a-Payment ol, #b-Information ol {margin-left:10px;}
#a-Payment li, #b-Information li, #autorecharge fieldset li { padding:2px 0; @padding:1px 0;}
#a-Payment label, #b-Information label { width:150px; text-align:right; float:left; padding-right:4px; @padding-right:2px;}

#dob { width:78px; @width:74px;}
#dob-m { width:65px; @width:68px;}

.show {
	display:inline;
}
.plus-link {
	display:block;
}
#payment fieldset, #autorecharge fieldset {border: none; margin:0; padding-top:0;}
#payment fieldset ol, #autorecharge fieldset ol {list-style: none; padding:0;}
#payment fieldset fieldset ol li {float:left; padding-right: 25px;}
#payment fieldset fieldset ol li img {
	padding-left:25px;
	padding-top:3px;
}

.text12_bold_orange {
	color:#FF6600;
	font-size:12px;
	font-weight:bold;
	letter-spacing: 0.2em;
	}

/* pinless recharge
-----------------------------------------------------------*/
#autorecharge fieldset label {
	display:block;
	float:left;
	text-align:right;
	width:300px;
	padding-right:4px; @padding-right:2px;
}
#autorecharge fieldset li {@width:650px; text-align:left;}
#autorecharge fieldset ol {margin-left:0; margin-right:0; padding-left:60px; @padding-left:40px;}
#autorecharge .note {
	text-align:center;
	width:740px;
	list-style:none;
}
/* pinless ani
-----------------------------------------------------------*/
#box-pinless {
	width:288px;
	margin:0 0 15px 0;
	background: #F2F2F2 url(/templates/es/images/0407/div-box-pinless.gif) bottom left no-repeat;
	padding:0 0 7px 0;
	float:left;
}
#box-pinless h3 {
	background: #DFE6EE url(/templates/es/images/0407/h3-box-pinless.gif) top left no-repeat;
	margin:0;
}
#box-pinless ul {
	margin:0;
	padding:0;
	width:288px;
	float:left;
	list-style:none;
}
#box-pinless ul li{
	margin:0;
	padding:8px 0 0 0;
	float:left;
	color:#567;
	border-bottom:#FFF solid 2px;
	line-height:normal;
	min-height:54px;
	height:auto !important;
	height:54px;
}
#box-pinless .phone-number {
	padding-left:40px;
	width:168px;
}
#box-pinless .action {
	width:80px;
}
#bullet-0 {
	background:url(/templates/es/images/0407/bullet-one.gif) 11px 7px no-repeat;
}
#bullet-1 {
	background:url(/templates/es/images/0407/bullet-two.gif) 11px 7px no-repeat;
}
#bullet-2 {
	background:url(/templates/es/images/0407/bullet-three.gif) 11px 7px no-repeat;
}
#bullet-3 {
	background:url(/templates/es/images/0407/bullet-four.gif) 11px 7px no-repeat;
}
#bullet-4 {
	background:url(/templates/es/images/0407/bullet-five.gif) 11px 7px no-repeat;
}
#pinless-ani{
	padding-top:24px;
}
#pinless-ani select {
	display:block;
}
#pinless-ani .note {
	background:url(/templates/es/images/0407/bullet-star.gif) 0% 50% no-repeat;
	padding-left:22px;
	font-size:80%;
}
#pinless-ani label {
	display:block;
	font-weight:normal;
}
#pinless-ani ol {
	font-weight:bold;
}
#pinless-ani ol li {
	margin-bottom:20px;
}
#pinless-ani ol li span {
	font-weight:normal;
}
#pinless-ani .right {
	width:288px;
}
#pinless-ani .left {
	width:400px;
}
#pinless-ani .gutter-box {
	padding-bottom:20px;
	margin-bottom:20px;
}
#ani-format {
	padding-left:22px;
	font-size:80%;
}
#ani-format ul li {
	list-style:none;
	list-style-image:none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	margin:0;
}
#ani-format ul li:before {
	content: "\00BB \0020";
}
#header {
	padding:0;
	margin:0;
}
#secure-website {
	padding:5px 20px;
	margin:0;
	border-top:3px solid #369;

}
#secure-website p {
	background:url(/templates/es/images/0407/icon-secure.gif) 0% 40% no-repeat;
	padding-left:20px;
	float:left;
}

#secure-website h4 {
  font-size:140%;
  font-weight:bold;
  margin:0;
  padding:1em;
  text-align: right;
  float:right; }


/* Recharge PIN sign up
-----------------------------------------------------------*/

#first  {
	border-left:none;
	background: url(/templates/es/images/0407/bullet-triangle.gif) 0 50% no-repeat;
	color:#000;
	font-size:130%;
	font-weight:bold;
	padding-left:30px;
	line-height:25px;
	}

/* Recharge - New PIN form
-----------------------------------------------------------*/

#payment .recharge_form  {
	font-size:95%;
	line-height:1;

}

#payment .recharge_form  p{
	padding:0 0 0 0;

}

#payment .recharge_form select {

	color: #FF6600;
	letter-spacing: 0.2em;
	font-size:95%;
}

#payment .recharge_form label{
	font-weight:normal;
}

/* More International Numbers
-----------------------------------------------------------*/

a.more {
	padding:0;
	/*background: url(/templates/es/images/1705/triangle.gif) 0 50% no-repeat;*/
}

.box {
	clear:both;
  width:687px;
  margin: 0 0 10px 0;
  padding: 0 0 12px 0;
  font-size: 80%;
  line-height: 1.5em;
  color: #333;
  background: #EAF4FB url(/templates/es/images/1705/div-bottom.gif) no-repeat bottom right;
}
.box h3 {
  margin: 0;
  padding: 12px 6px 6px 20px;
  font-size: 120%;
  background: #C7E2F3 url(/templates/es/images/1705/h3-bg.gif) no-repeat top left;
  border-bottom: #CCC dotted 1px;
}
.box a.img {
	display:block;
	text-align:right;
}
.box a.small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}
.box p, .box ul {
  margin: 0;
  padding: 10px 10px 0 10px;
  font-size:110%;
}
.box ul li {
  margin: 0px;
  padding: 3px 8px 5px 22px;
  list-style: none;
  background: url(/templates/es/images/3005/button-arrow-blue.gif) 0 50% no-repeat;
  font-size:100%;
}
#cusupnumbers {
	margin: 0;
	padding: 0;
	display:none;
}
#cusupnumbers dl {
	margin: 8px 8px 0 8px;
	padding: 0;
	font-size: 120%;
	font-weight:bold;
}
#cusupnumbers dt {
	color: #333;
	float:left;
	padding-left:20px;
}
#cusupnumbers dd {
	margin: 3px 0 3px 21px;
	padding: 0;
}
#customer-support {
  background: #F7F7F7 url(/templates/es/images/1705/box-cusup-bg-big.gif) no-repeat bottom right;
  padding:0 0 10px 0;
}
#customer-support h3 {
  font-size:130%;
  background: #F7F7F7 url(/templates/es/images/1705/h3-cusup-bg-big.gif) no-repeat top left;
  border-bottom:none;
  padding-bottom:0;
  text-align:left;
  margin:0;
}
#customer-support span.big {
  font-size:150%;
  font-weight:bold;
  margin:0;
  padding-top:0;

}


#customer-support h3 a {
	font-size:70%;
	padding-right: 20px;
	background: url(/templates/es/images/1705/icon-alert.gif) 100% 50% no-repeat;
	padding-top:.5em;
	padding-bottom:.5em;
	display:none;
}
#customer-support span.big a {
	font-size:70%;
	display:block;
	padding:6px 2px 2px 13px;
	background: url(/templates/es/images/1705/triangle.gif) 0 50% no-repeat;
	text-align:left;
}
#customer-support p em {
  font-size:130%;
  font-style:normal;
  display:block;
  padding:5px;
  text-align:center;
}

f-left {
float:left;
}
.f-right {
float:right;
}
.w-360 {
width:360px !important;
}
.logos {
float:left;
height:65px;
width:194px;
}
.logos .verisign {
float:left;
margin-top:8px;
}
.logos .bbb {
float:left;
margin-left:10px;
margin-top:19px;
}
#features .paypal {
margin-left:80px;
}

/*BOTON EXPANDIBLE
---------------------------------------------------------------------------------*/
#next .bot-rect, #next .bot-rect-proceed, #login .bot-rect, #new-user .bot-rect { background:none !important;}
#next .bot-rect, #next .bot-rect-proceed {float:right;}


#next .bot-rect span, #next .bot-rect-proceed span, #login .bot-rect span, #new-user .bot-rect span {
        background: url(/templates/en/images/botempty-rect-white.gif) no-repeat top left;
		display:inline;
		float:left;
		margin:0px;
		height:34px;
}

#next .bot-rect input, #next .bot-rect-proceed input, #login .bot-rect input, #new-user .bot-rect input {
		border:none;
		background: none;
		font-size: 13px;
		text-align:right;
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
		font-weight: bold;
		height: 34px;
		margin:0 !important;
		padding: 0px 0.6em 6px 1em;
		min-width: 60px !important;
		width:auto;
		overflow:visible;
		@padding-bottom: 4px;
		display:inline;
		cursor:pointer;
}

#next .bot-rect em, #next .bot-rect-proceed em, #login .bot-rect em, #new-user .bot-rect em {
		background: url(/templates/en/images/botempty-rect-white.gif) no-repeat top right;
		display:block;
		float:left;
		height:34px;
		width:8px;
}

#next .bot-rect-proceed input{ background: url(/templates/en/images/botempty-rect-proceed.gif) no-repeat top left; height: 38px; padding: 0px 0 6px 1em; @padding: 0.2em 0 6px 1em;}
#next .bot-rect-proceed em {background: url(/templates/en/images/botempty-rect-proceed.gif) no-repeat top right; height: 38px; padding: 0px 0.6em 6px 1em}

#login .bot-rect input {background: url(/templates/en/images/botempty-rect-blue.gif) no-repeat top left;}
#login .bot-rect em {background: url(/templates/en/images/botempty-rect-blue.gif) no-repeat top right;}

#new-user .bot-rect label {@width:123px !important;}
#login .bot-rect label {@width:93px !important;}



/*OVAL BUTTON
-------------------------------------------------------------------------*/
#discount .bot-oval {background:none !important; display:inline;}

#discount .bot-oval input {
        background: url(/templates/en/images/botempty-white.gif) no-repeat bottom left;
        font-size: 11px;
        font-family: Arial,Helvetica,sans-serif;
        width: 89px;
		height: 21px;
		margin: 2px 0 0 0;
		padding: 0 0 5px 0;
		@padding-bottom: 3px;
		color: #000;
		font-weight: bold;
		cursor:pointer;
		border:none;
}
