/* @group Font-face declarations */ @font-face { font-family: 'AllerLig'; src: url('aller_lt-webfont.eot'); src: local('?'), url('aller_lt-webfont.woff') format('woff'), url('aller_lt-webfont.ttf') format('truetype'), url('aller_lt-webfont.svg#webfontQiVIE1JZ') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerReg'; src: url('aller_rg-webfont.eot'); src: local('?'), url('aller_rg-webfont.woff') format('woff'), url('aller_rg-webfont.ttf') format('truetype'), url('aller_rg-webfont.svg#webfontktqEZFQ6') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerBol'; src: url('aller_bd-webfont.eot'); src: local('?'), url('aller_bd-webfont.woff') format('woff'), url('aller_bd-webfont.ttf') format('truetype'), url('aller_bd-webfont.svg#webfontiaU0XHU8') format('svg'); font-weight: normal; /* was bold� trying to eliminate heaviness in FF3+ CAK 01/06/11 */ font-style: normal; } /* @end */ /* @group General Styles */ h2 {font-size:22px; color:#333333; text-shadow: 0 1px 0 white;} p {font-size:1.2em;line-height:18px;} a {color:#2a6096;} ul {font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;} .float_left {float:left;} .float_right {float:right;} .clear {clear:both;} sup { line-height: 1.5em; vertical-align: top; } .bold {font-weight:bold;} strong {font-weight:bold;} .sub_heading{padding:15px 0px; font-size:14px;} .img_border { position: relative; -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5); -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); /* Kodakify */ padding:5px; background: #ffffff; text-align:center; } .center {width:960px; margin:0 auto;} .show {display:Xblock;}/*When it is block the Text does not have 100% width in FireFox*/ p { color: #222; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 1.3em; } p a { color: #2a6096; text-decoration: none; } p a:hover { color: #2a6096; text-decoration: underline; } .replace { position:relative; margin:0; padding:0; } .replace span { position:absolute; top:0; left:0; } img.border { border: 5px solid #fff; -webkit-box-shadow: 0px 2px 3px #2a2828; -moz-box-shadow: 0px 2px 3px #2a2828; -o-box-shadow: 0px 2px 3px #2a2828; box-shadow: 0px 2px 3px #2a2828; margin: 0 0 1em 0; padding: 0; } #content_area {} #content_area .top_grad { background: #fbfeff url(/static/tracfone/assets/images/bg-content-grad.png) top left repeat-x; position: relative; width: 100%; } #content_area .texture { padding:40px 0 50px 0; } .texture {background: url(/static/tracfone/assets/images/bg-noise-pat.png) top left repeat;} #header .texture { background-image: none; } .feature h2 { color: #333; font-family: 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; font-size: 2.4em; text-shadow: #fff 1px 1px 0px; } .feature h3 { color: #333; font-family: 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; font-size: 1.8em; margin-bottom: .5em; } .feature h4 { color: #333; font-family: 'AllerBol', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 1.4em; } .landing .box { background: #e0e0e0; background-image: -moz-linear-gradient(-90deg, #f7f7f7 , #dadada ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #f7f7f7 ), to( #dadada )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dadada'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f7, endColorstr=#dadada)"; border: 2px solid #fff; -webkit-box-shadow: #666 0px 1px 2px, inset #bfbfbf 0px 0px 18px; -moz-box-shadow: #666 0px 1px 2px, inset #bfbfbf 0px 0px 18px; -o-box-shadow: #666 0px 1px 2px, inset #bfbfbf 0px 0px 18px; box-shadow: #666 0px 1px 2px, inset #bfbfbf 0px 0px 18px; } .landing .box2 { background: #e0e0e0; background-image: -moz-linear-gradient(-90deg, #f7f7f7 , #dadada ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #f7f7f7 ), to( #dadada )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dadada'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f7, endColorstr=#dadada)"; border: 2px solid #fff; -webkit-box-shadow: #666 0px 1px 2px, inset #bfbfbf 0px 0px 18px; -moz-box-shadow: #666 0px 1px 2px, inset #bfbfbf 0px 0px 18px; -o-box-shadow: #666 0px 1px 2px, inset #bfbfbf 0px 0px 18px; box-shadow: #666 0px 1px 2px, inset #bfbfbf 0px 0px 18px; } .box_section { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #b3b3b3; padding-top: 2em; padding-bottom: 1em; } .box_section:first-child { border-top: 0; padding-top: 0;} .box_section:last-child { border-bottom: 0; padding-bottom: 0;} .box_section h2, .box_section h3, .box_section p { padding: 0 0 0 140px; margin-bottom: .5em; } .box_section p:last-child {margin-top: 1em;} .box_section p a {font-size: .9em; /* text-transform: uppercase; */ } .caps {text-transform:uppercase; font-size:0.7em; color:#1b3d60; font-weight:bold;} .box_std { padding:1.5em; } .box_std .box_section { padding: 1.5em 1.5em 2em 1.5em; } .box_std .box_section h2, .box_std .box_section h3, .box_std .box_section p { padding: 0; } label {font-size:1.2em;} .disclaimer {font-size:0.9em;} .trans {background:transparent; border:none;} #errorBox { background: url("/static/tracfone/assets/images/warning_icon.png") no-repeat scroll 12px 10px #FFC0C0; border: 1px solid #D20003; border-radius: 4px 4px 4px 4px; color: #D20003; margin: 0 0 6px; padding: 14px 50px 14px 54px;} ol li {font-size:1.1em; } .error { background: url("/static/tracfone/assets/images/warning_icon.png") no-repeat scroll 12px 10px #FFC0C0; border: 1px solid #D20003; border-radius: 4px 4px 4px 4px; color: #D20003; margin: 0 0 6px; padding: 14px 50px 14px 54px; display:none;} .error_old { background: url("/images/error_icn.gif") no-repeat scroll 3px center #FFF9D2; border: 1px solid #FCEA9B; color: #C30000; display: block; font-size: 11px; margin-bottom: 10px; padding: 10px 10px 10px 37px;} select.error_field, input.error_field { background-color:#FFF9D2 !important; border:1px solid #CC0000 !important; color:#CC0000 !important; } ol li {font-size:1.1em;} .q { vertical-align:middle; } .tip {display:none; padding:10px; position:absolute; left:250px; top:30px; width:170px; background:#eaeaea; border:2px solid #FFFFFF;} .tip p {font-size:1.1em;} .tip ol li {margin-left:15px;} .promo_tip {top:200px !important;} .tour_hp{padding:30px 0px 0px !important;} .tour_hp .feature {margin-bottom:0px;} .tour_hp .feature ul {border:0px; padding:0px;} .tour_hp .feature ul li {padding:0 0 0 1.8em; font-size:1.2em; background: url(/static/tracfone/assets/images/check.png) 0 3px no-repeat;} /****** Apps & More Section START - 16735 *****/ .box_section_appsnmorebg { background: url(/static/tracfone/assets/images/appsnmore/phone_icons.png) no-repeat right center; height: 220px; } .box_section_appsnmore h3 { margin-bottom: .5em; color:#48637f; font-size:18px; font-family: 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .es .box_section_appsnmore h3 { font-size: 16px;} .box_section_appsnmore h3 strong { font-weight: normal; } .box_section_appsnmore label { color: #000 !important; font-size:10px !important; font-weight: normal; width:85px; text-align:right; padding:8px 3px 0 0; float: left; } .es .box_section_appsnmore label { color: #000 !important; font-size:10px !important; font-weight: normal; width:120px; text-align:right; padding:8px 3px 0 0; float: left; } .box_section_appsnmore .leftpad { padding-left:95px; } .box_section_appsnmore .btn2 { margin: 10px 0 10px 90px; float: left; } .es .box_section_appsnmore .btn2 { margin: 10px 0 10px 125px; float: left; } /* @group Form Styles */ .learn_btn { background-color:#448f24; color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display:block; margin:10px 0px; padding:7px 12px; text-decoration:none; width:60px; } .btn { background: #3b7d1f; border: 0; color: #fff; cursor: pointer; font-family: 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; font-size: 1.2em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 2em 0; padding: 4px 18px; text-decoration: none; } .btn_fat{margin:0px; padding:10px 18px;} .btn:hover { background-color: #0b2d50; } .big_btn { bottom: 0; right: 0; border: none; color: #1c4062; cursor: pointer; font: normal 1.8em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; background: #e6e4e2; background-image: -moz-linear-gradient(-90deg, #fffefe , #cac7c4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fffefe ), to( #cac7c4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe', endColorstr='#cac7c4'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefe, endColorstr=#cac7c4)"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 28px; position: relative; text-decoration: none; text-shadow: 1px 1px 1px #fff; } .big_btn:hover { background: #e6e4e2; background-image: -moz-linear-gradient(-90deg, #cac7c4 , #fffefe ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #cac7c4 ), to( #fffefe )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac7c4', endColorstr='#fffefe'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cac7c4, endColorstr=#fffefe)"; color: #222; } a.big_btn {display: block;} input.big_btn{padding: 5px 28px; position: static; width: auto;} input[type="text"], input[type="password"] {} /* @end */ /* @group Colorbox Styles */ /* Core Styles */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox Specific Styles, tabbed for hierarchy */ #cboxOverlay{background:#000;} #colorbox{background: transparent;} #cboxContent{ margin:19px 19px 8px 8px; background: #e0e0e0; background-image: -moz-linear-gradient(-90deg, #dadada , #e0e0e0 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #dadada ), to( #e0e0e0 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#e0e0e0'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dadada, endColorstr=#e0e0e0)"; border: 2px solid #fff; -webkit-box-shadow: 0px 2px 6px #000; -moz-box-shadow: 0px 2px 6px #000; -o-box-shadow: 0px 2px 6px #000; box-shadow: 0px 2px 6px #000; } #cboxLoadedContent{} #cboxLoadingGraphic{background: transparent url(/static/tracfone/assets/images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; position:absolute;} #cboxPrevious { background: url(/static/tracfone/assets/images/cb_prev_next.png) 0 0 no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 2px #666; -moz-box-shadow: 0px 1px 2px #666; -o-box-shadow: 0px 1px 2px #666; box-shadow: 0px 1px 2px #666; top: 48%; left: 8px; width: 24px; height: 30px;} #cboxPrevious.hover {background: url(/static/tracfone/assets/images/cb_prev_next.png) 0 -30px no-repeat;} #cboxNext { background: url(/static/tracfone/assets/images/cb_prev_next.png) -23px 0 no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 2px #666; -moz-box-shadow: 0px 1px 2px #666; -o-box-shadow: 0px 1px 2px #666; box-shadow: 0px 1px 2px #666; top: 48%; right: 8px; width: 24px; height: 30px; } #cboxNext.hover {background: url(/static/tracfone/assets/images/cb_prev_next.png) -23px -30px no-repeat;} #cboxClose {background: url(/static/tracfone/assets/images/cb_close.png) no-repeat 0 0; top: -16px; right:-16px; width: 38px; height: 38px;} /* #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} */ /* .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} */ #colorbox h2 { color:#0B2D50; font: normal 3em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } #colorbox form label { display: block; margin-top: 2em; font: normal 1.2em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } #colorbox form input { /*display: block;*/ } #colorbox form input[type="text"] { background: #ccc; border-top: 1px solid #aaa; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #b9b9b9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: normal 1.4em/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; padding: 6px 8px; } #colorbox form .big_btn { border: 4px solid #b1b1b1; margin: 20px 0 0 0; outline: none; display:block; } #colorbox form .btn { margin: 15px 0 0 0; outline: none; } #colorbox form .btn_cancel { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 3px solid #b4b6b7; font: 1.1em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 5px 3px; margin: 1em 0; width:100px; } #colorbox form .form_section { padding: 0 0 25px 0; border-bottom: 1px solid #aaa; } #colorbox form .form_section:last-child { border-top: 1px solid white; border-bottom: 0; padding-bottom: 0; } /* .airtime_pin_container .tooltip { background: #dbdbdb url(/static/tracfone/assets/images/tooltip_qmark.png) top right no-repeat; color: #448f24; font-size: .9em; margin: 0 0 0 10px; padding: 0 20px 0 0; }*/ .add_a_line { background: #dbdbdb url(/static/tracfone/assets/images/plus_sign_icon.png) top left no-repeat; color: #448f24; padding: 0 0 0 20px; } #redeem_dialogue, #newsletter_dialogue, #remember_dialogue { padding: 22px 22px 28px 22px; } #colorbox form h3 { font: normal 2em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0 0 .25em; } #colorbox #newsletter_dialogue .form_section:last-child { padding-top: 24px; } #colorbox #newsletter_dialogue .form_section:last-child label { display: block; float: left; margin: 0 2em 1.5em 0; padding: 10px 0 0 0; width: auto; } #colorbox form input[type="checkbox"] { display: block; float: left; margin: -1px 8px 0 0; } .cancel_btn {text-align:center;} /* @end */ .clickable { cursor: pointer; } /* @end */ /* @group Header Styles*/ #header { background-color: #fff; z-index: 100; /* universal z-index requirement(s) */ position: relative; /* universal z-index requirement(s) */ } #header .lin_grad { background: #1070B6; height: 35px; } #header .content {padding: 0;} #header li {padding-left: 0; line-height: 1.75em;} #top_deals {border-top: 1px solid #152F4A;} #top_deals .wrapper {position: relative;} #top_deals p {color:#ffffff; margin: 0; padding:8px 0 8px 4px; text-transform:uppercase;} #head { margin:0 auto; padding: 0 0 16px 0; position:relative; width:960px; } #head h1 { left: 0; margin: 0; padding: 14px 0 8px; top: 0; width: 192px; } #head h1 img { display: block; } #breadcrumb { list-style: none; margin: 20px 0 0 0; float: left; } #breadcrumb li { line-height: 12px; height: 12px; display: block; text-transform: uppercase; float: left; font-weight: bold; padding: 0 15px 0 0; margin: 0 5px 0 0; background: url(/static/tracfone/assets/images/breadcrumb_arrow.png) no-repeat 100% 3px; } #breadcrumb li:last-child { background: none; padding: 0; margin: 0; } #breadcrumb li#home a { width: 11px; height: 12px; background: url(/static/tracfone/assets/images/breadcrumb_home.png) no-repeat 0 0; display: block; overflow: hidden; text-indent: -9999em; } #breadcrumb li#home a:hover { background-position: 0 -12px; } #breadcrumb li a { color: #797979; text-decoration: none; } #breadcrumb li a:hover, #breadcrumb li a:focus { color: #222; } /* @group Account Tab Dropdown */ #account_login { /* completely changed, 12/14 by CAK (see markup) */ background: #72CC57; color: white; display: block; font: 1.1em/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; position: absolute; top: -2px; right: 0; text-decoration: none; text-transform: uppercase; outline: none; padding: 16px 24px 18px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; } #account_login:hover { text-decoration: underline; } #account_logoff { /*Added by Juan */ background: #0d1622 url(/static/tracfone/assets/images/my_account_icon.png) 16px 12px no-repeat; color: white; display: block; font: .9em/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; position: absolute; top: -2px; right: 0; width: 68px; text-decoration: none; Xtext-transform: uppercase; outline: none; padding: 16px 14px 18px 46px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;} #account_logoff:hover { text-decoration: underline; } #account_summary { /*Added by Juan */ color: white; display: block; font: .9em/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; position: absolute; top: -2px; right: 150px; text-decoration: none; Xtext-transform: uppercase; outline: none; padding: 16px 14px 18px 46px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;} #account_summary:hover { text-decoration: underline; } #top_deals p {font-size:11px;} #account {background:#1c4062; color:#ffffff; padding: 1.5em 0 1.5em 0; /* height: 270px; */} #account h2, #account h3, #account p, #account ul {color: #fdfcfc;} #account h2 { font-family: 'AllerLig', sans-serif; text-shadow: #000 1px 1px 1px; margin: 0; padding: 0; font-weight: normal; } #account h3 { font: normal 1.8em/1em 'AllerReg', sans-serif; margin: 0 0 1.5em 0; padding: 0; } #account .current h2 { margin: 0 0 .25em 0; } #account ul { margin-bottom: 0; } #account form { padding: 1em 0; border-top: 1px solid #152f4a; border-bottom: 1px solid #152f4a; position: relative; } #account form input[type="text"], #account form input[type="password"] { background: #152f4a; color: #fff; font-size: 1.3em; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; border: none; -webkit-box-shadow: 0 1px 3px #435E88; -moz-box-shadow: 0 1px 3px #435E88; -o-box-shadow: 0 1px 3px #435E88; box-shadow: 0 1px 3px #435E88; padding: 6px 10px; width: 175px; } #account form label { display: block; padding: 0 0 0 4px; } #account .register {position: relative;} #account .current {position: relative;} .current .submit_container {position: absolute; bottom: 30%; right: 0; width: 120px;} .current .submit_container .big_btn { margin: 0 0 8px 0; } .current .submit_container span { padding: 0 0 0 5px;} .register .big_btn {position: absolute; bottom: 0; right: 0;} #account .register ul li {list-style:inside disc; font-size:1.2em;} .help {font-size: 1em; padding: 0 0 0 4px;} p.friendly a {color: #60a934;} /* @end */ /* Search Box Area */ #search, .search { background: #9e9b98; background-image: -moz-linear-gradient(-90deg, #918f8c , #a9a6a2 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #918f8c ), to( #a9a6a2 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#918f8c, endColorstr=#a9a6a2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#918f8c, endColorstr=#a9a6a2)"; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; position: absolute; right: 8px; top:34px; width:150px; height:23px; } /* #search input { font-weight: bold; background: url(/static/tracfone/assets/images/header_search_bg.png) right 50% no-repeat; border: 0; color:#d6d6d6; margin: 0; padding:5px 24px 3px 10px; text-shadow: 0 1px 0 #7b7a78; width: 108px; } */ #submit-search, .submit-search { background: url("/static/tracfone/assets/images/header_search_bg.png") no-repeat scroll 0pt 0pt transparent; border: none; cursor: pointer; display: block; margin: 7px 3px 0 3px; padding: 0pt; width: 14px; height: 14px; position:absolute; top:2px; right:10px; } #searchtxt, .searchtxt { background: none repeat scroll 0 0 transparent !important; border: none !important; color: #D6D6D6 !important; font-weight: bold; height: 15px !important; margin: 8px 0 0 !important; padding: 0 0 0 10px !important; text-shadow: 0 1px 0 #7B7A78; width: 105px; } #search input:focus, .search input:focus { color: #1B3D60; text-shadow: none; } #mini_nav , .mini_nav { top: 36px; right: 155px; position: absolute; } #mini_nav ul, .mini_nav ul { list-style:none; margin-right:0px; } #mini_nav ul li, .mini_nav ul li { color:#1b3d60; display:inline; font-size:1.1em; font-weight:bold; list-style:none; padding-right:12px; text-transform:uppercase; } #mini_nav ul li a, .mini_nav ul li a { color: #565455; text-decoration: none; } #mini_nav ul li a:hover, .mini_nav ul li a:hover{ text-decoration: underline; } /* Search Box Area @emd */ /* @group Top Level Navigation */ #nav_wrapper { padding: 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 950px; z-index: 1000; } #primary_nav { display: block; margin: 0; padding: 0; min-height: 50px; height: auto !important; height: 50px; } #primary_nav li { display:block; float:left; } #primary_nav li.orange { float: right; } #primary_nav > li > a { background: url(/static/tracfone/assets/images/primary_nav.png) no-repeat; display:block; height: 50px; text-indent: -9999px;} #primary_nav > li.orange > a { background: url(/static/tracfone/assets/images/primary_nav_orange.png) no-repeat; } .es #primary_nav > li > a { background: url(/static/tracfone/assets/images/primary_nav_esp.png) no-repeat; } .es #primary_nav > li.orange > a { background: url(/static/tracfone/assets/images/primary_nav_orange_esp.png) no-repeat; } #primary_nav li.why_tracfone a { width: 144px; background-position: 0 0; } #primary_nav li.phones a { width:90px; background-position: -140px 0; } #primary_nav li.airtime a { width:90px; background-position: -232px 0; } #primary_nav li.apps a { width:156px; background-position: -411px 0; } #primary_nav li.support a { width:98px; background-position: -320px 0; } #primary_nav li.why_tracfone a:hover {background-position: 0 -50px; } #primary_nav li.phones a:hover {background-position: -140px -50px; } #primary_nav li.airtime a:hover {background-position: -232px -50px; } #primary_nav li.apps a:hover { background-position: -411px -50px; } #primary_nav li.support a:hover {background-position: -320px -50px; } #primary_nav li.add a { width: 119px; height: 44px; background-position: -150px 0; } #primary_nav li.activate a { width: 150px; height: 44px; background-position: 0 0; } #primary_nav li.add:hover a, #primary_nav li.add.hover a{ background-position: -150px -44px; } #primary_nav li.activate:hover a, #primary_nav li.activate.hover a{ background-position: 0 -44px; } .es #primary_nav li.why_tracfone > a { width: 174px; background-position: 0 0; } .es #primary_nav li.phones > a { width: 88px; background-position: -174px 0; } .es #primary_nav li.airtime > a { width: 90px; background-position: -262px 0; } .es #primary_nav li.support > a { width: 140px; background-position: -360px 0; } .es #primary_nav li.apps a { width: 135px; background-position: -505px 0; } .es #primary_nav li.why_tracfone > a:hover {background-position: 0 -50px; } .es #primary_nav li.phones > a:hover {background-position: -174px -50px; } .es #primary_nav li.airtime > a:hover {background-position: -262px -50px; } .es #primary_nav li.support > a:hover {background-position: -360px -50px; } .es #primary_nav li.apps a:hover { background-position: -505px -50px; } .es #primary_nav li.add > a { width: 149px; background-position: -167px 0; } .es #primary_nav li.activate > a { width: 167px; background-position: 0 0; } .es #primary_nav li.add:hover > a, .es #primary_nav li.add.hover > a{ background-position: -167px -44px; } .es #primary_nav li.activate:hover > a, .es #primary_nav li.activate.hover > a{ background-position: 0 -44px; } /* @end */ /* @group Sub Navigation */ .sub { background: #2c3843 url(/static/common/facelift/images/sub_bg.png) 0 0 repeat-x; color:#ffffff; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0,0.5); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5); box-shadow: 0 2px 4px rgba(0, 0, 0, .5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:absolute; width:275px; padding:2em 8px 1.25em 8px; z-index:1000; *padding-top:20px !important; /* uses .hide to hide */ /* height: 180px; */ } .orange .sub { background: #E18118; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); width: 253px; right: 5px; } /*For spanish menu, width is slightly different*/ .es .orange .sub {width: 300px;} #primary_nav li.orange .sub { right: 5px; } .sub_nav { padding-left: 0; list-style-type: none; } .sub_nav li { width: 274px; } .sub_banner { background: #13171d; width: 600px; text-align:center; } .sub_banner img { display: block; margin: 12px auto; } .phones .sub_nav, .airtime .sub_nav {padding-right: 359px;} /* padding for background rollovers for dropdowns with placed ads in dropdown */ .phones .sub {width:934px; left: 5px; z-index:1000; padding-right: 12px;} .airtime .sub {width:934px; left: 5px; z-index:1000; padding-right: 12px;} .support .sub {width:934px; left: 5px; z-index:1000;} .apps .sub { width:275px; left: 330px; z-index:1000; } .es .apps .sub { width:275px; left: 365px; z-index:1000; } .sub dl {margin:5px 0 5px 10px; float:left;} .sub dl dt {padding-bottom:.5em;font-size:1.6em; font: lighter 1.8em/1em 'AllerLig','Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; } .sub dl dt img {vertical-align:middle;} .sub dl dd{font-size:1.4em; margin-left:32px; } #primary_nav .sub_nav li {background: transparent; display:block; float:none; margin: 4px 0; *background: #000; } #primary_nav .sub_nav dl dd a {display:block; text-indent:0px;} #primary_nav .sub_nav li a { background:transparent; display:block; text-indent:0px; height: 18px; color:#fff; padding:9px 0px 9px 50px; text-decoration:none; width: auto; font: lighter 1.7em/1em 'AllerLig','Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; vertical-align: middle; } .es #primary_nav .sub_nav li a { font: lighter 1.5em/1em 'AllerLig','Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; } .orange .sub_nav li { width: auto; } .sub_nav li.orange a {width:180px;} #primary_nav .support dl dd a { color:#fff; display: block; text-indent:0px; height:auto; width:200px; padding:7px; text-decoration:none; } #primary_nav .support dl dd a:hover { background:#13171d; background-image:none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #primary_nav .apps dl dd a { color:#fff; display: block; text-indent:0px; height:auto; width:200px; padding:7px; text-decoration:none; } #primary_nav .apps dl dd a:hover { background:#13171d; background-image:none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #primary_nav .sub_nav li a:hover { background:#a35e11; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* dark blue background nav items */ #primary_nav .sub_nav li.subtour a { background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px 2px no-repeat;} #primary_nav .sub_nav li.subtour a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px 2px no-repeat;} #primary_nav .sub_nav li.subwhy a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -32px no-repeat;} #primary_nav .sub_nav li.subwhy a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -32px no-repeat;} #primary_nav .sub_nav li.subservices a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -64px no-repeat;} #primary_nav .sub_nav li.subservices a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -64px no-repeat;} #primary_nav .sub_nav li.subhow a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -96px no-repeat;} #primary_nav .sub_nav li.subhow a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -96px no-repeat;} #primary_nav .sub_nav li.subabout a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -128px no-repeat;} #primary_nav .sub_nav li.subabout a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -128px no-repeat;} #primary_nav .sub_nav li.subreferfriend a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -448px no-repeat;} #primary_nav .sub_nav li.subreferfriend a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -448px no-repeat;} .es #primary_nav .sub_nav li.subreferfriend a { display: none !important; } /* Remove Sub Refer Friend Link from spanish */ #primary_nav .sub_nav li.subshop a {background: rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -160px no-repeat;} #primary_nav .sub_nav li.subshop a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -160px no-repeat;} #primary_nav .sub_nav li.subaccessories a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -192px no-repeat;} #primary_nav .sub_nav li.subaccessories a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -192px no-repeat;} #primary_nav .sub_nav li.subbundles a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -224px no-repeat;} #primary_nav .sub_nav li.subbundles a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -224px no-repeat;} #primary_nav .sub_nav li.subpay a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -256px no-repeat;} #primary_nav .sub_nav li.subpay a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -256px no-repeat;} #primary_nav .sub_nav li.subvalue a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -288px no-repeat;} #primary_nav .sub_nav li.subvalue a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -288px no-repeat;} #primary_nav .sub_nav li.subinternational a {background:rgb(44,56,67) url(/static/tracfone/assets/images/nav_icons.png) 10px -320px no-repeat;} #primary_nav .sub_nav li.subinternational a:hover {background: #13171d url(/static/tracfone/assets/images/nav_icons.png) -630px -320px no-repeat;} /* orange nav items */ #primary_nav .sub_nav li.subactivate a {background: #e18118 url(/static/tracfone/assets/images/nav_icons_orange.png) 10px -94px no-repeat;} #primary_nav .sub_nav li.subactivate a:hover {background: #a35e11 url(/static/tracfone/assets/images/nav_icons_orange.png) -630px -94px no-repeat;} #primary_nav .sub_nav li.subtransfer a {background: #e18118 url(/static/tracfone/assets/images/nav_icons_orange.png) 10px -126px no-repeat;} #primary_nav .sub_nav li.subtransfer a:hover {background: #a35e11 url(/static/tracfone/assets/images/nav_icons_orange.png) -630px -126px no-repeat;} #primary_nav .sub_nav li.subbuy a {background: #e18118 url(/static/tracfone/assets/images/nav_icons_orange.png) 10px 2px no-repeat;} #primary_nav .sub_nav li.subbuy a:hover {background: #a35e11 url(/static/tracfone/assets/images/nav_icons_orange.png) -630px 2px no-repeat;} #primary_nav .sub_nav li.subredeem a {background: #e18118 url(/static/tracfone/assets/images/nav_icons_orange.png) 10px -30px no-repeat;} #primary_nav .sub_nav li.subredeem a:hover {background: #a35e11 url(/static/tracfone/assets/images/nav_icons_orange.png) -630px -30px no-repeat;} #primary_nav .sub_nav li.subphone a {background: #e18118 url(/static/tracfone/assets/images/nav_icons_orange.png) 10px -62px no-repeat;} #primary_nav .sub_nav li.subphone a:hover {background: #a35e11 url(/static/tracfone/assets/images/nav_icons_orange.png) -630px -62px no-repeat;} .es .esdontshow { display: none; } /* @end */ /* @end */ /* @group Landing Template */ #homepage_ads { height:324px; margin:0 auto; background-image: url(/static/tracfone/assets/images/stage_bg.jpg); background-repeat: no-repeat; background-position: center; background-color:#091c2d; } .feature {margin-bottom: 40px;} .feature ul {border-top:1px solid #c1c3c4; border-bottom:1px solid #c1c3c4; padding: 1em 0 1em 5px} .feature ul li { font: normal 1.3em/1.4em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0 0 1em 0; padding:.5em 0 0 1.8em; list-style: none; background: url(/static/tracfone/assets/images/check.png) 0 7px no-repeat; } #sales { background:#e9e9e9; -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5); -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); /* Kodakify */ padding: 3px; border:3px solid #fff; } #sales dl {margin:10px; border-bottom:1px solid #c0c0c0; height:100px; display:inline-block; width:350px; } #sales dl.last {border-bottom:none;} #sales dl dt {float:left; margin-right:15px; height:100px;} #sales dl dd {display:block; font-size:1.2em; padding:5px 0px;} #sales dl dd a {text-decoration:none; text-transform:uppercase; font-weight:bold; letter-spacing:-1px;} .banner {margin-top: -4px;} /* for ads with a corner banner, margin is different and needs to be adjusted to design spec, site wide */ /* @group Slider Styles */ .coda-slider-wrapper { width: 100%; position: relative; background: #0a1624 url(/static/tracfone/assets/images/coda_slider_bg1.jpg) top center no-repeat; clear: both; overflow: hidden; z-index: 1;} .coda-slider {overflow: hidden; position: relative; background: transparent; z-index: 1;} /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 274px; overflow: auto !important; padding: 0; } .coda-slider, .coda-slider .panel { width: 950px; height: 274px; margin: 0 auto; } /* (without dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 950px; height: 274px; } /* (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider { margin:0 auto;} /* (with dynamic arrows) */ /* Panel padding */ .coda-slider .panel-wrapper { padding: 0px; margin: 0;} .coda-slider .panel { display: block; float: left } .coda-slider .panel-wrapper { position: relative } /* Preloader (probably needs more attention, see Coda Slider 2.0) */ .coda-slider p.loading { padding: 20px;} /* Tabbed nav */ .coda-nav-wrapper { width: 100%; background: #222; background-image: -moz-linear-gradient(-90deg, #222222 , #1a1c1d); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #222222 ), to( #1a1c1d )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#222222, endColorstr=#1a1c1d); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#222222, endColorstr=#1a1c1d)"; } .coda-nav ul{ list-style: none; margin: 0 auto; padding: 0; width: 950px; overflow: hidden; } .coda-nav ul li { display: block; float: left; overflow: hidden; } .coda-nav li a { display: block; width: 165px; color: #bbbdc3; font-size: 1em; padding-top: 14px; padding-right: 0; padding-bottom: 18px; text-decoration: none; margin-right: 24px; text-transform:uppercase; } .coda-nav a:hover { color: white; } .coda-nav a.current { background-color: #000; color: white; } .coda-nav a.last { margin-right: 0; } .coda-nav a:focus { outline: none; } .card-offer, .phone-offer { padding-left: 54px; } .card-offer { background: url(/static/tracfone/assets/images/slider-card-thumb.png) 10px 9px no-repeat; } .phone-offer { background: url(/static/tracfone/assets/images/slider-phone-thumb.png) 10px 9px no-repeat; } #coda-nav-left-1, #coda-nav-right-1 { position: absolute; top: 105px; cursor: pointer; z-index: 100; } #coda-nav-left-1 {left: 50px;} #coda-nav-right-1 {right: 50px;} #coda-nav-left-1 a, #coda-nav-right-1 a { display: block; width: 25px; height: 60px; text-indent: -9999px; opacity: .25; filter: alpha(opacity=25); -ms-filter: "alpha(opacity=25)"; -khtml-opacity: .25; -moz-opacity: .25; } #coda-nav-left-1 a {background: url(/static/tracfone/assets/images/scroll-left.png) 0 0 no-repeat;} #coda-nav-right-1 a {background: url(/static/tracfone/assets/images/scroll-right.png) 0 0 no-repeat;} #coda-nav-left-1 a:hover, #coda-nav-right-1 a:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; } .scrollable{ position:relative; overflow:hidden; width:950px; height:266px; font-family:arial; margin:0 auto; } .scrollable .items { width:30000em; position:absolute; } .items div {float:left;} .nav {overflow:hidden; width:960px; padding:0px; clear:both; margin:0px auto;} .nav li {float:left; overflow:hidden; display:block;} .nav li a {display:block; font-size:1em; margin-right:24px; padding-bottom:18px; padding-right:0px; padding-top:14px; text-decoration:none; width:160px; color:#BBBDC3; text-transform:uppercase;} .nav li.active a {color:#FFF; font-weight:normal; background-color:#000000;} /* @end */ .landing .last .box_section p a {text-transform: uppercase;} .landing .box_std .box_section p {margin-bottom: 1em;} /* @end */ /* @group Listing Template */ .page_listing #content_area { border-top: 1px solid #bbb; } .title_bar { background: url(/static/tracfone/assets/images/title_bar_bg.jpg) top center repeat-x; border-bottom: 1px solid #fff; height: 34px; padding: 18px 0; z-index: 5; } .title_bar h1 { color: #fff; font-family: 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; font-weight: normal; font-size: 2.6em; line-height: 1em; text-shadow: 1px 2px 0px #215804; letter-spacing:-1px; font-weight:normal; } #listing_container { float: left; width: 720px; min-height:400px; height:auto !important; height:400px; /* Keeps div from disappearing when empty… could probably have a better solution but not sure it’s worth the time */ } .sidebar h2 { color: #222; font: normal 1.8em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .sidebar h3 { color: #222; font: normal 1.4em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .sidebar_section { padding: 3em 30px 3em 0; border-bottom: 1px solid #aeaeae; } .sidebar_section:first-child { padding-top: 0; padding-right: 0; } .sidebar_section:last-child { border-width: 0 0 0 0; } .sidebar ul { list-style-type: none; } .filters label {font-weight:normal;} #listing_container .hover { background: #d4d6d7; background: rgba(0,0,0,.1); } .listing { position: relative; padding-bottom: 12px; } .listing h3 { font-size: 2.4em; color: #344861; margin: .25em 0; padding: 0 0 0 .3em; text-shadow: 0px 2px 0px #fff; } .listing .brand {font-family: 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;} .listing .model {font-family: 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;} .listing h4 { color: #3b5f8c; font-family: 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; font-size: 1.5em; line-height: 1em; float: left; margin: 0; padding: 4px 0 0 .25em; text-shadow: 1px 1px 1px #fff; } .listing h4 sup { /*display: block; float: right; >>> Commenting out these lines fixed layout issues in IE6/7 without breaking it on any other browsers <<< */ padding: .75em 0 0 0; font-size: .5em; } .details_box { margin: 0; padding: 2px 2px 2px 0; overflow: hidden; width: 77px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; height: 32px; } .details_btn { border: none; color: #234b82; cursor: pointer; background: #e9e9e9; background-image: -moz-linear-gradient(-90deg, #ffffff , #d5d5d5 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #ffffff ), to( #d5d5d5 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#d5d5d5)"; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; float: right; cursor: pointer; display: block; padding: 10px 15px 10px 15px; font: normal 1.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-decoration: none; text-shadow: 1px 1px 1px #fff; display: none; } .details_btn:hover { background-image: -moz-linear-gradient(-90deg, #d5d5d5 , #FFFFFF ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #d5d5d5 ), to( #FFFFFF )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#FFFFFF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d5d5d5, endColorstr=#FFFFFF)"; color: #222; } .hover .details_btn { display: block; } .hover .brand_view_details { display: block; } .hover .buy_btn { display: block; } .brand_view_details:hover {text-decoration:underline;} /* New buy button */ .buy_btn_container { background: #e0e0e0; background-image: -moz-linear-gradient(-90deg, #fffefe , #cac7c4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fffefe ), to( #cac7c4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe', endColorstr='#cac7c4'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefe, endColorstr=#cac7c4)"; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; float: right; margin: 0; width: 65px; padding-right: 10px; } .buy_btn { display: none; background: url(/static/tracfone/assets/images/cart_btn_bg.png) 6px -2px no-repeat; color: #1b3d60; font: 1.1em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 8px 0 9px 15px; text-decoration: none; text-align: right; text-shadow: 1px 1px 0 #FFFFFF; text-transform: uppercase; } .es .buy_btn {background:none; padding:8px 0 9px 5px} .es .buy_btn:hover {background:none;} .buy_btn:hover { background: url(/static/tracfone/assets/images/cart_btn_bg.png) 6px -66px no-repeat; color: #222; text-decoration: none; } .brand_view_details { position: absolute; bottom: 23px; right: 10px; font-weight: bold; text-decoration: none; display: none; font-size: 12px; } .brand_view_details :hover { text-decoration: underline; display:block; } .hover .details_box { background: #B7B8BA; background-image: -moz-linear-gradient(-90deg, #B7B8BA , #C6C7C8 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #B7B8BA ), to( #C6C7C8 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7B8BA', endColorstr='#C6C7C8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B7B8BA, endColorstr=#C6C7C8)"; } .phone_popup {background-color:#b3bdc6;} .phone_popup .zip_entry {background:#fff; height:35px; text-align:center; padding:10px; color:#4e4e4e;} .phone_popup .zip_entry input#zip { padding: 2px; width: 100px; margin: 0; } .zip_entry .btn { -webkit-border-top-right-radius: 14px; -moz-border-radius-topright: 14px; border-top-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; -moz-border-radius-bottomright: 14px; border-bottom-right-radius: 14px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; font: 1.2em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin:0px; } .zip_entry #zip_search {border-radius:0px; box-shadow:0 1px 1px 1px #AEA59C inset; color:#4a4645; background:#eae3d9;} .phone_info {height:220px; position:relative;} .phone_info img {position:absolute; top:-1px; right:117px;} .phone_info h4{ background:#9CA3AD; color:#fff; letter-spacing:-2px; width:75px; padding:5px; font-family: 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-shadow:1px 1px 1px #7e8689; font-size:2em; margin-left:20px; } .phone_info h3 { color:#344861; font-size:2.5em; margin-bottom:0.2em; font-family: 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding:20px 0px 0px 20px; text-shadow:1px 1px 1px white; } /*Phones with no price template*/ .no_price .details_box {background:none !important; visibility:hidden;} .no_price .brand_view_details {left:10px;} /*Phones with no price template*/ /* @end */ /* @group My Account Template */ .my_account #content_area .texture { padding: 18px 0 50px 0;} .my_account .box { border: none; background-color: #f4f7f8; -webkit-box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; -moz-box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; -o-box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; } .my_account .title_bar { height: 58px; padding: 6px 0; } .my_account .title_bar h1 { line-height: 1.75em; } .my_account .title_bar .welcome_msg { margin: 1em 0 1.5em; } .notifications { margin: 0 0 24px 0; } .notifications p { font-size: 1.4em; } .notifications .warning { background: #ffc0c0 url(/static/tracfone/assets/images/warning_icon.png) 12px 10px no-repeat; margin: 0 0 6px 0; padding: 14px 50px 14px 54px; border: 1px solid #d20003; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #d20003; } .notifications .success { background: #87ca62 url(/static/tracfone/assets/images/success_icon.png) 13px 10px no-repeat; margin: 0 0 6px 0; padding: 14px 50px 14px 54px; border: 1px solid #11580c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #11580c; } .notifications a { font-weight: bold; text-decoration: underline; } .success a {color: #11580c;} .warning a {color: #d20003;} .tab .section_title { font: normal 2.8em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin-bottom: 0.75em; padding-bottom: 0.6em; text-transform: uppercase; } .msg_center { background: #010f02; background: rgba(0,0,0,.75); border: 1px solid black; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: white; float: right; font: 1.2em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0; padding: 4px 16px 8px 16px; text-align: center; } .msg_center span { font: 3em/.9em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .welcome_msg { font-size: 1.2em; color: white; text-shadow: 1px 1px 1px black; text-align:right; } .welcome_msg strong { text-transform: uppercase; } ul.notifications { border-left: 1px solid #9D9D9D; float:right; list-style:none; margin: 0; padding: 0 0 0 15px; width:505px; } ul.notifications li {font-weight:bold;} ul.notifications li:last-child {margin-bottom: 0;} .tab { margin-right:10px; } .tab > div { margin-bottom: 3.5em; } .tab h2 { border-bottom: 1px solid #d9dadc; font-family: 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin-bottom: .75em; padding-bottom: .25em; } #phone_summary { background: #e4eee6; -webkit-box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; -moz-box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; -o-box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; } .phone_summary { background: #e4eee6; -webkit-box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; -moz-box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; -o-box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; } .info_container .phone_image { float: left; padding: 13px 5px 14px 5px; } .info_container { background-color: #f4f7f8; overflow: hidden; -webkit-box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; -moz-box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; -o-box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; margin-bottom: 3.5em; } #phones_slide .info_container { /* background-color: #ebe6e2; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-color: #d5d2cd #c4bbb6 #7f6d5f #bbb4ae; border-width: 1px; border-style: solid; background: #e4eee6;*/ -webkit-box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; -moz-box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; -o-box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; box-shadow: inset 0 1px 36px #BFD9C4, 0 1px 2px #9f9f9f; } #phones_slide h3:first-child { margin-top: 0; } #phones_slide h3 { font: bold 1.6em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin-top: 1.75em; text-transform: uppercase; } #phones_slide h3 span { font-weight: normal; font-size: .8em; } #phones_slide .info_container h3, #overview_slide .info_container h3 { font: bold 1.8em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0 0 .75em 0; text-transform: none; } .info_container h3 a { font-size: .75em; text-transform: lowercase; font-weight: lighter; } .info_container ul { border-bottom: 1px solid #c1c8c1; list-style-type: none; overflow: hidden; padding-bottom: 1em; width: 100%; } .info_container ul li { float: left; line-height: 2.2em; margin-left: 5em; list-style-type: none; } .info_container ul li.number { line-height: 1.2em; margin-left: 0; font-size: 1.4em; font-weight: bold; } .info_container p {font-size: 1em; margin-bottom: .5em;} .info_container span { color: #2a6096; } .info_container .phone { color: #000; display: block; float: left; font-size: 1.2em; padding: 24px 16px; text-align: center; text-decoration: none; width: 133px; } .info_container .phone:hover { background: #e2e3e5; background: rgba(0,0,0,.05); } .info_container .phone strong { font-size: 1.16em; text-transform: uppercase; } .tab h2.account_heading { color: #222; font: 1.8em/1em 'AllerReg','Lucida Grande','Lucide Sans Unicode',Verdana,sans-serif; text-transform: uppercase; margin-bottom: 1.25em; padding: .5em 0 .75em; } .billing_center p { color: #000; font-size: 1.2em; } .account_name { color: #222; font: bold 1.4em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform: uppercase; } .heading { border-bottom: 1px solid #c2c9c2; overflow: hidden; padding: 12px 16px 6px 12px; } .heading .info { float: left; } .heading .number { background: #c0c7c0 url(/static/tracfone/assets/images/number_icon.png) 10px 7px no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 1px 2px 1px #aaa; -moz-box-shadow: inset 1px 2px 1px #aaa; -o-box-shadow: inset 1px 2px 1px #aaa; box-shadow: inset 1px 2px 1px #aaa; color: #000; float: left; font: bold 1.4em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 15px 8px 15px 34px; width: 126px; } .key_details { color: black; padding: 2px 0 0 184px; } .heading .btn { float: right; margin: 0 0 6px 0; width: 180px; text-align: center; } .action { border-left: 1px solid #c2c9c2; float: left; margin: 0; padding: 24px 8px 14px 8px; position: relative; height: 180px; width: 140px; text-align: center; } .action h4, .slide .action h4 { color: #222; font: normal 1.3em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform: uppercase; margin: 0 0 .25em 0; padding: 0; } .action img { float: none; margin: 0; } .action .days_left { background: url(/static/tracfone/assets/images/myacct_days.png) center top no-repeat; color: #fff; text-align: center; font: 3em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; width: 140px; height: 50px; letter-spacing: -.05em; margin: 0 0 2px 0; padding: 22px 0 21px 0; text-shadow: 1px 2px 1px #242d37; } .action .btn { display: block; text-align: center; width: 80px; margin: 0 auto; } #phones_slide .big_btn { border: 4px solid #cdc0b7; display: block; float: right; font: 2em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;; padding: 10px 20px 8px 20px; } #phones_slide .action .big_btn { font: 1.4em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; float: none; background: #ebeae8; border: 3px solid #cdc0b7; display: block; margin: 0 auto; padding: 8px 0; text-align: center; width: 80%; } #phones_slide .action .big_btn:hover, .total_phones .big_btn:hover { border: 3px solid #2A6096; } #phones_slide .big_btn { border: 4px solid #cdc0b7; display: block; float: right; font: 2em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;; padding: 10px 20px 8px 20px; margin-bottom:1em; } #phones_slide .action .big_btn { font: 1.4em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; float: none; background: #ebeae8; border: 3px solid #cdc0b7; display: block; margin: 0 auto; padding: 8px 0; text-align: center; width: 80%; } #phones_slide .action .big_btn:hover, .total_phones .big_btn:hover { border: 3px solid #2A6096; } .total_phones { border-top: 1px solid #bab2b2; margin: 1.5em 0 0 0; padding: 2em 0 0 0; width: 100%; float: left; } .total_phones .stat { float: left; width: 132px; text-align: center; padding: 0 20px 0 5px; } .total_phones h4 { text-transform: uppercase; font-weight: bold; } .total_phones .stat span { font-family: Helvetica,Arial,sans-serif; font-size: 6em; font-weight: bold; line-height: 1em; } .total_phones .big_btn { border: 4px solid #B1B1B1; float: right; font-size: 1.5em; margin: 2.5em 0.75em 0 0; padding: 8px 24px; } .billing_center h3 { font-size: 1.5em; font-weight: bold; text-transform: uppercase; } .billing_center .left, .billing_center .right { width: 49%; } #account_slide .info_container { padding: 22px 30px; position: relative; } #account_slide .info_container h3 { color: #3d342d; font: bold 2em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform: uppercase; margin-bottom: 2em; } #account_slide .info_container div { float: left; width: 30%; padding: 0 0 0 14px; border-left: 1px solid #d3d4d6; } #account_slide .info_container div.first { border-left: none; padding: 0; } #account_slide .info_container p { color: #000; font-size: 1.1em; } #account_slide .info_container .btn { display: block; margin: 0; position: absolute; top: 20px; right: 30px; } #account_slide .info_container .account_name { color: #3D342D; } #account_slide .info_container table { border-color: #e5e7e8; border-width: 0 1px 1px 1px; border-style: solid; } #account_slide .info_container table tr { border-bottom: 2px solid #cdced0; } #account_slide .info_container table th, #account_slide .info_container table td { border-top: 1px solid #e5e7e8; border-bottom: 1px solid #cecfd1; padding: 18px; } #account_slide .info_container table th { background: #f0f1f2; vertical-align: top; } #account_slide .info_container table td { border-left: 1px solid #e5e7e8; } #account_slide .info_container table th img { margin: 0 0 2em; } #account_slide .info_container table h5 { color: #382f26; font: 1.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform: uppercase; } #transaction_container h3 { color: black; float: left; font-size: 1.8em; font-weight: bold; text-transform: uppercase; } #transaction_container table { background-color: #ecedf0; -webkit-box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; -moz-box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; -o-box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; box-shadow: inset 0 0px 36px #dadada, 0 1px 2px #9f9f9f; float: left; margin-top: 6px; } #transaction_container table th { background-color: #fcfdfe; color: black; font-size: 1.2em; line-height: 1.25em; padding: 10px 4px; text-transform: uppercase; vertical-align: top; } #transaction_container td { padding-top: 10px; padding-bottom: 10px; vertical-align: top; } #transaction_container table tr th:first-child, #transaction_container table tr td:first-child { padding-left: 14px; } #transaction_container table tr th:last-child, #transaction_container table tr td:last-child { padding-right: 14px; } #transaction_container .even td { background-color: #fcfdfe; } #transaction_container .no1 {width: 138px; padding-right: 20px;} #transaction_container .no2 {width: 188px;} #transaction_container .select_dropdown { float: right; } #transaction_container label { font: bold 1.2em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform: uppercase; padding-right: 8px; } #transaction_container select { background: #cbcccf; border: 1px solid #a6a7a8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font: bold 1.2em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform: uppercase; margin: 0; padding: 4px 6px 4px 16px; } #transaction_container select option { border: 0; padding: 0 0 0 16px; } .tab_nav { width: 100%; background: #eeeeee; background-image: -moz-linear-gradient(-90deg, #dbdcdc , #e0e1e2 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #dbdcdc ), to( #e0e1e2 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdcdc', endColorstr='#e0e1e2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbdcdc, endColorstr=#e0e1e2)"; -webkit-box-shadow: #222 0px 1px 2px; -moz-box-shadow: #222 0px 1px 2px; -o-box-shadow: #222 0px 1px 2px; box-shadow: #222 0px 1px 2px; margin: 0; } .sidebar .tab_nav li { display: block; /*height: 68px;*/ } .sidebar .tab_nav li.active { background-image: -moz-linear-gradient(-90deg, #81ba69 , #c4d4c2 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #81ba69 ), to( #c4d4c2 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81ba69', endColorstr='#c4d4c2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#81ba69, endColorstr=#c4d4c2)"; } .sidebar .tab_nav h2 { font: normal 1.4em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0 0 .25em 0; padding: 0; } .sidebar .tab_nav li a { display: block; color: #222; font-size: 1.2em; font-weight: bold; margin: 0; padding: 22px 0 26px 84px; text-decoration: none; text-shadow: 1px 1px 2px #FFF; text-transform: uppercase; background:url("/static/tracfone/assets/images/tour_nav_sprites.png") no-repeat scroll 20px 14px transparent } .sidebar .tab_nav li a.active { color: #288500; border-top: 1px solid #48972a; border-bottom: 1px solid #f9fafa; } .tab_nav #n_overview a {background: url(/static/tracfone/assets/images/my_account_nav_sprite.png) 20px 10px no-repeat;} .tab_nav #n_phones a {background: url(/static/tracfone/assets/images/my_account_nav_sprite.png) 20px -60px no-repeat;} .tab_nav #n_info a {background: url(/static/tracfone/assets/images/my_account_nav_sprite.png) 20px -130px no-repeat;} .tab_nav #n_value a {background: url(/static/tracfone/assets/images/my_account_nav_sprite.png) 20px -200px no-repeat;} .tab_nav #n_overview a.active {background: url(/static/tracfone/assets/images/my_account_nav2_sprite.png) 20px 10px no-repeat;} .tab_nav #n_phones a.active {background: url(/static/tracfone/assets/images/my_account_nav2_sprite.png) 20px -60px no-repeat;} .tab_nav #n_info a.active {background: url(/static/tracfone/assets/images/my_account_nav2_sprite.png) 20px -130px no-repeat;} .tab_nav #n_value a.active {background: url(/static/tracfone/assets/images/my_account_nav2_sprite.png) 20px -200px no-repeat;} .account_sub { background-image: -moz-linear-gradient(-90deg, #7aaa66 , #92b983 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #7aaa66 ), to( #92b983 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7aaa66', endColorstr='#92b983'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7aaa66, endColorstr=#92b983)"; border-top:2px solid #3f7c40; *background-color: #7aaa66; /* IE Hack to show BG colors */ } .sidebar .tab_nav .account_sub li a { background:none; color:#fff; font-size:1.2em; line-height: 1.4em; padding:2px 8px 6px 22px; text-shadow:none; text-transform:capitalize; } .sidebar .tab_nav .account_sub li a:hover { color: #fff; text-decoration: underline; } /*My account styles for direct*/ #content_area ul { list-style: none outside none; outline: 0 none; /*padding: 0;*/ text-decoration: none;} #content_area .login_box li { margin-bottom:0.5em;} .login_box .big_btn {margin-top:0.5em;} /* @end */ /* @group Cards Template */ .page_options p { color: white; font: bold 1.3em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-shadow: 0px 1px 1px #14280d; text-transform: uppercase; float: right; padding-top: 10px; } #card_listing_container { background: #b1d2a6; -webkit-box-shadow: #333 0px 1px 2px; -moz-box-shadow: #333 0px 1px 2px; -o-box-shadow: #333 0px 1px 2px; box-shadow: #333 0px 1px 2px; padding: 0 0 18px 0; } .listing_title_bar { background-image: -moz-linear-gradient(-90deg, #185f0b , #407F2D ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #185f0b ), to( #407F2D )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#185f0b', endColorstr='#407F2D'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#185f0b, endColorstr=#407F2D)"; border-top: 2px solid #0b5309; border-bottom: 1px solid #e6e6e6; margin: 18px 0 10px 0; padding: 14px 0 12px 10px; } .listing_title_bar h2 { color: white; font: normal 2.4em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0 0 5px 0; text-shadow: 0px 1px 1px #000; } .listing_title_bar h2 span { font-size: .6em; font-family: 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; color: white; text-shadow: 1px 1px 0px #222; padding: 0 16px 0 8px; } .listing_title_bar h2 img { vertical-align: baseline; } .card_listing { background: #e0e2e4; -webkit-box-shadow: #666 0px 1px 3px; -moz-box-shadow: #666 0px 1px 3px; -o-box-shadow: #666 0px 1px 3px; box-shadow: #666 0px 1px 3px; margin: 3px 10px; padding: 6px; position: relative; } #card_listing_container .active { background: #dbddde; } .card_container { background-image: -moz-linear-gradient(-90deg, #418a29 , #bbcab8 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #418a29 ), to( #bbcab8 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#418a29', endColorstr='#bbcab8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#418a29, endColorstr=#bbcab8)"; border-top: 1px solid #0B5309; border-bottom: 1px solid #f1f5f1; padding: 12px; position: relative; left: 0; top: 0; width: 66px; } .active .card_container { background-image: -moz-linear-gradient(-90deg, #86ce7d , #c7caca ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #86ce7d ), to( #c7caca )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ce7d', endColorstr='#c7caca'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#86ce7d, endColorstr=#c7caca)"; border-top: 1px solid #4c9b3e; } .banner { /*position: absolute; top: 0; left: -3px; Commented out these lines as they were causing the banner to display in the wrong place */ z-index: 100; } .card_listing .banner { position: absolute; top: 0; left: -3px; } .minutes_container { /*width: 120px;*/ position: absolute; top: 0; left: 140px; padding:34px 0 0; } .minutes { background: #8bb47f url(/static/tracfone/assets/images/minutes_bg.png) 6px 3px no-repeat; color: white; font: normal 2.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-align: center; text-shadow: 1px 1px 0px #42423d; margin: 0 0px 6px 0px; padding: 4px 6px 5px 32px; width: 60px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px -2px 1px #498b37; /* inset border shadow doesnt work correctly in webkit - this is a workaround to fix it */ -moz-box-shadow: inset 0px 2px 1px #498b37; -o-box-shadow: inset 0px 2px 1px #498b37; box-shadow: inset 0px 2px 1px #498b37; } .double_minutes { background: #8bb47f url(/static/tracfone/assets/images/minutes_bg.png) 6px 3px no-repeat scroll; border-radius: 16px 16px 16px 16px; color: white; font: 1.3em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin-bottom: 5px; padding: 10px 10px 10px 36px; width: 112px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px -2px 1px #498b37; /* inset border shadow doesnt work correctly in webkit - this is a workaround to fix it */ -moz-box-shadow: inset 0px 2px 1px #498b37; -o-box-shadow: inset 0px 2px 1px #498b37; box-shadow: inset 0px 2px 1px #498b37; margin:-10px 0px 5px 0px; } .miniture_minutes_container { width: 125px; position: absolute; top: 0; left: 140px; padding:11px 0 0; } .miniture_minutes { background: #8bb47f url(/static/tracfone/assets/images/minutes_small_bg.png) 2px 2px no-repeat; color: white; font: normal 1.3em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-align: center; text-shadow: 1px 1px 0px #42423d; margin: 0 0px 3px 0px; padding:5px 6px 6px 12px; width: 60px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px -2px 1px #498b37; /* inset border shadow doesnt work correctly in webkit - this is a workaround to fix it */ -moz-box-shadow: inset 0px 2px 1px #498b37; -o-box-shadow: inset 0px 2px 1px #498b37; box-shadow: inset 0px 2px 1px #498b37; } .miniture_double_minutes { background: #8bb47f url(/static/tracfone/assets/images/minutes_small_bg.png) 2px 2px no-repeat scroll; border-radius: 16px 16px 16px 16px; color: white; font: 1.3em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: -10px auto 5px auto; padding: 5px 5px 5px 30px; width: 112px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px -2px 1px #498b37; /* inset border shadow doesnt work correctly in webkit - this is a workaround to fix it */ -moz-box-shadow: inset 0px 2px 1px #498b37; -o-box-shadow: inset 0px 2px 1px #498b37; box-shadow: inset 0px 2px 1px #498b37; } .miniture_minutes_container span { color: #222; display: block; font: normal .6em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform:uppercase; } .active .minutes, .active .card_price_container, .active .miniture_double_minutes, .active .miniture_minutes, .active .double_minutes .active .quantity_container input { background-color: #4e913b; -webkit-box-shadow: 0px -2px 1px #07500a; /* inset border shadow doesnt work correctly in webkit - this is a workaround to fix it */ -moz-box-shadow: inset 0px 2px 1px #07500a; -o-box-shadow: inset 0px 2px 1px #07500a; box-shadow: inset 0px 2px 1px #07500a; } .minutes_container span { color: #222; display: block; font: normal .9em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-align: center; text-transform:uppercase; } .days_container { width: 120px; position: absolute; top: 0; left: 270px; padding: 23px 0 0 0; } .days { background: url(/static/tracfone/assets/images/days_bg.png) 0 0 no-repeat; color: white; font: normal 2.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; letter-spacing: -.03em; margin: 0 auto 4px auto; padding: 16px 0 6px 0; text-align: center; text-shadow: 1px 1px 0px #222; width: 40px; } .days_container span { color: #222; display: block; font: normal .9em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-align: center; } .card_price_container { background: #8bb47f; width: 130px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px -2px 1px #498b37; -moz-box-shadow: inset 0px 2px 1px #498b37; -o-box-shadow: inset 0px 2px 1px #498b37; box-shadow: inset 0px 2px 1px #498b37; position: absolute; top: 36px; left: 400px; margin: 0 auto 6px auto; padding: 2px; } .card_price { color: white; float: left; font: normal 2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0; padding: 2px 10px 2px 0; text-align: right; text-shadow: 1px 1px 0px #42423d; width: 60px; } .card_price sup { font-size: 0.5em; height: auto; padding: 8px 0 0 1px; width: 10px; } .add_btn, .select_btn { display: block; width: 56px; float: right; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; background: #e0e0e0; background-image: -moz-linear-gradient(-90deg, #fffefe , #cac7c4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fffefe ), to( #cac7c4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe', endColorstr='#cac7c4'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefe, endColorstr=#cac7c4)"; color: #448f24; font: 1.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 7px 0; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 #FFFFFF; text-transform: uppercase; } .es .add_btn, .select_btn {font-size:.9em; width:60px;}/*For spanish select button*/ .add_btn:hover { background: #e0e0e0; background-image: -moz-linear-gradient(-90deg, #cac7c4 , #fffefe ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #cac7c4 ), to( #fffefe )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac7c4', endColorstr='#fffefe'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cac7c4, endColorstr=#fffefe)"; color: #222; } .active .add_btn { color: #222; } .plus_minus {width:16px; height:30px; background:#000; position:absolute; top:1px; right:26px; background: #e6e4e2; background-image: -moz-linear-gradient(-90deg, #ffffff , #cac7c4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #ffffff ), to( #cac7c4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cac7c4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cac7c4)"; border: 0; } .plus_btn {display:block; width:16px; height:15px; background:url(/static/tracfone/assets/images/plus_minus.png) no-repeat 2px 5px;} .plus_btn:hover {display:block; width:16px; height:15px; background:url(/static/tracfone/assets/images/plus_minus_hover.png) no-repeat 2px 5px;} .minus_btn{display:block; width:16px; height:15px; background:url(/static/tracfone/assets/images/plus_minus.png) no-repeat 2px -10px;} .minus_btn:hover{display:block; width:16px; height:15px; background:url(/static/tracfone/assets/images/plus_minus_hover.png) no-repeat 2px -10px;} .quantity_container { width: 140px; position: absolute; top: 34px; left: 562px; } .quantity_container p { color: #878787; font: 1.5em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 8px 8px 8px 0; float: left; } .active .quantity_container p { color: #222; } .quantity_container input { background: #8bb47f; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px -2px 1px #498b37; -moz-box-shadow: inset 0px 2px 1px #498b37; -o-box-shadow: inset 0px 2px 1px #498b37; box-shadow: inset 0px 2px 1px #498b37; color: white; font: normal 2.4em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 1px 0 0 0; padding: 0 0 2px 0; text-shadow: 1px 1px 0px #42423d; text-align: center; width: 25px; height:28px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } /* @group sidebar styles */ .listing_form { width: 100%; background: #eeeeee; background-image: -moz-linear-gradient(-90deg, #dbdcdc , #e0e1e2 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #dbdcdc ), to( #e0e1e2 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdcdc', endColorstr='#e0e1e2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbdcdc, endColorstr=#e0e1e2)"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: #222 0px 1px 2px; -moz-box-shadow: #222 0px 1px 2px; -o-box-shadow: #222 0px 1px 2px; box-shadow: #222 0px 1px 2px; } .listing_form h2 { text-shadow: none; color: #1b3d60; } .listing_form_section { border-top: 1px solid #f7f8fa; border-bottom: 1px solid #c9cacb; padding: 18px 10px; } .listing_form_section tbody th, .listing_form_section tbody td, .listing_form_section tbody tr:nth-child(2n) td, .listing_form_section tbody tr.even td { text-align: left; background: none; padding: 0; } .listing_form_section .minutes { margin: 0; } .listing_form_section tbody th.price_heading { margin: 0; padding: 1em 0 .5em 0; } .listing_form_section .total_price { font: normal 3.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; letter-spacing: -1px; margin: 0; text-align: left; } .total_price sup { font-size: 0.5em; letter-spacing: 0; margin: 0 0 15px 1px; } .listing_form_section table { margin-bottom: 0; } .listing_form_section tbody th { color:#222; font: 1.4em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-shadow: 0px 1px 0px #fff; padding-bottom: .75em; } .listing_form_section tbody th.centered { text-align: center; } .listing_form_section .label_note { color: #1b3d60; font-size: 1.1em; margin: 0 0 .25em 0; } .listing_form_section label { font: normal 1.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode', Verdana,sans-serif; } .listing_form_section input[type="text"]{ background: #c9cbcd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; -webkit-box-shadow:inset #999 0px 1px 3px; -moz-box-shadow:inset #999 0px 1px 3px; -o-box-shadow:inset #999 0px 1px 3px; box-shadow:inset #999 0px 1px 3px; color: #1B3D60; font-size: 1.4em; padding: 5px; width: 156px; } .listing_form_section .big_btn { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 3px solid #b4b6b7; font: 1.1em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 5px 3px; margin: 1em 0; width:100px; } .airtime_page .sidebar_section { padding-right: 0; } .sidebar h4.service_icn { padding: 4px 0 4px 26px; font: 1.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; background: url(/static/tracfone/assets/images/service_icn_small.png) 0 0 no-repeat; } .sidebar #service_plan p { color: #000; font: 1.2em/1.6em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } #service_plan img.float_left { margin-bottom: 1.5em; } #service_plan p.float_right { color: #333; font: 1.2em/1.2em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } #service_plan p.float_left { color: #333; font: 1.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0; padding: 3px 0 0 6px; } /* @end */ .benefits { margin-top: 4em; } .benefits h2 { color: #1b3d60; font: 2.4em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0 0 .75em 0; } .benefits h3 { margin-bottom: .5em; } /* @end */ /* @group Value Plans Template */ .title_bar .wrapper { position: relative; } .badge_new { background: url(/static/tracfone/assets/images/badge_new.png) 0 0 no-repeat; color: white; font: 2.2em/.75em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0; padding: 22px 0 26px 90px; text-shadow: 1px 1px 1px #242424; z-index: 10; position: absolute; top: -22px; right: 0; } .badge_new .smallcaps { font: normal .8em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform: uppercase; } .plans_container h2 { color: #222222; font: 1.8em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0 0 .5em 0; } .plans_container h2 img { padding: 0 0 0 10px; } .value_plans { position: relative; } .value_plans .legend { background: transparent; border: none; color: black; font: 1.1em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 0 12px 0 0; text-align: right; text-shadow: none; width: 110px; vertical-align: middle; filter: none; } .value_plans .legend img { margin: 0; padding: 0px 0 0 4px; display: inline; vertical-align: bottom; } .note_1 { background-image: -moz-linear-gradient(-90deg, #b4cfac , #bed3ba ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #b4cfac ), to( #bed3ba )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4cfac', endColorstr='#bed3ba'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b4cfac, endColorstr=#bed3ba)"; color: #1b3d60; font: italic 1.2em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 2px 0 3px 0; position: absolute; bottom: 160px; left: 194px; } .es .note_1 {bottom:158px; left:129px;} .value_plans table { border-collapse:collapse; } .row_1 th { background-image: -moz-linear-gradient(-90deg, #a8c796 , #dae2d9 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #a8c796 ), to( #dad2d9 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8c796', endColorstr='#dad2d9'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a8c796, endColorstr=#dad2d9)"; border-top: 20px solid #f3f6f7; border-right: 1px solid #acb2ac; border-bottom: 1px solid #e0e1e2; border-left: 1px solid #c4c7c8; padding: 12px 4px 6px 4px; } .row_1 th.active { border-top: 20px solid #6fac51; background-image: -moz-linear-gradient(-90deg, #6fac51 , #a5bf9d ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #6fac51 ), to( #a5bf9d )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fac51', endColorstr='#a5bf9d'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6fac51, endColorstr=#a5bf9d)"; padding: 0px 4px 18px 4px; } .row_1 th .banner { position: absolute; top: 0; left: -3px; } .row_1 th img { display: block; margin: 0 auto; } .row_1 th > p { color: white; font: normal 1.4em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: .25em 0 1em 0; text-align: center; text-shadow: 0px 1px 0px #42434d; } .plan_price_container { background: #9ebe94; width: 110px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px -2px 2px #558e56; -moz-box-shadow: inset 0px 2px 2px #558e56; -o-box-shadow: inset 0px 2px 2px #558e56; box-shadow: inset 0px 2px 2px #558e56; overflow: hidden; position: static; top: 36px; left: 400px; margin: 0 auto 4px auto; padding: 2px; } .es .plan_price_container {width:115px;} .active .plan_price_container { -webkit-box-shadow: inset 0 2px 1px #07500a; -moz-box-shadow: inset 0 2px 1px #07500a; -o-box-shadow: inset 0 2px 1px #07500a; box-shadow: inset 0 2px 1px #07500a; background-color: #4E913B; } .plan_price_container .plan_price { color: white; float: left; font: normal 1.9em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0; padding: 3px 0 2px 3px; text-align: right; text-shadow: 1px 1px 0px #42423d; width: 44px; } .plan_price sup { font-size: 0.5em; height: auto; padding: 8px 0 0 1px; width: 10px; } .value_plans .minutes_container { width: 100px; position: static; margin: 0 auto; padding: 0; } .value_plans .minutes { background: #8bb47f url(/static/tracfone/assets/images/minutes_small_bg.png) 5px 3px no-repeat; color: white; font: normal 1.8em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-align: center; text-shadow: 1px 1px 0px #42423d; margin: 0 auto 6px auto; padding: 4px 6px 4px 28px; width: 45px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px -2px 1px #498b37; -moz-box-shadow: inset 0px 2px 1px #498b37; -o-box-shadow: inset 0px 2px 1px #498b37; box-shadow: inset 0px 2px 1px #498b37; } .row_2 td { background-image: -moz-linear-gradient(-90deg, #85ba69 , #c7d7c6 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #85ba69 ), to( #c7d7c6 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85ba69', endColorstr='#c7d7c6'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#85ba69, endColorstr=#c7d7c6)"; border-top: 1px solid #48972a; border-right: 1px solid #318013; border-bottom: ; border-left: 1px solid #b3b4b5; padding: 12px 0 30px 0; } .row_3 td { background: #e5e7e8; border-top: 1px solid white; border-right: 1px solid #939494; /* border-bottom: 1px solid #afb6bb; */ border-left: 1px solid #b3b4b5; padding: 6px 0 8px; } .row_3 td img { display: block; margin: 0 auto; } .row_4 td, .row_5 td { background: #e5e7e8; border-right: 1px solid #939494; border-left: 1px solid #b3b4b5; padding: 8px 0 10px 0; } .row_4 td img, .row_5 td img { display: block; margin: 0 auto; } .row_4 td { background-image: -moz-linear-gradient(-90deg, #b6b8be , #d7dadb ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #b6b8be ), to( #d7dadb )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b8be', endColorstr='#d7dadb'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b6b8be, endColorstr=#d7dadb)"; border-top: 1px solid #898c91; } .row_5 td { border-top: 1px solid white; } .row_6 td { background: url(/static/tracfone/assets/images/contract_td_bg.png) 0 0 repeat-x; border-top: 2px solid #061636; border-right: 1px solid #061636; border-bottom: 1px solid #061636; border-left: 1px solid #061636; color: white; height: auto; padding: 6px 0; text-align: center; font: italic 1.3em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-shadow: 0px 2px 0px #22232d; } .family_value_plans { } .family_value_plans .row_2 td { padding: 12px 0; vertical-align: top; } .claim { color: #1b3d60; font: italic 1.2em/1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0; padding: 6px 0 0; text-align: center; } .family_value_plans .minutes_container { width: 100% } .protection_container { margin: 1em 0em 3em 0em; padding: 1em; background-image: -moz-linear-gradient(-90deg, #dbdcdc , #e0e1e2 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #dbdcdc ), to( #e0e1e2 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdcdc', endColorstr='#e0e1e2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbdcdc, endColorstr=#e0e1e2)"; -webkit-box-shadow: 0 1px 2px #000; -moz-box-shadow: 0 1px 2px #000; -o-box-shadow: 0 1px 2px #000; box-shadow: 0 1px 2px #000; float: right; } .protection_container .left { float: left; width: 50%; } .protection_container .right { float: right; width: 44%; } .protection_container h2 { color: #000; font-family: 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .protection_container p { color: #000; font-family: 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; ; } .offer_container { background: #8bb47f; padding: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px -2px 1px #498b37; -moz-box-shadow: inset 0px 2px 1px #498b37; -o-box-shadow: inset 0px 2px 1px #498b37; box-shadow: inset 0px 2px 1px #498b37; overflow: hidden; position: relative; } .offer_container p { font: 1.1em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; float: left; margin: 0 0 .5em 0; width: 50%; } .shield_btn { background: url("/static/tracfone/assets/images/shield_btn_bg.png") no-repeat scroll 10px 4px #3B7D1F; display: block; float: left; font: 1.8em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; color: white; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; margin: 0; padding: 5px 16px 5px 36px; text-shadow: 1px 1px 0 #42423D; text-transform: uppercase; } .offer_container img { display: block; float: right; margin: 0; padding: 0 25px 0 0; } .service_protect_btn { background: #3b7d1f url(/static/tracfone/assets/images/add_btn_bg.png) 10px 12px no-repeat; border: 0; display: block; color: #fff; cursor: pointer; font: 1.8em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin: 1em 0 0 0; padding:10px 10px 10px 36px; text-decoration: none; outline: none; } .giant_btn { color: #1c4062; cursor: pointer; font: normal 2.6em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; background: #e6e4e2; background-image: -moz-linear-gradient(-90deg, #fffefe , #cac7c4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fffefe ), to( #cac7c4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe', endColorstr='#cac7c4'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefe, endColorstr=#cac7c4)"; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 6px solid #b6babb; display: block; padding: 12px 40px 10px 40px; text-decoration: none; text-shadow: 1px 1px 1px #fff; outline: none; } .plans_container .giant_btn { float: right; } .plans_container p { margin-bottom: 1em; } .plans_container .claim { margin: 0; } /* @end */ /* @group Card Detail */ #card_detail_container { background: #b1d2a6; -webkit-box-shadow: #333 0px 1px 2px; -moz-box-shadow: #333 0px 1px 2px; -o-box-shadow: #333 0px 1px 2px; box-shadow: #333 0px 1px 2px; padding: 0 0 18px 0; } .card_detail { background: #e0e2e4; -webkit-box-shadow: #666 0px 1px 3px; -moz-box-shadow: #666 0px 1px 3px; -o-box-shadow: #666 0px 1px 3px; box-shadow: #666 0px 1px 3px; border: 2px solid white; margin: 3px 10px; padding: 18px 30px; position: relative; } .card_detail h2 { color: #1b3d60; font: 3em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0 0 1.75em; padding: 0; text-shadow: 1px 1px 0px white; } .card_detail h2 span { font-family: 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .card_detail h3 { color: #1b3d60; font: 2em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .card_detail h3 img { float: none; vertical-align: middle; padding: 0 0 0 10px; } .card_detail img { float: left; padding: 0 54px 50px 0; } .card_detail p { color: #222; padding-right: 130px; } #card_detail_container .big_btn { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 3px solid #B4B6B7; font: 1.4em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; float: left; position: relative; left: 8px; top: 0; margin: 1em 0; padding: 12px 16px; } /* @end */ /* @group Phone Detail */ .phone_page .wrapper { background:#EAECEF none repeat scroll 0 0; -webkit-box-shadow: 0px 1px 2px #999; -moz-box-shadow: 0px 1px 2px #999; -o-box-shadow: 0px 1px 2px #999; box-shadow: 0px 1px 2px #999; } .smallcaps { color: white; font: 1em/1em 'Lucida Grande','Lucide Sans Unicode',Verdana,sans-serif; float: left; padding: 14px 0; text-transform: uppercase; } .phone_page .smallcaps, .page_listing .smallcaps { background: url(/static/tracfone/assets/images/zip_code_icon.png) 0 10px no-repeat; padding: 13px 0 13px 22px; } .phone_features { background: url(/static/tracfone/assets/images/phone_features_bg.jpg) top right repeat; } #phone_detail_container { min-height:312px; height:auto !important; height:312px; z-index: 100; } .phone_features ul.span-6 { background: #eeeeee; background-image: -moz-linear-gradient(-90deg, #dbdcdc , #e0e1e2 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #dbdcdc ), to( #e0e1e2 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdcdc', endColorstr='#e0e1e2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbdcdc, endColorstr=#e0e1e2)"; -webkit-box-shadow: #222 0px 1px 2px; -moz-box-shadow: #222 0px 1px 2px; -o-box-shadow: #222 0px 1px 2px; box-shadow: #222 0px 1px 2px; list-style: none; margin: 0; height: 310px; } .phone_features ul.span-6 li { padding-top: 0; margin: 0; overflow: hidden; position: relative; } .phone_features #n_thumbs { background: #80af74; background-image: -moz-linear-gradient(-90deg, #69a158 , #80af74 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #69a158 ), to( #80af74 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69a158', endColorstr='#80af74'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#69a158, endColorstr=#80af74)"; -webkit-box-shadow: inset 1px 2px 1px #1b6915; -moz-box-shadow: inset 1px 2px 1px #1b6915; -o-box-shadow: inset 1px 2px 1px #1b6915; box-shadow: inset 1px 2px 1px #1b6915; margin: 0; padding: 0; } .phone_features #n_thumbs ul { overflow: hidden; margin: 0; padding: 20px 0 20px 4px; position: relative; } .phone_features #n_thumbs ul li { display: inline; padding: 0 0 0 0px; margin: 0 0 0 8px; width: 50px; } .phone_features #n_thumbs ul li a img { border: 3px solid #fff; -webkit-box-shadow: 1px 2px 2px #394e33; -moz-box-shadow: 1px 2px 2px #394e33; -o-box-shadow: 1px 2px 2px #394e33; box-shadow: 1px 2px 2px #394e33; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); margin: 0; padding: 0; } .phone_features #n_thumbs ul li a:hover img { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); margin: 0; padding: 0; } .phone_features ul.span-6 li#n_photos a, .phone_features ul.span-6 li#n_360 a { display: block; color: #222; font-size: 1.2em; font-weight: bold; margin: 0; padding: 30px 0 28px 84px; overflow: hidden; text-decoration: none; text-shadow: 1px 1px 2px #FFF; text-transform: uppercase; } .phone_features #n_photos a {background: url(/static/tracfone/assets/images/my_account_nav_sprite.png) 22px 16px no-repeat; cursor:default;} .phone_features #n_photos a:hover {background: url(/static/tracfone/assets/images/my_account_nav2_sprite.png) 22px 16px no-repeat;} .phone_features #n_360 a {background: url(/static/tracfone/assets/images/my_account_nav_sprite.png) 22px -124px no-repeat;} .phone_features #n_360 a:hover {background: url(/static/tracfone/assets/images/my_account_nav2_sprite.png) 22px -124px no-repeat;} .phone_feature_info { padding: 18px 0 18px 20px; overflow: hidden; min-height:274px; height:auto !important; height:274px; } .phone_feature_info img { float: left; /* padding: 18px 0 18px 20px; margin: 18px 0 18px 20px;*/ } .phone_feature_info .col_2 { float: left; padding: 1.5em 0 0 0; margin-left: 20px; width: 225px; } .phone_feature_info .col_2 p { color: white; font: 1.5em/1.2em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .phone_feature_info .col_2 p.tag { color: ##C4C4C4; font: 1.6em/1.4em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .phone_feature_info .col_2 .mini_tag { font: 1.2em/1.4em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; } .phone_feature_info h2 { color: #c4c4c4; font: normal 3.3em/.8em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-shadow: none; } .phone_feature_info .col_2 h2 span { color: #fff; font: normal .72em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform: uppercase; } .phone_feature_info .col_3 { float: right; padding: 10px 0 0 0; width: 205px; } .phone_price_container { background: #0d2a45; background: rgba(0,0,0,.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 1px 2px 2px #10253e; -moz-box-shadow: inset 1px 2px 2px #10253e; -o-box-shadow: inset 1px 2px 2px #10253e; box-shadow: inset 1px 2px 2px #10253e; overflow: hidden; margin: 0 0 2em 0; padding: 3px; width: 184px; } .phone_price { color: white; font: 2.4em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode','Verdana,sans-serif'; float: left; margin: 0; padding: 8px 5px 2px 3px; } .phone_price sup { line-height: 1.25em; font-size: .6em; } .cart_btn_container { background: #e0e0e0; background-image: -moz-linear-gradient(-90deg, #fffefe , #cac7c4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fffefe ), to( #cac7c4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe', endColorstr='#cac7c4'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefe, endColorstr=#cac7c4)"; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; float: right; margin: 0; width: 90px; } .cart_btn { display: block; background: url(/static/tracfone/assets/images/cart_btn_bg.png) 6px 5px no-repeat; color: #1b3d60; font: 1.4em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 12px 0 12px 32px; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 #FFFFFF; text-transform: uppercase; } .cart_btn:hover { background: url(/static/tracfone/assets/images/cart_btn_bg.png) 6px -59px no-repeat; color: #222; text-decoration: none; } .es .cart_btn { font:0.9em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding:12px 0 12px 27px; background:url("/static/tracfone/assets/images/cart_btn_bg.png") no-repeat scroll 0 3px; } .es .cart_btn:hover { background:url(/static/tracfone/assets/images/cart_btn_bg.png) 0px -61px no-repeat; } .phone_feature_icons { background: #0d2a45; background: rgba(0,0,0,.3); -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: inset 1px 2px 2px #10253e; -moz-box-shadow: inset 1px 2px 2px #10253e; -o-box-shadow: inset 1px 2px 2px #10253e; box-shadow: inset 1px 2px 2px #10253e; color: white; font: 1.3em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; overflow: hidden; margin: 0; padding: 10px 0 10px 20px; text-transform: uppercase; list-style: none; } .phone_feature_icons li { padding: 8px 0 10px 44px; } ul .camera {background: url(/static/tracfone/assets/images/phone_feature_icons.png) 0 0 no-repeat;} ul .text {background: url(/static/tracfone/assets/images/phone_feature_icons.png) 0 -32px no-repeat;} ul .bluetooth {background: url(/static/tracfone/assets/images/phone_feature_icons.png) 0 -64px no-repeat;} #sharethis { color: white; background: url(/static/tracfone/assets/images/icon_sharethis.png) 0 0 no-repeat; margin: 1.5em 0 1em; padding: 0 0 0 32px; } #bundles { color: white; background: url(/static/tracfone/assets/images/icon_bundles.png) 0 0 no-repeat; margin: 1em 0; padding: 0 0 0 32px; } .info_tabs { width: 672px; -webkit-box-shadow: 0px 1px 2px #666; -moz-box-shadow: 0px 1px 2px #666; -o-box-shadow: 0px 1px 2px #666; box-shadow: 0px 1px 2px #666; background-image: -moz-linear-gradient(-90deg, #dadcdd , #e1e4e4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #dadcdd ), to( #e1e4e4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadcdd', endColorstr='#e1e4e4'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dadcdd, endColorstr=#e1e4e4)"; min-height:510px; height:auto !important; height:510px; float: left; padding: 3em 0; } .info_tab_nav { list-style: none; margin: 0 0 3em 0; overflow: hidden; } .info_tab_nav li { display: block; float: left; } .info_tab_nav li a { background: #c0c0c0; color: #448f24; display: block; font: 1.4em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 20px 0; width: 168px; text-align: center; text-decoration: none; } .info_tab_nav li a.active { background: #629350; color: #fff; -webkit-box-shadow: inset 1px 2px 2px #1B6915; -moz-box-shadow: inset 1px 2px 2px #1B6915; -o-box-shadow: inset 1px 2px 2px #1B6915; box-shadow: inset 1px 2px 2px #1B6915; text-shadow: none; } .info_tab h2 { color: #8b8b8b; font: normal 3.3em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-shadow: 0px 1px 0px #fff; } .info_tab h2 span { font: normal .72em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-transform: uppercase; } .info_tab h4 { color: #333; font: normal 1.4em/1.4em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 0 0 .25em 0; } .info_tab p { color: #555; } .phone_page .sidebar { width: 230px; float: right; padding: 1em 20px 0 0; } .phone_page .sidebar_section { padding: 2em 0; } .dl_manual { background: #348020 url(/static/tracfone/assets/images/dl_icon.png) 14px 12px no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: white; display: block; font: 1.4em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 8px 0 0 0; padding: 20px 0 18px 56px; text-decoration: none; text-shadow: -1px -1px 0 #424242; text-transform: uppercase; } h3.airtime { background: url(/static/tracfone/assets/images/sidebar_airtime_icon.png) 0 0 no-repeat; padding: 2px 0 4px 25px; text-transform: uppercase; } h3.extras { background: url(/static/tracfone/assets/images/sidebar_extras_icon.png) 0 0 no-repeat; padding: 6px 0 6px 34px; text-transform: uppercase; } h3.extras a { text-decoration: none; } .add_actions li a { background: url(/static/tracfone/assets/images/sidebar_add_icon.png) 8px 6px no-repeat; color: #2a6096; display: block; font: 1.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 8px 0 7px 32px; text-decoration: none; text-transform: uppercase; } .add_actions li a:hover { background-color: #d5d9da; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 2px 1px #cacbcd; -moz-box-shadow: inset 1px 2px 1px #cacbcd; -o-box-shadow: inset 1px 2px 1px #cacbcd; box-shadow: inset 1px 2px 1px #cacbcd; color: #424242; } .battery_talk, .standby_time, .heading_aid {text-transform:uppercase; font-weight:bold; font-size:1em; height:3em; line-height:1.3em; margin-bottom:2em;} .battery_talk {background: url("/static/tracfone/assets/images/ph_detail_battery.png") no-repeat left;} .standby_time {background: url("/static/tracfone/assets/images/ph_detail_standby.png") no-repeat left;} .heading_aid {background: url("/static/tracfone/assets/images/ph_detail_hearing.png") no-repeat left;} /* @end */ /* @group Footer */ #footer .wrapper, .legal .wrapper {padding: 20px 0 15px 0;} .legal .wrapper {padding-bottom: 35px;} #footer {background: #0B2D50; color:#ffffff;} #footer a {color:#ffffff; text-decoration:none;} #footer a:hover {text-decoration:underline;} .links dl {text-shadow: 1px 1px 1px #000000;} .links dl dt { font-family: 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; font-size:1.4em; margin-bottom: 1.25em; font-weight: normal; } .links dl dd{ font-size: 1.1em; padding:2px 0px; margin: 0;} .social { padding-top: 1em; } .social a { display: block; font-size: 1em; font-weight: bold; height: 22px; text-transform: uppercase; margin-bottom: .75em; padding: 8px 0 0 42px; } dd .facebook {background: url(/static/tracfone/assets/images/footer_social_sprite.png) 0 5px no-repeat;} dd .twitter {background: url(/static/tracfone/assets/images/footer_social_sprite.png) 0 -85px no-repeat;} dd .forum {background: url(/static/tracfone/assets/images/footer_social_sprite.png) 0 -25px no-repeat;} dd .youtube {background: url(/static/tracfone/assets/images/footer_social_sprite.png) 0 -55px no-repeat; } dd .gplus {background: url(/static/tracfone/assets/images/footer_social_sprite.png) 0 -112px no-repeat; margin-bottom: 0;} .legal a img {padding: 10px 0 0 0;} .legal {background: #0a1f36; color: white;} .legal p {color: white; font-size: 1.1em; line-height: 1.4em; text-shadow: 1px 2px 0px #000000;} .legal .rights {font-size:.8em; line-height: 1.4em; letter-spacing: .05em;} .legal ul {text-shadow: 1px 2px 0px #000000;} .legal ul li { display:inline; padding-right:8px; text-transform:uppercase; font-weight:normal;} .legal .span-7 { padding-top: 14px; } .legal .span-7 p { margin: 2.75em 0 1em 0; } #other_brands {width: 207px; height: 30px;} #other_brands li {float: left; width: 69px; height: 30px; padding-right: 0;} #other_brands li a { background-image: url(/static/tracfone/assets/images/footer_brands_sprite.png); display: block; height: 30px; list-style-type: none; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); text-indent: -9999px; } #other_brands li a:hover {opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);} #other_brands .net10 a {background-position: 0 0;} #other_brands .straight_talk a {background-position: -69px 0;} #other_brands .safelink a {background-position: -138px 0;} .legal .span-7 h2 { color: white; font: 20px/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin-bottom: .25em; text-shadow: none; } .legal .span-7 form { overflow: hidden; margin: 1em 0 0em; } .legal .span-7 input.text { -webkit-border-top-left-radius: 14px; -moz-border-radius-topleft: 14px; border-top-left-radius: 14px; -webkit-border-bottom-left-radius: 14px; -moz-border-radius-bottomleft: 14px; border-bottom-left-radius: 14px; /* -webkit-box-shadow: 0px 1px 3px #435e88; -moz-box-shadow: 0px 1px 3px #435e88; -o-box-shadow: 0px 1px 3px #435e88; box-shadow: 0px 1px 3px #435e88; */ background-color: #152F4A; border: none; color: #FFFFFF; font-size: 1.3em; padding: 6px 10px; width: 180px; float: left; margin-right: 4px; } .legal .span-7 input.btn { -webkit-border-top-right-radius: 14px; -moz-border-radius-topright: 14px; border-top-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; -moz-border-radius-bottomright: 14px; border-bottom-right-radius: 14px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; float: left; font: 1.2em/1em 'AllerReg','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 6px 0 0 0; padding: 5px 15px 5px 10px; text-transform: uppercase; } /* @end */ /* @group Why Tracfone */ .page_listing .title_bar, .phone_page .title_bar, .phone_landing .title_bar, .tour .title_bar { background-image: url(/static/tracfone/assets/images/title_bar_bg_swirl.jpg); } .tour .title_bar { height: 48px; padding: 11px 0; } .tour .title_bar h1 { padding-top: 4px; } .page_options .big_btn { border: 5px solid #236214; border: 5px solid rgba(0,0,0,0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: 1.8em/1em 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; padding: 10px 14px 10px 14px; text-align: left; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .big_btn a { text-decoration: none; } .big_btn a:hover { color: #222; } .content_nav {background: #e0e0e0; border:1px solid #d5d6d7; background-image: -moz-linear-gradient(-90deg, #f7f7f7 , #dadada ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #f7f7f7 ), to( #dadada )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dadada'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f7, endColorstr=#dadada)"; -webkit-box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; -moz-box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; -o-box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; } .content_nav ul {margin:0px;} .content_nav ul li {display:block; cursor: pointer;} .content_nav ul li a { color:#222222; display:block; font-size:1.1em; font-weight:bold; margin:0px; padding:22px 0 26px 84px; text-decoration:none; text-shadow:1px 1px 2px #ffffff; text-transform:uppercase; } /* Spanish Tour Nav Fix */ .es .content_nav ul li a { font-size:1.1em; } .content_nav ul li a:hover{color:#288500;} .content_nav #overview a {background:url(/static/tracfone/assets/images/tour_nav_sprites.png) no-repeat scroll 20px 10px transparent;} .content_nav #whytrac a {background:url(/static/tracfone/assets/images/tour_nav_sprites.png) no-repeat scroll 20px -61px transparent;} .content_nav #services a {background:url(/static/tracfone/assets/images/tour_nav_sprites.png) no-repeat scroll 20px -131px transparent;} .content_nav #how a {background:url(/static/tracfone/assets/images/tour_nav_sprites.png) no-repeat scroll 20px -200px transparent;} .content_nav #about a {background:url(/static/tracfone/assets/images/tour_nav_sprites.png) no-repeat scroll 20px -273px transparent;} #hiddenanchor { height:1px; position: absolute; top:10px; z-index:1000; border: none; } .content_nav #overview.selected a {background:url(/static/tracfone/assets/images/tour_nav_sprites_over.png) no-repeat scroll 20px 10px transparent;} .content_nav #whytrac.selected a {background:url(/static/tracfone/assets/images/tour_nav_sprites_over.png) no-repeat scroll 20px -61px transparent;} .content_nav #services.selected a {background:url(/static/tracfone/assets/images/tour_nav_sprites_over.png) no-repeat scroll 20px -131px transparent;} .content_nav #how.selected a { background:url(/static/tracfone/assets/images/tour_nav_sprites_over.png) no-repeat scroll 20px -200px transparent;} .content_nav #about.selected a {background:url(/static/tracfone/assets/images/tour_nav_sprites_over.png) no-repeat scroll 20px -273px transparent;} /* TEXT MESSAGING PAGE */ .content_nav #txtsms a {background:url(/static/tracfone/assets/images/tour_nav_sprites2.png) no-repeat scroll 20px -343px transparent;} .content_nav #txtmms a {background:url(/static/tracfone/assets/images/tour_nav_sprites2.png) no-repeat scroll 20px -416px transparent;} .content_nav #txtinst a {background:url(/static/tracfone/assets/images/tour_nav_sprites2.png) no-repeat scroll 20px 10px transparent;} .content_nav #txtfaq a {background:url(/static/tracfone/assets/images/tour_nav_sprites2.png) no-repeat scroll 20px -487px transparent;} .content_nav #txtsms.selected a {background:url(/static/tracfone/assets/images/tour_nav_sprites_over2.png) no-repeat scroll 20px -343px transparent;} .content_nav #txtmms.selected a {background:url(/static/tracfone/assets/images/tour_nav_sprites_over2.png) no-repeat scroll 20px -416px transparent;} .content_nav #txtinst.selected a {background:url(/static/tracfone/assets/images/tour_nav_sprites_over2.png) no-repeat scroll 20px 10px transparent;} .content_nav #txtfaq.selected a { background:url(/static/tracfone/assets/images/tour_nav_sprites_over2.png) no-repeat scroll 20px -487px transparent;} .content_nav li.selected { background-image: -moz-linear-gradient(-90deg, #81ba69 , #c4d4c2 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #81ba69 ), to( #c4d4c2 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81ba69', endColorstr='#c4d4c2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#81ba69, endColorstr=#c4d4c2)"; } .content_nav li.selected a{ color: #288500; border-top: 1px solid #48972a; border-bottom: 1px solid #f9fafa;} .slide h2 {font-size:3em; color:#48637f; margin-bottom:.25em;} .slide h4 {font-size:1.4em; font-weight:bold;} .slide h3 {position:relative; font-family: 'AllerLig','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; font-size:2.4em; margin-bottom:0.5em;} .slide h3 img {position:absolute; left:0px; top:-5px;} .slide .steps {border-top:1px solid #ebedee; padding:15px 0px;} .slide .container {/*border-top:1px solid #cfd0d2;*/ padding:8px 0px; } .grey_divider {border-top:1px solid #cfd0d2;} h5 {font-size:1.7em; color:#2a6096; font-family:'AllerReg','Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-weight:normal; margin-bottom:0em;} #preloader { background:#fff url(/static/tracfone/assets/images/ajax-loader.gif) no-repeat; background-position:center; width:220px; height:20px; padding:10px; border:1px solid #CCC; position:absolute; top: 100px; left:50%; display: none; -moz-box-shadow: 0 1px 3px #111; -webkit-box-shadow: 0 1px 3px #eee; box-shadow: 0 1px 3px #eee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} /* @end */ /* @group Support page */ .support h2 {margin-bottom:0em;} .support .span-6 h2, .support .span-10 h2 {text-align:left;} .support_sidebar .support_section:nth-child(2) h2{color:#1b3d60; font-family:'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; font-size:2em; } .support_section a {text-decoration:none;} .support_section { border-bottom: 1px solid #c9cacb; padding: 7px 0px; } .support_section h2 img { margin-right:10px; margin-bottom:-5px; } .support_section input { margin:1em 0em 1.2em 0em; height:19px; } .support_section dd{ margin-left:0px; } .support_section .contact_us {background:url(/static/tracfone/assets/images/contact_icn.png) no-repeat;} .support_section .btn {vertical-align:text-bottom; } .content_nav #overview a{ background:url("/static/tracfone/assets/images/tour_nav_sprites.png") no-repeat scroll 20px 14px transparent; } .support .content_nav #overview.selected a { background:url("/static/tracfone/assets/images/tour_nav_sprites_over.png") no-repeat scroll 20px 15px transparent; } .tools_container { position:relative; border:3px solid #c3c5c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tools_btn{ background: #e0e0e0; background-image: -moz-linear-gradient(-90deg, #fffefe , #cac7c4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fffefe ), to( #cac7c4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe', endColorstr='#cac7c4'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefe, endColorstr=#cac7c4)"; color: #448f24; display:block; height:54px; width:82px; text-align:center; } .support_section dd{ margin-left:0px; } .tools_btn img {padding-top:15px;} .tools_label { position:absolute; left:93px; top:13px; color:#1b3d60; font-weight:bold; text-shadow: 0 1px 0 white; } .support_section:last-child {border-bottom:none;} .support_page .page_options p { color:#fff; text-shadow:0 1px 1px #14280D; text-transform:uppercase; font-size:1.0em; font-weight:bold; } /* @end */ /* @group FAQ page */ .faq_nav { border:1px solid #d5d6d7; background-image: -moz-linear-gradient(-90deg, #f7f7f7 , #dadada ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #f7f7f7 ), to( #dadada )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dadada'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f7, endColorstr=#dadada)"; *background-color: #f7f7f7; /* IE Hack to show BG colors */ -webkit-box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; -moz-box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; -o-box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; } .faq_nav ul {margin:0px;} .faq_nav ul li {display:block;} .faq_nav li a { color: #222222; display: block; font-size: 1.2em; font-weight: bold; margin: 0; padding: 22px 0 26px 84px; text-decoration: none; text-shadow: 1px 1px 2px #FFFFFF; text-transform: uppercase; background: url("/static/tracfone/assets/images/tour_nav_sprites.png") no-repeat scroll 20px 14px transparent; } /* CR 15956 (Defect 1277): New class shrinks text. */ .es .faq_nav li a { font-size: 1em; } .faq_sub {background-image: -moz-linear-gradient(-90deg, #7aaa66 , #92b983 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #7aaa66 ), to( #92b983 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7aaa66', endColorstr='#92b983'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7aaa66, endColorstr=#92b983)"; border-top:2px solid #3f7c40; *background-color: #7aaa66; /* IE Hack to show BG colors */ } .faq_cat .faq_sub li a {padding:2px 0px 2px 20px; background:none; text-transform:capitalize; font-size:1.2em; color:#fff; text-shadow:none; } .faq_cat .faq_sub li a:hover {text-decoration:underline;} .faq_main h4 {font-size:1.8em; padding-bottom:1.0em; border-bottom:1px solid #c1c2c3;} .faq_main ul {list-style:none;} .faq_main ul li {padding-bottom:15px;} .faq_main p {margin:0px; font-size:1.3em; font-weight:bold;} .faq_main .question { padding:9px 5px 9px 50px; -webkit-box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; -moz-box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; -o-box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; box-shadow: #666 0px 1px 1px, inset #bfbfbf 0px 0px 1px; background-color: #dfe0e1; background-image: url(/static/tracfone/assets/images/question.png); background-repeat: no-repeat; background-position: 12px center; } .faq_main .answer { background:url(/static/tracfone/assets/images/answer.png) border-top:2px solid #3f7c40; padding:15px 5px 10px 50px; background-color: #7BAA67; background-image: url(/static/tracfone/assets/images/answer.png); background-repeat: no-repeat; background-position: 12px 12px; display:none; } .faq_main .answer p, .faq_main .answer ol li, .faq_main .answer ul li {color:#fff;} /* @end */ /* @group Tour pagination */ .pagination { background: #EBEDEE; background: rgba(187,187,187,.1); width: 920px; padding: 15px; float: left; margin: 20px 0 0 0; -moz-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 1px 2px 10px rgba(0, 0, 0, .1); box-shadow: inset 1px 2px 10px rgba(0, 0, 0, .1); } .pagination a { width: 119px; height: 31px; line-height: 31px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; font-size: 1.2em; } .pagination .previous { float: left; padding-left: 5px; } .pagination .next { float: right; padding-right: 5px; } .pagination a.previous { background: url(/static/tracfone/assets/images/previous_arrow.png) no-repeat 0 0; } .pagination a.next { background: url(/static/tracfone/assets/images/next_arrow.png) no-repeat 0 0; } .pagination span { height: 31px; line-height: 31px; margin: 0 20px; font-size: 1.4em; font-weight: bold; color: #000; } /* @group Zipcode Form */ #zip_submit, #ticket_submit { float: right; margin: 8px 0 0 0; } #zip_submit label, #ticket_submit label { color: #fff; background: url(/static/tracfone/assets/images/zip_code_icon.png) no-repeat 0 0; display: block; float: left; margin: 4px 0 0 0; padding: 2px 8px 2px 20px; text-shadow: 1px 1px 1px #145311; text-transform: uppercase; } .title_btn { background: #e6e4e2; background-image: -moz-linear-gradient(-90deg, #fffefe , #cac7c4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fffefe ), to( #cac7c4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefe, endColorstr=#cac7c4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefe, endColorstr=#cac7c4)"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; color: #1b3d60; font: normal 1.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; margin: 6px 0 0 4px; padding: 4px 0 3px 0; text-align: center; text-decoration: none; text-shadow: 1px 1px 0px #fff; text-transform: uppercase; width: 60px; padding:4px 12px 3px } #zip_search, #ticket_search { background: #134c10; background: rgba(0,0,0,.3); border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; font-size: 1em; margin: 0 3px 0 0; padding: 2px 0 3px 4px; position: relative; right: -3px; height: 18px; -webkit-box-shadow: inset 1px 2px 1px #134b10; -moz-box-shadow: inset 1px 2px 1px #134b10; -o-box-shadow: inset 1px 2px 1px #134b10; box-shadow: inset 1px 2px 1px #134b10; color: white; font-size: 1.2em; text-transform: uppercase; width: 120px; } #zip_submit input, #ticket_submit input { float: right; } .input-btn { border: none; color: #1c4062; cursor: pointer; font: 1.1em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; background: #e6e4e2; background-image: -moz-linear-gradient(-90deg, #fffefe , #cac7c4 ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fffefe ), to( #cac7c4 )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe', endColorstr='#cac7c4'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefe, endColorstr=#cac7c4)"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 23px; margin: 0 0 0 4px; padding: 2px 0 4 px 0; position: relative; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; line-height: 12px; width: 60px; } .input-btn:hover { background: #e6e4e2; background-image: -moz-linear-gradient(-90deg, #cac7c4 , #fffefe ); background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #cac7c4 ), to( #fffefe )); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac7c4', endColorstr='#fffefe'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cac7c4, endColorstr=#fffefe)"; color: #222; } /*Pay as you go popup scroller*/ #paygo_special .controls {margin:-18px 0px 0px 20px;} #paygo_special .scrollable { position:relative; overflow:hidden; width: 400px; height:300px; } #paygo_special .scrollable .items { width:20000em; position:absolute; clear:both; } #paygo_special .items div { float:left; width:400px; height: 300px; } #paygo_special .scrollable img { float:left; } #paygo_special .scrollable .active { border:2px solid #000; position:relative; cursor:default; } #paygo_special a.right { background:url(/static/tracfone/images/right.png) no-repeat; width:18px; height:18px; display:block; float:left; margin-right:10px; cursor:pointer; } #paygo_special a.right:hover {background-position:0px -18px;} #paygo_special a.left{ background:url(/static/tracfone/images/left.png) no-repeat; width:18px; height:18px; display:block; float:left; margin-right:10px; cursor:pointer; } #paygo_special a.left:hover{background-position:0px -18px;} .coverage_maps_input button.btn {margin-top:0px !important;} /*Pay As You Go*/ #sidebar-total-info thead{ font-family: AllerBol; font-size: 12px; } .service_days{ background: url(/static/tracfone/images/days_bg_2.png) no-repeat; width: 80px; height: 44px; line-height: 54px; color: #fff; font-size: 2.2em; font-family: AllerBol; text-align: center; text-shadow: 0 1px 0 #000; } .service_minutes { background: url('/static/tracfone/assets/images/minutes_bg.png') no-repeat scroll 6px 3px rgb(139, 180, 127); color: white; font: 2.2em/1em 'AllerBol','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; text-align: center; text-shadow: 1px 1px 0px rgb(66, 66, 61); margin: 7px 0 0 0; padding: 4px 6px 5px 28px; width: 70px; border-radius: 16px 16px 16px 16px; box-shadow: 0px 2px 1px rgb(73, 139, 55) inset;} /* @end */