/*--------------------------------------------------------- MODULES -------------------------------------------------------------*/ /* Chat and need help container */ #storeBannerButtonHolder{margin:10px 0 0; min-height:36px;} .storeFreeShipping{float:right; width:140px; height:36px; background:url(/images_b2c/store/freeShippingMsg.jpg) no-repeat 0 3px;} .exploreChat {float:right; margin-top:10px; height:24px;} .shopChat {float:right; margin-top:5px;} .exploreChat #lpchatdynamicbuttondiv, .shopChat #lpchatdynamicbuttondiv {float:left;} .exploreChat .needHelpButton {display:inline-block;background:url(/images_b2c/liveperson/explore/call.png) no-repeat right top; margin-left:10px;float:left; width:80px; height:20px;} .exploreChat .needHelpLink, .shopChat .needHelpLink{display:inline-block; cursor:pointer;} .shopChat .needHelpButton {display:inline-block;background:url(/images_b2c/liveperson/explore/call.png) no-repeat right top; margin-left:10px;float:left; width:167px; height:20px;} .needHelpCont {float:left; position:relative; margin:20px 30px 0 0; width:340px;} .needHelpCont p {margin: 5px 0 0;font-size:1.1em; line-height: 1.4em;} .needHelpCont h3 {font-size:1.2em;} .needHelpChat {padding:0 0 0 120px; background:url("/images_b2c/explore/needHelp1.jpg") 20px 0 no-repeat;} .needHelpPhone {padding:0 0 0 90px; background:url("/images_b2c/explore/needHelp2.jpg") 0 0 no-repeat;} /* Wayfinder */ .wayfinder {background:url("/images_b2c/store/wayfinderBottom.gif") no-repeat bottom; width:301px; float:right; min-height:69px; _height:69px;} .wayfinderTop {background:url("/images_b2c/store/wayfinderTop.gif") no-repeat top; width:301px; height:3px;} .wayfinderPath {float:left; width:65px; font-weight:bold; color:#fff; padding:16px 0px 0px 10px;} .wayfinderNoDevice {float:left; width:225px; margin:auto 0px; text-align:center; padding-top:24px;} .wayfinderDevice {float:left;} .wayfinderDeviceDesc {float:left; width:100px; padding:0px 5px 5px 0px; border-right:1px solid #eaeaea;} .wayfinderNext {float:left; width:60px; padding-left:10px;} /* Wish List -- Only used on PDP */ .wishList {background:url("/images_b2c/wishlist/wishlist.gif") no-repeat transparent; width:169px; height:35px; margin-top:15px;} /* Badges */ /* global Ready Badges CR38579 Still need to get a new sprite and fix the pixels to match image */ .globalReadyBadge {background: url("/images_b2c/store/sprite_badges.gif") no-repeat scroll left -330px transparent;display: block;height: 30px;overflow: hidden;} .globalReadyBadgeSm {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -360px; overflow:hidden; height:27px; width:27px; display:block;} .onlineExclusiveBadge {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left 0px; overflow:hidden; height:30px; display:block;} .onlineExclusiveBadgeSm {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -30px; overflow:hidden; height:28px; display:block;} .lteBadge {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -58px; overflow:hidden; height:30px; display:block;} .lteBadgeSm {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -88px; overflow:hidden; height:28px; display:block;} .vzwExclusiveBadge {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -116px; overflow:hidden; height:30px; display:block;} .vzwExclusiveBadgeSm {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -146px; overflow:hidden; height:27px; display:block;} .preSaleBadge {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -173px; overflow:hidden; height:30px; display:block;} .preSaleBadgeSm {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -272px; overflow:hidden; height:27px; width:27px; display:block;} .preOrderBadge {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -204px; overflow:hidden; height:30px; display:block;} .preOrderBadgeSm {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -301px; overflow:hidden; height:28px; width:27px; display:block;} .bogoBadge {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -332px; overflow:hidden; height:30px; width:30px; display:block;} .bogoBadgeSm {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -365px; overflow:hidden; height:27px; width:26px; display:block;} .vBundleBadge {background: url("/images_b2c/store/sprite_badges.gif") no-repeat scroll left -386px transparent;display: block;height: 30px; overflow: hidden;} .isisReadyBadge {background: url("/images_b2c/store/sprite_badges.gif") no-repeat scroll left -390px transparent;display: block;height: 30px;overflow: hidden;} .isisReadyBadgeSm {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -420px; overflow:hidden; height:27px; width:27px; display:block;} .xlteBadge {background: url("/images_b2c/store/sprite_badges.gif") no-repeat scroll left -444px transparent;display: block;height: 17px;overflow: hidden;} .xlteBadgeSm {background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -460px; overflow:hidden; height:17px; width:27px; display:block;} .itemDiscount {padding:3px 0 0 1px; font-size:13px;line-height:12px; background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -240px; overflow:hidden; height:29px; width:30px; display:block; color:white; font-weight:bold; text-align:center;} .itemDiscount span{font-size:11px; display:block; } .lteIcon {background:url("/images_b2c/store/4glte_pdp.png") no-repeat; width:65px; height:22px;} .lteIconSm {background:url("/images_b2c/store/4glte_sm.png") no-repeat; width:50px; height: 18px;} /* Color Swatches */ .colorSwatches {display:table; margin:0 auto; padding:0px 0px 5px 10px; //display:inline; //zoom:1;} .colorSwatchesSm {display:table; margin:0 auto; padding-left:20px; //display:inline; //zoom:1;} .colorSwatch {float:left; width:19px; height:20px; margin-right:7px; position:relative;} .colorSwatch span {background:url("/images_b2c/shared/colorswatches/colorSwatchBorder.gif") no-repeat; width:25px; height:25px; position:absolute; top:-3px; left:-3px; display:block;cursor:pointer;} .colorSwatch span.selected {background:url("/images_b2c/shared/colorswatches/colorSwatchSelected.gif") no-repeat !important; width:25px; height:25px; display:block;} .colorSwatchSm {float:left; width:11px; height:11px; margin-right:7px;} .colorSwatchSm div {background:url("/images_b2c/shared/colorswatches/colorSwatchSmBorder.gif") no-repeat; width:15px; height:15px; position:relative; top:-2px; left:-2px;} .colorSwatchSm div.selected {background:url("/images_b2c/shared/colorswatches/colorSwatchSmSelected.gif") no-repeat; width:15px; height:15px;} /* Togglers */ h3.toggleSectionHeading, h3.toggleSectionHeading span, h3.toggleSectionHeading span span, h3.toggleSectionHeadingOpen, h3.toggleSectionHeadingOpen span, h3.toggleSectionHeadingOpen span span {display:block;margin:0;padding:0;color:#000;font-weight:bold;font-size:1.1em;line-height:40px;cursor:pointer;} h3.toggleSectionHeading {background:transparent url("/images_b2c/shared/headers/toggleSectionHeading_leftClosed.gif") no-repeat left top;padding:0 0 0 30px;} h3.toggleSectionHeading span {background:transparent url("/images_b2c/shared/headers/toggleSectionHeading_rightClosed.gif") no-repeat right top;padding:0 5px 0 0;} h3.toggleSectionHeading span span {background:#e3e3e3 url("/images_b2c/shared/headers/toggleSectionHeading_1px.gif") repeat-x;} h3.toggleSectionHeading span span span { margin-left:10px; line-height:20px; display:inline !important; padding:0px !important; background:none; font-size:0.65em !important; font-weight:normal !important;} h3.toggleSectionHeadingOpen {background:transparent url("/images_b2c/shared/headers/toggleSectionHeading_leftOpen.gif") no-repeat left top;padding:0 0 0 30px;} h3.toggleSectionHeadingOpen span {background:transparent url("/images_b2c/shared/headers/toggleSectionHeading_rightOpen.gif") no-repeat right top;padding:0 5px 0 0;} h3.toggleSectionHeadingOpen span span {background:#e3e3e3 url("/images_b2c/shared/headers/toggleSectionHeading_1px.gif") repeat-x;} h3.toggleSectionHeadingOpen span span span { margin-left:10px; line-height:20px; display:inline !important; padding:0px !important; background:none; font-size:0.65em !important; font-weight:normal !important;} h3.packageToggleSectionHeading, h3.packageToggleSectionHeading span, h3.packageToggleSectionHeading span span, h3.packageToggleSectionHeadingOpen, h3.packageToggleSectionHeadingOpen span, h3.packageToggleSectionHeadingOpen span span {display:block;margin:0;padding:0;color:#666 !important;font-weight:normal;font-size:14px;line-height:31px;cursor:pointer;} h3.packageToggleSectionHeading a, h3.packageToggleSectionHeadingOpen a {font-size:11px !important; padding-left:10px;} h3.packageToggleSectionHeading {background:transparent url("/images_b2c/shared/headers/blue.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeading span {background:transparent url("/images_b2c/shared/headers/packageToggleSectionHeading_leftClosed.gif") no-repeat left top;padding:0 0 0 26px;} h3.packageToggleSectionHeading span span {background:#e3e3e3 url("/images_b2c/shared/headers/packageToggleSectionHeading_1px.gif") repeat-x; border-right:solid 1px #d1d1d1;} h3.packageToggleSectionHeadingOpen {background:transparent url("/images_b2c/shared/headers/blue.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeadingOpen span {background:transparent url("/images_b2c/shared/headers/packageToggleSectionHeading_leftOpen.gif") no-repeat left top;padding:0 0 0 26px;} h3.packageToggleSectionHeadingOpen span span {background:#e3e3e3 url("/images_b2c/shared/headers/packageToggleSectionHeading_1px.gif") repeat-x; border-right:solid 1px #d1d1d1;} h3.packageToggleSectionHeading.color1 {background:transparent url("/images_b2c/shared/headers/blue.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeading.color2 {background:transparent url("/images_b2c/shared/headers/green.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeading.color3 {background:transparent url("/images_b2c/shared/headers/lime.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeading.color4 {background:transparent url("/images_b2c/shared/headers/magenta.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeading.color5 {background:transparent url("/images_b2c/shared/headers/orange.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeading.color6 {background:transparent url("/images_b2c/shared/headers/yellow.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeadingOpen.color1 {background:transparent url("/images_b2c/shared/headers/blue.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeadingOpen.color2 {background:transparent url("/images_b2c/shared/headers/green.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeadingOpen.color3 {background:transparent url("/images_b2c/shared/headers/lime.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeadingOpen.color4 {background:transparent url("/images_b2c/shared/headers/magenta.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeadingOpen.color5 {background:transparent url("/images_b2c/shared/headers/orange.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageToggleSectionHeadingOpen.color6 {background:transparent url("/images_b2c/shared/headers/yellow.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageSectionHeading, h3.packageSectionHeading span, h3.packageSectionHeading span span, h3.packageSectionHeadingOpen, h3.packageSectionHeadingOpen span, h3.packageSectionHeadingOpen span span {display:block;margin:0;padding:0;color:#666 !important;font-weight:normal;font-size:14px;line-height:31px;} h3.packageSectionHeading a, h3.packageSectionHeadingOpen a {font-size:11px !important; padding-left:10px;} h3.packageSectionHeading {background:transparent url("/images_b2c/shared/headers/blue.gif") no-repeat left top;padding:0 0 0 10px;} h3.packageSectionHeading span {background:transparent url("/images_b2c/shared/headers/packageToggleSectionHeading_leftOpen.gif") no-repeat left top;padding:0 0 0 26px;} h3.packageSectionHeading span span {background:#e3e3e3 url("/images_b2c/shared/headers/packageToggleSectionHeading_1px.gif") repeat-x; border-right:solid 1px #d1d1d1;} /* Sliders */ .previousArrow {background:url("/images_b2c/store/gray_icons.gif") no-repeat left -16px; width:25px; height:24px;} .nextArrow {background:url("/images_b2c/store/gray_icons.gif") no-repeat left -66px; width:25px; height:24px;} #previousArrow{cursor:pointer;display:none;} #nextArrow{cursor:pointer;display:none;} .scrollArrow .disabled{cursor:default !important; opacity: 0.45;filter: alpha(opacity=45)} .scroller_1 {background:none;width:300px; float:left; position:relative; overflow:hidden; text-align:center; margin:0; padding:0;} .scroller_1 .slideWindow{width:270px; margin:0 auto; overflow:hidden; position:relative;border:0px solid green;} .scroller_1 .slideDiv{width:9000px; position:relative;left:0;} .scroller_1 .slideDiv div{width:90px; height:150px; display:block; float:left; border:none;text-align:center;padding:5px 0 0 0;} .scroller_1 .slideDiv .selected{width:88px; height:148px; display:block; float:left; padding:3px 1px; background:#f2f2f2; border: 1px solid silver;} .scroller_1 .slideDiv img{margin:0 auto;} .scroller_1 .prev{cursor:pointer;width:25px; height:25px; position:absolute; top:40px; left:0; background:url("/images_b2c/store/gray_icons.gif") 0 -15px no-repeat;} .scroller_1 .prevHover{background:url("/images_b2c/store/gray_icons.gif") 0 -40px no-repeat;} .scroller_1 .next{cursor:pointer;width:25px; height:25px; position:absolute; top:40px; right:0;background:url("/images_b2c/store/gray_icons.gif") 0 -65px no-repeat;} .scroller_1 .nextHover{background:url("/images_b2c/store/gray_icons.gif") 0 -90px no-repeat;} .scroller_1 .selectorDiv {background:#FFF; margin: 0 auto;} .scroller_1 .selectorDiv div{cursor:pointer; width:10px; height:10px; float:left; border:none; margin:2px; background: url("/images_b2c/shared/elements/slideshowChoose.gif") no-repeat; overflow:hidden;} .scroller_1 .selectorDiv .hover{background: url("/images_b2c/shared/elements/slideshowChoose.gif") 0 -10px no-repeat;} .scroller_1 .selectorDiv .selected{background: url("/images_b2c/shared/elements/slideshowChoose.gif") 0 -20px no-repeat;} /* Special Offers */ #offerLayout1 {width: 985px;} #offerLayout1 .threeColContainer1 {float:left; width:291px; padding:0px 20px 0px 10px;} #offerLayout1 .threeColContainer2 {float:left; width:323px; background-color:#ccc; margin:0px;} #offerLayout1 .threeColContainer2 .content {background-color:#f3f3f3; padding:0px 16px 0px 20px; margin:0px 1px; width:285px;} #offerLayout1 .threeColContainer3 {float:left; width:291px; padding:0px 10px 0px 20px;} a.specialOffersPodLink {float:left; text-decoration:none; margin:10px 0px 0px 10px;} a.speciallOffersPodLink:hover {text-decoration:none;} .specialOffersPod {height:20px;padding-left:3px;background:transparent url("/images_b2c/shared/elements/specialOffersSprite.gif") no-repeat left 0px;overflow:hidden; width:108px; font-weight:bold; font-size:11px; color:#fff; text-decoration:none; cursor:pointer;} .specialOffersPod div {height:20px;padding-right:3px;padding-left:0px;background:transparent url("/images_b2c/shared/elements/specialOffersSprite.gif") no-repeat right -42px;overflow:hidden; text-decoration:none !important; cursor:pointer;} .specialOffersPod div div {height:20px;background:url("/images_b2c/shared/elements/specialOffersSprite.gif") repeat-x 0 -21px; overflow:hidden; padding:3px 7px 0px 7px; text-decoration:none !important; cursor:pointer;} .specialOffersText {color:#8aa51c !important; font-weight:bold; text-decoration:none !important; font-size:14px; line-height:25px;} .specialOffersText:hover {text-decoration:none !important;} .accSpecialOffersPod {text-align:center; font-size:19px;} .specialOfferSlide {width:600px;} .specialOfferSlideImg {float:left; margin:40px 20px 0px 50px;} .specialOfferSlideContent {float:left; width:350px; text-align:left; margin-top:70px; font-size:14px;} .specialOfferSlideContent .bodySmallText {font-size:11px;} .specialOfferSelector {background:url("/images_b2c/shared/elements/featuretteBg.gif") repeat-x; width:100%; height:3px; padding-bottom:20px;} .specialOfferSelectorArrow {background:url("/images_b2c/shared/elements/featurette_sprite.gif") no-repeat scroll 0 -25px transparent; height:12px; position:absolute; width:22px;} /* --------------------------------------------------------- Dropdown (Styled Select Menu) -------------------------------------------------------------*/ dl.dropdown {display:inline-block; zoom: 1; *display:inline; *z-index:9999999; border:1px solid #c9c9c9;} dl.dropdown.disabled dt {opacity:.3; filter: alpha(opacity=30); background-color: #EDEDED;} dl.dropdown.disabled {filter: alpha(opacity=30);} .dropdown dt{ background-color: #fff; } .dropdown a:focus, .dropdown a:active {outline-style:dotted; outline-width:thin; text-decoration:none;} .dropdown dt:hover, .dropdown dt.highlight {background:#eee;} .dropdown dt a {display:block; margin:0 8px; padding:5px 18px 5px 0; color:#000; text-decoration:none; font:normal 12px arial, helvetica, sans-serif; cursor:pointer; background:transparent url("/images_b2c/shared/elements/down_arrow.gif") no-repeat right center;} .dropdown span.label {display:block; overflow:hidden; white-space:nowrap; width:100%;} .dropdown dt a strong {display:block; margin-bottom:3px; text-transform:capitalize;} .dropdown dd {position:relative; *z-index:999; zoom:1; width:100%; left:-1px;} .dropdown dd ul {position:absolute; top:0; left:0; z-index:999; zoom:1; margin:0; overflow-x:hidden; overflow-y:auto; max-height:300px; width:100%; border:1px solid #c9c9c9; background-color:#fff; display:none;} .dropdown dd li {background:none; margin:0!important; padding:0 6px!important;} .dropdown dd li a {display:block; color:#000; padding:4px 0; text-decoration:none; border:1px solid transparent; cursor:pointer;} .dropdown dd li.group span.label {padding:3px 0; font-weight:bold;} .dropdown dd span.label {display:block; white-space:normal;} .dropdown dd li strong {display:none;} .dropdown dd li:hover, .dropdown dd li.highlight {background-color:#eee!important;} .dropdown dd li.group:hover, .dropdown dd li.highlight.group {background-color:transparent!important;} /*Skin to make the group labels red*/ .dropdown.coloredGroupLabels .group span.label {color:#B00000;} /*Skin for Colored Dropdowns*/ .dropdown.color .swatch {display:block; width:13px; height:13px; border:1px solid #666;} .dropdown.color dd li a {padding:2px 0;} /*Filtermenu Version (unfinished)*/ .dropdown.menu dt a {color:#000; text-decoration:none; font:normal 11px arial, helvetica, sans-serif;} .dropdown.menu dt .arrow {padding: 24px 12px 3px; *padding-right:8px;} /*Prepaid Skin*/ .dropdown.prepaid .label {font:15px/40px 'VerizonApexMedium',arial, helvetica, sans-serif;} .dropdown.prepaid dt a {color:#990000; background-image:url("/images_b2c/shared/elements/downArrowBackground.gif"); margin-right:0; padding:7px 42px 7px 0;} .dropdown.prepaid dd a:focus, .dropdown.prepaid dd a:active {outline:none;} .dropdown.prepaid dd ul {background-color:#5E6270; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border:1px solid #ddd;} .dropdown.prepaid dd li a {color:#FFF; padding:6px 0;} .dropdown.prepaid dd span.label {white-space:nowrap;} .dropdown.prepaid dd li:hover, .dropdown.prepaid dd li.highlight {background-color:#696E7B !important;} /* --------------------------------------------------------- DropList -------------------------------------------------------------*/ /* dropList Behavior */ .dropParent{z-index:9999;} .dropList{position:relative !important; overflow:hidden; z-index:1;} .dropList div{width:100%; margin:0; padding:0; position:absolute;left:-1px;} .dropList.dropped{overflow:visible;z-index:9999;} .dropList.dropped div{z-index:9999;} .dropList p{margin:0; cursor:pointer;} .dropList a{display:block;} /* dropList Styling */ .dropList{color:#999; background:#fff; border:1px solid #ddd;zoom:1;} .dropList div{background:#fff; border:1px solid #ddd;} .dropList p{padding:3px 25px 3px 6px;background:#fff url(/images_b2c/shared/elements/dropArrow.gif) center right no-repeat;} .dropList .defaultSelect{padding:3px 6px 3px 6px;background:#fff;cursor: default;} .dropList.selectCapacity a {white-space:nowrap;} .dropList p.mOver{background-color:#f7f7f7} .dropList a{padding:2px 25px 2px 6px;} .dropList a, .dropList a:hover{color:#999; text-decoration:none;} .dropList a:hover{background:#eee;} .dropList.lrg p, .dropList.lrg a{padding:5px 30px 5px 6px;} /* --------------------------------------------------------- FLYOUT -------------------------------------------------------------*/ .flyout {margin:12px 0 0 0;} .flyout li.launchpad{width:392px; height:87px; display:block; margin:10px 0 0 0; position:relative; padding:15px 0 0 0; background:url("/images_b2c/shared/gradient/popOutBgOff.png") bottom left no-repeat!important; *z-index:500;} .flyout li.launchpad:hover {background:url("/images_b2c/shared/gradient/popOutBgOn.png") bottom left no-repeat!important;} .flyout li.launchpad:first-child {margin-top:0;} .flyout .badge,.flyout div.label {display:inline-block; *display:inline; zoom:1; vertical-align:top; cursor:pointer;} .flyout .badge {height:100%; width:30px; margin-right:12px; padding-left:12px; text-decoration:none;} .flyout .badge:hover {text-decoration:none;} .flyout .badge span{display:block; height:30px; width:30px; background:url("/images_b2c/shared/icons/popout_states.png") 0 0 no-repeat;} .flyout div.label h3 {font:20px 'VerizonApexMedium',arial, helvetica, sans-serif;} .flyout div.label p {width:259px; margin:0; padding:0;} .flyout .badge.open span {background-position:0 0;} .flyout .badge.close span {background-position:-64px 0;} .flyout .stage {display:none; background:white; position:absolute; top:0; left:0; z-index:500; padding:14px 0 0 0; border:1px solid #e2e2e2;} .flyout .stage .badge {height:39px; padding-left:11px;} .flyout .stage .badge:hover {text-decoration:none;} .flyout .stage div.label {height:39px; cursor:default;} .flyout .stage p {margin:10px 0 10px 34px; font-size:14px;} .flyout .stage .Done {margin-right:34px;} /* --------------------------------------------------------- CAROUSEL -------------------------------------------------------------*/ .carousel .wrapper {display:inline-block; *display:inline; zoom:1; position:relative; overflow:hidden; vertical-align:middle;} .carousel .wrapper ul.slideContainer {position:absolute; top:0; margin:0;} .carousel ul.slideContainer li.slide {margin:0 6px; padding:0; background:none;} /*Prev & Next Btns*/ .carousel .control {width:26px; height:26px; display:inline-block; *display:inline; zoom:1; cursor:pointer; vertical-align:middle; text-decoration:none;} .carousel .control span {display:none;} .carousel .control.disabled {visibility:hidden;} .carousel .control.nonScrolling {display:none;} .carousel .next {margin-left:6px; background:url("/images_b2c/s11/s11_sprite.gif") no-repeat scroll 0 -110px transparent;} .carousel .next:hover {background-position:0 -136px;} .carousel .next.disabled:hover {background-position:0 -110px;} .carousel .prev {margin-right:6px; background:url("/images_b2c/s11/s11_sprite.gif") no-repeat scroll 0 -162px transparent;} .carousel .prev:hover {background-position:0 -188px;} .carousel .prev.disabled:hover {background-position:0 -162px;} .carousel .pause {background:url("/images_b2c/s11/s11_sprite.gif") no-repeat scroll 0 -358px transparent;} .carousel .pause:hover {background:url("/images_b2c/s11/s11_sprite.gif") no-repeat scroll 0 -333px transparent;} .carousel .pipe {margin-left:6px; margin-right:6px;background:url("/images_b2c/s11/s11_sprite.gif") no-repeat scroll -10px -386px transparent; display:inline-block;*display:inline; zoom:1; vertical-align:middle; height:26px; width:2px;} /*Pagination & Pagination Container*/ .carousel .controls {display:block; clear:both; height:26px; margin-top:12px;} .carousel .controls ul {margin:0; padding:0; vertical-align: middle;} .carousel .controls li {width:11px!important; height:11px!important; margin:0; vertical-align:middle; *vertical-align:top; line-height:normal; margin-left:12px; padding:0; background:none;} .carousel .controls li:first-child {margin-left:0px!important;} .carousel .controls li.number {width:15px!important; height:15px!important; margin-left:6px;} .carousel .controls li a {display:block; width:11px; height:11px; cursor:pointer; text-decoration:none;} .carousel .controls li.bullet a {background:url("/images_b2c/s11/s11_sprite.gif") no-repeat scroll 0 -214px transparent!important;} .carousel .controls li.bullet a:hover {background:url("/images_b2c/s11/s11_sprite.gif") no-repeat scroll 0 -225px transparent!important;} .carousel .controls li.bullet a.active {background:url("/images_b2c/s11/s11_sprite.gif") no-repeat scroll 0 -225px transparent!important;} .carousel .controls li.number a {width:15px; height:15px; text-align:center;} .carousel .controls li.number a:hover,.carousel .controls li.number a.active {color:#333!important;} /*Skin to have transparent Buttons when disabled */ .carousel.transparentButtons .control.disabled {visibility:visible; opacity:0.5; filter:alpha(opacity=50);} .carousel.showNoScroll .control.nonScrolling {display:inline-block; *display:inline; zoom:1; visibility:visible; opacity:0.5; filter:alpha(opacity=50);} .carousel.showNoScroll .next:hover {background-position:0 -110px;} .carousel.showNoScroll .prev:hover {background-position:0 -162px;} /* --------------------------------------------------------- ACCORDION -------------------------------------------------------------*/ .accordion {margin-bottom:12px;} .accordion .accordionHeader, .accordion .accordionContent {padding:6px; margin:0;} .accordion .accordionHeader * {margin:0; line-height:normal;} .accordion .accordionHeader {border:1px solid #BBB;} .accordion .accordionContent {background:#FFF; border:1px solid #D1D1D1;} .accordion.horizontal .accordionHeader, .accordion.horizontal .accordionContent {float:left; width:25%;} .accordion .handle {background:url("/images_b2c/shared/elements/expand_contract.gif") no-repeat 0 0; width:16px; height:16px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} .accordion .active .handle {background-position:0 -16px;} .accordion.more .accordionHeader, .accordion.more .accordionContent {background:none; border:0; padding-left:0; padding-right:0; padding:0;} .accordion.more .handle {background-image:url("/images_b2c/shared/elements/plus_minus.gif"); width:10px; height:10px; padding-right:6px;} .accordion.more .active .handle {background-position:0 -10px;} /* --------------------------------------------------------- DATEPICKER -------------------------------------------------------------*/ .ui-datepicker {padding-top:1em; padding-bottom:1em;} .ui-datepicker.ui-widget {font-size:.9em;} .ui-datepicker.ui-widget-content {border:1px solid #bfbfbf;} .ui-datepicker th {font-size:11px; padding: 0.7em 0.3em 0.7em 0.7em} .ui-datepicker td {font-size:10px;} .ui-datepicker td a {background-image:none;} .ui-datepicker .ui-datepicker-multi-2 .ui-datepicker-group {width:49%;} .ui-datepicker .ui-datepicker-group-first {border-right:1px solid #dadada; padding-right:5px;} .ui-datepicker .ui-datepicker-header {background-color:transparent; border:1px solid transparent; background-image: none; position:static!important;} .ui-datepicker .ui-datepicker-calendar thead {background-color:transparent;} .ui-datepicker .ui-state-default {background-color:transparent; color: #212121; border: 1px solid transparent;} .ui-datepicker .ui-state-highlight {background-color:#545452; border: 1px solid #D3D3D3; color: #FFF; font-weight:bold;} .ui-datepicker .ui-state-hover {background-color:#3383BB; border: 1px solid #D3D3D3; color: #FFF; font-weight:bold;} .ui-datepicker .ui-state-active {background-color:#3383BB; border: 1px solid #D3D3D3; color: #FFF; font-weight:bold;} .ui-datepicker .beforeWindow .ui-state-default {background:transparent; border:1px solid #BBB; color:#AAA;} .ui-datepicker .afterWindow .ui-state-default {background:transparent; border:1px solid #BBB; color:#AAA;} .ui-datepicker .blackout .ui-state-default {background-color:#DEDEDE; border:1px solid #CCC; color:#111;} .ui-datepicker .blackout a, #calendar .blackout span { cursor:default!important;} /* --------------------------------------------------------- Store Hours -------------------------------------------------------------*/ .storeHours {list-style:none; margin:0;} .storeHours li {margin-bottom:3px;} .storeHours li p {margin:0;} .storeHours span {display:inline-block; *display:inline; zoom:1;} .storeHours .calendar {text-transform:capitalize; margin-right:6px;} .storeHours .digital {text-transform:lowercase;} .storeHours .gothic, .storeHours .closed {text-transform:uppercase;} /* --------------------------------------------------------- OVERLAY -------------------------------------------------------------*/ .overlayTop {height:49px;padding-left:8px;background:transparent url("/images_b2c/shared/layers/sprite_overlay.gif") no-repeat left 0px;overflow:hidden;} .overlayTop div {height:49px;padding-right:8px;padding-left:0px;background:transparent url("/images_b2c/shared/layers/sprite_overlay.gif") no-repeat right -98px;overflow:hidden;} .overlayTop div div {height:49px;background:url("/images_b2c/shared/layers/sprite_overlay.gif") repeat-x 0 -49px; overflow:hidden; color:#fff;} .overlayTop div div h1 {font-size:20px; font-family: Arial,helvetica, sans-serif; color:#fff; padding-top:13px; float:left; margin:0px; margin-left: 5px;} .overlayTop div div a {background: url("/images_b2c/shared/layers/sprite_overlay.gif") no-repeat right -181px; padding:3px 18px 0px 0px; margin-top:15px; display:block; float:right; color:#fff; text-decoration:none;} .overlayBody {background:url("/images_b2c/shared/layers/overlay_bg.gif") #fff repeat-x bottom; min-height:144px; border-left:solid 1px #d1d1d1; border-right:solid 1px #d1d1d1; padding:10px 10px 5px; text-align:left; overflow-x:hidden;} .overlayBody h2, .overlayShadowBody h2 {font-size:1.6em; font-family: Arial,helvetica, sans-serif; color: #333;} .overlayBody h3, .overlayHeader h3, .overlayShadowBody h3 {font-size:1.3em; font-family: Arial,helvetica, sans-serif; color: #000;} .overlayBody a.close, .overlayHeader a.close, #accQuickLookDiv .close {color:#999; text-decoration:none; background: url("/images_b2c/shared/layers/sprite_overlay.gif") no-repeat right -194px; padding:4px 18px 5px 0px;} #overlayContainer.padExtra .overlayBody {padding:10px 20px 20px;} #overlayContainer.padExtra .overlayButtonBar {padding:0 20px 20px;} #overlayContainer.upgradeAALDeviceAddedOverlay h2{margin:0 0 5px 0; font-family:'VerizonApexMedium',arial, helvetica, sans-serif} #overlayContainer.upgradeAALDeviceAddedOverlay p{margin:20px 0 30px 0; color:#666} #overlayContainer.upgradeAALDeviceAddedOverlay button{margin:0 0 0 10px} .overlayBottom {height:6px; padding-left:6px;background:transparent url("/images_b2c/shared/layers/sprite_overlay.gif") no-repeat left -157px;overflow:hidden;} .overlayBottom div {height:6px;padding-right:6px;padding-left:0px;background:transparent url("/images_b2c/shared/layers/sprite_overlay.gif") no-repeat right -169px;overflow:hidden;} .overlayBottom div div {height:6px;background:url("/images_b2c/shared/layers/sprite_overlay.gif") repeat-x 0 -163px; overflow:hidden; color:#fff;} .overlayHeader{background-color:#fff; border-left:solid 1px #d1d1d1; border-right:solid 1px #d1d1d1; padding:10px; text-align:left;} .overlayButtonBar{overflow:hidden;background:#F6F6F6;padding:0 20px 20px 10px; border-left:solid 1px #d1d1d1; border-right:solid 1px #d1d1d1;} .overlayButtonBar .separator{margin:0 4px 0 0;border-top:1px solid silver;height:10px;} .overlayShadowTop {height:12px; padding:0 0 0 12px; background:transparent url("/images_b2c/shared/elements/dropBorderTL.png") no-repeat left top; overflow:hidden;} .overlayShadowTop div {height:12px; padding:0 12px 0 0; background:transparent url("/images_b2c/shared/elements/dropBorderTR.png") no-repeat right top; overflow:hidden;} .overlayShadowTop div div {height:12px; background:url("/images_b2c/shared/elements/dropBorderT.png") repeat-x; overlay:hidden;} .overlayShadowBody {position:relative;} .overlayShadowBody .lft{width:12px;height:100%;position:absolute;top:0;left:0;background:url("/images_b2c/shared/elements/dropBorderL.png") repeat-y;} .overlayShadowBody .content{background-color:#fff; margin:0 12px; text-align:left; padding:10px;} .overlayShadowBody .rght{width:12px;height:100%;position:absolute;top:0;right:0;background:url("/images_b2c/shared/elements/dropBorderR.png") repeat-y;} .overlayShadowBody a.close {color:#999; text-decoration:none; background: url("/images_b2c/shared/layers/sprite_overlay.gif") no-repeat right -194px; padding:4px 18px 5px 0px;} .overlayShadowBottom {height:12px; padding:0 0 0 12px; background:url("/images_b2c/shared/elements/dropBorderBL.png") no-repeat left top;} .overlayShadowBottom div {height:12px; padding:0 12px 0 0; background:url("/images_b2c/shared/elements/dropBorderBR.png") no-repeat right top;} .overlayShadowBottom div div {height:12px; background:url("/images_b2c/shared/elements/dropBorderB.png") repeat-x;} /* --------------------------------------------------------- SHOPPING ASSISTANT -------------------------------------------------------------*/ #overlayBody .shoppingAssistantTable, .shoppingAssistantTableLarge {border-collapse:collapse; width:100%;} #overlayBody .shoppingAssistantTable td {width:25%; height:175px; padding:10px; background-color:#f0f0f0; border:solid 1px #e1e1e1; border-top:none; vertical-align:top;} #overlayBody .shoppingAssistantTable td.empty, .shoppingAssistantTableLarge td.empty {background-color:#fff;} #overlayBody .shoppingAssistantTable td.upNext, .shoppingAssistantTableLarge td.upNext {background-color:#fff; padding:0px;} #overlayBody .shoppingAssistantTable td.upNext h1, .shoppingAssistantTableLarge td.upNext h1 {text-align:center; padding:65px 0 0 0;} #overlayBody .shoppingAssistantTable td.upNext .selected, .shoppingAssistantTableLarge td.upNext .selected {border:solid 1px #9b9b9b; padding:10px; height:100%;} .shoppingAssistantTableLarge td {width:20%; height:175px; padding:10px; background-color:#f0f0f0; border:solid 1px #e1e1e1; border-top:none; vertical-align:top;} .shoppingAssistantPlanTypeTable td {vertical-align:top; padding-right:25px;} .shoppingAssistantPlanTypeTable td.select {padding-right:5px !important;} .shoppingAssistantPlanTypeTable label {font-size:1.2em;} .shoppingAssistantPlanTypeTable label.selected {font-weight:bold;} .shoppingAssistantSelectPlanTypeTable {margin:0 auto;} .shoppingAssistantSelectPlanTypeTable td {width:110px; vertical-align:top; padding-right:15px;} .shoppingAssistantSelectPlanTypeTable td.last {padding-right:0px;} #alpPlan {background:#eeeeee; border:1px solid #d1d1d1; padding:0 11px; margin:12px 0;} #alpPlan p {font:normal 12px/10px Arial, Helvetica, sans-serif; *line-height:12px; padding:10px 0; text-align:right; margin:0;} #alpPlan a {margin:0 6px;} #alpPlan .leftText {float:left; margin-bottom:6px; text-align:left;} #alpPlan .rightText {display: block;} .welcomeCol1 {width: 340px; text-align:center;} .welcomeCol2 {width: 360px; text-align:center;} .welcomeDivider {background-color:#d1d1d1; width:1px; height:100%; position:absolute; top:49px; left:360px;} .deviceAdded {text-align:center; padding-right:40px; height:150px;} .multiplePhonesAdded {text-align:center; padding-left:30px;} /* --------------------------------------------------------- "Corporate Style" - Blue Heading Box with Gray Content Box -------------------------------------------------------------*/ .corporate label.default, .boxHeading {background-color: #EEEEEE; border: 1px solid #D1D1D1; display: block; font: 13px/15px Arial,Helvetica,sans-serif; margin: 0; padding: 11px 6px 10px 11px;} .corporate label.active, .corporate label.highlight, .boxHeading.active, .boxHeading.highlight {color:#FFF; border: 1px solid transparent; background:#4285B2 url("/images_b2c/shared/slices/backgroundSliceBlue.gif") repeat-x left bottom; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.25, #316184),color-stop(0.75, #4285B2)); background-image: -moz-linear-gradient(center bottom,#316184 25%,#4285B2 75%);} .corporate label.disabled {background:#F6F6F6; border:1px solid #E8E8E8;} .boxContent {background-color: #EEEEEE; border: 1px solid #D1D1D1; margin-bottom:12px; padding:0 12px;} .active + .boxContent, .highlight + .boxContent {background-color:#DBDBDB;} /* --------------------------------------------------------- PAGE SPECIFIC STYLES -------------------------------------------------------------*/ /* New Products */ .newProductsDevice {position:relative;} .newProductsDeviceDesc {position:absolute; top:40px; left:285px; width:190px;} .newProductsDeviceDesc p {font-size:1.1em;} /* Phone Overview - List View // Product Detail */ .listViewTable {margin-left:10px;} .listViewTable td {vertical-align:top;} .listViewTable td.col1 {width:46px;} .listViewTable td.col2 {width:136px; text-align:center;} .listViewTable td.col3 {width:36px;} .listViewTable td.col4 {width:238px; padding-right:10px;} .listViewTable td.col5 {width:269px;} .listViewPricingTable {width:250px; padding:0px 20px; font-size:11px;} .listViewPricingTable td, .productDetailPricingTable td, .quickViewPricingTable td {font-weight:bold; padding-bottom:5px;} .listViewPricingTable td.price, .productDetailPricingTable td.price, .quickViewPricingTable td.price {text-align:right; width:45px;} .quickViewPricingTable {width:285px;} /*Phone Rows for List View without tables*/ .devListView .phoneItem {width:985px; overflow:visible; position:relative; display:block;} .devListView .phoneLeftColumn .compareQuickLook {bottom:20px; margin-left:-43px; white-space:nowrap; width:210px;} /* values added for the compare on List view */ .devListView .phoneLeftColumn .bottomCompareIcon {position:absolute; left:234px; bottom:10px;} .devListView .phoneLeftColumn .bottomCompareText {font-weight:normal; text-decoration:none; color:#666666; position:relative; left:20px; bottom:18px; font-size:0.80em; font-family: Arial;} .devListView .phoneLeftColumn .aalBottomCompareIcon {position:absolute; left:230px; bottom:30px;} .devListView .phoneLeftColumn .aalBottomCompareText {font-weight:normal; text-decoration:none; color:#666666; position:relative; left:17px; bottom:12px; font-size:0.80em; font-family:Arial;} .devListView .phoneLeftColumn .eupBottomCompareIcon {position:absolute; left:230px; bottom:30px;} .devListView .phoneLeftColumn .eupBottomCompareText {font-weight:normal; text-decoration:none; color:#666666; position:relative; left:17px; bottom:12px; font-size:0.80em; font-family:Arial;} .devListView .verticalDivider {border-left:1px solid #666666; height:12px; position:relative;} .devListView .quickLookValues {font-size:10pt; font-family:Arial; color:#666666; position:relative;} .devListView .grayButton {margin-left:-10px; margin-right:-8px; border:none; text-align:right; filter:none; outline:none; background:transparent; font-size:8pt; font-weight:normal; font-family:Arial; color:#666666; position:relative;} .devListView .phoneLeftColumn{float:left; width:665px; margin-left:10px; min-height:315px;} .devListView .phoneLeftColumn h3 {margin-top:0;} .devListView .phoneLeftColumn .stickers {width:43px; min-height:30px;} .devListView .phoneLeftColumn .stickers a {clear:left;display:block;margin-bottom:3px;} .devListView .phoneLeftColumn .phoneImage {margin:0 10px; text-align:center; width:125px; /*height:190px;*/} .devListView .phoneLeftColumn .phoneImage a img{margin-bottom:10px;} .devListView .phoneLeftColumn .compareIcon{width:17px; min-height:17px;} .devListView .phoneLeftColumn .keyFeatures {margin:0 30px 0 20px; width:200px;} .devListView .phoneLeftColumn .ratings {width: 210px;float:left;} .devListView .phoneRightColumn {float:right;width:252px;} .devListView .phoneRightColumn p{margin:0 20px;} .devListView .phoneRightColumn p.listViewPrices {margin:5px 20px;clear: both; height: 15px; text-align:right;} .devListView .phoneRightColumn p span {float:left;} .devListView .phoneRightColumn p span.rightAligned {display:block; float:none;} .devListView .phoneRightColumn p span.questionTip {display:inline; float:none;} .devListView .phoneRightColumn select {margin:0 0px 5px 20px;} .devListView .phoneRightColumn button {margin-left:20px;} .devListView .phoneRightColumn .blackButton{margin-top:10px;} .devListView .phoneRightColumn ul {margin: 0px 0 0px 20px;} /*Hide listView by default*/ .devListView .phoneLeftColumn .contentContainerTop, .devListView .accOutOfStock,.devListView .accOutOfStockImg, .devListView .phoneLeftColumn .contentContainerBottom, .devListView .finalPrice, .devListView .gridStars {display:none;} .devListView .phoneLeftColumn .contentContainer {border:none !important; padding:0!important; background:none !important;} /* devices grid and list */ .devGridView .contentContainer {height:268px; padding-top:5px;} .devGridView .contentContainerNoGrad .contentContainerTop div div{height:5px;} .devGridView .contentContainerShaded, .simGridView .contentContainerShaded {height: 263px;padding-top: 0;} .devGridView .accBundles .contentContainerShaded {height:240px;} .devGridView h3 {font-size:1em !important;} .devGridView .phoneItem {position:relative; text-align:left; width:235px; padding:0; margin:0 11px 11px 0;float:left;background:none; overflow:visible; display:block;} .devGridView .phoneRightColumn {display:none;} .devGridView .phoneLeftColumn {width:235px; position:relative; height:283px;} .devGridView .ratings {display:none;} .devGridView .grayLine {display:none;} .devGridView .compareIcon {position:absolute; top:10px; right:10px;} .gridwallHero{background:url(/images_b2c/splash/gridwall/hero/Gridwall_Banner.jpg) no-repeat;width:100%;min-height:121px;margin:0 0 30px 0;position:relative;} .nseGridwallHero{background:url(/images_b2c/splash/gridwall/hero/nse/Gridwall_Banner.jpg) no-repeat;width:100%;min-height:121px;margin:0 0 30px 0;position:relative;} .nseGridwallHeroLoggedIn{background:url(/images_b2c/splash/gridwall/hero/nse/Gridwall_BannerLoggedIn.jpg) no-repeat;width:100%;min-height:121px;margin:0 0 30px 0;position:relative;} .nseGridwallHeroFreePhones{background:url(/images_b2c/splash/gridwall/hero/nse/gridwallmarq_free_phones.jpg) no-repeat;width:100%;min-height:287px;margin:0 0 30px 0;position:relative;} .nseGridwallHero99cPhones{background:url(/images_b2c/splash/gridwall/hero/nse/gridwallmarq_99_phones.jpg) no-repeat;width:100%;min-height:287px;margin:0 0 30px 0;position:relative;} .eupGridwallHero{background:url(/images_b2c/splash/gridwall/hero/eup/Gridwall_Banner.jpg) no-repeat;width:100%;min-height:121px;margin:0 0 30px 0;position:relative;} .eupAalPromo {background:url(/images_b2c/splash/gridwall/hero/eup/aalPromoBanner.jpg) no-repeat;width:985px;min-height:152px;margin:0 0 30px 0;position:relative;} .eupAalPromoCart {background:url(/images_b2c/promos/cart/promoteAALBanner.jpg) no-repeat; width:987px; min-height:152px; margin:0; position:relative;} .aalGridwallHero{background:url(/images_b2c/splash/gridwall/hero/aal/Gridwall_Banner.jpg) no-repeat;width:100%;min-height:121px;margin:0 0 30px 0;position:relative;} .eupAccessoryGridwallHero{background:url(/images_b2c/accessories/hero/Accessories-Bundle-Banner.jpg) no-repeat;width:100%;min-height:90px;position:relative;} .aalAccessoryGridwallHero{background:url(/images_b2c/accessories/hero/Accessories-Bundle-Banner.jpg) no-repeat;width:100%;min-height:90px;position:relative;} .nseAccessoryGridwallPromoOpen{background:url(/images_b2c/accessories/hero/nse/accessory_promo_open.png) no-repeat;width:100%;min-height:22px;margin:15px 0 30px 0;position:relative;} .nsoAccessoryGridwallPromoOpen{background:url(/images_b2c/accessories/hero/nso/accessory_promo_open.png) no-repeat;width:100%;min-height:22px;margin:15px 0 30px 0;position:relative;} /* new values for the compare on grid view. */ .devGridView .bottomCompareIcon {position:absolute; left:10px; bottom:40px;} .devGridView .bottomCompareIcon .bottomCompareText {text-decoration:none; position:relative; bottom:16px; left:17px; font-size:7pt; font-family: Arial; color: rgb(102, 102, 102);} .devGridView .aalBottomCompareIcon {position:absolute; left:10px; bottom:40px;} .devGridView .aalBottomCompareIcon .aalBottomCompareText {text-decoration:none; position:relative; bottom:16px; left:17px; font-size:7pt; font-family: Arial; color: rgb(102, 102, 102);} .devGridView .eupBottomCompareIcon {position:absolute; left:10px; bottom:40px;} .devGridView .eupBottomCompareIcon .eupBottomCompareText {text-decoration:none; position:relative; bottom:16px; left:17px; font-size:7pt; font-family: Arial; color: rgb(102, 102, 102);} .devGridView .clear20 {display:none;} .devGridView .keyFeatures {display:none;} .devGridView .compareQuickLook {display:none;} .devGridView .phoneImage {margin:20px auto;} .devGridView h3 {position:absolute; bottom:10px; left:10px; width:155px;} .devGridView h3.wh3 {position:absolute; bottom:10px; left:10px; width:215px;} .devGridView h3 span {display:none;} .devGridView h3 span.shortName {display:inline-block; width:105px;} .devGridView .finalPrice {position:absolute; bottom:5px; right:10px; width:50px; text-align:right;} .devGridView .colorSwatches {position:absolute; right:5px;} .devGridView .stickers{width:30px; margin-right:20px;} .devGridView .accOutOfStockImg {position:absolute; top:60px; left:7px; width:220px;} .devGridView .backOrderMessage {background:url("/images_b2c/shared/elements/ship_by_circle.png") no-repeat; width:56px; height:56px; position:absolute; top:-5px; left:0px; color:#fff; font-size:11px; padding-top:5px;padding-left:16px;} .devGridView .specialOffersText {position:absolute; top:2px; left:70px;} /*Phone Rows for List View without tables*/ .compareQuickLook{margin-left:-43px;white-space:nowrap;width:210px;} .productDetailPricingTable {width:216px; margin-left:8px; margin-top:0px; font-size:11px;} .productDetailTabContent {margin-left:20px; font-size:0.9em; float:left;} .productDetailTabContent .left200 {float:left; width:200px; margin-right:50px;} .productDetailTabContent .center200 {float:left; width:200px; margin-right:50px;} .productDetailTabContent .right200 {float:left; width:200px;} .productDetailTabContent .left200 {float:left; width:200px; margin-right:50px;} .productDetailTabContent .right450 {float:left; width:450px;} .productDetailTabContent .reviewsCol1 {float:left; width:120px;} .productDetailTabContent .reviewsCol2 {float:left; width:90px;} .productDetailTabContent h3 {font-size:1.4em !important;} .productDetailTabContent h6 {font-size:1em !important;} .productDetailTabContent .regular {font-size:1.1em;} .productDetailTabContent .camera {background:url("/images_b2c/store/camera.gif") no-repeat right bottom; width:199px; height:28px;} .productDetailTabContent .video {background:url("/images_b2c/store/video.gif") no-repeat right bottom; width:199px; height:28px;} .productDetailTabContent .music {background:url("/images_b2c/store/music.gif") no-repeat right bottom; width:199px; height:30px;} .productDetailTabContent .web {background:url("/images_b2c/store/web.gif") no-repeat right bottom; width:199px; height:32px;} .productDetailTabContent .comm {background:url("/images_b2c/store/communication.gif") no-repeat right bottom; width:199px; height:30px;} .productDetailTabContent .bluetooth {background:url("/images_b2c/store/bluetooth.gif") no-repeat right bottom; width:199px; height:30px;} .productDetailTabContent .techSpecs {background:url("/images_b2c/store/techspecs.gif") no-repeat right bottom; width:199px; height:30px;} .productDetailTabContent .global {background:url("/images_b2c/shared/feature_icons/global_mini2.gif") no-repeat right bottom; width:199px; height:30px;} .productDetailTabContent .ecoDesign {background:url("/images_b2c/store/ecospecs.gif") no-repeat right bottom; width:199px; height:30px;} .productDetailTabContent .camera h3, .video h3, .music h3, .web h3, .comm h3, .bluetooth h3, .global h3, .techSpecs h3, .ecoDesign h3 {padding-top:12px;} .outOfStockBar {background-color:#666; width:100%; margin:auto 0px; text-align:center; color:#fff; height:34px; font-size:0.9em;} .outOfStockBar div {background:url("/images_b2c/shared/elements/alerticon.png") no-repeat; padding:4px 0px 10px 25px; line-height:34px; height:34px; display:inline;} .colorOutOfStockBar {background-color:#666; width:100%; margin:auto 0px; text-align:center;} .colorOutOfStockBar div {height:34px; background:url("/images_b2c/shared/alerticon.png") no-repeat 50%;} .messageBar {background-color:#ececec; width:100%; margin:auto 0px; text-align:center; color:#656565; font-size:0.9em; height:34px;} .messageBar div {background:url("/images_b2c/shared/elements/plan_change_bar.gif") no-repeat; padding:4px 0px 10px 25px; line-height:34px; height:34px; display:inline;} .shippingMessage {background:url("/images_b2c/shared/elements/ship_icon.png") no-repeat; height:20px; padding-left:30px;} .shippingMessage span {position:relative; top:3px;} .comparedCheck {background:url("/images_b2c/store/checkmark_compare.gif") no-repeat left; width:17px; height:17px;} .backOrderMessage {background:url("/images_b2c/shared/elements/ship_by_circle.png") no-repeat; width:56px; height:56px; position:absolute; top:5px; left:0px; color:#fff; font-size:11px; line-height: 12px;} .backOrderMessage .backOrderMessageDate {font-size:13px;} .backOrderMessageDetail {background:url("/images_b2c/shared/elements/ship_by_circle.png") no-repeat; width:56px; height:56px; position:absolute; top:50px; left:145px; color:#fff; font-size:11px; padding-top:5px;} .backOrderMessageDetail .backOrderMessageDate {font-size:13px;} /* New gridwall styles for 2012 */ /* gridwall containers styles */ #gw12 #moduleWrapper li.slide{background:none;margin:0 !important;padding:0 !important;width:400px;} #gw12 #moduleWrapper h2 {margin:0 20px 0 40px; display:inline;} #gw12 h2#phoneNumber {margin:3px 0; float:left;} #gw12 #optionalBanner{float:left;margin:0 0 0 35px;width:780px;} #gw12 #tabletBanner{float:left;margin:0 0 0 35px;width:780px;} #gw12 #sortBar{float:left;width:775px;margin:0 0 0 35px;position:relative;z-index:10;} #gw12 #sortBar h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; font-size:1.2rem;} /*#gw12 #moduleWrapper, #gw12 #gridWrapper{float:left;width:815px;overflow:hidden;position:relative;}*/ #gw12 #moduleWrapper, #gw12 #gridWrapper{float:left;width:815px;position:relative;} /* grid tile styles */ #gw12 .phoneItem{width:400px;height:400px;position:relative;margin:40px 0 0 0;background:#f7f7f7;float:left;} #gw12 .phoneItem div{position:absolute;} #gw12 .deviceImage{top:0;left:35px; cursor:pointer;} #gw12 .deviceBadges{top:4px;left:165px;width:30px;} #gw12 .deviceBadges span{margin:0 0 3px 0;} #gw12 .deviceName{top:0;left:205px;} #gw12 .deviceName h3, #gw12 #filters h3 {margin:0 0 3px 0; color:#0066CC; font-size:14px; font-size:1.4rem;} #gw12 .deviceDesc{max-height:157px;overflow:hidden;position:relative !important;width:180px;} #gw12 .deviceDesc p{color:#555; margin:0; overflow: hidden; text-overflow: ellipsis; max-height: 75px;} #gw12 .deviceCompare{left:205px;top:200px;} #gw12 .deviceRating{cursor:pointer;left:75px;top:195px;z-index:1;} #gw12 .deviceRatingRed{cursor:pointer;left:205px;top:140px;z-index:1;} #gw12 .deviceRatingRed .deviceRatingCount {height:11px !important; *position:absolute; *top:0; left:70px;} #gw12 .deviceRatingRed .deviceRatingText {width:100px !important; height:11px !important; *position:absolute; left: 77px;} #gw12 .deviceBundle h5 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; margin-top:5px;} #gw12 .deviceSpecialOffer{top:225px;left:50px;padding:0;} #gw12 .deviceBundle{left:205px;padding:0;top:163px;} #gw12 .deviceBundle a{position:relative; color:#EE0000;} #gw12 .deviceBundle a.arrowLink, #gw12 .deviceBundle a.arrowLink:hover, #gw12 .deviceBundle a.arrowLink:visited{background:url("/images_b2c/s11/s11_sprite.gif") no-repeat right 2px; font-size:13px;padding:0 27px 0 0; color:#EE0000;} #gw12 .deviceOptions{left:35px;top:355px;} #gw12 .deviceOptions select{margin:0 8px 0 0;} /*#gw12 .deviceOptionsPod{width:365px;height:55px;top:340px;right:0; border-top:1px solid silver; border-bottom:1px solid silver;}*/ #gw12 .deviceOptionsPod{width:365px;height:55px;top:340px;right:0; border-top:1px solid silver; border-bottom:1px solid silver;padding-left: 5px;background-color:#f0f2f2} #gw12 .contractOptions {position:absolute; top:225px;left:34px;width:365px;overflow:visible;} #gw12 .contractOptions label{margin:0px} #gw12 .contractOptions div {position:static;} #gw12 .contractNotAvailable, #gw12 .noCost{width:200px; color:#B00000;} #gw12 .devicePrice {float:left; width:143px; height:48px; padding:9px 10px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:solid 1px #d2d2d2; margin-right:10px; background: #f0f2f2; background:-moz-linear-gradient(top, #f0f2f2 0%, #e7e9e9 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f2), color-stop(100%,#e7e9e9)); background:-webkit-linear-gradient(top, #f0f2f2 0%,#e7e9e9 100%); background:-o-linear-gradient(top, #f0f2f2 0%,#e7e9e9 100%); background:-ms-linear-gradient(top, #f0f2f2 0%,#e7e9e9 100%); background:linear-gradient(to bottom, #f0f2f2 0%,#e7e9e9 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f2f2', endColorstr='#e7e9e9',GradientType=0 );} #gw12 .devicePrice:first-child {border-left:1px solid transparent;} #gw12 .devicePrice label {display:block; margin:0;} #gw12 .oneOption {left:202px;} #gw12 .devicePrice .pricePrefix {font-size: 14px;display:block; margin-right:5px;} #gw12 .devicePrice .price {font-size: 24px;} #gw12 .oneOption .term {margin-left:0;} #gw12 .motoXDevice {width:174px; height:50px !important;} #gw12 .motoXDevice input{float:left; top:10px !important;} #gw12 .motoXDevice .term {margin-left:100px;} #gw12 .devicePrice.selected {border-top:solid 4px #ee1c25;height:48px; padding: 6px 10px 10px;} #gw12 .devicePrice .price {font-family:'VerizonApexMedium',arial, helvetica, sans-serif; font-size:25px; color:#666;} #gw12 .devicePrice.selected .price {color:#ed1c24;} #gw12 .devicePrice .term {display:block;margin:3px 0 0 20px;font-size: 9px !important;color: #666666; text-transform:uppercase;} #gw12 .devicePrice input {position:relative; top:-5px; margin-right:5px;} #gw12 .bundleDiv .devicePrice.EDGE {display:none;} #gw12 .bundleDiv .devicePrice.EDGE + .deviceShipping {display:none;} #gw12 .bundleDiv .devicePrice.MONTH_TO_MONTH {border-left:none !important; margin-left:172px;} #gw12 .bundleDiv .devicePrice.TWO_YEAR {border-left:none !important; margin-left:172px;} #gw12 .bundleDiv.fullPriceDisplayed .devicePrice.TWO_YEAR {border-left:1px solid transparent !important;} #gw12 .bundleDiv .oneOption {left: 33px !important; } #gw12 .bundleDiv.fullPriceDisplayed .devicePrice.TWO_YEAR .term {margin-left:20px;} #gw12 .bundleDiv.fullPriceDisplayed .devicePrice.TWO_YEAR label input {display:inline-block;} #gw12 .bundleDiv .deviceBundle {top:160px;} #gw12 .bundleDiv .deviceShipping.TWO_YEAR {border-left:none !important; margin-left:-175px;} #gw12 .bundleDiv .deviceShipping.MONTH_TO_MONTH {border-left:none !important; margin-left:-175px;} #gw12 .deviceShipping{color:#666;font-size:12px; font-weight:bold;margin-left:0px; margin-top:24px;width:308px;position:absolute !important;top:50px;} #gw12 .deviceShipping p {margin-left:-9px; margin-bottom:3px;} #gw12 .oneOption .deviceShipping {margin-left:-167px;} #gw12 .deviceShipping.EDGE {display:none; margin-left:-170px;} #gw12 .deviceShipping.MONTH_TO_MONTH {display:none; margin-left:-175px;} #gw12 .deviceShipping #gridPricingTip{ width:360px;} #gw12 .bundledDevice.deviceShipping #gridPricingTip { width:230px;} #gw12 .deviceShipping #gridPricingTip h4{font-family: 'VerizonApexBold',Arial,Helvetica,sans-serif;} #gw12 .deviceShipping #gridPricingTip p{font-family: 'VerizonApexBold',Arial,Helvetica,sans-serif;} #gw12 .NO_EDGE.deviceShipping #gridPricingTip{width:230px;} #gw12 .comboNotAvailable {font-size:9px; display:none; text-transform::uppercase;margin-top:113px;padding-left:197px;} #gw12 .oneOption .comboNotAvailable { margin-left:0;} #gw12 .itemAdded{font-size:11px;color:#B00000;margin:0 0 0 3px;width:100%;text-align:center;display:none;} #gw12 .upgradeFee{font-size:11px;color:#B00000;margin:2px 0 0 3px;width:100%;text-align:center;display:none;top:36px;left:0; line-height:13px;} /*#gw12 .deviceCTA{top:350px;right:0;width:160px; overflow:hidden; min-height:60px;}*/ #gw12 .deviceCTA{top:350px;right:0;width:160px; overflow:hidden; min-height:60px;margin-right: 5px;} #gw12 .deviceCTA button{width:160px; margin:0;} #gw12 .deviceCTA_EWP{top:246px;right:0;width:160px; overflow:hidden; min-height:60px;} #gw12 .deviceCTA_EWP button{margin:2px 0;width:130px;} #gw12 .deviceOnly {top:218px; left:250px;} #gw12 .deviceOnly .dropList{width:120px;} #gw12 .deviceOnly .questionTip{padding:0 12px;background-position: 10px 2px;} #gw12.deviceOnly .deviceCompare{top:160px;} #gw12.deviceOnly .deviceRating{top:162px;} #gw12.deviceOnly .deviceOptions{top:185px;} #gw12.deviceOnly .deviceDesc{max-height:127px;} #gw12 .specialOffersText{color:red !important;} #gw12 .deviceOffers{position:relative !important;} #gw12 .outOfStockBar{top:80px;left:40px;width:330px;} #gw12 .outOfStockBar div{background-position:0 8px; font-size:14px;position:relative; padding:10px 30px;} #gw12 .bundleDiv{top:0;left:-400px;width:400px;height:400px;background:#f7f7f7;z-index:2;} #gw12 .bundleDescription{position:relative !important; width:170px;} #gw12 .bundleOverhead{top:-20px; left:35px; background:none;} #gw12 .bundleOverhead h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} #gw12 .bundleOverhead h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} /*Wave Project*/ #gw12 .zeroDown {width:89px;} .waveContainerWidth{width:540px;} .waveOverlayContent{font-size:15px;color:#EE0000;} .waveOverlayBody{width:510px;height:150px;} .waveOverlayWidth{width:490px;} .smallBodyText{font-size:11px;} .mediumBodyText{font-size:16px;font-weight:bold;} .centPriceText{font-size:0.6em; font-weight:bold;} /* other gridwall styles */ #gw12 #sideBar{width:170px;float:left;} #gw12 #sideBar p{color:#666666;} #gw12 #filterBar, #gw12 #comparePod{background:#f0f0f0; padding:10px;position:relative;border:1px solid #e6e6e6;} #gw12 #comparePod h3 {font-size:18px; font-size:1.8rem;} #gw12 #filterBar ul {margin:30px 0 20px; padding:0;} #gw12 #filterBar h3{color:#333;position:relative;top:-8px;} #gw12 #filterBar li {margin:12px 6px; padding:0;background:none;} #gw12 #filterBar li span {display:none;} #gw12 #filterBar li a, .dotBox {background:url(/images_b2c/shared/elements/checkBox2.gif) no-repeat; padding:0 0 2px 22px;} #gw12 #filterBar li a.selected, .dotBox.selected{background-position: 0 -27px;} .dotBox{float:left;height:15px;width:15px;position:relative !important;cursor:pointer;padding:0;margin:0 6px 0 0;} #gw12 #filterBar li a.strike{color:#ccc; background:none !important; cursor:default !important;} #gw12 #filterBar a, #gw12 #filterBar a:hover{color:#999; text-decoration:none;} #gw12 .promo{padding:135px 20px 20px;border:1px solid #e7e7e7;background:#FFF url(/images_b2c/store/gridLeftSprite.jpg) no-repeat;} #gw12 .promo h3{font-weight:normal;} #gw12 .shareEv{background-position: 4px 10px;} #gw12 .covMap{background-position: -170px 14px;} #gw12 .tradeIn{background-position: -335px 0;padding-top:80px} #gw12 #sortDrop{width:140px;} #gw12 .checkbox{width:15px; height:15px; margin:0 5px 0 0; float:left; position:relative !important; cursor:pointer; border:1px solid #ddd; background:#fff url("/images_b2c/shared/elements/checkMark.gif") 22px 0 no-repeat;} #gw12 .checkbox.checked {background-position: 1px 1px;} .colorChip{width:13px;height:13px;margin:0;border: 1px solid #555;display:block;} #gw12 .deviceBrand, #gw12 .deviceOS, #gw12 .deviceFeatures, #gw12 #gridWrapper {display:none;} #gw12 .carousel .wrapper{overflow:visible !important;} #gw12 .carousel{position:relative !important; overflow-x:hidden !important;height:520px;} #gw12 .carousel .controls ul {margin: 0 0 0 0 !important;} #gw12 .carousel .controls li {margin: 0 0 0 1px !important;} #gw12 .carousel .controls li.number a {-moz-border-radius:0;padding:0;color: #0171E1 !important;} #gw12 .carousel .controls li.number a.active {color:#333 !important;} #gw12 .fL{float:left;margin-right:5px;} #gw12 .fR{float:right;margin-left:5px;} #gw12 div.mt_underCompareBadge {top: 162px; left: 165px; max-width: 205px;} /* Gift cards */ #bodyContainer .giftCardTable {width:250px;} #bodyContainer .giftCardTable td {font-weight:bold; padding-bottom:5px;} #bodyContainer .giftCardTable td.qty {text-align:right;} #bodyContainer .giftCardRightImage {float:left; width:240px; margin-right:11px;} #bodyContainer .giftCardImage {float:left; width:240px; margin-right:1px;} #giftCardNumberError .formError {color:red; padding-top:5px;} /* Phone Compare */ .comparePhoneTable td {width:150px; padding:0px 9px; border-right:1px dotted #ccc; vertical-align:top;} .comparePhoneTable td.empty {text-align:center; vertical-align:middle;} .comparePhoneTable td.differencesToggle {vertical-align:bottom;} .differencesToggleOff {background:url("/images_b2c/store/onoff_bkgd_off.png") no-repeat; width:90px; height:26px;} .differencesToggleOff span.on {float:left; width:29px; font-weight:bold; color:#999; padding:5px 0px 0px 16px; display:block; cursor:pointer;} .differencesToggleOff span.off {float:left; width:27px; font-weight:bold; color:#000; padding:5px 0px 0px 13px; display:block; cursor:default;} .differencesToggleOn {background:url("/images_b2c/store/onoff_bkgd_on.png") no-repeat; width:90px; height:26px;} .differencesToggleOn span.on {float:left; width:29px; font-weight:bold; color:#000; padding:5px 0px 0px 16px; display:block; cursor:default;} .differencesToggleOn span.off {float:left; width:27px; font-weight:bold; color:#999; padding:5px 0px 0px 13px; display:block; cursor:pointer;} .differencesToggleOff a, .differencesToggleOn a{text-decoration:none;} .comparePhoneTable td.color {text-align:center; padding:5px 10px 10px;} .comparePhoneTable td.review {padding:3px 10px 10px;} .comparePhoneTable a.removeLink {padding-right:9px;} .comparePhoneFeaturesTable {border-collapse:collapse; border:solid 1px #ddd; border-top:none; margin-top:0px;} .comparePhoneFeaturesTable td {width:150px; padding:10px; border-right:solid 1px #ddd; border-bottom:dotted 1px #ccc; vertical-align:top;} .comparePhoneFeaturesTable td.empty {background-color:#f1f1f1; border-bottom:none;} .comparePhoneFeaturesTable tr.highlighted {background-color:#ffffb7;} .comparePhoneFeaturesTable .capabilityYes {background:url("/images_b2c/shared/elements/green_check.gif") no-repeat left 4px; padding:2px 10px 0px 25px; color:#539821;} .comparePhoneFeaturesTable .capabilityNo {background:url("/images_b2c/shared/elements/red_x.gif") no-repeat left 4px; padding:2px 10px 0px 25px; color:#811717;} /* PLANS */ .peopleSprite{background:transparent url("/images_b2c/plans/people_img.jpg") no-repeat -120px -260px; overflow:hidden; height:330px; width:985px;display:block;} .plansIcon {float:left;height:130px;width:110px;background:transparent url("/images_b2c/plans/plans_icon.png") no-repeat left top;} .dataIcon {float:left; background:url("/images_b2c/plans/data_calc_icon.png") no-repeat; width:118px; height:138px; margin-right:20px;} .plansPromoIcon {float:left;height:130px;width:110px;background:transparent url("/images_b2c/plans/friends_family_graphic_large.png") no-repeat top left; margin-top:5px;} .plansPromoIconShort {float:left;height:90px;margin-left:30px;width:75px;background:transparent url("/images_b2c/plans/friends_family_graphic.png") no-repeat top left} .plansPromoText {font-size:1.5em; font-weight:bold; color:#ff0000;} .plansPromoText sup {font-size:0.5em; position:relative; top:2px;} .coverageMapIcon {float:left;height:60px;width:90px;background:transparent url("/images_b2c/plans/gray_map.png") no-repeat -17px -7px} .grayPhoneIcon {float:left;margin-left:10px;height:70px;width:80px;background:transparent url("/images_b2c/plans/gray_phone.png") no-repeat -0px -0px} .coverageMessage {background:url("/images_b2c/plans/us_icon.png") no-repeat; font-weight:bold; padding:4px 0px 0px 35px; line-height:21px;} .radioContainer {margin-left:-10px; width:200px;} .radioContainer input, .radioContainerSel input, .radioContainer label, .radioContainerSel label {margin:0px !important;} .radioContainerSelector {float:left; margin:0px; padding:0px;} .radioContainerContent {float:left; width:160px; padding-left:7px;} .radioContainer .radioBlock {padding:5px 5px 5px 10px;} .radioContainerSel {margin-left:-10px; width:200px; background:#f2f2f2 url("/images_b2c/plans/radioContainerSelectedBottom.gif") no-repeat left bottom;} .radioContainerSel .radioBlock {padding:5px 5px 5px 10px; background:url("/images_b2c/plans/radioContainerSelectedTop.gif") no-repeat left top;} .radioContainerShort {margin-left:-7px; padding:7px 0px 0px 7px; width:135px; height:52px} .radioContainerShortSel {margin-left:-7px;padding:7px 0px 0px 7px;width:135px;height:52px;background:transparent url("/images_b2c/plans/number_dropdown120.png") no-repeat left top} .radioBlockShort{float:left; padding-right:5px;} .radioBlockShort input{margin:3px 3px 0px 0px;//margin:-2px 3px 0px 0px;} .planTableIndiv td {border-right:dotted 1px #ddd; vertical-align:top} .planTableIndiv td.last {border:none;} .planTableIndiv td.col1 {width:300px;padding-left:15px} .planTableIndiv td.col2 {width:300px;padding-left:15px} .planTableIndiv td.col3 {width:300px;padding-left:15px} .planTableIndivDetail td {border-right:dotted 1px #ddd; vertical-align:top} .planTableIndivDetail td.last {border:none;} .planTableIndivDetail td.col1 {width:300px;padding-left:15px} .planTableIndivDetail td.col2 {width:300px;padding-left:15px} .planTableIndivDetail td.col3 {width:300px;padding-left:15px} .planTableFamily td {border-right:dotted 1px #ddd; vertical-align:top} .planTableFamily td h3, .planTableIndiv td h3, .planTableIndivDetail td h3, .planTableFamilyDetail td h3, .planTableMB td h3 {font-weight:normal;} .planTableFamily td .pricePer {font-size:1.6em; color:#666;} .planTableFamily td.last {border:none;} .planTableFamily td.col1 {width:135px;padding-left:15px} .planTableFamily td.col2 {width:210px;padding-left:25px} .planTableFamily td.col3 {width:260px;padding-left:15px} .planTableFamily td.col4 {width:280px;padding-left:15px} .planTableFamilyDetail td {border-right:dotted 1px #ddd; vertical-align:top} .planTableFamilyDetail td.last {border:none;} .planTableFamilyDetail td.col1 {width:200px;padding-left:15px} .planTableFamilyDetail td.col2 {width:210px;padding-left:15px} .planTableFamilyDetail td.col3 {width:260px;padding-left:15px} .planTableFamilyDetail td.col4 {width:200px;padding-left:15px} .planTableMB td {border-right:dotted 1px #ddd; vertical-align:top} .planTableMB td.last {border:none} .planTableMB td.col1 {width:265px; padding-left:15px;} .planTableMB td.col2 {width:350px;padding-left:20px} .planTableMB td.col3 {width:310px;padding-left:10px} .planDetailTablePricing {width:230px;} .planDetailTablePricing .col1 {float:left; width:160px; margin-right:10px;} .planDetailTablePricing .col2 {float:left; width:60px; text-align:right;} /*Plan Change Overlay*/ .planChange a{color:#06C;} .planChange p{margin:6px 0;} .planChange .disclaimer {color:red; font-size:10px;} .planChange .disclaimer2 {color:#4285B2; font-size:11px; font-weight:bold; margin:0 0 3px 3px!important;} .planChange .cancelLink{margin-right:12px;} .planChange .bottomLink{margin-top:12px;} .planChange #lineDisplay{margin:18px 0;} .planChange #lineDisplay .leftC{float:left; width:84px; margin-right:166px; text-align:center;} .planChange #lineDisplay .leftC span{display:block;} .planChange #lineDisplay .rightC{margin-top:24px; float:left; width:350px; text-align:right;} .planChange #lineDisplay .rightC table{float:right; border-collapse:collapse; border-spacing:0; display:block;} .planChange #lineDisplay .rightC .topRow{font-weight:bold;} .planChange #lineDisplay .rightC .topRow td{border-bottom:1px solid #AAA; padding-left:24px;} .planChange #lineDisplay .rightC p{clear:both; padding-top:12px;} /* Mobile Broadband Plan Overlay */ .planInfoOverlayTable {width:520px; margin-left:10px;} .planInfoOverlayTable td {font-size:20px; font-weight:lighter;} .planInfoOverlayTable .col1 {width:265px; padding:5px; border-bottom:solid 6px #b5b5b5;} .planInfoOverlayTable .col2, .planInfoOverlayTable .col3, .planInfoOverlayTable .col4, .planInfoOverlayTable .col5 {width:65px; height:45px; padding:3px; background-color:#b5b5b5; text-align:center; border-bottom:6px solid #fff; border-right:6px solid #fff;} .planInfoOverlayTable .last {border-bottom:none;} /* doneCancel Also used as a js query class (left over from P) */ .doneCancel {margin-bottom:10px;} .doneCancelHidden {display:none;} /* About Data Plans */ .tableCentered {margin-left:auto;margin-right:auto;} .valuation {color:#F00;font-size:12px;font-weight:bold;padding-bottom:3px;} .fixedColWidth {width:165px;} .dataPackCenter{padding:5px 10px 0px 10px;} /* Features */ .featuresTable {margin:0;} .featuresTable td {padding-left:0;} .featuresTable .selectFeaturesIcon {width:50px; margin-left:10px; padding-top:30px; vertical-align:top;} .featuresTable .selectFeaturesHeader {width:925px; border-bottom:solid 1px #ccc; padding:30px 0px 10px;} .featuresTable .col1 {width:33px; border-bottom:solid 1px #ccc; padding:10px 0px;} .featuresTable .col2 {width:826px; border-bottom:solid 1px #ccc; padding:10px 0px;} .featuresTable .col3 {width:86px; border-bottom:solid 1px #ccc; padding:10px 0px;} .featuresTable .selected {background-color:#e5e5e5;} .featuresTable .disabled{cursor:default !important; opacity: 0.45;filter: alpha(opacity=45)} .selectFeaturesSubTitle {float:left; position:relative; top:4px;} .featureRemoved {background:url("/images_b2c/shared/elements/checkMarkSm.gif") no-repeat; height:6px; margin-left:10px;} .requiredOptions h2 {margin-bottom:4px;} .requiredOptions h4 {margin-bottom:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size:1.2rem; font-weight:bold;} .requiredOptions p {margin:0;} .requiredOptions sup {color:#F00; font-size:12px; line-height:0;} .requiredOptions .optionIcon {float:left; margin-right:12px; width:30px; height:30px;} .requiredOptions .featureOptions {float:left;} .requiredOptions .featureOptions .option {width:824px; margin-right:10px; float:left;} .switchColumns .requiredOptions .featureOptions .option {width:617px;} .requiredOptions .featureOptions .option label {display:block; margin:0;} .requiredOptions .featureOptions .option span {display:block; margin-left:20px;} .requiredOptions .featureOptions .price {width:90px; padding-right:20px; float:left;} .requiredOptions .featureOptions .price span {display:block;} .requiredOptions .featureOptions .price span.strikePrice {display:inline;} .requiredOptions .featureOptions .highlight {text-decoration:underline;} /* Accessories / SIM Overview */ #shopby_container {position:absolute;top:0;right:0;width:320px;} #shopby_container h1 {padding-left:0px;} #shopby_container .button_container {padding-left:5px;margin-top:-2px;float:left;} #shopby_container.hidden {position:absolute;left:-10000em;} #shopby_container.visible {position:static;left:0;} #assoc_home_specialoffer .offersContainer1, #assoc_home_specialoffer .offersContainer2, #assoc_home_specialoffer .offersContainer3 {width:321px;} #assoc_home_specialoffer #offerLayout1 {width:100%;} .assochp_vertical_divider {background:#ccc;width:1px;height:110px;margin-right:5px;} .savings_container {padding:50px 0 0 15px;width:240px;} .shopByHeading {font-size: 1.5em;} .savings_content_container {padding-top:2px;height:150px;background-color:transparent;background-image:url("/images_b2c/accessories/savings.png");background-repeat:no-repeat;background-position:right bottom;} .shopBySpace10 {clear:both;height:10px;line-height:10px;} #shopby_container_body {height:289px; padding:10px 10px 0 10px;background:white;} .accLinkList {list-style-type:none; margin:0;padding:0;clear:both;width:auto; font-size:1.2em;} .accLinkList li{margin-top:7px;background:none !important;} .accTypePod{float:left; width:205px; margin:0 30px 0 10px;} #accPage, #simPage {position:relative;background:none;} #accPage h2 {padding:0 0 10px 0;} #accQuickLookDiv, #simQuickLookDiv {text-align:left; z-index:10001; width:700px; display:none; position:absolute; top:0; left:0;} #accQuickLookDiv .accName{padding:15px 20px 0 20px; width:340px;} #accQuickLookDiv .listRatings{display:none;} #accQuickLookDiv .accBadge{position:relative; width:30px; top:45px;left:20px; height:30px; overflow:hidden;} #accQuickLookDiv .accImg {float:left; margin:0 0 0 20px; height:400px;} #accQuickLookDiv .accImg .accBundleMain {text-align:center; margin:0px auto; padding-bottom:10px;} #accQuickLookDiv .accImg .accBundleAlt1 {float:left; text-align:right; padding-right:20px; width:155px;} #accQuickLookDiv .accImg .accBundleAlt2 {float:left; text-align:left; width:155px;} #accQuickLookDiv .accDesc{float:right; width:300px; margin:0 0 10px 0;} #accQuickLookDiv .accPricePod{float:right; width:300px; border-top:none;padding:10px 0 0 0;} #accQuickLookDiv .accPricePod .grayButton span span{width:130px;} #accQuickLookDiv .accPrice, #simQuickLookDiv .simPrice {display:none;} #accQuickLookDiv .contentContainer, #simQuickLookDiv .contentContainer {padding:0 20px 60px 0;} #accQuickLookDiv .listViewPricingTable, #simQuickLookDiv .listViewPricingTable {padding:0; width:100%;} #accQuickLookDiv h2 a{font-size:20px;} #accQuickLookDiv ul, #simQuickLookDiv ul {margin:0px 0px 20px 0px;} #accQuickLookDiv ul li, #simQuickLookDiv ul li {display:inline;} #accQuickLookDiv .linkDiv {text-align:center;} #accQuickLookDiv .listPipe, #simQuickLookDiv .listPipe {display:inline; color:gray; margin:0 10px;} #accQuickLookDiv .accColor {margin-left:20px; width:335px; text-align:center;} #accQuickLookDiv .accOutOfStockImg {display:none;} #accQuickLookDiv .accFreeOvernight {display:none;} #accQuickLookDiv .accAddToCart {display:none;} .accQuickLook, .simQuickLook {display:none; position:absolute; top:90px; left:50px; width:135px; height:52px; background:url("/images_b2c/store/quickLook.png"); cursor:pointer;} .accQuickLook2 {display:none; position:absolute; top:90px; left:50px; width:135px; height:52px; background:url("/images_b2c/store/quickLook2.png"); cursor:pointer;} .accQuickLook div, .accQuickLook2 div, .simQuickLook div {padding-top:5px; font-weight:bold;} .accQuickLook .top, .accQuickLook2 .top, .simQuickLook .top {height:21px; color:white; padding-left:45px;} .accQuickLook .bot, .accQuickLook2 .bot, .simQuickLook .bot {height:21px; text-align:center;} .accListView, .simListView {position:relative; text-align:left; border-top:1px solid silver; width:985px; padding:20px 0 20px 0;} .accListView .accName, .simListView .simName {position:relative;} .accListView .accPromo, #accQuickLookDiv .accPromo, .accListView .gridRatings {display:none;} .accListView .accVBPromo{background: url('/images_b2c/store/ribbongreen.png') no-repeat scroll right top transparent;height: 29px;position: absolute; right: 895px; text-align: center; top: 15px; width: 100px; z-index: 1;} .accListView .accVBPromo span {position:relative; top:7px; color:#fff; font-weight:bold;} .accListView .accBadge{float:left; width:30px; margin:45px 0 0 20px; height:30px; overflow:hidden;} .accListView .accImg, .simListView .simImg {float:left; margin:45px 40px 0 0;} .accListView .accImg .accBundleMain {float:left; width:135px; padding-top:20px;} .accListView .accImg .accBundleAlt1 {float:left; width:85px;} .accListView .accImg .accBundleAlt2 {float:left; width:85px; margin:90px 0px 0px -85px;} .accListView .accDesc, .simListView .simDesc {float:left; width:238px; margin:45px 0 0 0;} .accListView .accDesc ul {list-style-type:none; margin-left:0px;} .accListView .accDesc li {background:none !important;} .accListView .accPricePod, .simListView .simPricePod {float:right; width:238px;} .accListView .accPricePod .listViewPricingTable, .simListView .simPricePod .listViewPricingTable {padding:0; width:100%;} .accListView .accPrice, .simListView .simPrice {display:none;} .accListView .contentContainerTop, .simListView .contentContainerTop {display:none;} .accListView .contentContainer, .simListView .contentContainer {border:0; padding:0; position:relative; zoom:1} .accListView .contentContainerBottom, .simListView .contentContainerBottom {display:none;} .accListView .accPricePod .contentContainerTop, .simListView .simPricePod .contentContainerTop {display:block;} .accListView .accPricePod .contentContainer, .simListView .simPricePod .contentContainer {border-left:1px solid silver; border-right:1px solid silver; padding:20px;} .accListView .accPricePod .contentContainerBottom, .simListView .simPricePod .contentContainerBottom {display:block;} .accListView .linkDiv, .simListView .linkDiv {margin-left:20px;} .accListView .listPipe, .simListView .listPipe {height:6px; line-height:0; clear:both; display:block; color:white;} .accListView ul, .simListView ul{margin:0;} .accListView .accColor {margin-left:50px; width:135px; text-align:center;} .accListView .accOutOfStockImg {display:none;} .accListView .accFreeOvernight {display:none;} .accListView .accAddToCart {display:none;} .accListView .specialOffersText {padding-bottom:5px; position:absolute; top:0px; left:0px;} .accGridView, .simGridView {position:relative; text-align:left; width:235px; padding:0; margin:0 11px 11px 0;float:left;background:none;} .accGridView .accName{position:absolute; bottom:30px; left:10px; width:160px; } .accGridView .gridRatings .bodySmallText, .accGridView .gridRatings .tooltip {display:none;} .accGridView .accBadge{position:absolute; left:10px; top:10px; overflow:hidden;} .accGridView .accPromo {position:absolute; right:-8px; top:10px; width:130px; height:29px; background:url("/images_b2c/store/promoBannerBg.gif") top right no-repeat; text-align:center; z-index:1;} .accGridView .accVBPromo {background: url('/images_b2c/store/ribbongreen.png') no-repeat scroll right top transparent;height: 29px;position: absolute; right: 144px; text-align: center; top: 190px; width: 100px; z-index: 1;} .accGridView .accPromo span {position:relative; top:7px; color:#fff; font-weight:bold;} .accGridView .accVBPromo span {position:relative; top:7px; color:#fff; font-weight:bold;} .accGridView .accImg {margin:0px auto; width:135px; padding-top:45px;} .accGridView .accBundles .accImg {padding-top:20px;} .accGridView .accImg .accBundleMain {float:left; width:135px;} .accGridView .accImg .accBundleAlt {float:left; width:85px;} .accGridView .accDesc, .simGridView .simDesc {display:none;} .accGridView .accPricePod, .simGridView .simPricePod {display:none;} .accGridView .listRatings {display:none;} .simGridView .simPrice {position:absolute; bottom:5px; right:10px; text-align:right;} .accGridView .accPrice {position:absolute; bottom:35px; right:10px; text-align:right;} .accGridView .contentContainer {height:305px; padding-top:5px;} .simGridView .contentContainer {height:253px; padding-top:5px;} .accGridView .contentContainerNoGrad .contentContainerTop div div, .simGridView .contentContainerNoGrad .contentContainerTop div div {height:5px;} .accGridView h3, .simGridView h3 {font-size:1em !important; font-family:Arial, Helvetica, sans-serif;} .accGridView h2{font-size:14px;padding:0 !important;} /* Remove h2 from ACC page */ .accGridView .bannerMost, .simGridView .bannerMost {background:url("/images_b2c/store/accessory_banner_most.gif") top right no-repeat;} .accGridView .bannerBest, .simGridView .bannerBest {background:url("/images_b2c/store/accessory_banner_best.gif") top right no-repeat;} .accGridView .banner24hr, .simGridView .banner24hr {background:url("/images_b2c/store/accessory_banner_24hr.gif") top right no-repeat;} .accGridView .accOutOfStockImg {position:absolute; top:60px; left:7px; width:220px;} .accGridView .accOutOfStock {display:none;} .accGridView .accBundles .contentContainer {height:270px;} .accGridView .accBundles .accImg {margin:0px; width:235px;} .accGridView .accColor {text-align:center} .accGridView .contentContainerShaded {height: 300px;padding-top: 0;} .simGridView .contentContainerShaded {height: 248px;padding-top: 0;} .accGridView .accBundles .contentContainerShaded {height:265px;} .accGridView .accFreeOvernight{position:absolute; bottom:75px; } .accGridView .accAddToCart{position:absolute; top:285px; left:10px; width:220px; } .accGridView .accAddToCart button {height:25px; padding:3px 12px 7px;} .accGridView .accBundles .accAddToCart{position:absolute; top:255px; left:10px; width:220px; } .accGridView .accBundleName{position:absolute; bottom:35px; left:15px; width:160px; } .accGridView .specialOffersText {position:absolute; left:70px; top:40px;} .accPhoneDetail {position:relative; text-align:left; width:200px; padding:0; float:left;background:#fff;} .accPhoneDetail .accName{position:absolute; bottom:5px; left:0px; width:160px; font-size:1.1em;} .accPhoneDetail .accBadge{float:left; width:30px; margin:0} .accPhoneDetail .accImg{margin:40px auto 0;width:135px;position:relative;cursor:pointer; padding-bottom:40px;} .accPhoneDetail .accPrice{position:absolute; bottom:5px; right:0px; font-size:1.1em;} .accPhoneDetail .accQty {position:absolute; top:0px; right:0px; font-size:1.1em;} .content .accPhoneDetail {padding:0px 25px;} .content .accPhoneDetail .accName{position:absolute; bottom:5px; left:25px; width:160px; } .content .accPhoneDetail .accPrice{position:absolute; bottom:5px; right:25px;} .content .accPhoneDetail .accQty {position:absolute; top:0px; right:25px;} .itemDiscount {padding:3px 0 0 1px; font-size:13px;line-height:12px; background:transparent url("/images_b2c/store/sprite_badges.gif") no-repeat left -240px; overflow:hidden; height:28px; width:30px; display:block; color:white; font-weight:bold; text-align:center;} .itemDiscount span{font-size:11px; display:block; } .phoneIcon {background:url("/images_b2c/shared/elements/phoneIcon.gif") no-repeat top; height:155px; position:relative;} .phoneIcon div {position:absolute; bottom:0;} /* SIM */ .simListView .simBadge{float:left; width:40px; margin:45px 0 0 20px;} .simListView .simResults {float:left; width:60px; font-size:0.9em; margin-top:105px;} .simGridView .simName{position:absolute; bottom:5px; left:10px; width:160px; } .simGridView .simBadge{float:left; width:30px; margin:0} .simGridView .simImg {margin:40px auto 0;width:135px;position:relative;cursor:pointer;} .simGridView .simResults {display:none;} #simQuickLookDiv .simName{position:absolute; top:45px; left:380px;} #simQuickLookDiv .simImg {float:left; margin:0 0 0 20px; height:335px;} #simQuickLookDiv .simBadge{position:relative; width:30px; top:15px;left:20px;} #simQuickLookDiv .simResults {display:none;} #simQuickLookDiv .simDesc{float:right; width:300px; margin:50px 0 10px 0;} #simQuickLookDiv .simPricePod{float:right; width:300px; padding:10px 0 0 0;} #simQuickLookDiv .simPricePod .contentContainer{padding:10px 20px 20px 20px;} /* EUP */ .eupLineBar {float:left; width:500px; margin-left:20px;} .eupLineBar .lineContainer {float:left; width:132px; margin-left:7px; display:none;} .eupLineBar .lineContainerSelected {float:left; width:138px; margin:-7px 0px 0px 10px; padding-top:4px; background:url("/images_b2c/store/eupLineSelectedTop.gif") no-repeat top; display:block;} .eupLineBar .lineContainerSelected .line {background:#fff url("/images_b2c/store/eupLineSelectedBottom.gif") no-repeat left bottom; padding:5px 5px 10px 0px;} /* ESN Review & Confirm */ .esnReview, .esnSwapReview {margin:0;} .esnReview thead td, .esnSwapReview thead td {background:#666; color:#FFF;} .esnReview tbody th, .esnSwapReview tbody th {font:19px Arial,Helvetica,sans-serif; padding: 12px 0 12px 12px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;} .esnReview tbody th a, .esnSwapReview tbody th a {font-size:12px;} .esnReview tbody tr td + td {width:110px;} .esnReview tbody tr td + td +td {color:#F00; font-weight:bold;} .esnReview tbody .features, .esnSwapReview tbody .features {padding-left:0; padding-right:0;} .esnReview tbody .features table, .esnSwapReview tbody .features table { width:100%!important;} .esnReview tbody .features td:first-child, .esnSwapReview tbody .features td:first-child {padding-left:28px;} .esnReview tbody .features td {padding: 6px 6px 6px 12px;} .esnReview tbody .features tr td + td {width:110px;} .esnReview tbody .features tr td + td +td {color:#F00; font-weight:bold;} .esnReview tbody .separator td {padding-top:0; padding-bottom:0;} .esnReview tbody .separator hr {margin:0;} /*ESN Swap Review & Confirm */ .esnSwapReview td, .esnSwapReview th {border-left:1px solid #D1D1D1; text-align:left; } /*text align fix for IE8*/ .esnSwapReview td:first-child , .esnSwapReview th:first-child {border-left:0;} .esnSwapReview table td {border:0;} .esnSwapReview .accordionHeader, .esnSwapReview .accordionContent {background:none; border:0;} .esnSwapReview .currentLine, .esnSwapReview .removedFeatures {color: #666;} .esnSwapReview .currentLine.deviceInfo img {opacity: 0.5;filter: alpha(opacity=50);} .esnSwapReview .deviceInfo {width:130px; text-align:center; vertical-align:top;} .esnSwapReview .deviceInfo img{width:55px;height:84px;padding:10px 0 18px;margin:0;border:0;} .esnSwapReview .deviceInfo span {display:block; font-weight:bold;} .esnSwapReview .deviceInfo + td {border:0;} .esnSwapReview .lineDetails {width:100%;} .esnSwapReview .lineDetails td {font-weight:bold;} .esnSwapReview .lineDetails td + td {width:70px; text-align:right;} .esnSwapReview .features .accordionHeader {cursor:pointer; font-weight:bold; padding:3px 3px 3px 6px;} .esnSwapReview .features .accordionHeader .handle {margin-right:6px;} /* OLD Review & Confirm */ .reviewChangesAltTable {border-bottom:solid 1px #d1d1d1;} .reviewChangesAltTable td.packageNameCol1 {width:485px; height:52px; background:url("/images_b2c/shared/headers/lg_package_header_bg.gif") repeat-x; border-right:solid 1px #b9b9b9;} .reviewChangesAltTable td.packageNameCol2 {width:62px; height:37px; background:url("/images_b2c/shared/headers/lg_package_header_bg.gif") repeat-x; border-right:solid 1px #b9b9b9; padding:15px 10px 0px;} .reviewChangesAltTable td.packageNameCol3 {width:62px; height:37px; background:url("/images_b2c/shared/headers/lg_package_header_bg.gif") repeat-x; border-right:none; padding:15px 10px 0px; font-weight:bold;} .reviewChangesAltTable td.packageNameCol1 h3 {padding:15px 20px 0px;} .reviewChangesAltTable td.packageNameCol1 .color1, .reviewChangesAltTable td.packageNameCol1 .color2, .reviewChangesAltTable td.packageNameCol1 .color3, .reviewChangesAltTable td.packageNameCol1 .color4, .reviewChangesAltTable td.packageNameCol1 .color5, .reviewChangesAltTable td.packageNameCol1 .color6,{float:left; width:10px; height:52px;} .reviewChangesAltTable td.packageNameCol1 .color1 {background:url("/images_b2c/shared/headers/lg_blue.gif") no-repeat;} .reviewChangesAltTable td.packageNameCol1 .color2 {background:url("/images_b2c/shared/headers/lg_green.gif") no-repeat;} .reviewChangesAltTable td.packageNameCol1 .color3 {background:url("/images_b2c/shared/headers/lg_lime.gif") no-repeat;} .reviewChangesAltTable td.packageNameCol1 .color4 {background:url("/images_b2c/shared/headers/lg_magenta.gif") no-repeat;} .reviewChangesAltTable td.packageNameCol1 .color5 {background:url("/images_b2c/shared/headers/lg_orange.gif") no-repeat;} .reviewChangesAltTable td.packageNameCol1 .color6 {background:url("/images_b2c/shared/headers/lg_yellow.gif") no-repeat;} .reviewChangesAltTable td {vertical-align:top;} .reviewChangesAltTable td.mainCol1 {width:485px; padding-bottom:10px;} .reviewChangesAltTable td.mainCol2 {width:62px; padding:7px 10px 8px; font-size:0.9em; } .reviewChangesAltTable td.mainCol3 {width:62px; padding:7px 10px 8px; font-size:0.9em; font-weight:bold;} .reviewChangesAltTable td.packageNameCol1 {width:486px; border-right:none; border-top:solid 1px #e5e5e5;} .reviewChangesAltTable td.packageNameCol2 {width:63px; border-right:none; border-top:solid 1px #e5e5e5;} .reviewChangesAltTable td.packageNameCol3 {border-top:solid 1px #e5e5e5;} .reviewChangesAltTable td.titleCol1 {width:445px; padding:5px 20px; border-top:solid 1px #ccc;} .reviewChangesAltTable td.titleCol2 {width:82px; height:29px; border-top:solid 1px #ccc;} .reviewChangesAltTable td.titleCol3 {width:82px; height:29px; border-top:solid 1px #ccc;} .reviewChangesAltTable td.col1 {width:445px; padding:10px 20px 20px 20px; border-top:none;} .reviewChangesAltTable td.col2 {width:62px; padding:10px 10px 20px 10px; border-top:none;} .reviewChangesAltTable td.col3 {width:62px; padding:10px 10px 20px 10px; font-weight:bold; border-top:none; } .reviewChangesAltTable td.featuresTitleCol1 {width:445px; padding:5px 20px; border-top:solid 1px #ccc;} .reviewChangesAltTable td.featuresHeading {padding:20px 20px 7px 30px; font-weight:bold;} .reviewChangesAltTable td.featuresCol1 {width:435px; padding:7px 0px 0px 50px;} .reviewChangesAltTable td.featuresCol1 div {height:22px; border-bottom:solid 1px #ccc;} .reviewChangesAltTable td.featuresCol2 {width:62px; padding:7px 0px 0px 0px;} .reviewChangesAltTable td.featuresCol2 div {height:22px; padding:0px 10px; border-bottom:solid 1px #ccc;} .reviewChangesAltTable td.featuresCol3 {width:62px; padding:7px 10px 0px 0px; font-weight:bold;} .reviewChangesAltTable td.featuresCol3 div {height:22px; padding:0px 0px 0px 10px; border-bottom:solid 1px #ccc;} .reviewChangesAltTable td.totalCol1 {width:445px; padding:20px; background-color:#ebebeb; } .reviewChangesAltTable td.totalCol2 {width:62px; padding:20px 10px 0px; background-color:#ebebeb; } .reviewChangesAltTable td.totalCol3 {width:62px; padding:20px 10px 0px; background-color:#ebebeb; font-weight:bold;} /* Save Cart*/ .saveCartRegText {font-size:18px;} /* Save Cart Promos */ #saveCartPromos .promo1 {background:url("/images_b2c/promos/save_cart/4glte_111021.jpg") no-repeat; width:317px; height:130px;} #saveCartPromos .promo2 {background:url("/images_b2c/promos/save_cart/deals_102111_pod.jpg") no-repeat; width:317px; height:130px;} /* shop deals page */ #dealDisplay .specialOffer {height:190px;position:relative; margin:42px 10px 0 0 !important; border:0px solid green;} #dealDisplay .specialOffer div.details {padding:0 10px 10px 130px;position:absolute;bottom:0;border:0px solid red;} #dealDisplay .specialOffer .oldPrice {text-decoration:line-through; margin-right:10px;} #dealDisplay .specialOffer .newPrice {color:#B00000;} .calendarIcon {background:url("/images_b2c/promotion/iconSprite.gif") center 0 no-repeat; padding:2px 10px;} .truckIcon {background:url("/images_b2c/promotion/iconSprite.gif") center -24px no-repeat; padding:2px 10px;} .packages {background:url("/images_b2c/promotion/packages.jpg") center 0 no-repeat; padding:95px 20px 0 0;} .tradeIn {background:url("/images_b2c/promotion/tradeIn.jpg") center 0 no-repeat; padding:95px 10px 0;} .empDiscounts {background:url("/images_b2c/promotion/empDiscounts.jpg") center 0 no-repeat; padding:95px 0 0 10px;} /* iPhone */ #s11 .networkMap {background:url("/images_b2c/explore/unlimited/coverageMap.jpg") top right no-repeat;} #s11 .iPhoneUnlimitedComparison{width:433px; height:381px; background:url("/images_b2c/explore/unlimited/comparisonGraph.png") no-repeat;} #s11 .iphoneTradeInUrl{background:url("/images_b2c/explore/unlimited/trashCan.jpg") top right no-repeat;} #s11 .iphonePrices {float: left; width: 170px; padding:5px 10px; } #s11 .centerElmt { border-left: 2px solid silver; border-right: 2px solid silver;padding: 5px 50px} /* Should be re-named */ #s11 .iphonePrices1 {background:url("/images_b2c/explore/iphone/16GB_Price.jpg") no-repeat; width:146px; height: 107px; } #s11 .iphonePrices2 {background:url("/images_b2c/explore/iphone/32GB_Price.jpg") no-repeat; width:146px; height: 107px;} #s11 .iphonePrices3 {background:url("/images_b2c/explore/iphone/64GB_Price.jpg") no-repeat; width:148px; height: 107px;} #s11 .iphoneOutOfStock { float: left; width: 472px; padding: 5px 20px 5px 10px;} #s11 .iphoneAvailableDate{ float: left; width: 170px; padding:60px 0px 5px 0px;} #s11 .iphoneAvailableDate div#dateContainer{ float: left; padding-left: 50px; border-left: 2px solid silver; height:70px;} #s11 .iphoneAvailableDate h4{padding-left:5px; font: bold 1.2em Arial,helvetica,sans-serif; color: #000; } #s11 .iphoneAvailableDate h1{font: bolder 2.9em Arial,helvetica,sans-serif; color: #000; } #s11 .iphoneAccess1 {background:url("/images_b2c/explore/iphone/Accessory_BluetoothIcon.jpg") no-repeat; width:86px; height: 122px; margin-left: 20px;} #s11 .iphoneAccess2 {background:url("/images_b2c/explore/iphone/Accessory_CaseHolsterIcon.jpg") no-repeat; width:87px; height: 122px; margin-left: 30px;} #s11 .iphoneAccess3 {background:url("/images_b2c/explore/iphone/Accessory_ChargerDockIcon.jpg") no-repeat; width:80px; height: 122px; margin-left: 30px;} #s11 .iphoneAccess4 {background:url("/images_b2c/explore/iphone/Accessory_CoversIcon.jpg") no-repeat; width:72px; height: 122px; margin-left: 40px;} #s11 .iphoneAccess5 {background:url("/images_b2c/explore/iphone/Accessory_HeadsetIcon.jpg") no-repeat; width:162px; height: 122px; margin-left: 20px;} #s11 .iphoneAccess6 {background:url("/images_b2c/explore/iphone/Accessory_MountIcon.jpg") no-repeat; width:76px; height: 122px; margin-left: 30px;} #s11 .minutes900 {width:60px; height:46px; background: url("/images_b2c/explore/iphone/900MinutesIcon.jpg")} #s11 .minutes1400 {width:60px; height:46px; background: url("/images_b2c/explore/iphone/1400MinutesIcon.jpg");} #s11 .iphonebottompod { margin: 0 auto; background:url("/images_b2c/explore/iphone/BottomPod.jpg") no-repeat; width: 556px; height: 246px; } #s11 .flexibility {height:330px; background: url("/images_b2c/explore/why_verizon/flexibility.jpg") 100px 150px no-repeat;} #s11 .shareability {height:330px; background: url("/images_b2c/explore/why_verizon/shareability.jpg") 100px 150px no-repeat;} /* Prepaid */ #prepayLandingCarousel {width:985px; margin-bottom:12px; /*width:100%; background:url("/images_b2c/shared/gradient/radialMarqueeBg.jpg") center bottom no-repeat;*/} #prepayLandingCarousel .marqueeSlide {width:985px;} #prepayLandingCarousel .marqueeSlide .threeFifths {width:577px;} #prepayLandingCarousel .prepaidMarquee2 {background:url("/images_b2c/prepay/PrepaidMarquee - Intensity 3 & Gusto 2.jpg") no-repeat; width:448px; height:307px; float:right; margin:57px 69px 0 0;} #prepayLandingCarousel .prepaidMarquee3 {background:url("/images_b2c/prepay/PrepaidIllusionPriceReduction10-25-12.png") no-repeat; width:985px; height:405px;} #prepayLandingCarousel .prepaidMarquee3 a {display:block; position:relative; left:438px; top:285px; width:83px; height:22px; text-indent:-9999em;} #prepayLandingCarousel #prepaidMarquee4 h1 {margin:120px 0 15px 0;} #prepayLandingCarousel #prepaidMarquee4 button {margin:12px 0;} #prepayLandingCarousel #prepaidMarquee4 .splash {background:url("/images_b2c/prepay/galaxytab10_galaxytab2_7.png") no-repeat; width:509px; height:340px; float:right; margin:25px 69px 0 0;} #prepayLandingCarousel #prepaidMarquee5 {position:relative;} #prepayLandingCarousel #prepaidMarquee5 h1 {margin:40px 0 12px 0;} #prepayLandingCarousel #prepaidMarquee5 h3 {font-family:Arial, Helvetica, sans-serif; margin:24px 0 12px; color:#000;} #prepayLandingCarousel #prepaidMarquee5 h3 span {text-transform:uppercase;} #prepayLandingCarousel #prepaidMarquee5 .horizontalList li {vertical-align:middle;} #prepayLandingCarousel #prepaidMarquee5 button {margin:12px 6px 12px 0;} #prepayLandingCarousel #prepaidMarquee5 .splash {background:url("/images_b2c/prepay/prepaidAutoPay.png") no-repeat; width:628px; height:283px; position:absolute; top:90px; right:12px; z-index:0;} /* Messaging Plans */ #s11_bg_marquee_messaging{position:absolute; height:349px; width:100%; left:0; background: url("/images_b2c/splash/promo_splash/1211-Messaging-MarqueeShadow.png") 0 bottom repeat-x;} #s11 .marqueeMP{position:relative;height:335px;} #s11 .marqueeMP h2 {font-size:20px;color:#000000;} #s11 .marqueeMP h4 {font:14px arial,sans-serif;} .contentContainer .planRateDiv {width:300px; font-weight:bold; margin:0 0 0 30px; font-size:14px;font-family:'VerizonApexBook',arial, helvetica, sans-serif;} .contentContainer .planRate {color:#B00000; text-spacing:-.5px; font-size:25px;font-family:'VerizonApexBook',arial, helvetica, sans-serif;} #s11 .prepaidLandingWayfinder {height:65px; width:985px; background:#f7f7f7 url("/images_b2c/prepay/prepaidLandingWayfinderBg.gif") no-repeat bottom; } #s11 .prepaidLandingWayfinder .arrow {background:url("/images_b2c/shared/elements/largeArrow.png") no-repeat; width:15px; height:28px; margin-top:15px; float:left;} #s11 .prepaidLandingWayfinder .section1 {float:left; width:285px; padding:15px 0 0 25px;} #s11 .prepaidLandingWayfinder .section2, .prepaidLandingWayfinder .section3 {float:left; width:285px; padding:15px 0 0 30px;} #s11 .paymentLocator {background:url("/images_b2c/prepay/paymentLocater.jpg") no-repeat; padding-left:165px; min-height:119px;} #s11 .internationalIcon {background:url("/images_b2c/explore/dwf/emailWork.gif") no-repeat; padding-left:165px; min-height:119px;} #s11 .faq {background:url("/images_b2c/prepay/faq.jpg") no-repeat; padding-left:171px; min-height:119px;} #s11 .existingDevice {background:url("/images_b2c/prepay/existingDevice.jpg") no-repeat; width:84px; height:119px;} #s11 .manageAccount {background:url("/images_b2c/prepay/manage.jpg") no-repeat; width:144px; height:119px;} #s11 .addMoney {background:url("/images_b2c/prepay/money.jpg") no-repeat; width:67px; height:119px;} #s11 .radialShadowBoxLeft {float:left; width:239px; height:145px; background:url("/images_b2c/shared/gradient/radialShadowBoxLeftGradient.gif") repeat-y;} #s11 .radialShadowBoxRight {float:left; width:223px; height:120px; padding:25px 0 0 20px; background-color:#fff;} #s11 .radialShadowBoxBottom {clear:both; background:url("/images_b2c/shared/gradient/radialShadowBoxBottom482.gif") no-repeat; width:482px; height:9px;} #s11 .prepaidUnlimited {background:url("/images_b2c/prepay/Prepaid 50 Unlimited Intensity 3.png") no-repeat; width:207px; height:130px; margin:9px 0 0 13px;} #s11 .prepaidTablets {background:url("/images_b2c/prepay/prepaidTablets.png") no-repeat; width:190px; height:130px; margin:9px 0 0 14px;} #s11 .prepaidPayAsYouGo {background:url("/images_b2c/prepay/PrepaidPayAsYouGo Gusto 2.png") no-repeat; width:183px; height:130px; margin:9px 0 0 13px;} #s11 .prepaid80 {background:url("/images_b2c/prepay/prepaid80pod.png") no-repeat; width:198px; height:130px; margin:9px 0 0 13px;} #s11 .prepaidJetPack {background:url("/images_b2c/prepay/prepaidJetPackpod.png") no-repeat; width:203px; height:130px; margin:9px 0 0 13px;} #s11 .prepaidBlackberry {background:url("/images_b2c/prepay/prepaidBlackberry.png") no-repeat; width:188px; height:130px; margin:9px 0 0 13px;} #s11 .prepaidSmartPhone {background:url("/images_b2c/prepay/prepaidSmartphones.png") no-repeat; width:207px; height:130px; margin:9px 0 0 13px;} #radialMarqueeBg{position:absolute; left:0px; height:600px; width:100%; background:url("/images_b2c/shared/gradient/radialMarqueeBg.jpg") center bottom no-repeat;} /* Prepaid Store */ #slideSection {display:none; margin-bottom:50px;} .slideSectionLink {height:23px; width:105px; display:block; margin-left:369px; padding:8px 0 0 45px; background:url("/images_b2c/shared/sliders/slideSectionButtonClosed.gif") no-repeat;} .slideSectionLink.open {height:23px; display:block; margin-left:369px; padding:8px 0 0 45px; background:url("/images_b2c/shared/sliders/slideSectionButtonOpen.gif") no-repeat;} .slideSectionBg {background:url("/images_b2c/shared/sliders/slideSectionBg.gif") no-repeat; width:984px; height:11px;} #prepaidDevices {margin-bottom:12px;} .gridBox {width:320px; border:1px solid #e3e3e3; margin-top:10px;} div.gridBox:hover {background-color:#fff;} .gridBox .gridContent {padding:40px 20px 25px 20px; text-align:center; height:100%; position:relative;} .gridBox .gridContent h3 {color:#333 !important; overflow:hidden; font-size:20px; font-family:'VerizonApexMedium',arial, helvetica, sans-serif; font-weight:normal; margin-top:5px;} .gridBox .gridContent p {margin-bottom:3px;} .gridBox .gridContent .colors {position:absolute; right:10px; bottom:7px;} .gridBox .gridContent .colors a {display:block; width:15px; height:15px; margin-left:2px; border:1px solid #bbb; text-decoration:none;} .gridBox .gridContent .badge, #prepayQuicklook .quicklook .phone .badge {position:absolute; top:0; left:0; background:url("/images_b2c/shared/elements/green_corner.png") no-repeat; width:80px; height:80px; padding:10px 30px 30px 10px; z-index:2; text-align:left; color:#FFF; text-transform:uppercase; font:bold 11px 'VerizonApexBook',arial, helvetica, sans-serif;} .gridBox .gridContent .badge4G {position:absolute; top:125px; left:10px; width:30px; height:30px; z-index:2;} .gridBox .gridInfoBar {height:35px; border-top:solid 1px #d5d5d5; border-collapse:collapse; padding:10px 13px 0 13px;} .gridBox .gridInfoBar .col1 {float:left; width:75px; font-size:10px;} .gridBox .gridInfoBar .col1 .reviewLink {float:left; margin-top:7px;} .gridBox .gridInfoBar .col1 .numReviews {clear:both;margin:3px 0 0; float:left;} .gridBox .gridInfoBar .col2 {float:left; text-align:center; width:143px;} .gridBox .gridInfoBar .col2.prices {font-size:20px;} .gridBox .gridInfoBar .col3 {float:right; width:65px; font-size:10px; margin-top:6px; position:relative;} .gridBox .gridInfoBar .col3 label {float:left; cursor:pointer;} .gridBox .gridInfoBar .col3 .compareCheckBox {float:right; margin-top:-18px;} .gridBox .gridInfoBar .col3 .compareCheckBox:hover {text-decoration:none;} .gridBox .gridInfoBar .col3 input.comparebox {opacity:0.1; filter: alpha(opacity=10); position:absolute; right:0; z-index:-1; width:1px;} .gridBox .gridButtonBar {height:39px; border-top:solid 1px #e3e3e3; border-collapse:collapse; background:#f0f0f0 url("/images_b2c/shared/gradient/gridButtonBg.gif") bottom repeat-x; text-align:center; padding-top:10px;} .gridBox .gridButtonBar button {margin-top:3px;} .gridBox .gridButtonBar .outOfStock {background:url("/images_b2c/shared/elements/smWarning.png") no-repeat; padding-left:20px; font-weight:bold; font-size:13px;} .airtime10 a {background:url("/images_b2c/shared/elements/prepaidSprite.png") no-repeat; width:63px; height:72px; position:absolute; top:158px; left:60px;} .airtimeBadge {background:url("/images_b2c/shared/elements/prepaidSprite.png") no-repeat; width:63px; height:72px; position:absolute; top:158px; left:60px; font-size:8px; font-weight:bold; padding:7px 0 0 2px;} .airtimeBadge a {color:#fff !important;} .airtimeBadge .amount {font:23px 'VerizonApexBook',arial, helvetica, sans-serif; font-weight:bold; position:relative; left:-4px; display:block;} .airtimeBadge .amount span {position:relative; top:-9px; font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} .prepaidPlanDetailTable {border:solid 1px #e5e5e5; margin:25px 0;} .prepaidPlanDetailTable th {height:11px; font:14px 'VerizonApexBook',arial, helvetica, sans-serif; font-weight:bold; color:#fff; padding:8px 0 12px 20px; background:url('/images_b2c/shared/gradient/darkTableHeading.gif') repeat-x;} .prepaidPlanDetailTable td {background-color:#e5e5e5; font-weight:bold; font-size:13px; text-align:center; padding:9px 0 9px 0; border-left:solid 1px #fff; vertical-align:middle;} .prepaidPlanDetailTable td.col1 {width:190px; background-color:#fff; font:14px 'VerizonApexMedium',arial, helvetica, sans-serif; padding:9px 0 9px 20px; text-align:left; border-left:#e5e5e5;} .prepaidPlanDetailTable td.col1 .bodySmallText {font-family:Arial, Helvetica, sans-serif; font-size:11px !important;} .prepaidPlanDetailTable td.secondaryHeading {background-color:#f0f0f0; font:14px 'VerizonApexBook',arial, helvetica, sans-serif; color:#35678a; font-weight:bold;} .prepaidPlanDetailTable td.footerMessage {background-color:#f7f7f7; font:14px 'VerizonApexMedium',arial, helvetica, sans-serif; color:#35678a; text-align:left; padding-left:20px; border-left:#e5e5e5;} .prepaidPlanDetailTable.halfCol td.col1 {width:50%;} .prepaidPlanDetailTable.twoCol {width:296px;} .prepaidPlanDetailTable.threeCol td.col1 {width:186px;} .prepaid .prepayPlanIcon1 .label, .prepaid .prepayPlanIcon2 .label, .prepaid .prepayPlanIcon3 .label, .prepaid .prepayPlanIcon4 .label, .prepaid .prepayPlanIcon5 .label, .prepaid .prepayPlanIcon6 .label, .prepaid .prepayPlanIcon7 .label {padding-left:70px!important;background-position:left center;background-repeat:no-repeat;} .prepaid .prepayPlanIcon1 .label {background-image:url("/images_b2c/prepay/prepayPlanIcon1.png");} .prepaid .prepayPlanIcon2 .label {background-image:url("/images_b2c/prepay/prepayPlanIcon2.png");} .prepaid .prepayPlanIcon3 .label {background-image:url("/images_b2c/prepay/prepayPlanIcon3.png");} .prepaid .prepayPlanIcon4 .label {background-image:url("/images_b2c/prepay/prepayPlanIcon4.png");} .prepaid .prepayPlanIcon5 .label {background-image:url("/images_b2c/prepay/prepayPlanIcon5.png");} .prepaid .prepayPlanIcon6 .label {background-image:url("/images_b2c/prepay/prepayPlanIcon6.png");} .prepaid .prepayPlanIcon7 .label {background-image:url("/images_b2c/prepay/prepayPlanIcon7.png");} .smprepayPlanIcon1, .smprepayPlanIcon2, .smprepayPlanIcon3, .smprepayPlanIcon4, .smprepayPlanIcon5, .smprepayPlanIcon6, .smprepayPlanIcon7 {width:50px; height:29px; float:left; margin:10px 10px 0 0; background-repeat:no-repeat;} .smprepayPlanIcon1 {background:url("/images_b2c/prepay/smPrepayPlanIconsSprite.png");} /* $50 Unlimited */ .smprepayPlanIcon2 {background:url("/images_b2c/prepay/smPrepayPlanIconsSprite.png") left -31px;} /* Pay As You Go */ .smprepayPlanIcon3 {background:url("/images_b2c/prepay/smPrepayPlanIconsSprite.png") left -63px;} /* $80 */ .smprepayPlanIcon4 {background:url("/images_b2c/prepay/smPrepayPlanIconsSprite.png") left -95px;} /* Tablets */ .smprepayPlanIcon5 {background:url("/images_b2c/prepay/smPrepayPlanIconsSprite.png") left -128px;} /* Jetpacks */ .smprepayPlanIcon6 {background:url("/images_b2c/prepay/smPrepayPlanIconsSprite.png") left -161px;} /* SmartPhones*/ .smprepayPlanIcon7 {background:url("/images_b2c/prepay/smPrepayPlanIconsSprite.png") left -194px;} /* BasicPhones*/ #prepayQuicklook .quicklook .lteIconSm {display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:6px;} #prepayQuicklook .quicklook .close {position:absolute; top:5px; right:8px;} #prepayQuicklook .quicklook .phone {position:relative; float:left; text-align:center; width:320px; padding-top:42px;} #prepayQuicklook .quicklook .phone h2 {margin:12px 0;} #prepayQuicklook .quicklook .details {float:left; width:330px;padding:30px 0 15px 0; border-bottom:1px solid #CCC;} #prepaidConfig h2 {width:320px; font:26px 'VerizonApexMedium',arial, helvetica, sans-serif; color:#333; margin-top:5px; float:left;} #prepaidConfig .twoFifths, #prepaidConfig .third {margin-top:35px;} #prepaidConfig .third {text-align:center; margin-left:-20px; position:relative;} #prepaidConfig a .airtime10 {background:url("/images_b2c/shared/elements/prepaidSprite.png") no-repeat; width:63px; height:72px; position:absolute; top:265px; left:40px;} #prepaidConfig .badge4G {position:absolute; top:125px; left:25px; width:30px; height:30px; z-index:2;} #prepaidConfig .airtimeBadge {background:url("/images_b2c/shared/elements/prepaidSprite.png") no-repeat; width:63px; height:72px; position:absolute; top:265px; left:40px; font-size:8px; font-weight:bold; padding:7px 0 0 2px;} #prepaidConfig .airtimeBadge a {color:#fff !important;} #prepaidConfig .airtimeBadge .amount {font:23px 'VerizonApexBook',arial, helvetica, sans-serif; font-weight:bold; position:relative; left:-4px;} #prepaidConfig .airtimeBadge .amount span {position:relative; top:-9px; font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} #prepaidCart.fourth.cartSummary {border:solid 1px #e7e2e2; background-color:#fff; color:#666;} #prepaidCart h3.cartHeading {height:35px; font-size:18px; padding:9px 0 0 0; margin-bottom:10px; background:url("/images_b2c/shared/gradient/cartSummaryHeaderBg.gif") repeat-x; padding-left:15px;} #prepaidCart h3.cartHeading, #prepaidCart h4, #prepaidCart h5, #prepaidCart h6 {font-family:'VerizonApexMedium',arial, helvetica, sans-serif; color:#333;} #prepaidCart h4 {font-size:16px;} #prepaidCart h4.specialOffer {color:#ad0000; padding-bottom:2px;} #prepaidCart h5 {font-size:13px; margin-bottom:3px;} #prepaidCart h6 {font-size:12px; color:#666; margin-bottom:6px;} #prepaidCart p {margin:0; line-height:normal;} #prepaidCart var {font-style:normal;} #prepaidCart del, #prepaidCart ins {text-decoration:none;} #prepaidCart #disclaimer ul {line-height:normal;} #prepaidCart #disclaimer ul li {font-size:11px; margin-bottom:3px;} #prepaidCart fieldset {margin:0 0 11px 0; border-bottom:1px solid #E6E6E6; padding:0 15px 4px; position:relative;} #prepaidCart fieldset.noDivider {border:0; margin-bottom:0;} #prepaidCart legend {color: #333; font:16px 'VerizonApexMedium',arial,helvetica,sans-serif; *position:relative; *left:-8px;} #prepaidCart label {font:16px 'VerizonApexMedium',arial, helvetica, sans-serif; color:#333; display:block;} #prepaidCart input[type=checkbox] {display:none; *display:inline; *position:absolute; *visibility:hidden;} #prepaidCart select {margin:3px 0 4px 0;} #prepaidCart #planSection p {margin:6px 0} #prepaidCart #promoCode p {margin:10px 0 8px 0;} #prepaidCart #promoCode input {margin:0; padding-left:10px; color:#333; border:solid 1px #e8e8e8; background-color:#fcfcfc; height:24px; line-height:24px; width:145px;} #prepaidCart #promoCode button {left:-5px; position:relative; height:30px; top:2px; *top:0px; *height:30px; border:none;} #prepaidCart #shippingOption .col1 {width:160px;} #prepaidCart #shippingOption .col2 {line-height: 1.5;} #prepaidCart #shippingOption .prices {text-transform:uppercase;} #prepaidCart #checkout button {width:209px; height:38px; margin:0 0 8px 0; font-size:16px;} #prepaidCart .prices {font-size:18px;} #prepaidCart .priceRow {position:relative; margin-bottom:8px;} #prepaidCart .col1 {width:135px; padding-top:8px;} #prepaidCart .col2 {position:absolute; bottom:0; right:0;} #prepaidCart a.remove {display:block; font-size:11px; margin:9px 0 8px 0;} #prepaidCart a.removeItem {background:url('/images_b2c/shared/elements/blue_x.gif') no-repeat; width:12px; height:12px; margin:1px 6px 0 0; float:left;} #prepaidCart .shipping {font-size:11px; margin-top:6px; margin-bottom:8px;} #prepaidCart .itemAdded .col1 {color:#858aa2; font:12px 'VerizonApexMedium',arial, helvetica, sans-serif; padding:3px 0 0 0;} #prepaidCart #featuresSection .itemAdded {width:auto;} #prepaidCart .itemAddedDesc {padding:4px 0 0 20px; font-size:11px; margin:0} #prepaidCart #featuresSection .itemAddedDesc {position:relative; width:auto;} #prepaidCart .setupPlan .col1 {width:90px;} #prepaidCart .setupPlan .col2 {width:113px;} #prepaidCart .errorMessage {background:url("/images_b2c/shared/elements/prepaidSprite.png") no-repeat left -80px; padding-left:22px; font-size:11px; margin-bottom:12px; line-height:18px;} #shoppingWindow li.active {background-color:#f5f5f5;} #shoppingWindow .active button.grayButton {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#316285), to(#4285b2));background: -webkit-linear-gradient(top, #4285b2, #316285); background: -moz-linear-gradient(top, #4285b2, #316285); background: -ms-linear-gradient(top, #4285b2, #316285); background: -o-linear-gradient(top, #4285b2, #316285); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4285b2', EndColorStr='#316285'); } #shoppingWindow li .content {padding:25px 10px 15px; text-align:center;} #shoppingWindow li h4.name {font:16px 'VerizonApexBook',arial, helvetica, sans-serif; font-weight:bold; margin-top:5px;} #shoppingWindow li .description, #shoppingWindow li .content p {margin:0; font-size:13px; color:#666; text-align:left;} #shoppingWindow li .prices {float:right; padding:0 10px 0 0; margin-top:-5px; font-size:25px;} #shoppingWindow li button.grayButton {width:100%; height:34px; color:#fff; border:none; font-size:16px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#969aa3), to(#bdc0c9));background: -webkit-linear-gradient(top, #bdc0c9, #969aa3); background: -moz-linear-gradient(top, #bdc0c9, #969aa3); background: -ms-linear-gradient(top, #bdc0c9, #969aa3); background: -o-linear-gradient(top, #bdc0c9, #969aa3); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#bdc0c9', EndColorStr='#969aa3'); } #shoppingWindow li button.grayButton:hover {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#316285), to(#4285b2));background: -webkit-linear-gradient(top, #4285b2, #316285); background: -moz-linear-gradient(top, #4285b2, #316285); background: -ms-linear-gradient(top, #4285b2, #316285); background: -o-linear-gradient(top, #4285b2, #316285); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4285b2', EndColorStr='#316285'); } #shoppingWindow li .outOfStock {font-size:11px; font-weight:bold; text-align:center; height:30px; padding-top:4px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d6d6), to(#e9e9e9));background: -webkit-linear-gradient(top, #e9e9e9, #d6d6d6); background: -moz-linear-gradient(top, #e9e9e9, #d6d6d6); background: -ms-linear-gradient(top, #e9e9e9, #d6d6d6); background: -o-linear-gradient(top, #e9e9e9, #d6d6d6); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e9e9e9', EndColorStr='#d6d6d6'); } #shoppingWindow li .outOfStock span {background:url("/images_b2c/shared/elements/smWarning.png") no-repeat; padding:0 0 2px 20px; } #shoppingWindow #moreMoney {margin:12px 0 12px 34px;} #shoppingWindow #moreMoney button {margin-left:12px;} #shoppingWindow #moreMoney h5 {margin:24px 0 12px 0; font-weight:bold;} #shoppingWindow #moreMoney ul {width:45%; float:left;} #shoppingWindow #accessories li {width:196px; border:solid 1px #e2e2e2; position:relative;} #shoppingWindow #accessories li li {position:static;} #shoppingWindow li #accessories .content img {width:135px; height:135px; display: inline-block;} #shoppingWindow #accessories li .content .reviewsContainer {height:27px; margin:15px 0; padding:13px 10px 0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8e8), to(#f9f8f8));background: -webkit-linear-gradient(top, #f9f8f8, #e8e8e8); background: -moz-linear-gradient(top, #f9f8f8, #e8e8e8); background: -ms-linear-gradient(top, #f9f8f8, #e8e8e8); background: -o-linear-gradient(top, #f9f8f8, #e8e8e8); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f9f8f8', EndColorStr='#e8e8e8');} #shoppingWindow #accessories li .content .reviewsContainer p {float:right; font:12px 'VerizonApexMedium',arial, helvetica, sans-serif;} #shoppingWindow #accessories li label {color:#666; font-size:13px; padding-left:10px;} #shoppingWindow #accessories li .quantity {float:left;} #shoppingWindow #accessories li .quantity li {width:auto; border:0;} #shoppingWindow #accessories li .topSeller {background:url("/images_b2c/prepay/topSellerBanner.png") no-repeat; width:83px; height:83px; position:absolute; top:0; left:0;} #shoppingWindow #accessories .callToAction {margin-top:-23px;} #shoppingWindow #features .planGroup {display:block; clear:both;} #shoppingWindow #features .featureGroup {float:left; padding:12px 0;} #shoppingWindow #features .exclusiveGroup {padding:12px 6px; background:#ddd; margin-left:12px;} #shoppingWindow #features .featureGroup li {float:left; width:144px; border:solid 1px #e2e2e2; padding:0; background:none; margin:0 6px; background:#FFF;} #shoppingWindow #features .featureGroup li h4.name, #shoppingWindow #features li p.description, #shoppingWindow #features li .prices {margin:10px;} #shoppingWindow #features .featureGroup li .prices {font-size:24px; float:none; margin:5px 0 5px 10px;} #shoppingWindow #features .featureGroup li .prices span {font-size:12px;} .setupPlanTable {width:640px; margin:0 32px 0 15px; text-align:center;} .setupPlanTable th {padding:9px 0; color:#ac0100; font:14px 'VerizonApexMedium',arial, helvetica, sans-serif; border:solid 1px #ddd; background:#e5e5e5; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );} .setupPlanTable th.col1 {width:170px; border:none; background:none; filter:none;} .setupPlanTable td {font-weight:bold; border-left:solid 1px #ddd; border-right:solid 1px #ddd; margin-right:10px; padding:25px 0 0 0; vertical-align:middle; width:160px;} .setupPlanTable td.col1 {width:170px; border:none; font:14px 'VerizonApexMedium',arial, helvetica, sans-serif; text-align:left; padding-right:10px;} .setupPlanTable td .bodySmallText {font-family: Arial,helvetica, sans-serif; font-size:11px !important} .setupPlanTable td.bottomCol {padding:20px 0 0 0;} .setupPlanTable td var {font-style:normal} .setupPlanTable tr.planPricing td {padding-top:20px;} .setupPlanTable tr.addMoney td * {text-align:left; font-weight:normal;} .setupPlanTable tr.addMoney td.col1 {vertical-align:top;} .setupPlanTable tr.addMoney td.col1 .notice {margin-left:0; font-size:12px;} .setupPlanTable .spacer {width:3px; border:none; background:none; filter:none;} .setupPlanDisclaimer {font-size:11px !important; color:#666; width:640px; margin:20px 0 10px 15px !important;} .prepaidCarousel .wrapper {padding-bottom:35px;} .prepaidCarousel .control {width:22px; height:62px; display:inline-block; *display:inline; zoom:1; cursor:pointer; vertical-align:middle; text-decoration:none;} .prepaidCarousel .next {margin-left:6px; background:url("/images_b2c/shared/carousel/carouselControlsSprite.png") no-repeat;} .prepaidCarousel .next:hover {background:url("/images_b2c/shared/carousel/carouselControlsSprite.png") no-repeat scroll 0 -64px transparent;} .prepaidCarousel .prev {margin-right:6px; background:url("/images_b2c/shared/carousel/carouselControlsSprite.png") no-repeat scroll 0 -128px transparent;} .prepaidCarousel .prev:hover {background:url("/images_b2c/shared/carousel/carouselControlsSprite.png") no-repeat scroll 0 -192px transparent;} .prepaidFlyout .stage {min-height:310px; width:686px;} dl.prepaidQuantityDropdown {vertical-align: middle;} .prepaidQuantityDropdown dd ul li {margin:0;} .prepaidQuantityDropdown dd ul li a {padding:1px 0 1px 6px;} #prepaidPriceColumn .productDetailPricingContainerTop {display:none;} #prepaidPriceColumn .productDetailPricingContainerBottom {display:none;} #prepaidPriceColumn .productDetailPricingContainer {background-color:#fff; border:none; padding:0; width:236px;} #prepaidPriceColumn .productDetailPricingContainer button {margin:0 0 20px 20px;} #prepaidPriceColumn .productDetailPricingContainer a.smallLink {font-size:11px !important; margin-left:20px;} #prepaidPriceColumn .detailPricingTable {width:216px; margin-left:8px; margin-top:0px; font-size:11px;} #prepaidPriceColumn .detailPricingTable td {font-weight:bold; padding-bottom:5px; font-size:11px !important;} #prepaidPriceColumn #productVideoDiv {display:none;} /* --------------------------------------------------------- TABS -------------------------------------------------------------*/ .ecom_tabs {overflow:auto; padding:0 10px 0 0; height:1%; margin-bottom:-1px;} .ecom_tabs ul {overflow:auto; margin:0;padding:0;height:1%;} .ecom_tabs li, .ecom_tabs a, .ecom_tabs a span, .ecom_tabs a span span, .ecom_tabs a span span span {display:block;float:left;font:bold 16px arial;cursor:pointer;line-height:40px;background:none;padding:0 0 0 2px;margin:0 0 0 -2px;} .ecom_tabs li.first {margin-left:0px !important;} .ecom_tabs a span span span.last {background:none;} .ecom_tabs .active span span span.last {background:#fff;} .ecom_tabs a span span span {padding:0 15px 0 15px; line-height:35px; margin-top:5px; background:url("/images_b2c/shared/tabs/gif/ecomTabDivider.gif") no-repeat right;} .ecom_tabs a.active {text-decoration:none;color:#000 !important;} .ecom_tabs a:hover, .ecom_tabs a:link, .ecom_tabs a:visited {text-decoration:none; color:#0066CC;} .ecom_tabs .active span {background:transparent url("/images_b2c/shared/tabs/gif/ecomTabLeft.gif") no-repeat top left;padding:0 0 0 4px;} .ecom_tabs .active span span {background:transparent url("/images_b2c/shared/tabs/gif/ecomTabRight.gif") no-repeat top right;padding:0 4px 0 0;} .ecom_tabs .active span span span {background:#fff;padding:5px 11px 0px 11px;line-height:35px;border-top:solid 1px #e1e1e1;border-right:none;margin:0;} /* --------------------------------------------------------- FILTERS -------------------------------------------------------------*/ .filterBar{left:0 !important;margin:0;position:relative;} .filterBar h2{margin:-3px 0 0 0;padding:0 !important;} .filterBar .filterMenuCap{background:#CACACA;border-bottom:1px solid #CACACA;border-top:1px solid #CACACA;float:left;height:38px;width:1px;} .filterBar .leftCap{border-bottom:1px solid #CACACA;border-top:1px solid #CACACA;width:1px;} .filterBar .leftCapHover{width:1px;} .filterBar .leftCapWhite{border-bottom:1px solid #CACACA;border-top:1px solid #CACACA;width:1px;} .filterBar .rightCap{border-bottom:1px solid #CACACA;border-top:1px solid #CACACA;width:1px;} .filterBar .rightCapHover{width:1px;} .filterBar .disabled{background:none;color:#999 !important;padding:2px 2px 4px 24px !important;} .filterBar .filterDisabled .top {background:none !important;} .filterBar .filterResults{display:inline;margin:0;} .filterMenu .filterMenuHead{background:url("/images_b2c/shared/facet_menu/filterBtnBg.gif") 0 0 repeat-x;border-bottom:1px solid #CACACA;border-right:0;border-top:1px solid #CACACA;color:#555;cursor:pointer;display:block;height:38px;overflow:hidden;padding:0;text-decoration:none;} .filterMenu .whiteBg{} .filterMenu .filterMenuHeadHov{} .filterMenu .filterMenuHead span{background:url("/images_b2c/shared/elements/down_arrow.gif") no-repeat 100% 6px;display:block;margin:0 10px 0 0;padding:2px 0 0 6px;} .filterMenu .filterMenuHead .top{background:none;display:block;font-weight:bold;margin-right:10px;padding-top:4px;} .filterBar .button {width:120px;} .filterBar .button .filterMenuHead{border:1px solid #CACACA;height:22px;} .filterBar .button .filterMenuHead .top{ padding:2px 0 0 0 !important;} .filterMenu .filterMenuButtonHov{background:url("/images_b2c/shared/elements/filterRow2.gif") -145px -22px no-repeat;font-weight:bold;} .filterBar .buttonWide .filterMenuButtonHov{background:url("/images_b2c/shared/elements/filterRow2.gif") 0 -144px no-repeat;font-weight:bold;} .filterBar .buttonWide {width:180px;} .filterBar .buttonWide .filterMenuHead{background:url("/images_b2c/shared/facet_menu/filterBtnBg.gif") 0 0 repeat-x;height:22px;border-left: 1px solid #cacaca; border-right: 1px solid #cacaca;} .filterBar .buttonWide .filterMenuHead .top{padding:2px 0 0 0 !important;} .filterBar *:focus {text-decoration:underline;} .filterMenu{float:left;font-size:11px;position:relative;text-align:left;width:140px;} .filterMenu .filterDisabled {color:gray!important;} .filterMenu .filterMenuListWrapper{display:none;margin:0;padding:0 !important;position:absolute;} .filterMenu .filterMenuList{background: #FCFCFC; background:rgba(255, 255, 255, 0.95);margin:0 10px;width:auto;zoom:1;filter: alpha(opacity=95);} .filterMenu .filterMenuList div span{display:inline-block;margin:2px 2px 2px 24px;} .filterMenu .filterMenuList a, .filterMenu .multi div a{color:#000;display:block;margin:0;overflow:hidden;padding:2px 2px 4px 24px;position:relative;text-decoration:none;width:auto;} .filterMenu .filterMenuList .more {display: none;} .filterMenu .filterMenuList a.moreButton {color: #06C; text-decoration: none;} .filterMenu .filterMenuList a:hover.moreButton {text-decoration: underline;} .filterMenu .filterMenuList a:focus.moreButton {text-decoration: underline;} .filterMenu .colOne {padding:0;} .filterMenu .colOne div{ float:left; width:20% !important; } .filterMenu .multi div a.moreButton{color:#06C;display:inline;padding:0 !important;text-decoration:underline;} .filterMenu .multi div a:hover.moreButton { text-decoration:underline; } .filterMenu .multi div a:focus.moreButton { text-decoration:underline; } .filterMenu .colorBox{height:12px;position:absolute;right:4px;top:4px;width:12px;} .filterMenu .checkBox{background:url("/images_b2c/shared/facet_menu/checkmark_unchecked.gif") no-repeat 2px 2px;font-weight:normal;} .filterMenu .checkMark{background:url("/images_b2c/shared/facet_menu/checkmark_checked.gif") no-repeat 2px 2px;font-weight:bold;} .filterMenu .checkMarker{background:url("/images_b2c/shared/elements/checkMark.gif") no-repeat 2px 2px;font-weight:bold;} .filterMenu .multi .more{display:none;} .filterMenu .multi .list div{float:none;width:auto;} .filterMenu .multi .killFloat{background:none !important;clear:both;float:none;height:0;width:0;} .filterMenu .highlight{background-color:#ddd;} .noCheck .checkMark{background-image:none;font-weight:normal;} .filterMenuSide{float:left;font-weight:bold;padding:3px 6px 0 10px;} .filterBar .filterMenuClearFloat{clear:both;} .filterMenu .filterMenuSeparator{border-top:1px solid #CCC;clear:both;margin:0px 5px 0px 5px;padding:0px 0px 10px 0px;} .filterMenu .filterMenuPopupTitle{margin:0px 5px 0px 5px;padding:12px 2px 7px 3px;} .filterMenuList .filterMenuColumn div{float:left;margin:0;padding:0px 13px 10px 6px;width:160px;zoom:1;} .filterMenuColumn .disabled {background:none;color:#999 !important;padding:2px 2px 4px 4px !important;} .filterBar .filterMenuWide{width:178px;} .filterBar .filterBarLabel{margin:8px 12px 0px 0px;} .filterBar .filterBarLabel h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; font-size:1.4rem;} .filterBar .filterMenuResultsRefinements{float:right;} .filterBar .filterBarShowAll{font-weight:bold;margin:0px 0px 0px 6px;} /* accessory filterbar tweaks */ .filterBar .accessoryFilterButton{width: 148px;} .filterBar .accessoryResultCount{font-size: 1.4em; font-weight: bold;} .filterBar .accessoryResultBreadcrumb{height: 32px;} .filterBar .accessoryResultFilters{padding-top: 10px;} .filterBar .accessoryShowAll{margin: -8px 0 0 0;} .filterBar .rsaquo {font-size: 1.2em; font-weight: bold;} #accessoryPhoneImage{height:32px; vertical-align: middle;display: inline-block;} #accessoryPhoneName{display: inline-block; font-size: 1.2em; margin-top: -3px; padding-right: 20px; vertical-align: middle; max-width: 380px} #primaryCompare{float:left;font-weight:bold;height:17px;} #primaryCompare .compareButton{background:#AAA;color:#FFF;display:block;float:left;height:17px;margin:0px 0px 0px 0px;padding:3px 10px 0px 10px;text-decoration:none;} #primaryCompare.active {background:url("/images_b2c/shared/facet_menu/red_checkmark.gif") 12px 5px no-repeat;} #primaryCompare.enabled .compareButton{background:url("/images_b2c/shared/facet_menu/compare_gobutton_bg.gif") repeat-x;} #primaryCompare .compareLabel {float:left;font-weight:bold;margin: 0 0 0 10px; padding:3px 6px 0 22px;} #accessoryMartFilterContent h2 {font-family: Arial,helvetica, sans-serif; color: #000;} .dropDown{left:-2px;margin:0;padding:0 !important;position:absolute;top:-2px;visibility:hidden;z-index:500;} .dropDown .top{background:url("/images_b2c/shared/facet_menu/dropshadowTL.png") no-repeat;height:10px;margin:0;padding:0;position:relative;} .dropDown .top div{background:url("/images_b2c/shared/facet_menu/dropshadowT.png") repeat-x;height:10px;margin:0 10px;} .dropDown .top span{background:url("/images_b2c/shared/facet_menu/dropshadowTR.png") no-repeat;height:10px;position:absolute;right:0;top:0;width:10px;} .dropDown .middle{position:relative;} .dropDown .lft{background:url("/images_b2c/shared/facet_menu/dropshadowL.png") repeat-y;height:100%;left:0;position:absolute;top:0;width:10px;} .dropDown .content{background:white;margin:0 10px;} .dropDown .rght{background:url("/images_b2c/shared/facet_menu/dropshadowR.png") repeat-y;height:100%;position:absolute;right:0;top:0;width:10px;} .dropDown .bottom{background:url("/images_b2c/shared/facet_menu/dropshadowBL.png") no-repeat;height:10px;margin:0;padding:0;position:relative;} .dropDown .bottom div{background:url("/images_b2c/shared/facet_menu/dropshadowB.png") repeat-x;height:10px;margin:0 10px;} .dropDown .bottom span{background:url("/images_b2c/shared/facet_menu/dropshadowBR.png") no-repeat;height:10px;position:absolute;right:0;top:0;width:10px;} .moreFeatures {border-top:1px solid silver; *padding:5px 0 0 16px; display:block; /*CSS Hack for IE. Keep on separate line.*/ } .moreFeatures a {margin:5px 0 0 16px;display:block !important;} .moreFeatures a.Less {display:none !important;} /*Hidden for now to remove the Less Features option*/ #compatiblePhoneHolder{} #compatiblePhoneImage{height:38px;float:left; margin:-10px 10px 0 0;} #compatiblePhoneName{width:120px; font-weight:bold; color:#666; font-size:0.9em;} #viewBy { background:none;float:left;height:22px;margin: 0 0 0 10px;overflow:hidden; } #viewBy #changeView { float:left;font-weight:bold;margin:0 !important;padding:3px 0 0 1px;text-align:left;width:50px; } #viewBy a { cursor:pointer;float:left;height:22px;margin:0 2px !important;width:24px; } #viewBy span { float:left;height:22px;width:24px; display: none; } #viewBy a.grid { background:url("/images_b2c/shared/facet_menu/filterMenuParts.gif") -187px -112px no-repeat; } #viewBy a.grid:hover { background:url("/images_b2c/shared/facet_menu/filterMenuParts.gif") -187px -134px no-repeat; } #viewBy a.grid:focus { background:url("/images_b2c/shared/facet_menu/filterMenuParts.gif") -187px -158px no-repeat; } /*#viewBy a.grid.Selected { background:url("/images_b2c/shared/elements/filterMenuParts.gif") -187px -158px no-repeat !important; }*/ #viewBy a.list { background:url("/images_b2c/shared/facet_menu/filterMenuParts.gif") -218px -112px no-repeat; } #viewBy a.list:hover { background:url("/images_b2c/shared/facet_menu/filterMenuParts.gif") -218px -134px no-repeat; } #viewBy a.list:focus { background:url("/images_b2c/shared/facet_menu/filterMenuParts.gif") -218px -158px no-repeat; } /*#viewBy a.list.Selected { background:url("/images_b2c/shared/elements/filterMenuParts.gif") -218px -158px no-repeat !important; }*/ /*#viewBy a.Selected span { filter:alpha(opacity = 100);opacity:1.0;}*/ #viewBy a.Selected span { display: block;} #viewBy .grid span {background:url("/images_b2c/shared/facet_menu/filterMenuParts.gif") -187px -158px no-repeat;} #viewBy .list span {background:url("/images_b2c/shared/facet_menu/filterMenuParts.gif") -218px -158px no-repeat;} .compareBox{width:40px; height:40px; margin:-9px 0 0 4px; background:url("/images_b2c/shared/elements/filterRow2.gif") no-repeat;float:left;text-align:center;padding-top:2px; position:relative; display:block; text-decoration:none;} .compareBox img{height: 32px;width:32px;padding:2px; cursor:none;} .compareBox img:hover{cursor:pointer;} .compareBox img[src$='trans.gif'] {cursor:default !important;} .compareBox .remove{width:13px; height:13px; position:absolute; top:0; right:0; display:none; background:transparent url("/images_b2c/store/gray_icons.gif");cursor:pointer;} .compareCheck{margin:3px 0 0 6px; height:17px; width:84px; color:#06C; font-weight:bold; float:left; cursor:pointer;} .compareCheck span{margin:0 4px 0 0; height:17px;width:17px; float:left; background:url("/images_b2c/shared/elements/filterRow2.gif") -95px 0px no-repeat;} .compareCheckBox{background:url("/images_b2c/shared/facet_menu/checkmark_unchecked.gif") no-repeat 2px 2px; width:17px; height:17px;} .compareCheckBox.compareCheckMark{background:url("/images_b2c/shared/facet_menu/checkmark_checked.gif") no-repeat 2px 2px; width:17px; height:17px;} .pdaIcon{background:url("/images_b2c/shared/elements/filterRow2.gif") -270px 0 no-repeat; width:23px; height:38px; float:left;} #shop {position:relative;min-height:400px;} #shop #listView {position:relative;display:block; background:none;} #shop #flexView {position:relative;height:0px; background:none;} .grayBack {background:none;} .grayBack .contentContainerTop {background:transparent url("/images_b2c/shared/containers/sprite_containers.gif") no-repeat left -180px;} .grayBack .contentContainerTop div {background:transparent url("/images_b2c/shared/containers/sprite_containers.gif") no-repeat right -190px;} .grayBack .contentContainerTop div div {background:transparent url("/images_b2c/shared/containers/sprite_containers.gif") repeat-x 0 -10px;} .grayBack .contentContainerBottom {background:transparent url("/images_b2c/shared/containers/sprite_containers.gif") no-repeat left -205px;} .grayBack .contentContainerBottom div {background:transparent url("/images_b2c/shared/containers/sprite_containers.gif") no-repeat right -215px;} #masterPhones{min-height:400px;} /* --------------------------------------------------------- Accessory Reviews -------------------------------------------------------------*/ #reviews .userSortContainer { display:inline; } #reviews #reviewz { position:relative; } /* --------------------------------------------------------- Accessory Compatible Devices -------------------------------------------------------------*/ #compatible #masterPhones { position:relative; } #compatible #masterPhones1 {z-index:100;} /* --------------------------------------------------------- Social Plugins - contains dynamically-sized content; don't set an explicit height. -------------------------------------------------------------*/ .socialPluginsContainer {float:left;} .socialPluginsContainer .sharePlugin {float:left; -moz-border-radius: 3px 3px !important; border-radius: 3px 3px !important; display: inline-block;} .socialPluginsContainer .facebookLikeBtn {padding: 5px;} /* NOTE: Google adds 3px of padding on the bottom of their iframe...*/ .socialPluginsContainer .googlePlusOneBtn {padding: 5px 5px 2px;} /* --------------------------------------------------------- Star Rating -------------------------------------------------------------*/ .starRatingRed {padding:0 !important; height:11px !important; width:130px !important; background:url("/images_b2c/shared/elements/stars_sprite_red_sm.png") no-repeat; text-align:left !important; float:left; *position:relative; z-index:1;} .starRatingRed div {height:11px !important; background:url("/images_b2c/shared/elements/stars_sprite_red_sm.png") 0 -11px no-repeat; *position:absolute; *top:0; *left:0; z-index:-1;} .starRatingRed .stars_0{width:92px !important;background:transparent;} .starRatingRed .stars_0_5{width:6px !important;} .starRatingRed .stars_1{width:13px !important;} .starRatingRed .stars_1_5{width:20px !important;} .starRatingRed .stars_2{width:27px !important;} .starRatingRed .stars_2_5{width:34px !important;} .starRatingRed .stars_3{width:42px !important;} .starRatingRed .stars_3_5{width:48px !important;} .starRatingRed .stars_4{width:55px !important;} .starRatingRed .stars_4_5{width:62px !important;} .starRatingRed .stars_5{width:92px !important;} .starRatingLg, .starRatingMd, .starRatingSm {padding:0 !important; height:34px !important; width:170px !important; background:url("/images_b2c/shared/elements/stars_sprite3.gif") no-repeat; text-align:left !important; float:left; *position:relative;} .starRatingMd {height:18px !important; width:91px !important; background:url("/images_b2c/shared/elements/stars_sprite3.gif") 0 -120px no-repeat;} .starRatingSm {height:10px !important; width:56px !important; background:url("/images_b2c/shared/elements/stars_sprite3.gif") 0 -180px no-repeat;} .starRatingLg a, .starRatingMd a, .starRatingSm a {float:left; background:url("/images_b2c/shared/trans.gif") no-repeat; width:34px; height:34px;} .starRatingMd a {width:18px; height:18px;} .starRatingSm a {width:11px; height:11px;} .starRatingLg div, .starRatingMd div, .starRatingSm div {height:37px !important; background:url("/images_b2c/shared/elements/stars_sprite3.gif") 0 -80px no-repeat; *position:absolute; *top:0; *left:0; z-index:-1;} .starRatingMd div {height:18px !important; background:url("/images_b2c/shared/elements/stars_sprite3.gif") 0 -160px no-repeat;} .starRatingSm div {height:10px !important; background:url("/images_b2c/shared/elements/stars_sprite3.gif") 0 -210px no-repeat;} .starLabel {float:left; width:70px; text-align:right; padding:0px 5px 5px 0px;} .starRatingLg .stars_0{width:170px !important;background:transparent;} .starRatingLg .stars_1{width:34px !important;} .starRatingLg .stars_1_5{width:51px !important;} .starRatingLg .stars_2{width:68px !important;} .starRatingLg .stars_2_5{width:85px !important;} .starRatingLg .stars_3{width:102px !important;} .starRatingLg .stars_3_5{width:119px !important;} .starRatingLg .stars_4{width:136px !important;} .starRatingLg .stars_4_5{width:153px !important;} .starRatingLg .stars_5{width:170px !important;} .starRatingMd .stars_0{width:92px !important;background:transparent;} .starRatingMd .stars_1{width:18px !important;} .starRatingMd .stars_1_5{width:28px !important;} .starRatingMd .stars_2{width:37px !important;} .starRatingMd .stars_2_5{width:46px !important;} .starRatingMd .stars_3{width:56px !important;} .starRatingMd .stars_3_5{width:64px !important;} .starRatingMd .stars_4{width:74px !important;} .starRatingMd .stars_4_5{width:82px !important;} .starRatingMd .stars_5{width:92px !important;} .starRatingSm .stars_0{width:56px !important;background:transparent;} .starRatingSm .stars_1{width:12px !important;} .starRatingSm .stars_1_5{width:17px !important;} .starRatingSm .stars_2{width:23px !important;} .starRatingSm .stars_2_5{width:28px !important;} .starRatingSm .stars_3{width:34px !important;} .starRatingSm .stars_3_5{width:39px !important;} .starRatingSm .stars_4{width:45px !important;} .starRatingSm .stars_4_5{width:50px !important;} .starRatingSm .stars_5{width:56px !important;} #prepaidDevices .starRatingSm, #prepaidConfig .starRatingSm {padding:0 !important; height:11px !important; width:75px !important; background:url("/images_b2c/shared/elements/blueStarsSprite.png") no-repeat; text-align:left !important; float:left; *position:relative;} #prepaidDevices .starRatingSm a, #prepaidConfig .starRatingSm a {float:left; background:url("/images_b2c/shared/trans.gif") no-repeat; width:11px; height:11px;} #prepaidDevices .starRatingSm div, #prepaidConfig .starRatingSm div {height:11px !important; background:url("/images_b2c/shared/elements/blueStarsSprite.png") 0 -16px no-repeat; *position:absolute; *top:0; *left:0; z-index:-1;} #prepaidDevices .starRatingSm .stars_0, #prepaidConfig .starRatingSm .stars_0 {width:65px !important;background:transparent;} #prepaidDevices .starRatingSm .stars_1, #prepaidConfig .starRatingSm .stars_1 {width:12px !important;} #prepaidDevices .starRatingSm .stars_1_5, #prepaidConfig .starRatingSm .stars_1_5 {width:20px !important;} #prepaidDevices .starRatingSm .stars_2, #prepaidConfig .starRatingSm .stars_2 {width:25px !important;} #prepaidDevices .starRatingSm .stars_2_5, #prepaidConfig .starRatingSm .stars_2_5 {width:33px !important;} #prepaidDevices .starRatingSm .stars_3, #prepaidConfig .starRatingSm .stars_3 {width:38px !important;} #prepaidDevices .starRatingSm .stars_3_5, #prepaidConfig .starRatingSm .stars_3_5 {width:46px !important;} #prepaidDevices .starRatingSm .stars_4, #prepaidConfig .starRatingSm .stars_4 {width:51px !important;} #prepaidDevices .starRatingSm .stars_4_5, #prepaidConfig .starRatingSm .stars_4_5{width:59px !important;} #prepaidDevices .starRatingSm .stars_5, #prepaidConfig .starRatingSm .stars_5{width:65px !important;} /*--------------------------------------------------------- AAL Pods -------------------------------------------------------------*/ .aalPodsContainer {width:600px; margin:0px auto;} .aalPod {/*background:url("<%= webServer %>/images_b2c/aal/container.jpg") no-repeat;*/ float:left; width:130px; height:190px; margin:1px; margin-right:18px; position:relative;border:1px solid #cdcdcd; padding:6px; text-align:center;} .aalPod:hover {border:2px solid #fe0000; margin:0; margin-right:17px;} .aalPod .img {display: block; margin:15px auto 0 auto; position:absolute; left:44px; z-index:0;} .aalPod .planInfo {text-align:center; padding:0px 5px; width:120px; margin-top:105px; position:relative; z-index:1;} .aalPod label {font:bold 12px Arial, Helvetica, sans-serif; display:block;} .aalPod label strong {display:block; text-transform:uppercase; color:#0066CC;} .aalPod .tooltipInfo {position:absolute; right:0; bottom:0; margin:2px 3px;} .aalPod .icon {text-align:center; padding-top:20px;} /*--------------------------------------------------------- Sliders CSS -------------------------------------------------------------*/ .sliderz{display:none; width:780px; height:20px; background:#CCC; cursor:pointer; clear:both; padding:0 1px;} .sliderz.notShared{display:none !important;} .sliderz .handlez{position:relative; display:block; width:60px; height:20px; background:#AAA; cursor:pointer; top:0; visibility:visible; *z-index:299;} .sliderz .handlez IMG{position:relative; top:-5px; margin:0 auto; width:16px; height:5px; display:block; z-index:299;} .sliderz .handlez:hover, .sliderz .handlez:focus{background-color:#9A9A9A;} /*--------------------------------------------------------- Plans Pages -------------------------------------------------------------*/ /*Customer Call to Action Buttons/Links*/ .callToAction{margin:12px auto; text-align:right;} .callToAction fieldset{float:right;} .callToAction fieldset button {display:inline; margin:0 6px;} .callToAction a {display:inline-block; margin-right:6px; *margin-right:9px; padding-top:5px;} .callToAction.arrows a {padding-top:9px;} /*Plans Page Header*/ .plansPage {clear:both; text-align:right; padding:15px 0 0 0!important;} .plansPage #contentHeaderLeft {float:left; margin-bottom:6px; text-align:left; *margin-bottom:0;} .plansPage .contentHeaderRight {display: block; padding-top:13px; margin-left:12px;} .plansPage .contentHeaderBelow {clear:both; text-align:left; margin-top:24px;} .plansPage .contentHeaderBelow .subhead {display:inline-block; *display:inline; color:#666; font:normal 18px 'VerizonApexBook',arial,helvetica,sans-serif!important; margin:0 12px 0 0!important; padding-top:3px;} .plansPage h1 {bottom:0; display:inline;} .plansPage span:first-of-type{font-weight:bold;} .plansPage span{display:inline; text-transform:capitalize;} .plansPage form, .plansPage fieldset, .plansPage select {width:200px; display:inline;} .plansPage form {margin:0 6px;} #contentBody {clear:both;} #contentHeader #cpcBanner {margin: 0 82px 20px;min-height: 121px;position: relative; width: 100%;} /*LLP, FS & ALP Plans Pages*/ #planRows {margin-bottom:12px;} #planRows:focus{text-decoration:underline;} #planRows .icon{position:absolute; width:25px; height:25px; margin:0 10px 0 0; background:#F00; left:0;} #planRows a { color:#0066CC;} #planRows var { font-style:normal !important; } #planRows a:hover, #planRows a:focus{ text-decoration:underline;} #planRows h2:first-child {margin-top:0;} #planRows h2{clear:both; font:bold 16px Arial,Helvetica,sans-serif; color:#333; margin:18px 0 6px 0; min-height:25px; position:relative; padding-left:31px; text-align:right;} #planRows h2 .toggleLink, #planRows h2 .dataLink{float:right; display:block; padding-top:10px;} #planRows h2 strong, #planRows h4 strong{display:inline-block; height:15px; padding:5px 0; text-transform:capitalize;} #planRows h2 span.voice, #planRows h4.voice span{background:url("/images_b2c/shared/icons/plan_icons.gif") 0 0 no-repeat;} #planRows h2 span.messaging, #planRows h4.messaging span{background:url("/images_b2c/shared/icons/plan_icons.gif") no-repeat -25px 0;} #planRows h2 span.data, #planRows h4.data span{background:url("/images_b2c/shared/icons/plan_icons.gif") no-repeat -50px 0;} #planRows h2 a{font:bold 11px Arial,Helvetica,sans-serif; margin:0 0 0 12px;} #planRows h2 a.noLink{color:#000; text-decoration:none; font:normal 12px Arial,Helvetica,sans-serif; margin-left:2px;} #planRows h2 p, #planRows h2 p * {display:inline; padding:0!important;} #planRows h3{font:bold 13px Arial,Helvetica,sans-serif; color:#000; margin:18px 0 12px 24px;} #planRows h4{margin:0 auto 10px auto; font:bold 12px Arial,Helvetica,sans-serif;} #planRows p{margin:0; padding:0;} #planRows .hideRow{display:none !important;} #planRows .showRow{display:block !important;} #planRows .leftColumn{width:782px; float:left; margin-right:12px;} #planRows .leftColumn .planOptionDivider{border:1px solid black; padding:10px;} #planRows .leftColumn p{font:11px Arial,Helvetica,sans-serif; margin:12px 0 6px 2px; position:relative;} #planRows .leftColumn p strong {color:#8aa51c;} #planRows .leftColumn p .shorten {width:160px; display:inline-block;} #planRows .leftColumn p .promotion {color:red;position:absolute; right:0; bottom:0;} #planRows .leftColumn h2 p span {width:170px; display:inline-block; text-align:left;} #planRows .leftColumn .discountError {display:block; margin:3px 0;} #planRows .planBar{padding:0; clear:both; width:780px; position:relative; z-index:299; margin-bottom:12px;} .short .planBar{width:600px!important;} .existingLine .planBar {width:756px!important;} #planRows .planBar .message{display:none;} #planRows .notShared .message{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgb(255,255,255); filter:alpha(opacity=85); background:rgba(255,255,255,0.85); text-align:center; font-weight:bold; z-index:300} #planRows .notShared .message span{display:block; padding:18px;} #planRows .notShared input{display:none;} #planRows .planBar .column{float:left; border-right:1px solid #BBB; padding:0 5px 0 24px; width:750px; cursor:pointer; text-align:center; vertical-align:middle; position:relative; z-index:299;} .existingLine .planBar .column {width:726px!important;} .short .planBar .column {width:570px!important;} .scroller .column {width:150px !important;} #planRows .planBar .col2{width:360px;} .existingLine .planBar .col2 {width:348px!important;} .short .planBar .col2{width:270px !important;} #planRows .planBar .col3{width:230px;} .existingLine .planBar .col3 {width:222px!important;} .short .planBar .col3{width:170px !important;} #planRows .planBar .col4{width:165px;} .existingLine .planBar .col4 {width:159px!important;} .short .planBar .col4{width:120px !important;} #planRows .planBar .col5{width:126px;} .existingLine .planBar .col5 {width:121px!important;} .short .planBar .col5{width:90px !important;} #planRows .planBar .col6{width:100px;} .existingLine .planBar .col6 {width:96px!important;} .short .planBar .col6{width:70px !important;} .existingLine .scroller .column {width:144px !important;} .short .scroller .column {width:105px!important;} #planRows .planBar .last{border-right:0; padding-right:6px;} .existingLine .planBar .col5.last{padding-right:7px!important;} #planRows .scroller .last {border-right:1px solid #BBB; padding-right:5px!important;} #planRows .scroller .hideCol {display:none;} #planRows .scroller .arrow {float:left; width:29px; padding:0; border:0; height:auto; cursor:pointer;} #planRows .scroller .back {width:30px; border-right:1px solid #BBB;} #planRows .scroller .arrow a {width:9px; height:12px; display:block; margin-left:10px;} #planRows .scroller .back a {background:url("/images_b2c/shared/elements/scroller_arrow.png") no-repeat 0 0;} #planRows .scroller .back:hover a {background:url("/images_b2c/shared/elements/scroller_arrow.png") no-repeat -9px 0;} #planRows .scroller .forward a{background:url("/images_b2c/shared/elements/scroller_arrow.png") no-repeat -18px 0;} #planRows .scroller .forward:hover a {background:url("/images_b2c/shared/elements/scroller_arrow.png") no-repeat -27px 0;} #planRows .scroller .back.disabled a, #planRows .scroller .back.disabled a:hover {background:url("/images_b2c/shared/elements/scroller_arrow.png") no-repeat -36px 0!important;} #planRows .scroller .forward.disabled a, #planRows .scroller .forward.disabled a:hover {background:url("/images_b2c/shared/elements/scroller_arrow.png") no-repeat -45px 0!important;} #planRows .planBar .flagged{color:#FFF; background:#4285B2 url("/images_b2c/shared/slices/backgroundSliceBlue.gif") repeat-x left bottom; -moz-box-shadow:inset 2px 2px 3px #1e3d52; -webkit-box-shadow:inset 2px 2px 3px #1e3d52; box-shadow:inset 2px 2px 3px #1e3d52; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.25, #316184),color-stop(0.75, #4285B2));background-image: -moz-linear-gradient(center bottom,#316184 25%,#4285B2 75%);} #planRows .existingLine {background:#eeeeee; border:1px solid #d1d1d1; padding:0 11px; margin:12px 0;} #planRows .existingLine .togglez {font:bold 12px/10px Arial, Helvetica, sans-serif; *line-height:12px; padding:10px 0; cursor:pointer; display:block; color:#000; text-decoration:none;} #planRows .existingLine .togglez:hover {text-decoration:none;} #planRows .existingLine .togglez span {background: url("/images_b2c/shared/elements/plus_minus.gif") no-repeat 100% 0; height:10px; display:block;} #planRows .existingLine .contentz { height:0; overflow:hidden; visibility:hidden;} #planRows .planBar div.clear{*clear:none; *display:none;} #planRows .column label{font:normal 11px Arial,Helvetica,sans-serif; cursor:pointer; padding:8px 0; line-height:14px; display:block; *overflow:hidden;} #planRows .column label .boxHeader{display:block; text-transform:capitalize;} #planRows .column label span {display:block;} #planRows .column .radio_checked{margin:0 0 0 5px; top:19px;} #planRows .flagged .radio_checked {margin:1px 0 0 6px;} #planRows .existingLine .contentz .radio_checked {*background-position:-13px 0;} #planRows .existingLine.open .contentz .flagged .radio_checked {*background-position:0 0;} #planRows .column input[type="radio"]{position:absolute; margin:0 0 0 5px; padding:0; top:19px; left:0; width:12px; height:14px !important; z-index:1;} #planRows .leftColumn #priceTitles{clear:both;} #planRows .leftColumn #priceTitles p{font:bold 14px Arial,Helvetica,sans-serif !important; padding:8px 0; text-align:right; line-height:17px !important; margin:0 0 15px;} #planRows .leftColumn #priceTitles .final{margin-bottom:0;} #planRows .rightColumn{width:178px; float:left; margin-left:12px; text-align:center; font:bold 12px Arial,Helvetica,sans-serif;} #planRows .rightColumn.doubleCol .priceCol {width:87px; float:left;} #planRows .rightColumn #oldPricing {border-right:0;} #planRows .rightColumn .priceCol{background:#eeeeee; border:1px solid #d1d1d1; margin-top:18px;} #planRows .rightColumn .priceColDark{background:#d8d8d8 !important; border:1px solid #ffffff !important; border-left: none !important; margin-top:18px;} #planRows .rightColumn h4.dark{background-color:#333333; color:#ffffff; border:0px solid #d1d1d1; margin:0 0 32px 0; line-height:50px; padding:0px 0; font-size:13px;} #planRows .rightColumn h4{border-bottom:1px solid #d1d1d1; margin:0 0 26px 0; line-height:15px; padding:7px 0; font-size:13px;} #planRows .rightColumn .priceCol span {font-size:14px;} #planRows .rightColumn .priceCol .planPrice{display:block; border:0; text-align:center; margin:0 0 45px 0; height:14px; line-height:14px; padding:19px 0;} #planRows .rightColumn .darken{background:#4b4b4b; color:#FFF; font-weight:bold; line-height:15px; padding:5px 0;} #planRows .rightColumn p{margin:0;} #planRows .rightColumn .last{margin:0 !important;} #planRows .rightColumn .discountTextDark{background-color:#a3a3a3; color:#333333; display:block; margin-bottom:0px; padding:9px 0 8px 0; *padding-top:8px; overflow:hidden;} #planRows .rightColumn .discountText{display:block; margin-bottom:15px; padding:9px 0 8px 0; *padding-top:8px; overflow:hidden;} #planRows .rightColumn .discountText .calculate {font-size:12px; line-height:16px;} #planRows .rightColumn.doubleCol #discountAmount {padding:0;} #planRows .rightColumn .totalDark{background-color:#333333; color:#ffffff; font-size:14px; font-weight:bold; line-height:16px; height:16px; border-top:8px solid #d1d1d1; padding:12px 0 12px; margin-top:0px !important;} #planRows .rightColumn .total{font-size:14px; font-weight:bold; line-height:16px; height:16px; border-top:1px solid #d1d1d1; padding:8px 0;} #planRows #priceTitles .discountTitle{display:none;} #planRows .rightColumn .discountTextDark{display:none;} #planRows .rightColumn .discountText{display:none;} #planRows.discount #priceTitles .discountTitle{display:block;} #planRows.discount .discountTextDark{display:block;} #planRows.discount .discountText{display:block;} #planRows .callToAction fieldset{margin:0px; text-align:center;} #planRows .callToAction button {width:178px; margin:0 1px 0 18px;} #planRows .callToAction a{font-weight:bold;} #planRows .callToAction .redButtonNext {width:auto; margin: 0 6px;} #planRows .callToAction .cancelLink {width:87px; text-align:center; margin:0 0 0 18px; cursor:pointer;} #planRows .callToAction .cancelLink {width:87px; text-align:center; margin:0 0 0 18px; cursor:pointer;} #planRows #shareEvLinkPod {float:left;width:400px;height:70px;background: white url(/images_b2c/plans/arrowCircles3devicesSm.jpg) 18px center no-repeat;border: 1px solid #ddd;padding: 15px 0 15px 140px;} #planRows #shareEvLinkPod span{font:bold 18px 'VerizonApexBook',arial,helvetica,sans-serif!important} /*3 Column Information Pods*/ #infoPods {width:984px; margin:48px 0 12px 0; display:block; clear:both;} #infoPods .column {float:left; width:304px; margin:0 12px;} #infoPods .column img {display:block; width:auto; height:85px; overflow:hidden;margin:0 auto;} #infoPods .column h3 {margin:12px 0; line-height:normal;} #infoPods .column p {margin:6px 0; padding:0; line-height:18px !important;} #infoPods .column a.more {background:url("../images_b2c/shared/elements/arrow_button.gif") no-repeat right 5px; line-height:normal; color:#0066cc; padding-right:12px; font-weight:bold;} #infoPods .column ul {line-height:18px !important;} #infoPods .column li a {color:#0066CC; cursor:pointer; text-decoration:none;} #infoPods .column li a:hover {text-decoration:underline;} /*Hover Boxes*/ .hoverContainer{position:relative; top:0; left:0; *z-index:400;} .hoverContainer .hoverText{position:absolute; padding:6px 6px 12px 6px; border:1px solid #DDD; border-bottom:0; top:0; left:0; visibility:hidden; z-index:400; color:#000; text-align:left;} .hoverText h5{font:bold 11px Arial,Helvetica,sans-serif; text-transform:capitalize; padding:0 !important; /*color:#4285B2; border-bottom:1px solid #EEE;*/} .hoverText p{font:normal 9x Arial,Helvetica,sans-serif; margin:3px auto 0px auto!important;} .hoverText strong {color:#4B4B4B!important;} .hoverText ins {text-decoration:none;} .hoverText .hoverCarat {position: absolute; bottom:-16px; left:0; display:block; height:16px; width:100%; background:url("/images_b2c/shared/tooltips/pointers.png") bottom center no-repeat;} /*--------------------------------------------------------- AAL & EU & CPC Landing Page -------------------------------------------------------------*/ #planBoxes {padding:7px 14px 7px 0;} #planBoxes h2 {font:bold 16px Arial, Helvetica, sans-serif; margin:16px 2px 0 2px; color:#333;} #planBoxes h3 {font:bold 14px Arial, Helvetica, sans-serif; color:#000;} #planBoxes .planBox {display:block; float:left; margin:7px 14px 7px 0; cursor:pointer;} #planBoxes .planBox.disabled .topRow, #planBoxes .planBox.disabled .bottomRow {background:#F6F6F6; border:1px solid #E8E8E8;} #planBoxes .planBox.disabled .bottomRow .planType, #planBoxes .planBox.disabled .bottomRow .phoneBox{opacity:.50; filter:alpha(opacity=50); *zoom:1;} #planBoxes .planBox.disabled .message {display:block!important;} #planBoxes .planBox .topRow {background-color: #EEEEEE; border: 1px solid #D1D1D1; position:relative; padding-left:32px; border-bottom:0!important;} #planBoxes .flagged .topRow, #planBoxes .highlight .topRow {color:#FFF; border: 1px solid transparent; background:#4285B2 url("/images_b2c/shared/slices/backgroundSliceBlue.gif") repeat-x left bottom; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.25, #316184),color-stop(0.75, #4285B2)); background-image: -moz-linear-gradient(center bottom,#316184 25%,#4285B2 75%);} #planBoxes .planBox .topRow label{font:normal 13px Arial,Helvetica,sans-serif; cursor:pointer; padding: 11px 0 10px 0; line-height:14px; display:block; *overflow:hidden; margin-bottom:0;} #planBoxes .planBox .topRow input{position:absolute; margin:0 0 0 11px; padding:0; top:11px; left:0; width:12px; height:14px !important; z-index:1; opacity:.1; filter:alpha(opacity=10);} #planBoxes .planBox .topRow .checkbox_checked {position:absolute; margin:0 0 0 11px; padding:0; top:11px; left:0; width:13px; height:14px !important; background:url("/images_b2c/shared/elements/checkbox_checked.png") -13px 0 no-repeat; z-index:2;} #planBoxes .flagged .topRow .checkbox_checked {background-position:0 0;} #planBoxes .planBox .topRow .radio_checked{margin:0 0 0 11px; top:11px;} #planBoxes .planBox .bottomRow {background-color: #EEEEEE; border: 1px solid #D1D1D1; position:relative;} #planBoxes .flagged .bottomRow, #planBoxes .highlight .bottomRow {background:#FAFAFA url("/images_b2c/shared/slices/backgroundSliceGray.gif") repeat-x left bottom; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(219,219,219)), color-stop(0.75, rgb(255,255,255))); background-image: -moz-linear-gradient( center bottom, rgb(219,219,219) 25%, rgb(255,255,255) 75%); } #planBoxes .planBox .bottomRow .message {width:166px; border-bottom:1px solid #D1D1D1; background:#FFF; color:#000!important; padding:6px; position:absolute; top:0; left:0; z-index:2; filter:alpha(opacity=100); display:none;} #planBoxes .planBox .bottomRow .message p {display:inline-block; margin:0; filter:alpha(opacity=100);} #planBoxes .planBox .bottomRow .planType {position:relative;padding:12px;} #planBoxes .planBox .bottomRow p {color:#666666;} #planBoxes .planBox .bottomRow .phoneBox {margin:12px 0;} #planBoxes .planBox .bottomRow .phoneBox .box {width:154px; float:left; text-align:center; margin-right:16px; padding:0 12px;} #planBoxes .planBox .bottomRow .phoneBox .box.last {margin-right:0;} #planBoxes .planBox .bottomRow .phoneBox .box img {margin:0 auto;} #planBoxes .planBox .bottomRow .phoneBox p {margin:0;} #planBoxes .planBox .bottomRow .phoneBox h4 { margin:0; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;} #planBoxes .planBox .bottomRow .additionalInfo {font:normal 11px Arial, Helvetica, sans-serif; margin-top:12px;} #planBoxes .planBox .bottomRow .additionalInfo p {margin:6px 0; color:#000; font-weight:bold; font-size:10px;} #planBoxes .planBox .bottomRow .additionalInfo .upgradeText {margin-top:12px; min-height:30px; font-size:11px;} #planBoxes .planBox .bottomRow .phoneBox a {color:#0066CC;} #planBoxes .planBox .bottomRow .phoneBox .progress {height:5px; background:#999; margin:12px 18px; text-align:left;} #planBoxes .planBox .bottomRow .phoneBox .progress span {height:5px; background:#0066CC; width:1px; display:block; float:left;} #planBoxes .planBox .bottomRow .notice {width:168px; text-align:center; padding: 0 5px;} #planBoxes .planBox .bottomRow .notice span, #planBoxes .planBox .bottomRow .sr span, #planBoxes .planBox .bottomRow .snr span, #planBoxes .planBox .bottomRow .orl span, #planBoxes .planBox .bottomRow .mpcr span {background:transparent url("/images_b2c/shared/elements/suspend_icon.png") no-repeat center left; width:20px; height: 13px;display:inline-block;} #planBoxes .planBox .bottomRow .pending span, #planBoxes .planBox .bottomRow .po span, #planBoxes .planBox .bottomRow .eutr span, #planBoxes .planBox .bottomRow .vot span,#planBoxes .planBox .bottomRow .spr span {background:transparent url("/images_b2c/shared/elements/pending_icon.png") no-repeat center left; width:20px; height: 13px;display:inline-block;} #planBoxes .planBox .bottomRow .ol span, #planBoxes .planBox .bottomRow .h span, #planBoxes .planBox .bottomRow .fl span, #planBoxes .planBox .bottomRow .pae span, #planBoxes .planBox .bottomRow .ls span {width:0px; background:none;} #planBoxes #addLinePromoBox.planBox h3{font:bold 18px 'VerizonApexMedium',arial, helvetica, sans-serif; padding:0 0 5px 0} #planBoxes #addLinePromoBox.planBox .additionalInfo h2{color:#FF0000;font-size:24px; padding:0;margin:0} #planBoxes #addLinePromoBox.planBox .bottomRow .additionalInfo p{color:#666} #planBoxes #addLinePromoBox.planBox .bottomRow .additionalInfo a{font-size:12px} #planBoxes #addLinePromoBox.planBox .bottomRow .phoneBox h4{height:auto; color:#666} /*--------------------------------------------------------- CPC Select Date -------------------------------------------------------------*/ #selectDate {margin:10px 0;} #selectDate h2 {margin:12px 0 6px 0;} #selectDate p {margin:6px auto;} #selectDate .selection {position:relative; padding:6px 24px;} #selectDate .selectionDisabled {position:relative; padding:6px 24px; background-color: #EAEAEA;} #selectDate label {font-weight:bold;} #selectDate input {position:absolute; top:7px; left:0; margin:0;} #selectDate ul {margin-bottom:0;} /*--------------------------------------------------------- CPC Split/Merge Overlay ---------------------------------------------------------*/ .mergeSplit h2 {font:bold 16px Arial, Helvetica, sans-serif; color:#333; margin-left:9px;} .mergeSplit #setError .alertBox {margin-top:12px;} .mergeSplit #planBoxes {margin:0 0 33px 9px; padding:0!important;} .mergeSplit .planBox { margin-right:10px!important;} .mergeSplit .planBox.washedOut {opacity:.50; filter:alpha(opacity=50); *zoom:1; *position:relative;} .mergeSplit label {width:78px; height:26px; font:normal 11px Arial, Helvetica, sans-serif!important; color:#333; padding:6px 0 5px 0!important;} .mergeSplit .share label {width:auto; padding-top:11px!important; height: 21px!important;} .mergeSplit input, .mergeSplit .checkbox_checked {top:11px!important;} .mergeSplit .flagged label, .mergeSplit .highlight label {color:#FFF;} .mergeSplit .box {width:104px!important; margin-right:0px!important; padding:0 6px!important;} .mergeSplit .box.notLast {margin-right:12px!important;} .mergeSplit .callToAction {margin:0;} /*--------------------------------------------------------- Phones page zero results ---------------------------------------------------------*/ .zeroResults .alertMessage {color: #B00000; font-family: 'Arial', 'Helvetica', 'sans-serif';font-size: 1.4em; font-weight: normal; margin: 0 0 10px 0; padding: 0;} .zeroResults {background: url("/images_b2c/shared/elements/alert.gif") no-repeat; padding: 7px 0 0 47px; margin: 34px 0 0 0;} .zeroResults .featuredSearches {margin: 0; padding: 0;} .zeroResults .featuredSearches li {background: none;font-size: 1.1em; margin: 0; padding: 0 0 10px 0;} .zeroResults .showAll {font-size: 1.1em; margin: 0 0 27px 0;} .zeroResultsDivider {border-top: 1px solid #CCCCCC; clear: both; padding: 0 0 60px 0; margin: 60px 0 0 0;} .featuredDevicesTitle {font-size: 2.0em; margin: 0 0 24px 0;} /*--------------------------------------------------------- ESN Backup Pages ----------------------------------------------------------*/ #deviceSummary {padding:12px;} #deviceSummary img {float:left; margin:0 12px;} #deviceSummary .phoneDetails {float:left; width:120px;} #deviceSummary .phoneDetails p {margin:0 0 6px 0; font-weight:bold;} #deviceSummary .phoneDetails span {display:block; margin-bottom:12px;} .copyBlock {float:left; width:350px; padding:12px 0; margin-right:12px;} .copyBlock h3 {font-size:12px; margin-bottom:12px;} .OSPod {float:left; width:130px; margin-right:12px;} .OSPod img {display:block; margin-bottom:6px;} .OSPod a {display:block;} .backupSteps {padding:0 30px;} .backupSteps .stepBlock {float:left; width:290px; margin:18px 0 24px 0;} .backupSteps .stepBlock .grayNum {float:left; font:bold 25px Arial, Helvetica, sans-serif; color:#C0C0C0;} .backupSteps .stepBlock .stepContent {float:left; margin-left:10px; width:240px; padding-top:5px;} .backupSteps .stepBlock span {margin:0 0 12px 0; display:block; color:#666666; min-height:40px;} /*---------------------------------------------------------- ESN Activate or Switch ------------------------------------------------------------*/ #activateDevice h3 {margin-top:5px;} #activateDevice legend {margin-bottom:6px; color:#B00000; *margin-left:-6px;} #activateDevice .actionLink {font-size:1em;} #paths fieldset {margin:12px 0;} #paths #activateExisting img, #paths #swap img {float:left; margin-right:6px;} #paths #activateExisting .dropdown {vertical-align:middle; margin-right:6px;} #swap .swapTarget {display:none;} #findSimInstructions {padding:10px 20px; background:#FFF; border:1px solid #D1D1D1;} #activateDevicePanel{margin-right:11px;width:568px;} #swapDevicePanel{width:401px;} #esnExample{display:block;} .rbPanelHeader{background:#eeeeee;border-bottom:1px solid #d1d1d1;padding:7px 10px 8px;} .rbPanelHeader label{display:inline-block;padding-left:7px;padding-top:2px;vertical-align:middle;} .rbPanelHeader input{display:inline-block;margin:0;padding:0;vertical-align:middle;} .flagged .rbPanelHeader{background:#4285B2 url("/images_b2c/shared/slices/backgroundSliceBlue.gif") repeat-x left bottom;background-image:-moz-linear-gradient(center bottom,#316184 25%,#4285B2 75%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.25, #316184),color-stop(0.75, #4285B2));color:#FFF;} .rbPanelContent{background: #eee; padding:22px 10px 24px 14px; height: 470px;} .flagged .rbPanelContent { background: #ebe9ea; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe9ea', endColorstr='#d4d4d4'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ebe9ea), to(#d4d4d4)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ebe9ea, #d4d4d4); /* for firefox 3.6+ */ } .highlight .rbPanelHeader{background:#4285B2 url("/images_b2c/shared/slices/backgroundSliceBlue.gif") repeat-x left bottom;background-image:-moz-linear-gradient(center bottom,#316184 25%,#4285B2 75%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.25, #316184),color-stop(0.75, #4285B2));color:#FFF;} .highlight .rbPanelContent { background: #ebe9ea; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe9ea', endColorstr='#d4d4d4'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ebe9ea), to(#d4d4d4)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ebe9ea, #d4d4d4); /* for firefox 3.6+ */ } .deviceIdInput input[type="text"]{background:#fcfcfc;border:1px solid #dedede;border-top:1px solid #b3b3b3;box-shadow:inset 0px 1px 0px 0px #e9e9e9;color:#505050;margin-right:-5px;moz-box-shadow:inset 0px 1px 0px 0px #e9e9e9;padding:7px 12px 8px;webkit-box-shadow:inset 0px 1px 0px 0px #e9e9e9;width:227px;position:relative;} .selectedDeviceInfo .phoneDetails {width:200px;} .selectedDeviceInfo{padding-bottom:47px;} .selectedDeviceInfo .phoneNumber{font-weight:bold;} .selectedDeviceInfo .planType{font-weight:bold;} .selectedDeviceInfo .planFeatures{margin:0; padding: 0 0 20px 0} .selectedDeviceInfo .planFeatures li{background:none;margin:0;padding:0;} .selectedDeviceInfo .ineligibleError{ color: #b20000; background: url("/images_b2c/shared/elements/exclamation_16x16.png") no-repeat; padding: 0 0 0 20px; width: 180px; } .switchColumns {vertical-align:middle; margin:18px 0 12px 0!important;} .switchColumns li {vertical-align:top;} .switchColumns li:first-child {text-align:center; margin-right:22px; padding-top:6px; width:145px;} .switchColumns li h2:first-child {margin-top:0!important;} /*---------------------- CART -----------------------*/ .textRight{text-align:right;} .f7{background:#F7F7F7 !important;} .cart{font-size:1.1em;} .cart table{width:100%; margin:0;} .cart td {vertical-align:top; padding: 0; background:#fff;} .cart td.col1{padding-left:60px;width:115px;} .cart td.col2{width:115px;padding:0 10px;} .cart td.qty{text-align:right;padding-right:20px;width:115px;} .cart td.selector{width:135px;text-align:right;} .cart td.selector select{margin-right:20px;} .cart td.image{width:135px;height:84px;} .cart td.image img{position:relative;top:-5px; float:left;} .cart .cost{text-align:right; padding-right:20px; white-space:nowrap; width:90px;} .cart .autoWidth{width:auto;} .cart .rightColumn{background-color:#d8d8d8;} .cart .priceHeader {background-color:#333333; color:#ffffff; border-bottom:1px solid #d1d1d1; line-height:50px; padding:0px 0; font-size:13px; font-weight:bold; width:75px; text-align:center;} .cart .headDark{background:url(/images_b2c/shared/containers/background_985x2.png) !important; border:1px solid #d3d3d3;border-bottom:0;padding:12px 0 12px 12px; height:26px;} .cart .head{background:#ececec; border:1px solid #d3d3d3;border-bottom:0;padding:12px 0 12px 12px; height:26px;} .cart .head .cost{margin-top:6px} .cart .head h2{font:1.6em arial,sans-serif; color:#333; display:inline; margin-right:7px; } .cart h3{font: bold 1.2em arial,sans-serif; color:#333; } .cart .content{border:1px solid #d3d3d3; padding:0px; background-color:#fff;} .cart .dots{border-bottom:2px dotted #d3d3d3;margin:0 10px; height:0;line-height:0;} .cart .future td{color:#999;padding-top:20px;padding-bottom:50px;} .cart .redBorder{border:1px solid #B00005;padding:20px 60px;} .cart .noPad{padding:0;} .cart .deviceNumber, #orderInformation td.deviceNumber{padding:8px 12px 0; height:24px; color:#b00000; border-left:solid 1px #d3d3d3; border-right:solid 1px #d3d3d3; font-size:14px; background:#ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 42%, #ececec 94%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(42%,#ffffff), color-stop(94%,#ececec), color-stop(100%,#f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 42%,#ececec 94%,#f3f3f3 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffffff 42%,#ececec 94%,#f3f3f3 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 42%,#ececec 94%,#f3f3f3 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 42%,#ececec 94%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );} .cart .deviceNumberDark, #orderInformation td.deviceNumber{background:url(/images_b2c/shared/containers/background_985x2_dark.png) !important; padding:6px 12px;} .cart .center{text-align:center !important;} .cart .removed, .cart .current{color:#999;} .cart .dblSpace td{padding-top:16px;} .cart .new{color:#B00000;text-align:right;} .cart .podTitle {text-align:left; font-size:12px;} .cart .accessoryPod {padding:12px 0; border-bottom:1px solid #CCC;} .cart .accessoryPod h3 {margin-bottom:12px;} .cart .accessoryPod .pod {float:left; width:315px; margin:0 6px;} .cart .accessoryPod .image {float:left; width:120px; height:107px; text-align:center;} .cart .accessoryPod .image img {margin:0 auto;} .cart .accessoryPod .info {float:left; width:183px; min-height:107px; margin-left:12px;} .cart .accessoryPod .info p {margin:6px 0;} .cart .accessoryPod .info p.price {font-weight:bold; font-size:13px; color:#B00000;} .cart .accessoryPod .info p.price .main {font-size:20px;} .cart .accessoryPod .info p.price .defaultPrice {color:#000; text-decoration:line-through; font-weight:normal;} .cart .viewAll {background:url('/images_b2c/store/nse/nseSprite.png') no-repeat 0 -264px; margin-left:-15px; padding-left:15px; position:absolute;} .cart .hideAll {background:url('/images_b2c/store/nse/nseSprite.png') no-repeat 0 -287px; margin-left:-15px; padding-left:15px; position:absolute;} .cart .showHideFeatures {padding-bottom:10px;} .cart .mainHeading {height:42px; border-top:solid 1px #d3d3d3; border-right:solid 1px #d3d3d3; border-left:solid 1px #d3d3d3; color:#fff; background: #6a6869; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhNjg2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY0NjI2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDUyNTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6a6869 0%, #646263 50%, #545253 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a6869), color-stop(50%,#646263), color-stop(100%,#545253)); background: -webkit-linear-gradient(top, #6a6869 0%,#646263 50%,#545253 100%); background: -o-linear-gradient(top, #6a6869 0%,#646263 50%,#545253 100%); background: -ms-linear-gradient(top, #6a6869 0%,#646263 50%,#545253 100%); background: linear-gradient(to bottom, #6a6869 0%,#646263 50%,#545253 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6869', endColorstr='#545253',GradientType=0 );} .cart .mainHeading .col1 {float:left; font-size:18px; padding:9px 0 0 12px;} .cart .mainHeading .col2 {float:right; font-weight:bold; width:136px; height:29px; padding:13px 0 0 0; text-align:center; border-left:solid 1px #d3d3d3; border-right:solid 1px #d3d3d3;} .cart .mainHeading .col3 {float:right; font-weight:bold; width:116px; padding:13px 0 0 0; text-align:center;} .cart .mainHeading.bottom {border-top:none; border-bottom:solid 1px #d3d3d3;} .cart .mainHeading h2 { color: #fff;font-size: 18px; font-family: Arial, Helvetica, sans-serif;} .cart .totalsFooter {height:54px; border-right:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; border-left:solid 1px #d3d3d3; background:#f4f4f4; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #f4f4f4 0%, #d6d6d6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d6d6d6)); background:-webkit-linear-gradient(top, #f4f4f4 0%,#d6d6d6 100%); background:-o-linear-gradient(top, #f4f4f4 0%,#d6d6d6 100%); background:-ms-linear-gradient(top, #f4f4f4 0%,#d6d6d6 100%); background:linear-gradient(to bottom, #f4f4f4 0%,#d6d6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d6d6d6',GradientType=0 );} .cart .totalsFooter .col1 {float:left; font-size:18px; padding:16px 0 0 12px;} .cart .totalsFooter .col2 {float:right; text-align:right; width:124px; padding:18px 12px 0 0; height:36px; color:#9b9b9b; font-size:16px; font-weight:bold; border-left:solid 1px #c3c3c3; border-right:solid 1px #c3c3c3;} .cart .totalsFooter .col3 {float:right; text-align:right; width:104px; padding:18px 12px 0 0; color:#b00000; font-size:16px; font-weight:bold;} .cart .additional {border-right:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; border-left:solid 1px #d3d3d3; padding:8px 12px 20px;} .cart .additional h4 {margin-top:12px;} .cart .additional .col1 {float:left; margin:12px 0 0 40px; width:870px;} .cart .additional .col2 {float:left; margin:12px 0 0 0; width:50px; color:#b00000; text-align:right;} .cart .additionalTip {color:#fff; font-size:12px; font-weight:normal; margin-left:10px; border-bottom:dashed 1px #fff; display:inline;} .cart .backOrderMessage {position:relative; float:left; text-align:center; padding-top:5px ;} /*---------------------- Review Order & Order Confirmation -----------------------*/ .cart .heading .secondaryHeadline1 {font-size:13px;} .cart .heading {width:175px;height:22px;} .cart .heading div{position:relative;} .cart .heading div div{position:absolute; top:22px; left:60px; width:230px;} .cart .headingSingle {width:76px; padding:0px 32px 0px 60px;} .cart .qty{width:90px;text-align:right;padding-right:44px;} .cart .qty div img {float:left;} .cart td.today, .cart td.monthly{padding-right: 24px;text-align: right;white-space: nowrap;width: 55px;} .cart th {font-size:16px; color:#333; text-align:right; padding-right:24px;} .cart th.tdHeader{text-align:left !important; padding-left:15px;} .cart th.mainHeading {font:1.6em arial,sans-serif !important; color:#333; background:#ECECEC; border-right:none;} .cart .dashInCell{text-align:right;padding-right:15px;color:#999;} .cart .questionLink {padding-right:17px;} .cart .promoText{color:#B00000 !important; font-weight:bold !important;} #yourPhoneNumber strong{color:#333;font:bold 1.2em arial,sans-serif;} #yourPhoneNumber h3{display:inline;} #orderInformation {margin-bottom:20px;} #orderInformation p {margin: 0 0 6px 0; font-size:13px;} .sectionHeading {background:#ECECEC; border:1px solid #D1D1D1; padding:10px 12px; font-size:16px; width:965px;} .sectionHeading .column, .sectionBody .column {display:inline-block; width:45%; vertical-align: top; zoom: 1; *display: inline;} .sectionHeading a {font-size:12px; margin-left:6px;} .sectionBody {padding:18px 12px; font-weight:normal; width:965px;} .sectionBody p {margin: 0 0 6px 0; font-size:13px;} /* Start LFR CR1229/1230 Changes */ .lfsectionHeading {padding:5px 12px; font-size:16px; width:965px;} .lfsectionHeading .column, .lfsectionBody .column {display:inline-block; width:45%; vertical-align: top; zoom: 1; *display: inline;} .lfsectionHeading a {font-size:12px; margin-left:6px;} .lfsectionBody {padding:5px 12px; font-weight:normal; text-transform:uppercase; width:965px;} .lfsectionBody p {margin: 0 0 6px 0; font-size:13px;} /* END LFR CR1229 Changes */ .order { width:985px; border:1px solid #D1D1D1; } .order th {background:#ECECEC; border-bottom:1px solid #D1D1D1; padding:10px;} .order td {background:none; width:auto;} .order .tdLevel2 {padding:5px 10px 5px 20px !important;} .order .tdLevel5, .order .tdLevel4 {padding:0 10px; text-align:right !important;} .order .tdGray, #doubleclick {height:0;} .totals {float:right; margin-right:25px; text-align:right; font-weight:bold; font-size:13px; clear:both;} .totals .type {padding-bottom:25px;} .totals .amounts {padding-bottom:35px;} .totals span {float:left; width:76px; white-space:nowrap;} .tdHeader.item{padding-left:20px;} .tdHeader.today{width:80px; text-align:right;} .tdHeader.monthly{width:60px; text-align:right;} .tdHeader.divider{width:0; padding:0;} .totals .label {font-size:13px; width:auto; margin-right:20px;} .totals .label span {text-transform:none;} .totals .accent {color:#B70000;} .totalDueNowCol1 {float:left; width:150px; line-height:34px; font-family:Arial, Helvetica, sans-serif; font-size:1.8rem; font-weight:bold;} .totalDueNowCol2 {float:left; line-height:34px; width:100px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:1.8rem; font-weight:bold;color:red;} .totalMonthlyCol1 {float:left; width:150px; line-height:34px; font-family:Arial, Helvetica, sans-serif; font-size:1.8rem;} .totalMonthlyCol2 {float:left; line-height:34px; width:100px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:1.8rem; font-weight:bold;} #customerInformation {margin:12px 0;} #customerInformation .segment {float:left; width:33%;} #customerInformation p {margin:6px 0;} /* Start LFR CR1229 Changes */ .lfConfirmsectionHeading {padding:5px 12px; font-size:16px; width:965px;} .lfConfirmsectionHeading .column, .lfConfirmsectionBody .column {display:inline-block; width:45%; vertical-align: top; zoom: 1; *display: inline;} .lfConfirmsectionHeading a {font-size:12px; margin-left:6px;} .lfConfirmsectionBody {padding:5px 12px; font-weight:normal; text-transform:uppercase; width:965px;} .lfConfirmsectionBody p {margin: 0 0 6px 0; font-size:13px;} /* END LFR CR1229 Changes */ /*--------------------------------------------------------- Shop Landing Page ------------------------------------------------------------*/ .planMinutes1 {background: url("/images_b2c/shop/plansSprite.gif") no-repeat; width:83px; height:66px; float:left;} .planMinutes2 {background: url("/images_b2c/shop/plansSprite.gif") no-repeat 0 -69px; width:83px; height:66px; float:left;} .planMinutes3 {background: url("/images_b2c/shop/plansSprite.gif") no-repeat 0 -137px; width:74px; height:66px; float:left;} #loggedInHeader {width:985px; height:30px;} #loggedInHeader .greeting {font-size:16px; font-weight:bold;} #loggedInHeader .role {font-size:13px; display:inline; margin-left:10px;} #loggedInContent {width:985px;} #loggedInContent .col1 {float:left; width:170px; margin-left:79px; font-size:12px;} #loggedInContent .col1 a {font-size:1em;} #loggedInContent .col2 {float:left; width:250px;} #loggedInContent .col3 {float:left; width:241px;} #loggedInContent .col4 {float:left; width:200px;} #loggedInContent .accountDevice {position:absolute; left:0px; top:66px;} /*--------------------------------------------------------- Plans Informational Pages ------------------------------------------------------------*/ #s11 .plansLanding1 {background:url("/images_b2c/plans/plansLanding1.jpg") no-repeat; width:291px; height:94px;} #s11 .plansLanding2 {background:url("/images_b2c/plans/plansLanding2.jpg") no-repeat; width:291px; height:94px;} #s11 .plansLanding3 {background:url("/images_b2c/plans/plansLanding3.jpg") no-repeat; width:291px; height:94px;} #s11 .learnAbout {background:url("/images_b2c/plans/learnAbout.jpg") no-repeat -15px 0; padding:0 20px 0 120px;} #s11 .existingNumber {background:url("/images_b2c/plans/existingNumber.jpg") -5px 0 no-repeat; padding:0 10px 0 90px; height:150px;} #s11 .serviceOnly {background:url("/images_b2c/plans/plansLanding2.jpg ") no-repeat -80px 0; padding:0 0 0 140px;} #shop-plans #plansMarquee {background:url("/images_b2c/plans/plansMarquee.jpg") 0 20px no-repeat; width:430px; height:400px; margin:20px 0 0 -20px !important; float:left;} #shop-plans .radio_checked{background: url("/images_b2c/shared/elements/radio.png");width:16px;height:16px !important;top:-1px;left:-1px;} #shop-plans .flagged .radio_checked {background-position: 0 -20px;} #shop-plans .buttonHolder{position:relative;float:left;margin:7px 7px 100px 0;} #shop-plans h3{font-size:21px !important;} #s11 .plansPlan1 {background:url("/images_b2c/shop/plansPlan1.png") no-repeat; width:131px; height:152px;} #s11 .plansPlan2 {background:url("/images_b2c/shop/plansPlan2.png") no-repeat; width:256px; height:152px;} #s11 .plansPlan3 {background:url("/images_b2c/shop/plansPlan3.png") no-repeat; width:195px; height:152px;} #s11 .plansPlan4 {background:url("/images_b2c/shop/plansPlan4.png") no-repeat; width:178px; height:152px;} .plansPromo1 {background:url("/images_b2c/plans/plansPromo1.jpg") no-repeat; width:194px; height:83px;} .plansPromo2 {background:url("/images_b2c/plans/plansPromo2.jpg") no-repeat; width:149px; height:83px;} .plansPromo3 {background:url("/images_b2c/plans/plansPromo3.jpg") no-repeat; width:164px; height:83px;} .plansPromo4 {background:url("/images_b2c/plans/plansPromo4.jpg") no-repeat; width:181px; height:83px;} .plansPromo5 {background:url("/images_b2c/plans/plansPromo5.jpg") no-repeat; width:151px; height:83px;} .plansPromo6 {background:url("/images_b2c/plans/plansPromo6.jpg") no-repeat; width:121px; height:83px;} .plansTable4Col, .plansTable3Col {width:100%; font-size:12px;} .plansTable4Col th, .plansTable3Col th, .plansTable2Col th {background:none !important; padding:0px 0px 5px 0px; color:#333; font-size:14px;} .plansTable4Col td, .plansTable3Col td, .plansTable2Col td {border-top:solid 1px #cfcfcf; color:#656565; padding:7px 0px;} .plansTable4Col td.col1, .plansTable4Col td.col2, .plansTable4Col td.col3, .plansTable4Col td.col4 {width:246px;} .plansTable3Col td.col1, .plansTable2Col td.col1 {width:375px;} .plansTable3Col td.col2, .plansTable2Col td.col2 {width:350px;} .plansTable3Col td.col3 {width:260px;} .plansTable2Col {font-size:12px;} .plansMoBroTable {width:760px; border-collapse:collapse;} .plansMoBroTable th {background:none; color:#333; font-weight:normal;} .plansMoBroTable td {border:solid 1px #cfcfcf; height:36px;} .plansMoBroTable .available {width:11px; height:11px; background:url("/images_b2c/s11/s11_sprite.gif") 0 -225px no-repeat; margin-top:12px;} .plansMoBroTable .bordered, #s11 .plansMoBroTable .bordered3Line {width:186px; height:100%; border:solid 2px #f7f7f7; height:36px; line-height:36px; cursor:default;} .plansMoBroTable .bordered3Line {height:64px; line-height:64px;} .plansMoBroTable .bordered3Line .available {margin-top:26px;} .plansMoBroTable .largeText {font-size:20px; font-weight:bold;} .plansMoBroTable tr.highlighted {background-color: #e0e0e0 !important;} .plansMoBroTable tr.highlighted th {background-color: #f7f7f7;} .plansMoBroTable td a {display:block; width:184px; height:36px; line-height:36px; color:#333; border:solid 2px #f7f7f7; padding-left:15px;} .plansMoBroTable td a.twoLine {line-height:normal; padding-top:1px; height:35px;} /* unlimited page */ .unlimitedComparison{background:url("/images_b2c/explore/unlimited/comparisonGraph.png") right 30px no-repeat;} .tradeInUnl{background:url("/images_b2c/explore/unlimited/trashCan.jpg") 55px 0 no-repeat; padding-left:165px;} .covMapUnl{background:url("/images_b2c/explore/unlimited/coverageMap.jpg") top left no-repeat; } /*--------------------------------------------------------- Accessories Landing Page ------------------------------------------------------------*/ .accLinkList {font-size:0.9em;} .accLinkList li{margin-top:3px; background:none;} .accOutletStore {background:url("/images_b2c/shop/accessoryOutletStoreBG.jpg") no-repeat right; width:670px; height:282px;} #promoCarousel {margin-bottom:12px;} #accessoryLanding .boxContent {background-color:#FFF; zoom:1;} #accessoryLanding .fourth p {margin-bottom:6px;} #accessoryLanding .plainList li {padding-left:0;} /*Shop by Device*/ #shopByDevice h2 {line-height:normal;} #shopByDevice .boxHeading {background-color:#e6e6e6; border:0; padding-top:6px; padding-bottom:5px;} #shopByDevice .boxContent {padding-right:0; border:1px solid #e6e6e6;} #shopByDevice .options {float:left; width:154px; padding-right:16px;} #shopByDevice .devices {width:764px; padding:12px 18px; float:left; background:#FFF;} #shopByDevice .devices p:first-child {margin:0 0 12px 0;} #shopByDevice .devices p {margin:6px 0 0 0;} #shopByDevice .devices .signin {padding-left:6px;} .lt-ie8 #shopByDevice #deviceDropdown dd ul li {padding-right:15px;} #viewAccessories fieldset {margin:10px 0;} #sbdDevicesCarousel ul.items > li {width:163px;} #sbdDevicesCarousel .image {height:107px; text-align:center;} #sbdDevicesCarousel .deviceName {text-align:center; line-height:1.2; min-height:45px;} /*--------------------------------------------------------- Accessories Grid Page ------------------------------------------------------------*/ #accessoryStore #results {display:none;} #accessoryStore #results h4 {margin-bottom:6px;} #accessoryStore #filters .boxContent {width:158px; padding-top:12px; padding-bottom:6px;} #accessoryStore #filters fieldset {margin-top:18px;} #accessoryStore #filters fieldset .disabled {opacity:0.5; filter: alpha(opacity=50); *color:#BBB;} #accessoryStore #filters form fieldset:first-child {margin-top:0;} #accessoryStore #filters h3 {margin-bottom:9px;} #accessoryStore #filters label {display:block; margin:6px 0;} #accessoryStore #filters .more .label {color:#666; cursor:pointer;} #accessoryStore #filters .accordion {margin:0;} #accessoryStore #promos .pod {width:158px; padding:12px; border:1px solid #AAA; margin:24px 0; background:#FFF;} #accessoryStore #promos .pod .image {text-align:center;} #accessoryStore #promos .pod img {display:block; margin:0 auto;} #accessoryStore #promos .pod h3 {margin:12px 0; text-transform:uppercase;} #accessoryStore #promos .pod p {margin-bottom:6px;} #accessoryStore #grid #sort h4 {margin-right:12px;} #accessoryStore #grid h3 {margin-right:12px;} #accessoryStore #grid #allAccessories {display:none;} #accessoryStore #grid #allAccessories h3 {margin-bottom:12px;} #accessoryStore #grid #allAccessories ul.items, #grid #allAccessories ul.items > li {margin:0; padding:0;} #accessoryStore #grid #allAccessories ul.items > li {background:none; width:380px; float:left; margin:0 5px 24px 5px;} #accessoryStore #grid .accessoryGridCarousel {margin-top: 18px; margin-bottom:36px;} #accessoryStore #grid .accessoryGridCarousel ul.items > li {width:380px;} #accessoryStore #grid .dropdown {vertical-align:top;} #accessoryStore #grid .outOfStock .quantity.dropdown {visibility:hidden;} #accessoryStore #grid .color.dropdown dd a {padding:1px 0;} #accessoryStore #grid .accessories .image {float:left; width:135px;} #accessoryStore #grid .accessories .image a {display:block; width:165px; text-decoration:none!important; height:135px;} #accessoryStore #grid .accessories .accBundleAlt0 { width: 165px; text-align: center; } #accessoryStore #grid .accessories .accBundleAlt1 { width: 82px; float: left; } #accessoryStore #grid .accessories .accBundleAlt2 { width: 82px; float: right; } #accessoryStore #grid .accessories .promotion {margin:0; width:120px; height:30px; color:#FFF; font-weight:bold; text-align:center;} #accessoryStore #grid .accessories .promotion span {display:block; padding:5px; width:120px; background:#A5BA45;} #accessoryStore #grid .accessories .badges {float:left; width:30px; min-height:30px; margin:0 6px;} #accessoryStore #grid .accessories .badges a {display:block; margin-bottom:3px;} #accessoryStore #grid .accessories .info {float:left; width:202px; position:relative;} #accessoryStore #grid .accessories .info .outOfStockBar {position:absolute; top:140px; left:-100px;} #accessoryStore #grid .accessories .info p {margin:3px 0;} #accessoryStore #grid .accessories .info .details {min-height:180px;} #accessoryStore #grid .accessories .info .color {margin-left:6px;} #accessoryStore #grid .accessories .purchaseDetails {margin:9px 0; padding:6px 0; margin-right:15px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;} #accessoryStore #grid .accessories .purchaseDetails .pricing {float:left; width:186px; margin-right:6px;} #accessoryStore #grid .accessories .purchaseDetails .pricing .price {margin:3px 0; font-weight:bold; font-size:13px; color:#B00000;} #accessoryStore #grid .accessories .purchaseDetails .pricing .price .main {font-size:20px;} #accessoryStore #grid .accessories .purchaseDetails .pricing .price .discountPrice {color:#000; text-decoration:line-through; font-weight:normal;} #accessoryStore #grid .accessories .purchaseDetails .action {float:left; width:172px; padding-top:3px;} /*--------------------------------------------------------- Store Locator ------------------------------------------------------------*/ #storeLocator {padding-top:10px;} #storeLocator .required{color:#B00000;} #storeLocator .pod {float:left; border-left:1px solid #CCCCCC; padding-left:20px; margin:10px 0;} #storeLocator .pod a {display:block;} #storeLocator h1 {margin:6px 0 18px 0;} #storeLocator input, #storeLocator select { float:left; } #storeLocator fieldset {margin:12px 0} #storeLocator .dividingText {float:left; margin:2px 6px 0 6px;} #storeLocator .tab_holderGray {margin-top:10px;} #storeLocator .tab_holderGray .active span span span{color:#B00000;} #localStores {padding-top:30px;} #localStores .store {margin:10px 0; padding-top:20px; border-top:1px solid #CCC;} #localStores .storeInfo p {margin-top:0px;} #localStores .featurePod{text-align:center;width:95px; margin-bottom:10px; float:left; padding-right:10px;} #localStores .featurePod img{display:block;margin:0 auto 6px auto;} #localStores .featurePod p {text-align:center;} #localStores .links {padding-top:30px;} #localStores .links p {margin:3px 0;} #localStores a.actionLink{font:1em arial,sans-serif;} #localStores .storeLocatorAlphabetList {padding-left:10px;} #localStores .storeLocatorAlphabetList span {font-weight:bold; padding:0px 10px 0px 7px; border-right:solid 1px #666;} #localStores .storeLocatorAlphabetList span.first {padding-left:0px;} #localStores .storeLocatorAlphabetList span.last {border-right:none} #localStores .storeLocatorAlphabetList a {text-decoration:none;} #localStores .storeLocatorAlphabetList a.selected {color:#000 !important;} #localStores .storeLocatorAlphabetList h3 {color:#666;} #localStores .storeLocatorCityList {padding-left:10px;} #localStores .storeLocatorCityList a {text-decoration:none; line-height:20px;} #localStores .smallStore {width:33.3%; float:left;} #localStores .smallStore .photo {width:81px; float: left; margin:0 5px;} #localStores .smallStore .info {width: 189px; float: left; margin:0 5px;} #appointments {width:690px; padding-top:10px;} #appointments .storePhoto {width:81px;} #appointments .storeInfo {width:179px;} #appointments .storeInfo h4 {margin-bottom:6px;} #appointments .storeInfo ol {margin:6px 0 12px 0;} #appointments .content {width:350px; min-height:180px; border-left:1px solid #CCC; padding-left:15px;} #appointments #availableTimes {margin:12px 0;} #appointments #availableTimes select {margin-right:6px;} #appointments #availableTimes option.disabled {color:#000!important; font-weight:bold;} #appointments #availableTimes optgroup {margin:0; padding:0;} #appointments #availableTimes optgroup option {padding-left:3px;} #appointments #userInfo h4 {margin-bottom:6px;} #appointments #userInfo h4 span {font-weight:normal;} #userInfo #personalInfo input {width:160px;} #appointments #userInfo label {margin-left:6px;} #appointments legend {*margin-left:-6px;} #manageAppt .half {padding-right:0; margin-right:41px; border-right:1px solid #CCC; width:451px;} #manageAppt .half + .half {padding-right:36px; width:452px; margin-right:0; border:0;} table.appointment {width:300px; margin-left:18px;} table.appointment tr td:first-child {width:70px;} /*--------------------------------------------------------- TABS - NEW LOOK ------------------------------------------------------------*/ .tab_holder {overflow:auto;background:transparent url("/images_b2c/shared/tabs/gif/bg_right.gif") no-repeat top right;padding:0 10px 0 0;border-bottom:3px solid #CC0000;height:1%;} .tab_holder ul {overflow:auto;background:transparent url("/images_b2c/shared/tabs/gif/bg_slab.gif") no-repeat top left;margin:0;padding:0;height:1%;} .tab_holder li, .tab_holder a, .tab_holder a span, .tab_holder a span span, .tab_holder a span span span {display:block;float:left;font:bold 12px arial;color:#fff;cursor:pointer;line-height:30px;background:none;padding:0;margin:0;} .tab_holder a span span span {padding:0 9px 0 10px;border-right:1px solid #666;line-height:25px;margin-top:5px;} .tab_holder a.active {text-decoration:none;color:#fff;} .tab_holder a.none {text-decoration:underline;color:#fff;} /* temp fix for phoneoverview */ .tab_holder a:hover, .tab_holder a:link, .tab_holder a:visited {color:#fff;} .tab_holder .active span {background:transparent url("/images_b2c/shared/tabs/gif/tab_left.gif") no-repeat top left;padding:0 0 0 10px;} .tab_holder .active span span {background:transparent url("/images_b2c/shared/tabs/gif/tab_right.gif") no-repeat top right;padding:0 10px 0 0;} .tab_holder .active span span span {background:transparent url("/images_b2c/shared/tabs/gif/tab_1px.gif") repeat-x;padding:5px 0 0 0;line-height:25px;border:0;margin:0;} .tab_holder a span span span span {display:inline;float:none;font:normal 9px arial;margin:0;padding:0;border:0;background:transparent;text-decoration:none;} .tab_holder a.active span span span span {display:inline;float:none;font:normal 9px arial;margin:0;padding:0;border:0;background:transparent;text-decoration:none;} .tabContainer {width:255px;float:left;clear:none;padding:15px;border:none;display:block;margin-bottom:10px;} /* Squared Gray Tabs */ .tab_holderGray ul {margin:0;padding:0;height:1%;} .tab_holderGray li, .tab_holderGray a, .tab_holderGray a span, .tab_holderGray a span span, .tab_holderGray a span span span.tab_holderGray a:hover, .tab_holderGray span a:hover, .tab_holderGray span span a:hover, .tab_holderGray span span span a:hover {display:block;float:left;font:bold 11px arial;color:#666;cursor:pointer;line-height:30px;background:none;padding:0;margin:0; text-decoration:none !important;} .tab_holderGray li {background:none!important; padding:0!important;} .tab_holderGray a span span span {padding:0 9px 0 10px;border-right:1px solid #666;line-height:25px;margin-top:5px;} .tab_holderGray a span {background:transparent url("/images_b2c/shared/tabs/gif/grayTabLeft.gif") no-repeat top left;padding:0 0 0 1px;} .tab_holderGray a span span {padding:0;} .tab_holderGray a span span span {background:transparent url("/images_b2c/shared/tabs/gif/grayTab_1px.gif") repeat-x;padding:3px 10px 0 10px;line-height:25px;border:0;margin:0;} .tab_holderGray .active span {background:transparent url("/images_b2c/shared/tabs/gif/grayTabLeftActive.gif") no-repeat top left;padding:0 0 0 1px;} .tab_holderGray .active span span {padding:0;} .tab_holderGray .active span span span {background:transparent url("/images_b2c/shared/tabs/gif/grayTab_1pxActive.gif") repeat-x;padding:3px 10px 0 10px;line-height:25px;border:0;margin:0;color:#333;} .tab_holderGray span.first {background:transparent url("/images_b2c/shared/tabs/gif/grayTabLeftFirst.gif") no-repeat top left;padding:0 0 0 3px;} .tab_holderGray .active span.first {background:transparent url("/images_b2c/shared/tabs/gif/grayTabLeftActiveFirst.gif") no-repeat top left;padding:0 0 0 4px;} .tab_holderGray span span.last {padding:0 3px 0 0; background:url("/images_b2c/shared/tabs/gif/grayTabRight.gif") no-repeat top right;} .tab_holderGray .active span span.last {padding:0 3px 0 0; background:url("/images_b2c/shared/tabs/gif/grayTabRightActive.gif") no-repeat top right;} .tab_holderGrayBordered {width:100%; height:28px; background:url("/images_b2c/shared/tabs/gif/grayTab_bg.gif") repeat-x;} /* LAYERS */ div.layer {position:absolute;top:50px;left:-1000em;z-index:100002;width:100px;overflow:hidden;} div.layer h3, div.layer h3 span, div.layer h3 span span, div.layer h3 span span span {overflow:hidden;display:block;margin:0;padding:0;color:#000;font-size:13px;font-weight:bold;height:24px;line-height:24px;text-align:left;} div.layer h3 {width:100%;} div.layer h3 span {background:transparent url("/images_b2c/shared/headers/header_gray_tab_left_trans.gif") no-repeat left top;padding:0 0 0 10px;} div.layer h3 span span {background:transparent url("/images_b2c/shared/headers/header_gray_tab_right_trans.gif") no-repeat right top;padding:0 10px 0 0;} div.layer h3 span span span {position:relative;background:#e3e3e3 url("/images_b2c/shared/headers/header_gray_1px.gif") repeat-x;} div.layer h3 span span span span {position:absolute;left:0;background:none;} div.layer a.close_primary {position:absolute;right:0;color:#0066CC;font-size:11px;font-weight:normal;text-decoration:underline;cursor:pointer;background:url("/images_b2c/shared/elements/close_x.gif") transparent no-repeat right;padding: 0 20px 1px 0;} div.layer div.bl, div.layer div.br, div.layer div.bm {padding:0;margin:0;height:20px;text-align:right;} div.layer div.bl {background:url("/images_b2c/shared/layers/bottom_left.gif") no-repeat left top;padding:0 0 0 10px;} div.layer div.br {background:url("/images_b2c/shared/layers/bottom_right.gif") no-repeat right top;padding:0 10px 0 0;} div.layer div.bm {background:url("/images_b2c/shared/layers/bottom_1px.gif") repeat-x;} div.layer div.rule {clear:both;height:1px;overflow:hidden;background:#ccc;} div.layer div.rule_error {clear:both;height:2px;overflow:hidden;background:#f00;} div.layer_inner {background:#fff;overflow:hidden;text-align:left;padding:10px 10px 0;} #layer_holder div.layerContent {width:93%;padding:10px 0 0 12px;text-align:left;} #layer_holder div.layerContentScroller {overflow:auto;} #layer_holder .tab_holder {height:auto; zoom:1} #layer_iframe {display:block;} div#overlay {position:absolute;top:0;left:0;background:#000;cursor:pointer;opacity: 0.75;filter: alpha(opacity=75);z-index:100001;display:none;} #overlay_iframe {position:absolute;top:0;left:0;background:#000;cursor:pointer;opacity: 0;filter: alpha(opacity=0);z-index:100000;} a.launcher {cursor:pointer;display:block;} a.launcher img {display:block;} /* CUSTOM TOOLTIP - INTRODUCED IN OPAL */ .tip_alt {position:absolute;left:-1000em;top:-1000em;overflow:hidden;} .pl div.tip_alternate {position:absolute;left:-1000em;background:url("/images_b2c/shared/tooltips/s.gif");z-index:100003;font:normal 12px/15px arial,sans-serif;text-align:left;width:278px;} .pl div.tip_alternate .top { background:url('/images_b2c/shared/customnote/tip-top.gif') no-repeat top left;height:34px;} .pl div.tip_alternate .middle {background:url('/images_b2c/shared/customnote/tip-text.gif') repeat-y;} .pl div.tip_alternate .middle .pad {padding:10px 10px 0 10px;} .pl div.tip_alternate .bottom {background:url('/images_b2c/shared/customnote/tip-bottom.gif') no-repeat top left; height:22px;} .pl div.tip_alternate_pad_left {padding-left:24px;} .pl div.tip_alternate_pad_right {padding-right:24px;} .pl div.tip_alternate_pad_top {padding-top:24px;} .pl div.tip_alternate_pad_bottom {padding-bottom:24px;} .pl div.tip_alternate div.tip_carat {position:absolute;background:url('/images_b2c/shared/customnote/tip-carat.gif');width:25px;height:25px;} .pl div.tip_alternate_pad_left div.tip_carat, .pl div.tip_alternate_pad_right div.tip_carat {top:30px;} .pl div.tip_alternate_pad_bottom div.tip_carat {left:50px;} .pl div.tip_alternate_pad_top div.tip_carat {left:30px;} .pl div.tip_alternate_pad_left div.tip_carat {left:0px;background-position:95px 0;} .pl div.tip_alternate_pad_right div.tip_carat {right:0px;background-position:25px 0;} .pl div.tip_alternate_pad_top div.tip_carat {top:0px;background-position:60px 0px;} .pl div.tip_alternate_pad_bottom div.tip_carat {bottom:0px;_bottom:-1px;background-position:0px 0;} /* DROP SHADE */ #dropShadeDiv {position:absolute;display:none;z-index:11000;} #dropShadeDiv .relative{position:relative;} #dropShadeDiv #expando{position:relative;overflow:hidden;height:0;} #dropShadeDiv #top-left{height:2px; margin-right:9px; line-height:0px; font-size:0px;background:url("/images_b2c/shared/elements/dropShadeTop.png") no-repeat;} #dropShadeDiv #top-right{position:absolute;width:9px;bottom:0px;right:0px;top:0px;background:url("/images_b2c/shared/elements/dropShadeRight.png") no-repeat;} #dropShadeDiv #dropShadeContent{padding:10px;border-left:1px solid #999;background:#FFF;display:inline-block;margin-right:9px;} #dropShadeDiv #bot-left{height:9px;line-height:0px; font-size:0px;margin-right:9px;background:url("/images_b2c/shared/elements/dropShadeBottom.png") no-repeat;} #dropShadeDiv #bot-right{position:absolute;right:0px;top:0px;height:9px;width:9px;line-height:0px; font-size:0px;background:url("/images_b2c/shared/elements/dropShadeBottomRight.png") no-repeat;} /*---------------------- Invodo -----------------------*/ .i_videoIcon {display:none;} /* hide video elements until video match is found */ /* VZUI */ .styledInput{height:1px;left:-9000em;position:absolute;width:1px;} /* formatting is important for the noSelect style. Do no put it on one line */ .noSelect{cursor:default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .comboHead{background:url("/images_b2c/shared/facet_menu/filterBtnBg.gif") 0 0 repeat-x;border:1px solid #cacaca;display:block;opacity:0.8;padding:8px;position:relative;width:224px;} .comboHeadFocus{} .comboHeadHover{opacity:1.0;} .comboHeadDisabled{color: #ccc;} .comboLabel{} .comboDownArrow{background:url("/images_b2c/shared/elements/down_arrow.gif") 0 4px no-repeat;float:right;height:12px;padding-top:8px;width:12px;} .comboList{background:#fff;display:none;padding:5px;position:absolute;z-index:9999;} .comboItem{display:block;padding:4px 4px 4px 14px;text-decoration:none !important;} .comboItemHover{background:#efefef;} .comboItemSelected{background:#efefef url("/images_b2c/shared/elements/checkMarkSm.gif") 3px 8px no-repeat;} .imageRadio{background:url("/images_b2c/s11/s11_radio_button.png") -16px 0px no-repeat;display:inline-block;height:16px;vertical-align:middle;width:16px;zoom: 1;} .imageRadioSelected{background:url("/images_b2c/s11/s11_radio_button.png") 0px 0px no-repeat;display:inline-block;height:16px;vertical-align:middle;width:16px;} .imageRadioDisabled{background:url("/images_b2c/s11/s11_radio_button.png") -16px 0px no-repeat;display:inline-block;height:16px;vertical-align:middle;width:16px;} .dropdownShadow{ box-shadow:0 0 15px rgba(102,102,102,0.3); filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=7) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7); -moz-box-shadow:0 0 15px rgba(102,102,102,0.3); -webkit-box-shadow:0 0 15px rgba(102,102,102,0.3); } .overTxtLabel{color:#999;padding: 8px 12px 7px;} .panelBorder{border: 1px solid #d1d1d1;} .VZUIloader {background: url("/images_b2c/shared/elements/loading_animation.gif") no-repeat scroll center center transparent;height:100%;left:0;position: absolute;width:100%;z-index:100000} /* plans plaid */ #deviceBox {width:830px;height:100%; float:left;} #deviceBlock {overflow:hidden; padding-left:10px;} #deviceBlock .separator {clear: both;} #mainDeviceCell {height:100%; float:left; padding:20px;} #subDeviceBlock {height:100%; float:right; width:66%; border-left:1px solid #e1e1e1;} #subDeviceBlock .separator{height:1px; clear:both; background:#e1e1e1;} .subDeviceCell {float:left; width:249px; padding:20px 10px; border-bottom:0px solid #e1e1e1; color:#777;} .subDeviceCell img {float:left; padding-right:5px;} .subDeviceCell .nafInfo {float:left; width:135px;} .subDeviceCell .nafChange {float:left; width:54px;} .subDeviceCell .nafChange button {padding:1px 0; width:54px;} .subDeviceCell .nafChange button span, .subDeviceCell .nafChange button span span {color:#fff; font-size:11px !important;} .subDeviceCell .nafChangePlan {float:left; margin:-5px 0 0 126px;} #deviceBottom {display:block; border-top:1px solid #e1e1e1;}/* background:url(/images_b2c/shared/elements/flyingVVVV.gif) no-repeat; */ .pricePod {height:100%; width:140px; float:right;text-align:center;} #planBox {height:100%; padding:0; float:left; width:830px; overflow: hidden; position:relative;} #planBlock {height:100%; padding:0;width:9999px;;position:relative;} .planCell {height:100%; padding:0;float:left; cursor:pointer; border-right:1px solid #e1e1e1;position:relative;overflow: hidden;} .planCell2{height:100%; padding:0 15px; font:normal 14px arial; color:#999;} .planName {color:#336699; margin: 0 0 20px 0;min-height: 100px;} .planName span {display:block;} .planDescription {font-size:12px; margin:0 0 80px;} .planPriceDisplay {position:absolute; bottom:40px;} .planPriceDisplay span, .subDeviceCell span {font-size:20px; color:black;} .planComment {position:absolute; bottom:0; width:100%; padding:7px 15px;background: #ccc; color:white;} .gradiSelect .planComment {background: #59809d;} .gradiSelect .planName, .gradiSelect .planDescription, .gradiSelect .planPriceDisplay, .gradiSelect .planPriceDisplay span{color:#FFF;} .planNameLg {font-size:28px;margin:10px 0 0 0;} .planCell input, .planCell label{position:absolute; top:-999px;} #planScrollLeft, #planScrollRight{height:100%; border:0px solid #e1e1e1; width:34px; position:absolute; top:0; display:none; background:#eee;} #planScrollLeft {left:0; border-right-width:1px;} #planScrollRight {right:0; border-left-width:1px;} #planScrollLeft div, #planScrollRight div{height:100%; width:100%; cursor:pointer; background:url(/images_b2c/shared/elements/planScrollers.gif) no-repeat} #planScrollLeft div{background-position:left center; } #planScrollRight div{background-position:right center; } #planBox .disabled, #planFooter .disabled {filter:alpha(opacity=30); opacity:.3; cursor:default !important;} .noBorder {border:0;} .pad15 {padding:15px;} .pad20 {padding:20px;} .priceLarge {font-size:27px; font-weight:bold;} .priceDesc {font-size:20px; padding-top:6px; height:32px} .gradiBox {border:1px solid #e1e1e1; background:-webkit-gradient(linear,0% 0,0% 100%,from(#f7f7f7),to(#eeeeee)); background:-webkit-linear-gradient(top,#f7f7f7,#eeeeee); background:-moz-linear-gradient(top,#f7f7f7,#eeeeee); background:-ms-linear-gradient(top,#f7f7f7,#eeeeee); background:-o-linear-gradient(top,#f7f7f7,#eeeeee); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f7f7',EndColorStr='#eeeeee');} .gradiSelect {color:white !important; background:-webkit-gradient(linear,0% 0,0% 100%,from(#4285b2),to(#316283)); background:-webkit-linear-gradient(top,#4285b2,#316283); background:-moz-linear-gradient(top,#4285b2,#316283); background:-ms-linear-gradient(top,#4285b2,#316283); background:-o-linear-gradient(top,#4285b2,#316283); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4285b2',EndColorStr='#316283');} .gradiHighlight {background:-webkit-gradient(linear,0% 0,0% 100%,from(#f0f7fd),to(#dae4ed)); background:-webkit-linear-gradient(top,#f0f7fd,#dae4ed); background:-moz-linear-gradient(top,#f0f7fd,#dae4ed); background:-ms-linear-gradient(top,#f0f7fd,#dae4ed); background:-o-linear-gradient(top,#f0f7fd,#dae4ed); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f0f7fd',EndColorStr='#dae4ed');} .planButtGray{background:#e1e1e1; border:1px solid #999; margin:1px; padding: 3px 6px;float:left; font: normal 20px sans-serif; color:#999;cursor:pointer;} .bracket{background: url(bracket.png) 23px 0px no-repeat;padding:20px 0 0 0;margin-top:2px;} .planButtRed{background:#777; border:1px solid #555; color:white;} .planPriceHolder, .planOverageHolder, .planErrorMessage{display:none} #planOverage {margin:10px 0 0;float:left;min-height:32px;width:830px;} .blackBold{color:#000;font-weight:bold;} /* plan scroller */ .scrollNumber{vertical-align: middle; width:22px; height:19px; padding:3px 2px 0; text-align:center; font-size:12px; font-weight:bold; color:#bbb; cursor:pointer; background:url(/images_b2c/shared/elements/planScrollerSprite.gif) center -30px no-repeat;} .scrollNumber.highlight{ color:#000; background-position:center -60px;} #plansInViewBG {position:absolute; height:26px; background: #dfe9f2;} #plansInViewBG span{width:13px; height:100%; float:left; background:url(/images_b2c/shared/elements/planScrollerSprite.gif) left top no-repeat;} #plansInViewBG div{width:13px; height:100%; float:right; background:url(/images_b2c/shared/elements/planScrollerSprite.gif) right top no-repeat;} #pointerLeft, #pointerRight{vertical-align: middle; width:14px; height:17px; cursor:pointer; background:url(/images_b2c/shared/elements/planScrollerSprite.gif) left -105px no-repeat;} #pointerRight{background-position:right -85px;} #planScrollNumberDiv{position: relative; padding: 2px 0 0 0;} .noBGimg{background-image:none !important;} /* plans positioning page */ .sharePlan2012{background: url(/images_b2c/plans/unlPlusShared.jpg) no-repeat 440px bottom; height:375px !important;} .simpleToUse2012{background: url(/images_b2c/plans/arrowCircles3devices.jpg) no-repeat center center; height:260px !important;} .oneAcount2012{background: url(/images_b2c/plans/devicesDataSizes.jpg) no-repeat bottom right; height:200px !important;} /* compare plans pages */ .dataGradi{width:240px; margin:2px; padding: 21px 0 ; float:left; background: #eee; text-align:center;} .grad_f7_e{ background:-webkit-gradient(linear,0% 0,0% 100%,from(#f7f7f7),to(#eeeeee)); background:-webkit-linear-gradient(top,#f7f7f7,#eeeeee); background:-moz-linear-gradient(top,#f7f7f7,#eeeeee); background:-ms-linear-gradient(top,#f7f7f7,#eeeeee); background:-o-linear-gradient(top,#f7f7f7,#eeeeee); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f7f7',EndColorStr='#eeeeee'); } .grad_e_f7{ background:-webkit-gradient(linear,0% 0,0% 100%,from(#eeeeee),to(#f7f7f7)); background:-webkit-linear-gradient(top,#eeeeee,#f7f7f7); background:-moz-linear-gradient(top,#eeeeee,#f7f7f7); background:-ms-linear-gradient(top,#eeeeee,#f7f7f7); background:-o-linear-gradient(top,#eeeeee,#f7f7f7); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee',EndColorStr='#f7f7f7'); } .compareGradTop {height:50%; width:330px; position:absolute; z-index:0; text-align:center; background:-webkit-gradient(linear,0% 0,0% 100%,from(#f7f7f7),to(#eeeeee)); background:-webkit-linear-gradient(top,#f7f7f7,#eeeeee); background:-moz-linear-gradient(top,#f7f7f7,#eeeeee); background:-ms-linear-gradient(top,#f7f7f7,#eeeeee); background:-o-linear-gradient(top,#f7f7f7,#eeeeee); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f7f7',EndColorStr='#eeeeee');} .compareGradBot {height:50%; width:330px; position:absolute; top:50%; text-align:center; background:-webkit-gradient(linear,0% 0,0% 100%,from(#eeeeee),to(#f7f7f7)); background:-webkit-linear-gradient(top,#eeeeee,#f7f7f7); background:-moz-linear-gradient(top,#eeeeee,#f7f7f7); background:-ms-linear-gradient(top,#eeeeee,#f7f7f7); background:-o-linear-gradient(top,#eeeeee,#f7f7f7); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee',EndColorStr='#f7f7f7');} .compareGradDivider {height:100%; width:110px; margin:0 auto; border-left:4px solid #f7f7f7; border-right:4px solid #f7f7f7;} #compareContainer {position:relative;width:985px;} .compareTop {height:98px; float:left; width:460px; padding: 15px 0 0; background:url(/images_b2c/plans/planIcons.jpg) no-repeat;font-size:24px;} #vsTop {height:113px; float:left; width:65px; background:url(/images_b2c/plans/planCompareVS.gif) center top no-repeat;} #vs {height:100%; float:left; width:65px; background:url(/images_b2c/plans/planCompareVS.gif) center center no-repeat;} .compareCurrent {float:left; width:460px; height:100%; position:relative;} .compareNewLeft {float:left; width:126px; height:100%; position:relative;} .compareNewRight {float:left; width:330px; height:100%; position:relative;text-align:center;} .compareCell {float:left; text-align:center; width:90px; padding: 30px 10px 15px;} .deviceCell {float:left; text-align:center; width:126px; padding: 15px 0; clear:both;} .sepRow {float:right; clear:both; height:4px; width:100%; background:#f7f7f7;} .sepRow.data {width:110px;} .sepRow.mesData {width:224px;} .sepRow.minData {width:110px; background:none; border-left:114px solid #f7f7f7; border-right:114px solid #f7f7f7;} .comparePlan, .displayBlock {display:none;} .comparePlan .span1 {display:block; font-size: 40px; color: #369; font-weight: bold;} .comparePlan .span2 {display:block; font-size: 16px; color: #333;margin: 0 0 5px;} .comparePlan .span3 {font-size: 20px; color: #369;} .displayBlock {display:block;} #discountSpan, #totalPriceSpan {height:32px; text-align:right;float:right;width:140px;margin: 0;} #discountSpan { width:125px;margin: 0 15px 0 0; padding-top:6px;} /* CPC Compare plans page */ #overageTable tr td:first-child {width:200px;} #planConfigMarquee .saveAmount em {color:#8AA51C; font-style:normal;} .planCell2.simple .planName span {display:none;} .planCell2.simple .planName span:first-child {display:block;} .planCell2.simple .planDescription {display:none;} .planCell2.simple .planNameLg {margin-top:24px;} .planCell2.simple .planName.short .planNameLg {margin-top:0;} .planCell2.simple .dataOverage {color:#FFF; padding-left:10px;} #planConfigPricing {clear:both;} #planConfigPricing .links {margin-top:40px;} #planConfigPricing .links p {margin-bottom:3px;} #planConfigPricing .values {float:right; text-align:right; width:500px;} #planConfigPricing #discountSpan {width:125px;} #planConfigPricing .priceLarge {width:140px; margin:6px 0;} #planConfigPricing #discountSpan, #planConfigPricing #totalPriceSpan {float: none; height: auto; padding-top:0; } #planConfigPricing #estimatedSavings {color:#8aa51c;} #planHeader {width:830px;} #disabledPlanAlert {width:620px;} #planHolder {margin:30px;} #planHolder.multiDevice {margin-top:140px;} .comparePriceText {float:left; text-align:right; width:280px; margin:29px 0 0;font-size:20px;} .comparePricePrice {float:left; text-align:right; width:150px; margin:20px 60px 0 0;font-size:30px; font-weight:bold;} .comparePriceText.EPD {font-size:16px; margin-top:24px;} .comparePricePrice.EPD {font-size:20px;} .color369{color: #369 !important;} /* static pages */ #shareEv {background:url(/images_b2c/shop/shareEvMarquee.jpg) 680px 260px no-repeat;} #shareEv h2{color: black; font-size: 24px; font-weight: bold;} #shareEv h3{color: black !important; font-family:arial !important; display:inline;} #shareEv .devices{background:url(/images_b2c/shop/plans_devices.jpg) 20px 0 no-repeat;} #shareEv .devices.mobileBb{background-position: 20px -275px;} #shareEv .devices.basic{background-position:20px -100px;height:120px;} #shareEv .hr{border-top: 1px solid #dfdfdf; border-bottom:1px solid #fff; height:0; line-height:0;clear:both; margin: 10px 50px 10px 0;} #shareEv .bigBlue{color:#369; font-size: 20px; font-weight:bold;} #shareEv .deviceImg{width:40%; float:left; text-align:center;} #shareEv .daf{width:60%; float:left; text-align:center;} #shareEv .homeFusiondevice{background:url(/images_b2c/shop/HomeFusion_Device_88x61.png) 20px 160px no-repeat;} #howSEworks .leftCol{margin: 0 30px 0; width:330px; float:left;} #howSEworks .f18{font-size:18px;} .redApex {color:#B00000 !important; text-spacing:-.5px !important; font-family:'VerizonApexBook',arial, helvetica, sans-serif !important;} .nsoPlans .changePlan{background: url(/images_b2c/plans/arrowCircles3devicesMd.jpg) center top no-repeat; padding: 140px 30px 0 0;} .nsoPlans .getSinglePlan{background: url(/images_b2c/plans/talkTextData.jpg) center top no-repeat; padding: 140px 0 0 0;} /*VLSS Pending Order Changes Start*/ .datagrid table { border-collapse: collapse; text-align: left; width: 100%; margin: 0; table-layout: fixed; } .datagrid { border: 1px solid #8C8C8C; } #pendingConfirmWrap,.pendingOrderOverlay #pendingOrderWrap .pendingBtnWrap{text-align: center;} .pendingOrderOverlay #pendingConfirmWrap{text-align: left;} .slpSelectDevicesBtn{float:right;} .datagrid table td,.datagrid table th { padding: 8px 12px; text-align: center; word-wrap: break-word; } .datagrid table thead th { background-color: #CCC; color: #666; font-size: 12px; font-weight: bold; border-left: 1px solid #A3A3A3; } .datagrid table thead th:first-child { border: none; } .datagrid table tbody td { color: #666; border-left: 1px solid #A3A3A3; font-size: 12px; border-bottom: 1px solid #E1EEF4; font-weight: normal; } .datagrid table tbody td:first-child { border-left: none; } .datagrid table tbody tr:last-child td { border-bottom: none; } .datagrid table tfoot td div { border-top: 1px solid #8C8C8C; background: #EBEBEB; } .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div { padding: 2px; } .datagrid table tfoot td ul { margin: 0; padding: 0; list-style: none; text-align: right; } .datagrid table tfoot li { display: inline; } .datagrid table tfoot li a { text-decoration: none; display: inline-block; padding: 2px 8px; margin: 1px; color: #F5F5F5; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8C8C8C ), color-stop(1, #7D7D7D) ); background: -moz-linear-gradient(center top, #8C8C8C 5%, #7D7D7D 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D' ); background-color: #8C8C8C; } .datagrid table tfoot ul.active,.datagrid table tfoot ul a:hover { text-decoration: none; border-color: #7D7D7D; color: #F5F5F5; background: none; background-color: #8C8C8C; } .pendingDetailsBlk>*,.poSlpBlk>* { float: left; } .pendingDetailsBlk p,.poSlpBlk p { width: 94%; clear: none !important; } .pendingDetailsBlk .filledAlertIcon,.poSlpBlk .filledAlertIcon{ height: 20px; width: 20px; } .filledAlertIcon{ padding: 16px 0px 5px 10px; background: url(/images_b2c/shared/icons/alert.png) no-repeat 1%; } .pendingOrderOverlay #pendingConfirmWrap{text-align: center; margin-left: 26px;} .pendingPgContent .datagrid,.pendingPgContent .pendingBtnWrap{ margin-left: 30px;} .pendingDetailsWrap{width: 70%;} .pendingOrderOverlay,.poSlpOverlay{width: 94%} .pendingOrderOverlay .datagrid,.pendingOrderOverlay .pendingBtnWrap{ margin-left: 30px; } .pendingPgContent .pendingBtnWrap>*{float: left;} .aalOrderLinks { margin: 32px 0 0 -18px; } .aalOrderLinks a{ margin-left: 40px; float: left; } .aalOrderLinks .tooltip{margin:0 0 0 2px;} .aalSlpLink{float: left;} .aalSlpLink .tip span{display: block;} /*VLSS Pending Order Changes End*/ /* !!!!!!!!!!! STYLES STARTING HERE HAVE BEEN MOVED TO ECOMSPLIT.CSS !!!!!!!!!!! */ /* Feel free to add more styles here however this file cannot have more than 4095 style rules, as of 6/18/14 there are 1921 more styles that can be added */