/* Page layouts */
html,body {margin:0; padding:0; font-size:100%;height:100%}/* needed to prevent text-scaling bug in IE6 */
body {color:#000;font:normal 0.75em arial,sans-serif;text-align:center; } /*12px*/
#pageWrapper {text-align:center;background: #e5e5e5 url(/images/bg.gif) top center repeat-y;height: auto;min-height: 99.9%;_height: 99.9%;}
#bodyWrapper {width:760px;text-align:left;margin:0 auto;}
/* These styles handle the header. */
#header {width:760px;background:#fff;margin:0 auto;text-align:left;}
#logoNew {float:left;display:inline;width:171px;height:60px;margin:15px 0px 20px 30px;}
ul#headerLinks {float:right;text-align:right;display:inline;list-style-type:none;list-style-position:inside;padding:0;margin:8px 10px 15px 0px;}
ul#headerLinks li {float:left;padding:0px 8px 0px 8px;margin:0;border-left:1px solid silver;line-height:16px;font:normal 1em arial,sans-serif;}
ul#headerLinks li.firstLink {border-left:none;}
ul#headerLinks li img.cartInfo {width:16px;height:16px;float:left;display:block;}
ul#headerLinks li.endLink {padding-right:0px;}
#searchFormNew {float:right;text-align:right;display:inline;width:544px;padding:0;margin:0px 10px 15px 0px;}
#searchFormNew fieldset {border:0;padding:0;margin:0;}
#searchFormNew legend {display:none;}
#searchFormNew button.redButton {display:block;float:right;margin:0 0 0 5px;}
#searchFormNew input {display:block;float:right;margin-top:2px;}
p#location {float:right;text-align:right;display:inline;width:544px;margin:0px 10px 0px 0px;font:normal 11px arial,sans-serif;}
#headerSpacer {height:8px;clear:both;overflow:hidden;}
/* These styles handle the footer. */
#footer {clear:both; margin:0 auto; text-align:left;padding:10px 20px 5px;background:url(../images/footer.gif) repeat-x;font-size:0.9em;}
.footerCopyright {text-align:left;padding: 5px 0 8px;}
.footerCopyrightPopup {text-align:left;padding: 10px 0 10px 0;}
.footerIcons {text-align:left;padding:40px 0 30px;}
.pipe {color:#999;}
fieldset, form, img {border:0;}
/* "skip to" links */
p#skipto {position:absolute;top:-100em;}
/* ---------------------------------------------------------
PAGE GRIDS -- NAMED AFTER THEIR DIMENSIONS IN THE STYLE GUIDE
-------------------------------------------------------------*/
/* common grid style */
#right150 {float:left; width:150px;}
/* Page Grid: 2 Column */
#left365 {float:left; width:365px; margin-right:10px;}
#right365 {float:left; width:365px;}
/* Page Grid: 2 Column - Right (#right150) */
#left580 {float:left; width:580px; margin-right:10px;}
/* Page Grid: 2 Column - Left (#left150) */
#left150 {float:left; width:150px; margin-right:10px;}
#right580 {float:left; width:580px;}
/* Page Grid: 2 Column - WideRight (#right205) */
#left525 {float:left; width:525px; margin-right:10px;}
#right205 {float:left; width:205px;}
/* Page Grid: 3 Column - Right (#right150) */
#left285 {float:left; width:285px; margin-right:10px;}
#right285 {float:left; width:285px; margin-right:10px;}
/* Page Grid: 3 Column - Left and Right (#right150) */
#left150 {float:left; width:150px; margin-right:10px;}
#right420 {float:left; width:420px; margin-right:10px;}
/* Page Grid: 3 Column */
.left240 {float:left; width:240px; margin-right:10px;}
.center240 {float:left; width:240px; margin-right:10px;}
.right240 {float:left; width:240px;}
.left186 {float:left; width:186px; margin-right:11px;}
.center186 {float:left; width:186px; margin-right:11px;}
.right186 {float:left; width:186px;}
/* Page Grid: 2 Column - left240*/
#left240 {float:left; width:240px; margin-right:10px;}
#right490 {float:left; width:490px;}
/* ---------------------------------------------------------
PAGE Content Styles
-------------------------------------------------------------*/
#bodyContainer {width:740px; padding: 10px 10px 0;clear:both;}
#bodyContainer p {font-size:1em; line-height: 15px;}
#bodyContainer p.reducedBottom {margin-bottom:5px;}
#bodyContainer ul {font-size:1em; line-height: 15px;}
#contentHeader {margin-left:10px; padding: 10px 0 10px; width:560px;}
#contentHeader h1 {margin:0 0 10px;}
#contentHeader p {margin:10px 0;}
#promoContainer {padding: 20px 0 0 10px;}
/* Level 1 Heading boxes */
.leftLevel1Heading {clear:both;float:left;width:10px;height:24px;overflow:hidden;background:url(/images_b2c/shared/elements/head_L1_leftw.gif) transparent no-repeat;}
.rightLevel1Heading {float:left;width:10px;height:24px;overflow:hidden;background:url(/images_b2c/shared/elements/head_L1_rightw.gif) transparent no-repeat;}
/* Page Grid: 2 Column - Level 1 box */
h1.level1Heading365 {float:left;width:345px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images_b2c/shared/elements/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
/* Page Grid: 2 Column - Right - Level 1 box */
h1.level1Heading580 {float:left;width:560px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images_b2c/shared/elements/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
h1.level1Heading186 {float:left;width:166px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images_b2c/shared/elements/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
/* Page Grid: 2 Column - WideRight - Level 1 box */
h1.level1Heading525 {float:left;width:505px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images_b2c/shared/elements/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
/* Page Grid: 3 Column - Right - Level 1 box */
h1.level1Heading285 {float:left;width:265px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images_b2c/shared/elements/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
/* Page Grid: 3 Column */
h1.level1Heading420 {float:left;width:400px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images_b2c/shared/elements/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
/* Page Grid: 3 Column */
h1.level1Heading240 {float:left;width:220px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images_b2c/shared/elements/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
/* Page Grid: 2 Column - Left240 */
h1.level1Heading490 {float:left;width:470px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(/images_b2c/shared/elements/head_L1_slice.gif) #000 repeat-x;color:#fff;line-height:24px;}
/* Column Heading styles - used in the #right150 usually */
.leftColumnHeading {float:left;width:10px;height:21px;overflow:hidden;background:url(/images_b2c/shared/elements/column_left.gif) transparent no-repeat;}
.rightColumnHeading {float:left;width:10px;height:21px;overflow:hidden;background:url(/images_b2c/shared/elements/column_right.gif) transparent no-repeat;}
h1.columnHeading {float:left;width:130px;padding:0;margin:0;font:bold 1em arial,sans-serif;background:url(/images_b2c/shared/elements/column_slice.gif) #000 repeat-x;color:#fff;line-height:21px;}
/* right205 */
h1.columnHeading205 {float:left;width:185px;padding:0;margin:0;font:bold 1em arial,sans-serif;background:url(/images_b2c/shared/elements/column_slice.gif) #000 repeat-x;color:#fff;line-height:21px;}
/* Page Grid: 3 Column inside of the 580 */
.promoImg186 {width: 164px; margin-bottom:10px; border:1px solid #CCC;}
/* box body styles - use 100 when images are used, use 24 when it's only text */
.gradient24 {clear:both;background:url(/images_b2c/shared/elements/gradient_1x24.gif) #fff repeat-x;padding:10px 10px 20px;height:100%;}
.gradient100 {clear:both;background:url(/images_b2c/shared/elements/gradient_1x100.gif) #fff repeat-x;padding:10px 10px 20px;height:100%;}
.noGradient {width:238px;border:1px solid #333;padding-bottom:10px;}
/* Page Grid: 2 Column - promo image style used in box body */
.promoImg365 {width: 343px; height:73px; margin-bottom:10px; border:1px solid #CCC;}
/* Page Grid: 2 Column-Right - promo image style used in box body */
.promoImg580 {width: 98px; height:73px; margin-bottom:10px; border:1px solid #CCC;float:left;}
/* Page Grid: 3 Column-Right - promo image style used in box body */
.promoImg285 {width: 263px; height:73px; margin-bottom:10px; border:1px solid #CCC;float:left;}
/* Page Grid: 2 Column-Right - promo image style used in box body for #right150 Column */
.promoImg150 {width: 128px; height:63px; margin-bottom:10px; border:1px solid #CCC;}
/* Page Grid: 3 Column inside of the 580 */
.promoImg186 {width: 164px; margin-bottom:10px; border:1px solid #CCC;}
/* Page Grid: 3 Column - promo image style used in box body - 2 sets of 240 depending on the gradient */
.noGradient .promoImg240 {width: 238px; height:59px; margin-bottom:10px;}
.gradient100 .promoImg240 {width: 218px; height:60px; margin-bottom:10px; border:1px solid #CCC;float:left;}
.gradient24 p:first-child {margin-top:0;}
#left580 p {margin: 0 10px 10px;}
#left580 .gradient24 p {margin: 0 0 10px 0;}
#left580 input, #left580 label, #left580 select {margin-left:10px;}
/* overrides the margin-left 10px for the 2nd or 3rd field / label. */
#left580 input+input, #left580 input+input+input, #left580 input+label {margin-left: 0px;}
/* This is used inside the boxes, mainly the gradient100 and gradient24 */
.textArea {float:left;}
#left580 .textArea {float:left;margin-left:10px;width:440px;}
#left580 .textArea p {margin: 0 10px 10px 0;}
#right150 p {margin-top:8px;}
#right580 .splitColumnLeft {float:left; width:270px;border:none;}
#right580 .splitColumnRight {float:left; width:270px; padding-left:10px;}
/* ---------------------------------------------------------
Left Nav - NEW NAV
-------------------------------------------------------------*/
div.boxHdr {background-image:url(/images_b2c/shared/left_nav/podHdrBG.jpg); width:150px; height:21px}
div.boxHdr div {padding-right:0px; padding-left:10px; font-family:Arial; font-weight:bold; font-size:12px; padding-bottom:0px; color:#fff; padding-top:2px}
.tertMenu {padding-right:0px; display:block; padding-left:10px; font-family:Arial; font-weight:bold; font-size:12px; background-image:url(/images_b2c/shared/left_nav/tertiaryNavBG_off.jpg); padding-bottom:4px; cursor:pointer; color:#fff; padding-top:4px; height:13px; text-decoration:none;}
.tertMenu_Arrow {padding-right:0px; display:block; padding-left:10px; font-family:Arial; font-weight:bold; font-size:12px; background-image:url(/images_b2c/shared/left_nav/tertiaryNavBGArrow_off.jpg); padding-bottom:4px; cursor:pointer; color:#fff; padding-top:4px; height:13px; text-decoration:none;}
.tertMenu_on {padding-right:0px; display:block; padding-left:10px; font-family:Arial; font-weight:bold; font-size:12px; background-image:url(/images_b2c/shared/left_nav/tertiaryNavBG_on.jpg); padding-bottom:4px; cursor:pointer; color:#fff; padding-top:4px; height:13px; text-decoration:none;}
.tertMenu_Arrow_on {padding-right:0px; display:block; padding-left:10px; font-family:Arial; font-weight:bold; font-size:12px; background-image:url(/images_b2c/shared/left_nav/tertiaryNavBGArrow_on.jpg); padding-bottom:4px; cursor:pointer; color:#fff; padding-top:4px; height:13px; text-decoration:none;}
a.tertMenu_on {color:#fff !important;}
a.tertMenu_Arrow_on {color:#fff;}
a.tertMenu:link {color:#fff;}
a.tertMenu:active {color:#fff;}
a.tertMenu:visited {color:#fff;}
a.tertMenu_Arrow:visited {color:#fff;}
a.tertMenu_on:visited {color:#fff !important;}
a.tertMenu_Arrow_on:visited {color:#fff;}
a.submenu:visited {font-weight:bold; color:#fff !important;}
a.submenu:hover {font-weight:bold; color:#fff !important; background-color:#660000;}
a.submenu {padding-right:0px; display:block; padding-left:10px; font-family:Arial; font-weight:bold; font-size:11px; padding-bottom:6px; color:#fff !important; padding-top:6px; border-bottom:#4d4d4d 1px solid; text-decoration:none;}
.indentNav {margin-left:10px;}
.hideSubMenu {display:none;}
.showSubMenu {display:block; background-color:#191919;}
.hide {display:none;}
.show {display:block; background-color:#191919}
/* ---------------------------------------------------------
Page Specifics
-------------------------------------------------------------*/
/* Non-Account Holder Landing Page */
#leftContainer {padding:10px; height:436px; background: url(/images_b2c/mobilesecure/left_pod_bg.jpg) no-repeat top left;}
#rightContainer {padding:10px; height:330px; background: url(/images_b2c/mobilesecure/rt_pod_bg.jpg) no-repeat top left;}
#bottomContainer {width:740px;}
#promosContainer {float:left; margin-right:10px; width:304px;}
#buttonsContainer {float:left; width: 156px;}
.LinksModule {height: 240px;}
.LinksModule ul.linkList {padding:0 0 10px 3px;}
.LinksModule p.listHeadline {font-weight:bold; margin: 0; padding:0 0 0 3px;}
.featuredModule {background: url(/images_b2c/mobilesecure/for_phone_bg.jpg) no-repeat top left; width:210px; height:195px; text-align:center; padding:0 5px;}
.featuredModule h2 {width:220px; text-align:center;padding-top:5px;}
.featuredModule img{margin:10px 10px 0;}
.featuredModule p {margin:0 0 5px 0;}
.featuredModule div.right {margin-right:20px;text-align:right;}
.lifeStyleImg {float:left; margin-right:10px;}
.buttonsContainerLeft {float:left; width:176px; margin-right:10px;}
.buttonsContainerRight {float:left; width:176px;}
.bottomPromoModule {float: left; margin-right:10px;width:240px; height:104px;}
/*VZAppZone */
.vzAppZone {padding:10px 0 0 10px;}
.vzAppZonePhone {vertical-align:top;}
.vzAppZoneGrayLine {border-bottom:1px solid #ccc; margin:10px 0 5px 0;}
.vzAppZoneFeatures {padding-left:10px;}
/* Phones & Accessories */
.productDisplay {width:345px;margin-bottom:10px;clear:both;}
.productDisplay img {margin-right:10px;width:98px; height:73px; border: 1px solid #CCC;}
.productDisplay div.bodyImg {float:left;width:110px;}
.productDisplay div.bodyText {width:235px;float:left;}
.splitColumnLeft365 {width: 160px; padding:0 10px 0 0; float:left;}
.splitColumnRight365 {width: 164px; padding:0 0 0 10px; float:left; border-left:1px solid #CCC;}
.splitColumnRight365 select {float:left;width:105px;margin-top:3px;}
.splitColumnRight365 .blackButton {margin:0 0 0 5px; float:left;}
/* Plans Overview */
.lastBox {margin-right:0;}
/* formatting PromoPackages */
.packageLeft {float:left; width:350px; }
.packageRight {float:left; padding-left:15px; width:190px;text-align:right;}
.packageRight p.leftAligned {text-align:left;}
.packageRight p {clear:both;margin:0 0 2px 0;}
.packageRight .spacer {min-height:40px;_height:40px;}
.packageRight input {margin:7px 0 7px 3px;}
.packagePic {float:left;border:1px solid #999;}
.packagePic .picture {position:relative;float:left;}
.packageText {float:left;padding-left:10px;}
.packageText .flushLeft {padding:0 0 0 8px;margin: 0 0 0 8px; }
.packageText .paddedList li, .packageOptionTxt .paddedList li{padding-bottom:0;}
.packageText h4 {margin:5px 0 15px;}
.packagePic img {float:left;margin:0;padding:0;}
.packagePicSmall {float:left;margin-top:10px;border:none;}
.packageLinks {padding:0 5px;}
.packageOptionTxt {width:185px;float:left;padding:10px;}
.packageOptionTxt .packagePic {margin-left:8px;}
#packageIncluded {width:187px;background:#f2f2f2;border:1px solid #ccc;}
#packageIncluded .packagePicSmall {border:1px solid #999;}
.packageOptionTxt .packageText {width:58%;}
.packageOptionList {width:88px; float:left; padding:0 0 10px 5px;}
.packageOptionPrice {border-bottom:1px solid #999;width:165px;background:#d9d9d9;float:left;padding:5px 10px;text-align:right;height:20px;}
.packageOptionPrice label {font-weight:bold; font-size:1.1em;}
/* RENAMED specifically FOR PACKAGE DETAIL PAGE, FROM ACCESSIBLE.CSS */
.packageOptionPriceDetail {width:0; background: none; padding:0;float:none;}
.packageOptionPriceDetail td {width:165px;padding:5px 10px;}
/* END RENAME RULES */
.packageTable {border-top:1px solid #999;float:left;}
.packageTable .tdLevel4, .packageTable td, .packageTable .tdHeader {padding:3px 0 2px 5px;text-align:left;}
.packageTable .tdHeader {background:#ebebeb;}
.packageTable .tdLevel4 {background:#f2f2f2; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.packageTable .tdLevel4Left {background:#f2f2f2; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.packageTable .tdLevel4Right {background:#f2f2f2; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.packagePriceTable .tdHeader {background:none;padding:0px;margin:0px;}
/* UF Accessories listings */
.accessoryBox {width:556px;}
.accessoryBox p {padding-left:10px;}
.accessoryBox .loopBox {border-top:1px solid #333;clear:both;padding:10px 10px 0;}
.bundledAccessory {width:540px;border-bottom:1px solid #333;background: #ebeef2;padding:10px; margin:0 0 20px;}
.accessoryBox .leftCol{float:left;margin-right:10px;width:260px;}
.bundledAccessory .leftCol{float:left;margin-right:8px;width:260px;}
.accessoryBox .rightCol, .bundledAccessory .rightCol{float:left;width:260px;}
.accessoryBox select {margin-right:10px;float:left;}
.bundledAccessory select{margin-right:8px;float:left;}
.accessoryBox .leftCol div.accessInfo, .accessoryBox .rightCol div.accessInfo {float:left;width:42.5%;}
.bundledAccessory .leftCol div.accessInfo, .bundledAccessory .rightCol div.accessInfo{float:left;width:42.5%;}
.recommendedLoopBox {clear:both;padding:10px 10px 0;}
.recommendedAccessory {width:540px;}
.recommendedAccessory div.price {float:right;margin-right:0;margin-left:20px;text-align:left;}
/* UF Included Features listings */
.featureBox {width:556px; border-bottom:1px solid #999;}
.featureBox .leftCol {float:left;margin-right:10px; width:100px; padding:10px 10px 0;}
.featureBox .rightCol {float:left;width:400px; padding:10px 10px 0;}
.switchcontent{display:none;}
/* ---------------------------------------------------------
Buttons
-------------------------------------------------------------*/
.gray { border: 1px solid #000;background-color: #ccc;text-decoration: none;color: black;font: bold 1em arial,helvetica,sans-serif;cursor: pointer;padding:0; }
.red { border: 1px solid #333;background-color: #d8001d;text-decoration: none;color: white;font: bold 1em arial,helvetica,sans-serif;cursor: pointer;padding:0; }
button.red span, button.gray span {font-weight:bold;}
/* Upper Funnel New Buttons styles */
button.redButton, button.blackButton {padding:4px 15px;color:#fff; cursor:pointer;}
button.blackButton {background:#666;}
button.redButton span, button.blackButton span {font-weight:bold;font-size:1em}
/* hide the rest of the styles from mac/ie5 - it gets simpler buttons */
@media all
{
button.redButton, button.blackButton {border:none;background:transparent;padding:0;}
button.redButton span, button.blackButton span {white-space:nowrap;display:block;height:21px;line-height:22px;}
*+html button.redButton span, *+html button.blackButton span {display:inline-block;}
button.redButton span {background:url(/images_b2c/shared/buttons/button_red_right.gif) no-repeat right top;}
button.blackButton span {background:url(/images_b2c/shared/buttons/button_black_right.gif) no-repeat right top;}
button.redButton span span, button.blackButton span span {padding:0 15px;}
button.redButton span span {background:url(/images_b2c/shared/buttons/button_red_left.gif) no-repeat left top;}
button.blackButton span span {background:url(/images_b2c/shared/buttons/button_black_left.gif) no-repeat left top;}
button.cart span span {padding-left:30px;background:url(/images_b2c/shared/buttons/button_cart_left.gif) no-repeat left top;}
}
/* ---------------------------------------------------------
Lists
-------------------------------------------------------------*/
.linkList {list-style-type:none; margin:0;padding:10px;clear:both;width:auto;}
.linkList li {margin-bottom:3px;}
.linkList ul.indented {list-style-type:none; padding:0 0 0 5px;margin: 0 0 0 5px;}
.linkList ul.indented li {padding:3px 0 0 0;}
.flushLeft {padding:0 0 0 8px;margin: 0 0 0 8px;}
.flushLeft li {padding:0 0 3px 0;}
ol.boldList li {font-weight:bold;padding-bottom:15px;}
ol.boldList img {position: relative;top:6px;}
.boldList .imgFix {padding-bottom:8px;}
/* used instead of actionableLink style to ensure desired text wrapping */
.actionLinkList {list-style-type:none;margin:10px 0;padding:0;}
.actionLinkList li {font-weight:bold; background: url(/images_b2c/shared/elements/arrow_button.gif) no-repeat 0 10%; padding-left:20px;}
/* OLD Lists - Preceded by #mainContent/#alt-mainContent to solve inheritance issues with margin/padding */
/* padded styles - like the How To page */
#mainContent .paddedList, #alt-mainContent .paddedList {list-style-type:none;margin:0;padding:0;}
.paddedList li {padding-bottom:0.5em;}
/* no bullet list */
#mainContent .linkedList, #alt-mainContent .linkedList {list-style-type:none;padding:0 0 0 10px;margin: 10px 0 15px 10px;clear:none;}
.linkedList li {padding-bottom:2px;}
/* no left padding */
#features .linkedList {list-style-type:none;padding:0;margin: 10px 10px 10px 0;float:left;width:250px;clear:none;}
#features .linkedList li {padding-bottom:5px;}
/*flush left list -- backwards compatible naming -- for phone details page, etc...*/
#mainContent .features, #alt-mainContent .features {padding:0 0 0 8px;margin: 0 0 0 8px;}
.features li {padding:3px 0 0 0;}
#mainContent .indented, #alt-mainContent .indented {padding:0 0 0 15px;margin: 0 0 0 15px;}
.indented li {padding:0 0 3px 0;}
.rightBorder {border-right:1px solid #999;}
/* wayfinder */
#steps {padding-left: 15px;margin: 0;} /* use in the UL */
#steps li {list-style: none;padding: 5px 0 5px 13px;text-indent: -20px;}
#wayfinder {margin-left: 15px;padding-left: 0;} /* use in the UL */
#wayfinderFlushLeft {margin:0 0 10px 0;padding-left: 0;} /* use in the UL */
#wayfinder li, #wayfinderFlushLeft li {list-style: none;margin: 0 0 .25em 0;padding: 0 0 .25em 20px;background: transparent url(/images_b2c/shared/elements/arrow_r.gif) 0% 0% no-repeat;}
/* You are here styles */
#youAreHere {margin:0;padding-left:15px;} /* use in the UL */
#alt-youAreHere {margin:0;padding:0;} /* use in the UL */
#youAreHere li, #alt-youAreHere li {list-style-type:none;padding-bottom:8px;}
/* you are here common styles */
.youAreHereParent {font-weight:bold;color:#339;}
.youAreHereArrow {font-weight: bold;color: #000066;padding-left:15px;background: transparent url(/images_b2c/shared/elements/arrow_b.gif) 0% 0% no-repeat;}
.youAreHereIndent {padding-left:15px;color:#339;}
.youAreHereExtraSpace {padding-top:15px;}
/* ---------------------------------------------------------
Images
-------------------------------------------------------------*/
img { border:none; }
img.intextImage {float:left;margin:0 10px 10px 0;}
.sidebarPicture {float:left;margin:0 10px 3px 0;border:1px solid #999;background-color:#fff7b1;}
/*sizing for images - picture divs for out of stock-backorder */
.picture {position:relative;}
.inventory {position:absolute;top:0;left:0;}
.large {width:220px;height:335px;}
.medium {width:125px;height:190px;}
.small {width:70px;height:107px;} /*small & thumb are duplicates for backward compatibility*/
.thumb {width:70px;height:107px;}
.mini {width:55px;height:84px;}
.productImg {float:left;margin-right:10px;}
#bodyContainer .productImg {float:left;margin-right:10px;border:1px solid #ccc;}
/* ---------------------------------------------------------
Forms
-------------------------------------------------------------*/
fieldset {padding:0;border:none;}
form {margin:0;}
select {background:#fff;font-size:1em;}
/* Hidden text, like labels for form fields */
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hideLabel {position:absolute;top:-1000px; left:-1000px;}
.formField {clear:both;float:left; padding-top:5px;}
.formFieldInfo {float:left; margin-left:10px; padding:5px 0 0; font-size:0.9em; width:300px; height:35px;}
/* ---------------------------------------------------------
Tooltip
-------------------------------------------------------------*/
div.tip {position:absolute;top:0;left:-1000em;width:304px;background:transparent;margin:8px 0 0 42px;z-index:600;}
div.tip_alt {position:absolute;top:0;left:-1000em;width:304px;background:transparent;margin:-8px 0 0 42px;}
.textLinkTip {margin-top:4px;margin-left:-36px;}
div.tip img, div.tip_alt img {display:block;float:left;padding:0 10px 0 0;}
div.tip p, div.tip_alt p {display:block;float:left;padding:10px 10px 10px 10px;margin:0;}
div.tip_inside {display:block;float:left;width:304px;background:url(/images_b2c/shared/elements/tip_bg.gif) transparent repeat-y;}
div.tip_top {width:304px;height:3px;overflow:hidden;background:url(/images_b2c/shared/elements/top_cap.gif) transparent no-repeat;}
div.tip_bottom {width:304px;clear:both;height:14px;overflow:hidden;background:url(/images_b2c/shared/elements/pointer_btm.gif) transparent no-repeat;}
div.tip_top_alt {width:304px;height:14px;overflow:hidden;background:url(/images_b2c/shared/elements/pointer_top.gif) transparent no-repeat;}
div.tip_bottom_alt {width:304px;clear:both;height:3px;overflow:hidden;background:url(/images_b2c/shared/elements/btm_cap.gif) transparent no-repeat;}
/* ----------------------------------------------------
Custom Dialog Javascript Box
-------------------------------------------------------------*/
#dropSheet {}
.customDialog {width: 300px;padding-bottom: 12px;background-image: url(/images_b2c/shared/elements/dialog_body.gif);background-repeat: no-repeat;background-position: 0 100%;text-align: center;z-index:41000;}
.customDialog h1 {width:284px;position:relative;top:-10px;font-size:100%;margin:0;padding:5px 8px;background-image:url(/images_b2c/shared/elements/dialog_heading.gif);background-repeat:no-repeat;color:#FFF;text-align:left;}
.customDialog p {min-height:35px;margin:0 0 15px 0;padding-right:8px;padding-left:20px;background-repeat:no-repeat;background-position:8px 3px;text-align:left;clear:both;}
* html .customDialog p {height:35px;}
.customDialog input {margin:0 5px;border:0 2px 0 2px;color:#fff;font-weight:bold;border-right-color:#797979;border-left-color:#797979;padding:0 5px;background-image:url(/images_b2c/shared/elements/dialog_button.gif);background-repeat:repeat-x;}
/* ---------------------------------------------------------
Tables
-------------------------------------------------------------*/
caption {font-weight:bold;text-align: left;padding-bottom:10px;font-size:1.2em;}/* font-size:12px */
th {background: #d9d9d9;padding:10px;text-align: left;vertical-align:top;color:#000;font-weight:bold;font-size:1.0em;}/* font-size:11px */
#pageContainer td {vertical-align:top;}
/* td background colors -- see vzw styleguide page 23 */
.tdLevel1 {background: #fff;padding:1px 0 0 10px;}
.tdLevel2 {background: #ebebeb;padding:5px 10px;}
.tdLevel3 {background: #f6f6f6;padding:5px 10px;}
.tdLevel4 {background: #fffade;padding:5px 10px;}
.tdLevel5 {background: #fff7b1;padding:5px 10px;}
/*for empty cells in a th row */
.tdHeader {background: #d9d9d9;padding:5px 0 5px 10px;}
/* same background styles with no left hand
padding for some Shopping Cart tables */
.tdLevel2NoLeftpad {background: #ebebeb;padding: 10px 10px 10px 0px;}
.tdLevel3NoLeftpad {background: #f6f6f6;padding: 10px 10px 10px 0px;}
.tdLevel4NoLeftpad {background: #fffade;padding: 10px 10px 10px 0px;}
.tdLevel5NoLeftpad {background: #fff7b1;padding: 10px 10px 10px 0px;}
/* td vertical and horizontal lines */
.tdWhite {background:#fff;width:1px;height:1px;padding:0 !important;}
.tdGray {background:#999;width:1px;height:1px;padding:0 !important;}
.tdBorderTop {border-top: 1px solid #999;}
/* NEW UF Tables */
td.right {text-align:right;padding-right:0;}
.productTable {clear:both;border-top: 1px solid #333; border-bottom:1px solid #333;margin:10px 0 0;width:556px;}
.productTable th {background:#ebebeb;font-weight:normal;vertical-align:bottom;padding:7px 5px 7px 5px;}
.productTable td {padding:15px 5px 10px 5px; vertical-align:top;}
.productTable td.tdBottomBorder {border-bottom: 1px solid #999;}
.productTable th button.blackButton {margin-left:expression("5px");} /* added for IE */
.productTable td button.redButton, .productTable td button.blackButton {margin-left:expression("8px");}
.productTable tr.selected {background: #fffade;}
.productTable tbody .tdLevel1 {background: #fff;padding:0;}
.productTable tbody .tdLevel3 {background: #f6f6f6;padding:0;}
.productTable tbody .tdLevel1 td, .productTable tbody .tdLevel3 td {padding:3px 10px;}
.productTable tbody .tdFirst td {padding:10px 10px 3px;}
.productTable tbody .tdLast td {padding:3px 10px 10px;}
.productTable a.sortUp {background: transparent url(/images_b2c/shared/elements/up_arrow.gif) 100% 50% no-repeat;padding-right:15px;}
.productTable a.sortDown {background: transparent url(/images_b2c/shared/elements/down_arrow.gif) 100% 50% no-repeat;padding-right:15px;}
.productTable a.sortBy {background: transparent url(/images_b2c/shared/elements/rgt_arrow.gif) 100% 50% no-repeat;padding-right:10px;}
.productTable .promotd {background: #f6f6f6; padding:10px;}
.productTable ul {margin-bottom: 0;}
.productTable p {margin:0 0 20px 8px;}
.pricingTable {margin-bottom:20px;width:160px;}
.pricingTable td {padding:1px;}
.pricingTable td.rtPadded {padding-right: 5px;}
.detailPricingTable td{padding-bottom:3px;}
.detailPricingTable td select {margin:1px 0;}
.detailPricingTable td.priceTxt {width:74%;}
.detailPricingTable td.price {text-align:right;width:25%}
.featureListing {width:556px;margin:10px 0;}
.featureListing td {padding-left:10px;}
.compareProducts {border-left:1px solid #999;width:560px;border-bottom:1px solid #999;}
.compareProducts td {padding:5px 10px;}
.compareProducts td.morePad {padding:10px 10px;}
.compareProducts td.tdGray, .compareProducts td.tdWhite, .compareProducts .pricingTable td.tdGray, .featureListing td.tdGray {padding:0 !important;}
.compareProducts td.tdHeader {padding:10px;border-top:1px solid #333;font-weight:bold;}
.compareProducts .centered {text-align:center;}
.compareProducts .pricingTable {margin-bottom:0;}
.compareProducts .pricingTable td {padding:1px 2px 1px 0;}
.cpcListingTable {width:556px;margin-bottom:20px;}
.cpcListingTable th {width:260px;border-bottom:1px solid #fff;border-top:1px solid #999;padding:5px 10px;}
.cpcListingTable .header {width:260px;border-bottom:1px solid #999;}
.cpcListingTable .tdLevel1 {padding:5px 10px}
.cpcListingTable .tdHeading {padding-bottom:0;}
.infoInStore {padding-left:0px; margin-left:0px;}
.infoInStore td {padding:0 7px 0 7px;}
/* ---------------------------------------------------------
Text Boxes
-------------------------------------------------------------*/
/* wrappers put a border and padding around a table */
.wrapper {border:1px solid #999;}
.wrapper5 {padding:5px;border:1px solid #999;}
.wrapper10 {padding: 10px;border: 1px solid #999;}
.wrapperClear10 {padding: 10px;}
.tableContainer {background-color:#ebebeb;padding:5px 5px 10px 10px;clear:both;border-top:1px solid #999;border-bottom:1px solid #999;}
/* formatting for text that looks like tables */
.textLevel2 {background:#d9d9d9;height:20px;padding:5px 0 0 10px;}
.textLevel2BrdrTop {background:#d9d9d9;height:20px;padding:5px 0 0 10px;border-top:1px solid #999;}
.textLevel2Brdr {background:#d9d9d9;height:20px;padding:5px 0 0 10px;border-top:1px solid #999;border-bottom:1px solid #fff;}
.textLevel3 {background:#ebebeb;padding:10px;border-bottom:1px solid #999;}
.textLevel3y {background:#fffade;padding:10px;border-bottom:1px solid #999;}
.textLevel3yBrd {background:#fffade;padding:10px;border-bottom:1px solid #999;border-top:1px solid #999;}
.textLevel3BrdrTop {background:#ebebeb;padding:10px;border-bottom:none;border-top:1px solid #999;}
.textLevel3Brd {background:#ebebeb;padding:10px;border-bottom:1px solid #999;border-top:1px solid #999;}
.textBox {background:#efefef;padding:10px;margin-top:10px;}
.textBoxBorder {background:#efefef;padding:10px 10px 15px;margin-top:10px;border:1px solid #999;}
.textBoxStacked {background:#efefef;padding:10px 10px;border:1px solid #999;border-top:none;}
.textBoxBorderWht {border:1px solid #999;margin:15px 0;padding:0 3px 0 0;}
.textBoxBorderWht .demoImg {float:left;margin-right:10px;margin-top:10px;}
.textBoxBorderWht .demoText {padding:7px 0 5px 0;}
.productLeftColumn {margin:20px 10px 0 0;width:347px;float:left;}
.productRightColumn {width:199px;float:left;margin-top:20px;margin-right:0}
.productRightColumn select {margin:10px 5px 5px 3px;}
.productRightColumn button.redButton, button.aligned, .productRightColumn button.blackButton {margin:11px 0 5px;}
.productRightColumn .detailPricingTable button.blackButton {margin:0px 0 0px 5px;}
.productBox {background:#ebeef2;border-bottom: 1px solid #333;padding:10px 10px;margin:0;width:540px;}
.productBoxWht {background:#fff;border-bottom: 1px solid #333;padding:10px 10px;margin:0;width:540px;}
.productBox div, .productBoxWht div {float:left;padding-right:10px;}
.productBox p, .productBoxWht p {clear:none;}
span.headerLink {float:right}
.disclaimerContainer {background-color:#efefef;padding:10px;clear:both;border-top:1px solid #333;border-bottom:1px solid #333;}
.disclaimerContainerNoBorder {background-color:#efefef;padding:10px;clear:both;}
.disclaimerTextBox {height:175px;overflow:auto;border:1px solid #333;padding:10px;background-color:#fff;}
.subHeader {background: #d9d9d9; border-top:1px solid #333;padding:5px 10px;}
.introBox {background:#ebeef2;padding:10px 10px;margin:0;border-top:1px solid #333;}
.customPkgLeft {float:left;width:150px;margin-right:20px;}
.customePkgRight {float:left;padding-top:10px;}
/* NEW UF layout elements */
span.spacer {padding-left:10px;}
p.clear {clear:both;margin:0;padding:0;height: 0px;line-height: 0;}
#threeColumn{padding-left:10px;float:left;width:370px;}
#rightColumnInfo {width:150px;margin-top:30px;float:left;border-left:1px solid #999;padding-left:10px;padding-bottom:10px;}
.splitCol1 {float:left;width:165px;padding-right:20px;}
.splitCol2 {float:left;width:165px;padding-right:20px;}
.splitCol3 {float:left;width:165px;}
/* ---------------------------------------------------------
Clearing Divs
-------------------------------------------------------------*/
/* Padding - Clearing DIVs height for FF, line-height for IE */
.clear {clear: both;height: 0px;line-height: 0;}
.clear5 {clear: both;height: 5px;line-height: 5px;}
.clear10 {clear: both;height: 10px;line-height: 10px;}
.clear20 {clear: both;height: 20px;line-height: 20px;}
.clear30 {clear: both;height: 30px;line-height: 30px;}
.clear40 {clear: both;height: 40px;line-height: 40px;}
.clear60 {clear: both;height: 60px;line-height: 60px;}
/* ---------------------------------------------------------
Leftside boxes - UF and Old
-------------------------------------------------------------*/
.boxHead {padding:7px 10px;width:164px;background: url(/images_b2c/shared/elements/page_titlebar_grad.gif) repeat-x;}
.boxHeadNoWrap {white-space:nowrap;padding:7px 8px 7px 9px;width:167px;background: url(/images_b2c/shared/elements/page_titlebar_grad.gif) repeat-x;}
.boxHead .sideBarHeadline, .boxHeadNoWrap .sideBarHeadline {color:#fff;}
.boxHead_old {padding: 5px 10px 5px 10px;width: 162px;background: #d9d9d9;border: 1px solid #d9d9d9;}
/* Box-body is used for wrapping promo body text */
.boxBody {padding: 10px;width: 162px;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;border-left: 1px solid #d9d9d9;}
.boxBodyNoborder {padding: 10px 15px 20px 15px;width: 134px;}
/* ---------------------------------------------------------
Mini cart
-------------------------------------------------------------*/
#minicart {width:174px;}
#minicart .boxHead {padding:6px 10px;width:164px;background: url(/images_b2c/shared/elements/minicart_titlebar_.gif) repeat-x;}
#minicart .boxHead .sideBarHeadline {color:#000;}
#minicart .boxBodySelected {width:163px;background:#CFDDE5;padding:10px 10px 15px;border-bottom:1px solid #999;}
#minicart .boxBody {width:163px;background:#EBEEF2;padding:10px 10px 15px;border-bottom:1px solid #999;border-right:none;}
#minicart .boxBodySelected p, #minicart .boxBody p {margin:0;padding:0;}
/* ---------------------------------------------------------
keylines
-------------------------------------------------------------*/
.keyLine {border-top:1px solid #ccc; padding:0; width:580px; margin-bottom:10px;}
.grayLine {clear: both;padding: 5px 0 10px 0;border-top: 1px solid #999;background: #fff;}
.grayLine2 {clear: both;padding: 10px 0 10px 0;border-top: 1px solid #999;border-bottom: 1px solid #999;background: #fff;}
.charcoalLine {clear: both;padding: 5px 0 10px 0;border-top: 1px solid #333;background: #fff;}
/* ---------------------------------------------------------
Alert Box - Replacing Error Box on New Comps
-------------------------------------------------------------*/
.alertBox {width:570px;padding:10px 5px; #d8001d;background: #fcc url(/images_b2c/shared/elements/exclamation.gif) no-repeat 1% 11px;}
#bodyContainer .alertBox p {font-weight:bold;color:#d8001d;margin:0 0 0 30px;padding:0;}
.alertBox div {font-weight:bold;color:#d8001d;margin:10px 0 0 30px;padding:0;}
/* ---------------------------------------------------------
Errors
-------------------------------------------------------------*/
#error {border: 1px solid #f00;padding: 10px;display:block;margin: 5px;}
#error .errorText {border:none;} /* overrides .errorText above if included inside #error */
/* ---------------------------------------------------------
Sidebar specifics
-------------------------------------------------------------*/
#sectionSidebar {width:184px;padding:5px 0 20px 0;float:left;}
#sectionSidebar h2 {margin:15px 0 5px 15px;}
#sectionSidebar p, #sectionSidebar ul, #sectionSidebar li {margin:0;padding:0;list-style-type:none;}
#sectionSidebar li {padding:0 0 0 15px;margin:0 0 5px 15px;}
#sectionSidebar li.here {font-weight:bold;background:url(/images_b2c/shared/elements/blackarrow_r.gif) no-repeat;}
/* here-indication text */
#sectionSidebar .here em {position:absolute;left:-100em;}
#wayfinder {float:left;width:184px;padding:20px 0 20px 0;}
#wayfinder h2 {margin:0 0 10px 15px;}
#wayfinder dl {margin:0 0 0 15px;font-weight:bold;color:#666;}
#wayfinder dt {padding:0 3px 0 0;float:left;clear:both;}
#wayfinder dt span {padding:0 0 0 3px;}
#wayfinder dd {margin:0 0 10px 0;float:left;clear:none;width:150px;}
#wayfinder dt.here, #wayfinder dd.here {color:#d8001d}
/* here-indication text */
#wayfinder .here em {position:absolute;left:-100em;}
/* Generic left sidebar (eg. quicklinks) */
#leftSidebar {float:left;width:184px;padding:0;}
#leftSidebar h2 {background:#eceded;margin:0;padding:5px 5px 5px 15px;}
#leftSidebar .quicklinksItem {margin:0;padding:0 0 8px 0;border:1px solid #ccc;width:183px;float:left;border-width:0 1px 1px 0;}
* html #leftSidebar .quicklinksItem {width:184px;wid\th:183px;}
#leftSidebar h3 {clear:none;margin:10px 15px 7px 15px;}
#leftSidebar h3 img {float:left;margin:2px 5px 5px 0;}
#leftSidebar h3 span {display:block;margin:5px 0 0 0;font-size:0.9em;font-weight:normal;color:#333;}
#leftSidebar p {clear:none;margin:0 15px 7px 15px;}
#alt-leftSidebar { float:left; padding-left:15px; width:184px; wid\th:169px; }/* different width for win/ie5 in quirks mode */
/* ---------------------------------------------------------
Steps
-------------------------------------------------------------*/
.starPromoText {font-weight:bold;font-size:1.2em;color: #d8001d;padding-left:17px;background: transparent url(/images_b2c/shared/elements/star_promo.gif) 0% 0% no-repeat;} /* font-size:13px */
.fsArrowText {font-weight:bold;color:#006;height:20px;background: transparent url(/images_b2c/shared/elements/arrow_lg_y.gif) center right no-repeat;}
.step1, .step2, .step3, .step4, .step5, .step6, .stepArrow, .stepCheck, .stepArrow {font-weight:bold;font-size:1.2em;color: #d8001d;padding-left:25px;margin:5px 0px 5px 0px;}/* font-size:13px */
.step1 {background: transparent url(/images_b2c/shared/elements/circle_1.gif) 0% 0% no-repeat;}
.step2 {background: transparent url(/images_b2c/shared/elements/circle_2.gif) 0% 0% no-repeat;}
.step3 {background: transparent url(/images_b2c/shared/elements/circle_3.gif) 0% 0% no-repeat;}
.step4 {background: transparent url(/images_b2c/shared/elements/circle_4.gif) 0% 0% no-repeat;}
.step5 {background: transparent url(/images_b2c/shared/elements/circle_5.gif) 0% 0% no-repeat;}
.step6 {background: transparent url(/images_b2c/shared/elements/circle_6.gif) 0% 0% no-repeat;}
.stepArrow {background: transparent url(/images_b2c/shared/elements/circle_arrow.gif) 0% 0% no-repeat;}
.stepCheck {background: transparent url(/images_b2c/shared/elements/circle_check.gif) 0% 0% no-repeat;}
.stepInfo {background: transparent url(/images_b2c/shared/elements/circle_i.gif) 0% 0% no-repeat;font-weight:bold;color: #d8001d;padding-left:25px;margin:5px 0px 5px 0px;font-size:1.2em;}
/* UF BoxHead Black */
.boxHead .stepArrow {background: transparent url(/images_b2c/shared/elements/circle_arrow.gif) 0% 0% no-repeat;}
.boxHead .stepCheck {background: transparent url(/images_b2c/shared/elements/circle_check.gif) 0% 0% no-repeat;}
.boxHead .stepInfo {background: transparent url(/images_b2c/shared/elements/circle_i_wht.gif) 0% 0% no-repeat;font-weight:bold;color: #fff;padding-left:25px;font-size:1.2em;}
/*Old versions*/
#step1, #step2, #step3, #step4, #step5, #step6, #stepArrow, #stepCheck, #stepArrow {font-weight:bold;font-size:1.2em;color: #d8001d;padding-left:25px;margin:5px 0px 5px 0px;}/* font-size:13px */
#step1 {background: transparent url(/images_b2c/shared/elements/circle_1.gif) 0% 0% no-repeat;}
#step2 {background: transparent url(/images_b2c/shared/elements/circle_2.gif) 0% 0% no-repeat;}
#step3 {background: transparent url(/images_b2c/shared/elements/circle_3.gif) 0% 0% no-repeat;}
#step4 {background: transparent url(/images_b2c/shared/elements/circle_4.gif) 0% 0% no-repeat;}
#step5 {background: transparent url(/images_b2c/shared/elements/circle_5.gif) 0% 0% no-repeat;}
#step6 {background: transparent url(/images_b2c/shared/elements/circle_6.gif) 0% 0% no-repeat;}
#stepArrow {background: transparent url(/images_b2c/shared/elements/circle_arrow.gif) 0% 0% no-repeat;}
#stepCheck {background: transparent url(/images_b2c/shared/elements/circle_check.gif) 0% 0% no-repeat;}
#stepInfo {background: transparent url(/images_b2c/shared/elements/circle_i.gif) 0% 0% no-repeat;font-weight:bold;color: #d8001d;padding-left:25px;margin:5px 0px 5px 0px;font-size:1.2em;}
/* UF BoxHead Black */
.boxHead #stepArrow {background: transparent url(/images_b2c/shared/elements/circle_arrow.gif) 0% 0% no-repeat;}
.boxHead #stepCheck {background: transparent url(/images_b2c/shared/elements/circle_check.gif) 0% 0% no-repeat;}
.boxHead #stepInfo {background: transparent url(/images_b2c/shared/elements/circle_i_wht.gif) 0% 0% no-repeat;font-weight:bold;color: #fff;padding-left:25px;font-size:1.2em;margin:0 0 0 0;}
/* ---------------------------------------------------------
Coverage Map
-------------------------------------------------------------*/
#legends {margin:10px 0 0 0;padding-left:0;}
#legends li {list-style:none;font-weight:bold;margin:10px 0;padding:.25em 0 .25em 25px;}
#legends li.l_99CC99 {background: transparent url(/images_b2c/coverage_locator/99cc99.gif) 0% 50% no-repeat;}
#legends li.l_EEDC82 {background: transparent url(/images_b2c/coverage_locator/eedc82.gif) 0% 50% no-repeat;}
#legends li.l_FFFFFF {background: transparent url(/images_b2c/coverage_locator/ffffff.gif) 0% 50% no-repeat;}
#legends li.l_FFFF99 {background: transparent url(/images_b2c/coverage_locator/ffff99.gif) 0% 50% no-repeat;}
#legends li.l_E7E7D2 {background: transparent url(/images_b2c/coverage_locator/e7e7d2.gif) 0% 50% no-repeat;}
#legends li.l_E9D5ED {background: transparent url(/images_b2c/coverage_locator/e9d5ed.gif) 0% 50% no-repeat;}
#legends li.l_BDB76B {background: transparent url(/images_b2c/coverage_locator/bdb76b.gif) 0% 50% no-repeat;}
#legends li.l_996633 {background: transparent url(/images_b2c/coverage_locator/996633.gif) 0% 50% no-repeat;}
#legends li.l_DDDDDD {background: transparent url(/images_b2c/coverage_locator/dddddd.gif) 0% 50% no-repeat;}
#legends li.l_EBA68F {background: transparent url(/images_b2c/coverage_locator/eba68f.gif) 0% 50% no-repeat;}
#legends li.l_8B916A {background: transparent url(/images_b2c/coverage_locator/8b916a.gif) 0% 50% no-repeat;}
/* ---------------------------------------------------------
Step Indicator - Checkout Pages
-------------------------------------------------------------*/
#checkoutStepBar td {text-align:center;font-weight: bold;}
.stepBarOn {background: #d8001d;padding:5px;height:10px;}
.stepBarOff {background: #ebebeb;padding:5px;height:10px;}
.stepOff {color:#aaa;}
.stepOn {color:#d8001d;}
.stepSep {background:#999;padding:1px;}
/* ---------------------------------------------------------
OLD TEMPLATES
-------------------------------------------------------------*/
/* pageContainer for old and store pages */
#pageContainer {clear:both;width:760px;padding-top:20px;}
#pageContainerStore {clear:both;width:760px;padding-top:5px;}
#leftPageTitle{height:5.8em;width:184px;background:#dadad9;float:left;border-top:1px solid #dadad9;color:#000;}
#pageTitle {float:left;width:574px;height:5.8em;margin-left:2px;background:#eceded;border-top:1px solid #eceded;}
#pageTitle h2 {margin:11px 0 3px 15px;}
#pageTitle h1 {margin:0 0 0 15px;}
/* masthead store wayfinderNav */
#wayfinderNav {padding:20px 10px 0;}
/* Main content column */
#alt-mainContent { float:left; border-left:1px solid #999; padding-left:15px; width:576px; wid\th:560px; }/* different width for win/ie5 in quirks mode */
#full-mainContent {margin:0 0 0 10px;padding:0;width:750px;}
#mainContent {float:left;margin:0 0 0 16px;padding:0;width:560px;}
#mainContent p, #alt-mainContent p {clear:both;margin:0 0 10px 0;}
#mainContent #mainPromo {border:4px solid #d8001d;border-width:4px 0;width:560px;}
#mainContent #mainPromo img {display:block;}
#mainContent h2, #alt-mainContent h2 {margin:0;}
ul {margin:0 0 10px 20px;padding:0;}
li {margin:0;padding:0;}
/* main content inner columns */
#centerColumn {float:left;width:400px;margin:0 20px 0 0;}
#rightSidebar {float:right;width:120px;padding:0 10px;}
* html #rightSidebar {width:140px;widt\h:120px;}
#leftColumn, #rightColumn {float:left;display:inline;margin:0 20px 0 0;width:260px;}
/* mainContent layouts */
.splitColumnLeft { float:left; border-right:1px solid #999; width:270px; wid\th:269px; }/* different width for win/ie5 in quirks mode */
.splitColumnLeftNoBorder { float:left; width:270px; wid\th:269px; }/* different width for win/ie5 in quirks mode */
.splitColumnRight { float:left; padding-left:15px; width:290px; wid\th:275px; }/* different width for win/ie5 in quirks mode */
.threeColumn { width:432px; clear:both; }
.introductoryParagraph {width:416px;font-size:1.1em;}
hr { display:none; }
/* grid 2 variations */
#mainContent.grid2 #mainPromo {min-height:357px;padding:0;}
* html #mainContent.grid2 .promo {widt\h:560px;height:357px;}
#mainContent.grid2 #mainPromo #bigPictureLeft {height:357px;width:150px;float:left;}
#mainContent.grid2 #mainPromo p {clear:none; width:405px; margin: 0 0 10px 150px;}
#mainContent.grid2 #mainPromo form {margin:10px 0 20px 0;float:left;}
#mainContent.grid2 #mainPromo label {float:left;margin:0 40px 0 0;font-weight:bold;}
#mainContent.grid2 #mainPromo label.vzLogo {width:183px;}
#mainContent.grid2 #mainPromo select {margin-top:28px;}
#mainContent.grid2 #mainPromo .buttonRight {float:right;}
#mainContent.grid2 .featuredDevices {width:405px;margin: 0 0 10px 150px;}
#mainContent.grid2 .featuredDevices h2 {padding-bottom:.50em;padding-top:15px;border-bottom:1px solid #999;}
#mainContent.grid2 .featuredDevices ul {margin-top:5px;padding-top:5px;}
#mainContent.grid2 .featuredDevices li {padding:0 0 6px 0;}
#mainContent.grid2 .featuredDevicesItem {float:left;width:202px;margin-top:5px;margin-bottom:0;}
#mainContent.grid2 .featuredDevicesItem img {float:left;margin-right:5px;}
#mainContent.grid2 .featuredDevicesItem label {float:none !important;display:block;padding:10px 0;}
#mainContent.grid2 .graphicRight div, #mainContent.grid2 .graphicLeft div {width:175px;}
/* grid 4 variations */
#mainContent.grid4 .columnItem {float:left;width:260px;clear:both;}
#mainContent.grid4 .columnItem h2 {margin:0 0 10px 0;}
#mainContent.grid4 .columnItem img {float:left;clear:none;margin:0 10px 0 0;}
#mainContent.grid4 .columnItem p {float:right;clear:none;width:150px;}
#mainContent.grid4 #leftColumn, #mainContent.grid4 #rightColumn {margin-top:20px;margin-bottom:20px;}
/* grid 5 variations */
#mainContent.grid5 #leftColumn, #mainContent.grid5 #rightColumn {margin-bottom:50px;}
/*** fonts demo variations ***/
#mainContent.fonts h2, #mainContent.fonts h3, #mainContent.fonts p {margin-bottom:10px;}
/* bottom pods */
#bottomPods {float:left;background:#eceded;width:560px;margin:0 0 10px 0;}
#bottomPods h2 {margin:0 0 10px 0;}
#bottomPods ul, #bottomPods li {margin:0;padding:0;list-style-type:none;}
#bottomPods li {margin:0 0 10px 0;}
#bottomPods form {clear:both;}
#podLeft {float:left;padding:10px;width:259px;border-right:1px solid #999;}
* html #podLeft {width:280px;widt\h:259px;}
#podRight {float:right;padding:10px;width:260px;}
* html #podRight {width:280px;widt\h:260px;}
.graphicRight div {float:left;}
.graphicRight p.graphic {float:right;margin:0 0 0 10px;}
.graphicLeft div {float:right;}
.graphicLeft p.graphic {float:left;margin:0 10px 0 0;}
.graphicRight div, .graphicLeft div {width:140px;}
/***************************************************************
TABS - LIKE PHONE DETAILS - DO NOT CHANGE
***************************************************************/
div.tabGroup {position:relative;width:556px;}
* html div.tabGroup { width:auto;}
div.tabGroup div{width:538px;padding:10px;border-width: 1px;border-color:#ccc; border-style:solid;clear:both;margin:0}
div.tabGroup div.tabContainer {float:left;clear:none;padding:0;border:none;display:block;margin-bottom:10px;}
div.tabGroup div ul {padding-left:10px;}
a.codeTab {border-width:0 0 1px 0;text-decoration:none;position:relative;float:left;height:18px;background:url(/images_b2c/shared/nav/code-tab-off.gif) #fff no-repeat;display:block;padding:7px 0 0 10px;font-weight:bold;margin:0 10px 0 0;white-space:nowrap;}
.overviewTab {width:60px;}
.detailsTab {width:85px;}
.featureTab {width:60px;}
.accessTab {width:75px;}
.capableTab {width:70px;}
a.codeTab:Link, a.codeTab:visited, a.codeTab:active, a.codeTab:hover {color:#333;}
a.codeTab span {display:block;position:absolute;top:0;width:31px;height:25px;background:url(/images_b2c/shared/nav/code-tab-off.gif) transparent no-repeat -100px 0;padding:0;}
.overviewTab span{left:70px;}
.detailsTab span{left:95px;}
.featureTab span{left:70px;}
.accessTab span{left:85px;}
.capableTab span{left:80px;}
/***************************************************************
BOXEDTABS - LIKE DEVICE OVERVIEW
***************************************************************/
.boxTabs,.boxTabs li,.boxTabs ul{margin:0;padding:0;list-style-type:none;}
.boxTabs{position:relative;z-index:1;cursor:default !important;border:none;text-align:left;}
.boxTabs{background-image:none;float:left;clear:both;width:556px !important;}
ul[class="boxTabs"]{float:none;}
ul/**/[class="boxTabs"]{float:left;}
.boxTabs{margin-top:0;top:0;}
@media screen,projection{.boxTabs{top:10px;}}
@media screen,projection{.boxTabs:not(:nth-child(n)){margin-top:10px;}}
.boxTabs>li:first-child{margin-left:0;}
@media Screen,Projection{.boxTabs>li:first-child{margin-left:0;margin-right:0;}}
@media screen,projection{.boxTabs:not(:nth-child(n))>li:first-child{margin-left:0;}}
.boxTabs li{left:0;}
@media screen,projection{.boxTabs li{position:relative;}}
ul[class^="boxTabs"] li{left:0;position:static;}
@media Screen,Projection{ul[class^="boxTabs"] li{left:0;position:relative;}}
@media screen,projection{.boxTabs:not(:nth-child(n)) li{position:static;}}
.boxTabs li{display:block;width:auto;float:left;}
.boxTabs li a{position:static;display:block;float:left;white-space:nowrap;}
@media screen,projection{.boxTabs l\i a{position:relative;float:none;}}
ul[class^="boxTabs"] li a{position:relative;float:none;}
@media screen,projection{* html .boxTabs li a{position:relative;float:none;}}
@media screen,projection{.boxTabs li a:not(:nth-child(n)){position:static;float:left;}}
.boxTabs li a{margin-left:-1px;}
@media Screen,Projection{.boxTabs li{margin-left:-1px !important;}}
@media Screen,Projection{.boxTabs li a{margin-left:0;}}
@media screen,projection{.boxTabs:not(:nth-child(n)) li:first-child{margin-left:0 !important;}}
@media screen,projection{.boxTabs:not(:nth-child(n)) li:first-child a{margin-left:-1px;}}
.boxTabs a,.boxTabs a:link{background-image:none;background-color:#EFECE7;cursor:pointer !important;text-align:left;border-style:solid;border-color:#999 #999 #000 #999;padding-left:9px;padding-right:9px;padding-top:7px !important;padding-bottom:7px !important;text-decoration:none;color:#999;border-width:1px;font-style:normal;font-weight:bold !important;}
.boxTabs a{font-size:1em;}
.boxTabs li a,.boxTabs li a:link,.boxTabs li a:visited{letter-spacing:1px !important;}
.boxTabs li a:visited{background-image:none;background-color:#EFECE7;border-width:1px;color:#999;font-style:normal;border-style:solid;border-color:#999 #999 #000 #999;}
* html .boxTabs li a:active{font-style:normal;background-image:none;background-color:#fff;text-decoration:none;color:#000;border-color:#000 #000 #fff #000;border-style:solid;border-width:1px;}
@media screen,projection{* html .boxTabs li{display:inline;}}
@media screen,projection{* html .boxTabs li{display/**/:block;float/**/:left;}}
@media screen,projection{* html .boxTabs li{clear:none;}}
.boxTabs a.activeTab, .boxTabs li a.activeTab:link,.boxTabs li a.activeTab:visited {background-color:#FFF;border-color:#000 #000 #fff #000;color:#000;}
/***************************************************************/
/* Generated CSS - do not edit this directly */
/***************************************************************/
.udm,.udm li,.udm ul{margin:0;padding:0;list-style-type:none;}
.udm{position:absolute;left:0;top:0;z-index:20000;width:7.5em;cursor:default !important;border:none;text-align:left;}
.udm{float:none;width:100%;}
@media screen,projection{.udm{float:left;}}
@media screen,projection{.udm:not(:nth-child(n)){float:none;}}
.udm{margin-top:9px;}
.udm>li:first-child{margin-left:41px;}
@media Screen,Projection{.udm>li:first-child{margin-left:0;margin-right:0;}}
@media screen,projection{.udm:not(:nth-child(n))>li:first-child{margin-left:41px;}}
.udm li{left:41px;}
@media screen,projection{.udm li{position:relative;}}
.udm ul li{left:0;}
ul[class^="udm"] li{left:0;position:static;}
@media Screen,Projection{ul[class^="udm"] li{left:41px;position:relative;}}
@media screen,projection{.udm:not(:nth-child(n)) li{position:static;}}
@media Screen,Projection{.udm/**/[class="udm"] ul li{position:relative;left:0;}}
@media screen,projection{.udm ul li:not(:nth-child(n)){position:static;}}
.udm li{display:block;width:auto;float:left;}
.udm li a{position:static;display:block;float:left;white-space:nowrap;}
@media screen,projection{.udm l\i a{position:relative;float:none;}}
ul[class^="udm"] li a{position:relative;float:none;}
@media screen,projection{* html .udm li a{position:relative;float:none;}}
@media screen,projection{.udm li a:not(:nth-child(n)){position:static;float:left;}}
.udm ul li a{position:relative;float:none !important;white-space:normal;}
.udm li,.udm li:first-child{margin-right:0px;}
.udm ul li{margin-left:0;margin-right:0;}
.udm ul a{margin:0;}
.udm ul li{margin-top:-1px;}
.udm ul li:first-child{margin-top:0px;}
.udm ul{background-image:none;background-color:#999;cursor:default !important;width:16em;height:auto;border-width:1px;border-color:#bbb #bbb #999 #999;border-style:solid;position:absolute;z-index:20100;padding:0px;}
.udm ul li{cursor:default !important;width:100%;position:static;float:none;}
.udm ul{display:none;visibility:hidden;}
html/**/[xmlns] .udm u\l{display:block;visibility:visible;height:0;overflow:scroll;left:-10000px;}
@media screen,projection{* html .udm ul {display:block;visibility:visible;height:0;overflow:scroll;top:-10000px;left/**/:-10000px;top/**/:0;}}
ul.udm/**/[class^="udm"] u\l{display:block;visibility:visible;height:0;overflow:visible;left:-1000em;}
@media screen,projection{* html .udm:not(:nth-child(n)) ul{display:none;visibility:hidden;left:auto;top:auto;}}
.udm a .udmA{visibility:hidden;margin:0 9px;display:block;cursor:pointer !important;position:absolute;right:0;top:0;text-align:right;border:none;cursor:inherit !important;}
.udm a .udmA img{display:block;}
.udm ul a .udmA{margin:0 7px;}
* html .udm a .udmA{right:1px;top:1px;}
* html .udm ul a .udmA{right:1px;top:1px;}
.udm a,.udm a:link,.udm a.nohref{background-image:none;background-color:transparent;cursor:pointer !important;z-index:1000;text-align:left;border-style:none none none solid;border-color:#000 #fff;padding-left:9px;padding-right:9px;padding-top:0px !important;padding-bottom:0px !important;text-decoration:none;color:#fff;border-width:1px;font-style:normal;font-family:arial,sans-serif;font-weight:bold !important;}
.udm a,.udm a.nohref{font-size:100%;}
.udm a .udmA,.udm a:link .udmA,.udm a.nohref .udmA{font-family:arial,sans-serif;font-weight:bold !important;}
.udm li a,.udm li a:link,.udm li a.nohref,.udm li a:visited{line-height:100% !important;}
.udm li a:visited{background-image:none;background-color:transparent;border-width:1px;color:#fff;font-style:normal;border-style:none none none solid;border-color:#000 #fff;}
.udm li a.udmR,.udm li a.udmY,.udm li a.udmR:visited,.udm li a.udmY:visited,.udm li a:hover,.udm li a:focus,.udm li a.nohref:hover,.udm li a.nohref:focus{font-style:normal;background-image:none;background-color:transparent;text-decoration:none;color:#000;border-color:#000 #fff;border-style:none none none solid;border-width:1px;}
* html .udm li a:active{font-style:normal;background-image:none;background-color:transparent;text-decoration:none;color:#000;border-color:#000 #fff;border-style:none none none solid;border-width:1px;}
.udm ul a,.udm ul a:link,.udm ul a.nohref{background-image:none;background-color:#999;text-align:left;border-width:1px;border-style:solid none;border-color:#fff;padding-left:7px;padding-right:7px;padding-top:16px !important;padding-bottom:16px !important;text-decoration:none;color:#fff;font-style:normal;font-size:100%;font-family:arial,sans-serif;font-weight:bold !important;}
.udm ul a .udmA,.udm ul a:link .udmA,.udm ul a.nohref .udmA{font-family:arial,sans-serif;font-weight:bold !important;}
.udm ul li a,.udm ul li a:link,.udm ul li a.nohref,.udm ul li a:visited{line-height:125% !important;}
.udm ul li a:visited,* html .udm ul li a:visited{background-image:none;background-color:#999;color:#fff;font-style:normal;border-width:1px;border-style:solid none;border-color:#fff;}
.udm ul li a.udmR,.udm ul li a.udmY,.udm ul li a.udmR:visited,.udm ul li a.udmY:visited,.udm ul li a:hover,.udm ul li a:focus,.udm ul li a.nohref:hover,.udm ul li a.nohref:focus,.udm ul li a:visited:hover{font-style:normal;background-image:none;background-color:#333;text-decoration:none;color:#999;border-color:#fff;border-style:solid none;border-width:1px;}
* html .udm ul li a:active{font-style:normal;background-image:none;background-color:#333;text-decoration:none;color:#999;border-color:#fff;border-style:solid none;border-width:1px;}
.udm a.nohref,.udm ul a.nohref{cursor:default !important;}
.udm h1,.udm h2,.udm h3,.udm h4,.udm h5,.udm h6{display:block;background:none;margin:0;padding:0;border:none;font-size:1em;font-weight:normal;text-decoration:none;}
.udm h3,.udm h4,.udm h5,.udm h6{display:inline;}
.udm h\3,.udm h\4,.udm h\5,.udm h\6{display:block;}
ul[class^="udm"] h3,ul[class^="udm"] h4,ul[class^="udm"] h5,ul[class^="udm"] h6{display:block;}
* html .udm h3,* html .udm h4,* html .udm h5,* html .udm h6{display:block;}
@media screen,projection{.udm h3,.udm h4,.udm h5,.udm h6{width:expression("auto",this.runtimeStyle.width=this.parentNode.offsetWidth);width/**/:auto;}}
@media screen,projection{.udm ul h3,.udm ul h4,.udm ul h5,.udm ul h6{width:expression("auto",this.runtimeStyle.width=this.parentNode.currentStyle.width);width/**/:auto;}}
@media screen,projection{* html .udm li{display:inline;}}
@media screen,projection{* html .udm li,* html .udm ul li{display/**/:block;float/**/:left;}}
@media screen,projection{.udm:not(:nth-child(n)) li,.udm:not(:nth-child(n)) ul li{display:block;float:left;}}
@media screen,projection{* html .udm li,* html .udm ul li{clear:none;}}
select{visibility:visible;}
.udm .udmC{position:absolute;left:0;top:0;z-index:20020;width:auto;height:auto;filter:alpha(opacity=0);}
.udm li.supportMenuItem a,.udm li.supportMenuItem a:link,.udm li.supportMenuItem a.nohref{border-color:#fff;border-style:solid none;border-width:1px;background-image:none;background-color:#999;text-decoration:none;text-align:left;color:#fff;font-style:normal;font-size:100%;}
.udm li.supportMenuItem a,.udm li.supportMenuItem a:link,.udm li.supportMenuItem a.nohref .udmA,.udm li.supportMenuItem a,.udm li.supportMenuItem a.nohref .udmA{font-family:arial,sans-serif;font-weight:bold !important;}
.udm ul li.supportMenuItem a:visited,* html .udm ul li.supportMenuItem a:visited{background-image:none;background-color:#999;color:#fff;font-style:normal;border-width:1px;border-color:#fff;border-style:solid none;}
.udm ul li.supportMenuItem a.udmR,.udm ul li.supportMenuItem a.udmY,.udm ul li.supportMenuItem a.udmR:visited,.udm ul li.supportMenuItem a.udmY:visited,.udm ul li.supportMenuItem a:hover,.udm ul li.supportMenuItem a:focus,.udm ul li.supportMenuItem a.nohref:hover,.udm ul li.supportMenuItem a.nohref:focus,.udm ul li.supportMenuItem a:visited:hover{background-image:none;background-color:#333;text-decoration:none;color:#999;border-width:1px;border-color:#fff;border-style:solid none;font-style:normal;}
* html .udm li.supportMenuItem a:active{background-image:none;background-color:#333;text-decoration:none;color:#999;border-width:1px;border-color:#fff;border-style:solid none;font-style:normal;}