@CHARSET "UTF-8"
/* Updated by Gustavo 1224 2013 ////////////////////////////////////////////////////////////// */	

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


@font-face {
	font-family: MyriadPro;
	src: url("../../fonts/MyriadPro-Regular.otf") format("opentype");
}

@font-face {
	font-family: MyriadPro;
	font-weight: bold;
	src: url("../../fonts/MyriadPro-Bold.otf") format("opentype");
}
@font-face {
font-family: Roboto Condensed;
	src: url("../../fonts/Roboto-Condensed-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../../fonts/Roboto-Condensed-webfont.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/Roboto-Condensed-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/Roboto-Condensed-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/Roboto-Condensed-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/Roboto-Condensed-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.clear:before,
.clear:after {
	content: " ";
	display: table;
}

.clear:after {
	clear: both;
}
.clear{clear: both;}


.wrapper{width:960px; margin:0 auto;position:relative;}
em{font-style: italic;}
strong{font-weight: bold}

.right{float:right;}
.left{float:left;}
.center {
  position : relative;
   margin-top: 30px !important;
    text-align: right !important;

  width:100%;
}
.right-align{text-align: right;}
.black-button{border:none; color:white; background:#333; border-radius: 5px;padding:10px; float:right; cursor:pointer; margin-right:3px;}

/* Black Header */
.secundary-nav{width:auto; position: relative;
    text-align: right;
    z-index: 1;}
	.super_wrapper{padding-top: 50px;display:block; position: relative; margin:10px auto; width:950px; height:70px;}
	.super_wrapper .logo{float:left; width:127px; display:block;padding: 0;}
	.search-area{color:#999; font-family:Arial; font-weight:bold; font-size:14px; float:right; width:415px; line-height:150%;}
	.search-area input.go{background:url(../../images/go.png) no-repeat; display:inline-block; margin-left:-4px; text-indent:-9999px; border:none;width:35px; height:29px; cursor: pointer;float:left;}
	.search-area input[type=text]{padding:6px 4px 5px; border:1px solid #d3d3d3; font-family:Arial,sans-serif; width:100px; font-weight:bold; color:#d5d5d5; font-size:14px;background:#fefefe; float:left;}
	.search-area input[type=text]:focus{color:#5f5f5f;}
	.search-area input.search{width:190px; margin-left:10px;}
	.search-area button.search-submit{background:url(../../images/search.png) no-repeat; text-indent: -9999px; height:24px; width:24px; border:none; float:left; left: -25px;bottom:-4px;  cursor:pointer; position: relative;}
	.search-area a{margin-right:7px; padding-right:7px; border-right:2px solid #5f5f5f; text-decoration: none; color:#5f5f5f; font-weight:bold;}
	.search-area a:last-child{margin-right:0; border-right:none;}
	.search-area a.cart{background:url(../../images/cart.png) no-repeat 90% center; padding-right:18px;}
	.search-area a.chat{background:url(../../images/chat.png) no-repeat 95% center; padding-right:17px;}

.dealer-bt{-moz-box-sizing: border-box;     background: none repeat scroll 0 0 #666666;     border: 1px solid #333333;     border-radius: 4px;     box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 26px 10px 0 rgba(255, 255, 255, 0.08) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 -10px 10px 0 rgba(0, 0, 0, 0.05) inset;     color: #FFFFFF;     display: block;     font-size: 12px;     font-weight: 400;     letter-spacing: 1px;     margin: 0 0 0 37px;     text-align: center;     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);     text-transform: uppercase;     transition-duration: 0.4s; width: 30%;padding: 3px;} 	.dealer-bt a{color:#fff !important;padding: 0px;}


	/* Search Results */
	.search-results{top:55px !important; padding:20px; box-shadow:0 2px 4px #AAAAAA; right:15px !important; font-family: Arial,sans-serif;}
	.search-results a{color:#0099ff;border-right:none;font-weight: bold;text-decoration: underline;margin-right: 0} 
	.search-results hr{display:block;height:1px;margin:15px 0; border-top:1px dotted #d7d7d7;}
	.search-results .device{display:block; font-weight: normal; line-height:150%; margin:10px 0;}
	.search-results .device img{float:left; max-width:60px; margin-right:10px; height:auto;}
	.search-results .light{opacity:0.4; float;left; width:250px; font-size:14px; float:left;}
	.search-results a.more-results{color:#5f5f5f; text-decoration:none; float:right; margin-top:10px;}
	
	
	
	/* Search Results////////////////////////////////////////////////////////////// */	
	


	html, body {
		height: 100%;
	}
	body{margin:0;padding:0;text-align:left;font-color:#2f2f2f;font-size:14px;font-family: 'MyriadPro',Calibri, Geniva,sans-serif;line-height:160% }
	#fullCon{ display:block;margin:0 auto;padding:0;width:100%; height:100%; text-align:center}
	#wrapper{position:relative;margin:0 auto;padding:0;width:960px; height:100%;}

	a{font-family:'Candara',Geniva,sans-serif;text-decoration:none;cursor:pointer;}
	a:hover{text-decoration:none;color:#333333;}

	img{border:none;}

	#mainCont{width:920px;margin-top:20px; padding:20px;clear:both; height:auto;text-align:left;}
	#mainCont{-webkit-box-shadow:-1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;-moz-box-shadow:-1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;box-shadow:-1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0;background:#fff;border:1px solid #d2d2d2\9;margin-bottom:10px}

	.topCont{font-size:13px;width:90%; position:relative}
	
	#upper img{border: 1px solid #d9d9d9;}
	.topCont a, .topCont a:visited{color:#fb6d0b;}
	.topCont a:hover{color:#000;}
    .topCont .banner1{position:absolute; top:8px; left:680px}.topCont .banner2{position:absolute; top:8px; left:800px}
/*
' HEADER STYLES
*/

.secundary-nav{float: right;
    width: 658px !important;}
    
#header{background-color:#fff;width:960px;height:125px;top:0;margin-left:10px;}
#header #topHD #toplogo{position:relative;float:left;width:186px;height:76px;left:-4px;top:2px;background:url(../../images/tulogo.png) no-repeat;}
#toplogo{cursor:pointer;}
.print_toplogo{position:relative;width:186px;height:76px;left:-4px;top:2px;background:url(../../images/tulogo.png) no-repeat;}
#topmenu a img{ position: absolute; height: 35px; top: -10px; right: 10px;}
#toplink{ position: absolute; height: 35px; top: 25px; right: 10px; width: 350px; text-align:right}
#topNotice{ position: absolute; height: 35px; top: 20px; left: 150px; width:500px; text-align:left}


#header #topHD{clear:both;float:left;position:relative;width:960px;}
#header #topHD a{color:#666;font-size:12px;font-weight:700;font-family:'Candara',Geniva,sans-serif;text-decoration:none;cursor:pointer; padding:0 10px}
#header #topHD a:hover{color:#ff0066;text-decoration:none;padding:0 10px}
#header #topmenuBottom{position:absolute;height:35px;top:45px;right:10px;width:505px; text-align:right;padding:0 10px}



#header #menu{position:relative;float:left;clear:both;z-index:25;left:0;top:0;width:960px;text-align:left;}


#location{position:relative;}
.locationText{color:#696969;font-size:12px;margin-bottom:0;font-family:'Candara',Geneva,sans-serif;}
#subbanner { width:960px;padding: 20px 0;margin: 0 auto;margin-bottom:20px;}
/* Font Style */
.tbold {font-weight: bold;}
.t22 {font-size:22px;}
.tcopy {
	list-style: none;
	width: 100%;
	color: #333333;
	font-family: 'MyriadPro',Calibri, Geniva,sans-serif;
	text-align: center;
}
.inlineblock {display: inline-block}
.tblue {color:#0070c9 !important;}
.side-padding5 {padding-left:5px;padding-right:5px;}
.t30 {font-size: 30px;line-height: 1;}
.t24 {font-size: 24px;line-height: 1;}
.w300 {font-weight: 300}
/*
' PADDING/FLOAT STYLES
*/
.floatLeft { float:left;}
.floatRight { float:right;}
.padding30{padding:30px}
.info-padding20{color: gray;
    font-size: 10px;
    line-height: 12px;
    margin: -4px 0 12px;}
.dv-box img{}
.padding20 img{padding-bottom: 8px;}
.paddingLeft10 { padding-left: 10px;}
.paddingLeft15 { padding-left: 15px;}
.paddingLeft20 { padding-left: 20px;}
.paddingLeft30 { padding-left: 30px;}
.paddingLeft40 { padding-left: 40px;}
.paddingLeft50 { padding-left: 50px;}
.paddingRight5{ padding-right: 5px;}
.paddingRight10 { padding-right: 10px;}
.paddingRight15 { padding-right: 15px;}
.paddingRight20 { padding-right: 20px;}
.paddingRight30 { padding-right: 30px;}
.paddingRight40 { padding-right: 40px;}
.paddingRight50 { padding-right: 50px;}
.paddingRight60 {padding-right:60px;}
.paddingTop10 { padding-top: 10px;}
.paddingTop20 { padding-top: 20px;}
.paddingTop30 { padding-top: 30px;}
.paddingBttm10 { padding-bottom: 10px;}
.paddingBttm20 { padding-bottom: 20px;}
.paddingBttm30 { padding-bottom: 30px;}
.paddingBttm50 { padding-bottom:50px;}
.paddingTB20 {padding: 20px 12px 0 3px;}
.paddingTB20 .a{}
.padding_20{padding:20px}
.padding_40{padding:40px}
.marginLeft10{margin-left:10px}
.marginLeft20{margin-left:20px}
.marginRight10{margin-right:10px}
.marginRight20{margin-right:20px}
.marginRight40{margin-right:40px}
.marginBttm10{margin-bottom:10px}
.marginBttm20{margin-bottom:20px}
.marginBttm30{margin-bottom:30px}
.marginTop10{margin-top:10px}
.marginTop20{margin-top:20px}
.marginTop30{margin-top:30px}
.marginTB20{margin-top:20px;margin-bottom:20px}
.marginTB30{margin-top:30px;margin-bottom:30px}
.margin30{margin:30px}

.line12{line-height:1.2 !important}
.line13{line-height:1.3 !important}

.planBox3g .info {
    color: #2F2F2F;
    display: block;
    float: left;
    padding: 15px 5px 15px 15px;
    text-align: left;
    width: 380px;
}
.planBox3g .price {
    display: block;
    float: left;
    padding: 20px;
}
.planBox3g .vline {
    background-color: #FFFFFF;
    display: block;
    float: left;
    height: 115px;
    margin: 0;
    padding: 0;
    width: 1px;
}
.gray10 {
    color: #333333;
    font-size: 10px;
}
.planBox3g .newIcon {
    display: block;
    left: 1px;
    margin: 0 auto;
    position: absolute;
    top: 30px;
    z-index: 2001;
}
.planBoximg{width:300px; padding:20px 20px 0 20px; text-align:center; float:left;}

/*

/*
' MENU STYLES
*/

ul{margin:0;padding:0;}
#menu{width:960px; background:url(../../images/menubg960.jpg); height:50px;background-position:top left; background-repeat:no-repeat}
#menu ul,#header #menu li{margin:0;padding-left:10px}
#menu .submenu_container{position:relative;float:none!important;height:100%;padding:0 13px 13px 20px;border-left:solid 1px #e4e4e4;border-bottom:solid 1px #e4e4e4;border-right:solid 1px #e4e4e4;background-color:#fff;-moz-box-shadow:0 2px 3px #d5d5d5;-webkit-box-shadow:0 2px 3px #d5d5d5;box-shadow:0 2px 3px #d5d5d5;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
#menu .submenu_container .menuContentContainer{position:relative;z-index:3; margin-top:10px}
#menu .submenu_container .menuContentContainer .menuCol {color:#666;font-size:14px; font-weight:bold; padding:3px 0;}
#menu .submenu_container .menuContentContainer .menuCol a{color:#666;font-size:14px; font-weight:bold; padding:3px 0;}
#menu .submenu_container .menuContentContainer .menuCol :hover{color:#ff0066;font-size:14px; font-weight:bold; padding:3px 0;}
#menu .submenu_container .menuContent{margin-top:-1px;}
.submenu_col{position:relative;float:left;clear:right;top:2px;min-width:110px;}
.menuVert{position:absolute;display:block;z-index:100;}
#menu a{display:block;margin-left:0;padding-left:0;font-weight:100;text-decoration:none;}
#menu #main_nav a.navBtn:hover{text-decoration:none;}
#menu li.hover a.navBtn{background-color:#fff;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
#menu a.navBtn#shopBtn{width:186px;}
#menu a.navBtn#allplanBtn{width:186px;}
#menu a.navBtn#activateBtn{width:186px;}
#menu a.navBtn#rechargeBtn{width:186px;}
#menu a.navBtn#supportBtn{width:186px;}
#menu a.navBtn#lineBtn{width:2px;background:url(../../images/menu_v.png); background-repeat:no-repeat;background-position:top left;}
.navBtn_label{color:#000;font-size:17px;font-weight:bold;position:relative;left:11px;top:15px;}
/*
' MENU BAR HERE
*/
.ui-tabs .ui-tabs-nav li a{padding-left: 1em !important;
    padding-right: 1em !important;}

.menuHoriz li{float:left;}
#menu a.navBtn{text-align:left;width:164px;height:47px;margin:3px 0 0;padding:0;text-transform:uppercase;}
#menu li.hover a.navBtn span{color:#666;}
#menu div.submenu_container a{color:#666;font-size:13px; font-weight:600; padding:2px 0;}
#menu div.submenu_container a:hover{color:#ff0066;font-size:13px; padding:2px 0;}
#menu div.submenu_container a.colHeader,.colHeader{font-size:13px!important;color:#666!important;display:block;margin-bottom:5px;margin-top:0;
-moz-box-sizing: border-box; background: none repeat scroll 0 0 #FFE700; border: 1px solid #F9DE0A; border-radius: 4px; padding:4px; text-align: center;}

.invisible{visibility:hidden;}



#menu a{display:block;margin-left:0;padding-left:0;font-weight:100;text-decoration:none;}
#menu #main_nav a.navBtn{color:#000;font-size:14px;}
#menu #main_nav a:hover{text-decoration:none;}
#menu li{display:block;}



#col1{width:150px;float: left;margin-left:0px;margin-right:10px;}
#col2{width:150px;float: left;}
#col3{width:150px;float: left; margin-left: 11px;}
/*
' MENU 1-shop
*/
ul#menuSubshop{position: relative; margin-left: -10px;}
ul#menuSubshop .submenu_container{height: 120px;width:152px;z-index: 20;position: absolute;}

/*
' MENU 2-paln
*/

ul#menuSuballplan{position: relative; margin-left: -10px;}
ul#menuSuballplan .submenu_container{height:70px;width:152px;z-index: 20;position: absolute;}

/*
' MENU 3-activate
*/
ul#menuSubactivate{position: relative; margin-left: -10px;}
ul#menuSubactivate .submenu_container{height:95px;width:152px;z-index: 20;position: absolute;}

/*
' MENU 4-recharge
*/

ul#menuSubrecharge{position: relative; margin-left: -10px;}
ul#menuSubrecharge .submenu_container{height:95px;width:152px	;z-index: 20;position: absolute;}


/*
' MENU 5-support
*/

ul#menuSubsupport{position: relative; margin-left: -10px;}
ul#menuSubsupport .submenu_container{height:190px;width:153px;z-index: 20;position: absolute;}






/*
carousel banner_index
*/
.jcarousel-skin-tango .jcarousel-container {
	border-bottom: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	margin-top: 20px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {  width: 940px; padding: 20px 10px;}



.jcarousel-skin-tango .jcarousel-clip {
	overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  920px;
	height: 129px;
	margin-left: 30px;
}



.jcarousel-skin-tango .jcarousel-item {
	width: 100px;
	height: 129px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 55px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 55px;
	margin-right: 0;
}

/* popUpcss */
.steps-conf-h2o {
    margin-bottom: 22px;
    
}

.info-box p {
    color: #ffffff;
    font-weight: normal;
    line-height: 19px;
    margin: -2px;
    padding: 11px;
    width: 265px;
}
.termsC-1{ background: none repeat scroll 0 0 #666;
    border: 1px solid #333;
    border-radius: 4px;
    box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 26px 10px 0 rgba(255, 255, 255, 0.08) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 -10px 10px 0 rgba(0, 0, 0, 0.05) inset;
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 23px 9px 38px 3px;
   }
.type-offer{}
    .termsC{ float: right;
    margin: 0px 2px 0 8px;
   }
   
.bottom-info-result{margin:49px 0 25px;font-weight: normal;}   
   
   span.dropt { font-color: #ffffff;}
   span.dropt strong{margin-top: 10px;}
   span.dropt p{}
span.dropt:hover {margin-top:123px;text-decoration: none;z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left:110px; background: #ffffff;} 
.imagen-telefono {
    float: left;
    margin: -80px 54px 0 0;
}
.paddingTB20 .middleFont {
    margin-left: ;
}
.upgrade .derecha {
    float: right;
    margin: -68px 24px 0 0px;
}
.upgrade li {
    width: 366px;
}
span.dropt span {border-color: #DCDADA;
    border-style: solid;
    border-width: 1px;
    left: -9999px;
    margin: 3px 0 0;
    padding: 29px;
    position: absolute;
    top: 666px;
     border-radius: 13px;
     box-shadow: 9px 10px 15px #888888}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 

    /* end popUpcss */



/**
 *  Horizontal Buttons
 */
 .jcarousel-skin-tango .jcarousel-next-horizontal {
 	position: absolute;
 	top: 60px;
 	right: 0px;
 	width: 50px;
 	height: 50px;
 	cursor: pointer;
 	background: transparent url(../../images/bullets/next-horizontal.png) no-repeat 0 0;
 }


 .jcarousel-skin-tango .jcarousel-next-horizontal:hover,
 .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
 	background-position: -50px 0;
 }

 .jcarousel-skin-tango .jcarousel-next-horizontal:active {
 	background-position: -100px 0;
 }

 .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
 .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
 .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
 .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
 	cursor: default;
 	background-position: -150px 0;
 }

 .jcarousel-skin-tango .jcarousel-prev-horizontal {
 	position: absolute;
 	top: 60px;
 	left: 0px;
 	width: 50px;
 	height: 50px;
 	cursor: pointer;
 	background: transparent url(../../images/bullets/prev-horizontal.png) no-repeat 0 0;
 }

.primary-line h3{font-size: 20px;
    font-variant: small-caps;
    margin-bottom: -4px;
    margin-top: 3px;}

 .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
 .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
 	background-position: -50px 0;
 }

 .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
 	background-position: -100px 0;
 }

 .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
 .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
 .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
 .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
 	cursor: default;
 	background-position: -150px 0;
 }

/*
 family plan 
 */
 
 .final-sum{ background-color: #eaeaea;
    border: 1px solid #ced0d2;
    border-radius: 3px;
    padding: 13px;}
 .boxBorder {
    background: #fff none repeat scroll 0 0;
    border: 1px solid gray !important;
    border-radius: 0 11px 11px !important;
    display: block;
    margin: 0 auto;
    padding: 20px 30px;
}
 
.fb-TTPrimeTT{margin-left: 0px !important;} 
 
 .fb-TTPrimeTT-1 {
    background-color: #0389cd !important;
    border-radius: 10px 10px 0 0 !important;
    color: #fff;
    display: block;
    font-size: 24px;
    font-variant: small-caps;
    font-weight: bold;
    margin-left: 0 !important;
    padding: 12px 0 5px 20px;
    width: 220px;
}
 .fb-TTaddTT-1{
 background-color: #666666 !important;
    border-radius: 10px 10px 0 0 !important;
    color: #fff;
    display: block;
    font-size: 24px;
    margin-left: 32px !important;
    padding: 12px 0 5px 20px;
    width: 220px;}
 
.element-info a{color:#e6017d;font-weight: bold;}
.element-info a:hover{color:#000;}
.about-left h2{  font-size: 25px;}
.about-left{ 
    background-position: right top;
    background-repeat: no-repeat;
    height: 177px;
    margin: 30px 0 16px 22px;
    width: 900px;}
    .bullet-left{float: left;
     margin: 0 44px 0 0;
    width: 900px;}
    .bullet-right{float: left;
    width: 384px;}
    .about-left ul{}
    
    .bottons-shop{ float: right;
    margin: -41px 0 0;}
    
    .paragraphs{float: left;
    margin-right: 27px;
     margin-bottom: 24px;
    width: 370px;}
    .paragraphs a{color: #000;
    font-weight: bold;
    text-decoration: underline;}
    .paragraphs a:hover{color: yellow;
    font-weight: bold;
    background-color: #000;
    text-decoration: underline;}
    .about-left p{width:663px;}
    .description-box li{background-image: url("../../images/checkFamily.png");
    background-position: 1px 4px;
    background-repeat: no-repeat;
    list-style: none outside none;
    padding: 6px 0 0 32px;	}
    .about-rigth{float: right;
    margin: 3px 54px 0 0;}
    .HowItWork h2{color: #000; /* text color */
font-family: "Myriad Pro";
font-size: 28px;
font-weight: bold;
padding-left: 79px;}
    .HowItWork-elements{padding-left: 44px;}
    .HowItWork{border: 1px solid #dcdada; /* stroke */
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #f4f3f3; /* color overlay */
height: 342px;
    width: 897px;
    margin: 233px 0 0 8px;}
.element-info{width: 166px; margin: -103px 0 0 103px;
    width: 166px;}
.element-right-img{width: 104px;}
.element-left{display: inline;
    float: left;}
    .termsC{ float: right;
    margin: -23px 438px 0 62px;
   }
   .description-box{border-bottom: 1px dashed #ced0d2;  padding: 11px 0 27px;}
    
    span.dropt {
    color: #e6017d;}
span.dropt:hover {margin-top:123px;text-decoration: none;z-index: 6; color:#000;}
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span { border-color: #dcdada;
    border-radius: 13px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 9px 10px 15px #888888;
    color: #000;
    left: -9999px;
    padding: 29px;
    position: absolute;
    top: 255px;
}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 
    
    
    
 .ClickEnroll .blackbutton{    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #666666;
    border: 1px solid #333333;
    border-radius: 4px;
    box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 26px 10px 0 rgba(255, 255, 255, 0.08) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 -10px 10px 0 rgba(0, 0, 0, 0.05) inset;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 15px;
    padding: 15px 5px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    transition-duration: 0.4s;
    width: 186px;}
    
    .blackbutton-2{    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #666666;
    border: 1px solid #333333;
    border-radius: 4px;
    box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 26px 10px 0 rgba(255, 255, 255, 0.08) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 -10px 10px 0 rgba(0, 0, 0, 0.05) inset;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin:-55px 0 0 239px;
    padding: 15px 5px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    transition-duration: 0.4s;
    width: 186px;}
    .blackbutton-2:hover{
letter-spacing: 1px;
color: #fff;text-transform:uppercase;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
border:1px solid #ffd34c;
background: #ffe700;
box-shadow:0px 0px #111;
}
.bannerTop{ 
    }
    .bannerTop img{ border: 1px solid #ced0d2; 
    }
.or{ font-weight: bold;
   margin: -32px 0 0 469px;
    position: absolute;
    }    
.SimCards{ margin: 23px 0 0 51px;
    width: 378px;}
.ClickEnroll{margin:-64px 263px 34px;}
/*
 family plan ends 
 */


/*
 internationa plan 
 */
.element-int-info a{color:#e6017d;font-weight: bold;}
.element-int-info a:hover{color:#000;}
.description-int-box{}
.about-int-left h2{ font-size: 28px;margin: 22px 0 0 4px;}
.about-int-left{ float: left;
    margin: -13px 0 0 75px;
    width: 306px;}
    .description-box li{ background-image: url("../../images/checkFamily.png");
    background-position: 1px 4px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    list-style: outside none none;
    margin-right: 9px;
    padding: 6px 0 0 32px;
    width: 244px;}
    
    .HowItWork-int h2{color: #000; /* text color */
font-family: "Myriad Pro";
font-size: 28px;
font-weight: bold;
padding-left: 79px;}
#SearchNumber-int{margin: 12px 0 0;}
#SearchNumber-int #bYel a span{}
.countries-pdf p{color: #fff;}
.countries-pdf a{color: #ffffff;
    font-weight: bold; text-decoration: underline;}
.searcher{width:761px;margin: 0 0 0 66px; /* layer alpha */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; /* border radius */
-moz-background-clip:
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #a8a8a8; /* layer fill content */
}
.termsInt{margin: 12px 0 0 474px;}
.termsInt a{font-weight: bold;color: #000;
    font-weight: bold;}
 
.destinationFinder-int{ padding: 17px 0 14px 33px;}
.destinationFinder-int h3{float: left;font-family: Arial, san serif;color:#ffffff;}
    .HowItWork-int-elements{padding-left: 44px;}
    .HowItWork-int{border: 1px solid #dcdada; /* stroke */
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* border radius */
-moz-background-clip:
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #f4f3f3; /* color overlay */
height: 296px;
    width: 897px;
    margin: 475px 0 0 8px;}
    
    
    .HowItWork-int-1{ background-clip: padding-box;
    background-color: #f4f3f3;
    border: 1px solid #dcdada;
    border-radius: 6px;
    height: 296px;
    margin: 355px 0 0 8px;
    width: 897px;}
     .HowItWork-int-1 h2{ margin-left: 68px;}
     
    .legal{ 
    line-height: 14px;color: gray;
    float: left;
    font-size: 10px;
    width: 800px;}
    
    
.element-int-info{width: 166px; margin: -103px 0 0 103px;
    width: 166px;}
.element-int-right-img{width: 104px;}
.element-int-left{display: inline;
    float: left;}
    #bYel{}
    .lower-para{ float: left;}

 .ClickEnroll-int .blackbutton{    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #666666;
    border: 1px solid #333333;
    border-radius: 4px;
    box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 26px 10px 0 rgba(255, 255, 255, 0.08) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 -10px 10px 0 rgba(0, 0, 0, 0.05) inset;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 15px;
    padding: 15px 5px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    transition-duration: 0.4s;
    width: 186px;}
    
    .blackbutton-int-2{    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #666666;
    border: 1px solid #333333;
    border-radius: 4px;
    box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 26px 10px 0 rgba(255, 255, 255, 0.08) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 -10px 10px 0 rgba(0, 0, 0, 0.05) inset;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin:-53px 0 0 245px;
    padding: 15px 5px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    transition-duration: 0.4s;
    width: 186px;}
    .blackbutton-int-2:hover{
letter-spacing: 1px;
color: #fff;text-transform:uppercase;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
border:1px solid #ffd34c;
background: #ffe700;
box-shadow:0px 0px #111;
}
.bannerTop-int{ border-radius: 4px;
    box-shadow: -1px 0 0 0 #D2D2D2, -1px 0 0 0 #E6E6E6, 1px 0 0 0 #D2D2D2, 2px 0 0 0 #E6E6E6, 0 -1px 0 0 #E8E8E8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #B1B1B1;}
.or{ font-weight: bold;
    margin: -34px 0 0 202px;
    position: absolute;
    }    
.SimCards-int{margin: 23px 0 0 8px;}
.ClickEnroll-int{float: left;
    margin: -68px 0 0 263px;
    width: 283px;}
/*
 family plan ends 
 */

/*
 Banner skins 
 */

 .parallax_classic {
 	position:relative;
 }
 .parallax_classic img {
 	max-width:none;
 	max-height:none;
 }
 .parallax_classic_list {
 	margin:0;
 	padding:0;
 	list-style:none;
 	display:none;
 }
.parallax_classic .productImg {
 	position:absolute; left: 40px; top:220px; display:inherit; z-index:20
 }

 .parallax_classic .contentHolderVisibleWrapper {
 	position:absolute;
 	overflow:hidden;
 }
 .parallax_classic .contentHolder {
 	position:absolute;
 }
 .parallax_classic .contentHolderUnit {
 	float:left;
 	display:block;
 	overflow:hidden;
 }
 .mycanvas {
 	position:absolute;
 	top:8px;
 	right:10px;
 	z-index:10;
 }
 .myloader {

 	width:37px;
 	height:37px;
 	position:absolute;
 	left:49%;
 	top:49%;
 	z-index:5;
 }


 .fixedBackground {
 	position:absolute;
 	z-index:0;
 }



 /***bullets SKIN***/
 .parallax_classic.bullets .bannerControls {
 	position:absolute;
 	left:0;
 	top:0;
 	/*z-index:1;*/
 	z-index:5;
 	width:100%;
 }

 .parallax_classic.bullets .leftNav {
 	position:absolute;
 	left:20px;
 	width:41px;
 	height:41px;
 	background:url(../../images/bullets/leftNavOFF.png) 0 0 no-repeat;
 	cursor: pointer;
 }
 .parallax_classic.bullets .leftNav:hover {
 	background:url(../../images/bullets/leftNavON.png) 0 0 no-repeat;
 }
 .parallax_classic.bullets .rightNav {
 	position:absolute;
 	right:20px;
 	width:41px;
 	height:41px;
 	background:url(../../images/bullets/rightNavOFF.png) 0 0 no-repeat;
 	cursor: pointer;
 }
 .parallax_classic.bullets .rightNav:hover {
 	background:url(../../images/bullets/rightNavON.png) 0 0 no-repeat;
 }
 .parallax_classic.bullets .bottomNav {
 	position:absolute;
 	width:0px;
 	height:24px;
 	bottom:-35px;
 	z-index:3;
 	padding-left:5px;
 }
 .parallax_classic.bullets .bottomNavButtonOFF {
 	float:left;
 	display:block;
 	width:14px;
 	height:14px;
 	background:url(../../images/bullets/bottomNavOFF.png) 0 0 no-repeat;
 	padding-left:9px;
 	cursor: pointer;
 }

 .parallax_classic.bullets .bottomNavButtonON {
 	float:left;
 	display:block;
 	width:14px;
 	height:14px;
 	padding-left:9px;
 	background:url(../../images/bullets/bottomNavON.png) 0 0 no-repeat;
 	cursor: pointer;
 }

 .parallax_classic.bullets .bottomNavLeft {
 	position:absolute;
 	width:0px;
 	display:none;
 	background:#F00;
 	height:24px;
 	bottom:5px;
 	z-index:3;
 }

 .parallax_classic.bullets .bottomNavRight {
 	position:absolute;
 	width:0px;
 	display:none;
 	height:24px;
 	background:#F00;
 	bottom:5px;
 	z-index:3;
 }

 .parallax_classic.bullets .bottomOverThumb {
 	position:absolute;
 	width:88px;
 	height:0;
 	background:url(../../images/bullets/bottomOverThumbBg.png) 0px 0px no-repeat;
 	bottom:25px;
 	margin-left:-44px;
 }
 .parallax_classic.bullets .innerBottomOverThumb {
 	position:relative;
 	width:80px;
 	height:0;
 	margin:0;
 	overflow:hidden;
 }
 .parallax_classic.bullets .bottomOverThumb img {

 }
 .parallax_classic.bullets .playOver {
 	position:absolute;
 	width:73px;
 	height:0;
 	background:url(../../images/bullets/play_overOFF.png) 0 0 no-repeat;
 	display:none;
 	z-index:4;
 	cursor: pointer;
 }

 .parallax_classic.bullets .playOver:hover {
 	background:url(../../images/bullets/play_overON.png) 0 0 no-repeat;
 	display:none;
 	z-index:4;
 	cursor: pointer;
 }

/*
//////////////footer
*/
.visible_content{display:block;}

#footer{position:relative;clear:both;overflow:hidden;line-height:15px;width:960px;z-index:1; padding:30px 0;}
#footer #footerMenu{position:relative;clear:both;width:960px;height:auto;margin:0 auto;overflow:hidden;float:left;}
#footer a{font-weight:100;text-decoration:none;}
#footer #footerMenu li{list-style:none;}

#footer #copyright{ display:block;font-size:11px;;color:#666; text-align:left; padding-left:10px}
#footer #colFoot a{font-size:13px;color:#666;padding:0 7px}
#footer #colFoot a:hover{font-size:13px;color:#333;padding:0 7px}
#footer #colFoot{float:left;width:auto;position:relative;overflow:hidden;font-size:12px;color:#666;}
#footer #colSns{float:right;width:auto;position:relative;overflow:hidden;text-align:right}

#footer #highlightBar{position:relative;clear:both;width:960px;height:30px;background:url(../../images/bar.jpg) no-repeat;margin-bottom:10px;display:block;}
#footer #col1{float:left;width:130px;position:relative;overflow:hidden;}
#footer #col2{float:left;width:130px;position:relative;overflow:hidden;}

.BG-Info1 {background:url(../../images/iphone_conf1.jpg) no-repeat 0 90px; width:920px; height:550px;margin-top:30px;}
.BG-Info2 {background:url(../../images/iphone_conf2.jpg) no-repeat 0 110px; width:920px; height:460px;margin-top:10px;}
.BG-Info3 {background:url(../../images/iphone_conf3.jpg) no-repeat 0 65px; width:920px; height:420px;margin-top:10px;}
.BG-Info4 {background:url(../../images/iphone_conf4.jpg) no-repeat 0 65px; width:920px; height:420px;margin-top:10px;}
.Step-Info {width:300px; height:510px; display:inline; float:left;}
.Step-Info2 {width:300px; height:460px; display:inline; float:left;}
.Step-Info3 {width:300px; height:420px; display:inline; float:left;}
.Step-No {background:url(../../images/iphone_conf_steps.gif) no-repeat; width:80px; height:20px;margin-left:10px;}
.Info-TXT {width:250px;height:70px;text-align:left;margin:8px 0 0 17px;}
.Info-TXT2 {width:250px;height:35px;text-align:left;margin:8px 0 0 17px;}
.Info-TXT3 {width:350px;height:70px;text-align:left;margin:140px 0 0 0;line-height:28px;}
.Info-URL, .Info-URL a, .Info-URL a:hover {color:#008acd; text-decoration:none;}



/*
POPUP ADDING
*/
.view-destination{width:400px !important;padding:20px !important;top:-157px !important;left:-350px;line-height:140%; font-size:14px !important;background:url(../../images/destination_bg.jpg); background-repeat:no-repeat; z-index:1}
.position-destination{position:relative;top:0;left:100px;}
.view-feature{width:400px !important;padding:20px !important;top:-440px !important;left:-350px;line-height:140%; font-size:14px !important;background:url(../../images/feature_bg.jpg); background-repeat:no-repeat; background-color:#eff3f7}
.grayPopbutton {
display:block;
text-align:center;text-transform:uppercase;
letter-spacing:1px;
font-size: 12px;
border-radius:4px;
width:100%;
padding:5px 10px;
border: 1px solid #333333;
color:#fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
background: #666666;
-webkit-box-shadow:
inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 0 0px rgba(255,255,255,0.3),
inset 0px 26px 10px 0px rgba(255,255,255,0.08),
inset -1px 0px 0 0px rgba(255,255,255,0.3),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

.grayPopbutton:hover{
letter-spacing: 1px;
color: #333;text-transform:uppercase;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
border:1px solid #f9de0a;
background: #ffe700;
box-shadow:0px 0px #111;
-webkit-box-shadow: 0px 0px #111;
-moz-box-shadow: 0px 0px #111;
-ms-box-shadow: 0px 0px #111;
-o-box-shadow: 0px 0px #111;
-webkit-box-shadow:
inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
box-shadow:inset 1px 1px 0 0px rgba(255,255,255,0.5),
inset 0px 10px 10px 0px rgba(255,255,255,0.05),
inset -1px 0px 0 0px rgba(255,255,255,0.5),
inset 0px -10px 10px 0px rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}







/***updates Dec/30/2014 by gustavo***/



    
.sub-navigation{background:url(menu-bg.png); border-top:4px solid #38ccfc;border-left:4px solid #38ccfc;border-right:4px solid #38ccfc; border-top-right-radius:6px;border-top-left-radius:6px; height:45px;overflow:hidden;display:block;}
	.sub-navigation a{color:#000; text-decoration:none; font-size:20px;width:186px; text-align:center;padding:12px 0;display:inline-block;border-right:1px solid #38ccfc;border-left:1px solid #b5ecfe;float:left; display:block;text-transform: uppercase}
	.sub-navigation a:first-child{border-left:none;}
	.sub-navigation a:last-child{border-right:none;}
.banner{background:url(../../images/banner.jpg) no-repeat; display:block; height:365px; width:960px;}
	.banner-content{padding-top:55px;padding-left:443px;}
	.banner-content p{margin:98px 0 0 180px;font-size:18px;}
		.banner-content a, .get-more-done{background:url(../../images/arrow.png) no-repeat center right; padding-right:20px;color:#68808a; text-decoration: none}

.wrapper-clear{margin:0 0;color:#856c8e; font-size:15px;}
.wrapper-clear small{font-size:11px;margin: 0 0 0 26px;
}
	.wrapper-clear h1{font-size:58px; font-weight: bold; display: block; line-height:14%;}
	.wrapper-clear h2{font-size:30px;line-height:100%;font-weight: normal;}

.three-boxes{font-size:17px; width:250px; float:left; margin:20px 70px 20px 0;}
	.three-boxes h2, .highlight-box h2{font-weight:bold;margin-bottom:10px;font-size:24px; }
	.three-boxes li{margin:5px 0 5px 15px;}

.map{background:url(../../images/map-bg.png) repeat-x bottom left;}
	.countries{position:relative;top:-40px;left:500px;}
	.view-countries{width:479px !important;padding:20px !important;top:-420px !important;left:420; height:310px;line-height:140%; font-size:14px !important;}

.highlight-feature{background:url(../../images/highlight-bg.png) repeat-x bottom left;}
	.highlight-content{width:640px; float:right;}
		.highlight-box{width:190px; float: left; margin:20px 20px 20px 0;}
		a.get-more-done{left: 4px;font-family: Myriad Pro;color:#00ccff;font-size:18px;}
		.get-more-done img{}
		.do-more-popup{width:520px !important;padding:30px !important;top:-500px !important;left:0; height:494px;line-height:100%;}
		.do-more-popup .blue-bg{background:#23cdfc;color:white;}
		.do-more-popup .cyan-bg{background:#a7ebfe;color:white;}
		.do-more-popup .cyan-bg img{margin-left: 0px;}
		.do-more-popup .silver-bg{background: #ccc; color:white;}
		.do-more-popup .silver-bg img{margin-left: 0px;}
		.do-more-popup .grey-bg{background:#b2b2b2; color:white;}
		.do-more-popup .dark-grey-bg{background:#6b6b6b; color:white;}
		.do-more-popup .black-bg{background:black; color:white;}
		.do-more-popup table{margin:14px 0 0 25px;width:90%;}
		.do-more-popup td, .view-countries td{padding:15px;font-size:12px;}


.box{padding:30px 20px; border:1px solid #ddd; box-shadow:0 1px 2px rgba(0,0,0,0.1); border-radius:5px; font-size:15px;}
	.box a{color:#01a6ff;}
	.feature-box{border:1px solid #ddd; padding:0 0 10px 0; float:left; width:210px; min-height:340px; margin-right:15px; position:relative;}
		.feature-box h2.feature-title, .feature-box h2.feature-title-black{background:#23cdfc; color:white; text-align: center; font-size:22px; font-weight:bold;padding:10px 0; margin-top: 0;}
		.feature-box ul li{background:url(../../images/list-icon.png) no-repeat top left; padding-left:24px; margin:10px;}
		.feature-box h2.feature-title-black{background:black;}
		.feature-box a.addtocart{background:url(../../images/background.png) repeat-x; height:16px; padding:10px 30px; text-decoration: none; left:40px; bottom:40px; position:absolute; display:inline-block;}




.searchBox{
  text-align: left;
  position: relative;
  float: right;
  padding: 5px;
  width: 240px;
  z-index: 15;
}
#G_keyword, #G_keyword2{
	width: 200px;
}
.search_result{
  display: none;
  text-align: left;
}

.search_result h4{
  margin-bottom: 5px
}

.search_result li{
  list-style: none;
  margin-bottom: 40px;
}

.search_icon{
  position: relative;
  vertical-align: bottom;  
}

.search_icon:hover{
  cursor: pointer;
}
.search_result li a.url{
  color: blue;
}

.ui-autocomplete {
  max-height: 100px;
  z-index: 30;
  overflow-y: auto;
  overflow-x: hidden;
}

* html .ui-autocomplete {
  height: 100px;
}

#ui-id-1{
  text-align: left;
}


/***FILTER BAR***/

.page-head{background:url(images/filter-bg.png) repeat;height:65px;display:block;color:black;}
	.page-head h2{font-size:28px;font-weight:normal; float:left; width:500px; padding:25px;}
		.page-head h2 strong{font-weight:bold; text-transform: uppercase;}
	.page-head .breadcrumbs{font-size:12px; text-transform:uppercase;float:right; padding:5px;}
		.page-head .breadcrumbs a{text-decoration: none;color:#fc1377;}

.box-border{border:1px solid #ccc; margin:10px 0; padding:20px 0 20px 40px; border-radius:6px;}
	.product-box{width:240px; text-align:center; display:block; float:left; margin-right:40px; margin-bottom:30px; border:1px solid #ccc; border-radius:6px; padding:10px;}
		.product-box img{display: block; margin:0 auto; width:auto;min-height:195px; max-height:195px;width:auto;}
		.product-box .title{color:black; margin:5px 0 10px 0; font-size:19px;}
		.product-box .pink{ font-size:15px;}
		.product-box .button{display:inline-block; padding:10px 30px; text-align: center; text-transform: uppercase; font-size:16px; text-align: center; margin:10px 0; color:white; text-decoration: none;
			background: #40c6ee;
		}

.filters{background:#f4f4f4;border:1px solid #ccc; max-height: 27px; padding:10px 0 10px; border-radius:6px; margin:10px 0;}
.styled{padding:4px 10px;background:#fff;margin:0 10px;box-shadow:0px 1px 2px rgba(0,0,0,0.3);border-radius:3px;font-size:13px;color:black;cursor: pointer}
.customSelectInner {background:url(../../images/arrows.png) no-repeat center right;}
.styled.changed {background:#ff106e;color:white;}

.price-dropdown{}
.pruchase-dropdown{}
.condition-dropdown{}
.make-dropdown{}
.style-dropdown{}

.search-area-filter{float:right; width:227px; color:#a5a4a4; font-size:13px;margin-top:-10px;}
	.search-area-filter span{position:relative;top:11px;right:10px;}
	.search-area-filter .search-button-big{background:white url(../../images/search-big.png) no-repeat center; width:92px; display:block;height:47px;border-radius:6px;border-left:1px solid #ccc;float:right;}
	.search-area-filter .search-button-big:hover{background:#ccc url(../../images/search-big.png) no-repeat center; ;}
	
	
	/***quickview stars here***/
	
	
.Soutline .Simg {
    background: none repeat scroll 0 0 #000000 !important;
    display: block;
}

	/***activationIntro updated 0220 2015***/
.TabTitle{color:#7a7272; line-height:5px}
.TabText{display:block;}	
#SimCardTab	{height:580px; clear:both}
#SimCardTab	.tabLeft{float:left; text-align:center; padding-top:30px}
#SimCardTab	.tabRight{float:right; text-align:left;padding:90px 20px 0 0}

#PaymentMethodTab{height:780px; clear:both}
#PaymentMethodTab .paymentMethodDiv900{width:100%;height:200px;padding:0px 0;}
#PaymentMethodTab .paymentMethodDiv880{width:100%; height:190px; padding:20px 0; background:#f5f5f5;}
#PaymentMethodTab .tabLeft{float:left; width:45%; text-align:center}
#PaymentMethodTab .tabRight{float:left; width:50%; text-align:center;padding:20px}
#PaymentMethodTab .tabLeft2{float:left; width:50%; text-align:center; padding:20px;}
#PaymentMethodTab .tabRight2{float:left; width:40%; text-align:center;}
#PaymentMethodTab .tabLeft3{float:left; width:45%; text-align:center}
#PaymentMethodTab .tabRight3{float:left; width:50%; text-align:center;padding:20px}
 @media(max-width:480px){
#PaymentMethodTab .tabRight, #PaymentMethodTab .tabLeft2, #PaymentMethodTab .tabRight3{width:100%;}}

#PlanTabContent{clear:both}
#planChartTT{display:inline-block}

#loadedActivationTab{clear: both;}
#loadedActivationTab .tabLeft{width:45%; text-align:left; display: inline-block;}
#loadedActivationTab .tabRight{width:45%; text-align:left; border: solid #CCC 1px; padding:30px; display: inline-block;margin-top: 25px;vertical-align: top;}
#loadedActivationTab .tabLeft2{width:45%; text-align:left; display: inline-block;}
#loadedActivationTab .tabRight2{width:45%; text-align:left; border: solid #CCC 1px; padding:30px;display: inline-block;margin-top: 25px;vertical-align: top;}

.chartTitle_plan {border: 1px solid #ddd;
    float: left;
    min-height: 25px;
    position: relative;
    width: 220px;
    text-align:center;
    padding:10px 0}
	
.chartTitle{border: 1px solid #ddd;
    float: left;
    min-height: 25px;
    position: relative;
    width: 280px;
    text-align:center;
    padding:10px 0}
.chartTitle_NO {border: 1px solid #ddd; background-color:#ddd;
    float: left;
    min-height: 25px;
    position: relative;
    width: 80px; text-align:center; padding:10px 0}	
.chartTitle_btn {border: 1px solid #ddd;
    float: left;
    min-height: 25px;
    position: relative;
    width: 80px;
    text-align:center;
    padding:10px 0}	
.chartContain{
    float: left;
    position: relative;
    width: 282px;
    text-align:center;
    padding:15px 0 0 0}
.chartContain h2{ margin:0 auto; color:#2ca4fa}
.chartContain_plan{
    float: left;
    height: 50px;
    position: relative;
    width: 222px; text-align:center; padding:25px 0 0 0; font-size:28px}
.chartContain_NO{
    float: left;
    height: 50px;
    position: relative;
    width: 82px;
    text-align:center;
    padding:25px 0 0 0;
    background:url(../../images/markoff.png) no-repeat scroll 25px 20px;
}
.chartContain_NO_selected {
    float: left;
    height: 50px;
    position: relative;
    width: 82px;
    text-align:center;
    padding:25px 0 0 0;
    background:url(../../images/markon.png) no-repeat scroll 25px 20px;
}
.chartContain_btn{
    float: left;
    height: 50px;
    position: relative;
    width: 81px;
    text-align:center;
    padding:15px 0 0 0
}



input.act_typeBox{background: none repeat scroll 0 0 #fdfdfd; border: 1px solid #d3d3d3; padding: 7px 10px; width: 190px;}

.j_hover {
            display: inline-block;
         }
         .j_hover img{
            vertical-align: bottom;
            cursor : pointer;
         }
         .j_hover div{
            display : none;
            width : auto;
            color:#333;
            position: absolute;
            background-color: white;
            padding: 25px;
            border : 1px solid #CCC;
            border-radius:4px;
            font-size: 0.9em;
            z-index: 20;
            -webkit-box-shadow: 0px 3px 2px #AAAAAA;
            -moz-box-shadow: 0px 3px 2px #AAAAAA;
            box-shadow: 0px 3px 2px #AAAAAA;
         }  
         .sm_form_info{
            color: #898989;
         }
         .jBtn {
            -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
            -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
            box-shadow:inset 0px 1px 0px 0px #ffffff;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
            background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
            background-color:#f9f9f9;
            -moz-border-radius:6px;
            -webkit-border-radius:6px;
            border-radius:6px;
            border:1px solid #dcdcdc;
            display:inline-block;
            cursor:pointer;
            color:#666666;
            font-family:arial;
            font-size:13px;
            font-weight:bold;
            padding:4px 10px;
            text-decoration:none;
            text-shadow:0px 1px 0px #ffffff;
         }
         .jBtn:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
            background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
            background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
            background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
            background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
            background-color:#e9e9e9;
         }
         .jBtn:active {
            position:relative;
            top:1px;
         }
         .tabList {
            width: 100%;
         }
         .Tab {
            width: 200px;
            margin: 5px 10px;
            cursor: pointer;
            text-align: center;
            vertical-align: middle;
            display: inline-block;
            color: #000;
            font: 16px;
         }
         .Tab:hover {
            color: #b1b1b1;
         }
         .tabContent {
            display: none; margin-left:20px
         }
         .tabContent .selectedTabContent {
            display: initial;
			
         }
		 .black-buttonIntro {
    background: none repeat scroll 0 0 #333;
    border: medium none;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    margin-right: 3px;
    padding: 10px;}
	
.black-actIntro-outline {
text-align:center;
font-size: 12px;
border-radius:5px;
padding: 8px;
border: 1px solid #333;
color:#333;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
cursor: pointer;
}
.black-actIntro-outline:hover{
color: #666;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
border:1px solid #666;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}
	
.black-actIntro {
text-align:center;
font-size: 12px;
border-radius:5px;
padding: 8px;
border: 1px solid #333;
color:#fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
background: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
cursor: pointer;
}
.black-actIntro:hover{
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
border:1px solid #ffd34c;
background: #ffe700;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}

/***Temp refer a friend promo updated 0930 2015***/
.yellow-actIntro {
text-align:center;
font-size: 12px;
border-radius:5px;
padding: 8px;
border: 1px solid #ffd34c;
color:#333;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
background: #ffe700;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
cursor: pointer;
}
.yellow-actIntro:hover{
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
border:1px solid #434343;
background: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
}
#mainCont_social{background:url(../../images/reward/Social_bg.png); background-repeat:no-repeat; background-color:#ffe700; border: 0 none; border-radius: 4px;box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;clear: both;height: auto;margin-top: 20px;text-align: left;width: 960px;margin-bottom: 10px;}
#mainCont_social h2{
    font-family:Roboto Condensed;font-size: 56px;color:#ffe700; font-weight:bold;text-transform: uppercase;
}
#mainCont_social p{ font-size:20px; color:#FFF}
.referForm{border: 1px solid #66ccff; padding: 10px; width:300px; font-size:18px; margin-top:30px}

/*
' 40 dollar promo
*/
 .steps{
    border-bottom-color: gray;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 23px;
    padding-left: 67px;
    padding-top: 34px;
    width: 816px;}
   .getofferBT{
   float: right;
    margin-right: 110px;}

.stepsOne{
    margin-top: 32px;
    text-align: center;
    width: 187px;}
.stepsImage{}
.step-1{width: 192px;
text-align: center;
float: left;
margin-right: 64px;
margin-bottom: 65px;}

.more-40{border-bottom: none;
height: 440px;background:url("../../images/backdrop-city.jpg"); background-repeat:no-repeat;}
.art40{float: left;}
.art40-copy{float: left;
    margin-left: 97px;
    margin-top: 44px;
    width: 244px;}

 .art40-copy li{padding-bottom: 9px;}

.art40-copy a{
float: left;
    margin-left: -13px;
    margin-top: 32px;}

  .otherproducts{ border-bottom-color: gray;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    overflow-x: hidden;
    overflow-y: hidden;}

  .otherPS {text-align: center;
  margin-right: 26px;
    width: 177px;
    float: left;}

   .numbers{padding-top: 8px;}

  .otherPS h3{
  margin: -11px 0 31px;}

    .h1header h1{
    border-bottom-color: gray;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    padding-bottom: 11px;}
.disclaimer-promo{ float: left;
    font-size: 10px;
    line-height: 16px;
    margin-left: -31px;
    width: 716px;}

/*
' 40 dollar promo END
*/

/*
' rollover landing
*/
 #RolloverHome .bannerTopCopy{
 margin-left: 23px;
 width: 825px;
 margin-top: 37px;}
 
 .bannerTopCopy h1{line-height: 34px;  margin-bottom: 2px;}

 #RolloverHome strong{
    font-weight: bold;}

.CopyHowItWork{
 float: left;
margin-left: 23px;
    width: 334px;}
    
.HowItWorkRollover{
overflow: hidden;
margin-bottom: 20px;
padding-top: 34px;}
.CopyHowItWork li{margin-bottom: 12px;}  
.CopyHowItWork i{color: gray;}

.CopyHowItWorkImage{
width: 508px;
 float: left;}

 .CopyMeaningful{
 margin-top: 32px;
 float: left;
margin-left: 23px;
  width: 609px;}
 .CopyMeaningful h3{ margin-bottom: 0;}
 .CopyMeaningful p{margin-top: 2px;}
.MeaningfulRollover{
background-color: #efefef;
 border-bottom-color: gray;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 23px;
    padding-left: 67px;
    padding-top: 34px;
    width: 816px;}

 .segundo{background-color: white;}
 .tercero{margin-bottom: 47px;}
.CopyMeaningfulImage{
 float: left;}
 
 
  .CopyExpiration{
    float: left;
    margin-left: 23px;
    margin-right: 23px;
    width: 473px;}
    
.ExpirationRollover{
background-image: url("../../images/calendar-bg.jpg");
overflow: hidden;
margin-bottom: 20px;
padding-top: 34px;}

.CopyExpirationImage{
width: 343px;
 float: left;}


.questions{} 

.accordion-toggle { background-color: #dcdcd8;
    cursor: pointer;
    font-size: 17px;
    font-weight: normal;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 0;
    padding-top: 9px;}
   #accordion h4{margin-bottom: 11px;
    margin-top: 0;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}
/*
' END rollover landing
*/

/********************/
/*    Ajax Loader   */
/********************/
.loading {
    position: fixed;
    display: none;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    text-align: center;
}
.loading .loading_img {
    color: white;
    position: fixed;
    height: 10%;
    width: 20%;
    top: 45%;
    left: 40%;
    background-color: inherit;
}
/* added accordion refer a friend Q&A*/

button.accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 1px #ddd solid;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s; margin:0 auto;
}

button.accordion.active, button.accordion:hover {
    background-color: #ffe700;
}

button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: left;
    margin-left: 5px; margin-right: 15px;
}

button.accordion.active:after {
    content: "\2796";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}
div.panel .answer{font-size: 14px; color: #777; text-align:left !important; padding:20px; line-height:normal}
div.panel.show {
    opacity: 1;
    max-height: 5500px;
}
/* added configuration button*/
button.accordion2 {
    background: #666 none repeat scroll 0 0;
    border: 1px solid #333;
    border-radius: 4px;
    box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 26px 10px 0 rgba(255, 255, 255, 0.08) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 -10px 10px 0 rgba(0, 0, 0, 0.05) inset;
    box-sizing: border-box; text-align:left; display: block; color:#FFF; padding:10px; font-size: 14px; font-weight:normal;
}

button.accordion2.active, button.accordion2:hover {
   color: #ddd;
}


div.panel2 {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}
div.panel2 .answer2{font-size: 14px; color: #333; text-align:left !important; padding:20px 10px; line-height:normal}
div.panel2.show2 {
    opacity: 1;
    max-height: 500px;
}