/* NOTE : This is just the following files concatenated for use with WS2.
		  This was done for simplicity, to help grandfather this css and help
		  to discourage changes going forward.

		  '../../css/2.1/reset.css',
          '../../css/2.1/main.css',
          '../../css/1.2/css/print.css',
          '../shop/css/2.0/shop_nz.css',
          '../../c/legacy-header-nhop.css'
          
  */
.legacy {
  /* Browser Reset CSS, Eric Meyer.  */
  /* tables still need 'cellspacing="0"' in the markup */
  /* FF3 DONT SHOW DOTTED BORDER ON LINKS */
  /* END FF3 DONT SHOW DOTTED BORDER ON LINKS */
  /********* MAIN STYLES FOR PAGE LAYOUT  ***********/
  /* BEGIN COLOR STYLES */
  /* END COLOR STYLES */
  /* BEGIN GENERIC MODULE STYLES */
  /* BEGIN Large gateway header styles */
  /* END Large header */
  /* START Larger content */
  /* END Larger content */
  /* BEGIN TAB NAVIGATION STYLES*/
  /* END TAB NAVIGATION STYLES */
  /* BEGIN TABBOX */
  /* END TABBOX */
  /* END GENERIC MODULE STYLES */
  /* BEGIN 1 COLUMN WIDE MODULES */
  /* END 1 COLUMN WIDE MODULES */
  /* BEGIN 2 COLUMN WIDE MODULES */
  /* END 2 COLUMN WIDE MODULES */
  /* BEGIN 3 COLUMN WIDE MODULES */
  /* END 3 COLUMN WIDE MODULES */
  /* BEGIN 4 COLUMN WIDE MODULES */
  /* END 4 COLUMN WIDE MODULES */
  /* BEGIN 5 COLUMN WIDE MODULES */
  /* END 5 COLUMN WIDE MODULES */
  /* BEGIN TEXT BLOCK STYLES */
  /* END TEXT BLOCK STYLES*/
  /* BEGIN FORM STYLES */
  /* START client side validataion classes */
  /* END client side validataion classes */
  /* Alert box for highlighting messages */
  /* END FORM STYLES */
  /* BEGIN ERROR PAGE STYLES*/
  /*END ERROR PAGE STYLES*/
  /* BEGIN TEXTCONTENT STYLES */
  /* END TEXTCONTENT STYLES*/
  /* GENERIC TABLE STYLES*/
  /* GENERIC TABLE STYLES */
  /* NZ CUSTOM STYLES START */
  /* Start feedback mechanism */
  /* internal stuff */
  /* End feedback mechanism */
  /* FRONT END STYLES */
  /********* BASE ELEMENT STYLES ***********/
  /** LINK STYLE **/
  /********* GENERIC STYLES USED THROUGHOUT WHOLE SITE  ***********/
  /********* BEGIN COLOR STYLES ***********/
  /********* END COLOR STYLES ***********/
  /**************** BEGIN GRID STYLES *******************/
  /* END GRID STYLES */
  /********* BUTTONS ***********/
  /* Small sized text button */
  /* address check buttons */
  /* 
  Removed 29.10.09
  .textBtnRed, .textBtnGrey {
  	background:url(/css/3.0/img/buttons/right.gif) no-repeat right top;
  }
  .textBtnRed span, .textBtnGrey span {
  	background:url(/css/3.0/img/buttons/left.gif) no-repeat left top;
  } */
  /* Small buttons - TIM */
  /* Small buttons hover states - TIM */
  /* Medium & Large buttons (grey & red) - TIM */
  /*
  .textBtnGreyOnRed {
  	background:url(/css/2.0/img/buttons/grey-right-on-red.gif) no-repeat right top;
  }
  .textBtnGreyOnRed span {
  	background:url(/css/2.0/img/buttons/grey-left-on-red.gif) no-repeat left top;
  }
  * /
  /* MEDIUM SIZED button - REMOVED 29.10.09
  .textBtnRedMedium {
  	background:transparent url(/css/2.0/img/buttons/red-left-medium.png) no-repeat scroll left top;
  	color:#fff;
  	font-size:1.1em;
  	font-weight:bold;
  	letter-spacing:.025em;
  	zoom:1;
  }
  a.textBtnRedMedium {
  	padding-left: 10px;
  }
  .textBtnRedMedium span {
  	background:transparent url(/css/2.0/img/buttons/red-right-medium.png) no-repeat scroll right top;
  	display:block;
  	padding:4px 10px 11px 0;
  }
  .textBtnRedMedium:hover {
  	color:#fff;
  	background:transparent url(/css/2.0/img/buttons/red-left-medium.png) no-repeat scroll left -77px;
  }
  .textBtnRedMedium:hover span {
  	background:transparent url(/css/2.0/img/buttons/red-right-medium.png) no-repeat scroll right -77px;
  }
  .textBtnGreyMedium {
  	background:transparent url(/css/2.0/img/buttons/grey-left-medium.png) no-repeat scroll left top;
  	color:#fff;
  	font-size:1.1em;
  	font-weight:bold;
  	letter-spacing:.025em;
  	zoom:1;
  }
  #ie.seven .textBtnGreyMedium, #ie.six .textBtnGreyMedium {
  	padding-top:4px;
  }
  .textBtnGreyMedium span {
  	background:transparent url(/css/2.0/img/buttons/grey-right-medium.png) no-repeat scroll right top;
  	display:block;
  	padding:4px 10px 11px 0;
  	margin-left: 10px;
  }
  .textBtnGreyMedium:hover {
  	color:#fff;
  	background:transparent url(/css/2.0/img/buttons/grey-left-medium.png) no-repeat scroll left -77px;
  }
  .textBtnGreyMedium:hover span {
  	background:transparent url(/css/2.0/img/buttons/grey-right-medium.png) no-repeat scroll right -77px;
  }
  .textBtnGreyOnRed {
  	background:transparent url(/css/2.0/img/buttons/grey-on-red-right-medium.gif) no-repeat scroll right top;
  	padding:7px 0px 15px 0px;
  	color:#fff;
  	font-size:1.2em;
  	font-weight:bold;
  	letter-spacing:.025em;
  }
  .textBtnGreyOnRed span {
  	background:transparent url(/css/2.0/img/buttons/grey-on-red-left-medium.gif) no-repeat scroll left top;
  	padding:7px 10px 15px 10px;
  }
  .textBtnGreyOnRed:hover {
  	background:transparent url(/css/2.0/img/buttons/grey-on-red-right-medium.gif) no-repeat scroll right -76px;
  }
  .textBtnGreyOnRed:hover span {
  	background:transparent url(/css/2.0/img/buttons/grey-on-red-left-medium.gif) no-repeat scroll left -76px;
  }
  */
  /* SMALL QUESTION MARK */
  /**************************** HEADER *************************************/
  /* #footerSuper .copyright { *float:none !important; } */
  /* New div dropdown for sign in */
  /**************************** END HEADER *************************************/
  /****************************** FOOTER ****************************************/
  /****************************** END FOOTER ****************************************/
  /******************************LEFT HAND NAVIGATION COLUMN ****************************************/
  /*
  .secondLevelNav li.first, #navCol .specialOffers .link_list1Col .first {
  	background: none;
  }
  .secondLevelNav .level2 {
  	padding-left:19px;
  }
  .secondLevelNav .level3 {
  	padding-left:32px;
  }
  */
  /*
  .secondLevelNav li.selected {
  	background:#bad4da url(/css/2.1/img/solid-line.gif) repeat-x top left;
  	font-weight: bold;
  	margin-top: 1px;
  	margin-bottom:-1px;
  }
  */
  /* BEGIN 1 COLUMN WIDE MODULES */
  /** MINI CART SECTION  **/
  /** DOUBLE COLUMN WIDE MODULES ***/
  /** TRIPLE COLUMN WIDE MODULES ***/
  /* END MOD STYLES */
  /** CTA BOX **/
  /***************** BEGIN FEATURE ADVERTS  ON HOMEPAGE *****************/
  /*
  .feature-hover, .feature:hover {
  	cursor:pointer;
  	background-position:right 2px;
  }
  */
  /***************** END FEATURE ADVERTS  ON HOMEPAGE *****************/
  /***************** BEGIN FEATURE HOVER STYLES *****************/
  /***************** END FEATURE HOVER STYLES *****************/
  /***************** TR ADDITIONS ********************/
  /* removed caution
  .textContent {
  	position:relative;
  }
  */
  /** STYLES FOR DID YOU KNOW BOXES **/
  /* RightNow */
  /** STYLES FOR DROP SHADOWS ON MODULES **/
  /* CRANZ */
  /*
  h3.orange {
  	color: #F49F19;
  }
  h3.blue {
  	color: #1984BE;
  }
  h3.petrol {
  	color: #008698;
  }
  h3.purple {
  	color:#732978;
  }
  */
  /* BEN */
  /* .price-block {
  	margin:0 0 0 14px;
  } */
  /** TALK ZONE LINK STYLES **/
  /** ADJUSTMENT OF SINGLE COLUMN STYLES FROM MAIN.CSS  **/
  /* tooltips */
  /* this id is passed to the tooltip by jquery tooltip plugin */
  /* Contents of the tooltip */
  /* viewport right and bottom settings */
  /*----[GSA autocomplete]----*/
  /*: transparent url(/i/2-1.gif) no-repeat 6px 6px scroll;}*/
  /* no results */
  /* Step list styles */
  /* Removed 29.10.09 - TIM
  html .textBtnRedLarge {
  	background:transparent url(/img/buttons/redRight-large.gif) no-repeat scroll right top !important;
  	}
  html .textBtnRedLarge span {
  	background:transparent url(/img/buttons/redLeft-large.gif) no-repeat scroll left top !important;
  	}
  html .textBtnRedLarge:hover {
  	background:transparent url(/img/buttons/redRight-large.gif) no-repeat scroll right -95px !important;
  	}
  html .textBtnRedLarge:hover span {
  	background:transparent url(/img/buttons/redLeft-large.gif) no-repeat scroll left -95px !important;
  	} */
  /* End step list styles */
  /* AAA gateway login */
  /*  3.0 upgrades  */
  /* login page */
  /* ****************** Added By James @ Frontend, to help styling of pages and avoid creating more classes -************** */
  /* BEGIN GENERAL */
  /*Drop B Listing Changes */
  /* END GENERAL */
  /* BEGIN TABBOX Tab reset  */
  /* BEGIN ERROR MESSAGES  */
  /* END ERROR MESSAGES 
   BEGIN BLOCKUI OVERLAY/LIGHTBOX  */
  /* END OVERLAY/LIGHTBOX 
   BEGIN strengthMeter */
  /* END strengthMeter  Buttons  */
  /* BEGIN SMARTMESSAGES */
  /* END SMARTMESSAGES */
  /* BEGIN TOOLTIP  */
  /* END TOOLTIP  */
  /* END CART PAGES (View Cart / Your details / Confirmation and Payment) 
   BEGIN USERRATING MOD  */
  /* END USERRATING MOD 
   BEGIN MOD UPGRADE  */
  /* END MOD UPGRADE 
   BEGIN MOD HELP  */
  /* END MOD HELP 
   BEGIN MOD SECURE  */
  /* END MOD SECURE  */
  /* BEGIN MOBILE LISTING  */
  /**********************Defect 40045 fix***************/
  /*********End of Defect 40045 fix***************/
  /* END MOBILE LISTING 
   BEGIN ACCESSIORY LISTING  */
  /* END ACCESSIORY LISTING 
   BEGIN DISPLAY MOD */
  /* END DISPLAY MOD
   BEGIN PAGINATION MOD */
  /* END PAGINATION MOD
   BEGIN LAST VIEWED */
  /* END LAST VIEWED
   BEGIN MOBILE DETAILS */
  /* END MOBILE DETAILS
   BEGIN PRODUCT TABS  */
  /* END PRODUCT TABS 
   BEGIN COMPARE MOBILES */
  /* END COMPARE MOBILES 
   BEGIN MOD CART */
  /* END MOD CART 
   BEGIN MOD COMPARE  */
  /* END MOD COMPARE */
  /*End:Compare plans 
   BEGIN RECOMMEND  */
  /* END RECOMMEND 
   BEGIN SLIDER / CONFIGURATOR  */
  /* END SLIDER / CONFIGURATOR 
   START iD  */
  /* END iD 
   START CGI  */
  /* END CGI */
  /* BEGIN EXPANDER */
  /* END EXPANDER */
  /* BEGIN SLIDESHOW */
  /* END SLIDESHOW */
  /* BEGIN LATEST PHONES MODULE */
  /* END LATEST PHONES MODULE */
  /* BEGIN LNMP */
  /* END LNMP */
  /* START BUTTONS */
  /* red */
  /* grey */
  /* red & grey disabled */
  /* redMedium */
  /* greyMedium */
  /* END BUTTONS */
  /* Knox CSS */
  /* BEGIN HEADER STYLES */
  /* New To Knox Shop */
  /* BEGIN TAB NAVIGATION STYLES */
  /* BEGIN CHANGE 1.2.0 */
  /* END CHANGE 1.2.0 */
  /* END TAB NAVIGATION STYLES */
  /* Dropb Changes Starts */
  /* Configure Plan Page  */
  /* end webkit specific  */
  /* Compare Plan  */
  /* Tooltip help hover  */
  /* end webkit specific  */
  /* End of Tooltip help hover */
  /* displayPlans  */
  /* End of displayPlans  */
  /* webkit specific */
  /* Mobile Details */
  /* Added for setting postcal code field width on Your Details  */
  /* Start planCompareBox slider tool  */
  /*margin-top:2px;height:100px;}*/
  /* End planCompareBox slider tool  */
  /* END CART LOGIN  */
  /* END CART */
  /* Drop B Changes  */
  /* START cart   BEGIN CART PAGES (View Cart / Your details / Confirmation and Payment)  */
  /* THIS IS A WORKAROUND AND SHOULD BE DELETED POST GO-LIVE */
  /*
  .ShopCart .Items .textBtnRed{background-image:url(/css/2.0/img/buttons/red-right-no-shadow.gif);}
  .ShopCart .Items .textBtnRed span{background-image:url(/css/2.0/img/buttons/red-left-no-shadow.gif);}
  */
  /* THIS IS A WORKAROUND AND SHOULD BE DELETED POST GO-LIVE */
  /* END cart   START MAIN CSS OVERRIDES  */
  /* Added by James @ Frontend for shop upgrade May 2010 */
  /* ADDED BY JAMES @ FRONTEND SEPT 2010 SMARTPHONE SHOP PAGE */
  /* knox shop login and registration */
  /* Knox forgotten password */
  /* start webkit specific  */
  /* Added for plan listing header */
  /* Added for device listing spaces */
  /* Added for ER 1574 */
  /* design hack for ATG slots (new look and feel) */
  /* hack to fix button on config plan page */
  /* eco ratings */
  /*Plan name link styling for mobile product page*/
  /*Accessory product page styling fix*/
  /*logo and Rhombus red background styling fix*/
  @-moz-document url-prefix() {
    body header {
      width: 100%;
    }
}

  /*
  #help_box{
      margin-bottom: 20px;
      border: none;
  }
  #help_box h4 {
      font-size: 17px;
      font-weight: bold;
      color: #333;
      margin-bottom: 10px;
      text-align: center;
  }
  
  
  #help_box .boxContent h4{
      margin-top: 10px;
  }
  
  #help_box .valueListBox{
      background: #EBEBEB;
      border: 1px solid #EBEBEB;
      display: block;
  }
  #help_box .valueListBox .boxTitle {
      border-bottom: 1px solid #EBEBEB;
  }
  
  #help_box .valueListBox .boxTitle h5{
      color: #666666;
  }
  #help_box .valueListBox .boxContent{
      background: url(/ppb/i/phoneIcon.png) no-repeat 23px;
  }
  #help_box .valueListBox .boxContent h4{
      font-weight: normal;
      font-size: 24px;
      margin-left: 18px;
      color:#5E2750;
  }
  #help_box .valueListBox  .boxTitle span.arrow{
      background: url(/ppb/i/forms/overview-box-arrow-gray.png) no-repeat center top;
  }*/
  /* mobile listing page restyle */
  /* On account tab option */
  /* For chrome */
  /* this file is used for the new header on old pages */
  /* it includes #header specific rules to prevent conflicts with /css/2.1/main.css */
  /* --------------------------------------------------------------------------------------- */
  /* ---- reset ---- */
  /* --------------------------------------------------------------------------------------- */
  /* tables still need 'cellspacing="0"' in the markup */
  /* --------------------------------------------------------------------------------------- */
  /* ----- buttons ----- */
  /* --------------------------------------------------------------------------------------- */
  /* inputs */
  /* submitters by colour */
  /* for longer buttons */
  /* hover state */
  /* removed dotted focus borders */
  /* a spans */
  /* Light */
  /* Dark */
  /* Green */
  /* Inactive */
  /*medium and long highlight classes*/
  /* Sign in */
  /* Logged in */
  /* --------------------------------------------------------------------------------------- */
  /* ----- header ----- */
  /* --------------------------------------------------------------------------------------- */
  /*----[Top global nav tabs]----*/
  /*----[Top global nav bar]----*/
  /*----[Top level menu hover]----*/
  /*----[Shopping cart & Account login dropdown]----*/
  /* same approach as accessible Megamenu 'popouts' */
  /* 'accessMenu' class removed by js */
  /* 'active' & 'inactive' classes are applied by js, mouseenter & mouseleave respectiely */
  /*----[Megamenu nav bar]----*/
  /* logo */
  /* hover states */
  /* Search field */
  /*----[Accessible Megamenu 'popouts' - doesn't work in IE6]----*/
  /* 'hide' the popouts */
  /*  'accessMenu' class removed by js */
  /* 'active' & 'inactive' classes are applied by js, mouseenter & mouseleave respectiely */
  /* dimensions */
  /* it needs to be this convoluted for IE7, I could put it in a seperate style sheet but this keeps it all in one place */
  /* alignment */
  /* default */
  /*   business */
  /*   about */
  /* 'popout' wrapper */
  /* 'support' specific column */
  /* popout four */
  /* touch screen devices - close button */
  /*----[Login dropdown]----*/
  /* promo scroller*/
  /* specific dimensions per nav item popout */
  /* --------------------------------------------------------------------------------------- */
  /* ----- forms ----- */
  /* --------------------------------------------------------------------------------------- */
  /* input styles */
  /* generic form styles */
  /* misc */
  /* validation */
  /* --------------------------------------------------------------------------------------- */
  /* /css/2.1/main.css overrides */
  /* --------------------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------------------- */
  /* /css/2.1/main.css overrides */
  /* --------------------------------------------------------------------------------------- */
}
.legacy html, .legacy body, .legacy div, .legacy span, .legacy applet, .legacy object, .legacy iframe,
.legacy h1, .legacy h2, .legacy h3, .legacy h4, .legacy h5, .legacy h6, .legacy p, .legacy blockquote, .legacy pre,
.legacy a, .legacy abbr, .legacy acronym, .legacy address, .legacy big, .legacy cite, .legacy code,
.legacy del, .legacy dfn, .legacy em, .legacy font, .legacy img, .legacy ins, .legacy kbd, .legacy q, .legacy s, .legacy samp,
.legacy small, .legacy strike, .legacy strong, .legacy sub, .legacy sup, .legacy tt, .legacy var,
.legacy dl, .legacy dt, .legacy dd, .legacy ol, .legacy ul, .legacy li,
.legacy fieldset, .legacy form, .legacy label, .legacy legend,
.legacy table, .legacy caption, .legacy tbody, .legacy tfoot, .legacy thead, .legacy tr, .legacy th, .legacy td {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-weight: inherit;
  font-style: inherit;
  font-size: 14px;*/
  font-size: 100%;
  /*font-family: inherit;*/
  font: inherit;
  vertical-align: baseline;
}
.legacy ol, .legacy ul {
  list-style: none;
}
.legacy table {
  border-collapse: separate;
  border-spacing: 0;
}
.legacy caption, .legacy th, .legacy td {
  text-align: left;
  font-weight: normal;
}
.legacy blockquote:before, .legacy blockquote:after,
.legacy q:before, .legacy q:after {
  content: "";
}
.legacy blockquote, .legacy q {
  quotes: "" "";
}
.legacy strong {
  font-weight: bold;
}
.legacy a:active {
  outline: none;
}
.legacy a:focus {
  -moz-outline-style: none;
}
.legacy .redBG, .legacy .redBG h2 a {
  color: #000;
}
.legacy .deepPurpleBG, .legacy .deepPurpleBG h2 a {
  color: #000;
}
.legacy .lightPurpleBG, .legacy .lightPurpleBG h2 a {
  color: #000;
}
.legacy .petrolBG, .legacy .petrolBG h2 a {
  color: #000;
}
.legacy .lightPetrolBG, .legacy .lightPetrolBG h2 a {
  color: #000;
}
.legacy .lightGreyBG, .legacy .lightGreyBG h2 a {
  color: #000;
}
.legacy .greyBG, .legacy .greyBG h2 a {
  color: #000;
}
.legacy .blueBG, .legacy .blueBG h2 a {
  color: #000;
}
.legacy .lightBlueBG, .legacy .lightBlueBG h2 a {
  color: #000;
}
.legacy .greenBG, .legacy .greenBG h2 a {
  color: #000;
}
.legacy .grassGreenBG, .legacy .grassGreenBG h2 a {
  color: #000;
}
.legacy .whiteBG, .legacy .whiteBG h2 a {
  color: #000;
}
.legacy .lightOrangeBG, .legacy .lightOrangeBG h2 a {
  color: #000;
}
.legacy span.grey {
  color: #999;
}
.legacy h2 {
  font-weight: bold;
  color: #000;
}
.legacy .modCopy, .legacy .modCopy1col, .legacy .modCopy2col, .legacy .modCopy3col, .legacy .modCopy3col, .legacy .modCopy1HalfCol, .legacy .modCopyHalfCol {
  padding: 8px 0 6px 7px;
}
.legacy .modCopy a, .legacy .textBlock ul li a, .legacy .modBody a.textlink {
  text-decoration: underline;
}
.legacy .noFloat {
  clear: both;
}
.legacy .clear {
  clear: both;
  line-height: 0px;
  height: 0px;
}
.legacy .inv {
  left: -1000px;
  position: absolute;
  top: -1000px;
}
.legacy .modBody {
  position: relative;
  clear: both;
}
.legacy h1.petrol, .legacy h2.sizeh1, .legacy h1.deepPurple {
  /*color:#008698;*/
  font-size: 2.1em !important;
  font-weight: bold;
  line-height: 1.1em;
  margin: 0.6em 0 0.2em;
}
.legacy .modBody h2.petrol {
  font-size: 1.6em;
  /*color:#008698;*/
  padding: 3px 0 10px 0;
}
.legacy .modBody h3 {
  font-size: 1.182em;
  /*13px*/
  font-weight: normal;
}
.legacy .modBody h3.bold, .legacy .modBody h4 {
  font-weight: bold;
}
.legacy .modCopy h3 {
  font-size: 1.454em;
  /*16px*/
  font-weight: bold;
}
.legacy .modBody h4.petrol {
  /*color:#008698;*/
  padding: 3px 0 10px 0;
}
.legacy h5 {
  font-size: 1.09em;
  /*12px*/
  line-height: 1.5em;
}
.legacy .modHeader {
  height: 3.0em;
  /* 24px */
  border-top: 1px solid #E9E9E9;
}
.legacy .mod2Col .modHeader {
  overflow: hidden;
}
.legacy .mod2Col.mobileFeature {
  width: 376px;
}
.legacy .modHeader h2 {
  font-size: 1.2em;
  font-weight: bold;
  float: left;
  padding: 10px 0 0 7px;
}
.legacy #navCol .modHeader h2 {
  float: none;
}
.legacy .headerLarge {
  height: 75px;
  margin: 0 3px;
}
.legacy .headerLarge h2 {
  font-size: 25px !important;
  line-height: 30px;
  margin: 7px;
  padding: 0;
  width: 65%;
}
.legacy .headerLarge img {
  float: right;
  padding: 5px 7px;
}
.legacy .largeBody {
  height: 18.7em;
}
.legacy .largeBody h4 {
  font-size: 18px;
  font-weight: bold;
}
.legacy .largeBody h4 span {
  font-size: 12px;
  font-weight: normal;
  padding-left: 10px;
}
.legacy .dataSize {
  margin: 0pt 0pt 4px;
  height: 45px;
  background-color: #cae2ef;
}
.legacy .dataSize p {
  margin: 0pt;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}
.legacy .dataPrice {
  margin: 0pt;
  height: 45px;
  position: relative;
  top: 7px;
  *top: 12px;
}
.legacy .dataPriceArea span {
  position: relative;
  float: left;
  font-weight: bold;
  display: block;
}
.legacy .dataPriceArea .dollarSign {
  margin: -9px 0pt 0pt;
  display: block;
  font-size: 18px;
}
.legacy .dataPriceArea .dollars {
  display: block;
  font-size: 45px;
  line-height: 45px;
  top: -16px;
}
.legacy .dataPriceArea .dotdot {
  margin: -9px 0pt 0pt;
  font-size: 20px;
}
.legacy .dataPriceArea .cents {
  margin: -8px 0pt 0pt;
  font-size: 22px;
}
.legacy .perMonth {
  margin: 10px 0pt 0pt 0px;
  position: relative;
  top: 5px;
  left: -29px;
  *top: -5px;
  *left: 2px;
  font-size: 12px;
}
.legacy .dataPrice .formButtons {
  position: relative;
  top: -40px;
}
.legacy .dataPrice .formButtons a {
  margin: 0pt;
}
.legacy .modHeader a {
  color: #fff;
  padding: 0 0 0 7px;
}
.legacy .modHeader a span {
  display: block;
  float: left;
  font-size: 1.2em;
}
.legacy .modHeader a span.more {
  display: block;
  float: right;
  font-size: 14px;
  font-weight: normal;
  margin-left: 1px;
  padding: 0 7px 0 0;
}
.legacy .modHeader a:hover span.more, .legacy .modHeader a:focus span.more {
  text-decoration: underline;
}
.legacy .noPad {
  padding: 0 0 0 7px;
}
.legacy .modHeight35 {
  height: 35px;
}
.legacy .modHeight88 {
  /*height:5.64em; */
  /* 64 px content, makes the total module height 88 px*/
  height: 75px;
  overflow: hidden;
}
.legacy .modHeightLow {
  /*height:12.91em;*/
  height: 135px;
  overflow: hidden;
}
.legacy .modHeight144 {
  height: 12em;
  overflow: hidden;
}
.legacy .modHeight168 {
  overflow: hidden;
}
.legacy .modHeight216 {
  /*height:17.3em;*/
  /* 196 px content, makes the total module height 216 px*/
  height: 220px;
  overflow: hidden;
}
.legacy .modHeight282 {
  height: 23.18em;
  /* 255 px content, makes the total module height 282 px */
  overflow: hidden;
}
.legacy .modHeight282NoBorder {
  /*height: 25.37em; */
  /* 255 px content, 255+32 due missing border */
  height: 265px;
  overflow: hidden;
}
.legacy .modHeight480 {
  height: 41.27em;
  /*454 px content makes the module height 480px*/
  overflow: hidden;
}
.legacy .modHeightBanner {
  height: 6.95em;
  overflow: hidden;
}
.legacy .modHeight94 {
  height: 6.45em;
  /* 70 px content, makes the total module height 94 px*/
  overflow: hidden;
}
.legacy .modHeight150 {
  height: 11.45em;
  /* 126 px content, makes the total module height 150 px*/
  overflow: hidden;
}
.legacy .modHeight330 {
  height: 27.07em;
  overflow: hidden;
}
.legacy .modHeight396 {
  height: 32.95em;
  /*372 px content makes the module height 396px*/
  overflow: hidden;
}
.legacy .tripleMod {
  height: 17.272em;
  position: relative;
}
.legacy .tripleMod h3, .legacy .tripleMod h4, .legacy .priceTag, .legacy .tripleMod .textBtnRed, .legacy .tripleMod .features, .legacy .tripleMod .footnote, .legacy .tripleMod img {
  position: absolute;
}
.legacy .tripleMod h3 {
  font-size: 1.182em;
  font-weight: normal;
  left: 52px;
}
.legacy .tripleMod h4 {
  font-weight: bold;
  left: 55px;
  top: 2em;
}
.legacy .tripleMod .features {
  height: 5em;
  _height: 5.5em;
  left: 52px;
  list-style-type: none;
  overflow: hidden;
  top: 5em;
  width: 117px;
}
.legacy .tripleMod .features li {
  background: transparent url(/css/2.0/img/bullet-small.gif) no-repeat scroll 3px 3px;
  padding-left: 10px;
}
.legacy .tripleMod .priceTag {
  left: 50px;
  top: 8.9em;
  _top: 9.3em;
}
.legacy .tripleMod .footnote {
  text-decoration: none;
  display: block;
  left: 53px;
  top: 11.7em;
  _top: 12.7em;
}
.legacy .tripleMod .textBtnRed {
  right: 0;
  top: 15.4em;
}
.legacy .price1, .legacy .price2, .legacy .price3, .legacy .price4, .legacy .price5, .legacy .price6 {
  display: inline;
  font-weight: bold;
  position: relative;
}
.legacy .price1, .legacy .price2, .legacy .price4 {
  font-size: 2.363em;
  /*26px*/
  line-height: 2.091em;
  /*23px*/
}
.legacy .price1 {
  padding-left: 4px;
}
.legacy .price2 {
  top: -9px;
  font-size: 1.363em;
  /*15px*/
}
.legacy .price3 {
  float: left;
  top: -2.27em;
  /*25px*/
}
.legacy .price4 {
  padding-left: 4px;
}
.legacy .price5 {
  font-size: 4.27em;
  /*47px*/
}
.legacy .price6 {
  top: -0.55em;
  /*5px*/
  font-size: 2.5em;
  /*20px*/
  left: -4px;
}
.legacy .bold {
  font-weight: bold;
}
.legacy .modFooter hr, .legacy .modBlankFooter hr {
  display: none;
}
.legacy .modTop {
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}
.legacy .modPad {
  padding-left: 21px !important;
}
.legacy .modPad14 {
  padding-left: 14px;
}
.legacy .priceBox {
  position: absolute;
  bottom: 1.545em;
  /*17px*/
}
.legacy .priceBox .priceTag {
  display: inline;
  position: relative;
  top: -18px;
  left: 0;
}
.legacy .priceBox .text {
  position: relative;
  display: inline;
  top: -18px;
  left: 0;
}
.legacy .priceBox2 {
  float: left;
  position: relative;
  top: 1.36em;
  /*15px*/
}
.legacy .priceBox3 {
  position: absolute;
  top: 98px;
}
.legacy .float, .legacy .priceBox2 .text, .legacy .priceBox3 .text {
  float: left;
}
.legacy .floatRight {
  float: right;
}
.legacy .skipper {
  left: -1000px;
  position: absolute;
  top: -1000px;
}
.legacy .features li {
  background: url(/css/2.0/img/bullet.gif) no-repeat 3px 3px;
  padding-left: 16px;
}
.legacy .bullet li {
  font-size: 1.09em;
  /*12px*/
  line-height: 1.5em;
}
.legacy .bullet {
  list-style-type: disc;
  padding-left: 17px;
  line-height: 1.5em;
  margin: 0.5em 0 0.7em 0;
}
.legacy .bulletSmall {
  list-style-type: disc;
  padding-left: 17px;
  line-height: 1.7em;
  margin: 0.5em 0 0.7em 0;
}
.legacy ul.bulletSmall li {
  vertical-align: top;
}
.legacy .lowAlpha {
  list-style-image: none;
  list-style-type: lower-alpha;
  padding-left: 19px;
}
.legacy .tabs h2 {
  font-size: 18px;
  padding-bottom: 6px;
}
.legacy .tabs h3 {
  font-size: 16px;
  font-weight: bold;
}
.legacy .tabcontent {
  padding-bottom: 2em;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 2em;
}
.legacy .tabBox {
  margin: 0 0 0 3px;
}
.legacy .tab, .legacy .activeTab {
  position: relative;
  padding: 5px 9px 3px 9px;
  border-right: 1px solid #fff;
  margin-bottom: -1px;
  display: inline;
  float: left;
  cursor: pointer;
}
.legacy .tab {
  background: #a7c6cd;
}
.legacy .tabBox.purple .tab {
  background-color: #C592C8;
}
.legacy .tabBox.purple a:hover, .legacy .tabBox.purple a:focus {
  color: #fff;
}
.legacy .activeTab {
  background: #7fb0bb !important;
  font-weight: bold;
}
.legacy .tabBox.purple .activeTab {
  background: #732978 !important;
}
.legacy .tabBox * {
  background: none !important;
  border: 0 !important;
  color: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.legacy #tabCont {
  margin: 0;
  overflow: hidden;
  width: auto;
  overflow: visible;
  padding: 10px;
}
.legacy .tabBox {
  margin-left: 0px !important;
  height: 23px;
  position: relative;
  top: 1px;
  *top: 5px;
}
.legacy .tabBox li {
  float: left;
  height: 25px;
  background: url(/css/2.1/img/tabs/tab-lg-left.gif) no-repeat scroll left bottom !important;
  padding: 0 0 0 8px !important;
}
.legacy .tabBox li:first-child {
  background-image: url(/css/2.1/img/tabs//tab-lg-left.gif) !important;
}
.legacy .tabBox li.activeTab:first-child {
  background-image: url(/css/2.1/img/tabs/tab-lg-left-act.gif) !important;
}
.legacy .tabBox li:first-child a, .legacy .tabBox li.activeTab:first-child a {
  padding-left: 3px !important;
}
.legacy .tabBox > ul a {
  width: auto;
}
.legacy .tabBox a {
  float: none;
  display: block;
  width: 0.1em;
  white-space: nowrap;
  height: 25px;
  padding: 0 10px 0 0 !important;
  line-height: 2em;
  background: url(/css/2.1/img/tabs/tab-lg-right.gif) no-repeat scroll right bottom !important;
}
.legacy .tabBox a:hover, .legacy .tabBox li.activeTab:first-child a:hover, .legacy .tabBox .activeTab a:hover {
  color: #C80000 !important;
}
.legacy .tabBox .activeTab a, .legacy .tabBox .activeTab a:visited {
  color: #000 !important;
}
.legacy .tabBox .activeTab, .legacy .tabBox .activeTab:first-child {
  background-image: url(/css/2.1/img/tabs/tab-lg-left-act.gif) !important;
}
.legacy .tabBox .activeTab a {
  background-image: url(/css/2.1/img/tabs/tab-lg-right-act.gif) !important;
}
.legacy p {
  line-height: 1.5em;
  margin: 0.5em 0 0.7em 0;
}
.legacy .modFlash {
  height: 15.09em;
  /* 166 px */
  padding: 0 3px 13px 3px;
}
.legacy .modCopy1col, .legacy .mod1Col {
  width: 184px;
  float: left;
}
.legacy .mod1Col .modCopy, .legacy .modCopy1col {
  width: 171px;
}
.legacy .link_list1Col {
  position: absolute;
  width: 171px;
  bottom: 7px;
  padding-bottom: 1px;
  background: url(/css/2.1/img/solid-line.gif) repeat-x left bottom;
}
.legacy .link_list1Col_inline {
  width: 171px;
  padding-bottom: 1px;
  background: url(/css/2.1/img/solid-line.gif) repeat-x left bottom;
}
.legacy .static {
  position: static !important;
}
.legacy .mod2Col {
  width: 378px;
  float: left;
}
.legacy .mod2Col .modCopy, .legacy .modCopy2col {
  width: 363px;
}
.legacy .link_list2Col {
  position: absolute;
  width: 363px;
  bottom: 7px;
  padding-bottom: 1px;
  background: url(/css/2.1/img/solid-line.gif) repeat-x left bottom;
}
.legacy .mod3Col {
  width: 570px;
  float: left;
}
.legacy .mod3Col .modCopy {
  width: 555px;
}
.legacy .link_list3Col {
  position: absolute;
  width: 555px;
  bottom: 7px;
  padding-bottom: 1px;
  background: url(/css/2.1/img/solid-line.gif) repeat-x left bottom;
}
.legacy .mod4Col {
  width: 760px;
  float: left;
}
.legacy .mod4Col .modCopy {
  width: 747px;
}
.legacy .link_list4Col {
  position: absolute;
  width: 747px;
  bottom: 7px;
  padding-bottom: 1px;
  background: url(/css/2.1/img/solid-line.gif) repeat-x left bottom;
}
.legacy .mod5Col {
  width: 952px;
  float: left;
}
.legacy ul#mod5TagCloud {
  text-align: center;
}
.legacy ul#mod5TagCloud li {
  display: inline;
  font-size: 70%;
}
.legacy ul#mod5TagCloud li.t1 a {
  font-size: 120%;
  line-height: 120%;
}
.legacy ul#mod5TagCloud li.t2 a {
  font-size: 160%;
  line-height: 120%;
}
.legacy ul#mod5TagCloud li.t3 a {
  font-size: 190%;
  line-height: 120%;
}
.legacy ul#mod5TagCloud li.t4 a {
  font-size: 210%;
  line-height: 120%;
}
.legacy ul#mod5TagCloud li.t5 a {
  font-size: 230%;
  line-height: 120%;
}
.legacy ul#mod5TagCloud li.t6 a {
  font-size: 250%;
  line-height: 120%;
}
.legacy ul#mod5TagCloud li.t7 a {
  font-size: 270%;
  line-height: 120%;
}
.legacy ul#mod5TagCloud li.t8 a {
  font-size: 290%;
  line-height: 120%;
}
.legacy ul#mod5TagCloud li.t9 a {
  font-size: 310%;
  line-height: 120%;
}
.legacy ul#mod5TagCloud li.t10 a {
  font-size: 330%;
  line-height: 120%;
}
.legacy .txtBlock {
  width: 562px;
  /*margin-left:4px;*/
  float: left;
  margin-bottom: 10px;
}
.legacy .txtBlock .modCopy1col {
  width: 157px;
}
.legacy .txtBlock .modCopy2col {
  width: 349px;
}
.legacy .txtBlock .modCopy3col {
  width: 541px;
}
.legacy .txtBlock .modBorder {
  width: 562px;
}
.legacy .txtBlock .modFooter {
  width: 562px;
}
.legacy .txtBlock .modTop {
  width: 562px;
}
.legacy .txtBlock .link_list1Col {
  width: 157px;
}
.legacy .txtBlock .link_list2Col {
  width: 349px;
}
.legacy .txtBlock .link_list3Col {
  width: 541px;
}
.legacy .formCopy {
  position: relative;
  float: left;
  width: 140px;
  margin-top: 2px;
  padding: 0 10px 0 0;
  text-align: right;
  display: block;
}
.legacy .formMsg {
  padding: 12px;
  display: none;
}
.legacy .formMsg .formMsgHead {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.legacy .formList {
  margin-top: 10px;
}
.legacy .formList li {
  padding-bottom: 10px;
}
.legacy input, .legacy textarea, .legacy select {
  font-size: 13px;
  vertical-align: middle;
  /* border:1px solid #999999;
   -moz-border-radius:3px;*/
}
.legacy .formList .input_large {
  width: 284px;
  height: 14px;
}
.legacy .formList .select_large {
  width: 290px;
}
.legacy .formList textarea {
  width: 284px;
  height: 150px;
}
.legacy span.required {
  width: 8px;
  height: 8px;
  background: transparent url("/css/2.1/img/icon-required.png") no-repeat top left;
  display: inline-block;
  margin-right: 5px;
}
.legacy .inputErr {
  background: #FFF2F2;
}
.legacy .inputErrMsg {
  margin: 4px 0 0 144px;
  font-weight: normal;
  background: transparent url("/img/icons/icon-cross.gif") no-repeat left 2px;
  padding: 0 0 5px 20px;
  clear: both;
  color: #C80000;
}
.legacy div.inputTick {
  width: 18px;
  height: 16px;
  background: transparent url("/img/icons/icon-tick.gif") no-repeat center center;
  display: -moz-inline-box;
  display: inline-block;
  margin-left: 3px;
}
.legacy .warningIcon {
  margin: 0 5px 0 0;
  float: left;
}
.legacy div.alert {
  background: url("/vf-apps/dd-vcc-email/css/img/alert-icon.gif") no-repeat scroll 7px 7px #fffff9;
  border: 2px solid #FFC67B;
  margin: 10px 4px 0pt 0pt;
  padding: 5px;
  position: relative;
  min-height: 30px;
}
.legacy div.alert h2, .legacy .alert p {
  padding-left: 35px;
}
.legacy div.alert ul {
  padding-left: 40px;
}
.legacy .formButtons {
  height: 34px;
  clear: left;
  /* fix crazy moving submit button on myvf login page */
  overflow: hidden;
  padding-bottom: 10px;
}
.legacy .formButtons a, .legacy .formButtons input {
  float: right;
  margin-right: 6px;
  /*bottom:0;*/
}
.legacy .warningIcon {
  float: left;
  margin-right: 6px;
}
.legacy .textContent {
  padding-top: 0px;
}
.legacy .textContent h3 {
  font-size: 1.182em;
  /*13px*/
  font-weight: bold;
}
.legacy .textContent ul li {
  margin-bottom: 6px;
}
.legacy .gen_table {
  position: relative;
  left: -7px;
  width: 568px;
  padding-left: 4px;
  padding-right: 4px;
  margin-right: -7px;
}
.legacy .tab_footer {
  position: absolute;
  left: 0px;
  width: 576px;
  height: 7px;
  font-size: 1px;
  line-height: 1px;
}
.legacy .gen_table table {
  width: 100%;
}
.legacy .gen_table form {
  border: 1px solid #e9e9e9;
}
.legacy .gen_table th {
  font-weight: bold;
}
.legacy .gen_table ul {
  list-style-type: disc;
  padding-left: 12px;
}
.legacy .gen_table tr, .legacy .gen_table td, .legacy .gen_table th {
  position: relative;
  padding: 5px 12px 5px 12px;
  background: none;
}
.legacy .gen_table .titlerow {
  background: #66b6c1;
  color: #ffffff;
}
.legacy .gen_table .row_a {
  background: url(/css/2.1/img/solid-line.gif) repeat-x top left;
  *background: url(/css/2.1/img/solid-line.gif) repeat-x 1px left;
}
.legacy .gen_table .row_b {
  background: #f6f8f9 url(/css/2.1/img/solid-line.gif) repeat-x top left;
}
.legacy a {
  outline: none;
}
.legacy hr {
  clear: both;
  display: none;
}
.legacy .metaShoppingCart {
  vertical-align: -7%;
  height: 1em;
  /* 11px*/
  padding-right: 2px;
}
.legacy #orientation {
  display: none;
}
.legacy #frmSearchKB .formBtn {
  float: right;
  top: -26px;
  left: 5px;
  text-decoration: none;
}
.legacy #frmSearchKB .textBtnGrey, .legacy #frmSearchKB .textBtnGrassGreen {
  position: absolute;
  top: 25px;
  left: 129px;
}
.legacy .modPad {
  padding-left: 18px;
}
.legacy .link_list1Col .detail {
  height: 4em;
  line-height: 1.1em;
}
.legacy .link_list1Col .detail h3 {
  font-size: 1.2em;
  font-weight: bold;
}
.legacy .textBtnRed, .legacy .textBtnPurple, .legacy .textBtnGrey, .legacy .textBtnGreyOnRed, .legacy .textBtnGrassGreen, .legacy .textBtnRed input {
  position: relative;
  margin-top: 6px;
  display: inline;
  color: #fff;
  font-weight: bold;
  /* padding-bottom:10px; */
  line-height: 14px;
}
.legacy .mod1Col, .legacy .mod2Col, .legacy .mod3Col, .legacy .mod4Col, .legacy .mod5Col {
  margin: 3px 6px 3px 0;
  /* overflow: hidden; Removed 28.10.09 */
}
.legacy .modBorder {
  border-left: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
  -moz-box-shadow: 2px 2px 0px #DBDBDB;
  -webkit-box-shadow: 2px 2px 0px #DBDBDB;
}
.legacy .modFooter {
  border-bottom: 1px solid #EDEDED;
  -moz-box-shadow: 2px 2px 0px #DBDBDB;
}
.legacy .noBorder {
  border: none;
}
.legacy #feedback_wrapper {
  position: relative;
  height: 26px;
  width: 966px;
  color: #fff;
  clear: both;
  margin: 20px auto 6px;
}
.legacy #feedback_wrapper a {
  color: #fff;
  text-decoration: underline;
}
.legacy #feedback_wrapper a:hover {
  color: #c0c0c0;
}
.legacy #feedback_wrapper #feedback {
  left: 198px;
  position: absolute;
  width: 568px;
  z-index: 99;
}
.legacy #feedback_wrapper #feedback_content {
  display: none;
  height: 0px;
  background-color: #7f7f7f;
  overflow: hidden !important;
  width: 528px;
  padding: 0px 20px;
}
.legacy #feedback_wrapper #feedback_top {
  width: 568px;
  height: 13px;
  background: transparent url(/css/2.0/img/feedback/feedback-top.jpg) no-repeat top left;
  *margin-bottom: -2px;
}
.legacy #feedback_wrapper #feedback_bottom {
  width: 568px;
  height: 13px;
  background: transparent url(/css/2.0/img/feedback/feedback-bottom.jpg) no-repeat top left;
}
.legacy #feedback_wrapper #thumbs_up, .legacy #feedback_wrapper #thumbs_down {
  position: absolute;
  top: 0px;
  text-align: right;
  display: none;
  width: 55px;
  height: 18px;
  background: url(/css/2.0/img/feedback/thumbs-up.gif) no-repeat left 0px;
  cursor: pointer;
}
.legacy #feedback_wrapper #thumbs_up {
  margin-right: 10px;
  right: 55px;
  background: url(/css/2.0/img/feedback/thumbs-up.gif) no-repeat left 0px;
}
.legacy #feedback_wrapper #thumbs_down {
  right: 0px;
  background: url(/css/2.0/img/feedback/thumbs-down.gif) no-repeat left 0px;
}
.legacy #feedback_wrapper #feedback_header {
  position: absolute;
  left: 20px;
  top: 5px;
  width: 528px;
}
.legacy #feedback_wrapper #feedback_rating {
  position: absolute;
  right: 136px;
  top: 0px;
}
.legacy #feedback_wrapper .formList textarea {
  height: 122px;
  width: 99%;
  margin-top: 10px;
}
.legacy #feedback_wrapper .formList.accessible {
  margin-top: 0px;
  position: absolute;
  right: 0;
  top: -3px;
  width: 120px;
}
.legacy #feedback_wrapper .formList {
  padding: 0;
}
.legacy #feedback_wrapper .formList.accessible li {
  padding-bottom: 0px;
}
.legacy #feedback_wrapper #send_comment {
  text-decoration: none;
}
.legacy #feedback_wrapper .formButtons a {
  float: left;
}
.legacy #feedback_wrapper p#want_response {
  margin-top: 15px;
}
.legacy #feedback_wrapper input#good_rating {
  width: 50px;
  margin-right: 10px;
}
.legacy #feedback_wrapper input#bad_rating {
  width: 50px;
}
.legacy #feedback_wrapper #ajax_indicator_lg {
  display: none;
  position: absolute;
  top: 125px;
  left: 269px;
}
.legacy #feedback_wrapper .formList .inputErr {
  border: none;
}
.legacy #feedback_wrapper div.clear {
  height: 25px;
  *height: 10px;
}
.legacy #feedback_header .header span {
  font-weight: normal;
}
.legacy #feedback_header span.window-left {
  background: transparent url(/css/2.0/img/feedback/feedback-window-left.gif) no-repeat scroll left top;
}
.legacy #feedback_header span.window-right {
  padding-right: 6px;
  background: transparent url(/css/2.0/img/feedback/feedback-window-right.gif) no-repeat scroll right top;
  margin-left: 6px;
  font-weight: bold;
}
.legacy #feedback_header span.bad {
  color: green;
}
.legacy #feedback_header span.good {
  color: red;
}
.legacy #feedback_wrapper #feedback_comments {
  border: 1px solid #7f7f7f;
  margin-top: -14px;
  margin-bottom: 30px;
  width: 960px;
  margin-left: -195px;
}
.legacy #feedback_wrapper #feedback_comments h3 {
  padding: 15px 15px 15px 10px;
  background: #7f7f7f;
  font-size: 22px;
}
.legacy #feedback_wrapper #feedback_comments .comments_wrapper {
  background: #ffffff;
  color: #000000;
}
.legacy #feedback_wrapper .comments_wrapper ul {
  border-bottom: 1px solid #cccccc;
  margin: 0 20px;
  height: auto;
  clear: both;
}
.legacy #feedback_wrapper .comments_wrapper li {
  margin: 0 10px;
  padding: 10px 0;
  float: left;
  width: 70px;
}
.legacy #feedback_wrapper .comments_wrapper li.comment {
  width: 740px;
}
.legacy #feedback_wrapper .comments_wrapper li.rating {
  margin-left: 0px;
  width: 35px;
}
.legacy #feedback_wrapper .comments_wrapper p.pagination {
  text-align: center;
}
.legacy a {
  color: #000;
  text-decoration: none;
}
.legacy a:hover {
  color: #C80000;
  text-decoration: underline;
}
.legacy .hide {
  display: none;
}
.legacy .drop1em {
  margin-top: 1em;
}
.legacy .drop2em {
  margin-top: 2em;
}
.legacy .drop3em {
  margin-top: 3em;
}
.legacy .drop4em {
  margin-top: 4em;
}
.legacy .drop5em {
  margin-top: 5em;
}
.legacy .drop7em {
  margin-top: 7em;
}
.legacy .drop8em {
  margin-top: 8em;
}
.legacy .drop10em {
  margin-top: 10em;
}
.legacy .drop15em {
  margin-top: 15em;
}
.legacy .lift1em {
  margin-top: -1em;
}
.legacy .lift2em {
  margin-top: -2em;
}
.legacy .lift3em {
  margin-top: -3em;
}
.legacy .lift4em {
  margin-top: -4em;
}
.legacy .floatLeft {
  float: left;
}
.legacy .floatRight {
  float: right;
}
.legacy table .odd {
  background: #F5F5F5;
}
.legacy .deepPurpleColor {
  color: #732978;
}
.legacy .NewBlueColor {
  color: #0077b7;
}
.legacy .petrolBgGradient {
  background: url(/css/2.0/img/left-nav_active.gif) top left repeat-x;
}
.legacy .grid {
  margin: 0 auto;
  /* margin-top: 25px; Removed 27.10.09 */
  display: block;
  width: 960px;
  position: relative;
  /* This forces the grid to display correctly */
  overflow: hidden;
  /* This forces grid to a z-index */
  *z-index: 10;
  /* This forces grid to align correctly in safari */
  clear: both;
  letter-spacing: inherit;
}
.legacy .homeGrid {
  /* margin-top:14px; Removed 28.10.09 */
}
.legacy .singleColumn {
  width: 192px;
  float: left;
}
.legacy .doubleColumn {
  /*width:378px;*/
  width: 384px;
  float: left;
}
.legacy .tripleColumn {
  width: 576px;
  float: left;
}
.legacy .quadColumn {
  width: 768px;
  float: left;
}
.legacy .fiveColumn {
  width: 960px;
  float: left;
}
.legacy .singleColumn, .legacy .doubleColumn, .legacy .tripleColumn, .legacy .quadColumn, .legacy .fiveColumn {
  position: relative;
}
.legacy .link_list1Col {
  position: absolute;
  bottom: 7px;
  overflow: hidden;
}
.legacy #find-answers-module input#txtSearchTerm, .legacy #find-answers-module input#p_search_text {
  width: 110px;
}
.legacy .link_list1Col li, .legacy .link_list1Col_inline li, .legacy .link_list2Col li, .legacy .link_list3Col li, .legacy .link_list4Col li {
  *height: auto;
  min-height: 1.7em;
  background: url(/css/2.1/img/solid-line.gif) repeat-x top left;
  padding-bottom: 2px;
}
.legacy .link_list1Col a, .legacy .link_list1Col_inline a, .legacy .link_list2Col a, .legacy .link_list3Col a, .legacy .link_list4Col a {
  padding: 4px 15px 0 0;
  display: block;
  text-decoration: none;
  background: url(/css/3.0/img/buttons/arrow.gif) no-repeat right 4px;
}
.legacy a.btnGrey,
.legacy a.btnBlue,
.legacy a.btnLightBlue,
.legacy a.btnPetrol,
.legacy a.btnGreen,
.legacy a.btnGrassGreen,
.legacy a.btnGrassGreenClose,
.legacy a.btnDeepPurple,
.legacy a.btnMinus,
.legacy a.btnPlus,
.legacy a.btnGreyOnRed {
  background: url(/css/3.0/img/buttons/arrow.gif) no-repeat right 4px top 8px;
}
.legacy a.btnDelete {
  background: url(/css/3.0/img/buttons/delete.gif) no-repeat left top;
}
.legacy .btn li {
  display: inline;
}
.legacy .btn a {
  padding: 4px 20px 5px 0;
  background-position: 100% 4px;
  height: 14px;
  text-decoration: none;
}
.legacy .btn a:hover, .legacy .btn a:focus {
  background-position: 100% -96px;
}
.legacy a.textBtnRed, .legacy a.textBtnPurple, .legacy a.textBtnGrey, .legacy a.textBtnGreyOnRed {
  text-decoration: none;
}
.legacy .textBtnRed, .legacy .textBtnPurple, .legacy .textBtnGrey, .legacy .textBtnGreyOnRed {
  position: relative;
  float: left;
  margin-top: 6px;
  display: inline;
  color: #fff;
  font-weight: bold;
  font-size: .9em;
}
.legacy .textBtnRed span, .legacy .textBtnPurple span, .legacy .textBtnGrey span, .legacy .textBtnGreyOnRed span {
  cursor: pointer;
  position: relative;
  float: left;
  padding-top: 1px;
  line-height: 16px;
  padding: 1px 13px 10px 13px;
}
.legacy .textBtnRed:hover, .legacy .textBtnPurple:hover, .legacy .textBtnGrey:hover, .legacy .textBtnGreyOnRed:hover, .legacy .textBtnRed:focus, .legacy .textBtnPurple:focus, .legacy .textBtnGrey:focus, .legacy .textBtnGreyOnRed:focus {
  background-position: right -95px;
}
.legacy .textBtnRed:hover span, .legacy .textBtnPurple:hover span, .legacy .textBtnGrey:hover span, .legacy .textBtnGreyOnRed:hover span, .legacy .textBtnRed:focus span, .legacy .textBtnPurple:focus span, .legacy .textBtnGrey:focus span, .legacy .textBtnGreyOnRed:focus span {
  color: #fff;
  background-position: left -95px;
}
.legacy a.buttonLight, .legacy a.buttonDark, .legacy a.buttonGreen, .legacy a.buttonLoggedIn, .legacy a.textBtnDark, .legacy a.textBtnLight, .legacy a.textBtnGreen {
  display: block;
  float: left;
  padding-left: 12px;
  text-decoration: none;
}
.legacy a.buttonLight.bottomLeft {
  bottom: 12px;
  position: absolute;
}
.legacy a.buttonLight span, .legacy a.buttonDark span, .legacy a.buttonLoggedIn span, .legacy a.buttonGreen span, .legacy a.textBtnDark span, .legacy a.textBtnLight span, .legacy a.textBtnGreen span {
  cursor: pointer;
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  padding: 3px 12px 3px 0;
  white-space: nowrap;
  border-top: 0px;
}
.legacy a.buttonLoggedIn span {
  height: 28px;
  padding: 4px 12px 0 0;
}
.legacy a.buttonLight:link, .legacy a.buttonLight:visited, .legacy a.buttonLight:hover, .legacy a.buttonLight:active, .legacy a.textBtnLight:link, .legacy a.textBtnLight:visited, .legacy a.textBtnLight:hover, .legacy a.textBtnLight:active {
  background: url(/mobile-broadband/css/img/buttons/btn_lightgrey_sprite.png) no-repeat scroll left top transparent;
  color: #525252;
}
.legacy a.buttonLight span, .legacy a.textBtnLight span {
  background: url(/mobile-broadband/css/img/buttons/btn_lightgrey_sprite.png) no-repeat scroll right top white;
}
.legacy a.buttonLight:hover, .legacy a.textBtnLight:hover {
  background: url(/mobile-broadband/css/img/buttons/btn_lightgrey_sprite.png) no-repeat scroll left -40px transparent;
  color: #525252 !important;
}
.legacy a.buttonLight:hover span, .legacy a.textBtnLight:hover span {
  background: url(/mobile-broadband/css/img/buttons/btn_lightgrey_sprite.png) no-repeat scroll right -40px white;
}
.legacy a.buttonLight.disable, .legacy a.textBtnLight.disable {
  background: url(/mobile-broadband/css/img/buttons/btn_lightgrey_sprite.png) no-repeat scroll left top transparent;
  color: #DBDBDB;
  cursor: default;
}
.legacy a.buttonLight.disable span, .legacy a.textBtnLight.disable span {
  background: url(/mobile-broadband/css/img/buttons/btn_lightgrey_sprite.png) no-repeat scroll right top white;
  cursor: default;
  color: #DBDBDB;
}
.legacy a.buttonDark:link, .legacy a.buttonDark:visited, .legacy a.buttonDark:hover, .legacy a.buttonDark:active, .legacy a.textBtnDark:link, .legacy a.textBtnDark:visited, .legacy a.textBtnDark:hover, .legacy a.textBtnDark:active {
  background: url(/mobile-broadband/css/img/buttons/btn_darkgrey_sprite.png) no-repeat scroll left top transparent;
  color: #FFFFFF;
}
.legacy a.buttonDark span, .legacy a.textBtnDark span {
  background: url(/mobile-broadband/css/img/buttons/btn_darkgrey_sprite.png) no-repeat scroll right top transparent;
  color: #FFFFFF;
}
.legacy a.buttonDark:hover, .legacy a.textBtnDark:hover {
  background: url(/mobile-broadband/css/img/buttons/btn_darkgrey_sprite.png) no-repeat scroll left -40px transparent;
  color: #FFFFFF;
}
.legacy a.buttonDark:hover span, .legacy a.textBtnDark:hover span {
  background: url(/mobile-broadband/css/img/buttons/btn_darkgrey_sprite.png) no-repeat scroll right -40px transparent;
  color: #FFFFFF;
}
.legacy a.buttonGreen:link, .legacy a.buttonGreen:visited, .legacy a.buttonGreen:hover, .legacy a.buttonGreen:active, .legacy a.textBtnGreen:link, .legacy a.textBtnGreen:visited, .legacy a.textBtnGreen:hover, .legacy a.textBtnGreen:active {
  background: url(/mobile-broadband/css/img/buttons/btn_green_sprite.png) no-repeat scroll left top transparent;
  color: #FFFFFF;
}
.legacy a.buttonGreen span, .legacy a.textBtnGreen span {
  background: url(/mobile-broadband/css/img/buttons/btn_green_sprite.png) no-repeat scroll right top transparent;
  color: #FFFFFF;
}
.legacy a.buttonGreen:hover, .legacy a.textBtnGreen:hover {
  background: url(/mobile-broadband/css/img/buttons/btn_green_sprite.png) no-repeat scroll left -40px transparent;
  color: #FFFFFF;
}
.legacy a.buttonGreen:hover span, .legacy a.textBtnGreen:hover span {
  background: url(/mobile-broadband/css/img/buttons/btn_green_sprite.png) no-repeat scroll right -40px transparent;
  color: #FFFFFF;
}
.legacy a.buttonLoggedIn:link, .legacy a.buttonLoggedIn:visited, .legacy a.buttonLoggedIn:hover, .legacy a.buttonLoggedIn:active {
  background: url(/mobile-broadband/css/img/buttons/btn_login_sprite.png) no-repeat scroll left top transparent;
  color: #525252;
  height: 28px;
}
.legacy a.buttonLoggedIn span {
  background: url(/mobile-broadband/css/img/buttons/btn_login_sprite.png) no-repeat scroll right top transparent;
  color: #525252;
  height: 22px;
  padding: 6px 12px 0 0;
}
.legacy a.buttonLoggedIn:hover {
  background: url(/mobile-broadband/css/img/buttons/btn_login_sprite.png) no-repeat scroll left -40px transparent;
  color: #525252;
}
.legacy a.buttonLoggedIn:hover span {
  background: url(/mobile-broadband/css/img/buttons/btn_login_sprite.png) no-repeat scroll right -40px transparent;
  color: #525252;
}
.legacy #account .buttonDark {
  float: left;
  margin: 0 0 0 12px;
}
.legacy .textBtnGrey {
  background: transparent url(/css/3.0/img/buttons/right.gif) no-repeat scroll right top;
}
.legacy .textBtnRed {
  background: transparent url(/css/3.0/img/buttons/right.gif) no-repeat scroll right -190px;
}
.legacy .textBtnGrey span {
  background: transparent url(/css/3.0/img/buttons/left.gif) no-repeat scroll left top;
  color: #000 !important;
}
.legacy .textBtnRed span {
  background: transparent url(/css/3.0/img/buttons/left.gif) no-repeat scroll left -190px;
}
.legacy .textBtnGrey span:hover, .legacy .textBtnGrey span:focus {
  color: #000;
}
.legacy .textBtnRed:hover span, .legacy .textBtnRed:focus span {
  background-position: left -285px;
}
.legacy .textBtnRed:hover, .legacy .textBtnRed:focus {
  background-position: right -285px;
}
.legacy .textBtnRedMedium {
  background: transparent url(/css/3.0/img/buttons/left-medium.gif) no-repeat scroll left -154px;
  color: #FFF;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.025em;
  padding-left: 10px;
}
.legacy .textBtnRedMedium span {
  background: transparent url(/css/3.0/img/buttons/right-medium.gif) no-repeat scroll right -154px;
  display: block;
  padding: 4px 10px 11px 0;
}
.legacy .textBtnRedMedium:hover {
  background: transparent url(/css/3.0/img/buttons/left-medium.gif) no-repeat scroll left -231px;
  color: #FFF !important;
  cursor: pointer;
  text-decoration: none;
}
.legacy .textBtnRedMedium:hover span {
  background: transparent url(/css/3.0/img/buttons/right-medium.gif) no-repeat scroll right -231px;
}
.legacy .textBtnGreyMedium {
  background: transparent url(/css/3.0/img/buttons/left-medium.gif) no-repeat scroll left top;
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.025em;
  padding-left: 10px;
}
.legacy .textBtnGreyMedium span {
  background: transparent url(/css/3.0/img/buttons/right-medium.gif) no-repeat scroll right top;
  display: block;
  padding: 4px 10px 11px 0;
}
.legacy .textBtnGreyMedium:hover {
  background: transparent url(/css/3.0/img/buttons/left-medium.gif) no-repeat scroll left -77px;
  color: #000 !important;
  cursor: pointer;
  text-decoration: none;
}
.legacy .textBtnGreyMedium:hover span {
  background: transparent url(/css/3.0/img/buttons/right-medium.gif) no-repeat scroll right -77px;
}
.legacy .textBtnRedLarge {
  background: transparent url(/css/3.0/img/buttons/left-large.gif) no-repeat scroll left -190px;
  color: #FFF;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.025em;
  padding-left: 1px;
}
.legacy .textBtnRedLarge span {
  background: transparent url(/css/3.0/img/buttons/right-large.gif) no-repeat scroll right -190px !important;
  display: inline-block;
  padding: 4px 10px 11px 5px;
  height: 40px;
  font: bold 22px/1.3em Arial, Helvetica, sans-serif;
}
.legacy .textBtnRedLarge:hover {
  background: transparent url(/css/3.0/img/buttons/left-large.gif) no-repeat scroll left -285px;
  color: #FFF !important;
  cursor: pointer;
  text-decoration: none;
}
.legacy .textBtnRedLarge:hover span {
  background: transparent url(/css/3.0/img/buttons/right-large.gif) no-repeat scroll right -285px !important;
}
.legacy .textBtnGreyLarge {
  background: transparent url(/css/3.0/img/buttons/left-large.gif) no-repeat scroll left top;
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.025em;
  padding-left: 6px;
  height: 40px;
}
.legacy .textBtnGreyLarge span {
  background: transparent url(/css/3.0/img/buttons/right-large.gif) no-repeat scroll right top;
  display: inline-block;
  padding: 4px 10px 11px 5px;
  height: 40px;
  font: bold 22px/1.3em Arial, Helvetica, sans-serif;
}
.legacy .textBtnGreyLarge:hover {
  color: #000;
  background: transparent url(/css/3.0/img/buttons/left-large.gif) no-repeat scroll left -95px;
  color: #FFF !important;
  cursor: pointer;
  text-decoration: none;
}
.legacy .textBtnGreyLarge:hover span {
  background: transparent url(/css/3.0/img/buttons/right-large.gif) no-repeat scroll right -95px;
}
.legacy .textBtnBlackMedium {
  background: transparent url(/css/2.0/img/buttons/black-left-medium.png) no-repeat scroll left 3px;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: .025em;
  zoom: 1;
}
.legacy .textBtnBlackMedium span {
  background: transparent url(/css/2.0/img/buttons/black-right-medium.png) no-repeat scroll right 3px;
  display: block;
  margin-left: 14px;
  padding: 6px 12px 11px 0;
}
.legacy .textBtnBlackMedium:hover {
  color: #fff;
  background: transparent url(/css/2.0/img/buttons/black-left-medium.png) no-repeat scroll left -74px;
}
.legacy .textBtnBlackMedium:hover span {
  background: transparent url(/css/2.0/img/buttons/black-right-medium.png) no-repeat scroll right -74px;
}
.legacy .selected.textBtnBlackMedium:hover, .legacy .selected.textBtnBlackMedium {
  background: transparent url(/css/2.0/img/buttons/black-left-medium.png) no-repeat scroll left -151px;
}
.legacy .selected.textBtnBlackMedium:hover span, .legacy .selected.textBtnBlackMedium span {
  background: transparent url(/css/2.0/img/buttons/black-right-medium.png) no-repeat scroll right -151px;
}
.legacy .textBtnWhiteMedium {
  background: transparent url(/css/2.0/img/buttons/white-left-medium.png) no-repeat scroll left 3px;
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: .025em;
  zoom: 1;
}
.legacy .textBtnWhiteMedium span {
  background: transparent url(/css/2.0/img/buttons/white-right-medium.png) no-repeat scroll right 3px;
  display: block;
  margin-left: 14px;
  padding: 6px 12px 11px 0;
}
.legacy .textBtnWhiteMedium:hover {
  color: #000;
  background: transparent url(/css/2.0/img/buttons/white-left-medium.png) no-repeat scroll left -74px;
}
.legacy .textBtnWhiteMedium:hover span {
  background: transparent url(/css/2.0/img/buttons/white-right-medium.png) no-repeat scroll right -74px;
}
.legacy .selected.textBtnWhiteMedium:hover, .legacy .selected.textBtnWhiteMedium {
  background: transparent url(/css/2.0/img/buttons/white-left-medium.png) no-repeat scroll left -151px;
}
.legacy .selected.textBtnWhiteMedium:hover span, .legacy .selected.textBtnWhiteMedium span {
  background: transparent url(/css/2.0/img/buttons/white-right-medium.png) no-repeat scroll right -151px;
}
.legacy .questionMarkPurple {
  width: 16px;
  height: 17px;
  float: left;
  display: block;
  background: url(/css/2.0/img/buttons/question-mark-purple.gif) 0px 0px no-repeat;
}
.legacy #header_wrapper {
  background: url(/css/2.0/img/nav/top-nav-bg.gif) top left repeat-x;
  height: 2em;
  overflow: hidden;
}
.legacy .topNav {
  width: 960px;
  height: 2em;
  clear: both;
  padding-top: 4px;
  margin: 0 auto;
}
.legacy .loginField, .legacy .loginField ul, .legacy .globalNav .navSearchBar, .legacy .globalNav li a.textBtnGreyOnRed, .legacy #footerSuper .copyright {
  float: right;
}
.legacy .siteSection, .legacy .siteSection a, .legacy .globalNav li, .legacy .globalNav .navSearchBar .searchField, .legacy .loginModule input, .legacy .loginModule p, .legacy .loginModule .radioGroup, .legacy .loginModule .link_list1Col, .legacy .loginModule a, .legacy #specialPromoOffer h3, .legacy #specialPromoOffer p {
  float: left;
}
.legacy .siteSection {
  margin-left: 55px;
  margin-top: 3px;
}
.legacy .loginField {
  max-width: 700px;
  margin: 0 20px;
}
.legacy .loginField ul {
  margin-left: 6px;
}
.legacy .siteSection a {
  background: transparent url(/css/2.0/img/nav/section-tab-right.gif) no-repeat scroll right -95px;
  padding: 2px 2px 3px 0px;
  display: block;
  margin-top: -3px;
}
.legacy .siteSection a span {
  background: transparent url(/css/2.0/img/nav/section-tab-left.gif) no-repeat scroll left -90px;
  padding: 8px 13px 2px 15px;
  margin-top: -7px;
  display: block;
}
.legacy .siteSection a.active {
  background: url(/css/2.0/img/nav/section-tab-right.gif) top right no-repeat;
}
.legacy .siteSection a.active span {
  background: url(/css/2.0/img/nav/section-tab-left.gif) top left no-repeat;
  padding-top: 3px;
  margin-top: -2px;
}
.legacy .siteSection a:hover {
  background-position: right -62px;
}
.legacy .siteSection a:hover span {
  background-position: left -58px;
}
.legacy .siteSection a.active:hover {
  background-position: right -29px;
}
.legacy .siteSection a.active:hover span {
  background-position: left -29px;
}
.legacy a.shoppingCartSmall {
  background: url(/css/2.0/img/nav/cart-icon-small.gif) 0px 0px no-repeat;
  padding: 0 24px 0 20px;
  float: right;
}
.legacy .numberItems {
  width: 15px;
  background: url(/css/2.0/img/nav/cart-badge.gif) 0px 0px no-repeat;
  color: #fff;
  padding-left: 6px;
  font-size: .9em;
  margin-left: 5px;
  margin-right: 15px;
  padding: 2px 6px 3px 6px;
}
.legacy .registerBtn {
  margin-left: 17px;
}
.legacy .globalNav ul {
  list-style: none;
  background: url(/css/2.0/img/nav/red-bg.gif);
  background-color: #d00;
  width: 960px;
  height: 31px;
  padding: 0;
  margin: 0;
}
.legacy .globalNav li {
  background: url(/css/2.0/img/nav/red-divider.gif) no-repeat right;
  height: 31px;
}
.legacy .globalNav li a {
  padding: 6px 14px 6px 10px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  display: block;
  text-shadow: -1px -1px 1px #AC0000;
}
.legacy .businessNav li a {
  text-shadow: -1px -1px 1px #333 !important;
}
.legacy #searchSubmit {
  text-shadow: -1px -1px 1px #333333;
}
.legacy .globalNav li a:hover, .legacy .globalNav li a.active {
  background: #CC0202;
  color: #fff;
}
.legacy li.logo {
  padding: 0;
}
.legacy li.logo a {
  display: block;
  height: 31px;
  margin: 0;
  padding: 0;
  width: 50px;
  background: url(/css/2.0/img/nav/red-logo.gif) top left no-repeat;
}
.legacy li.logo a:hover {
  background: url(/css/2.0/img/nav/red-logo.gif) bottom left no-repeat;
}
.legacy .globalNav {
  line-height: 140%;
  width: 960px;
  margin: 6px auto 14px auto;
  overflow: hidden;
  height: 31px;
}
.legacy .globalNav .navSearchBar {
  display: block;
  margin-right: 7px;
  background: none;
  width: 300px;
}
.legacy .globalNav .navSearchBar .searchField {
  border: none;
  background: url(/css/2.0/img/nav/search-input-bg.gif) 0px -2px no-repeat;
  background-color: #fff;
  padding: 6px 12px 4px 25px;
  margin-top: 3px;
  width: 180px;
}
.legacy .globalNav li a.textBtnGreyOnRed {
  padding: 0px;
  height: 26px;
  margin-top: 3px;
}
.legacy .globalNav li a.textBtnGreyOnRed:hover {
  background: transparent url(/css/2.0/img/buttons/grey-on-red-right-medium.gif) no-repeat scroll right -76px;
}
.legacy .globalNav li a.textBtnGreyOnRed span {
  /*
  font-size:1em;
  height:6px;
  */
  display: block;
  line-height: 1em;
  padding: 5px 10px 15px 10px;
}
.legacy .globalNav li a.textBtnGreyOnRed span:hover {
  background: transparent url(/css/2.0/img/buttons/grey-on-red-left-medium.gif) no-repeat scroll left -76px;
}
.legacy div.radio {
  width: 17px;
  float: left;
  margin: 0;
}
.legacy div.radioLabel {
  float: left;
}
.legacy div#dropdown-container {
  position: absolute;
  right: -7px;
  _right: -21px;
  top: 32px;
  width: 225px;
  z-index: 600;
  overflow: hidden;
  display: none;
}
.legacy div#dropdown-wrapper {
  border: 1px solid #E9E9E9;
  padding: 10px 8px;
  position: absolute;
  right: 7px;
  width: 188px;
  background: white;
  z-index: 1;
  font-weight: normal !important;
  color: #000000;
  -moz-box-shadow: 0 6px 10px #000000;
  -webkit-box-shadow: 0 6px 10px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=-180, Strength=8);
  top: -290px;
  *border-right: 2px solid #E9E9E9;
  *border-bottom: 2px solid #E9E9E9;
}
.legacy div#dropdown-wrapper .formCopy {
  height: 20px;
  text-align: left;
}
.legacy div#dropdown-wrapper ul.formList {
  overflow: hidden;
  margin: 0;
  padding-left: 0 !important;
}
.legacy div#dropdown-wrapper li {
  float: left;
  font-weight: normal !important;
  margin: 0 0 5px;
  padding: 0;
  width: 100%;
}
.legacy div#dropdown-wrapper a {
  color: #000000 !important;
}
.legacy div#dropdown-wrapper .textField {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #999999;
  width: 160px;
}
.legacy div#dropdown-wrapper .formCopy.atsign {
  width: 10px !important;
}
.legacy div#dropdown-wrapper select {
  font-size: 14px;
  margin-top: 2px;
  border: 1px solid #999999;
}
.legacy div#dropdown-wrapper div#form_submitter {
  clear: both;
}
.legacy div#dropdown-wrapper .link_list1Col {
  width: 189px;
  *left: 7px;
}
.legacy div#dropdown-wrapper .link_list1Col li {
  padding: 0px 0px 2px 0;
}
.legacy div#dropdown-wrapper .link_list1Col li a {
  line-height: 1.4em;
}
.legacy #login_wrapper .lb_links {
  bottom: 0;
  height: auto;
  margin-top: 5px;
  position: absolute;
}
.legacy #dropdown-wrapper #loginHandler ul.formList .formCopy, .legacy #dropdown-wrapper #fabLoginForm ul.formList .formCopy {
  width: 160px;
}
.legacy #dropdown-wrapper form ul.formList li div.inputErrMsg {
  display: inline-block;
  left: 3px;
  margin: 0 0 0 1px;
  padding: 0 0 5px 18px;
  position: relative;
  text-indent: -1000000px;
  top: -3px;
  width: 0px;
  clear: none;
}
.legacy #dropdown-wrapper .formButtons a {
  padding: 0 0 0 10px;
  float: left;
  margin-top: 5px;
}
.legacy #dropdown-wrapper form#loginHandler ul li.noFloat, .legacy #dropdown-wrapper form#fabLoginForm ul li.noFloat, .legacy #dropdown-wrapper form#login_nop ul li.noFloat {
  margin-bottom: 10px;
}
.legacy div#dropdown-wrapper .inputTick {
  display: none;
}
.legacy div#dropdown-wrapper #switcher {
  margin-top: 5px;
}
.legacy #login_wrapper .lb_links {
  left: 6px;
}
.legacy #top-quicklinks li .login {
  position: relative;
  margin-right: 10px;
  top: -4px;
  *top: -3px;
  background: transparent url(/css/2.1/img/buttons/arrow-down.gif) no-repeat scroll right 12px;
  _background: none;
  min-width: 150px;
}
.legacy #top-quicklinks li .login:hover {
  background: transparent url(/css/2.1/img/buttons/arrow-down.gif) no-repeat scroll right -88px;
  _background: none;
}
.legacy #top-quicklinks li.open .login {
  background: transparent url(/css/2.1/img/buttons/arrow-up.gif) no-repeat scroll right 12px;
  _background: none;
}
.legacy #top-quicklinks li.open .login:hover {
  background: transparent url(/css/2.1/img/buttons/arrow-up.gif) no-repeat scroll right -88px;
  _background: none;
}
.legacy #top-quicklinks li .login img, .legacy #top-quicklinks li .nobutton img {
  margin-right: 7px;
  position: relative;
  top: 2px;
}
.legacy .lb_links li {
  *padding-bottom: 0px;
}
.legacy .lb_links a {
  padding: 4px 15px 0 0 !important;
  *padding-bottom: 0px;
}
.legacy .login-area a.login {
  padding-right: 25px;
}
.legacy .login-area a.btnGrey {
  background-position: 65px 8px;
  _background-position: 65px 8px !important;
}
.legacy #footerSuper {
  background: transparent url(/css/2.0/img/footer/background.gif) repeat-x scroll left top;
  clear: both;
  height: auto !important;
  margin-top: 2em;
  min-height: 310px;
  padding-bottom: 20px;
  position: relative;
  width: 975px !important;
  margin: 2em auto 0 !important;
}
.legacy #footerSuper .background {
  width: 975px;
  margin: 0 auto;
  overflow: hidden;
}
.legacy #footerSuper .singleColumn {
  width: 183px;
}
.legacy #footerSuper hr {
  color: #d6d6d6;
  clear: both;
  width: 960px;
  height: 1px;
  border: 1px solid #d6d6d6;
  display: block;
}
.legacy #footerSuper h3, .legacy #footerSuper a, .legacy #footerSuper {
  color: #6d6d6d;
}
.legacy #footerSuper a:hover {
  color: #333;
}
.legacy #footerSuper h3 {
  font-weight: bold;
  margin: 3px 0px 5px;
}
.legacy #footerSuper img {
  float: left;
  margin: -2px 6px 2px 0px;
}
.legacy #footerCrumbs {
  float: left;
  width: 850px;
  margin: 10px 0px 5px 15px;
}
.legacy #footerCrumbs h3 a {
  margin: 2px;
}
.legacy #footerSocial {
  float: right;
  margin: 10px 15px 0px 0px;
}
.legacy #footerSocial h3 {
  padding: 0px 10px;
  float: left;
}
.legacy #footerSocial img {
  float: none;
}
.legacy #footerContent {
  border-top: thin #EEEEEE solid;
}
.legacy #footerSuper .first {
  margin-left: 15px;
  margin-right: 8px;
}
.legacy #footerSuper ul {
  margin-left: 9px;
  font-size: .9em;
  margin-bottom: 1.2em;
}
.legacy #footerSuper ul li {
  line-height: 1.45em;
}
.legacy #footerSuper ul li h4 {
  margin-bottom: .5em;
}
.legacy #footerSuper .copyright {
  clear: both;
  margin-top: 1em;
  overflow: hidden;
  width: 975px;
}
.legacy #footerSuper .copyright ul {
  float: right;
  display: inline;
  overflow: hidden;
}
.legacy #footerSuper .copyright ul li {
  float: left;
  padding: 0 5px;
  border-left: 1px solid #6D6D6D;
  display: inline;
}
.legacy #footerSuper .copyright ul li.first {
  border: none;
}
.legacy #footerSuper ul li h4 {
  font-weight: bold;
}
.legacy #footerSuper .background .singleColumn ul li a {
  font-size: 13px;
  line-height: 12px;
}
.legacy #footerSuper .background .singleColumn ul li h4 a {
  font-size: 14px;
  line-height: 13px;
}
.legacy #footerSuper li a.twitter, .legacy #footerSuper li a.facebook {
  padding-left: 20px;
}
.legacy #footerSuper li a.twitter {
  background: transparent url(/img/icons/twitter.gif) no-repeat top left;
}
.legacy #footerSuper li a.facebook {
  background: transparent url(/img/icons/facebook.gif) no-repeat top left;
}
.legacy footer li a {
  clear: both;
  color: #666;
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
  text-decoration: none;
}
.legacy footer .footer-legal__list {
  border-top: 2px solid #eee;
  list-style: outside none none;
  margin-top: 25px;
  padding: 25px 0 0;
  text-align: left;
}
.legacy footer .footer-legal__list-item:first-child {
  padding-left: 0;
}
.legacy footer .footer-legal__list-item {
  border-right: 1px solid #e8e8e8;
  display: inline-block;
  padding: 0 15px;
}
.legacy footer .footer-legal__list-item a {
  padding: 0;
}
.legacy footer .footer-legal__list-item p {
  clear: both;
  color: #666;
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
}
.legacy #navCol,
.legacy #whatsHotCol,
.legacy #deviceNavigation,
.legacy #YourAccount,
.legacy #yourFavourites {
  font-size: .95em;
  margin-left: 0px;
  border: none;
}
.legacy #navCol .modHeader,
.legacy #whatsHotCol .modHeader,
.legacy #deviceNavigation .modHeader,
.legacy #YourAccount .modHeader,
.legacy #yourFavourites .modHeader {
  /* background: url(/css/2.0/img/left-nav-active.gif) top left repeat-x; */
  height: 2.2em;
}
.legacy #navCol h2,
.legacy #whatsHotCol h2,
.legacy #deviceNavigation h2,
.legacy #YourAccount h2,
.legacy #yourFavourites h2 {
  background: none;
  color: #C80000;
  font-size: 1em;
  margin: 0 10px;
  padding: 6px 6px 6px 0;
  display: block;
  /*border-bottom:1px solid #EDEDED;*/
}
.legacy #navCol .modHeader h3,
.legacy #whatsHotCol .modHeader h3,
.legacy #deviceNavigation .modHeader h3,
.legacy #YourAccount .modHeader h3,
.legacy #yourFavourites .modHeader h3 {
  color: #fff;
  font-size: .9em;
  font-weight: bold;
  margin-top: 2px;
  margin-left: 9px;
}
.legacy #navCol .specialOffers {
  margin-top: 2.3em;
}
.legacy #navCol .specialOffers h2 {
  color: #333;
  /*background:#e6f2f8;*/
}
.legacy #navCol .link_list1Col,
.legacy #whatsHot .link_list1Col,
.legacy #deviceNavigation .link_list1Col,
.legacy #YourAccount .link_list1Col,
.legacy #yourFavourites .link_list1Col {
  position: relative;
  bottom: 0px;
}
.legacy #navCol ul li a.selected,
.legacy #whatsHotCol ul li a.selected,
.legacy #deviceNavigation ul li a.selected,
.legacy #YourAccount ul li a.selected,
.legacy #yourFavourites ul li a.selected {
  background: #dfe9ea;
  color: #F4F4F4;
}
.legacy .specialOffer, .legacy .promoOffer {
  float: left;
  margin-top: 9px;
  border: 1px solid #dfdfdf;
  padding: 5px;
  font-size: 1.1em;
}
.legacy #navCol .secondLevelNav li a,
.legacy #whatsHotCol .secondLevelNav li a,
.legacy #deviceNavigation .secondLevelNav li a,
.legacy #YourAccount .secondLevelNav li a,
.legacy #yourFavourites .secondLevelNav li a {
  margin: 0 6px;
}
.legacy #navCol .secondLevelNav li a,
.legacy #whatsHotCol .secondLevelNav li a,
.legacy #deviceNavigation .secondLevelNav li a,
.legacy #YourAccount .secondLevelNav li a,
.legacy #yourFavourites .secondLevelNav li a {
  /* background-image: url(/css/2.1/img/solid-line.gif); Removed 27.10.09 */
  background-repeat: repeat-x;
  background-position: bottom left;
  padding: 5px 3px 6px;
  /* we want to wrap nav items if they're too long! */
  height: auto;
  /* but we need to set a height for IE6 */
  _height: 1.3em;
  /*16 px */
  display: block;
  /* position:relative; */
  border-top: 1px solid #EDEDED;
}
.legacy #navCol .modFooter,
.legacy #whatsHotCol .modFooter,
.legacy #YourAccount .modFooter,
.legacy #yourFavourites .modFooter {
  border: none;
}
.legacy #navCol .secondLevelNav li.selected a,
.legacy #whatsHotCol .secondLevelNav li.selected a,
.legacy #deviceNavigation .secondLevelNav li a.selected,
.legacy #YourAccount .secondLevelNav li a.selected,
.legacy #yourFavourites .secondLevelNav li a.selected {
  padding-left: 13px;
}
.legacy #navCol .secondLevelNav li ul li a {
  padding-left: 13px;
}
.legacy #navCol .secondLevelNav li ul li ul li a {
  padding-left: 26px;
}
.legacy #navCol .secondLevelNav li ul li ul li ul li a {
  padding-left: 39px;
}
.legacy #navCol .secondLevelNav li a.selected,
.legacy #whatsHotCol .secondLevelNav li a.selected,
.legacy #deviceNavigation .secondLevelNav li a.selected,
.legacy #YourAccount .secondLevelNav li a.selected,
.legacy #yourFavourites .secondLevelNav li a.selected {
  background-color: #F4F4F4;
  font-weight: bold;
  color: #333;
}
.legacy #navCol .secondLevelNav li a.active,
.legacy #whatsHotCol .secondLevelNav li a.active,
.legacy #deviceNavigation .secondLevelNav li a.active,
.legacy #YourAccount .secondLevelNav li a.active,
.legacy #yourFavourites .secondLevelNav li a.active {
  font-weight: bold;
}
.legacy #navCol .secondLevelNav li a:hover,
.legacy #whatsHotCol .secondLevelNav li a:hover,
.legacy #deviceNavigation .secondLevelNav li a:hover,
.legacy #YourAccount .secondLevelNav li a:hover,
.legacy #yourFavourites .secondLevelNav li a:hover {
  background-color: #F4F4F4;
}
.legacy #navCol .secondLevelNav li a.selected:hover,
.legacy #whatsHotCol .secondLevelNav li a.selected:hover,
.legacy #deviceNavigation .secondLevelNav li a.selected:hover,
.legacy #YourAccount .secondLevelNav li a.selected:hover,
.legacy #yourFavourites .secondLevelNav li a.selected:hover {
  background-color: #F4F4F4;
  color: #C80000;
}
.legacy #navCol .specialOffers .link_list1Col {
  width: 100%;
  padding-bottom: 2px;
}
.legacy #navCol .specialOffers .link_list1Col li {
  height: 1.8em;
}
.legacy #navCol .specialOffers .link_list1Col a {
  padding: 2px 0 6px 15px;
  width: 171px;
}
.legacy .specialOffer a {
  color: #ff0000;
  font-weight: bold;
  padding-left: 5px;
  display: block;
}
.legacy .specialOffer a:hover {
  color: #008698;
  text-decoration: underline;
}
.legacy .modHeader h2 {
  font-size: 1.2em;
}
.legacy .modCopy, .legacy .modCopy1col, .legacy .modCopy2col, .legacy .modCopy3col {
  padding: 0px 0 6px 7px;
}
.legacy .modBlankFooter {
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  margin-bottom: 5px;
}
.legacy .modFooter hr, .legacy .modBlankFooter hr {
  display: none;
}
.legacy .specialOffer, .legacy .promoOffer {
  float: left;
  margin-top: 9px;
  border: 1px solid #dfdfdf;
  padding: 5px;
  font-size: 1.1em;
}
.legacy .specialOffer {
  width: 112px;
  color: #ff0000;
}
.legacy .specialOffer a {
  color: #ff0000;
  font-weight: bold;
  padding-left: 5px;
  display: block;
}
.legacy .specialOffer a:hover {
  color: #008698;
  text-decoration: underline;
}
.legacy .promoOffer {
  width: 242px;
  background: url("/shop/img/specialOffer_bg.gif") left bottom repeat-x;
}
.legacy .promoOffer a {
  padding-left: 10px;
  color: #008698;
  display: block;
}
.legacy .promoOffer a:hover, .legacy .promoOffer:hover {
  color: #0077B7;
  text-decoration: underline;
}
.legacy .loginModule {
  position: relative;
  height: 22.8em;
  /* 290px tall */
  border: 1px solid #dfdfdf;
  width: 184px;
  background: url("/img/modules/login-support-bg.gif") bottom left repeat-x;
}
.legacy .loginModule h2 {
  font-size: 1.3em;
  /*color:#732978;*/
  background: none;
  padding: 0;
  margin: 7px 0px 2px 6px;
}
.legacy .loginModule p {
  margin-bottom: 7px;
  margin-left: 6px;
}
.legacy .loginModule .onlineID, .legacy .loginModule .password {
  width: 164px;
  border: none;
  background: url(/img/modules/login-input.gif) top left no-repeat;
  padding: 3px 4px;
  margin-top: -5px;
  margin-left: 6px;
}
.legacy .loginModule em {
  font-size: .9em;
  display: block;
  margin-bottom: -3px;
  margin-top: -1px;
  color: #999;
}
.legacy .loginModule a.textBtnGrey {
  float: right;
  margin-right: 8px;
  margin-bottom: -3px;
}
.legacy .loginModule .radioGroup {
  margin: 6px 0 3px 6px;
}
.legacy .loginModule .radioGroup input {
  margin-left: 0px;
  margin-right: 3px;
}
.legacy .loginModule .radioGroup label {
  margin-right: 10px;
  line-height: 1.1em;
  float: left;
  cursor: pointer;
}
.legacy .loginModule a strong {
  color: #999999;
  text-decoration: underline;
  font-size: .9em;
  margin-bottom: .5em;
  display: block;
  font-weight: 100;
}
.legacy .loginModule a:hover strong {
  color: #f00;
}
.legacy .loginModule .link_list1Col {
  margin-left: 6px;
}
.legacy .helpAndSupportModule, .legacy .supportColumn {
  margin-right: 0px;
}
.legacy .helpAndSupportModule {
  width: 184px;
  border: 1px solid #E9E9E9;
  background: url("/img/modules/login-support-bg.gif") bottom left repeat-x;
}
.legacy .helpAndSupportModule h2, .legacy .didYouKnow-right h2 {
  /*color:#5B8424;*/
  font-size: 1.1em;
  font-weight: bold;
  clear: both;
  padding: .8em 0 0em 6px;
  background: none;
}
.legacy .helpAndSupportModule .link_list1Col {
  position: relative;
  width: 171px;
}
.legacy .helpAndSupportModule p {
  margin-top: 1.2em;
  font-size: 1.3em;
  line-height: 1.2em;
  margin-bottom: 2.3em;
}
.legacy .helpAndSupportModule li {
  font-size: .85em;
  padding-bottom: 4px;
  padding-top: 1px;
  width: 171px;
}
.legacy .miniCart {
  background: url("/img/minicart.gif") top right no-repeat;
  display: block;
  height: 21px;
  color: #fff;
  font-weight: bold;
  font-size: .9em;
  padding-left: 25px;
  padding-top: .1em;
  margin-bottom: .7em;
  width: 160px;
}
.legacy .miniCart p {
  float: left;
  margin-top: 0;
  padding-left: 10px;
}
.legacy .miniCart .items {
  display: block;
  float: right;
  padding-right: 20px;
  font-weight: 100;
  width: 40px;
}
.legacy .imageFeature {
  float: right;
}
.legacy .imageFeature img {
  float: right;
  margin-right: 18px;
}
.legacy .imageFeature p {
  float: left;
  color: #008BC4;
  font-size: .8em;
  width: 110px;
  margin-left: 40px;
}
.legacy .imageFeature a {
  color: #008BC4;
  text-decoration: underline;
}
.legacy ul.lightBlue-bullet, .legacy .lightBlue-bullet-no-bg {
  margin-left: 40px;
  padding-top: 2px;
}
.legacy ul.lightBlue-bullet li, .legacy .lightBlue-bullet-no-bg li {
  margin-bottom: .3em;
  font-size: 1em;
  line-height: 1.4em;
}
.legacy ul.lightBlue-bullet li {
  background: url(/css/2.0/img/bullet-blue-on-blue.gif) 8px 12px no-repeat;
  background-color: #edf5fa;
  padding: .7em .8em .5em 1.9em;
}
.legacy .lightBlue-bullet-no-bg li {
  background: url(/css/2.0/img/bullet-blue-on-white.gif) 8px 6px no-repeat;
  padding: .2em .8em .2em 1.9em;
  margin: .6em 0px;
}
.legacy .lightBlue-block {
  background-color: #edf5fa;
  padding: .5em .4em .8em .4em;
  margin-top: -.5em;
}
.legacy .indentDoubleColumn .doubleColumn {
  padding-left: 24px;
  width: 354px;
}
.legacy .indentDoubleColumn .doubleColumn p {
  margin-left: 40px;
}
.legacy .tripleColumn .doubleColumn, .legacy .tripleColumn .singleColumn {
  margin-left: 0px;
  margin-right: 0px;
}
.legacy .tripleColumn .introText {
  margin-top: 2em;
  font-size: 1.3em;
  line-height: 1.3em;
}
.legacy .tripleColumn .introText p {
  width: 335px;
  margin-left: 0px;
}
.legacy .tripleColumnTabs {
  width: 570px;
  float: left;
  margin-bottom: 1em;
}
.legacy .tripleColumnTabs h2 {
  margin-left: 24px;
}
.legacy #modCTA {
  position: relative;
  clear: both;
  height: 168px;
  margin: 3px 0 5px;
  overflow: hidden;
}
.legacy .homeGrid #herobanner {
  margin-bottom: 0px;
}
.legacy #modCTA div.ctaLayer {
  width: 225px;
  height: 110px;
  background: url(/css/2.0/img/cta-gradient-bg.gif) left top repeat-x;
}
.legacy #modCTA .ctaLayer {
  bottom: 10px;
  left: 10px;
  position: absolute;
}
.legacy .ctaLayer h1, .legacy .doubleColumn .ctaLayer h1, .legacy .quadColumn .ctaLayer h1, .legacy .tripleColumn .ctaLayer h1 {
  color: #fff;
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: .2em;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.2em;
}
.legacy .ctaLayer p, .legacy .ctaLayer h1, .legacy .ctaLayer a {
  color: #FFF;
  padding-left: 10px;
}
.legacy .ctaLayer a {
  text-decoration: underline;
  color: #fff;
}
.legacy #specialPromoOffer {
  height: 2em;
  border: 1px solid #e9e9e9;
  background-color: #FFF;
  margin: 8px 0;
  width: 952px;
  position: relative;
  float: left;
  -moz-box-shadow: 2px 2px 0px #DBDBDB;
  -webkit-box-shadow: 2px 2px 0px #DBDBDB;
}
.legacy #specialPromoOffer h3 {
  padding: 5px 10px 0 6px;
  display: block;
  background: #fff;
  border-right: 1px solid #e9e9e9;
  height: 1.55em;
}
.legacy #specialPromoOffer h3 a {
  color: #C80000;
  font-size: 1.2em;
  font-weight: bold;
}
.legacy #specialPromoOffer p {
  margin: 0;
  padding: 2px 5px 2px;
}
.legacy .feature {
  height: 12em;
  /*  makes the total module height 150 px */
  overflow: hidden;
  border: 1px solid #E9E9E9;
  position: relative;
  margin-right: 6px;
  -moz-box-shadow: 2px 2px 0px #DBDBDB;
  -webkit-box-shadow: 2px 2px 0px #DBDBDB;
}
.legacy .tripleColumn .feature {
  width: 570px;
}
.legacy .doubleColumn .feature {
  width: 375px;
}
.legacy .singleColumn .feature {
  width: 185px;
  overflow: hidden;
}
.legacy .tripleColumn .halfwidth p {
  width: 300px;
}
.legacy .doubleColumn .halfwidth p {
  width: 200px;
}
.legacy .singleColumn .halfwidth p {
  width: 100px;
}
.legacy .tripleColumn .threequarterwidth p {
  width: 390px;
}
.legacy .doubleColumn .threequarterwidth p {
  width: 260px;
}
.legacy .singleColumn .threequarterwidth p {
  width: 130px;
}
.legacy .homeGrid .last {
  margin-right: 0px;
}
.legacy .feature a {
  color: #000;
  font-size: 18px;
}
.legacy .feature h3 {
  display: block;
  color: #C80000;
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 6px;
}
.legacy .feature a:hover, .legacy .feature:hover a, .legacy .feature-hover a {
  color: #C80000;
}
.legacy .feature h3, .legacy .feature p {
  padding-left: 6px;
  position: relative;
  z-index: 200;
}
.legacy .feature img {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  right: 0px;
}
.legacy .modHoverOver {
  cursor: pointer;
  background-position: right 2px;
}
.legacy .blueBackground {
  background: white url(/css/2.0/img/bg-fade-190.gif) repeat-x bottom;
}
.legacy .overFlowTrue {
  overflow: visible;
  position: relative;
}
.legacy .formButtons {
  clear: none;
}
.legacy .formButtons a, .legacy ul.border li a:hover {
  text-decoration: none !important;
}
.legacy .textBtnRed span, .legacy .textBtnPurple span, .legacy .textBtnGrey span, .legacy .textBtnGreyOnRed span {
  line-height: 16px;
}
.legacy .textContent {
  padding-top: 6px;
}
.legacy div.price-block {
  font-weight: bold;
  margin-top: 3px;
  height: 35px;
  font-size: 1.3em;
}
.legacy .price-block p {
  font-size: 1.3em;
  margin: 0;
  padding: 0;
  float: left;
  line-height: 1em;
}
.legacy p.price-large {
  font-size: 1.9em;
}
.legacy .textContent ul li {
  margin-bottom: 4px;
}
.legacy .textContent h2 {
  margin-bottom: 3px;
}
.legacy .imageRaised {
  position: absolute;
  left: 118px;
  top: -6px;
}
.legacy .redBGnew {
  color: #b60000;
}
.legacy .gen_table {
  padding-left: 0px;
  width: 562px;
}
.legacy .gen_table form {
  border-left: none;
  border-right: none;
}
.legacy .modTop {
  border-bottom: 1px solid #EDEDED;
  margin-right: 1px;
}
.legacy div.mod1ColTabs div.tabBody {
  border: 1px solid #EDEDED;
  border-top: none;
}
.legacy .tabHeader {
  height: 25px;
}
.legacy .tabHeader ul li {
  float: left;
  margin: 2px 0 0 0;
  padding: 0 0 0 8px;
  height: 26px;
}
.legacy .tabHeader ul li a {
  font-weight: bold;
}
.legacy .tabHeader li.active {
  background: url(/css/2.0/img/tab-lg-left-act.gif) no-repeat top left;
}
.legacy .tabHeader li.active a {
  background: url(/css/2.0/img/tab-lg-right-act.gif) no-repeat top right;
  padding: 5px 7px 0 0;
}
.legacy .tabHeader li {
  background: url(/css/2.0/img/tab-lg-left.gif) no-repeat top left;
}
.legacy .tabHeader li a {
  background: url(/css/2.0/img/tab-lg-right.gif) no-repeat top right;
  padding: 5px 7px 0 0;
  display: block;
  height: 26px;
}
.legacy .didYouKnow h2 {
  /*color:#0077B7;*/
  margin: 0.8em 0 0.8em 0.4em;
  background: none;
  padding: 0;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
}
.legacy .tripleColumn .didYouKnow {
  margin-left: 3px;
  margin-bottom: 0px;
}
.legacy .didYouKnow .infobox_link:hover {
  background-position: -2100px -239px;
}
.legacy .didYouKnow .infobox_link a, .legacy .didYouKnow .infobox_link p {
  color: #0077B7;
  width: 100%;
  padding: 0;
}
.legacy .didYouKnow a {
  line-height: 1.3em;
  font-size: .95em;
  display: block;
  padding: 20px 0 15px 12px;
  width: 171px;
  *width: 167px;
  min-height: 55px;
  /* height:auto; */
  height: 84px;
  background: url("/css/2.0/img/did_you_know_bg.gif") 0 0 no-repeat;
  margin-bottom: .65em;
  border: 1px solid #CCE4F1;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  position: relative;
  -moz-box-shadow: 2px 2px 0px #DBDBDB;
  -webkit-box-shadow: 2px 2px 0px #DBDBDB;
}
.legacy .didYouKnow .productOffer {
  position: absolute;
  bottom: 1em;
  left: 1em;
}
.legacy .didYouKnow a:hover {
  text-decoration: none;
}
.legacy .productOffer, .legacy .MobilePromoOffer a:hover {
  text-decoration: underline;
}
.legacy .didYouKnow a span.dynHeadline {
  width: 118px;
  display: block;
  color: #000;
}
.legacy .didYouKnow a.infobox_link {
  background-position: -2100px top;
  color: #0077B7;
  padding: 0 0 4px 13px;
  min-height: 1em;
}
.legacy .didYouKnow .infobox1, .legacy .didYouKnow .infobox2, .legacy .didYouKnow .infobox4, .legacy .didYouKnow .infobox6, .legacy .didYouKnow .infobox9, .legacy .didYouKnow .infobox10, .legacy .didYouKnow .infobox12 {
  /* height:5.7em; */
  overflow: hidden;
}
.legacy .didYouKnow .infobox3, .legacy .didYouKnow .infobox5, .legacy .didYouKnow .infobox11 {
  /* height:4.55em; */
  overflow: hidden;
}
.legacy .didYouKnow .infobox7, .legacy .didYouKnow .infobox8, .legacy .didYouKnow .infobox13 {
  /* height:7em; */
  overflow: hidden;
}
.legacy .didYouKnow .infobox1:hover {
  background-position: 0px -239px;
}
.legacy .didYouKnow .infobox2 {
  background-position: -200px top;
}
.legacy .didYouKnow .infobox2:hover {
  background-position: -200px -239px;
}
.legacy .didYouKnow .infobox3 {
  background-position: -390px top;
}
.legacy .didYouKnow .infobox3:hover {
  background-position: -390px -239px;
}
.legacy .didYouKnow .infobox4 {
  background-position: -595px top;
}
.legacy .didYouKnow .infobox4:hover {
  background-position: -595px -239px;
}
.legacy .didYouKnow .infobox5 {
  background-position: -812px top;
}
.legacy .didYouKnow .infobox5:hover {
  background-position: -812px -239px;
}
.legacy .didYouKnow .infobox6 {
  background-position: -1026px top;
}
.legacy .didYouKnow .infobox6:hover {
  background-position: -1026px -239px;
}
.legacy .didYouKnow .infobox7 {
  background-position: -1240px top;
}
.legacy .didYouKnow .infobox7:hover {
  background-position: -1240px -239px;
}
.legacy .didYouKnow .infobox8 {
  background-position: -1450px top;
}
.legacy .didYouKnow .infobox8:hover {
  background-position: -1450px -239px;
}
.legacy .didYouKnow .infobox9 {
  background-position: -1660px top;
}
.legacy .didYouKnow .infobox9:hover {
  background-position: -1660px -239px;
}
.legacy .didYouKnow .infobox10 {
  background-position: -1870px top;
}
.legacy .didYouKnow .infobox10:hover {
  background-position: -1870px -239px;
}
.legacy .didYouKnow .infobox11 {
  background-position: 0px 0px;
}
.legacy .didYouKnow .infobox11:hover {
  background-position: 0px -239px;
}
.legacy .didYouKnow .infobox12 {
  background-position: -812px top;
}
.legacy .didYouKnow .infobox12:hover {
  background-position: -812px -239px;
}
.legacy .didYouKnow .infobox13 {
  background-position: -595px top;
}
.legacy .didYouKnow .infobox13:hover {
  background-position: -595px -239px;
}
.legacy .didYouKnow .infobox14 {
  background-position: -200px top;
}
.legacy .didYouKnow .infobox14:hover {
  background-position: -200px -239px;
}
.legacy .didYouKnow .infobox15 {
  background-position: -2290px top;
}
.legacy .didYouKnow .infobox15:hover {
  background-position: -2290px -239px;
}
.legacy .didYouKnow .infobox16 {
  background-position: -2080px top;
}
.legacy .didYouKnow .infobox16:hover {
  background-position: -2080px -239px;
}
.legacy .productOffer {
  padding-top: .5em;
  color: #0077B7;
  font-weight: bold;
  display: block;
  width: 160px;
}
.legacy .didYouKnow .lastbox {
  margin-bottom: 0px;
}
.legacy .answerWrapper a {
  text-decoration: underline;
}
.legacy .mod1Col.dropShadow .modFooter {
  background: url(/css/2.0/img/drop-shadow-1-col.gif) no-repeat bottom;
  height: 8px;
  border: none;
}
.legacy .mod1Col.dropShadow .modBorder, .legacy .mod1Col.dropShadow .modHeader {
  border: none;
}
.legacy .mod2Col.dropShadow .modFooter {
  background: url(/css/2.0/img/drop-shadow-2-col.gif) no-repeat bottom;
  height: 8px;
  border: none;
}
.legacy .mod2Col.dropShadow .modBorder, .legacy .mod2Col.dropShadow .modHeader {
  border: none;
}
.legacy .mod3Col.dropShadow .modFooter {
  border: none;
}
.legacy .mod4Col.dropShadow .modFooter {
  background: url(/css/2.0/img/drop-shadow-4-col.gif) no-repeat bottom;
  height: 8px;
  border: none;
}
.legacy .mod4Col.dropShadow .modBorder, .legacy .mod4Col.dropShadow .modHeader {
  border: none;
}
.legacy #find-answers-module {
  /* background:#fff url(/css/2.0/img/bg-fade-45.gif) repeat-x scroll left bottom; Removed 27.10.09 */
}
.legacy #deviceNavigation .modBorder, .legacy #deviceNavigation .modHeader, .legacy #deviceNavigation .modFooter, .legacy a {
  border: none;
}
.legacy .mod1Col.mobileFeature {
  width: 184px;
}
.legacy .mobileFeature {
  border: 1px solid #e9e9e9;
  position: relative;
  -moz-box-shadow: 2px 2px 0px #DBDBDB;
  -webkit-box-shadow: 2px 2px 0px #DBDBDB;
}
.legacy .mobileFeature.featureHeight212 {
  height: 212px;
  background: transparent url(/css/2.0/img/bg-fade-208.gif) repeat-x scroll right bottom;
}
.legacy .mobileFeature.featureHeight212.modHoverOver {
  background-image: none;
  background-color: #DBDBDB;
}
.legacy .mobileFeature.featureHeight187 {
  height: 187px;
  background: transparent url(/css/2.0/img/bg-fade-152.gif) repeat-x scroll right bottom;
}
.legacy .mobileFeature.featureHeight187.modHoverOver {
  background-image: none;
  background-color: #DBDBDB;
}
.legacy .mobileFeature.featureHeight167 {
  height: 167px;
  background: transparent url(/css/2.0/img/bg-fade-152.gif) repeat-x scroll right bottom;
}
.legacy .mobileFeature.featureHeight167.modHoverOver {
  background-image: none;
  background-color: #DBDBDB;
}
.legacy .mobileFeature.featureHeight153 {
  height: 153px;
  background: transparent url(/css/2.0/img/bg-fade-152.gif) repeat-x scroll right bottom;
}
.legacy .mobileFeature.featureHeight153.modHoverOver {
  background-image: none;
  background-color: #DBDBDB;
}
.legacy .mobileFeature a {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 25;
}
.legacy .mobileFeature a:hover {
  text-decoration: none;
}
.legacy .mobileFeature h3 {
  font-size: 20px;
  padding: 10px;
  font-weight: bold;
  z-index: 10;
}
.legacy .mobileFeature h3 span {
  font-size: 0.7em;
}
.legacy .mobileFeature img {
  position: absolute;
  top: 0;
  z-index: 1;
}
.legacy p.mobileDescription {
  font-size: 18px;
  font-weight: bold;
  color: #666666;
}
.legacy .bottom {
  bottom: 0;
  position: absolute;
}
.legacy .drop11em {
  margin-top: 11em;
}
.legacy .drop12em {
  margin-top: 12em;
}
.legacy h1 {
  color: #C80000;
}
.legacy h2, .legacy h3, .legacy h4, .legacy h5 {
  color: #000;
}
.legacy .productDetail .price {
  position: absolute;
  right: 10px;
  text-align: right;
  top: 105px;
  white-space: nowrap;
}
.legacy .productDetail h1 {
  font-size: 23px;
  font-weight: bold;
  left: 2px;
  line-height: 29px;
  margin-bottom: 42px;
  position: relative;
  top: 19px;
}
.legacy .productDetail .button {
  float: right;
  margin-right: 13px;
}
.legacy .broadband-price {
  float: right;
  height: 125px;
  margin: 0 5px 0.7em;
  width: 150px;
}
.legacy .title {
  font-size: 1.5em;
  font-weight: bold;
  margin: 2px 0 0 14px;
}
.legacy .cash {
  display: block;
  float: left;
  font-size: 1.8em;
  font-weight: bold;
  margin: 8px 0 0;
}
.legacy .price-large {
  display: block;
  float: left;
  font-size: 4.4em;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
}
.legacy .dot {
  float: left;
  font-size: 1.8em;
  font-weight: bold;
  margin: 7px 0 0;
}
.legacy .price-small {
  display: block;
  float: left;
  font-size: 1.8em;
  font-weight: bold;
  margin: 7px 0 0;
}
.legacy .text-copy {
  margin: 60px 0 0 5px;
}
.legacy .note {
  color: #999999;
  font-style: italic;
}
.legacy .attention {
  padding: 1em;
  background-color: #FFFF99;
}
.legacy ul.talkzonePlans {
  margin-left: 0px;
  margin-top: .3em;
}
.legacy ul.talkzonePlans li {
  margin-bottom: .55em;
  width: 186px;
}
.legacy ul.talkzonePlans li a {
  padding: 3px 20px 3px 10px;
  background: #f6f6f6;
  display: block;
}
.legacy ul.talkzonePlans li a:hover {
  background-color: #d9edf0;
}
.legacy ul.talkzonePlans .talkzone {
  color: #008698;
  font-weight: bold;
  width: 100%;
  float: left;
  display: block;
}
.legacy .doubleColumn h1, .legacy .quadColumn h1 {
  background: none;
  padding-left: 0px;
  margin-bottom: 0em;
  font-size: 2em;
  line-height: 2em;
  font-weight: bold;
}
.legacy .doubleColumn h2 {
  background: none;
  padding-left: 0px;
  margin-bottom: 0em;
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight: bold;
}
.legacy .landingImage {
  float: left;
  padding-right: 12px;
  padding-left: 7px;
}
.legacy h2.large {
  font-size: 1.4em;
}
.legacy p.fromPrice {
  font-size: 1.4em;
  font-weight: bold;
  padding-top: .3em;
  padding-bottom: .1em;
}
.legacy p.fromPrice strong {
  font-size: .7em;
  margin-left: 8px;
}
.legacy p.getHomeBtn {
  margin-top: 1.1em;
  display: block;
  margin-bottom: 1.6em;
}
.legacy .expander-contained {
  margin: 0 0 0 -10px;
  overflow: hidden;
  width: 574px;
}
.legacy .rightDelete a:hover {
  *color: #008698;
}
.legacy .module10ImgRight {
  float: right;
}
.legacy ol.numbered {
  line-height: 1.5;
  font-size: 1.09em;
  padding-left: 16px;
  list-style-type: decimal;
}
.legacy ol.numberedSmall {
  line-height: 1.5;
  padding-left: 16px;
  list-style-type: decimal;
}
.legacy a.tooltip {
  display: inline-block;
  font-size: 13px;
  text-decoration: underline;
  color: #a6a6a6;
}
.legacy span.tooltip {
  font-size: 13px;
  color: #a6a6a6;
}
.legacy #tooltip {
  position: absolute;
  width: 200px;
  _width: 210px;
  z-index: 99999;
}
.legacy div.tooltip {
  display: none;
}
.legacy .tip_top, .legacy .tipTop {
  _position: absolute;
  height: 2px;
  width: 200px;
  background: transparent url(/css/2.0/img/tooltip/tooltip-top-left.png) no-repeat;
}
.legacy .tip_body, .legacy .tipBody {
  width: 180px;
  padding: 10px;
  background: transparent url(/css/2.0/img/tooltip/tooltip-bg-left.png) repeat-y;
}
.legacy .tip_bottom, .legacy .tipBottom {
  height: 8px;
  width: 200px;
  background: transparent url(/css/2.0/img/tooltip/tooltip-bottom-left.png) no-repeat;
}
.legacy .tip_arrow, .legacy .tipArrow {
  position: absolute;
  left: -12px;
  margin-top: 10px;
  height: 17px;
  width: 19px;
  background: transparent url(/css/2.0/img/tooltip/tip-arrow-left.png) no-repeat;
  z-index: 100;
}
.legacy .viewport-right .tip_top, .legacy .viewportRight .tipTop {
  background: transparent url(/css/2.0/img/tooltip/tooltip-top-right.png) no-repeat;
}
.legacy .viewport-right .tip_body, .legacy .viewportRight .tipBody {
  background: transparent url(/css/2.0/img/tooltip/tooltip-bg-right.png) repeat-y;
}
.legacy .viewport-right .tip_bottom, .legacy .viewportRight .tipBottom {
  background: transparent url(/css/2.0/img/tooltip/tooltip-bottom-right.png) no-repeat;
}
.legacy .viewport-right .tip_arrow, .legacy .viewportRight .tipArrow {
  background: transparent url(/css/2.0/img/tooltip/tip-arrow-right.png) no-repeat;
  left: 195px;
}
.legacy .viewport-right.viewport-bottom .tip_arrow, .legacy .viewportRight.viewportBottom .tipArrow {
  background: transparent url(/css/2.0/img/tooltip/tip-arrow-bottom.png) no-repeat;
  left: 165px;
  bottom: 1px;
}
.legacy .viewport-bottom .tip_arrow, .legacy .viewportBottom .tipArrow {
  background: transparent url(/css/2.0/img/tooltip/tip-arrow-bottom.png) no-repeat;
  left: 165px;
  bottom: -11px;
}
.legacy ul#menu li.search #search_submit.loading {
  background-position: left bottom;
}
.legacy #gse_result_container {
  position: absolute;
  right: 17px;
  top: 100px;
}
.legacy #gse_result_container .ui-autocomplete {
  background-color: #fff;
  width: 425px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 8px 0px #666;
  -webkit-box-shadow: 0px 1px 8px 0px #666;
  box-shadow: 0px 1px 8px 0px rgba #666;
  overflow: hidden;
  padding: 0;
}
.legacy #gse_result_container .ui-autocomplete li {
  padding: 10px;
}
.legacy #gse_result_container .ui-autocomplete li.group {
  padding: 10px 0 0;
  float: left;
  clear: both;
  width: 99px;
}
.legacy #gse_result_container .ui-autocomplete li.group span {
  display: block;
  float: left;
  padding: 0 10px 0;
  text-align: left;
  font-weight: bold;
}
.legacy #gse_result_container .ui-autocomplete li.groupItems {
  float: right;
  border-left: 1px solid #dbdbdb;
  width: 306px;
  padding: 10px 10px 0 0;
}
.legacy #gse_result_container .ui-autocomplete li.groupItems.lastItem {
  padding: 10px 10px 10px 0;
  border-bottom: 1px solid #dbdbdb;
}
.legacy #gse_result_container .ui-autocomplete li.groupItems.finalItem {
  padding: 10px 10px 10px 0;
}
.legacy #gse_result_container .ui-autocomplete li.groupItems img.itemImg {
  float: left;
  margin: 0 10px;
  width: 32px;
}
.legacy #gse_result_container .ui-autocomplete li.groupItems span {
  margin-left: 51px;
  display: block;
}
.legacy #gse_result_container .ui-autocomplete li.groupItems strong {
  margin-left: 51px;
  display: block;
}
.legacy #gse_result_container .ui-autocomplete li.groupItems a {
  text-decoration: none;
}
.legacy #gse_result_container .ui-autocomplete li a#ui-active-menuitem {
  background: none;
  border: 0px solid #fff;
  color: #e60000;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}
.legacy #gse_result_container .ui-autocomplete li#view_all {
  border-top: 1px solid #DBDBDB;
  clear: both;
  padding: 10px;
  text-align: right;
}
.legacy #gse_result_container .ui-autocomplete li#view_all a {
  text-decoration: none;
  font-weight: bold;
}
.legacy #gse_result_container .ui-autocomplete li#view_all a#ui-active-menuitem:hover {
  text-decoration: underline;
  font-weight: bold;
}
.legacy #gse_result_container .ui-autocomplete div {
  padding: 10px 10px 0 10px;
}
.legacy #gse_result_container .ui-autocomplete ul.bulletSmall li {
  padding: 0;
}
.legacy #gse_result_container .ui-autocomplete li.popularSearchName {
  padding: 10px 0 0 10px;
  clear: left;
  font-weight: bold;
}
.legacy #gse_result_container .ui-autocomplete li.popularSearchTerm {
  padding: 0;
  display: block;
  float: left;
  padding-left: 10px;
}
.legacy #steps {
  font-size: 1.1em;
}
.legacy #steps ol {
  list-style: none;
  padding: 0 6px 0 0;
}
.legacy #steps ol li {
  margin: 0.3em 0 0.2em 0;
  padding: 0.6em 0.8em 0.2em 0.8em;
}
.legacy #steps h3 {
  font-size: 2.1em;
  font-weight: bold;
  color: #3fa2d8;
  line-height: 1em;
  padding-bottom: 0.3em;
  padding-left: 68px;
}
.legacy #steps h4 {
  font-size: 1.2em;
  font-weight: bold;
}
.legacy #steps #first li,
.legacy #steps #second li,
.legacy #steps #third h4,
.legacy #steps #third p,
.legacy #steps #fourth h4,
.legacy #steps #fourth p {
  margin-left: 68px;
}
.legacy #steps #first li {
  list-style: none;
}
.legacy #steps #first #bill {
  list-style: disc inside url(/img/plus-blue.gif);
}
.legacy #steps #first li p {
  padding: 0 0 0 17px;
}
.legacy #steps #first li h4 {
  display: inline;
}
.legacy #steps #first {
  background: url(/img/switchnumber-01.gif) 12px 6px no-repeat;
}
.legacy #steps #second {
  background: url(/img/switchnumber-02.gif) 12px 6px no-repeat;
}
.legacy #steps #third {
  background: url(/img/switchnumber-03.gif) 12px 6px no-repeat;
}
.legacy #steps #fourth {
  background: url(/img/switchnumber-04.gif) 12px 6px no-repeat;
}
.legacy #steps .textBtnRedLarge {
  line-height: 14px;
  margin-top: 6px;
  padding-bottom: 10px;
  float: right;
  font-size: 2em;
}
.legacy .lightBG {
  background: #EBF6FB none repeat scroll 0 0;
}
.legacy #steps * li img {
  float: right;
  margin: 4px 5px;
}
.legacy .hidden {
  display: none;
}
.legacy #aaa_login {
  border: 1px solid #E9E9E9;
  float: left;
  height: auto;
  margin-bottom: 10px;
  min-height: 245px;
  padding: 10px 20px;
  position: relative;
  width: 530px;
  -moz-box-shadow: 2px 2px 0 #DBDBDB;
  -webkit-box-shadow: 2px 2px 0 #DBDBDB;
}
.legacy #aaa_login h2.deepPurple {
  background: url(/img/icons/sign-in-my-account.png) no-repeat scroll left top transparent;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.1em;
  padding: 15px 0 18px 55px;
}
.legacy #aaa_login .formCopy {
  height: 20px;
  text-align: left;
  width: 500px;
}
.legacy #aaa_login .formCopy.radio {
  float: left;
  margin-top: 0;
  width: 15px;
}
.legacy #aaa_login .formList li {
  padding-bottom: 7px;
}
.legacy #aaa_login .textField {
  width: 60%;
  font-size: 18px;
  border: 1px solid #999999;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.legacy #aaa_login #loginHandler .formCopy, .legacy #aaa_login #fabLoginForm .formCopy {
  float: none;
}
.legacy #aaa_login .radioWrapperRight, .legacy #aaa_login .radioWrapperLeft {
  width: auto;
}
.legacy #aaa_login .radioWrapperLeft .radioLabel {
  float: left;
  width: 100px;
}
.legacy #aaa_login .radioWrapperRight .radioLabel {
  float: left;
  width: 200px;
}
.legacy #aaa_login .formCopy.radio {
  float: left;
  margin-top: 0;
  width: 15px;
}
.legacy #aaa_login a.fp_link {
  color: #AAA;
  text-decoration: underline;
}
.legacy #aaa_login div.inputTick {
  display: none;
}
.legacy #aaa_login .inputErrMsg {
  margin: 5px 0;
}
.legacy #aaa_login #switcher {
  margin-top: 20px;
  height: 30px;
}
.legacy #aaa_login .link_list1Col {
  float: left;
  margin-right: 10px;
  position: static;
}
.legacy #aaa_login .formButtons {
  clear: none;
  position: relative;
  float: left;
}
.legacy #aaa_login a.hidden {
  display: none;
}
.legacy #aaa_login label {
  font-size: 18px;
}
.legacy #aaa_login .rememberMe {
  font-size: 14px;
}
.legacy #aaa_login .smartMessages, .legacy #contentGrid .smartMessages {
  background: #FFFFEF none repeat scroll 0 0;
  margin-bottom: 6px;
  padding: 10px;
}
.legacy #aaa_login .smartMessages .link_list3Col {
  margin-top: 10px;
  position: static;
  width: 48%;
}
.legacy #aaa_login #lb_links {
  height: auto;
  margin-top: 5px;
}
.legacy #aaa_login #chxRememberMe {
  margin-bottom: 7px;
  *margin-bottom: 4px;
}
.legacy #aaa_login #radio_mob, .legacy #aaa_login #radio_int {
  margin-top: 2px;
  *margin-top: -3px;
}
.legacy #whatsHotCol {
  margin-top: 20px;
}
.legacy #whatsHotCol .modHeader {
  /* background: #ffffff url(/css/2.0/img/bg-fade-45.gif) repeat-x scroll left -11px; */
  height: 2em;
}
.legacy #whatsHotCol h2 {
  padding-top: 4px;
  /*color: #C01A24;*/
}
.legacy .gifOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.legacy .nowrap {
  white-space: nowrap;
}
.legacy #topmenu-holder {
  margin: auto;
  padding-right: 6px;
  width: 954px;
  overflow: visible;
  position: relative;
  clear: both;
  *z-index: 15;
}
.legacy #top-links {
  background: url(/css/3.0/img/menu/menu_bg01.gif) repeat-x;
  height: 67px;
  position: relative;
}
.legacy #top-links .top-logo {
  position: absolute;
}
.legacy #top-quicklinks {
  height: 32px;
  margin-left: 78px;
  position: relative;
}
.legacy #top-quicklinks li {
  float: right;
  font-weight: bold;
  _margin: 0;
}
.legacy #top-quicklinks li.top-search {
  _margin-right: 5px;
}
.legacy #top-quicklinks li.login-area {
  _margin-right: 20px;
  _position: relative;
  _top: 5px;
}
.legacy #top-quicklinks a.icon-cart {
  padding-right: 35px;
  background: transparent url(/css/3.0/img/icon-cart.gif) no-repeat scroll 100px 9px;
}
.legacy #top-quicklinks li a {
  color: #fff;
  line-height: 1.2em;
  text-decoration: none;
  padding: 8px 30px 10px 15px;
  display: block;
}
.legacy #top-quicklinks .login-area ul li a {
  _display: inline;
}
.legacy #top-quicklinks li a.nobutton {
  background: none !important;
  min-width: 10px;
  position: relative;
  top: -4px;
  margin-right: 10px;
}
.legacy #top-quicklinks #top-search-field, .legacy #top-quicklinks #autoComplete {
  background: url("/css/2.1/img/search-bg.gif") no-repeat scroll 0 0 transparent;
  border: 0 none;
  font-size: 1em;
  padding: 6px 0 10px 20px;
  position: relative;
  top: 1px;
  width: 173px;
}
.legacy #top-quicklinks .top-search input {
  *top: -3px;
}
.legacy form#cse-search-box input.search {
  background: transparent url(/css/2.1/img/btn-search.gif) no-repeat top left;
  border: none;
  text-indent: -1000em;
  height: 30px;
  width: 62px;
  cursor: pointer;
  /* IE Fixes for submit button styling */
  *font-size: 0px;
  *display: inline;
  *line-height: 0px;
}
.legacy #top-quicklinks .top-search {
  clear: both;
  left: 610px;
  position: absolute;
  top: 35px;
}
.legacy #top-quicklinks ul.btn li {
  margin: 0 !important;
  border-left: 1px solid #E70000;
}
.legacy #top-quicklinks ul.btn li:last-child {
  border-left: none !important;
}
.legacy #top-globalnav {
  background: url(/css/3.0/img/menu/menu_norm.gif) repeat-x;
  height: 35px;
  margin-bottom: -2px;
  margin-left: 78px;
}
.legacy #top-globalnav li {
  background: url(/css/3.0/img/menu/menu_norm.gif) repeat-x;
  display: inline;
  float: left;
  height: 35px;
  line-height: 1.4;
}
.legacy #top-globalnav li.active {
  background: white url(/css/3.0/img/menu/menu_active.gif) repeat-x;
}
.legacy #top-globalnav li a {
  border-right: 1px solid #e70000;
  color: #fff;
  display: block;
  float: left;
  font-size: 1.182em;
  font-weight: bold;
  height: 25px;
  margin: 2px 0 0;
  padding: 8px 15px 0;
  text-decoration: none;
}
.legacy #top-globalnav li a:hover {
  background: #C80000;
  border-right: 1px solid #C80000;
}
.legacy #top-globalnav li.active a, .legacy #top-globalnav li.active a:hover {
  background: white url(/css/3.0/img/menu/menu_active.gif) right 0;
  border-right: 0;
  color: #8c0000;
  margin: 0 0 0 4px;
  padding-top: 10px;
}
.legacy #top-firstlevel {
  background: #fff;
  border-bottom: solid 2px #dbdbdb;
  border-right: solid 2px #dbdbdb;
  border-left: solid 1px #ededed;
  clear: both;
  float: left;
  margin-bottom: 10px;
  padding-left: 6px;
  width: 946px;
  overflow: hidden;
}
.legacy #top-firstlevel li {
  display: block;
  float: left;
  font-size: 1em;
  line-height: 2;
  /* margin:0 2em 0 0; Removed 29.10.09 - TIM
  padding:5px 0; */
}
.legacy #top-firstlevel li a {
  color: #666;
  text-decoration: none;
  font-size: 1.182em;
  color: #000;
  display: block;
  padding: 5px 20px 5px 5px;
}
.legacy #top-firstlevel li.active a {
  color: #8c0000;
  font-weight: bold;
}
.legacy #top-firstlevel li a:hover {
  text-decoration: underline !important;
}
.legacy div.border {
  -moz-box-shadow: 1px 1px 0px #EDEDED;
  -webkit-box-shadow: 1px 1px 0px #EDEDED;
}
.legacy #login_wrapper, .legacy #herobanner img {
  -moz-box-shadow: 2px 2px 0px #DBDBDB;
  -webkit-box-shadow: 2px 2px 0px #DBDBDB;
}
.legacy #login_wrapper a#loginSubmit:hover {
  text-decoration: none;
  color: #000 !important;
}
.legacy .login-area {
  *width: auto;
}
.legacy #login_wrapper .link_list1Col {
  *margin-bottom: 8px;
  *padding-bottom: 0px;
}
.legacy #login_wrapper .formButtons {
  *height: 25px;
}
.legacy #login_wrapper .formButtons a {
  *float: left;
}
.legacy #login_wrapper #loginSubmit {
  position: static;
  right: 0px;
  margin: 0 25px 0 0;
}
.legacy #login_wrapper .formButtons {
  float: left;
}
.legacy #login_wrapper a.register {
  text-decoration: underline;
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.legacy #login_wrapper h3 {
  font-weight: bold;
  margin-bottom: 2px;
}
.legacy #login_wrapper ul {
  margin-bottom: 5px;
  position: relative;
  top: -3px;
  overflow: hidden;
}
.legacy .fabLoginOnlineId, .legacy .fabLoginPassword, .legacy .myvfLoginOnlineId {
  width: 190px;
  position: absolute;
  left: 345px;
  border: 1px solid #ebebeb;
  padding: 0pt 10px;
  background: none repeat scroll 0% 0% white;
  -moz-box-shadow: 0px 4px 7px #666;
}
.legacy .fabLoginOnlineId img, .legacy .fabLoginPassword img, .legacy .myvfLoginOnlineId img {
  position: absolute;
  left: -14px;
  z-index: 145;
}
.legacy .fabLoginOnlineId img, .legacy .fabLoginPassword img {
  top: 26px;
}
.legacy .myvfLoginOnlineId img {
  top: 16px;
}
.legacy .fabLoginOnlineId, .legacy .myvfLoginOnlineId {
  top: 85px;
}
.legacy .fabLoginPassword {
  top: 140px;
}
.legacy .modCopy1HalfCol {
  width: 240px;
}
.legacy .modCopyHalfCol {
  width: 110px;
}
.legacy .marginTop0 {
  margin-top: 0px !important;
}
.legacy .marginTop10 {
  margin-top: 10px !important;
}
.legacy .marginTop20 {
  margin-top: 20px !important;
}
.legacy .marginTop30 {
  margin-top: 30px !important;
}
.legacy .marginTop50 {
  margin-top: 50px !important;
}
.legacy .marginBottom0 {
  margin-bottom: 0px !important;
}
.legacy .marginBottom10 {
  margin-bottom: 10px !important;
}
.legacy .marginBottom20 {
  margin-bottom: 20px !important;
}
.legacy .marginBottom30 {
  margin-bottom: 30px !important;
}
.legacy .marginBottom50 {
  margin-bottom: 50px !important;
}
.legacy .marginLeft10 {
  margin-left: 10px !important;
}
.legacy .marginLeft20 {
  margin-left: 20px !important;
}
.legacy .marginLeft30 {
  margin-left: 30px !important;
}
.legacy .marginLeft50 {
  margin-left: 50px !important;
}
.legacy .marginRight10 {
  margin-right: 10px !important;
}
.legacy .marginRight20 {
  margin-right: 20px !important;
}
.legacy .marginRight30 {
  margin-right: 30px !important;
}
.legacy .marginRight50 {
  margin-right: 50px !important;
}
.legacy .noBG {
  background: none !important;
}
.legacy .dottedTopBorder {
  background: white url(/css/1.2/img/dottedLine.gif) repeat-x scroll right top !important;
}
.legacy .txt1Larger {
  font-size: 1.1em;
}
.legacy .txt2Larger {
  font-size: 1.2em;
}
.legacy .txt3Larger {
  font-size: 1.3em;
}
.legacy .txt1Smaller {
  font-size: .9em;
}
.legacy #growler .close {
  background: transparent url("/img/icons/icon-close.png") no-repeat left top;
  height: 20px;
  position: absolute;
  right: 10px;
  text-indent: -100000px;
  top: 10px;
  width: 18px;
}
.legacy #growler .close:hover {
  background-position: left bottom;
}
@media print {
  .legacy {
    /* BEGIN LMNP LIGHTBOX PRINT STYLES */
    /* END LMNP LIGHTBOX PRINT STYLES */
    /* START OASIS Print Style */
    /* END */
  }
  .legacy body {
    background: white;
    font-size: 8pt;
  }
  .legacy .globalNav {
    display: none;
  }
  .legacy .firstLevelNav {
    display: none;
  }
  .legacy #wormsearch {
    display: none;
  }
  .legacy .secondLevelNav {
    display: none;
  }
  .legacy .metaNav {
    display: none;
  }
  .legacy .loginBox {
    display: none;
  }
  .legacy #contentGrid {
    left: 50px;
    top: 100px;
  }
  .legacy #vodafoneLogo {
    display: none;
  }
  .legacy .singleColumn {
    display: none;
  }
  .legacy .footer {
    display: none;
  }
  .legacy .mod3Col .modBorder {
    background-image: none;
  }
  .legacy .modFooter {
    display: none;
  }
  .legacy .formButtons {
    display: none;
  }
  .legacy .lightboxCheck, .legacy .lightboxSubmitBtns, .legacy .lightboxPrint {
    display: none !important;
  }
  .legacy #lightbox, .legacy #lightBoxContent, .legacy #lightBoxHolder, .legacy .LNMPpopupMess, .legacy #lightBoxContent img, .legacy #lightBoxContent div, .legacy #lightBoxContent p, .legacy #lightBoxContent h1, .legacy #lightBoxContent h2 {
    display: block !important;
  }
  .legacy #lightBoxContent span {
    display: inline !important;
    line-height: 100%;
    font-weight: bold;
  }
  .legacy #floatingContainerScroll {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9998;
    background-color: #fff;
  }
  .legacy #floatingContainerScroll img {
    display: block !important;
  }
  .legacy #floatingLayer {
    /*border: 1px dotted #000000;*/
    z-index: 9999;
    float: none;
    display: block !important;
    background: #fff;
    width: 100%;
    height: 100%;
  }
  .legacy #floatingLayer .modCopy {
    display: block !important;
    /*border: 1px dashed #000000;*/
    z-index: 9999;
    font-size: 12pt;
    width: 100%;
    height: 100%;
    background: #ffffff;
  }
  .legacy .lightboxCheck, .legacy .lightboxCheck label {
    display: inline !important;
    top: 2.0em;
    font-size: 12pt;
  }
  .legacy .lightboxYourName, .legacy .lightboxMnumber,
  .legacy .lightboxAccountHolder, .legacy .lightboxMnumber {
    font-weight: bold;
  }
  .legacy .consent ol {
    display: block;
    list-style: decimal;
  }
  .legacy .consent ol li {
    font-size: 12pt;
    line-height: 13pt;
  }
  .legacy .consent ol li ul {
    display: block;
  }
  .legacy .consent ol ul li {
    list-style: lower-alpha;
    margin: 0.5em 2em;
    line-height: 13pt;
  }
  .legacy #pageMask {
    display: none !important;
  }
  .legacy .closeLightbox {
    display: none;
  }
  .legacy #floatingContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9998;
    background-color: #fff;
  }
  .legacy #floatingContainer img {
    display: block !important;
  }
  .legacy #NonPrintArea {
    display: none;
  }
  .legacy .lightboxCopyWide h2 {
    font-size: 24px;
  }
  .legacy .searchNav {
    display: none;
  }
}
.legacy .grid {
  overflow: visible;
}
.legacy th {
  font-weight: 700;
}
.legacy a {
  cursor: pointer;
}
.legacy a.btnPetrolBack {
  background: url(/css/3.0/img/buttons/arrow-left.gif) no-repeat left top;
  padding-left: 15px !important;
}
.legacy a.btnPetrolBack:hover {
  background-position: left -100px;
}
.legacy a.btnDelete, .legacy a.btnDelete:hover {
  text-decoration: none !important;
}
.legacy :focus {
  outline: 0;
}
.legacy div.hr {
  clear: both;
  height: 1px;
  padding-top: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid #dbdbdb;
}
.legacy div.hrSolid {
  clear: both;
  height: 5px;
  margin-bottom: 7px;
  padding-top: 10px;
  border-bottom: 1px solid #dbdbdb;
}
.legacy div.hr hr, .legacy div.hrSolid hr {
  display: none;
}
.legacy .whiteBG {
  border-top: 1px solid #dbdbdb !important;
  border-right: 1px solid #dbdbdb !important;
  border-left: 1px solid #dbdbdb !important;
}
.legacy .whiteBG a {
  color: #000 !important;
}
.legacy .greenBG .modHeader, .legacy .greenBG .modBody {
  background: #8bc55a;
}
.legacy .greenBG .link_list1Col a {
  color: #fff;
  background-image: url(/css/2.0/img/buttons/arrow-grey-green.gif);
}
.legacy .pinkBG .modHeader, .legacy .pinkBG .modBody {
  background: #DC83AF;
}
.legacy .pinkBG .link_list1Col a {
  color: #fff;
  background-image: url(/css/2.0/img/buttons/arrow-grey-pink.gif);
}
.legacy .orangeBG {
  background: #f39500;
}
.legacy .lightGreenBG {
  background: #8bc55a;
}
.legacy .lightlightPurple {
  color: #ebebeb;
}
.legacy .lightlightPurple a {
  color: #dab9dc;
  text-decoration: underline;
}
.legacy .red {
  color: #c80000;
}
.legacy h3.petrol {
  font-weight: 700;
  font-size: 1em;
}
.legacy .searchField {
  right: 54px;
}
.legacy .searchNav .textBtnGrey, .legacy .searchNav .inputBtnGrey {
  width: 61px;
}
.legacy .textBtnRed span, .legacy .textBtnPurple span, .legacy .textBtnGrey span, .legacy .textBtnGreyOnRed span {
  padding-left: 6px !important;
  padding-right: 6px !important;
  white-space: nowrap;
}
.legacy .login .textBtnPurple, .legacy .login .inputBtnPurple {
  width: auto;
}
.legacy .column1_2, .legacy .column2_2 {
  float: left;
}
.legacy .mod2Col .column1_2, .legacy .mod2Col .column2_2 {
  width: 180px;
}
.legacy .inputErrMsg, .legacy .invalidErrMsg {
  top: 2px;
  position: relative;
  margin: 0;
}
.legacy .inputErrMsgForUnderAge, .legacy .invalidErrMsgForUnderAge {
  margin: 0;
}
.legacy .imgRight {
  float: right;
  padding: 0 0 0 10px;
}
.legacy .underline {
  text-decoration: underline;
}
.legacy .strikethrough {
  text-decoration: line-through;
}
.legacy .tabs h3 span {
  font-weight: 400;
}
.legacy .butnCenter {
  text-align: center;
}
.legacy div.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
.legacy .username {
  text-decoration: underline;
  padding: 0 !important;
}
.legacy .checkout {
  float: right;
  margin: 5px 10px 0 0;
}
.legacy .filterModule label {
  display: none !important;
}
.legacy .filterModule {
  padding: 7px 0;
}
.legacy .modWidth400 {
  width: 400px;
}
.legacy .modHeight324 {
  height: 300px;
}
.legacy .modHeight324NoBorder {
  height: 324px;
  overflow: hidden;
}
.legacy .modHeight326 {
  height: 326px;
  overflow: hidden;
  margin: 0;
}
.legacy .modHeight290 {
  height: 290px;
  overflow: hidden;
}
.legacy .modHeight215 {
  overflow: hidden;
  margin: 0;
}
.legacy .iframeHolder {
  height: 280px;
  width: 530px;
  overflow: hidden;
}
.legacy .iframe {
  height: 284px;
  width: 534px;
  border: 0;
  border-style: none;
  margin: -2px 0 0 -2px;
}
.legacy .inputValue {
  color: #ccc;
}
.legacy .inputValue.darkGrey {
  color: #333;
}
.legacy .tripleMod .outofstock {
  color: #c80000;
  float: left;
  font-weight: 700;
  left: 90px;
  position: absolute;
  top: 28px;
  width: 83px;
}
.legacy .upgrade .textBtnGrey {
  margin-top: 0;
}
.legacy .upgrade .infoText {
  position: relative;
  top: -7px;
}
.legacy .tabBox {
  margin-left: 0 !important;
  height: 24px;
  position: relative;
  top: 2px;
}
.legacy .errorMsg {
  display: block;
  padding: 16px;
}
.legacy .errorMsgHead {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}
.legacy .errorMsg ul {
  list-style-type: square;
  margin: 0 0 0 16px;
}
.legacy .errorMsg.hidden {
  display: none;
}
.legacy label.inputErr {
  padding: 1px 4px;
}
.legacy .blockUI {
  background: #000 !important;
  cursor: default !important;
}
.legacy .blockUI.blockMsg {
  width: 560px !important;
  background-image: url(/css/2.0/img/vodafone-logo.gif) !important;
  background-repeat: no-repeat !important;
  background-color: #FFF !important;
  border: none !important;
  text-align: left !important;
  height: 300px;
  margin: -200px 0 0 -300px !important;
  padding: 90px 10px 10px !important;
}
.legacy html .blockUI.blockMsg.blockPage.gallery {
  width: 560px !important;
  background-image: url(/css/2.0/img/vodafone-logo.gif) !important;
  background-repeat: no-repeat !important;
  background-color: #FFF !important;
  border: none !important;
  text-align: left !important;
  height: 300px;
  margin: -250px 0 0 -300px !important;
  padding: 90px 10px 10px !important;
}
.legacy * html .blockUI.blockMsg {
  margin-top: 0 !important;
}
.legacy * + html .blockUI.blockMsg {
  margin-top: 0 !important;
}
.legacy * html #nonjs {
  height: 100%;
}
.legacy #nonjs .blockUI.first {
  display: none;
}
.legacy #nonjs .blockUI.secound {
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  position: fixed;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.legacy #nonjs .blockUI.blockMsg {
  width: 560px !important;
  height: 300px !important;
  background-image: url(/css/2.0/img/vodafone-logo.gif) !important;
  background-repeat: no-repeat !important;
  position: fixed;
  left: -280px;
  top: 50%;
  margin: -200px 50%;
  padding: 90px 10px 10px !important;
}
.legacy * html #nonjs .blockUI.secound {
  position: absolute;
  height: 100px;
  min-height: 100%;
  display: block;
}
.legacy * html #nonjs .blockUI.blockMsg {
  position: absolute;
}
.legacy .blockUI.blockMsg a.closeOverlay {
  background-position: top right;
  position: absolute;
  white-space: nowrap;
  top: 10px;
  left: 480px;
  padding: 0 17px 0 0;
}
.legacy .blockUI.blockMsg h3 {
  font-weight: 700;
  font-size: 1.8em;
  line-height: 1.1em;
  color: #008698;
  padding: 5px 0 10px;
}
.legacy .blockUI.blockMsg h4 {
  font-weight: 700;
  font-size: 1em;
  color: #000;
  padding: 0 0 5px;
}
.legacy .siteOverlay .column1_2 {
  width: 300px;
}
.legacy .optionsnumber .column1_2 li {
  line-height: 1.2em !important;
  margin-top: 4px;
  padding: 0;
}
.legacy .nonjs .optionsnumber .column1_2 {
  width: 320px;
}
.legacy .nonjs .optionsnumber .column2_2 {
  width: 230px;
}
.legacy .optionsnumber .column1_2 {
  width: 650px;
  margin: 10px 0 10px 8px;
}
.legacy .siteOverlay p {
  font-size: 1em;
}
.legacy .siteOverlay .column2_2 {
  width: 250px;
  margin: 0 !important;
}
.legacy .siteOverlay .portingnumber input, .legacy .siteOverlay .portingnumber select, .legacy .siteOverlay .currentnumber input, .legacy .siteOverlay .currentnumber select {
  margin-bottom: 5px;
}
.legacy .siteOverlay #divTnCforMobilePorting input, .legacy .siteOverlay #divTnCforHomePhonePorting input {
  float: left;
}
.legacy .siteOverlay #divTnCforMobilePorting label, .legacy .siteOverlay #divTnCforHomePhonePorting label {
  width: 540px;
  float: left;
}
.legacy .siteOverlay .steps .column1_2, .legacy .siteOverlay .steps .column2_2 {
  width: 260px;
}
.legacy .siteOverlay input, .legacy .siteOverlay textarea, .legacy .siteOverlay select {
  margin-top: 2px;
}
.legacy .siteOverlay .errorMsg {
  padding: 0;
}
.legacy .siteOverlay .errorMsg, .legacy .siteOverlay .errorMsg .errorMsgHead, .legacy .siteOverlay .errorMsg .errorMsgText {
  margin: 2px !important;
}
.legacy .siteOverlay .purpleBG {
  background: #ebebeb !important;
  width: 700px;
  /*height:105px;*/
  margin-left: 13px;
  margin-bottom: 15px;
  padding: 10px;
  overflow: hidden;
}
.legacy .siteOverlay .purpleBG div.paging {
  width: 200px;
  float: right;
}
.legacy .siteOverlay .currentnumber .column1_2 {
  padding-left: 45px;
  width: 205px;
}
.legacy .siteOverlay .currentnumber .column2_2 {
  padding-left: 85px;
  width: 200px;
}
.legacy #cartmobile.siteOverlay .portingnumber .column1_2 {
  width: 205px;
}
.legacy #cartmobile.siteOverlay .portingnumber .column2_2 {
  width: 425px;
}
.legacy #carthomephone.siteOverlay .portingnumber .column1_2 {
  width: 240px;
}
.legacy #carthomephone.siteOverlay .portingnumber .column2_2 {
  width: 425px;
}
.legacy .siteOverlay .portingnumber .column1_2 {
  padding-top: 6px;
}
.legacy .divNewPhoneNumbersWrap {
  line-height: 2em;
  width: 540px;
  overflow: hidden;
}
.legacy .divNewPhoneNumbersWrap li {
  float: left;
  width: 135px;
  overflow: visible;
  white-space: nowrap;
}
.legacy .divNewPhoneNumbersWrap li.newLine {
  width: 125px;
}
.legacy .divNewPhoneNumbersWrap li.newLine input {
  margin: 0 5px 0 0;
}
.legacy .divNewPhoneNumbersWrap label {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.legacy .divNewPhoneNumbersWrap input {
  margin: 0 5px 0 17px;
}
.legacy .strengthMeter {
  border: 1px solid #dbdbdb;
  float: left;
  width: 95px;
  margin: 10px 0;
  padding: 5px 10px;
}
.legacy .strengthMeter .infoText {
  color: #666;
  font-size: 12px !important;
  top: 0 !important;
}
.legacy .strengthMeter .active {
  background: #5B8424;
}
.legacy .strengthMeter .inactive {
  background: red;
}
.legacy .strengthMeter div.steps {
  width: 100px;
}
.legacy .strengthMeter div.step {
  border: 1px solid #dbdbdb;
  display: block;
  float: left;
  height: 6px;
  overflow: hidden;
  width: 22px;
  margin: 0 2px 0 0;
}
.legacy .strengthMeter .infoMsg {
  border: 0;
  clear: both;
  color: red;
  font-size: 12px;
  line-height: 1em;
  padding-top: 5px;
  width: auto;
}
.legacy .strengthMeter .infoMsg.correct {
  color: #5B8424;
}
.legacy .textBtnRed.disable, .legacy .textBtnGrey.disable {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
  cursor: default;
}
.legacy .textBtnRed.disable:hover span {
  background-position: top left !important;
}
.legacy .textBtnRed.disable:hover {
  background-position: top right !important;
}
.legacy .smartMessages {
  margin-bottom: 6px;
  background: #ffffef;
  padding: 0px !important;
  overflow: hidden;
}
.legacy .smartMessages li {
  background: #ffffef url(/css/2.0/img/smartmsg-dottedborder.gif) repeat-x top left;
}
.legacy * html .smartMessages li {
  height: 50px;
}
.legacy .smartMessages li.first {
  background-image: none;
}
.legacy .smartMessages li p {
  width: 485px;
  float: left;
  background: #ffffef;
  margin: 0;
  padding: 15px 5px 10px 50px;
}
.legacy .smartMessages li p span.expires {
  display: block;
  font-size: 12px;
  color: #BCA361;
  width: 380px;
  height: 16px;
  float: left;
}
.legacy .smartMessages li p span.rating {
  display: block;
  width: 365px;
  float: left;
}
.legacy .smartMessages .textBtnRed.rate {
  top: -3px;
  left: 5px;
}
.legacy * html .smartMessages .textBtnRed.rate {
  width: 110px !important;
}
.legacy .smartMessages .addons {
  background: url(/css/2.0/img/smartmsg-addons.jpg) no-repeat 8px 7px;
}
.legacy .smartMessages .accessories {
  background: url(/css/2.0/img/smartmsg-accessories.jpg) no-repeat 8px 7px;
}
.legacy .smartMessages .voucher {
  background: url(/css/2.0/img/smartmsg-voucher.jpg) no-repeat 8px 7px;
  height: 20px;
}
.legacy .smartMessages .btnDelete {
  float: right;
  font-size: 12px;
  width: 0;
  height: 10px;
  overflow: hidden;
  background-image: url(/css/2.0/img/smartmsg-delete.gif);
  margin: 5px 5px 0 0;
  padding: 0 0 0 10px;
}
.legacy .smartMessages .btnDelete:hover, .legacy .smartMessages .btnDelete:focus {
  background-position: left -10px !important;
}
.legacy .smartMessages .tooltip {
  width: 110px;
  position: absolute;
}
.legacy .smartMessages .tooltipLink {
  top: 0;
}
.legacy .smartMessages .textBtnRed {
  bottom: 0;
  float: right;
  font-size: 13px;
  background-image: url(/css/2.0/img/buttons/red-right-no-shadow.gif);
  margin-top: 5px !important;
}
.legacy .smartMessages .textBtnRed span {
  font-size: 13px;
  color: #fff;
  background-image: url(/css/2.0/img/buttons/red-left-no-shadow.gif);
  padding-bottom: 3px;
}
.legacy .voucher .modBody {
  background: url(/css/2.0/img/placeholders/voucher-image.gif) no-repeat 5px 10px;
}
.legacy .voucher .modCopy {
  padding-top: 35px;
}
.legacy .voucher .column1_2 {
  padding-left: 10px;
  width: 340px;
}
.legacy .voucher .column1_2 h1 {
  font-size: 1.454em;
  color: #333;
  font-weight: 700;
  margin-bottom: 45px;
}
.legacy .voucher .column2_2 {
  text-align: right;
  width: 194px;
}
.legacy .voucher .priceTag {
  color: #c80000;
  font-size: 1.5em;
  position: relative !important;
  margin-bottom: 10px;
  margin-top: -5px;
}
.legacy .voucher .priceTag span {
  line-height: 1em;
}
.legacy .voucher .priceTag .price2 {
  top: -10px;
}
.legacy .voucher .column2_2 h3 {
  text-align: left;
  font-weight: 700;
}
.legacy .voucher .textBtnRed {
  float: right;
  margin-top: 0;
}
.legacy .voucher .textBtnRed span {
  background-image: url(/css/2.0/img/buttons/red-left-no-shadow.gif);
}
.legacy .voucher .terms {
  display: block;
  color: #999;
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 5px 0 10px;
}
.legacy .voucherLogin {
  padding-bottom: 10px;
}
.legacy .voucherLogin .column1_2 {
  width: 250px;
}
.legacy .voucherLogin .column2_2 {
  width: 300px;
}
.legacy .voucherLogin .formList li {
  clear: both;
  padding-bottom: 5px;
}
.legacy .voucherLogin .formList .formCopy {
  text-align: left;
}
.legacy .tooltipLink {
  width: 12px;
  position: relative;
  top: 5px;
  margin-left: 2px;
}
.legacy #cartmobilePink #txtCurrentVodNum {
  margin-left: 10px;
}
.legacy .column2_3 .tooltipLink.helpimg {
  margin-left: -5px;
}
.legacy .txtPin {
  width: 50px;
  float: left;
}
.legacy .helpimg {
  width: 10px;
  float: right;
  margin-top: 5px;
  position: relative;
}
.legacy .tooltip {
  display: none;
  width: 285px;
  z-index: 9999;
}
.legacy .tooltip_border_top {
  border-top: 1px solid #f9f9f9;
  height: 5px;
  overflow: hidden;
  background: white url(/css/2.0/img/tooltip-top.gif) no-repeat top right;
}
.legacy .tooltip_border_top span {
  background: url(/css/2.0/img/tooltip-top.gif) no-repeat top left;
}
.legacy .tooltip_border_middle {
  background: #fff;
  border: solid #d5d5d5;
  color: #666;
  border-width: 0 1px;
  padding: 3px 8px 8px;
}
.legacy .tooltip_border_bottom {
  height: 2px;
  overflow: hidden;
  background: url(/css/2.0/img/tooltip-bottom-right.gif) no-repeat top right;
}
.legacy .tooltip_border_bottom span {
  width: 2px;
  background: url(/css/2.0/img/tooltip-bottom-left.gif) no-repeat top left;
}
.legacy a.tip {
  display: inline-block;
  width: 14px;
  height: 10px;
  text-indent: -9999px;
  background: url(/vf-apps/shop/css/1.2/img/buttons/questionGreen.gif) no-repeat 0px 0px;
  margin-left: 5px;
}
.legacy div.blockUI .paging {
  clear: both;
  position: absolute;
  top: 372px;
  width: 558px;
  margin: 0;
  padding: 0;
}
.legacy .paging a {
  margin-top: 1px;
}
.legacy a.cancel, .legacy button.cancel {
  position: absolute;
  left: 440px;
}
.legacy button.confirm, .legacy button.confirm {
  float: right;
}
.legacy .nonjs #backcartmobile {
  margin-right: 405px;
}
.legacy * html .nonjs #backcartmobile {
  margin-right: 396px;
}
.legacy #cartsaving img {
  padding: 50px 0 20px 235px;
}
.legacy .modHeight350 {
  height: 260px;
  overflow: hidden;
}
.legacy .userRating {
  position: absolute;
  top: 14.8em;
  left: 85px;
}
.legacy .userRating a {
  text-decoration: underline;
}
.legacy .userRating div {
  width: 50px;
  height: 9px;
  background: url(/css/2.0/img/rating-star-red.gif) repeat-x;
}
.legacy .userRating.grey div {
  background: url(/css/2.0/img/rating-star-grey-dark.gif) repeat-x;
}
.legacy .userRating div span {
  float: right;
  display: block;
  height: 9px;
  background: url(/css/2.0/img/rating-star-grey.gif) repeat-x;
}
.legacy .userRating .stars0 span {
  width: 50px;
}
.legacy .userRating .stars1 span {
  width: 40px;
}
.legacy .userRating .stars2 span {
  width: 30px;
}
.legacy .userRating .stars3 span {
  width: 20px;
}
.legacy .userRating .stars4 span {
  width: 10px;
}
.legacy .userRating .stars5 span {
  width: 0;
}
.legacy .column2_2 .userRating {
  position: relative;
  top: 0;
  left: 0;
  margin: 10px 0;
}
.legacy .column2_2 .userRating div {
  float: left;
  margin: 3px 5px 0 0;
}
.legacy .upgradeMod #upgradeMobileNumber {
  width: 105px;
  float: left;
  margin: 5px 5px 0 0;
}
.legacy .upgradeMod .modCopy .grey {
  color: #aaa;
}
.legacy .upgradeMod .textBtnGrey:hover {
  position: static;
}
.legacy .helpMod .expander {
  margin: 1px 0 0 !important;
  padding: 0;
}
.legacy .helpMod .modHeight282 dd {
  height: 182px;
}
.legacy .helpMod .expander.grassGreenBG a {
  background-image: url(/css/3.0/img/buttons/plus.gif);
  font-weight: 700;
}
.legacy .helpMod .expander.grassGreenBG.selected a, .legacy .helpMod .expander.grassGreenBG.selected a:hover {
  background-image: url(/css/2.0/img/buttons/accordion-blank-grass-green.gif);
  background-position: 5px 4px;
  cursor: default;
}
.legacy .secureMod .link_list1Col {
  margin-top: 5px;
}
.legacy .promoMod .modBody {
  height: 173px;
}
.legacy .tripleMod {
  margin-top: 5px;
  width: 179px;
  height: 21.272em;
  padding: 2px;
}
.legacy .tripleMod a {
  text-decoration: none;
  cursor: pointer;
}
.legacy .imageHolder {
  position: relative;
}
.legacy .imageHolder .specialFlash {
  position: absolute;
  top: 0;
  right: 55px;
  padding: 0;
}
.legacy .tripleMod .specialFlash {
  position: relative;
  top: -10px;
  right: 5px;
  padding: 0;
}
.legacy .tripleMod .specialFlash span, .legacy .imageHolder .specialFlash span {
  clear: both;
  display: block;
  margin-left: 110px;
  width: 75px;
}
.legacy .tripleMod .specialFlash span {
  margin-left: 90px;
}
.legacy .tripleMod .specialFlash h3 {
  left: 38px;
}
.legacy .tripleMod .specialFlash h3, .legacy .imageHolder .specialFlash h3 {
  width: 40px;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: center;
  margin: 0;
  padding: 5px;
}
.legacy .tripleMod .specialFlash h3 span, .legacy .imageHolder .specialFlash h3 span {
  display: inline;
  font-size: 1.5em;
  font-weight: 700;
  margin: 0;
}
.legacy .tripleMod .selectImage {
  text-decoration: none;
}
.legacy .tripleMod .features {
  top: 18.2em;
  left: 0;
  width: auto;
  overflow: hidden;
}
.legacy .tripleMod .priceTag {
  left: 82px;
  margin-left: 10px;
  text-align: left;
  top: 6.5em;
  width: 85px;
}
.legacy .tripleMod .priceTag .withPlanName {
  font-size: 13px;
  line-height: 12px;
  width: 83px;
  float: right;
}
.legacy .listing .tabs h3 {
  overflow: hidden;
}
.legacy .broadbandListing .tripleMod .textBtnRed {
  margin-top: 0;
  top: 10em;
}
.legacy .broadbandListing .tripleMod .features {
  left: 85px;
  top: 13em;
  height: auto;
}
.legacy .broadbandListing h3 {
  font-weight: 700;
}
.legacy .wasPriceAmount {
  margin-left: -3px;
  margin-right: -2px;
}
.legacy .price1, .legacy .price4 {
  padding-left: 0;
}
.legacy .price4 {
  margin-right: -1px;
}
.legacy .price1 {
  margin-left: -2px;
  line-height: 0.091em;
  padding-left: 0;
  margin-right: -2px;
}
.legacy .tripleMod .footnote {
  font-size: 13px;
  left: 85px;
  text-decoration: none;
  top: 8em;
}
.legacy .tripleMod .textBtnRed {
  top: 9em;
}
.legacy .mobileOnly {
  font-size: 13px;
  font-weight: 700;
  left: 85px;
  position: absolute;
  top: 13.5em;
}
.legacy .mobileOnly a {
  text-decoration: underline;
  font-weight: 400;
}
.legacy a.btnGrey.compareLink {
  background-image: url(/css/2.0/img/buttons/icon-popup-grey.gif) !important;
}
.legacy .selected a.btnGrey.compareLink, .legacy .selected a.btnGrey.compareLink:hover, .legacy .selected a#compare.btnGrey {
  background-image: url(/img/icons/icon-tick.gif);
  background-repeat: no-repeat;
  background-position: right;
  background-position: 4px;
  cursor: default;
  color: #A3A3A3;
}
.legacy .link_list2Col .columnTech2_2 a {
  background: none;
}
.legacy #disableCompareLink {
  color: #A3A3A3;
}
.legacy a.btnPetrol.compareLink {
  background-image: url(/css/2.0/img/buttons/icon-popup-petrol.gif) !important;
}
.legacy .selected a.btnPetrol.compareLink, .legacy .selected a.btnPetrol.compareLink:hover, .legacy .selected a#compare.btnPetrol, .legacy .modLatestPhones .selected a.btnPetrol.compareLink {
  background-image: url(/img/icons/icon-cross.gif) !important;
  background-position: right 4px;
  cursor: default;
  color: #A3A3A3;
}
.legacy #btnAdvancedSearch {
  position: static;
  left: 0;
}
.legacy .advancedSearch {
  margin: 0 -2px;
}
.legacy .advancedSearch label {
  font-size: 13px;
}
.legacy .advancedSearch .planhdrcolumns {
  margin-left: 4px;
  background: #ebebeb;
  color: #333;
  margin-bottom: 6px;
  padding: 5px 8px;
}
.legacy .advancedSearch .boxBottom {
  margin: 10px 12px 0;
}
.legacy .advancedSearch .featureName {
  margin-top: -16px;
}
.legacy .advancedSearch .designStyle .plancol {
  line-height: 1.2em;
  width: 87px;
}
.legacy .advancedSearch .designStyle .plancol img {
  margin-right: 2px;
  float: left;
}
.legacy .advancedSearch .designStyle .plancol input {
  margin-bottom: 17px;
  margin-left: 0;
  margin-right: -3px;
}
.legacy .advancedSearch .designStyle .plancol label {
  display: block;
  font-size: 13px;
}
.legacy .advancedSearch td {
  padding: 0 3px 6px;
}
.legacy .advancedSearch .column1_5, .legacy .advancedSearch .column2_5, .legacy .advancedSearch .column3_5, .legacy .advancedSearch .column4_5, .legacy .advancedSearch .column5_5 {
  width: 130px;
}
.legacy .modBrand {
  height: 90px;
  overflow: hidden;
  color: #fff;
  font-size: 0.9em;
  margin: 0 3px 10px;
  padding: 0 0 0 410px;
}
.legacy .modBrand.brandSony {
  background: url(/css/2.0/img/brand-sony-ericsson.jpg) no-repeat;
}
.legacy .modBroadbandListing {
  overflow: hidden;
}
.legacy .modBroadbandListing .priceTag {
  position: static;
  margin-top: 30px;
}
.legacy .modBroadbandListing .price1, .legacy .modBroadbandListing .price2, .legacy .modBroadbandListing .price4 {
  line-height: 1em;
}
.legacy input.checkYourCoverageForm {
  color: #686868;
}
.legacy #findMymobile em {
  padding-left: 18px;
  padding-right: 19px;
}
.legacy .accessory .prodImage {
  height: 80px;
  overflow: hidden;
}
.legacy .accessory .prodCopy {
  height: 40px;
  overflow: hidden;
  padding: 8px 0 7px;
}
.legacy .accessory h3 {
  line-height: 16px;
  font-weight: 700;
  height: 32px;
  overflow: hidden;
}
.legacy .accessory .priceTag .price1, .legacy .accessory .priceTag .price2, .legacy .accessory .priceTag .price4 {
  line-height: 1em;
}
.legacy .accessory .textBtnRed {
  float: right;
  margin-top: 0;
}
.legacy .accessory .accessoryCompatible {
  /*background:#dbdbdb;*/
  height: 65px;
  width: 554px;
  margin: -8px 0 10px -7px;
  padding: 7px;
}
.legacy .accessory .accessoryCompatible .column1_2 {
  width: 145px;
  float: left;
}
.legacy .accessory .accessoryCompatible .column1_2 .imgLeft {
  float: left;
  padding: 0 15px 0 0;
}
.legacy .accessory .accessoryCompatible .column2_2 {
  width: 400px;
  float: left;
  text-align: right;
}
.legacy .accessory .accessoryCompatible .column2_2 div {
  margin: 0 0 10px;
}
.legacy .accessory .accessoryCompatible .column2_2 select {
  margin: 0 0 0 3px;
}
.legacy .accessory .accessoryCompatible .column2_2 label {
  margin: 5px 0 0 10px;
}
.legacy .accessory .filterModule {
  border-bottom: 1px solid #ededed;
  width: 554px;
  margin: -8px 0 10px -6px;
  padding: 7px;
}
.legacy .filterModule select {
  width: 180px;
  margin: 0 !important;
}
.legacy .accessoryList h3 a {
  text-decoration: none;
  font-size: 1em;
}
.legacy .accessory .modCopy1col {
  margin-left: 5px;
}
.legacy .displayMod {
  margin: 1em 0;
  padding: 0;
}
.legacy .displayMod .display {
  width: 220px;
  float: left;
  padding: 2px 0 0;
}
.legacy .displayMod .sortBy {
  width: 200px;
  float: right;
  text-align: right;
  padding: 2px 2px 0 0;
}
.legacy .displayMod select {
  margin: 0 0 0 3px;
}
.legacy .displayMod .applyTab {
  float: left;
  width: 110px;
  text-align: right;
  background: url(/vf-apps/shop/css/2.0/img/apply-tab.gif) no-repeat;
  padding: 4px 0 0;
}
.legacy .pagination {
  margin: 20px 0 0;
}
.legacy .pagination form {
  display: inline;
}
.legacy .pagination .column1_2 {
  float: left;
  width: 210px;
  font-weight: 700;
  padding: 0 0 10px 10px;
}
.legacy .pagination .column1_2 select {
  font-weight: 400;
  margin: 0 0 0 3px;
}
.legacy .pagination .column2_2 {
  float: left;
  width: 330px;
  text-align: right;
  padding: 0 0 10px;
}
.legacy .pagination .column2_2 .pages {
  display: inline;
  word-spacing: 0.4em;
  margin: 0 4px;
}
.legacy .pagination .column2_2 .pages a {
  color: #A3A3A3;
}
.legacy .pagination a {
  text-decoration: underline;
}
.legacy .ratingTab .pagination {
  padding-bottom: 20px;
}
.legacy .ratingTab .goodPoints, .legacy .ratingTab .badPoints {
  display: inline;
}
.legacy .pagination .column2_2 .paginationDisable {
  color: #A3A3A3 !important;
  word-spacing: 0 !important;
}
.legacy .mod1Col .lastViewed {
  padding: 15px 0 50px 6px;
}
.legacy .mod1Col .lastViewed h4 {
  margin: 0 0 5px;
}
.legacy .mod1Col .lastViewed li {
  margin: 0 5px 5px 0;
}
.legacy .mod3Col .lastViewed {
  width: 450px;
  overflow: hidden;
  padding: 5px 0 5px 14px;
}
.legacy .mod3Col .lastViewed li {
  float: left;
  margin: 0 5px 3px 0;
}
.legacy .mod4Col .lastViewed {
  width: 610px;
  overflow: hidden;
  padding: 5px 0 0 7px;
}
.legacy .mod4Col .lastViewed li {
  float: left;
  margin: 0 5px 3px 0;
}
.legacy .lastViewed li a {
  text-decoration: underline;
  color: #A3A3A3;
}
.legacy .productDetail .mod2Col {
  overflow: hidden;
}
.legacy .productDetail .otherColors {
  height: 40px !important;
  padding-top: 4px;
  display: inline;
}
.legacy .productDetail .otherColors a, .legacy .otherColors a:hover {
  cursor: default;
  color: #333;
}
.legacy .productDetail .otherColors .colors {
  margin-top: 2px;
}
.legacy .productDetail .otherColors .colors a {
  display: inline;
  cursor: pointer;
  margin: 0 0 0 5px;
  padding: 0;
}
.legacy .printPage {
  clear: both;
}
.legacy .printPage a {
  text-align: right;
  padding-right: 23px;
}
.legacy .printPage a.printBtn {
  background: url(/css/2.0/img/buttons/icon-print-grey.gif) no-repeat right top;
  padding: 0 20px 6px 0;
}
.legacy .printPage a.printBtn:hover {
  background-position: right -100px;
  color: #000;
}
.legacy .compare .continueShopping.printPage, .legacy .OrderBox .printPage {
  text-align: right !important;
  padding-top: 20px !important;
}
.legacy .compare .gen_table form {
  border: none;
}
.legacy .OrderBox .printPage {
  padding: 0 10px 5px 0 !important;
}
.legacy .productDetail .link_list1Col.static {
  background-image: none;
}
.legacy .productDetail .errorMsg {
  border-top: 1px solid #dbdbdb;
  margin-top: 50px;
  padding: 0;
}
.legacy .productDetail .errorMsg .errorMsgHead {
  background: #FFc;
  padding: 4px 3px;
}
.legacy .productDetail .errorMsg .link_list1Col {
  position: static;
  list-style-type: none;
  margin: 15px 0 0;
}
.legacy .productDetail .productPic1 {
  margin-bottom: 0;
  line-height: 0;
  padding-left: 20px;
}
.legacy .productDetail .productPic1 img {
  vertical-align: bottom;
}
.legacy .productDetail .mod1Col .modCopy {
  padding-top: 0;
  float: left;
}
.legacy .productDetail .productPic1 div.specialFlash {
  position: absolute;
  top: 0;
  right: 5px;
  width: 190px;
  text-align: left;
  white-space: normal;
}
.legacy * html .productDetail .productPic1 div.specialFlash {
  left: -10px;
}
.legacy .productDetail .productPic1 div.specialFlash h3 {
  line-height: 1.3em;
  margin-left: 15px;
  margin-right: 10px;
  padding: 5px;
  text-align: center;
  width: 60px;
}
.legacy .productDetail span.specialFlash {
  display: block;
  margin-top: 5px;
  font-size: 0.48em;
  font-weight: 400;
}
.legacy div.specialFlash {
  font-size: 0.91em;
  line-height: 1.2em;
}
.legacy .accessory div.specialFlash {
  width: 165px;
}
.legacy .accessory div.specialFlash h3 {
  float: right;
}
.legacy div.specialFlash h3, .legacy div.specialFlash h3 a {
  color: #fff;
}
.legacy .specialFlash.red, .legacy .productDetail span.specialFlash.red {
  color: red;
}
.legacy .specialFlash.darkRed, .legacy .productDetail span.specialFlash.darkRed {
  color: #cc0202;
}
.legacy .specialFlash.black, .legacy .productDetail span.specialFlash.black {
  color: #333;
}
.legacy .specialFlash.darkPetrol, .legacy .productDetail span.specialFlash.darkPetrol {
  color: #008698;
}
.legacy .specialFlash.darkPurple, .legacy .productDetail span.specialFlash.darkPurple {
  color: #333;
}
.legacy .specialFlash.orange, .legacy .productDetail span.specialFlash.darkOrange {
  color: #F39500;
}
.legacy .specialFlash.darkBlue, .legacy .productDetail span.specialFlash.darkBlue {
  color: #0077b7;
}
.legacy .specialFlash.pink, .legacy .productDetail span.specialFlash.pink {
  color: #dc83ae;
}
.legacy .specialFlash.lightGreen, .legacy .productDetail span.specialFlash.lightGreen {
  color: #8bc55a;
}
.legacy .specialFlash.blueGreen, .legacy .productDetail span.specialFlash.blueGreen {
  color: #009868;
}
.legacy .specialFlash.grassGreen, .legacy .productDetail span.specialFlash.grassGreen {
  color: #5b8424;
}
.legacy .specialFlash.turquoise, .legacy .productDetail span.specialFlash.turquoise {
  color: #6dc1c7;
}
.legacy div.specialFlash.red h3 {
  background: red;
}
.legacy div.specialFlash.darkRed h3 {
  background: #cc0202;
}
.legacy div.specialFlash.black h3 {
  background: #333;
}
.legacy div.specialFlash.darkPetrol h3 {
  background: #008698;
}
.legacy div.specialFlash.darkPurple h3 {
  background: #333;
}
.legacy div.specialFlash.darkOrange h3 {
  background: #F39500;
}
.legacy div.specialFlash.darkBlue h3 {
  background: #0077b7;
}
.legacy div.specialFlash.pink h3 {
  background: #dc83ae;
}
.legacy div.specialFlash.lightGreen h3 {
  background: #8bc55a;
}
.legacy div.specialFlash.blueGreen h3 {
  background: #009868;
}
.legacy div.specialFlash.grassGreen h3 {
  background: #5b8424;
}
.legacy div.specialFlash.turquoise h3 {
  background: #6dc1c7;
}
.legacy div.specialFlash h3 span {
  line-height: 1em;
  font-size: 2em;
}
.legacy .productDetail h1 {
  width: 200px;
  top: 0;
  position: relative;
  font-size: 23px;
  font-weight: 700;
  left: 2px;
  line-height: 29px;
  margin-bottom: 42px;
}
.legacy .productDetail h1 span {
  font-weight: 400;
}
.legacy .productDetail h1 sub {
  font-weight: 400;
  font-size: 16px;
  padding: 0 0 0 5px;
  vertical-align: top;
}
.legacy .productDetail .features {
  list-style-position: outside;
}
.legacy .productDetail ul.features {
  margin-bottom: 10px;
}
.legacy .productDetail .features a {
  text-decoration: underline;
  font-weight: 700;
}
.legacy .price .priceContainer {
  height: 30px;
  color: #333;
}
.legacy .productDetail .price6 {
  margin-right: 8px;
}
.legacy .productDetail .footnote {
  text-decoration: none !important;
  cursor: default;
  padding-right: 13px;
  display: block;
  margin: 5px auto auto;
}
.legacy .productDetail .footnote a {
  text-decoration: underline;
}
.legacy .productDetail .footnote #planString {
  font-weight: 400;
  font-size: 13px;
}
.legacy .productDetail .footnote .hr {
  width: 140px;
  margin: 0 0 7px 30px;
}
.legacy .productDetail .expander a {
  width: 353px;
}
.legacy .productDetail .button {
  float: right;
  margin-right: 13px;
}
.legacy .productDetail .radioFormHolder {
  width: 280px;
}
.legacy .productDetail .radioFormHolder p {
  font-size: 1em;
}
.legacy .productDetail .radioForm dt, .legacy .productDetail .radioForm dd {
  display: inline;
}
.legacy .productDetail .radioForm dt {
  clear: left;
  float: left;
  width: 25px;
  height: 16px;
  overflow: visible;
}
.legacy .productDetail .radioForm dd {
  float: left;
  width: 220px;
}
.legacy .productDetail .radioForm dd label {
  display: block;
  float: left;
  width: 350px;
  line-height: 1.8em;
  white-space: nowrap;
}
.legacy .productDetail h3 {
  font-weight: 700;
  line-height: 29px;
}
.legacy .productDetail .column1_2 {
  width: 174px;
  float: left;
  padding: 0 11px 0 0;
}
.legacy .productDetail .column2_2 {
  width: 170px;
  float: left;
}
.legacy .productDetail .aboutPlan {
  margin-top: 5px;
  background-image: url(/css/2.1/img/solid-line.gif) !important;
}
.legacy .productDetail .tabs {
  padding: 8px 0 0 7px;
}
.legacy .imgLeft {
  float: left;
  padding: 0 25px 0 5px;
}
.legacy .iconPdf {
  vertical-align: top;
}
.legacy .overview h3 {
  height: 18px;
}
.legacy .overview .featureGroup {
  overflow: hidden;
  width: 744px !important;
}
.legacy .overview .featureBox {
  float: left;
  padding-bottom: 8px;
  padding-top: 8px;
  width: 270px;
  height: 100px;
}
.legacy .overview li {
  padding: 4px 0 0 4px;
}
.legacy .overview .row_a {
  background-color: #EBEBEB;
}
.legacy .planDetailsTable th.includes {
  width: 100px;
}
.legacy .ratingTab .displayMod {
  margin-top: 12px;
}
.legacy .ratingTab .displayMod .display {
  width: 160px;
  text-align: left;
  padding-top: 3px;
}
.legacy .ratingTab .displayMod .sortBy {
  text-align: right;
  width: 200px;
}
.legacy .ratingTab .overall {
  background: #E5F3F4;
  margin-bottom: 10px;
  padding: 5px 5px 10px;
}
.legacy .ratingTab .overall .ratingStars {
  padding-right: 25px;
}
.legacy .ratingTab .overall h3 span.floatLeft {
  font-weight: 700;
}
.legacy .ratingTab .overall h3 span.floatRight {
  font-size: 13px;
}
.legacy .ratingTab .overall div.hr {
  padding-top: 0;
}
.legacy .ratingTab .column2_2 {
  text-align: right;
  vertical-align: bottom;
}
.legacy .productDetail .overviewTab .link_list2Col {
  padding-top: 10px;
}
.legacy .productDetail .planTab .column1_2 {
  width: 80px;
}
.legacy .productDetail .planTab .column2_2 {
  width: 265px;
}
.legacy .productDetail .ratingTab h4 {
  clear: both;
  padding: 15px 0 0;
}
.legacy .accessoriesTab .showAll {
  width: 350px;
  margin: 0 0 0 5px;
  padding: 20px 0 0;
}
.legacy .accessoriesTab div.hrSolid {
  margin: 0;
}
.legacy .quadColumn .gen_table.compare {
  width: 760px;
  margin-top: 20px;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.legacy * html .quadColumn .gen_table.compare table {
  border-collapse: collapse;
}
.legacy *:first-child + html .quadColumn .gen_table.compare table {
  border-collapse: collapse;
}
.legacy .quadColumn .gen_table.compare .descCol {
  width: 160px !important;
  text-align: left;
  vertical-align: top;
  padding: 20px 10px;
}
.legacy * html .quadColumn .gen_table.compare .descCol {
  width: 170px;
}
.legacy .quadColumn .gen_table.compare .mobileCol {
  width: 120px;
}
.legacy .quadColumn .gen_table th {
  padding: 5px 8px !important;
}
.legacy .quadColumn .gen_table.compare th span {
  font-weight: 400;
}
.legacy .gen_table.compare .titlerow, .legacy .gen_table.compare .row_b {
  background: none repeat scroll 0 0 #EBEBEB;
  color: #333;
}
.legacy .quadColumn .gen_table.compare tbody td, .legacy .quadColumn .gen_table.compare tbody th {
  border-left: 1px solid #dbdbdb;
  background: none;
  vertical-align: top;
}
.legacy * html .quadColumn .gen_table.compare tbody td, .legacy .quadColumn .gen_table.compare tbody th {
  border: 0;
}
.legacy .quadColumn .gen_table.compare thead td, .legacy .quadColumn .gen_table.compare thead th {
  text-align: center;
}
.legacy .quadColumn .gen_table.compare thead .row_a td {
  padding-bottom: 0;
}
.legacy .quadColumn .gen_table.compare thead .row_b {
  background: none;
}
.legacy .quadColumn .gen_table.compare thead .row_b td {
  padding-bottom: 0;
  padding-top: 0;
  vertical-align: top;
}
.legacy .quadColumn .gen_table.compare .titlesrow td, .legacy .quadColumn .gen_table.compare .titlesrow th {
  font-weight: Bold;
  background: #ebebeb;
}
.legacy .quadColumn .gen_table.compare tbody td:first-child, .legacy .quadColumn .gen_table.compare tbody th:first-child {
  border-left: 0;
}
.legacy * html .quadColumn .gen_table.compare table th {
  position: relative;
  left: 0;
}
.legacy * html .quadColumn .gen_table.compare tbody td {
  border-left: 1px solid #dbdbdb;
}
.legacy * html .quadColumn .gen_table.compare td.expander table td.descCol, .legacy * html .quadColumn .gen_table.compare td.expander, .legacy * html .quadColumn .gen_table.compare th.descCol {
  border: 0 !important;
}
.legacy .quadColumn .gen_table.compare .priceTag {
  position: relative;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
}
.legacy .quadColumn .gen_table.compare .price1, .legacy .quadColumn .gen_table.compare .price4 {
  font-size: 1.363em;
  line-height: 1em;
}
.legacy .quadColumn .gen_table.compare .price2 {
  font-size: 12px;
  line-height: 1em;
  top: -5px;
}
.legacy .quadColumn .gen_table.compare thead a {
  float: none;
  text-align: left;
}
.legacy .quadColumn .gen_table.compare thead a.printLink {
  float: none;
  text-align: right;
}
.legacy .quadColumn .gen_table.compare tbody a {
  float: left;
  margin: 0;
  padding: 0;
}
.legacy .quadColumn .gen_table.compare a.button {
  position: static;
  margin: 2px 0 0;
}
.legacy .quadColumn .gen_table.compare .userRating {
  position: static;
}
.legacy .quadColumn .gen_table.compare .designIcon {
  vertical-align: middle;
  margin: 0 5px -2px 0;
}
.legacy .quadColumn .gen_table.compare .link_list1Col {
  position: relative;
  list-style-type: none;
  padding: 10px 0 0;
}
.legacy .quadColumn .gen_table.compare .descCol .link_list1Col {
  width: 160px !important;
}
.legacy .quadColumn .gen_table.compare .mobileCol .link_list1Col {
  width: 112px !important;
}
.legacy .quadColumn .gen_table.compare .mobileCol .btnDelete {
  width: 100px;
  position: relative;
  top: 5px;
  padding: 0 0 5px 18px;
}
.legacy .quadColumn .gen_table.compare .compareMobile {
  height: 190px;
  overflow: hidden;
}
.legacy .quadColumn .gen_table.compare .expander {
  margin: 0;
  padding: 0;
}
.legacy .quadColumn .gen_table.compare .expander .expanderLink {
  background: #ebebeb;
  height: 24px;
}
.legacy .quadColumn .gen_table.compare .expander .expanderLink a {
  display: block;
  width: 730px;
  padding: 4px 0 4px 30px;
}
.legacy .quadColumn .gen_table.compare .expander .expanderTable {
  width: 100%;
  margin: 0;
}
.legacy .quadColumn .gen_table.compare .expander .expanderTable .featureAvailable {
  background: url(/img/icons/icon-tick.gif) no-repeat 60px 40%;
}
.legacy .quadColumn .gen_table.compare .expander .expanderTable .featureNotAvailable {
  background: url(/img/icons/icon-cross.gif) no-repeat 60px 40%;
}
.legacy .quadColumn .gen_table.compare .featureAvailable span, .legacy .quadColumn .gen_table.compare .featureNotAvailable span {
  display: none !important;
}
.legacy .quadColumn .gen_table.compare .userRating div {
  float: left;
  margin: 3px 8px 0 0;
}
.legacy .quadColumn .continueShopping {
  border-top: 1px solid #dbdbdb;
  padding-top: 10px !important;
}
.legacy .cartMod .expander {
  margin: 0 !important;
  padding: 0;
}
.legacy .cartMod dl {
  border-bottom: 1px solid #ededed;
}
.legacy .cartMod .expander a {
  padding-bottom: 3px;
}
.legacy .cartMod .modHeader h2 {
  padding-left: 24px;
  background: url(/css/3.0/img/icon-cart-grey.gif) no-repeat 6px 10px;
}
.legacy .cartMod .modHeader h2 span {
  float: left;
  width: auto;
  padding: 0;
}
.legacy .cartMod .modHeader h2 a {
  padding-left: 0;
}
.legacy .cartMod .modHeader h2 span.more {
  width: 50px;
  text-align: right;
}
.legacy .cartMod .expander a, .legacy .cartMod .expander a:hover {
  background-image: url(/css/3.0/img/buttons/plus.gif);
  color: #000;
}
.legacy .cartMod .expander.selected a {
  background-image: url(/css/3.0/img/buttons/minus.gif);
}
.legacy .cartMod .expander .more {
  margin: 0 0 0 15px;
}
.legacy .cartMod .expander a:hover .more {
  text-decoration: underline;
}
.legacy .cartMod .cartGroup {
  margin: 0 3px 0 0;
  padding: 8px 4px 6px 7px;
}
.legacy .cartMod .cartGroup.row_a {
  background: #fff !important;
}
.legacy .cartMod .cartGroup.row_b {
  border-top: 1px solid #dbdbdb;
}
.legacy #cartAllItems .cartGroup {
  margin: 0 1px;
}
.legacy .cartMod .modCopy {
  width: 185px;
  padding: 0;
}
.legacy .cartMod .link_list1Col {
  margin: 0 0 0 7px;
}
.legacy .cartMod .dynamicHeightLinks {
  padding-top: 10px;
}
.legacy .cartMod .cartImage {
  width: 30px;
  float: left;
  overflow: hidden;
}
.legacy .cartMod .cartCopy {
  width: 135px;
  float: left;
  position: static;
}
.legacy .cartMod .cartCopy .carthead {
  width: 15px;
  float: left;
  font-weight: 400;
  font-size: 0.91em;
  line-height: 1.3em;
}
.legacy .cartProduct {
  float: left;
  left: 0;
  line-height: 1.5em;
  position: relative;
  width: 120px;
}
.legacy .cartPrice {
  float: right;
  line-height: 1.3em;
  position: relative;
  text-align: right;
  width: 50px;
  padding-right: 2px;
}
.legacy .cartMod .cartCopy .cartProductLong {
  font-size: 0.91em;
  line-height: 1.3em;
  width: 125px;
  float: left;
}
.legacy .cartMod .cartCopy .cartProduct a:hover {
  text-decoration: underline;
}
.legacy .cartMod a.btnDelete {
  font-size: 0.91em;
  text-decoration: none !important;
  padding: 0 0 5px 17px;
}
.legacy .cartMod a.btnDelete:hover {
  background-position: 0 -100px !important;
}
.legacy .cartMod .cartTotal {
  width: 173px;
  margin: 0 1px;
  padding: 8px 4px 6px 7px;
}
.legacy .cartMod .cartTotal .cartProduct {
  font-size: 1em;
}
.legacy .cartMod div.hrSolid {
  background-color: #Fef5fe;
  height: 0;
  border-color: #C592C8;
  margin: 0;
  padding: 0;
}
.legacy .cartMod .textBtnRed {
  position: static;
}
.legacy .cartMod.empty .modCopy {
  width: 171px;
  height: 85px;
  padding: 8px 0 6px 7px;
}
.legacy .cartMod form button {
  margin-top: 10px;
  margin-right: 5px;
}
.legacy .compareMod .comparePhone {
  width: 41px;
  float: left;
  text-align: center;
}
.legacy .compareMod .comparePhone .btnDelete {
  clear: left;
  width: 0;
  overflow: hidden;
  display: block;
  background-position: 13px 0;
  padding: 0 0 0 40px;
}
.legacy .compareMod .comparePhone .btnDelete:hover {
  background-position: 13px -100px;
}
.legacy .compareMod .link_list1Col {
  position: relative;
  margin: 15px 0 0;
}
.legacy .compareMod .modFooter {
  display: none;
}
.legacy .compareMod .comparePlan {
  width: 41px;
  height: 85px;
  float: left;
  text-align: center;
}
.legacy .compareMod .comparePlan .btnDelete {
  clear: left;
  width: 0;
  overflow: hidden;
  display: block;
  background-position: 13px 0;
  padding: 0 0 0 40px;
}
.legacy .compareMod .comparePlan .btnDelete:hover {
  background-position: 13px -100px;
}
.legacy .compareMod .comparePlan img {
  width: 25px;
  height: 65px;
}
.legacy .addAnotherPadding {
  margin-left: -33px;
}
.legacy #selectorPlan1 {
  margin-left: -5px;
  width: 130px;
}
.legacy .planIndicator {
  margin-left: 50px;
  margin-top: -10px;
  z-index: 600;
}
.legacy .addingPlanText {
  margin-left: -90px;
}
.legacy .button-link {
  border: none;
  background-color: transparent;
  cursor: pointer;
  margin-right: -10px;
  width: 130px;
  text-align: center;
  text-decoration: none !important;
}
.legacy a.button-link:hover {
  color: #003;
}
.legacy .link {
  font-size: 1em;
  font-weight: 400;
}
.legacy .selected .link {
  color: #dfdfdf;
}
.legacy .compareTerm {
  margin-top: 30px;
}
.legacy .CompareAddToCart {
  white-space: nowrap;
}
.legacy .compareplanCheck {
  right: 9px;
  margin-bottom: 6px;
}
.legacy .comparePlanHeader {
  margin-top: -18px;
}
.legacy .comparePlanHeader h1 {
  margin-left: -2px;
}
.legacy .comparePlanHeader P {
  font-weight: 700;
  margin-top: -10px;
  color: #767676;
}
.legacy .titlesrow {
  color: #4A8E94;
  background-color: #D6EBEF;
}
.legacy .planCol {
  background-color: #EFF7FF;
}
.legacy .planCol .btnPlanDelete {
  width: 40px;
  padding-left: 50px;
  text-align: center;
  text-decoration: none;
  color: #767676;
}
.legacy .comparePlanHeaderLine {
  display: none;
}
.legacy .expander .planLink a {
  text-decoration: none;
}
.legacy .mainPanelComparePlan .continueShopbtn {
  margin-top: 10px;
}
.legacy .compareNowbtn a {
  padding-left: 20px;
  padding-right: 5px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background-image: url("img/buttons/grey-right.gif");
  background-position: 0 -95px;
}
.legacy .gen_table form {
  border: 0;
}
.legacy #planRemoveId a {
  margin-bottom: 15px;
}
.legacy .planCompMainDiv .planCol {
  border: 0;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv tbody td {
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb !important;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv tbody th {
  width: 150px;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv tbody .emptyPlanTh {
  border-left: 1px solid #dbdbdb !important;
}
.legacy .compareMod .comparePlanText {
  word-wrap: break-word;
}
.legacy .recommend {
  margin: 0 0 10px;
}
.legacy .recommend.first {
  margin: 0;
}
.legacy .recommend .recommendArrow {
  background: url(/css/2.0/img/recommend-arrow.gif) no-repeat 500px 10px;
}
.legacy .recommend .cartImage {
  float: left;
  width: 50px;
}
.legacy .recommend .cartCopy {
  float: left;
  width: 500px;
}
.legacy .recommend .cartProduct, .legacy .recommend .carthead {
  width: 420px;
  font-size: 1em;
}
.legacy .recommend .link_list3Col li {
  background-color: #F3E8F3;
}
.legacy .recommend .link_list3Col a {
  color: #333;
  padding-left: 40px;
}
.legacy .recommend .shipping {
  height: 28px;
}
.legacy .recommend .shipping a, .legacy .recommend .shipping a:hover {
  background: url(/css/2.0/img/shipping-icon.gif) no-repeat left 1px;
  height: 25px;
  padding-top: 8px;
}
.legacy .recommend .addons {
  height: 32px;
}
.legacy .recommend.recommendExtras .column1_2 {
  width: 80px;
  overflow: hidden;
}
.legacy .recommend.recommendExtras .column2_2 {
  width: 470px;
}
.legacy .recommend.recommendExtras.Summary .lightPurpleBG {
  background: #F1E9F1;
  color: #636;
  border: 1px solid #dbdbdb;
  border-bottom: 0;
}
.legacy .recommend.recommendExtras.Summary .column1_2 {
  width: 333px;
  color: #636;
}
.legacy .recommend.recommendExtras.Summary .column1_2 strong {
  display: block;
  width: 38px;
  float: left;
}
.legacy .recommend.recommendExtras.Summary .column2_2 .textBtnRed span {
  padding-bottom: 7px;
}
.legacy .recommend.recommendExtras.Summary .column2_2 {
  width: 222px;
  padding-top: 20px;
}
.legacy .recommend.recommendExtras .showDetails {
  padding: 3px 0;
}
.legacy .recommend.recommendExtras .radioList {
  margin: 0 1px;
}
.legacy .recommend.recommendExtras .radioList li {
  background: url(/css/2.1/img/solid-line.gif) repeat-x left top;
  padding: 3px 10px;
}
.legacy .recommend.recommendExtras .radioList li.active {
  background-color: #ebebeb;
  width: 712px;
}
.legacy .recommend.recommendExtras .radioList .input_radio {
  margin: 0;
}
.legacy .recommend.recommendExtras .radioList li.active .input_radio {
  /*margin-left:-5px;float:left;margin-right:4px;margin-top:2px;*/
}
.legacy .recommend.recommendExtras .radioList li .input_radio {
  float: left;
  margin-right: 4px;
  margin-top: 2px;
}
.legacy .recommend .addons a, .legacy .recommend .addons a:hover {
  background: url(/css/2.0/img/addons-icon.gif) no-repeat left 1px;
  height: 25px;
  padding-top: 8px;
  font-size: 1.2em;
}
.legacy .recommend .expander {
  margin: 0 1px 1px 0 !important;
}
.legacy .recommend .expander a {
  width: 540px;
}
.legacy .recommend .textBtnRed.button.add, .legacy .recommend .textBtnRed.button.add span {
  position: static;
}
.legacy .recommend .price .selected, .legacy .recommend .price .selected span {
  background: none;
  color: #666 !important;
  cursor: default;
}
.legacy .recommend dd {
  margin-bottom: -1px;
  padding: 0;
}
.legacy .recommend .plancontainer {
  margin-bottom: 0;
  border-bottom: 0;
}
.legacy .recommendPlan .plancontainer {
  border-bottom: 0 !important;
}
.legacy .recommend dt a, .legacy .recommend dt a:hover {
  color: #fff;
  font-weight: 700;
}
.legacy .recommend .planheader {
  background: #A6D5DB;
}
.legacy .recommend .plancopy {
  float: none;
}
.legacy .recommend .planhdrcolumns {
  background: #ebebeb url(/css/2.1/img/solid-line.gif) repeat-x scroll left bottom;
  color: #333;
  font-weight: 700;
}
.legacy .recommend .plandtlcolumns {
  background: transparent url(/css/2.1/img/solid-line.gif) repeat-x scroll left bottom;
}
.legacy .recommend .planDetails {
  background: transparent url(/css/2.1/img/solid-line.gif) repeat-x scroll left bottom;
}
.legacy .planDetails p {
  font-size: 1em !important;
}
.legacy .planDetails a {
  text-decoration: underline;
}
.legacy #contentGrid .recommend .expander a.plusholder {
  background-image: url(/css/3.0/img/buttons/plus.gif);
}
.legacy #contentGrid .recommend .expander.selected a.plusholder {
  background-image: url(/css/3.0/img/buttons/minus.gif);
}
.legacy .recommend a.plusholder {
  float: left;
  width: auto;
  background-position: 0 0;
  margin: 0;
  padding: 0 0 0 25px;
}
.legacy .recommend a.plusholder:hover {
  background-position: 0 -103px;
}
.legacy .mod3Col.accessory div.hrSolid {
  border-color: #dbdbdb;
  margin: -20px 0 30px;
}
.legacy .mod3Col.accessory .showAll {
  margin: 0 0 0 7px;
}
.legacy .recommendPlan .plancol {
  width: 90px;
}
.legacy .recommendPlan .broadbandConfigurator .column1_6 {
  width: 159px !important;
}
.legacy .recommendPlan .broadbandConfigurator .column2_6 {
  width: 65px !important;
}
.legacy .recommendPlan .broadbandConfigurator .column3_6 {
  width: 80px !important;
}
.legacy .recommendPlan .broadbandConfigurator .planhdrcolumns .column4_6 {
  width: 80px !important;
}
.legacy .recommendPlan .broadbandConfigurator .column4_6 {
  width: 60px !important;
}
.legacy .recommendPlan .broadbandConfigurator .planhdrcolumns .column5_6 {
  width: 55px !important;
}
.legacy .recommendPlan .broadbandConfigurator .plandtlcolumns .column5_6 {
  width: 80px !important;
}
.legacy .recommendPlan .link_list3Col, .legacy .recommendMobiles .link_list3Col, .legacy .orderTracking .link_list3Col {
  margin: 10px 0 0 10px;
}
.legacy .recommendMobiles, .legacy .orderTracking {
  width: 568px !important;
}
.legacy .broadbandConfigurator .plancontainer {
  left: 3px !important;
  width: 568px !important;
  background: #BAD4DA;
}
.legacy .recommendPlan .modBorder {
  padding: 0 0 10px;
}
.legacy * html .plan .plandtlcolumns, .legacy * html .recommendPlan .plandtlcolumns {
  padding-left: 15px !important;
}
.legacy .plandtlcolumns .textBtnRed {
  background-image: url(/css/2.0/img/buttons/red-right-no-shadow.gif);
  position: static;
}
.legacy .plandtlcolumns .textBtnRed span {
  background-image: url(/css/2.0/img/buttons/red-left-no-shadow.gif);
  position: static;
}
.legacy * html .recommend dt * {
  width: 540px !important;
  overflow: hidden !important;
}
.legacy .errorscontainer {
  height: 27px;
  margin-bottom: 10px;
  padding: 10px;
}
.legacy .errorscontainer .textBtnGrey {
  margin-top: 0;
}
.legacy .sliderbox {
  text-align: left;
  float: left;
  width: 250px;
  height: 70px;
  white-space: nowrap;
  padding: 5px 0;
}
.legacy .sliderboxleft {
  background-image: url(/css/2.0/img/buttons/slider-left-bg.png) !important;
  background-repeat: no-repeat;
  background-position: 0 center !important;
  background-position: 0 7px !important;
  margin-left: 5px !important;
  position: relative;
}
.legacy .internetSliderbox {
  text-align: left;
  float: left;
  width: 180px;
  height: 70px;
  padding: 5px 0;
}
.legacy .internetSliderboxleft {
  background-image: url(/css/2.0/img/buttons/slider-left-bg.png) !important;
  background-repeat: no-repeat;
  background-position: 0 24% !important;
  margin-left: 5px !important;
  position: relative;
}
.legacy .internetSliderbox .desc {
  display: block;
  float: left;
  line-height: 12px;
  padding-left: 5px;
  padding-top: 3px;
  text-align: left;
  width: 100px;
}
.legacy .internetSliderbox .holder {
  padding-left: 10px;
}
.legacy .internetSliderbox .criteria {
  float: left;
}
.legacy .internetSliderbox .white {
  color: #fff;
  font-weight: 700;
  margin-left: 15px;
}
.legacy .internetSliderbox input {
  font-weight: 700;
}
.legacy *:first-child + html .sliderbox {
  background-position: 4px 28px !important;
}
.legacy * html .sliderbox {
  background-position: 4px 28px !important;
}
.legacy .sliderbox .desc {
  width: 100px;
  float: left;
  padding-left: 5px;
  padding-top: 3px;
  line-height: 12px;
  display: block;
  text-align: left;
}
.legacy .sliderbox .holder {
  padding-left: 10px;
}
.legacy .sliderbox .criteria {
  float: left;
}
.legacy .sliderbox .white {
  color: #fff;
  font-weight: 700;
  margin-left: 15px;
}
.legacy .sliderbox input {
  font-weight: 700;
}
.legacy .sliderBox1_3 {
  background-color: #ebebeb !important;
}
.legacy .sliderBox2_3 {
  background-color: #F3B700 !important;
  margin: 0 0.25em;
}
.legacy .sliderBox3_3 {
  background-color: #8BC55A !important;
}
.legacy .sliderBox1_2 {
  background-color: #6DC1C7 !important;
  width: 283px;
}
.legacy .sliderBox2_2 {
  background-color: #F3B700 !important;
  width: 284px;
  margin: 0 0 0 0.25em;
}
.legacy #sliderBackGround {
  background-image: url(/vf-apps/shop/css/2.0/img/background/slider-background.gif) !important;
  background-repeat: no-repeat;
  height: 45px;
  margin-top: 5px !important;
  position: relative;
  padding: 5px;
}
.legacy #internetSliderBackGround {
  background-image: url(/vf-apps/shop/css/2.0/img/background/internetSlider-background.gif) !important;
  background-repeat: no-repeat;
  height: 45px;
  margin-top: 5px !important;
  position: relative;
  padding: 5px;
}
.legacy .ui-slider-1 .ui-slider-handle, .legacy .ui-slider-2 .ui-slider-handle {
  position: absolute;
  z-index: 1;
  height: 23px;
  top: 0;
  left: 0;
  background-image: url(/css/2.0/img/buttons/slider.png) !important;
  width: 22px !important;
}
.legacy .ui-slider-disabled .ui-slider-handle {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.legacy .ui-slider-range {
  position: absolute;
  background: #50A029;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
.legacy .ui-slider-1, .legacy .ui-slider-2 {
  height: 24px;
  position: relative;
  background-repeat: no-repeat;
  margin-left: 5px !important;
  background-image: url(/css/2.0/img/buttons/slider-bg.png) !important;
  background-position: center right !important;
}
.legacy .ui-slider-1 {
  width: 175px;
}
.legacy .ui-slider-2 {
  width: 150px;
}
.legacy * html .ui-slider-1 .ui-slider-handle, .legacy * html .ui-slider-2 .ui-slider-handle {
  background-image: url(/css/2.0/img/buttons/slider.gif) !important;
  background-position: 0 2px !important;
}
.legacy .criteria {
  width: 30px;
}
.legacy .radiocontainer {
  clear: both;
  text-align: left;
  width: 544px;
  padding: 5px 5px 5px 10px;
}
.legacy .radiocontainer a {
  float: right;
}
.legacy .radiocontainer input {
  margin-top: 0;
}
.legacy .planhdrcolumns {
  height: 16px;
  background: #dbdbdb;
  color: #333;
  padding: 5px;
}
.legacy .planhdrcolumns .plancol {
  font-size: 13px;
  padding-left: 0;
}
.legacy .planheadline {
  font-weight: 700;
  clear: both;
  background: #dbdbdb;
  color: #333;
  padding: 5px;
}
.legacy .plancontainer {
  border-bottom: 1px solid #dbdbdb;
  background-color: #F4F4F4;
}
.legacy .planheader {
  clear: both;
  background: #FFF;
  padding: 15px 5px;
}
.legacy .planimage, .legacy .plancopy {
  float: left;
}
.legacy .planimage {
  width: 110px;
  padding: 0;
}
.legacy .plancopy {
  padding-left: 5px;
  width: 430px;
}
.legacy .plandetail {
  clear: both;
}
.legacy .plancol {
  float: left;
  padding-left: 0;
  width: 95px;
}
.legacy .plancol p {
  font-size: 1em;
  margin: 0 0 4px;
}
.legacy .plandtlcolumns .plancol {
  line-height: 1.6em;
}
.legacy .plancol.expander {
  margin: 0 !important;
}
.legacy .plancol.column1_6 {
  width: 90px;
}
.legacy .plancol.column2_6 {
  width: 80px !important;
}
.legacy .plancol.column3_6 {
  width: 110px !important;
}
.legacy .plancol.column4_6 {
  width: 75px !important;
}
.legacy .plancol.column5_6 {
  width: 75px !important;
}
.legacy .plancol.column6_6 {
  width: 125px !important;
}
.legacy .broadbandConfigurator .plancol.column3_6 {
  width: 76px !important;
}
.legacy .broadbandConfigurator .plancol.column4_6 {
  width: 80px !important;
}
.legacy .broadbandConfigurator .plancol.column5_6 {
  width: 80px !important;
}
.legacy .orderTracking h3 {
  font-weight: 700;
  font-size: 1.2em;
}
.legacy .orderTracking .hrSolid {
  height: 1px;
  padding-top: 0;
  border-bottom: 1px solid #dbdbdb;
  position: relative;
  top: -2px;
}
.legacy .orderTracking .desc {
  width: 60px !important;
}
.legacy .orderTracking .plancol.column3_6 {
  width: 245px !important;
}
.legacy .orderTracking .plancol.column4_6 {
  width: 70px !important;
}
.legacy .orderTracking .plancol.column5_6 {
  width: 70px !important;
  text-align: right !important;
}
.legacy .plansPrepay .plancol.column1_6 {
  width: 280px !important;
}
.legacy .plansPrepay .plancol.column2_6 {
  width: 55px !important;
}
.legacy .plansPrepay .plancol.column4_6 {
  width: 110px !important;
}
.legacy .recommend .plancol.column1_6 {
  width: 150px !important;
}
.legacy .recommend .plancol.column2_6 {
  width: 280px !important;
}
.legacy .recommend .plancol.column3_6 {
  width: 120px !important;
}
.legacy * html .recommendAddons .column1_6 a {
  width: 125px !important;
}
.legacy .plancol .desc {
  float: left;
}
.legacy .plancol .desc a, .legacy .plancol .desc a:hover {
  background: none !important;
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.legacy * html .plancol .desc {
  position: relative;
  top: -4px;
}
.legacy * html .plandtlcolumns .column1_6 {
  padding-right: 9px !important;
}
.legacy .recommendMobiles .plancol .desc {
  width: 115px !important;
}
.legacy .recommendMobiles .plancontainer {
  background: #BAD4DA;
}
.legacy .recommendMobiles .plancol.column1_6 {
  width: 140px !important;
}
.legacy .recommendMobiles .plancol.column2_6 {
  width: 70px !important;
}
.legacy .recommendMobiles .plancol.column3_6 {
  width: 90px !important;
}
.legacy .recommendMobiles .plancol.column4_6 {
  width: 65px !important;
}
.legacy .recommendMobiles .plandtlcolumns .column4_6 {
  width: 55px !important;
}
.legacy .recommendMobiles .planhdrcolumns .column5_6 {
  width: 65px !important;
}
.legacy .recommendMobiles .plancol.column3_6 img, .legacy .recommendMobiles .plancol.column4_6 img {
  position: relative;
  top: 2px;
}
.legacy .prepay .plancol .desc {
  width: 160px !important;
}
.legacy .prepay .plancol.column1_6 {
  width: 195px !important;
}
.legacy .prepay .plandtlcolumns .column3_6 {
  width: 80px !important;
}
.legacy .prepay .planhdrcolumns .column5_6 {
  width: 70px !important;
}
.legacy .prepay .plancol.column6_6 {
  width: 133px !important;
}
.legacy .broadbandConfigurator .plancol .desc {
  width: 135px !important;
}
.legacy .broadbandConfigurator .plancol.column1_6 {
  width: 157px !important;
}
.legacy .broadbandConfigurator .plancol.column2_6 {
  width: 65px !important;
}
.legacy .broadbandConfigurator .plandtlcolumns .column4_6 {
  width: 55px !important;
}
.legacy .broadbandConfigurator .planhdrcolumns .column5_6 {
  width: 55px !important;
}
.legacy .orderTracking .tableNoBorder {
  width: 100%;
}
.legacy .orderTracking .tableNoBorder td.hr {
  height: 1px;
  overflow: hidden;
  line-height: 1em;
  margin: 0;
  padding: 0;
}
.legacy .orderTracking .tableNoBorder td {
  padding-bottom: 5px;
}
.legacy .orderTracking .tableNoBorder .total {
  text-align: right;
}
.legacy .orderTracking .tableNoBorder .total td {
  border-top: 1px solid #dbdbdb;
  padding-top: 5px;
  font-weight: 700;
}
.legacy .plancol .button {
  float: right;
  margin-top: 0;
}
.legacy * html .plancol .button {
  position: relative;
  top: -2px;
}
.legacy .plancol .button span {
  padding-bottom: 3px;
}
.legacy .plandtlcolumns {
  clear: both;
  min-height: 22px;
  border-top: 1px solid #fff;
  background-color: #F4F4F4;
  padding: 5px 5px 2px;
}
.legacy .planDetails {
  display: none;
  background: #fff;
  padding: 5px 10px 0;
  clear: both;
}
.legacy .error {
  color: Red;
  font-weight: 700;
}
.legacy .plusholder {
  width: 18px;
  height: 18px;
  margin: 3px 3px 0 0;
}
.legacy .showdetails a {
  text-decoration: underline;
}
.legacy .ajaxloader {
  margin-left: 5px;
  height: 24px;
  background: url(/css/2.0/img/loading-white.gif) no-repeat left top;
  padding: 0 0 0 40px;
  line-height: 24px;
}
.legacy .tabs .ajaxloader {
  clear: both;
  height: 100px;
  margin-bottom: 0;
  padding: 2px 0 0 40px;
}
.legacy .price {
  font-weight: 700;
  font-size: 1em;
}
.legacy .sliderUnits {
  height: 16px;
  overflow: hidden;
  margin: -3px 6px 5px 0;
}
.legacy .sliderUnits table {
  width: 100%;
}
.legacy .sliderUnits table td {
  text-align: center;
  vertical-align: bottom;
  height: 15px;
  font-size: 11px;
}
.legacy .sliderUnits table td.first {
  text-align: left;
}
.legacy .sliderUnits table td.first span {
  margin-left: 12px;
}
.legacy .sliderUnits table td.last {
  text-align: right;
}
.legacy .sliderUnits table td.last span {
  margin-right: 12px;
}
.legacy .sliderBox1_3 table td, .legacy .sliderBox2_3 table td, .legacy .sliderBox3_3 table td {
  width: 33px;
}
.legacy .sliderBox1_2 table td, .legacy .sliderBox2_2 table td {
  width: 45px;
}
.legacy .tgtProductId {
  margin-left: 4px;
  width: 168px;
}
.legacy .tgtProductId h3 a {
  text-decoration: none;
  font-size: 1em;
  cursor: pointer;
}
.legacy .tgtProductId a {
  cursor: pointer;
}
.legacy table.planDetailsTable {
  width: 100%;
}
.legacy table.planDetailsTable th {
  padding-bottom: 3px;
  padding-right: 20px;
  color: #333;
}
.legacy td.hr {
  clear: both;
  background: white url(/css/2.1/img/solid-line.gif) repeat-x left top;
  display: table-cell;
}
.legacy table.planDetailsTable td {
  padding-bottom: 3px;
  padding-right: 20px;
  text-align: left;
}
.legacy .ratingTotal {
  width: 220px;
  float: left;
  padding: 2px 0 0;
}
.legacy .ratingPage {
  width: 200px;
}
.legacy .ratingText {
  position: static;
  float: left;
  width: 100px;
  margin: 3px 0 0;
  padding: 0;
}
.legacy .ratingStars {
  position: static;
  float: left;
  margin: 6px 0 0;
  padding: 0 30px 0 0;
}
.legacy .ratings form {
  display: inline;
}
.legacy .ratings .pages {
  display: inline;
  word-spacing: 0.4em;
  margin: 0 4px;
}
.legacy .pages a {
  text-decoration: underline;
  color: #A3A3A3;
}
.legacy .ratings a {
  text-decoration: underline;
}
.legacy .promoArea h4 {
  font-weight: 700;
}
.legacy .promoArea .modCopy {
  width: 171px;
}
.legacy .promoArea .modHeader {
  width: 374px;
  margin: 0;
}
.legacy .mod2Col dd {
  padding: 10px 0 15px;
}
.legacy .tabs .productDetail dd {
  padding: 10px 0;
}
.legacy .mod2Col .radioForm dd {
  padding: 0 !important;
}
.legacy .expander {
  margin: 1px -7px 0 -6px !important;
}
.legacy .mod2Col .expander, .legacy .mod2Col .expander dd {
  width: 376px;
}
.legacy dl .boxBottom {
  height: 1px;
  overflow: hidden;
}
.legacy .link_list2Col a {
  text-decoration: none !important;
}
.legacy .expander a {
  background: transparent url(/css/3.0/img/buttons/plus.gif) no-repeat 5px 5px;
  display: block;
  padding: 4px 0 4px 30px;
}
.legacy .expander.selected a {
  background: transparent url(/css/3.0/img/buttons/minus.gif) no-repeat 5px 5px;
}
.legacy .expander a:hover {
  background-position: 5px -95px;
  color: #000;
  text-decoration: none !important;
}
.legacy .orderTracking .column3_6 a.panding {
  background: url(/css/2.0/img/placeholders/amber-disc.gif) no-repeat;
  padding: 0 0 2px 17px;
}
.legacy .orderTracking .column3_6 a.dispatched {
  background: url(/css/2.0/img/placeholders/green-disc.gif) no-repeat;
  padding: 0 0 2px 17px;
}
.legacy .orderTracking .column3_6 a.test {
  background: url(/css/2.0/img/placeholders/red-disc.gif) no-repeat;
  padding: 0 0 2px 17px;
}
.legacy #slideshow.blockUI.blockMsg {
  height: 400px !important;
  margin-top: -250px !important;
}
.legacy .blockUI.blockMsg.gallery {
  height: 410px !important;
  margin-top: -250px !important;
  -moz-border-radius: 13px 13px 13px 13px;
}
.legacy * + html .blockUI.blockMsg.gallery {
  margin-top: -20px !important;
}
.legacy * + html .overlay {
  top: 50% !important;
}
.legacy html > .overlay .gallery {
  margin-top: -250px !important;
}
.legacy * html #slideshow {
  height: 400px !important;
}
.legacy * + html .blockUI.blockMsg.blockPage.gallery {
  top: 300px !important;
}
.legacy * html .blockUI.blockMsg.blockPage.gallery {
  top: 100px !important;
}
.legacy #slideshow .siteOverlay, .legacy #slideshow.siteOverlay {
  overflow: visible !important;
  height: 400px !important;
}
.legacy #slideshow #thumbsHolder {
  width: 178px;
  height: 360px;
  float: left;
  text-align: center;
  margin-top: 50px;
  overflow: hidden;
}
.legacy #slideshow #thumbsHolder dl {
  float: left;
}
.legacy #slideshow #thumbsHolder dt {
  width: 52px;
  height: 77px;
  margin: 0 0 0 35px;
}
.legacy #slideshow #thumbsHolder dd {
  width: 50px;
  height: 20px;
  margin: 0 0 0 35px;
}
.legacy #slideshow #thumbsHolder dt a:hover span, .legacy #slideshow #thumbsHolder dt a.active span {
  border: 1px solid #dbdbdb;
}
.legacy #slideshow #thumbsHolder dt img {
  margin: 7px 0 0;
}
.legacy #slideshow #thumbsHolder dt span {
  display: block;
  width: 50px;
  height: 75px;
  border: 1px solid #fff;
}
.legacy #slideshow #thumbsHolder dl.size dt span {
  background: url(/css/2.0/img/slideshow-size.gif) no-repeat center right;
}
.legacy #slideshow #thumbsHolder dl.threed dt span, .legacy #slideshow #thumbsHolder dl.threed dt a.disable span {
  background: url(/css/2.0/img/slideshow-3d.gif) no-repeat center center !important;
}
.legacy #slideshow #thumbsHolder dl.threed dt span img {
  display: none;
}
.legacy .siteOverlay #imageHolder {
  width: 310px;
  height: 450px;
  text-align: center;
  position: absolute;
  left: 200px;
  top: 35px;
  z-index: 9999;
  background: url(/css/2.0/img/loading-white-big.gif) no-repeat center center;
}
.legacy #slideshow .paging {
  position: absolute;
  z-index: 99999;
  left: 40px;
  top: 455px;
  width: 540px;
}
.legacy #slideshow .paging .column1_2 {
  width: 475px;
}
.legacy #slideshow .paging .column2_2 {
  width: 60px;
  padding-top: 4px;
  text-align: right;
}
.legacy #slideshow .paging ul {
  width: 205px;
}
.legacy #slideshow .paging li {
  float: left;
  display: block;
}
.legacy #slideshow .paging .slideshowPrev, .legacy #slideshow .paging .slideshowNext {
  width: 60px;
  background: 0;
  padding-top: 13px;
}
.legacy #slideshow .paging .slideshowNext {
  text-align: right;
}
.legacy #slideshow .paging .slideshowPrev a, .legacy #slideshow .paging .slideshowNext a {
  margin-right: 0 !important;
  display: block;
  padding-bottom: 10px;
}
.legacy #slideshow .paging .slideshowPrev a {
  padding-left: 19px !important;
  background: url(/css/2.0/img/buttons/icon-slideshow-prev.gif) top left no-repeat;
}
.legacy #slideshow .paging .slideshowPrev a:hover {
  background-position: left -100px;
}
.legacy #slideshow .paging .slideshowNext a {
  padding-right: 19px;
  background: url(/css/2.0/img/buttons/icon-slideshow-next.gif) top right no-repeat;
}
.legacy #slideshow .paging .slideshowNext a:hover {
  background-position: right -100px;
}
.legacy #slideshow .paging .slideshowPlay a, .legacy #slideshow .paging .slideshowPause a {
  display: block;
  width: 29px;
  height: 0;
  overflow: hidden;
  padding-top: 42px;
}
.legacy #slideshow .paging .slideshowPlay a:hover, .legacy #slideshow .paging .slideshowPause a:hover {
  background-position: 0 -83px;
}
.legacy #slideshow .paging .slideshowPlay a {
  background-image: url(/css/2.0/img/buttons/icon-slideshow-play.gif) !important;
  background-repeat: no-repeat !important;
  margin-right: 0;
}
.legacy #slideshow .paging .slideshowPause a {
  background-image: url(/css/2.0/img/buttons/icon-slideshow-pause.gif) !important;
  background-repeat: no-repeat !important;
  margin-right: 0;
}
.legacy #slideshow .paging .printPage {
  background-image: url(/css/2.0/img/buttons/icon-print-grey.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 27px 0;
  padding-right: 20px;
  padding-bottom: 5px;
  position: absolute;
  top: 13px;
  left: 485px;
  clear: none;
  height: 20px;
}
.legacy #slideshow .paging .printPage:hover {
  background-position: 27px -100px;
}
.legacy #slideshow a.disable, .legacy #slideshow a.disable span {
  background: none !important;
}
.legacy #slideshow a.disable, .legacy .navigation a.disable {
  cursor: default !important;
}
.legacy #slideshow a.enable, .legacy .navigation a.enable {
  cursor: pointer !important;
}
.legacy #slideshow #whiteBGOverlay {
  background: #fff;
  width: 580px;
  height: 50px;
  position: absolute;
  top: 450px;
  left: 0;
  z-index: -50;
}
.legacy .modLatestPhones h3 {
  font-size: 1em;
  color: #008698;
  font-weight: 700;
}
.legacy .modLatestPhones .lightPetrolBG {
  background: #ebebeb;
}
.legacy .modLatestPhones .optionpanel {
  width: 85px;
  float: left;
}
.legacy .modLatestPhones .tripleMod {
  margin-top: 0;
}
.legacy .modLatestPhones .dropdown {
  width: 171px;
}
.legacy .modLatestPhones .question {
  margin-top: 10px;
}
.legacy .modLatestPhones .textBtnGrey {
  margin-top: 10px;
  background-image: url(/css/2.0/img/buttons/petrol-right-no-shadow.gif);
}
.legacy .modLatestPhones .textBtnGrey span {
  background-image: url(/css/2.0/img/buttons/petrol-left-no-shadow.gif);
}
.legacy .modLatestPhones .textBtnRed {
  background-image: url(/css/2.0/img/buttons/red-right-no-shadow.gif);
  margin-top: -1px;
}
.legacy .modLatestPhones .textBtnRed span {
  background-image: url(/css/2.0/img/buttons/red-left-no-shadow.gif);
}
.legacy .modLatestPhones .btnPetrol {
  background-image: url(/css/2.0/img/buttons/arrow-petrol-no-shadow.gif);
}
.legacy .modLatestPhones #productHolder {
  width: 1520px;
  height: 245px;
  overflow: hidden;
}
.legacy .modLatestPhones .modCopy2col #productHolder {
  width: 760px;
}
.legacy .modLatestPhones #productMask {
  width: 171px;
  height: 245px;
  overflow: hidden;
  position: relative;
}
.legacy .modLatestPhones .modCopy2col #productMask {
  width: 370px;
}
.legacy .modLatestPhones .product {
  width: 171px;
  height: 245px;
  float: left;
  margin-right: 4px;
  position: relative;
}
.legacy .modLatestPhones .modCopy2col .product {
  margin-right: 18px;
}
.legacy .modLatestPhones .modCopy2col .link_list1Col {
  bottom: 15px;
}
.legacy .modLatestPhones input {
  margin-left: 0;
}
.legacy .modLatestPhones .userRating {
  top: 14em;
}
.legacy .modLatestPhones .navigation {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
  text-align: center;
  padding: 5px 0 10px;
}
.legacy .modLatestPhones .modCopy2col .navigation {
  background: #AADCE3;
  width: 378px;
  padding: 7px 0 5px;
}
.legacy .modLatestPhones .navigation ul {
  display: inline;
  white-space: nowrap;
  padding: 0;
}
.legacy .modLatestPhones .navigation li {
  display: inline;
  white-space: nowrap;
  margin: 0 3px;
}
.legacy .modLatestPhones .navigation a.previous, .legacy .modLatestPhones .navigation a.previous.disable {
  background: url(/css/2.0/img/buttons/arrow-back-petrol-no-shadow.gif) no-repeat !important;
}
.legacy .modLatestPhones .navigation a.next, .legacy .modLatestPhones .navigation a.next.disable {
  background: url(/css/2.0/img/buttons/arrow-petrol-no-shadow.gif) no-repeat !important;
}
.legacy .modLatestPhones .navigation a {
  background: url(/css/2.0/img/buttons/mod-latest-phone.gif) no-repeat !important;
  width: 0;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 12px;
  display: inline;
  background-position: 0 1px !important;
  padding: 3px 10px 0 0;
}
.legacy .modLatestPhones .navigation a.previous, .legacy .modLatestPhones .navigation a.next {
  background-position: 0 0 !important;
  padding: 3px 13px 0 0;
}
.legacy .modLatestPhones .navigation a.previous:hover, .legacy .modLatestPhones .navigation a.next:hover {
  background-position: 0 -100px !important;
}
.legacy .modLatestPhones .navigation a:hover {
  background-position: 0 -99px !important;
}
.legacy .modLatestPhones .navigation a.active {
  background-position: 0 -99px !important;
}
.legacy .modLatestPhones a.btnPetrol.compareLink {
  background-image: url(/css/2.0/img/buttons/icon-popup-petrol-no-shadow.gif) !important;
}
.legacy .modLatestPhones .mobileOnly {
  margin-top: -10px;
}
.legacy .modLatestPhones .link_list1Col, .legacy .modLatestPhones .link_list1Col li {
  background-image: url(/css/2.1/img/solid-line.gif);
}
.legacy .modLatestPhones .modCopy2col #productHolder, .legacy .modLatestPhones .modCopy2col .product {
  height: 260px;
}
.legacy #specialPlan {
  width: 190px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  left: 380px;
}
.legacy #specialPlan embed {
  width: 200px;
  height: 100px;
  position: absolute;
  left: -10px;
  top: -15px;
}
.legacy .specialPlan {
  margin-top: 20px;
}
.legacy .specialPlan h1 {
  width: 415px;
}
.legacy .specialPlan p {
  width: 400px;
}
.legacy #accountName {
  color: #797979;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.legacy #frmSearchKB .textBtnGrey, .legacy #frmSearchKB .textBtnGrassGreen {
  left: 140px;
  position: absolute;
  top: 35px;
}
.legacy .textBtnGrey3Line {
  margin: 22px 0 0;
}
.legacy #find-answers-module label {
  display: block;
  margin-bottom: 3px;
}
.legacy #mainsearch .searchField {
  right: 55px;
}
.legacy #mainsearch button {
  top: 0;
  margin-left: 60px;
  width: auto;
}
.legacy .tripleMod .inputBtnRed {
  position: relative;
  top: 11em;
}
.legacy .test1 {
  width: 10px;
  float: left;
  color: red;
}
.legacy button a {
  color: #fff;
}
.legacy button.inputBtnRed, .legacy button.inputBtnGrey, .legacy button.inputBtnGreyMedium, .legacy button.inputBtnRedMedium {
  width: auto;
  overflow: visible;
  background: 0;
  border: 0;
  white-space: nowrap;
  line-height: 1.1em;
  cursor: pointer;
  font-size: 13px;
}
.legacy button.inputBtnRed, .legacy button.inputBtnRedMedium {
  color: #fff;
}
.legacy button.inputBtnGrey, .legacy button.inputBtnGreyMedium {
  color: #000;
}
.legacy button span {
  display: block;
  float: left;
}
.legacy button em {
  font-style: normal;
  font-weight: 700;
  display: block;
  line-height: 1.1em;
  margin-left: 3px;
  padding: 2px 6px 10px 3px;
}
.legacy button.inputBtnRed.disable, .legacy button.inputBtnGrey.disable, .legacy button.inputBtnGreyMedium.disable, .legacy button.inputBtnRedMedium.disable {
  color: #000 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
  cursor: default;
}
.legacy button.inputBtnRed span {
  background: url(/css/3.0/img/buttons/left.gif) no-repeat scroll left -190px transparent;
}
.legacy button.inputBtnRed em {
  background: url(/css/3.0/img/buttons/right.gif) no-repeat scroll right -190px transparent;
}
.legacy button.inputBtnRed:hover span {
  background-position: left -285px !important;
}
.legacy button.inputBtnRed:hover em {
  background-position: left -285px !important;
}
.legacy button.inputBtnGrey span {
  background: url(/css/3.0/img/buttons/left.gif) no-repeat scroll left top transparent;
}
.legacy button.inputBtnGrey em {
  background: url("/css/3.0/img/buttons/right.gif") no-repeat scroll right top transparent;
}
.legacy button.inputBtnGrey:hover span {
  background-position: left -95px !important;
}
.legacy button.inputBtnGrey:hover em {
  background-position: right -95px !important;
}
.legacy button.inputBtnRed.disable span, .legacy button.inputBtnGrey.disable span {
  background: url(/css/3.0/img/buttons/left.gif) no-repeat scroll left top transparent;
}
.legacy button.inputBtnRed.disable em, .legacy button.inputBtnGrey.disable em {
  background: url(/css/3.0/img/buttons/right.gif) no-repeat scroll right top transparent;
}
.legacy button.inputBtnRed.disable:hover span, .legacy button.inputBtnGrey.disable:hover span {
  background-position: top left !important;
}
.legacy button.inputBtnRed.disable:hover em, .legacy button.inputBtnGrey.disable:hover em {
  background-position: top right !important;
}
.legacy button.inputBtnRedMedium span {
  background: url(/css/3.0/img/buttons/left-medium.gif) no-repeat scroll left -154px transparent;
}
.legacy button.inputBtnRedMedium em {
  padding-top: 4px;
  background: url(/css/3.0/img/buttons/right-medium.gif) no-repeat scroll right -154px transparent;
}
.legacy button.inputBtnRedMedium.disable:hover span {
  background-position: left -231px !important;
}
.legacy button.inputBtnRedMedium.disable:hover em {
  background-position: left -231px !important;
}
.legacy button.inputBtnRedMedium:hover span {
  background-position: left -231px !important;
}
.legacy button.inputBtnRedMedium:hover em {
  background-position: left -231px !important;
}
.legacy button.inputBtnGreyMedium span {
  background: url(/css/3.0/img/buttons/left-medium.gif) no-repeat scroll left top transparent;
}
.legacy button.inputBtnGreyMedium em {
  padding-top: 4px;
  background: url(/css/3.0/img/buttons/right-medium.gif) no-repeat scroll right top transparent;
}
.legacy button.inputBtnGreyMedium.disable:hover span {
  background-position: left -77px !important;
}
.legacy button.inputBtnGreyMedium.disable:hover em {
  background-position: left -77px !important;
}
.legacy button.inputBtnGreyMedium:hover span {
  background-position: left -77px !important;
}
.legacy button.inputBtnGreyMedium:hover em {
  background-position: right -77px !important;
}
.legacy .mod400Col {
  width: 568px;
  overflow: hidden;
  border: solid 1px #e9e9e9;
  display: inline;
  background: url(/img/banners/slide.gif) no-repeat top right;
  padding: 0;
}
.legacy .mod400Header {
  width: 420px;
  margin: 0;
  padding: 0;
}
.legacy .shopFloatRight {
  position: absolute;
  top: 90px;
  left: 700px;
  float: right;
}
.legacy .loginFloatLeft {
  float: left;
}
.legacy .loginFloatRight {
  float: left;
  margin-left: 120px;
}
.legacy .loginFloatRight a {
  margin-left: 10px;
}
.legacy shopOnlineIDExample {
  position: absolute;
  top: 25px;
  left: 280px;
}
.legacy .loginOnlineIDExample {
  position: absolute;
  top: 82px;
  left: 240px;
}
.legacy .onlineIDExample {
  width: 95px;
  float: left;
  border: 1px solid #dbdbdb;
  margin: 10px 0;
  padding: 5px 10px;
}
.legacy .siteOverlay .loginOnlineIDExample {
  position: absolute;
  top: 255px;
  left: 160px;
}
.legacy .siteOverlay .siteOverlayHeading {
  font-size: 22px;
}
.legacy .loginNav li {
  float: left;
  border-right: 0.0909em solid #fff;
  font-weight: 700;
}
.legacy .loginNav li a {
  background: red;
  height: auto;
  color: #fff;
  display: block;
  padding: 0.36em 1.33em;
}
.legacy .loginNav {
  background: #cc0202 !important;
  height: auto;
  margin-top: 0;
  margin-left: 0;
}
.legacy .loginNav li a:hover, .legacy .loginNav li a:focus {
  background: #cc0202;
  color: #fff;
}
.legacy .loginNavShadow {
  width: 954px;
  height: 5px;
  clear: both;
  display: block;
}
.legacy .loginNav ul {
  width: 954px;
  height: 2.182em;
  background: red;
}
.legacy .dotBullet {
  list-style-type: disc;
  padding-left: 10px;
  line-height: 1.3em;
  margin: 0.5em 0 0.7em;
}
.legacy .blankHeader {
  border-top: solid 1px #dbdbdb;
  height: 10px;
}
.legacy .largeHeading {
  padding-left: 5px;
  font-size: 18px;
}
.legacy .yourAccountMenu {
  margin: 1em 0 0 1em;
}
.legacy ul.yourAccountMenu {
  line-height: 1.7em;
}
.legacy .yourAccountMenu li.active {
  font-weight: 700;
}
.legacy .yourAccountSubMenu {
  margin: 0 0 0 1.1em;
}
.legacy .ShopCart .ShopLogin .strengthMeter {
  left: 140px;
  position: absolute;
  top: 27px;
}
.legacy .ShopCart .ShopLogin div#tick, .legacy .ShopCart .KnoxRegistration div#tick {
  position: absolute;
  left: 133px;
  top: 82px;
}
.legacy .ShopCart .KnoxRegistration .strengthMeter {
  left: 154px;
  position: absolute;
  top: 6px;
}
.legacy .updateProfileStrengthMeter {
  position: absolute;
  top: 90px;
  left: 155px;
}
.legacy .loginPanel {
  width: 598px;
  float: left;
  margin-left: 160px;
  _margin-left: 80px;
}
.legacy .ShopLogin {
  float: left;
  margin-left: 3px;
}
.legacy .imagePanel {
  float: left;
}
.legacy .imagePanel img {
  height: 213px;
  _height: 229px;
  width: 180px;
  _width: 180px;
}
.legacy .tabcontent {
  padding-bottom: 2em;
  border-bottom: none;
  margin-bottom: 2em;
}
.legacy .loginPanel .tabBox {
  margin: 0;
  padding: 0 0 0 3px;
}
.legacy .loginPanel .tabBox li.activeTab:first-child {
  background-image: url(/css/2.0/img/tab-left-act.gif) !important;
}
.legacy .tabNav, .legacy .activeTabNav {
  position: relative;
  border-right: 1px solid #fff;
  margin-bottom: -1px;
  display: inline;
  float: left;
  cursor: pointer;
  padding: 5px 9px 3px;
}
.legacy .tabNav {
  background: #a7c6cd;
}
.legacy .tabBoxNav.purple .tab {
  background-color: #C592C8;
}
.legacy .tabBoxNav.purple a:hover, .legacy .tabBox.purple a:focus {
  color: #fff;
}
.legacy .activeTabNav {
  background: #dbdbdb !important;
  font-weight: 700;
  color: #fff;
}
.legacy .activeTabNav a, .legacy .activeTabNav a:visited {
  color: #fff !important;
}
.legacy .accessoryOutofstock {
  color: #C80000;
  font-weight: 700;
  padding-top: 28px;
  text-align: center;
}
.legacy .tgtProductId .price1 {
  font-size: 26px;
  line-height: 1.091em;
}
.legacy .price6 {
  font-size: 2.5em;
  left: -4px;
  top: -0.35em;
}
.legacy .price5 {
  font-size: 3.67em;
}
.legacy .priceMobile {
  font-size: 2.5em;
  font-weight: 700;
}
.legacy .priceMobileCent {
  font-size: 1.7em;
  left: -10px;
  top: -1em;
  font-weight: 700;
}
.legacy .accessory .tgtTabContent .modCopy1col h3 a {
  text-decoration: none !important;
}
.legacy .lightlightPetrolBG {
  background-color: #EBEBEB;
}
.legacy .orderDetails table th {
  border-right: 1px solid #dbdbdb;
  padding: 9px 8px 8px 10px;
}
.legacy .textCenter {
  text-align: center;
}
.legacy .textRight {
  text-align: right;
}
.legacy .noBorder {
  border: 0 none !important;
}
.legacy .orderDetails table td {
  background: transparent url(/css/2.1/img/solid-line.gif) repeat-x scroll right bottom;
  border-right: 1px solid #dbdbdb;
  padding: 9px 8px 4px 10px;
}
.legacy .itemNumber {
  color: #AAA;
}
.legacy .orderDetails .lightPetrolBG {
  background: #dbdbdb none repeat scroll 0 0;
  color: #FFF;
  font-weight: 700;
  width: 550px;
  padding: 6px 8px 4px 10px;
}
.legacy .orderDetails .modCopy {
  padding-left: 0;
}
.legacy #sliderGroup {
  _width: 570px !important;
}
.legacy .tabBoxNav.purple .activeTabNav {
  background: #333 !important;
}
.legacy .accessory .inputBtnRed {
  float: right;
}
.legacy .planmodBorder {
  border-top: 1px solid #dbdbdb;
  display: block;
}
.legacy .planColmodBorder {
  height: 130px;
}
.legacy .planmodCol {
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  float: left;
  height: 120px;
  position: relative;
  padding: 5px;
}
.legacy .planmodCol .alignRight {
  text-align: right;
  margin-right: 8px;
}
.legacy .planmodCol .price2 {
  line-height: 1em;
  top: -4px;
  font-size: 14px;
}
.legacy .keyFeature {
  position: relative;
  height: 120px;
  border-bottom: 1px solid #dbdbdb;
  width: 160px;
  padding: 5px 0 5px 5px;
}
.legacy .bottomBorder {
  border-bottom: 1px solid #dbdbdb;
}
.legacy .planmodCol .price1 {
  line-height: 1em;
  font-size: 18px;
}
.legacy .planmodCol .planName {
  font-size: 1em;
  font-weight: 700;
  color: #000003;
}
.legacy .planmodColHeader {
  background: #ebebeb;
  border-left: 1px solid #fff;
  text-align: center;
  float: left;
  padding: 0 5px;
}
.legacy .width65 {
  width: 65px;
}
.legacy .width135 {
  width: 125px;
}
.legacy .width80 {
  width: 80px;
}
.legacy .width85 {
  width: 85px;
}
.legacy .recommendAccessoryList .width85 {
  width: 95px;
  margin-right: 1px;
}
.legacy .width90 {
  width: 93px;
}
.legacy .width100 {
  width: 100px;
}
.legacy .width115 {
  width: 112px;
}
.legacy .width30 {
  width: 30px;
}
.legacy .width130 {
  width: 130px;
}
.legacy .width180 {
  width: 180px;
}
.legacy .width140 {
  width: 137px;
}
.legacy .width146 {
  width: 146px;
}
.legacy .width145 {
  width: 145px;
}
.legacy .width155 {
  width: 155px;
}
.legacy .width210 {
  width: 210px;
}
.legacy .width216 {
  width: 216px;
}
.legacy .width220 {
  width: 220px;
}
.legacy .width230 {
  width: 230px;
}
.legacy .width240 {
  width: 240px;
}
.legacy .width280 {
  width: 240px;
}
.legacy .width420 {
  width: 420px;
}
.legacy .slidercontainer {
  width: 560px;
  padding-left: 6px;
  background-color: #ebebeb;
  height: 155px;
  position: relative;
  margin-top: 5px;
}
.legacy #showDetails a {
  width: 100px;
  margin-bottom: 3px;
}
.legacy .left10 {
  left: 10px;
}
.legacy .module_buyInfoGridBtn .linkBtn span {
  float: left;
  padding: 1px 6px 7px;
}
.legacy .module_buyInfoGridBtn .linkBtn {
  clear: both;
  float: right;
  padding: 0;
}
.legacy .recommend.recommendExtras.Summary h2 span {
  color: #333;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.1em;
}
.legacy a.btnPetrolGridMarg, .legacy .btnPetrolGridMarg input {
  margin: 0 10px;
}
.legacy a.btnPetrolBgWhite, .legacy .btnPetrolBgWhite input {
  background-color: #008698;
  background-image: url(/css/2.0/img/buttons/petrolShopRight.gif);
}
.legacy .btnPetrolBgWhite, .legacy .btnPetrolBgWhite span {
  background-image: url(/css/2.0/img/buttons/petrolShopLeft.gif);
}
.legacy .linkBtn {
  background-position: right top;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 1px 0 9px;
}
.legacy .linkBtn span {
  background-repeat: no-repeat;
  color: #FFF;
  font-weight: 700;
  padding: 1px 6px 7px;
}
.legacy .floatCentre {
  text-align: center;
}
.legacy #plansLessThan {
  width: 200px;
  float: left;
}
.legacy #plansLessThan .plansLessThanA {
  margin-left: 25px;
  height: 23px;
  padding-top: 7px;
}
.legacy #plansLessThanBottom {
  width: 200px;
  float: left;
}
.legacy #plansLessThanBottom .plansLessThanBottomA {
  margin-left: 25px;
  height: 23px;
  padding-top: 7px;
}
.legacy #displayPlans {
  float: left;
  width: 230px;
  padding-top: 5px;
  padding-left: 5px;
  text-align: center;
}
.legacy #showallplans {
  text-align: right;
  padding-top: 5px;
  padding-right: 5px;
}
.legacy h2.deepPurple {
  color: #333;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.1em;
}
.legacy h3.deepPurple {
  color: #333;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.1em;
}
.legacy #findMymobile {
  margin-right: 5px;
  margin-left: 12px;
  margin-bottom: 5px;
  float: left;
}
.legacy .cartMod .modCopy .cart_empty {
  margin: 0 1px;
  padding: 5px 4px 25px 7px;
}
.legacy .siteOverlay {
  overflow: visible;
}
.legacy .siteOverlay .pinkBG .yourDetailsPin {
  width: 690px;
  min-height: 130px;
  margin-left: 25px;
  margin-bottom: 10px;
}
.legacy #ddNewPhoneNumbers, .legacy #divNewNumberNotHappy {
  padding-left: 20px;
}
.legacy .recommend.recommendExtras .radioList tr {
  background: transparent url(/css/2.1/img/solid-line.gif) repeat-x scroll left top;
}
.legacy .formList {
  padding-left: 20px;
}
.legacy .formList td {
  padding-right: 5px;
  padding-left: 10px;
}
.legacy .lightGreyText {
  color: #999;
  font-size: 14px;
}
.legacy .mobileexampleText {
  font-size: 1em;
  margin-left: 10px;
}
.legacy .pinexampleText {
  font-size: 1em;
  padding-top: 5px;
}
.legacy .addressFinderTextLnk {
  float: left;
}
.legacy .indicattes {
  color: red;
  padding-right: 2px;
}
.legacy #cartmobilecurrent .column1_3 {
  width: 150px;
  float: left;
}
.legacy .test {
  width: 10px;
  float: left;
}
.legacy #cartmobilecurrent .column2_3 {
  width: 100px;
  float: left;
  margin-left: 10px;
}
.legacy #cartmobilecurrent .column3_3 {
  width: 150px;
  float: left;
}
.legacy #enterTempCode .column1_3 {
  width: 150px;
  float: left;
}
.legacy #enterTempCode .column2_3 {
  width: 80px;
  float: left;
}
.legacy .newmobileSummary {
  color: #333;
  padding-left: 22px;
  margin-left: 24px;
  background-image: url(/img/icons/icon-tick.gif);
  background-repeat: no-repeat;
}
.legacy .newhomeSummary {
  color: #333;
  padding-left: 22px;
  background-image: url(/img/icons/icon-tick.gif);
  background-repeat: no-repeat;
  margin-left: 20px;
}
.legacy .temporaryCode {
  color: #73FF29;
}
.legacy .progressImage {
  vertical-align: middle;
  height: 100px;
}
.legacy .compareBoxDivExpand {
  right: 5px;
  top: 100px;
  z-index: 0;
  padding-right: 6px;
}
.legacy .compareBoxCon {
  position: absolute;
  right: 5px;
  top: 100px;
  z-index: 999999;
}
.legacy #showCompareBoxPlusMobile {
  background: transparent url(/vf-apps/shop//css/2.0/img/buttons/petrolCompareMobile.gif) no-repeat 2px 2px;
  height: 170px;
  width: 20px;
  float: right;
  position: relative;
  padding: 2px;
}
.legacy #showCompareBoxPlusPlan {
  background: transparent url(/vf-apps/shop//css/2.0/img/buttons/petrolComparePlan.gif) no-repeat 2px 2px;
  height: 170px;
  width: 20px;
  float: right;
  position: relative;
  padding: 2px;
}
.legacy #compareBoxPlus.expand a {
  background: transparent url(/css/2.0/img/buttons/accordionPlusLightBlue.gif) no-repeat 2px 2px;
  display: block;
  padding: 4px 0 4px 30px;
}
.legacy #compareBoxPlus.expand.selected a {
  background-image: url(/css/3.0/img/buttons/minus.gif);
}
.legacy #panelCompareBox {
  display: none;
  float: right;
  height: 170px;
  width: 162px;
}
.legacy .showme {
  border: 0 solid #900;
  margin-left: 10px;
}
.legacy .features {
  padding: 5px 0;
}
.legacy .featuresfont {
  margin-left: 10px;
}
.legacy .helpHover {
  position: absolute;
  width: 187px;
  float: left;
  left: -28px;
  background-color: #FFF;
  color: #345016;
  text-decoration: none;
}
.legacy * html .helpHover {
  margin-top: 18px;
}
.legacy .tooltipLink a {
  cursor: none;
}
.legacy .helpHoverContent {
  background: transparent url(img/tooltip/tooltipPlane.gif);
  background-repeat: repeat-y;
  z-index: 1000;
  padding: 13px 13px 0;
}
.legacy .helpHoverFooter {
  border: none;
  height: 13px;
  background: transparent url(img/tooltip/call-out.gif);
  background-repeat: no-repeat;
  background-color: #ebebeb;
  background-position: 27px 0;
}
.legacy .contentOuter {
  border: 1px solid #C1C1C1;
  border-top: 0;
}
.legacy .downbackground {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: left 1%;
}
.legacy .downbackground .plansLessThanA {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: right 1%;
}
.legacy .downbackground:hover {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: left 103%;
}
.legacy .downbackground .plansLessThanA:hover {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: right 103%;
}
.legacy .hidebackground {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: -31px 0;
}
.legacy .hidebackground .plansLessThanA {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: right -1%;
}
.legacy .hidebackground:hover {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: -31px 103%;
}
.legacy .hidebackground .plansLessThanA:hover {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: right 103%;
}
.legacy .upbackground {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: -31px 0;
}
.legacy .upbackground .plansLessThanBottomA {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: right -1%;
}
.legacy .upbackground:hover {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: -31px 103%;
}
.legacy .upbackground .plansLessThanBottomA:hover {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: right 103%;
}
.legacy .downArrowbackground {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: left 1%;
}
.legacy .downArrowbackground .plansLessThanBottomA {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: right 1%;
}
.legacy .downArrowbackground:hover {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: left 103%;
}
.legacy .downArrowbackground .plansLessThanBottomA:hover {
  background-image: url(img/displayPlans/plan-reveal-bg.gif);
  background-repeat: no-repeat;
  background-position: right 103%;
}
.legacy .mod3Col {
  overflow: visible;
}
.legacy h2.deepOrange {
  color: #333;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.1em;
}
.legacy h3.deepOrange {
  color: #333;
  font-size: 1.12em;
  font-weight: 700;
  line-height: 1.1em;
  padding-top: 10px;
  padding-bottom: 10px;
}
.legacy .recommend.recommendDiscount .radioList li.active {
  background-color: #FEF9F3;
}
.legacy .recommendDiscount .radioList li {
  height: 20px;
  padding-top: 3px;
}
.legacy .recommendDiscount .radioList li.active {
  background-color: #FEF9F3;
}
.legacy .selectedPlan {
  background-color: #ebebeb;
}
.legacy #errorForPage h2 {
  color: #B60001;
}
.legacy .cartMobileErrorForAccountRefNumerrorMsg {
  margin: -12px;
}
.legacy .warningIconDiv {
  border: 1px solid #ebebeb;
  float: left;
}
.legacy #P1 {
  margin-left: 22px;
  margin-top: 0;
}
.legacy #cartMobileErrorTextForExisting {
  font-weight: 700;
  padding-left: 20px;
}
.legacy #cartMobileErrorForExisting {
  width: 265px;
}
.legacy #tcAcceptMobilePortingError {
  float: left;
  width: 420px;
}
.legacy h2.deepBlack {
  color: #333;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.1em;
  padding-bottom: 2px;
}
.legacy #cartHomePhoneErrorText {
  font-weight: 700;
  padding-left: 20px;
  width: 300px;
}
.legacy #featureFilter {
  width: 175px;
  margin-top: -10px;
}
.legacy #mobilekeyFeatureSecond {
  width: 150px;
  float: right;
}
.legacy #mobilekeyFeature {
  width: 220px;
  float: left;
}
.legacy #nonDisplaymobilekeyFeature {
  float: left;
  background-image: url(/vf-apps/shop/css/2.0/img/background/mobile-listing-panel-bg2.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  margin-bottom: -3px;
}
.legacy .tripleMod:hover {
  display: block;
  text-decoration: none;
  color: #c80000;
}
.legacy .featureArea {
  padding-top: 15px;
}
.legacy .wholeDiv {
  background-image: url(/vf-apps/shop/css/2.0/img/background/mobile-listing-panel-bg.gif);
  background-repeat: repeat-x;
  background-position: 0 5px;
  float: left;
  padding-bottom: 4px;
  margin: -5px;
}
.legacy .filterPadding {
  padding-left: 5px;
}
.legacy .filterGap {
  margin-bottom: -7px;
}
.legacy h3.mobilelist {
  color: #008698;
  font-weight: 700;
  font-size: 1.1em;
  margin-left: 5px;
}
.legacy .productName h3 {
  font-size: 1.182em;
  font-weight: 700;
  left: 10px;
}
.legacy .tripleMod .priceTag .price7 {
  color: #A3A3A3;
}
.legacy .tripleMod .priceTag .wasPrice {
  color: #c80000;
  display: block;
  margin-top: 5px;
}
.legacy .tripleMod .priceTag .wasPrice .price {
  text-decoration: line-through;
}
.legacy .tripleMod .priceTag .price8 {
  top: 0.1em;
  font-weight: 700;
  font-size: 1em;
  float: left;
}
.legacy .tripleMod .priceTag .price9 {
  top: 0.1em;
  color: red;
  font-weight: 400;
  text-decoration: line-through;
  font-size: 0.8em;
  float: right;
}
.legacy .tripleMod .priceTag .price2 {
  line-height: 1.091em;
}
.legacy .textLeft {
  text-align: left;
}
.legacy .inputFraErrMsg {
  position: relative;
  top: 2px;
  font-weight: 700;
  background: transparent url(/css/1.2/img/warning_icon.gif) no-repeat top left;
  padding-left: 20px;
  margin: 4px 0 0 4px;
}
.legacy .greenTick {
  background-color: #C00;
  border: 1px solid #C03;
  color: #C00;
}
.legacy .optionsnumber .anotherProviderCol {
  margin-top: 0;
}
.legacy #optMobileServiceProvider {
  width: 160px;
  margin-bottom: 6px;
}
.legacy .mod4Col {
  overflow: visible;
}
.legacy .portingnumber .column1_2 {
  margin-top: 0;
}
.legacy .selectedPlan .selectedPlan {
  background-color: #ebebeb;
  height: 70px;
}
.legacy .selectedPlan .planmodCol {
  width: 139px;
  border-right: 0 solid #dbdbdb;
  border-bottom: 0 solid #dbdbdb;
  height: 90px;
}
.legacy .planmodCollastCol {
  text-align: right;
}
.legacy .selectedPlan .planColmodBorder {
  height: 100px;
}
.legacy html .planmodCollastCol {
  text-align: right;
}
.legacy #divNewNumberNotHappy {
  margin-top: 5px;
}
.legacy .recommend .modHeader {
  height: 1em;
}
.legacy .recommendExtrasDeepPurple .mod3Col .modCopy {
  margin-left: -7px;
}
.legacy .recommendExtras .modCopy {
  width: 736px;
}
.legacy .recommendExtras .radioList li {
  width: 714px;
}
.legacy .recommendExtras .formList td {
  padding: 5px 5px 5px 0px;
}
.legacy .recommendExtras .active label {
  color: #58555A;
  font-weight: 700;
}
.legacy .recommendExtras.Summary {
  margin-top: 4px;
}
.legacy .recommendExtras.Summary .deepPurple {
  margin-bottom: 3px;
}
.legacy #cartHomePhoneNew h4 {
  display: none;
}
.legacy #cartHomePhonePorting h4 {
  display: none;
}
.legacy #optHomePhoneServiceProvider {
  width: 170px;
}
.legacy #txtHomePhoneAccountRefNum {
  width: 134px;
}
.legacy #txtExistingHomePhoneNumber {
  width: 132px;
}
.legacy #confirmRequestTransferHome {
  margin-top: 30px;
}
.legacy #saveCartHomePhone {
  margin-top: 38px;
}
.legacy #ConfirmTnCforHomePhonePorting {
  margin-top: 0;
}
.legacy #cartmobilecurrent .siteOverlay {
  padding-bottom: 20px;
}
.legacy #divCurrentVodNumInputs .lightGreyText {
  margin-top: 3px;
}
.legacy .compareDevice {
  position: absolute;
  top: 17.72em;
  margin-left: 50px;
}
.legacy .comparehomePhone {
  top: 17.72em;
  display: block;
}
.legacy .compareDevicewithSticker {
  position: absolute;
  top: 17.72em;
  margin-left: 50px;
}
.legacy .comparehomePhoneWithSticker {
  top: 17.72em;
}
.legacy .recommendExtras .modBody {
  width: 736px;
  margin-left: 12px;
}
.legacy .modFeature {
  padding: 0 0 6px 7px;
}
.legacy #advancedSearch .modFeature {
  width: 560px;
}
.legacy #ConfirmTnCforMobilePorting {
  padding-top: 0;
}
.legacy #confirmRequestTransfer {
  padding-top: 15px;
}
.legacy .selectYourDiscountFooter {
  margin-bottom: 25px;
}
.legacy .mobileDetailsGrid {
  display: block;
  width: 960px;
  margin: -10px auto 0;
}
.legacy .mobileDetailsGrid .homePhonePlus a {
  font-weight: 400;
}
.legacy .mobileDetailsGrid .mobileWithPlan {
  padding-bottom: 7px;
}
.legacy .mobileDetailsGrid .doubleColumn {
  float: left;
  height: auto;
  width: 352px;
  margin-top: 10px;
  margin-left: 10px;
  position: static;
}
.legacy .mobileDetailsGrid .greatFor {
  margin-left: 2px;
  margin-top: 10px;
}
.legacy .mobileDetailsGrid .greatFor li {
  background: transparent url(/css/3.0/img/bullet-black.png) no-repeat 3px 7px;
  padding: 0 0 12px 16px;
  width: 338px;
}
.legacy .mobileDetailsGrid .mod3Col h1 {
  float: left;
  width: 300px;
  margin-top: 10px;
  font-weight: 700;
  margin-left: 14px;
}
.legacy .mobileDetailsGrid .doubleColumn h1 {
  margin-bottom: 0;
  margin-top: 15px;
  width: 300px;
}
.legacy .mobileDetailsGrid .doubleColumn .productTitle h1 {
  width: 350px;
}
.legacy .mobileDetailsGrid .productDetail {
  margin-left: 0;
}
.legacy .mobileDetailsGrid .productDetail .singleColumn {
  margin-top: 2px;
}
.legacy .mobileDetailsGrid #backLink UL {
  margin-left: 35px;
  width: 300px;
}
.legacy .mobileDetailsGrid .modCopy {
  width: 183px;
}
.legacy .mobileDetailsGrid .wasPrice {
  color: #A3A3A3;
  font-size: 0.8em;
  font-weight: 400;
  top: 0.1em;
}
.legacy .mobileDetailsGrid .wasPrice .price7 {
  text-decoration: line-through;
}
.legacy .mobileDetailsGrid .mobileWasPrice {
  color: #A3A3A3;
  margin-top: -7px;
}
.legacy .mobileDetailsGrid .mobileOnlyHeight {
  height: 160px;
}
.legacy .mobileDetailsGrid .planHeight {
  height: 160px;
}
.legacy .prdDiscription {
  margin-left: 0;
}
.legacy .prdDiscription .modBorder {
  border: 1px solid #DCDCDC;
  width: 760px;
  float: left;
  border-top: 0;
}
.legacy .prdDiscription .modCopy {
  width: 755px;
}
.legacy .mobileDetailsGrid .outofStock {
  color: red;
  font-weight: 700;
  text-align: right;
  padding-right: 5px;
}
.legacy .prdDiscription .modCopy .column1_2 {
  width: 540px;
  float: left;
  margin-top: 10px;
}
.legacy .prdDiscription .modCopy .column2_2 {
  background-color: #EDEDED;
  width: 141px;
  margin-top: 20px;
  padding: 20px;
}
.legacy .prdDiscription .modCopy .column2_2 ul {
  padding-top: 5px;
}
.legacy .prdDiscription .modCopy .hrSolid {
  border: 0;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont DD .price5 {
  height: 30px;
  padding-top: 10px;
  padding-bottom: 2px;
}
.legacy .mobileDetailsGrid #tabCont DD .price6 {
  height: 40px;
  padding-top: 10px;
}
.legacy .mobileDetailsGrid .singleColumn {
  float: left;
  overflow: hidden;
}
.legacy .mobileDetailsGrid .singleColumn .singleColumn #addToCartMobileOnly {
  margin-top: -10px;
}
.legacy .mobileDetailsGrid .singleColumn .singleColumn .price5 {
  font-size: 20px;
  vertical-align: top;
}
.legacy .mobileDetailsGrid .singleColumn .singleColumn #dollars {
  height: 30px;
  padding-top: 10px;
  margin-top: -10px;
  font-size: 40px;
  padding-left: 0;
}
.legacy .mobileDetailsGrid .singleColumn .singleColumn .price6 {
  height: 30px;
  padding-top: 10px;
  margin-top: -6px;
  font-size: 28px;
}
.legacy .mobileDetailsGrid .singleColumn .mobileOnlyBorder {
  border: 1px solid #dbdbdb;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont .price {
  width: 150px;
  float: left;
  margin-top: -1px;
  padding-right: 13px;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont DD {
  padding-left: 5px;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont P {
  padding-left: 5px;
}
.legacy .mobileDetailsGrid .picBox #picBox3d {
  float: left;
  width: 54px;
  height: 52px;
  background: url(/vf-apps/shop/css/2.0/img/icon-3d-spin.gif) no-repeat center center !important;
}
.legacy .mobileDetailsGrid .picBox #picBox3d img {
  display: none;
}
.legacy .mobileDetailsGrid .singleColumn .specialFlash #Special {
  margin-left: 10px;
}
.legacy .mobileDetailsGrid .picBox {
  float: left;
  border: 1px solid #dbdbdb;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-right: 5px;
  width: 54px;
  height: 42px;
  margin-bottom: 20px;
}
.legacy .mobileDetailsGrid .picBox img {
  margin-left: 18px;
  margin-right: 18px;
}
.legacy .otherImage {
  margin: 35px 0 0 15px;
}
.legacy .colorCompare {
  margin-left: 15px;
  bottom: 60px;
  position: absolute;
}
.legacy .mobileDetailsGrid .doubleColumn .otherImage {
  clear: both;
  margin: 0 0 0 2px;
}
.legacy .mobileDetailsGrid .doubleColumn .colorCompare {
  padding-bottom: 0;
  margin: 0 0 5px 0;
  position: static;
  float: left;
}
.legacy .mobileDetailsGrid .doubleColumn .mobileDetailCompare {
  bottom: 60px;
  position: static;
  float: right;
  margin: 0 5px 5px 0;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont input {
  float: left;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont .priceHolder {
  padding-left: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-right: 5px;
  cursor: default;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont .selectedClass {
  background-color: #BAD4DA;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont .priceHolder .onGoing {
  margin-top: -5px;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont #addToCartWithPlan {
  text-align: right;
  margin-bottom: 5px;
  margin-right: 5px;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont #addToCartMobileOnly {
  text-align: right;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: -5px;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont #addToCart {
  text-align: right;
  margin-bottom: 5px;
  margin-right: 5px;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont #addToCartLocked {
  text-align: right;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 0;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont #addToCartPopular {
  text-align: right;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 5px;
}
.legacy .mobileDetailsGrid .features li {
  background: transparent url(/css/3.0/img/bullet-black.png) no-repeat 3px 7px !important;
  padding-left: 16px;
  width: 350px;
}
.legacy .mobileDetailsGrid .locked {
  margin-left: 2px;
  margin-top: 10px;
}
.legacy .prdDiscription .planTab {
  padding-right: 5px;
}
.legacy .productDetail .buyWithOther {
  margin-top: 10px;
  margin-bottom: 10px;
}
.legacy .productDetail .columnTech1_2 {
  width: 174px;
  float: left;
  padding: 0 11px 0 0;
}
.legacy .productDetail .columnTech2_2 {
  width: 170px;
  float: left;
}
.legacy .productDetail .columnSpecifications {
  width: 360px;
  float: left;
  padding: 0 11px 0 0;
}
.legacy .productDetail .columnBattery {
  width: 360px;
  float: left;
}
.legacy .mobileDetailsGrid .price1 {
  line-height: 1.091em;
  margin-right: -2px;
}
.legacy #cartMobileErrorForCurrentText {
  font-weight: 700;
  padding-left: 20px !important;
  width: 150px;
}
.legacy #cartCurrentMobileErrorText {
  font-weight: 700;
  padding-left: 20px;
}
.legacy .didYouKnow .infobox5, .legacy .didYouKnow .infobox6 {
  overflow: visible;
  padding-top: 5px;
  margin-left: 0;
}
.legacy .didYouKnow h3 {
  color: #0077B7;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1;
}
.legacy .planmodCol .calloutClass {
  position: absolute;
  left: 15px;
  top: 45px;
  z-index: 110;
  width: 100px;
}
.legacy .hoverclass, .legacy .calloutClass {
  position: absolute;
  left: 0px;
  top: 15px;
  z-index: 110;
}
.legacy .hoverclass .borderBox, .legacy .calloutClass .borderBox {
  width: 250px;
  background: transparent url(img/tooltip/call-out.gif);
  background-repeat: no-repeat;
  background-position: 27px 0;
  overflow: hidden;
  height: 13px;
}
.legacy .calloutClass .borderBox {
  background: transparent url(img/tooltip/call-out-popularPlan.gif);
  background-repeat: no-repeat;
  background-position: 99px 0;
  background-position: 80px 0;
  margin-top: -30px;
}
.legacy .hoverclass .borderContent, .legacy .calloutClass .borderContent {
  background-color: #fff;
  border: 1px solid #E9E9E9;
  padding: 10px;
}
.legacy .calloutClass .borderContent {
  border: 1px solid #E9E9E9;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
}
.legacy #rdExistingCustomer {
  float: left;
  vertical-align: -2px;
}
.legacy #rdNewCustomer {
  vertical-align: -2px;
  top: -15px;
}
.legacy .existCon {
  width: 23px;
  float: left;
  margin-top: -2px;
}
.legacy .ajaxloaderCurrent {
  margin-left: 320px;
  margin-top: 30px;
}
.legacy .recommendExtras .modCopy h3.deepPurple {
  float: left;
  padding-right: 10px;
}
.legacy .recommendExtras .modCopy h2.deepPurple span {
  font-weight: 700;
  line-height: 1.1em;
}
.legacy .recommendExtras .modBody .column2_2 {
  width: 570px;
}
.legacy .recommendExtras .modBody .column2_2 .showDetails {
  display: none;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .mobileCol .btnDelete {
  width: 50px;
  margin-left: 29px;
  text-decoration: none !important;
  margin-bottom: 5px;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv {
  margin-left: 5px;
  margin-top: 30px;
  margin-bottom: 24px;
  padding: 0;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .descCol {
  font-weight: 700;
  border-left: 0;
  border-right: 0;
  vertical-align: middle;
  text-align: left;
  height: 55px;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .dataCol {
  padding-top: 23px;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv tr {
  color: #333;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .planCol .btnDelete {
  padding-bottom: 10px;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .expander .expanderLink {
  background: #ebebeb;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .titlesrow th {
  text-align: center;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv td {
  text-align: center;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv td.expander {
  width: auto;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv span.price1 {
  display: inline-block;
  font-weight: 700;
  color: #000;
  margin-right: -3px;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv span.price2 {
  display: inline-block;
  font-weight: 700;
  color: #000;
  font-size: 13px;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .expander {
  text-align: left;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .expander a:hover {
  color: #C80000;
  cursor: default;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .planSecondCol {
  vertical-align: middle;
  background-color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
}
.legacy .gen_table tr, .legacy .gen_table td, .legacy .gen_table th {
  padding: 5px 10px;
}
.legacy .bonusPlan {
  width: 100%;
}
.legacy .modCopy, .legacy .modCopy1col, .legacy .modCopy2col, .legacy .modCopy3col {
  padding: 8px 0 6px 7px;
}
.legacy .bonusCell {
  padding-top: 30px;
  vertical-align: middle;
  background-color: #FDE5BF;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .emptyDot img {
  margin-top: -3px;
  margin-bottom: 20px;
}
.legacy .tstBonus {
  background-color: #FDE5BF;
  padding-top: 20px;
}
.legacy .prdDiscription .modCopy .column2_2 li {
  background: transparent url(/css/3.0/img/bullet-black.png) no-repeat 0 3px;
  padding-left: 16px;
  width: 146px;
}
.legacy .choosePlan {
  border: 1px solid #E9E9E9;
  height: 80px;
  width: 270px;
  padding-top: 7px;
  padding-left: 5px;
  padding-right: 5px;
}
.legacy .choosePlan .checkoutBtn {
  margin-top: 20px;
}
.legacy .choosePlan span {
  margin-right: 6px;
}
.legacy .productDetail .singleColumn .tgtTabContent .withPlanName {
  padding-right: 2px;
}
.legacy .orViewPlans {
  padding-top: 35px;
  z-index: 600;
  width: auto;
}
.legacy .orText {
  float: left;
}
.legacy .viewPlans {
  float: left;
}
.legacy .viewAllUl {
  margin-top: 15px;
  position: absolute;
  margin-left: 3px;
}
.legacy .continueShopbtn .textBtnGrey span {
  height: 7px;
  background: transparent url(/vf-apps/shop/css/2.0/img/buttons/btn-grey-left-arrow.gif) no-repeat left 0;
  width: 120px;
  text-align: right;
}
.legacy .continueShopbtn .textBtnGrey span:hover {
  background-position: left -95px;
}
.legacy .continueShopbtn a.textBtnGrey {
  padding-bottom: 4px;
  float: right;
  margin: -15px 0 0;
}
.legacy .comparePlanFull {
  margin-left: -20px;
}
.legacy .comparePlanFullnonJS {
  margin-left: -22px;
}
.legacy .compareplanCheck .not_selected input.button-link, .legacy .compareplanCheck .selected input.button-link {
  border: 1px solid #dbdbdb;
  text-align: center;
  margin: 0 0 1px 0;
  width: 73px;
}
.legacy .compareplanCheck .not_selected input.button-link {
  background-color: #dbdbdb;
}
.legacy .compareplanCheck .selected input.button-link {
  background-color: #fff;
}
.legacy .prepayFull .comparePlanFull {
  margin-left: -5px;
}
.legacy .half .modHeight88 {
  height: 98px;
}
.legacy .half .nopad p {
  font-size: 16px;
  line-height: 1.2em;
}
.legacy .half {
  width: 282px;
}
.legacy .half .modCopy2col {
  width: 272px;
}
.legacy .half .modHeader {
  height: 8px !important;
}
.legacy .full {
  width: 564px;
}
.legacy .full .modCopy2col {
  width: 554px;
}
.legacy .full .modHeight88 {
  height: 98px;
}
.legacy .full .nopad p {
  font-size: 16px;
  line-height: 1.2em;
}
.legacy .fullDiv {
  width: 564px;
  border: 1px solid red;
  margin-bottom: 10px;
}
.legacy .nopadMainDiv p {
  width: 470px;
  float: left;
  margin-left: 5px;
  font-size: 16px;
  line-height: 1.2em;
  margin-bottom: 10px;
}
.legacy .logoDiv {
  margin-top: -15px;
}
.legacy .logoDiv #chooseButton {
  clear: both;
}
.legacy #chooseButton.formButtons {
  clear: both;
}
.legacy .full .modHeader {
  height: 8px !important;
}
.legacy .half .formButtons {
  margin-top: -5px;
}
.legacy #BestMate0 {
  float: left;
  margin-right: 4px;
  margin-top: 2px;
  margin-bottom: 1px;
}
.legacy #cartMobileError {
  float: left;
  padding-left: 17px;
}
.legacy #cartMobileErrorText {
  padding-left: 20px;
  font-weight: 700;
}
.legacy #cartmobileporting .column1_2 .lightGreyText {
  margin-top: -5px;
  font-size: 13px;
}
.legacy .ShopCart .Summary .modBody tbody td.desc {
  border: 1px solid #dbdbdb;
}
.legacy .ShopCart .Summary .modBody tbody td.month {
  border: 1px solid #dbdbdb;
}
.legacy .ShopCart .Summary .modBody tbody td.total {
  border: 1px solid #dbdbdb;
}
.legacy .recommend.recommendExtras .addonForm .number label {
  margin-left: -8px;
}
.legacy .recommend.recommendExtras .addonForm .number input {
  margin-right: 10px;
}
.legacy #fmCart .ShopCart .modBody h4 {
  background-color: #fff;
  color: #000;
  font-size: 18px;
}
.legacy #fmCart .ShopCart table th {
  background-color: #dbdbdb;
  color: #000;
}
.legacy #fmCart .ShopCart table .details {
  background-color: #ebebeb;
  padding: 5px;
}
.legacy #fmCart .ShopCart table .discountDetails {
  margin-top: -13px;
  padding: 5px 7px 5px 10px;
}
.legacy #fmCart .ShopCart table .rightDelete {
  margin-right: -3px;
}
.legacy #fmCart .ShopCart table .includedAddons h2 {
  padding-bottom: 12px;
}
.legacy .priceFree {
  font-size: 2.26em;
  font-weight: 700;
  line-height: 26pt;
  vertical-align: baseline;
}
.legacy #chooseAddonsForm .planDetails {
  border-bottom: 1px solid #dbdbdb;
}
.legacy .inputAddressHeader {
  width: 600px;
  float: left;
}
.legacy .inputPrevAddressHeader {
  width: 600px;
  float: left;
}
.legacy .inputAddressBody {
  width: 200px;
  float: left;
}
.legacy .txtBillingAddressBuilding {
  width: 100px;
}
.legacy .inputAddressPrevBody {
  float: left;
  width: 200px;
}
.legacy .inputAddressPrevHeader {
  width: 400px;
  float: left;
  border: 1px solid #fff;
}
.legacy #billingfirstline {
  float: left;
  width: 600px;
}
.legacy #firstline {
  float: left;
  width: 600px;
}
.legacy .ShopCart .formList input.textPostField {
  width: 35px;
}
.legacy .ShopCart .formList input.textFloorField {
  width: 120px;
}
.legacy .ShopCart .formList select.textFloorTypeField {
  width: 125px;
}
.legacy .ShopCart .formList input.textBuildingNameField {
  width: 120px;
}
.legacy .ShopCart .formList input.textStreetNameField {
  width: 120px;
}
.legacy .ShopCart .formList input.textStreetNumberField {
  width: 120px;
}
.legacy .ShopCart .formList select.textStreetTypeField {
  width: 125px;
}
.legacy .ShopCart .formList input.textRuralDeliveryField {
  width: 120px;
}
.legacy .ShopCart .formList input.textPrivateBagField {
  width: 120px;
}
.legacy .ShopCart .formList input.textPrivateBagNumberField {
  width: 120px;
}
.legacy .ShopCart .formList input.textPOBoxField {
  width: 120px;
}
.legacy .ShopCart .formList select.textDropDownField {
  width: 125px;
}
.legacy .parentMobileDetail .priceTag .price2 {
  margin-right: -2px;
  vertical-align: middle;
}
.legacy .quadColumn .gen_table.compare.planCompMainDiv .orImg {
  width: 31px;
  height: 29px;
  position: relative;
  z-index: 600;
  margin-top: -35px;
  background: transparent url(/vf-apps/shop/css/2.0/img/icons/icon-or-black.png) no-repeat top left;
}
.legacy .planNoTerm {
  padding-left: 18px;
  padding-right: 27px;
}
.legacy #cartHomePhonePorting .column1_2 .lightGreyText {
  margin-top: -5px;
}
.legacy #cartHomePhonePorting .column1_2 {
  margin-top: -5px;
}
.legacy .planmodColHeaderKeyFeature {
  width: 155px;
}
.legacy .buyWithOtherLink {
  background: transparent;
  border: none;
  color: #333;
  cursor: pointer;
  font-size: 13px;
  width: 190px;
  margin: 0 -2px 0 0;
  padding: 0 2px 0 0;
}
.legacy #selectedPlanDetails .width145 {
  height: 76px;
}
.legacy .specialOfferImage {
  background-color: #FDE7C2;
  margin-top: 7px;
  padding: 5px;
}
.legacy #fmCart .ShopCart .desc .details .bestmate {
  width: 676px;
  margin-left: -5px;
  margin-right: 20px;
}
.legacy #fmCart .ShopCart .desc .details .bestmate .addonForm {
  margin-top: 20px;
}
.legacy #fmCart .ShopCart .desc .details .bestmate .floatRight {
  font-size: 13px;
  color: #9A989B;
}
.legacy .lightGrayBestMateNumber, .legacy .lightGrayBestMateNickName {
  margin: -40px 10px 0 0;
}
.legacy #fmCart .ShopCart .desc .details .bestmate .number {
  margin-left: 12px;
  width: 200px;
  padding-right: 25px;
}
.legacy #fmCart .ShopCart .desc .details .bestmate .number .vodafoneNumber {
  margin-left: -15px;
}
.legacy #fmCart .ShopCart .desc .details .bestmate li {
  width: 210px;
}
.legacy .compareNonJsTxt {
  padding-left: 7px;
  padding-right: 2px;
  padding-bottom: 5px;
}
.legacy #onAccountPlans {
  float: right;
  margin-bottom: 5px;
  margin-right: 5px;
}
.legacy #onAccountPlans a {
  text-decoration: underline;
}
.legacy .filterPadding select {
  width: 153px;
  height: 22px;
}
.legacy .recommendDiscount .input_radio {
  margin-top: -1px;
}
.legacy .recommend #Frag_BestMate0 {
  margin-top: -5px;
}
.legacy #chooseAddonsForm .mod4Col .deepOrange {
  padding-bottom: 4px;
}
.legacy #chooseAddonsForm .Summary .deepPurple {
  padding-bottom: 6px;
}
.legacy .cartMod .cartCopy .cartProduct a {
  text-decoration: none;
}
.legacy .modHeight250 {
  height: 270px;
  overflow: hidden;
  margin: 0;
}
.legacy #mostPopularHeadline {
  margin-bottom: -12px;
  margin-top: -5px;
}
.legacy .recommend.recommendExtras.Summary .modCopy {
  height: 22px;
  margin-top: -10px;
}
.legacy #cartmobileporting .column1_2 {
  margin-top: -5px;
}
.legacy #cartmobileporting .column2_2 {
  margin-top: -15px;
}
.legacy #divCurrentVodNumInputs {
  margin-top: 4px;
}
.legacy .didYouKnow {
  padding-top: 2px;
}
.legacy #RadioCartHomePhoneNew, .legacy #RadioCartHomePhonePorting {
  vertical-align: top;
}
.legacy #divTnCforMobilePorting .siteOverlay .petrol {
  margin-left: 30px;
}
.legacy #divTnCforMobilePorting .siteOverlay .scrollbox {
  margin-left: 30px;
  width: 600px;
}
.legacy #divTnCforHomePhonePorting .siteOverlay .petrol {
  margin-left: 30px;
}
.legacy #divTnCforHomePhonePorting .siteOverlay .scrollbox {
  margin-left: 30px;
  width: 600px;
}
.legacy #cartButton {
  white-space: nowrap;
  margin-top: 5px;
  margin-right: 0;
  padding: 0;
}
.legacy .ShopCart .includedAddons .desc {
  margin-bottom: -18px;
}
.legacy .formButtons textBtnRedMedium formBtn.stickePlan {
  margin-top: 3px;
  border: 1px solid red;
}
.legacy .ShopCart .highlight .desc h2 {
  margin-bottom: 0;
}
.legacy .ShopCart .highlight td {
  border-bottom: 1px solid #dbdbdb;
}
.legacy .ShopCart .includedAddons .image {
  text-align: center;
}
.legacy .ShopCart .highlight .image {
  text-align: center;
}
.legacy #filterTitle {
  padding-left: 10px;
}
.legacy .ShopCart .includedAddons .labelDetails {
  text-align: left;
}
.legacy .ShopCart .includedAddons .labelDetails .link {
  margin-left: 5px;
}
.legacy #nonJsBgColor .vodafoneNumber {
  background-color: #D4D0C8;
}
.legacy #jsBgColor .vodafoneNumber {
  background-color: #fff;
}
.legacy .yorTimeDesctxt {
  margin-left: 5px;
}
.legacy .chooseYourAddonsLightBrown, .legacy .chooseYourAddonsDarkBrown {
  font-weight: normal;
  display: block;
}
.legacy .homeNewNumberDesc {
  width: 600px;
  margin-left: 10px;
}
.legacy #confirmMsisdn {
  padding-top: 1px;
}
.legacy .compareBckLink {
  float: right;
}
.legacy .blockUI.blockMsg .comparePlanLinkError a.closeOverlay {
  background-position: right 2px;
  left: 455px;
  position: absolute;
  top: 10px;
  white-space: nowrap;
  font-size: 15px;
  padding: 0 17px 0 0;
}
.legacy .blockUI.blockMsg .comparePlanLinkError a:hover {
  text-decoration: none;
  color: #000;
}
.legacy .comparePlanErrorBlock {
  margin-top: 80px;
  font-size: 16px;
}
.legacy #fmCart .ShopCart .pinkBG .floatLeft {
  padding: 8px 8px 8px 60px;
}
.legacy #fmCart .ShopCart .pinkBG {
  background-image: url(/vf-apps/shop/css/1.2/img/recommendedMobileSoffer.png);
  background-repeat: no-repeat;
}
.legacy #fmCart .ShopCart .pinkBG .formButtons {
  margin-top: 8px;
  width: 130px;
}
.legacy #fmCart .ShopCart .pinkBG .formButtons span {
  padding-left: 23px;
  padding-top: 2px;
}
.legacy #divTnCforHomePhonePorting .indicattes {
  border: 1px solid #ebebeb;
  float: left;
  clear: right;
}
.legacy #divTnCforHomePhonePorting .ackTxt {
  border: 1px solid #ebebeb;
}
.legacy .textBtnGrey:focus span {
  color: #000;
}
.legacy #fmCart .grid {
  padding-bottom: 50px !important;
}
.legacy #link_list1col {
  margin-left: -10px;
}
.legacy #applyTab {
  border: 1px solid red;
  width: 50px;
  background-image: url(/css/2.0/img/background/apply-tab.gif);
  background-repeat: no-repeat;
}
.legacy .designStyle {
  padding-left: 10px;
}
.legacy #fmCart .ShopCart .pinkBG .formButtons.stickePlan span {
  padding-left: 19px;
  padding-top: 3px;
}
.legacy #nonjs .siteOverlay .purpleBG {
  width: 540px;
  margin-left: 0;
}
.legacy #nonjs a.cancel, .legacy button.cancel {
  position: absolute;
  left: 428px;
}
.legacy #nonjs .txtCurrentVodNumDiv {
  float: left;
}
.legacy #nonjs .siteOverlay .currentnumber .column2_2 {
  width: 500px;
  padding-left: 5px;
}
.legacy #nonjs .txtCurrentPINDiv {
  padding-left: 240px;
}
.legacy #nonjs #cartmobile.siteOverlay .portingnumber .column1_2 {
  width: 190px;
}
.legacy #nonjs #cartmobile.siteOverlay .portingnumber .column2_2 {
  width: 325px;
}
.legacy #nonjs .siteOverlay li {
  list-style: none;
}
.legacy .paymentLogo {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.legacy .visaCardLogo {
  float: right;
  margin-right: 10px;
}
.legacy #nonjs #carthomephone.siteOverlay .portingnumber .column1_2 {
  width: 190px;
}
.legacy #nonjs #carthomephone.siteOverlay .portingnumber .column2_2 {
  width: 325px;
}
.legacy .boxPlusMainDiv {
  margin-left: -170px;
}
.legacy .boxMinusImg {
  float: left;
}
.legacy #comparePlanPanel {
  float: right;
  width: 155px;
  background-color: #fff;
}
.legacy #comparePlanPanel .modBorder {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
}
.legacy #comparePlanPanel .comparePhone {
  position: relative;
  width: 75px;
  height: 75px;
  padding-bottom: 10px;
}
.legacy #comparePlanPanel .comparePhone .btnDelete {
  position: absolute;
  right: -7px;
  top: -1px;
  text-decoration: none !important;
}
.legacy .compareplanBoxMainDiv {
  position: fixed;
  z-index: 600;
  right: -140px;
}
.legacy #comparePlanPanel .modHeader {
  display: none;
}
.legacy .emptyPlanTxt, .legacy .planAddedTxt {
  width: 140px;
  text-align: center;
  margin-left: -10px;
}
.legacy #comparePlanPanel .spacerImg {
  margin-top: -17px;
}
.legacy .spacerImgTip {
  position: fixed;
  right: 8px;
  cursor: none;
  margin-top: -15px;
  border: 1px solid #000;
  background-color: #FFC;
  font-size: 12px;
  z-index: 999;
  padding: 4px 10px;
}
.legacy .compareplanBoxMainDiv .compareMod {
  height: 240px;
  background-color: #fff;
  -moz-box-shadow: -2px 2px 2px 2px #dbdbdb;
  -webkit-box-shadow: -2px 2px 2px 2px #dbdbdb;
  box-shadow: -2px 2px 2px 2px #dbdbdb;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#dbdbdb', Direction=-120, Strength=8);
}
.legacy .compareplanBoxMainDivNonJs .compareMod {
  margin-left: 0 !important;
  height: 110px;
  border-left: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
  -moz-box-shadow: 2px 2px 0 #DBDBDB;
  -webkit-box-shadow: -2px 2px 0 #dbdbdb;
  box-shadow: -2px 2px 0 #dbdbdb;
  filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
}
.legacy .compareNow {
  margin: 2px 0 10px 20px;
}
.legacy .compareplanBoxMainDiv .modCopy {
  padding-top: 12px;
}
.legacy .compareplanBoxMainDivNonJs {
  position: static;
}
.legacy .compareplanBoxMainDivNonJs .compareNow {
  position: static;
  margin-top: 0;
}
.legacy .toolFull {
  position: absolute;
  top: 100px;
  z-index: 600;
  background-color: #ffc;
  border: 1px solid #000;
  margin-top: -94px;
}
.legacy #chooseAddonsForm #cartMobileErrorForCurrentText {
  position: absolute;
  width: 500px;
}
.legacy .toolTip1 {
  float: left;
  height: 10px;
}
.legacy .moreLink {
  vertical-align: 12px;
  text-decoration: underline;
}
.legacy .compareNowNew {
  margin-top: 6px;
}
.legacy .progression {
  width: 769px;
  _padding: 0;
  _width: 766px;
  padding: 0 0 6px 7px;
}
.legacy .progression .secureCheckoutImg {
  float: left;
  margin: 0 10px 0 0;
}
.legacy .progression .secureCheckout {
  float: left;
  height: 31px;
  overflow: hidden;
  margin: 3px 0 0;
}
.legacy .progression ul {
  border: 1px solid #dbdbdb;
  height: 22px;
  margin: 0 0 0 2px;
}
.legacy .progression li {
  background: white url(/css/1.2/img/progression_right.gif) no-repeat top left;
  float: left;
  line-height: 2em;
  width: 165px;
  height: 22px;
  _line-height: 18px;
}
.legacy .productDetail .price {
  margin-top: 12px;
  text-align: center;
  top: auto;
  white-space: normal;
  width: 185px;
  z-index: 1;
  position: absolute;
  right: 0;
}
.legacy * html .progression li {
  width: 163px;
}
.legacy .progression li.active {
  background: #eceaec url(/css/1.2/img/progression_act-left.gif) no-repeat top left;
}
.legacy .progression li.active a {
  color: #666;
  font-weight: 700;
}
.legacy .progression li.next {
  background-image: url(/css/1.2/img/progression_act-right.gif);
}
.legacy .progression li.passed {
  background: transparent url(/css/1.2/img/progression_right.gif) no-repeat top left;
}
.legacy .progression li.passed a {
  color: #666;
  cursor: pointer !important;
  font-weight: 700;
  padding: 0 47px;
}
.legacy .progression li.passed a:hover {
  color: #333;
}
.legacy .progression ul a {
  color: #CDCDCD;
  cursor: default !important;
  display: block;
  text-align: center;
  white-space: nowrap;
  width: auto;
  padding: 0 50px;
}
.legacy .progression li:first-child, .legacy .progression li.passed:first-child {
  background-image: none !important;
}
.legacy .ShopCart .createAccount .mod1Col {
  float: left;
  width: 185px;
}
.legacy .ShopCart .createAccount .mod2Col {
  float: left;
  width: 370px;
}
.legacy .ShopCart .createAccount .mod3Col {
  float: left;
  width: 555px;
}
.legacy .ShopCart .createAccount .formCopy {
  float: none;
  text-align: left;
  width: auto;
}
.legacy .ShopCart .createAccount .infoText {
  position: relative;
  top: 12px;
}
.legacy * html .progression li.passed {
  width: 160px;
}
.legacy .ShopCart .inputErrMsg, .legacy .ShopCart .invalidErrMsg {
  clear: both;
}
.legacy .progression .secureCheckout .first {
  background-image: none !important;
}
.legacy .ShopCart .ShopDetails .orPassport {
  padding: 10px 0;
}
.legacy .ShopCart .ShopConfirm .whiteSpace {
  width: 25px;
}
.legacy .ShopCart .Summary .modBorder {
  height: 190px;
  overflow: hidden;
}
.legacy html .ShopCart .Summary .modFooter, .legacy html .ShopConfirm .modFooter {
  margin-top: -8px;
}
.legacy .ShopCart .Items tr.errorBlock td {
  background-color: #FFC;
}
.legacy .ShopCart .Items h2 .link {
  font-weight: 400;
  margin-left: 10px;
}
.legacy * + html .ShopCart .Items .addons .image {
  left: 0 !important;
  position: relative;
  top: 0;
}
.legacy * html .ShopCart.validate .Items .addons .image {
  margin-left: -55px;
}
.legacy * + html .ShopCart.validate .Items .addons .image {
  left: 0;
}
.legacy html .ShopCart .func button, .legacy * + html .ShopCart .func button {
  margin-right: 5px;
}
.legacy .ShopCart h3 a {
  font-weight: 400;
  margin-left: 10px;
}
.legacy html .planDetails.orderDetails {
  overflow: hidden;
  width: 548px !important;
}
.legacy html .planDetails.orderDetails tabel {
  left: -4px;
  position: relative;
  top: -6px;
}
.legacy .ShopCart table .lightPurpleBG {
  background: #ebebeb;
  color: #333;
}
.legacy html .ShopCart #btnBack {
  margin-right: 5px;
}
.legacy .ShopCart .Items .total {
  width: 81.9px;
}
.legacy .ShopCart .Items td.errorBlock {
  background-color: #FFC;
}
.legacy .includedAddons .bestmate {
  float: left;
  width: 675px;
  background-color: #FFC;
  padding-left: 10px;
  padding-top: 10px;
}
.legacy .ShopCart .Items .discountItem {
  padding-top: 5px;
}
.legacy .discountItem .discountDetails {
  background-color: #FEF1DF;
  float: left;
  width: 345px;
  padding-left: 5px;
}
.legacy .width300 {
  width: 300px;
}
.legacy .ShopCart .Items .pinkBG .pinkBGMore {
  background-color: #FEE8C3;
  width: 500px;
  padding-left: 5px;
}
.legacy .bestmate ul {
  padding-top: 10px;
}
.legacy .ShopCart .Items .bestmate .addonForm li {
  float: left;
  overflow: hidden;
  width: 220px;
  padding-left: 10px;
}
.legacy .ShopCart .Items .bestmate .addonForm li.number {
  clear: both;
  overflow: hidden;
  width: 220px;
}
.legacy .ShopCart .Items .bestmate label {
  width: 120px;
}
.legacy .ShopCart .details {
  position: relative;
  float: left;
  width: 350px;
}
.legacy .ShopCart .heading {
  float: left;
  width: 350px;
}
.legacy .ShopCart .label {
  float: left;
  width: 150px;
  padding-left: 5px;
}
.legacy .ShopCart .labelDetails {
  text-align: right;
}
.legacy .recommendAccessoryContainer {
  height: 200px;
  clear: both;
  position: relative;
  background-color: #EEE;
  width: 750px;
  padding: 5px;
}
.legacy .recommendAccessoryContinue {
  color: #333;
  width: 160px;
  height: 170px;
  float: left;
  padding-right: 5px;
  font-weight: 700;
}
.legacy .recommendAccessoryList {
  width: 190px;
  float: left;
  padding-right: 5px;
}
.legacy .recommendAccessoryList .whiteBackground {
  background-color: #fff;
  height: 196px;
  padding: 2px 0 2px 4px;
}
.legacy a.textBtnGrey:hover {
  text-decoration: none !important;
}
.legacy #continueShoppingDetails {
  background: transparent none repeat scroll 0 0;
  z-index: 99999;
  position: absolute;
  width: 225px;
}
.legacy .viewAccessoryDetailsBtn {
  bottom: 0;
  position: absolute;
  margin-left: 0;
  margin-bottom: 13px;
}
.legacy .ShopCart .recommendAccessoryList h3 {
  color: #000;
  overflow: hidden;
  height: 32px;
  line-height: 16px;
}
.legacy .ShopCart .recommendAccessoryList .prodCopy {
  height: 40px;
  overflow: hidden;
  padding-bottom: 7px;
}
.legacy .viewAccessoryDetails {
  background: transparent none repeat scroll 0 0;
  z-index: 999;
  position: absolute;
}
.legacy .continueShoppingNonJs {
  left: 140px;
  top: -30px;
}
.legacy .viewAccessoryDetailsMobileNonJs {
  left: 180px;
  top: -160px;
}
.legacy .viewAccessoryDetailsAccNonJs {
  left: 180px;
  top: -120px;
}
.legacy #continueShoppingDetails .textBtnRedMedium span {
  width: 145px;
  text-align: center;
}
.legacy #continueShoppingDetails .borderBox {
  height: 13px;
  width: 13px;
  background: transparent url(img/tooltip/call-out-left.gif) no-repeat top left;
  position: absolute;
  top: 43px;
  left: 0px;
  z-index: 99999;
}
.legacy #continueShoppingDetails .borderContent {
  position: absolute;
  -moz-box-shadow: -2px 2px 2px 2px #dbdbdb;
  -webkit-box-shadow: -2px 2px 2px 2px #dbdbdb;
  box-shadow: -2px 2px 2px 2px #dbdbdb;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#dbdbdb', Direction=-120, Strength=8);
  background-color: #fff;
  border: 1px solid #e9e9e9;
  width: 215px;
  margin-left: 12px;
  padding: 5px;
}
.legacy .crossSellContent a.moreLink {
  margin-right: 10px;
}
.legacy .viewAccessoryDetails {
  -moz-box-shadow: -2px 2px 2px 2px #dbdbdb;
  -webkit-box-shadow: -2px 2px 2px 2px #dbdbdb;
  box-shadow: -2px 2px 2px 2px #dbdbdb;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#dbdbdb', Direction=-120, Strength=8);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 560px;
  padding: 5px;
}
.legacy .price1, .legacy .price2, .legacy .price4 {
  line-height: 1.291em;
}
.legacy .siteOverlay .pinkBGNew {
  background: #ebebeb none repeat scroll 0 0 !important;
  width: 700px;
  height: 130px;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 10px;
}
.legacy .siteOverlay .pinkBGMore {
  height: 170px;
  width: 700px;
  background: #ebebeb none repeat scroll 0 0 !important;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 10px;
}
.legacy .marginTop {
  margin-top: 10px;
}
.legacy .marginSecurityMsg {
  margin-top: 7px;
}
.legacy .ShopCart .Summary .total {
  width: 81.9px;
}
.legacy #pre_address_suburb {
  margin-top: 20px;
}
.legacy .floatLeft.pinkBG.yellowBG {
  width: 500px;
  padding-left: 5px;
  background-color: #FDE7C2;
}
.legacy .floatLeft.pinkBG.specialOfferImage.yellowBG {
  background-color: #FDE7C2;
}
.legacy .floatRight.formButtons.stickePlan {
  margin-top: 8px;
}
.legacy #fmCart .ShopCart .floatLeft.pinkBG {
  width: 500px;
  padding-left: 5px;
  background-color: #FDE7C2;
}
.legacy .ShopCart .Items .qty select {
  margin-left: -24px;
  margin-right: -24px;
}
.legacy .borderContentHeading {
  margin-top: 18px;
  margin-left: 17px;
  font-weight: 700;
  color: #000;
}
.legacy #fmCart .borderContent .formButtons a, .legacy .formButtons input {
  margin-right: 23px;
}
.legacy #fmCart .borderContent .formButtons {
  margin-top: 3px;
}
.legacy .ShopCart .paymentExpressLogoOne {
  float: left;
  margin-top: -10px;
}
.legacy .ShopCart .paymentExpressLogoTwo {
  float: left;
  margin-left: 30px;
  margin-top: -10px;
}
.legacy .yorDetailsPopupLink {
  vertical-align: -4px;
}
.legacy .ShopCart .purpleBG {
  background-color: #dbdbdb;
  color: #333;
  font-weight: 700;
  padding: 6px 8px 4px 10px;
}
.legacy .ShopCart .modCopy {
  color: #333;
}
.legacy .ShopCart .firstBox {
  background: #ebebeb;
  padding: 10px 10px 0;
}
.legacy .ShopCart .lightPurpleBG {
  background: #D5BED6;
  color: #333;
  font-weight: 700;
  padding: 6px 8px 4px 10px;
}
.legacy .ShopCart .formList li {
  clear: both;
  padding-bottom: 5px;
}
.legacy * html .ShopCart .Summary .textBtnRed {
  margin-left: 240px;
}
.legacy * html .ShopCart .Summary .textBtnRed, .legacy .ShopCart .Summary .textBtnRed span {
  position: static;
}
.legacy * html .ShopCart .Summary a:hover {
  color: #008698 !important;
}
.legacy .ShopCart .formList .formCopy {
  text-align: left;
  width: auto;
}
.legacy .ShopCart .formList input.textField {
  width: 250px;
}
.legacy .ShopCart .formList select.textField {
  width: 255px;
}
.legacy .ShopCart .formList input.textFieldSmall {
  margin-right: 3px;
  text-align: center;
  width: 35px;
}
.legacy .ShopCart .CreditCard .formList input.textFieldSmall {
  vertical-align: top;
  width: 28px;
}
.legacy .ShopCart .formList .inputErrMsg .inputErrMsgForUnderAge {
  margin: 4px 0 0;
}
.legacy .ShopCart .formList .invalidErrMsg .inputErrMsgForUnderAge {
  margin: 4px 0 0;
}
.legacy .ShopCart .column2_2 {
  float: left;
  font-size: 1em;
  width: 260px;
}
.legacy .ShopCart .column1_2 .formList {
  margin-top: 0;
}
.legacy .ShopCart .column2_2 p {
  font-size: 1em;
}
.legacy .ShopCart .column1_2 {
  float: left;
  width: 370px;
}
.legacy .ShopCart .ShopDetails .column1_2, .legacy .ShopCart .ShopLogin .column1_2 {
  width: 430px;
}
.legacy .ShopCart .ShopDetails .column2_2, .legacy .ShopCart .ShopLogin .column2_2 {
  width: 290px;
}
.legacy #divLinkIdentification {
  background: url(/css/3.0/img/drivers-licence.jpg) no-repeat scroll 0 210px transparent;
  height: 325px;
  float: right;
  padding-right: 25px;
}
.legacy a#lnkIdentification:hover, .legacy a#goToPersonal:hover {
  color: #c80000 !important;
}
.legacy div.passportBG {
  background: none !important;
}
.legacy .ShopCart .liPassword {
  position: relative;
}
.legacy .ShopCart .ShopDetails .link_list1Col {
  position: static;
}
.legacy .ShopCart .ShopDetails #txtOrgSpan {
  display: inline;
}
.legacy * html .formCopy {
  position: static;
}
.legacy .ShopCart .ShopDetails #lblAddressDoOtherSpecify {
  margin-left: 105px;
}
.legacy .ShopCart .ShopDetails #txtOrgOtherHolder, .legacy .ShopCart .ShopDetails #txtOrgForeignCountryHolder {
  margin-left: 25px;
}
.legacy .ShopCart .column2_2 .formList .formCopy {
  width: 160px;
}
.legacy .ShopCart table {
  border-collapse: collapse;
  width: 100%;
  padding: 0 1px;
}
.legacy .ShopCart table.tableNoBorder td {
  border: 0;
  background: 0;
  padding: 7px 8px 2px 0;
}
.legacy .ShopCart table.tableNoBorder .total {
  text-align: right;
  width: 115px;
}
.legacy .ShopCart table.tableNoBorder tr.total td {
  font-weight: 700;
  border-top: 1px solid #999;
}
.legacy .ShopCart .ShopConfirm .highlight {
  background-color: #ebebeb;
  padding: 7px;
}
.legacy .ShopCart h1, .legacy .ShopCart h2, .legacy .ShopCart h3, .legacy .ShopCart h4 {
  font-weight: 700;
}
.legacy .ShopCart h4 {
  font-size: 1.2em;
  padding: 9px 8px 8px 10px;
}
.legacy .ShopCart th {
  padding: 6px 8px 4px 10px;
}
.legacy .ShopCart th.total, .legacy .ShopCart td.total {
  border-right: none;
}
.legacy .ShopCart td {
  border-right: 1px solid #dbdbdb;
  padding: 2px 8px 2px 10px;
}
.legacy .ShopCart .Items .voucher td {
  background: #FDE7C2;
  padding-top: 10px;
  line-height: 10px;
}
.legacy .ShopCart .Items .voucher td.desc {
  background: #fde7c2 url(/vf-apps/shop/css/2.0/img/voucher_bg.gif) no-repeat;
}
.legacy .cartCopyVoucher {
  background: transparent url(/vf-apps/shop/css/2.0/img/voucher_icon.gif) no-repeat left -35px;
}
.legacy .ShopCart .Items .voucher > td .copy {
  margin-top: -10px;
}
.legacy .ShopCart .Items .voucher td.total {
  color: #c80000;
}
.legacy .ShopCart .Summary .errorMsg {
  color: #999;
  display: block;
  margin-left: 0;
  position: absolute;
  padding: 3px 0 0;
}
.legacy * html .ShopCart .Summary .errorMsg {
  margin-top: -30px;
  position: static;
}
.legacy .ShopCart .Summary.errorBlock .errorMsg {
  display: block;
}
.legacy .ShopCart .Summary .errorMsg .errorMsgHead {
  float: left;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1em;
  margin-top: 3px;
  text-align: right;
  width: 180px;
}
.legacy .ShopCart .Items .errorBlock .errorMsg {
  display: block;
  padding: 5px 0 15px;
}
.legacy .ShopCart .Items .errorBlock .mobileNumberSelection {
  padding-bottom: 5px;
}
.legacy .ShopCart .Items .errorMsg {
  display: none;
  padding: 0;
}
.legacy .ShopCart.Items .errorChoose {
  float: left;
}
.legacy .ShopCart .Items tr.errorBlock .shadow {
  background: #ffffcc url(/vf-apps/shop/css/2.0/img/cartErrorShadow.gif) no-repeat bottom left;
  border-right: 0;
}
.legacy .ShopCart .Items .errorMsg .errorMsgHead {
  font-size: 1.5em;
  margin-bottom: 2px;
}
.legacy .ShopCart .Items .errorMsg .errorMsgText {
  margin-left: 23px;
}
.legacy .ShopCart .Items .textBtnRed {
  background-image: url("/css/3.0/img/buttons/right.gif") no-repeat scroll right -190px transparent;
}
.legacy .ShopCart .Items .textBtnRed span {
  background: url("/css/3.0/img/buttons/left.gif") no-repeat scroll left -190px transparent;
}
.legacy .ShopCart .Items .mobileNumberSelection .mobileNumber {
  padding-right: 10px;
  padding-top: 5px;
}
.legacy .ShopCart .Items .mobileNumberSelection .chooseNumber {
  padding: 6px 0 0;
}
.legacy .ShopCart .Items .errorBlock .mobileNumberSelection .chooseNumber {
  padding: 0;
}
.legacy .ShopCart .firstBox .errorMsg {
  display: block;
  padding: 0 0 20px;
}
.legacy .ShopCart .Items .desc ul {
  list-style-type: square;
  padding: 0 0 0 76px;
}
.legacy .ShopCart .Items h2 {
  font-weight: 700;
}
.legacy .ShopCart .Items .rightDelete {
  right: 0;
  top: 0;
}
.legacy .ShopCart .Items h3 {
  font-size: 1em;
  color: #000;
}
.legacy .ShopCart .rightDelete {
  float: right;
  margin-right: 5px;
}
.legacy .ShopCart .Items .btnDelete {
  width: 39px;
  padding: 0 0 5px 18px;
}
.legacy .ShopCart .Items .desc {
  line-height: 1.6em;
}
.legacy .ShopCart .Items .desc a.link {
  text-decoration: underline;
}
.legacy .ShopCart .Items .qty {
  text-align: center;
}
.legacy .ShopCart .Items .qty label {
  display: none;
}
.legacy .ShopCart .Items .month {
  width: 82px;
}
.legacy .ShopCart .Items .addons td.desc {
  padding: 10px 8px 0 110px;
}
.legacy .ShopCart .Items .addons .image {
  background: #FFF;
  height: 2px;
  overflow: hidden;
  width: 110px;
  margin: -12px 0 0 -110px;
}
.legacy * html .ShopCart .Items .addons .image {
  left: 0 !important;
  margin-left: -55px;
  position: relative;
  top: 0;
}
.legacy *:first-child + html .ShopCart .Items .addons .image {
  position: relative;
  left: 0;
  top: 0;
}
.legacy .ShopCart .Items .image {
  float: left;
  width: 60px;
}
.legacy .ShopCart .Items .copy {
  float: left;
  width: 424px;
}
.legacy .ShopCart .Items .number {
  width: 80px;
}
.legacy .ShopCart .Items .saving {
  color: #c80000;
  font-weight: 700;
  text-transform: uppercase;
}
.legacy .ShopCart .Items .highlight .desc, .legacy .ShopCart .Items .highlight .shadow {
  border-top: 1px solid #dbdbdb;
}
.legacy .ShopCart .Items .highlight .qty, .legacy .ShopCart .Items .highlight .month, .legacy .ShopCart .Items .highlight .total {
  border-top: 1px solid #dbdbdb;
}
.legacy .ShopCart .Items td.month {
  font-weight: 400;
  text-align: right;
}
.legacy .ShopCart .Items td.total {
  font-weight: 700;
  text-align: right;
}
.legacy .ShopCart .Items .includedAddons td, .legacy .ShopCart .Items .bundle td.qty, .legacy .ShopCart .Items .bundle td.month, .legacy .ShopCart .Items .bundle td.total {
  background-image: none;
}
.legacy .ShopCart .Items .addonIncludes .desc {
  padding-bottom: 10px;
  padding-left: 110px;
}
.legacy .ShopCart .Items .addons td.desc, .legacy .ShopCart .Items .addonIncludes {
  padding-bottom: 10px;
}
.legacy .ShopCart .Items ul.addonForm {
  line-height: 2.5em;
  list-style-type: none !important;
  padding: 0 !important;
}
.legacy .ShopCart .Items .addonForm li {
  float: left;
  white-space: nowrap;
  width: 155px;
}
.legacy .ShopCart .Items .addonForm li.number {
  clear: both;
  overflow: hidden;
  width: 225px;
}
.legacy .ShopCart .Items .addonForm li.number .vodafoneNumber {
  margin-right: 0;
}
.legacy .ShopCart .Items .formList {
  margin-top: 0;
}
.legacy .ShopCart .Items .formList li {
  clear: none;
  float: left;
  padding: 0;
}
.legacy .ShopCart .Items ul.addonForm input {
  margin-top: 5px;
}
.legacy .ShopCart .Items label {
  display: block;
  float: left;
  width: 61px;
}
.legacy .ShopCart .Items .number label {
  width: 120px;
}
.legacy .ShopCart .Items .addonForm input {
  margin-right: 0 !important;
}
.legacy .ShopCart .Items .vodafoneNumber {
  float: left;
  margin-right: 10px;
  width: 85px;
}
.legacy .ShopCart .Summary .desc {
  font-weight: 700;
  width: 563px;
}
.legacy .ShopCart .Summary .month {
  width: 82px;
}
.legacy .ShopCart .Summary .onlineSave {
  color: #c80000;
  float: right;
  font-weight: 700;
}
.legacy .ShopCart .Summary td.month {
  text-align: right;
}
.legacy .ShopCart .Summary td.total {
  font-weight: 700;
  text-align: right;
}
.legacy .ShopCart .Summary .right {
  left: 240px;
}
.legacy .ShopCart .func {
  padding: 6px 8px 4px 10px;
}
.legacy .ShopCart .func .continueHolder {
  margin-right: -15px;
  float: left;
  overflow: hidden;
  width: 345px;
}
.legacy .ShopCart .func .continueHolder .inputBtnRed {
  margin-top: 7px;
}
.legacy .ShopCart .ShopDetails .func a, .legacy .ShopCart .ShopConfirm .func a {
  margin-left: 10px;
  float: right;
}
.legacy .ShopCart .ShopDetails .purpleBG {
  padding-left: 28px;
  clear: both;
  margin-top: -1px;
}
.legacy .ShopCart .ShopDetails .func {
  position: static !important;
}
.legacy .ShopCart .func .link_list1Col {
  float: left;
  position: relative;
  width: 125px;
  margin: 0 20px 0 0;
  padding: 10px 0 0;
}
.legacy .ShopCart .ShopConfirm h4 {
  background: none;
  color: #333;
  margin-top: 10px;
  padding: 0;
}
.legacy .ShopCart .ShopConfirm .link_list2Col {
  position: static;
}
.legacy .ShopCart .ShopConfirm a.btnDelete {
  background-image: url(/css/2.0/img/buttons/delete-lightpurple.gif);
}
.legacy .scrollbox {
  overflow: auto;
  height: 150px;
  margin-bottom: 10px;
  font-size: 13px;
  border: 1px solid #dbdbdb;
  background: #fff;
  padding: 1px 10px;
}
.legacy .scrollbox h3 {
  font-size: 14px;
}
.legacy .scrollbox h3 a {
  margin-left: 0px !important;
}
.legacy .ShopCart .lightPurpleBG th {
  padding: 9px 8px 8px 10px;
}
.legacy .ShopCart .noBG {
  background: none;
}
.legacy .ShopCart .noBorder {
  border: 0;
}
.legacy .ShopCart label span, .legacy .ShopCart .indicates, .legacy .siteOverlay .indicates, .legacy .cartLogin label span, .legacy .formList label span {
  color: red;
  font-weight: 400;
  padding: 0 3px 0 0;
}
.legacy .ShopCart .formList .btnDelete {
  margin-left: 20px;
  padding: 0 0 5px 18px;
}
.legacy .ShopCart .formList .btnDelete:hover {
  background-position: 0 -100px;
}
.legacy .ShopCart .company {
  display: block;
  float: left;
  padding-top: 2px;
  width: 203px;
}
.legacy .ShopCart .country {
  display: block;
  float: left;
  padding-top: 2px;
  width: 75px;
}
.legacy .ShopCart .modBody {
  padding: 0 1px;
}
.legacy .ShopCart .modCopy h2 {
  font-size: 1.6em;
  font-weight: 700;
  margin: 0.2em 0;
}
.legacy .ShopCart .Thankyou table tr.highlight td {
  background-color: #ebebeb !important;
}
.legacy .ShopCart .Thankyou table tr.total td {
  background-color: #333 !important;
  color: #fff !important;
  font-weight: 700;
  padding: 6px 8px 4px 10px !important;
}
.legacy .ShopCart .OrderBox h4 {
  padding: 9px 5px 0;
}
.legacy .ShopCart .OrderBox .hr {
  margin-bottom: 0;
}
.legacy .ShopCart .OrderDetails li {
  text-align: right;
  padding: 2px 15px;
}
.legacy .ShopCart .OrderDetails li p {
  text-align: left;
}
.legacy .ShopCart .OrderDetails li.total {
  padding-top: 3px;
  border-top: 1px solid #dbdbdb;
  font-weight: 700;
}
.legacy .ShopCart .OrderDetails li span {
  float: left;
}
.legacy .OrderDetails .column1_2 {
  width: 270px;
}
.legacy .ShopCart .CreditCard {
  margin-top: 10px;
}
.legacy .ShopCart .CreditCard .column1_2 {
  width: 380px;
}
.legacy .ShopCart .CreditCard .column1_2 .textField {
  width: 175px;
}
.legacy .ShopCart .CreditCard .column1_2 .formList .formCopy {
  width: 130px;
}
.legacy .ShopCart .termsCond {
  float: left;
  width: 30px;
}
.legacy .ShopCart h3, .legacy .ShopCart .cartLogin h3 {
  color: #333;
}
.legacy .ShopCart .termsCondLabel {
  float: left;
  width: auto;
}
.legacy .ShopCart .formList span.inputErr {
  padding: 1px 2px 2px 0;
}
.legacy .infoText {
  color: #aaa;
  font-size: 1em;
}
.legacy .hidden {
  display: none !important;
}
.legacy .show {
  display: block !important;
}
.legacy .marginBottom10 {
  margin-bottom: 10px !important;
}
.legacy .marginBottom20 {
  margin-bottom: 20px !important;
}
.legacy .marginBottom30 {
  margin-bottom: 30px !important;
}
.legacy .marginTop50 {
  margin-top: 50px !important;
}
.legacy .marginLeft10 {
  margin-left: 10px !important;
}
.legacy .marginRight10 {
  margin-right: 10px !important;
}
.legacy hr.clear, .legacy hr.clear-bar {
  display: block;
  visibility: hidden;
}
.legacy .greatFor h6 {
  font-size: 16px;
  line-height: 1.2em;
  letter-spacing: .01em;
  color: #343333;
  margin-bottom: 14px;
}
.legacy .featureColumn {
  min-height: 152px;
  height: auto !important;
  height: 152px;
  width: 160px;
  float: left;
  background: #EDEDED;
  padding: 10px;
}
.legacy .featureColumn ul {
  padding-top: 5px;
}
.legacy .featureColumn li {
  padding-left: 15px;
}
.legacy .greatFor .feature-graphic {
  margin-bottom: 23px;
}
.legacy #tab1content .feature-overview-block {
  width: 755px;
  margin-top: -6px;
}
.legacy #tab1content .feature-overview-block h3 {
  color: #333;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.2em;
  margin-left: 5px;
}
.legacy #tab1content .feature-overview-block h3 a {
  text-decoration: underline;
  font-weight: bold;
  font-size: 1em;
  color: #333;
}
.legacy #tab1content .feature-overview-block h3 a:hover {
  color: #C80000;
}
.legacy #tab1content .feature-overview-block p {
  margin-top: 10px;
  line-height: 1.6em;
  color: #333;
  margin-left: 5px;
  width: 97%;
}
.legacy #tab1content .feature-overview-block .singleColumn {
  width: 168px;
  margin: 5px 15px 0px 0px;
}
.legacy #tab1content .feature-overview-block .singleColumn-wide {
  width: 175px;
  margin: 5px 15px 0px 0px;
  float: left;
}
.legacy #tab1content .feature-overview-block .doubleColumn {
  margin: 0;
  width: 365px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.legacy .feature-overview-block table {
  margin-top: 5px;
}
.legacy .feature-overview-block table td {
  border-bottom: 1px solid #BBB;
  padding-left: 10px;
}
.legacy .feature-overview-block table td.darkGreyBG {
  background: #dbdbdb;
}
.legacy .feature-overview-block table td.midGreyBG {
  background: #ebebeb;
}
.legacy #mobileDetailsTab .feature-overview-block .greybg-standout {
  min-height: 140px;
  height: auto !important;
  height: 140px;
  margin-right: 0;
  padding: 15px 20px 5px 20px;
  width: 335px;
}
.legacy #mobileDetailsTab .feature-overview-block .lightGreybg-standout {
  min-height: 175px;
  height: auto !important;
  height: 175px;
  margin-right: 0;
}
.legacy #mobileDetailsTab .feature-overview-block .splitGraphic {
  width: 350px;
}
.legacy #mobileDetailsTab .feature-overview-block .splitGraphic img {
  float: left;
  margin-right: 3px;
}
.legacy #mobileDetailsTab .feature-overview-block .fullWidth-twoColor, .legacy #mobileDetailsTab .feature-overview-block .fullWidth-homephone {
  background: url(/vf-apps/shop/img/doubleColumnBG.gif) top left repeat-y;
  min-height: 175px;
  height: auto !important;
  height: 175px;
}
.legacy #mobileDetailsTab .feature-overview-block .fullWidth-homephone {
  padding-top: 10px;
  width: 745px;
  overflow: hidden;
  background: #f1f1f1;
}
.legacy #mobileDetailsTab .feature-overview-block .how-it-works {
  padding: 5px 0px 0px 5px;
}
.legacy #mobileDetailsTab .feature-overview-block .how-it-works ul {
  list-style: disc;
  margin-top: 9px;
  margin-bottom: 32px;
}
.legacy #mobileDetailsTab .feature-overview-block .how-it-works ul li {
  margin-left: 15px;
  line-height: 1.4em;
  margin-top: 7px;
}
.legacy .feature-overview-block .cta-morebox {
  width: 170px;
  height: 120px;
  background: #fff;
  border: 1px solid #CCC;
  margin-left: 5px;
}
.legacy .feature-overview-block .cta-morebox .boxContent {
  padding: 7px 10px 10px 8px;
}
.legacy .feature-overview-block .cta-morebox a {
  background: url(/vf-apps/shop/img/buy-more-btn.gif) top right no-repeat;
  padding-right: 41px;
}
.legacy .feature-overview-block .cta-morebox img {
  margin-top: 11px;
}
.legacy #tab1content .smartphone {
  margin: 11px 0 15px 0;
  overflow: hidden;
  height: 1%;
}
.legacy #tab1content .smartphone .singleColumn {
  width: 220px;
  position: relative;
}
.legacy .smartphone .doubleColumnPop {
  width: 315px;
  float: left;
  cursor: pointer;
  cursor: pointer;
}
.legacy .smartphone .fullLength {
  width: 744px;
  overflow: visible;
  background: #ebebeb;
  border: 1px solid #dbdbdb;
  float: left;
  margin: 15px 0 15px 0;
}
.legacy .smartphone .infoContent {
  padding: 15px 0 15px 15px;
  float: left;
  width: 550px;
}
.legacy .smartphone .fullLength img {
  float: right;
  margin: 15px;
}
.legacy .smartphone ul.grey-arrow-list li {
  margin: 2px 0;
}
.legacy .smartphone ul.grey-arrow-list a {
  color: #333;
  background: url(/shop/grey-arrow.gif) left 4px no-repeat;
  padding-left: 10px;
  text-decoration: none;
}
.legacy .smartphone ul.grey-arrow-list a:hover {
  text-decoration: underline;
}
.legacy .smartphone .featureColumn {
  margin-left: 15px;
}
.legacy .smartphone .featureColumn li {
  background: url("/css/3.0/img/bullet-black.png") no-repeat scroll 0 3px transparent;
  padding-left: 16px;
  width: 146px;
}
.legacy #divNewOrExistingCustomer {
  width: 470px;
}
.legacy #divNewOrExistingCustomerOptOut {
  width: 284px;
}
.legacy #divNewOrExistingCustomer .modCopy, .legacy #divNewOrExistingCustomerOptOut .modCopy {
  width: auto;
  padding-top: 10px;
}
.legacy #divNewOrExistingCustomerOptOut .modCopy {
  height: 214px;
}
.legacy #divNewOrExistingCustomer .inputErrMsg, .legacy #CreateNewAccount .inputErrMsg {
  padding-left: 20px;
  background: transparent url(/img/icons/icon-cross.gif) no-repeat scroll left top;
}
.legacy #divNewOrExistingCustomer .inputTick, .legacy #CreateNewAccount .inputTick {
  display: none;
}
.legacy #divNewOrExistingCustomer .formButtons {
  float: left;
  height: auto;
  margin: 10px 0px 0px 45px;
  margin-left: 0px !important;
  width: 60px;
}
.legacy #divNewOrExistingCustomer .formButtons span, .legacy #CreateNewAccount .formButtons span, .legacy #divNewOrExistingCustomerOptOut .formButtons span {
  _display: inline;
}
.legacy #divNewOrExistingCustomer .formCopy {
  float: none;
  margin-bottom: 3px;
}
.legacy #divNewOrExistingCustomer .link_list1Col {
  margin: 10px 5px 0px 0px;
}
.legacy #divPasswordSentToMobile.siteOverlay .imgContainer,
.legacy #divPasswordSentToEmail.siteOverlay .imgContainer {
  margin-right: 10px;
}
.legacy #divPasswordSentToMobile.siteOverlay form#loginHandler,
.legacy #divPasswordSentToEmail.siteOverlay form#loginHandler,
.legacy #divPasswordReset.siteOverlay form#changePasswordForm {
  position: relative;
  clear: both;
  overflow: hidden;
  border: 1px solid #dbdbdb;
}
.legacy #divPasswordSentToMobile.siteOverlay form#loginHandler,
.legacy #divPasswordSentToEmail.siteOverlay form#loginHandler {
  height: 100px;
}
.legacy #divPasswordReset.siteOverlay form#changePasswordForm {
  height: 180px;
}
.legacy #divPasswordSentToMobile.siteOverlay p.head,
.legacy #divPasswordSentToEmail.siteOverlay p.head {
  margin-top: 0px;
  font-weight: bold;
}
.legacy #divPasswordSentToMobile.siteOverlay .formButtons,
.legacy #divPasswordSentToEmail.siteOverlay .formButtons,
.legacy #divPasswordReset.siteOverlay .formButtons {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.legacy #divPasswordSentToMobile .inputErrMsg,
.legacy #divPasswordSentToEmail .inputErrMsg,
.legacy #divPasswordReset .inputErrMsg {
  padding-left: 20px;
  margin-left: 25px;
  background: transparent url(/img/icons/icon-cross.gif) no-repeat scroll left top;
}
.legacy #divPasswordReset .strengthMeter {
  float: none;
  border: none;
  margin: 0 0 0 140px;
  padding: 0px;
  width: 225px;
  _margin-left: 143px;
  _width: 130px;
}
.legacy #divPasswordReset.siteOverlay p.head {
  margin-top: 0px;
  font-weight: normal !important;
  width: 275px;
  _margin-top: -30px;
}
.legacy #divPasswordReset.siteOverlay div#tick {
  position: absolute;
  top: 240px;
  left: 290px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .legacy .recommend.recommendExtras .addonForm .number input {
    margin-right: 9px;
  }
  .legacy #saveCartHomePhone {
    margin-top: 55px;
  }
  .legacy #ConfirmTnCforHomePhonePorting {
    margin-top: 15px;
  }
  .legacy #cartmobilecurrent .siteOverlay h4 {
    padding-bottom: 3px;
  }
  .legacy .compareDevice {
    position: absolute;
    top: 19.172em;
    margin-left: 50px;
  }
  .legacy .comparehomePhone {
    margin-top: 18.272em;
    display: block;
  }
  .legacy .compareDevicewithSticker {
    position: absolute;
    top: 19.172em;
    margin-left: 50px;
  }
  .legacy .comparehomePhoneWithSticker {
    margin-top: 14em;
  }
  .legacy #chooseButton {
    width: 545px;
  }
  .legacy .tripleMod .outofstock {
    top: 40px;
  }
  .legacy .recommend.recommendExtras.Summary .modCopy #btnCompleteOrder {
    margin-top: -17px !important;
    padding-top: 16px;
  }
  .legacy .helpHover {
    margin-top: 30px;
  }
  .legacy .recommend.recommendExtras.Summary .modCopy {
    height: 22px;
    margin-top: -4px;
  }
  .legacy #divNewNumberNotHappy {
    margin-top: -12px;
    float: left;
    clear: right;
  }
  .legacy .paging {
    margin-top: -15px;
    float: right;
  }
  .legacy #txtCurrentPIN {
    width: 46px;
  }
  .legacy #cartmobilecurrent .hoverclass {
    margin-top: 30px;
  }
  .legacy #cartmobilecurrent .hoverclass a {
    text-decoration: none;
  }
  .legacy #cartmobileporting .hoverclass {
    margin-top: 25px;
  }
  .legacy #cartmobileporting .column1_2 .hoverclass {
    margin-top: 65px;
    text-decoration: none;
  }
  .legacy .compareNow {
    position: static !important;
  }
  .legacy .planAddedTxt {
    width: 105px !important;
  }
  .legacy .spacerImgTip {
    margin-top: -115px !important;
  }
}
.legacy #tcAcceptHomePortingError {
  float: left;
  font-weight: bold;
  padding-left: 20px;
  width: 500px;
}
.legacy .showDetailPayableToday {
  float: left;
  margin-left: 40px;
}
.legacy #txtBestMate_Error, .legacy #txtFamilyBestMate_Error {
  margin-left: 20px;
}
.legacy .recommendExtras #txtBestMate_Error, .legacy #txtFamilyBestMate_Error {
  margin-left: 0px !important;
}
.legacy #txtFamilyBestMate_Error .inputErrMsg {
  margin-left: 20px;
}
.legacy .headContRelPlan {
  font-size: 2.1em;
  color: red;
  font-weight: bold;
}
.legacy .displayPlan {
  padding-bottom: 7px;
}
.legacy #uploadPassportEvidence .inputErrMsg {
  padding-bottom: 20px;
}
.legacy .designHack .modHeader {
  background-color: #ebebeb;
  border: medium none;
}
.legacy .designHack .modHeader h2 {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}
.legacy .designHack {
  padding-bottom: 20px;
}
.legacy .designHack .modCopy {
  overflow: hidden;
}
.legacy .designHack img.top10 {
  margin-top: 10px;
}
.legacy .designHack p.width430 {
  width: 430px;
}
.legacy #save_plan_details a.buttonGreen:link, .legacy #save_plan_details a.buttonGreen:visited, .legacy #save_plan_details a.buttonGreen:hover, .legacy #save_plan_details a.buttonGreen:active {
  background: url("/i/css/buttons/btn_green.png") no-repeat scroll right top transparent !important;
  color: #FFFFFF !important;
  padding: 0 4px 0 0 !important;
}
.legacy #save_plan_details a.longHighlight span {
  background-position: left -84px !important;
}
.legacy #save_plan_details a.buttonGreen:hover span {
  background-position: left -126px !important;
  text-shadow: none !important;
}
.legacy #save_plan_details a.buttonGreen span {
  background: url("/i/css/buttons/btn_green.png") no-repeat scroll left top transparent !important;
  color: #FFFFFF !important;
  text-shadow: -1px -1px 1px #3A5F29 !important;
  line-height: 20px !important;
  margin-left: -4px !important;
  padding: 5px 14px 5px 15px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.legacy .ecoRating {
  clear: both;
  padding: 5px 0 15px;
}
.legacy .ecoRating div {
  width: 62px;
  height: 62px;
  overflow: hidden;
  text-indent: -1000px;
  background: url("/i/css/eco-ratings-sprite.png") no-repeat left -2751px transparent;
  float: left;
}
.legacy .ecoRating .ecoRating10 {
  background-position: left top;
}
.legacy .ecoRating .ecoRating11 {
  background-position: left -66px;
}
.legacy .ecoRating .ecoRating12 {
  background-position: left -133px;
}
.legacy .ecoRating .ecoRating13 {
  background-position: left -200px;
}
.legacy .ecoRating .ecoRating14 {
  background-position: left -267px;
}
.legacy .ecoRating .ecoRating15 {
  background-position: left -334px;
}
.legacy .ecoRating .ecoRating16 {
  background-position: left -401px;
}
.legacy .ecoRating .ecoRating17 {
  background-position: left -468px;
}
.legacy .ecoRating .ecoRating18 {
  background-position: left -535px;
}
.legacy .ecoRating .ecoRating19 {
  background-position: left -602px;
}
.legacy .ecoRating .ecoRating20 {
  background-position: left -669px;
}
.legacy .ecoRating .ecoRating21 {
  background-position: left -736px;
}
.legacy .ecoRating .ecoRating22 {
  background-position: left -803px;
}
.legacy .ecoRating .ecoRating23 {
  background-position: left -870px;
}
.legacy .ecoRating .ecoRating24 {
  background-position: left -937px;
}
.legacy .ecoRating .ecoRating25 {
  background-position: left -1004px;
}
.legacy .ecoRating .ecoRating26 {
  background-position: left -1071px;
}
.legacy .ecoRating .ecoRating27 {
  background-position: left -1138px;
}
.legacy .ecoRating .ecoRating28 {
  background-position: left -1205px;
}
.legacy .ecoRating .ecoRating29 {
  background-position: left -1272px;
}
.legacy .ecoRating .ecoRating30 {
  background-position: left -1339px;
}
.legacy .ecoRating .ecoRating31 {
  background-position: left -1406px;
}
.legacy .ecoRating .ecoRating32 {
  background-position: left -1473px;
}
.legacy .ecoRating .ecoRating33 {
  background-position: left -1540px;
}
.legacy .ecoRating .ecoRating34 {
  background-position: left -1607px;
}
.legacy .ecoRating .ecoRating35 {
  background-position: left -1674px;
}
.legacy .ecoRating .ecoRating36 {
  background-position: left -1741px;
}
.legacy .ecoRating .ecoRating37 {
  background-position: left -1808px;
}
.legacy .ecoRating .ecoRating38 {
  background-position: left -1875px;
}
.legacy .ecoRating .ecoRating39 {
  background-position: left -1942px;
}
.legacy .ecoRating .ecoRating40 {
  background-position: left -2009px;
}
.legacy .ecoRating .ecoRating41 {
  background-position: left -2076px;
}
.legacy .ecoRating .ecoRating42 {
  background-position: left -2143px;
}
.legacy .ecoRating .ecoRating43 {
  background-position: left -2210px;
}
.legacy .ecoRating .ecoRating44 {
  background-position: left -2277px;
}
.legacy .ecoRating .ecoRating45 {
  background-position: left -2344px;
}
.legacy .ecoRating .ecoRating46 {
  background-position: left -2411px;
}
.legacy .ecoRating .ecoRating47 {
  background-position: left -2478px;
}
.legacy .ecoRating .ecoRating48 {
  background-position: left -2545px;
}
.legacy .ecoRating .ecoRating49 {
  background-position: left -2612px;
}
.legacy .ecoRating .ecoRating50 {
  background-position: left -2679px;
}
.legacy .ecoRating p {
  margin: 22px 0 0 12px;
  float: left;
}
.legacy .ecoRating p a {
  text-decoration: underline;
}
.legacy .ecoRating p.noRating {
  margin: 13px 0 0 12px;
}
.legacy .overlayEcoRating {
  background: url("/i/thumbnails/eco-rating-overview.gif") no-repeat right top transparent;
  padding-right: 330px;
}
.legacy .overlayDualCarrier {
  background: url("/i/thumbnails/dual-carrier-map.gif") no-repeat right top transparent;
  padding-right: 330px;
}
.legacy a.infoOverlayDC {
  text-decoration: underline;
}
.legacy #contractTypeFull .priceHolder .withPlanName {
  cursor: pointer;
  text-decoration: underline;
}
.legacy #contentGrid .mod2Col .modBorder .modBody #tabCont #tab1content .column1_2 {
  float: left;
  padding: 0 11px 0 0;
  width: 363px;
}
.legacy #contentGrid .mod2Col .modBorder .modBody #tabCont #tab1content .column2_2 {
  float: none;
}
.legacy #contentGrid .mod2Col .modBorder .modBody #tabCont #tab1content #technicalInfo, .legacy #printLink {
  display: none;
}
.legacy body header {
  width: 100.7%;
  clear: both;
  float: none;
}
.legacy header .wrapper {
  width: 980px;
  margin: 0 auto;
}
.legacy header #megaMenuSearch {
  padding-bottom: 0px;
}
.legacy .mobileListingDesktop .productName {
  text-align: center;
  padding: 0 8px;
}
.legacy .mobileListingDesktop .modHeight350 {
  height: 403px;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.legacy .mobileListingDesktop .tripleMod {
  width: initial;
  padding: 0;
}
.legacy .mobileListingDesktop .tripleMod a:hover,
.legacy .mobileListingDesktop .tripleMod:hover,
.legacy .mobileListingDesktop .tripleMod label:hover {
  color: #000000;
}
.legacy .mobileListingDesktop .tripleMod .priceTag {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 227px;
  padding-top: 9px;
  left: 0;
  margin: 0;
  width: 183px;
}
.legacy .mobileListingDesktop .tripleMod .priceTag .withPlanName {
  font-size: 14px;
  line-height: 12px;
  display: block;
  padding: 5px 10px 0px;
  margin: 0 auto;
  width: 159px;
  color: #4a4d4e;
  margin-top: -9px;
  clear: both;
  float: none;
  margin-bottom: 9px;
}
.legacy .mobileListingDesktop #displayPlans {
  float: left;
  width: 230px;
  padding-top: 5px;
  padding-left: 5px;
  text-align: center;
  color: #4a4d4e;
}
.legacy .mobileListingDesktop .productName h3 {
  left: 0px;
  text-align: center;
  position: relative;
  font-size: 16px;
  padding: 10px 0px;
}
.legacy .mobileListingDesktop .compareDevice {
  position: absolute;
  left: 0px;
  top: 370px;
}
.legacy .mobileListingDesktop .compareDevicewithSticker {
  margin-left: 50px;
  bottom: -140px;
  top: initial;
}
.legacy .mobileListingDesktop .prodImage img {
  position: relative;
  margin: 0 auto;
  display: block;
}
.legacy .mobileListingDesktop .prodImage {
  left: 19%;
  margin: 0 10px;
  position: absolute;
  top: 41px;
}
.legacy .mobileListingDesktop .doller-sign {
  font-size: 18px;
  top: -2px;
  position: absolute;
  left: -8px;
}
.legacy .mobileListingDesktop .price1, .legacy .mobileListingDesktop .price2 {
  font-size: 36px;
  line-height: 38px;
  color: #5e2750;
  font-family: 'VodafoneRgBd',sans-serif;
  font-size: 40px;
}
.legacy .mobileListingDesktop .price1 {
  padding-left: 2px;
  top: -3px;
  font-size: 36px;
}
.legacy .mobileListingDesktop .priceTag .price2 {
  margin-right: 3px;
}
.legacy .mobileListingDesktop .priceTag .price2.cents {
  left: -5px;
}
.legacy .mobileListingDesktop .mobile-only {
  border-radius: 3px;
  background: #f7f7f7;
  width: 159px;
  height: 43px;
  padding-top: 0;
  padding-bottom: 5px;
  clear: both;
  margin: 0 auto;
  line-height: 48px;
}
.legacy .mobileListingDesktop .mobile-only .price7 {
  color: #333333;
  padding-right: 1px;
  display: inline-block;
  margin-top: -8px;
  padding-bottom: 6px;
  font-size: 16px;
}
.legacy .mobileListingDesktop .mobile-only .price-bold {
  font-weight: bold;
}
.legacy .mobileListingDesktop .mobile-only.onsale {
  line-height: 16px;
  padding-top: 11px;
  padding-bottom: 0px;
}
.legacy .mobileListingDesktop .mobile-only.prepay-gray-box {
  top: -19px;
}
.legacy .mobileListingDesktop .priceTag .price2 {
  left: -2px;
  font-size: 16px;
  top: -18px;
}
.legacy .mobileListingDesktop .priceTag.interest-free-pricetag {
  padding-top: 27px;
}
.legacy .mobileListingDesktop .price2 .doller-sign {
  right: -6px;
  top: 2px;
}
.legacy .mobileListingDesktop .modCopy1col.tgtProductId {
  transition: background .25s ease-in-out;
  -moz-transition: background .25s ease-in-out;
  -webkit-transition: background .25s ease-in-out;
  padding: 0;
  margin: 0;
  height: 425px;
  width: 185px;
}
.legacy .mobileListingDesktop .modCopy1col.tgtProductId:hover {
  background: #f7f7f7;
}
.legacy .mobileListingDesktop .tripleMod .priceTag .wasPrice {
  margin-top: -6px;
}
.legacy .mobileListingDesktop .deposit {
  font-weight: bold;
  font-size: 16px;
  line-height: 14px;
  margin-bottom: 5px;
}
.legacy .mobileListingDesktop .price-container {
  float: left;
  width: 100%;
  text-align: center;
}
.legacy .mobileListingDesktop .per-month-container {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #4a4d4e;
  padding-top: 4px;
}
.legacy .mobileListingDesktop .per-month-container > div {
  font-size: 16px;
}
.legacy .mobileListingDesktop .payment-switch-container {
  border-radius: 3px;
  background: #efe9ef;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.legacy .mobileListingDesktop .payment-option {
  display: inline-block;
  padding: 4px;
  font-size: 16px;
}
.legacy .mobileListingDesktop .border-listing-product {
  height: 1px;
  background: #ebebeb;
  position: absolute;
  width: 165px;
  left: 9px;
  bottom: 27px;
}
.legacy .tripleMod .outofstock {
  left: 44px;
  top: -2px;
}
.legacy .payment-switch-container label {
  display: inline;
}
.legacy .modCopy .payment-switch-container a,
.legacy .modBody .payment-switch-container a,
.legacy .modBody .payment-switch-container a:hover {
  text-decoration: none;
}
.legacy .payment-switch-container a:hover {
  color: black;
}
.legacy .payment-container-title {
  font-weight: bold;
  float: left;
  margin-right: 1px;
  font-size: 16px;
  padding-bottom: 6px;
}
.legacy .payment-container-title-box {
  margin: 0 auto;
  overflow: hidden;
  width: 180px;
}
.legacy .payment-switch-container .regular-radio, .legacy .device-payment-option-container .regular-radio {
  display: none;
}
.legacy .payment-switch-container .regular-radio + label, .legacy .device-payment-option-container .regular-radio + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  border-radius: 50px;
  display: inline-block;
  padding: 6px;
  position: relative;
  top: 3px;
  pointer-events: none;
}
.legacy .payment-switch-container .regular-radio + label:before, .legacy .device-payment-option-container .regular-radio + label:before {
  background: none repeat scroll 0 0 #FDFDFD;
  border-radius: 50px;
  content: " ";
  font-size: 36px;
  height: 6px;
  width: 6px;
  left: 3px;
  position: absolute;
  top: 3px;
}
.legacy .payment-switch-container .regular-radio:checked + label:after, .legacy .device-payment-option-container .regular-radio:checked + label:after {
  background: none repeat scroll 0 0 #428600;
  border-radius: 50px;
  content: " ";
  font-size: 36px;
  height: 6px;
  position: absolute;
  width: 6px;
  left: 3px;
  top: 3px;
}
.legacy .payment-switch-container .regular-radio:checked + label, .legacy .device-payment-option-container .regular-radio:checked + label {
  border: 1px solid #adb8c0;
  color: #99a1a7;
  padding: 6px;
}
.legacy .payment-switch-container .toolTip, .legacy .device-payment-option-container .toolTip {
  outline: none;
}
.legacy .payment-switch-container .toolTip strong, .legacy .device-payment-option-container .toolTip strong {
  line-height: 20px;
  font-size: 16px;
}
.legacy .payment-switch-container .toolTip:hover, .legacy .device-payment-option-container .toolTip:hover {
  text-decoration: none;
}
.legacy .payment-switch-container .toolTip span, .legacy .device-payment-option-container .toolTip span {
  display: none;
  line-height: 16px;
  margin-top: -30px;
  padding: 10px;
  width: 350px;
  z-index: 10;
  margin-left: 13px;
}
.legacy .payment-switch-container .toolTip:hover span, .legacy .device-payment-option-container .toolTip:hover span {
  background: rgba(51, 51, 51, 0.95);
  border: 1px solid rgba(51, 51, 51, 0.95);
  color: #fff;
  display: inline;
  position: absolute;
  text-align: left;
  font-size: 16px;
}
.legacy .payment-switch-container .toolTip .arrow-left {
  border-color: transparent rgba(51, 51, 51, 0.95) transparent transparent;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  height: 0;
  left: -10px;
  position: absolute;
  top: 30px;
  width: 0;
  z-index: 20;
}
.legacy .payment-switch-container .question-mark, .legacy .device-payment-option-container .question-mark {
  color: #9c2aa0;
  font-size: 17px;
}
.legacy .mobileListingDesktop .tripleMod .priceTag br {
  display: none;
}
.legacy .device-payment-option-container .toolTip {
  position: relative;
}
.legacy .device-payment-option-container .question-mark {
  font-size: 18px;
}
.legacy .mob-details-right-col .modBorder {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: 1px solid #EDEDED;
}
.legacy .mobile-only-toggle .vf-i {
  display: none;
}
.legacy .mobileOnlyBorder .mobile-only-toggle {
  font-weight: bold;
}
.legacy .buy-mob-only-or-with-plan .mobileOnlyBorder {
  overflow: hidden;
  transition: max-height 0.2s ease-in;
}
.legacy .buy-mob-only-or-with-plan .mobileOnlyBorder #tabCont {
  color: #333;
}
.legacy .buy-mob-only-or-with-plan .mobileOnlyBorder .outofStock {
  padding-top: 5px;
  padding-bottom: 5px;
}
.legacy .buy-mob-only-or-with-plan .mobileOnlyBorder--closed {
  transition: max-height 0.2s ease-out;
}
.legacy .buy-mob-only-or-with-plan .mobile-only-toggle {
  cursor: pointer;
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  background: #FFFFFF;
  font-weight: bold;
}
.legacy .buy-mob-only-or-with-plan .mobile-only-toggle .price-was,
.legacy .buy-mob-only-or-with-plan .mobile-only-toggle .price-is {
  width: 130px;
  text-align: right;
  display: block;
  color: #333;
}
.legacy .buy-mob-only-or-with-plan .mobile-only-toggle .price-was {
  color: #666666;
  font-size: 13px;
}
.legacy .buy-mob-only-or-with-plan .mobile-only-toggle strike {
  font-size: 13px;
}
.legacy .buy-mob-only-or-with-plan .mobile-only-toggle:hover {
  background: #EDEDED;
}
.legacy .buy-mob-only-or-with-plan .mobile-only-toggle .vf-i {
  display: inline-block;
  position: absolute;
  right: 10px;
  margin-top: -4px;
  top: 50%;
  font-size: 4.8pt;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.legacy .buy-mob-only-or-with-plan .mobileOnlyBorder--closed .mobile-only-toggle .vf-i {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.legacy .buy-mob-only-or-with-plan .mobile-only-toggle-content {
  display: none;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.legacy .buy-mob-only-or-with-plan .mobile-only-toggle-content #addToCartMobileOnly {
  margin-top: 10px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
.legacy .top-right-tab-container#tabCont, .legacy .mobileDetailsGrid .singleColumn #tabCont .priceHolder {
  padding: 0px;
  margin: 0;
}
.legacy .priceHolder-upper, .legacy .priceHolder-lower, .legacy .bundle-heading {
  padding: 10px;
  color: #333;
}
.legacy .priceHolder-lower {
  background-color: #5e2750;
  color: #ffffff;
}
.legacy .mobileDetailsGrid .price1 {
  top: -2px;
  display: inline-block;
  padding: 0px;
}
.legacy .mobileDetailsGrid .singleColumn #tabCont #addToCartPopular {
  margin-top: 0px;
}
.legacy .top-right-tab-container .selectedPlan {
  background: none;
}
.legacy .bundle-heading {
  padding-bottom: 0px;
}
.legacy .device-payment-option-container {
  font-size: 14px;
  padding: 10px 10px 0px 10px;
}
.legacy .total-cost-container {
  padding: 10px 0;
  border-top: solid 1px #efe9ef;
  margin-top: 10px;
}
.legacy .payment-option-title {
  font-weight: bold;
  padding: 5px 0px;
  float: left;
}
.legacy .device-payment-option-container .toolTip {
  float: right;
  padding: 7px 2px;
}
.legacy .mobileDetailsGrid .productDetail .singleColumn {
  overflow: visible;
}
.legacy #addToCartMobileOnly {
  padding-top: 10px;
}
.legacy .device-payment-option-container .payment-option {
  padding: 1px 0px;
  clear: both;
}
.legacy .total-monthly-amount {
  float: right;
  font-weight: bold;
  color: #5e2750;
  font-size: 16px;
}
.legacy .device-payment-option-container .toolTip .arrow-right {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent rgba(51, 51, 51, 0.95);
  z-index: 20;
  position: absolute;
  right: -11px;
  top: 12px;
}
.legacy .device-payment-option-container .toolTip span {
  right: 36px;
  position: absolute;
  top: 21px;
}
.legacy .singleColumn #tabCont .device-payment-option-container .toolTip p {
  padding: 0px;
}
.legacy .productDetail .priceHolder-lower .term,
.legacy .mobileDetailsGrid .singleColumn #tabCont .priceHolder-lower P.deposit,
.legacy .productDetail .singleColumn .tgtTabContent .priceHolder-lower .withPlanName,
.legacy .productDetail .priceHolder-lower .withPlanName-container {
  color: rgba(255, 255, 255, 0.8);
}
.legacy .mobileDetailsGrid .singleColumn #tabCont P.deposit {
  padding: 0px;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.legacy .productDetail .price-container {
  float: left;
  display: inline-table;
}
.legacy .productDetail .term {
  float: left;
  margin-left: 5px;
}
.legacy .withPlanName-container {
  clear: both;
  padding-top: 10px;
}
.legacy .mobileDetailsGrid .priceHolder-lower {
  overflow: hidden;
}
.legacy .mobileDetailsGrid .onGoing {
  clear: both;
}
.legacy .device-payment-option-container a:hover {
  text-decoration: none;
}
.legacy .mobileDetailsGrid .tab-mobile-only .price1 {
  padding: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .legacy .mobileDetailsGrid #dollars {
    padding: 0 3px 0 6px;
  }
}
.legacy .mobileDetailsGrid .price1.common-free {
  padding: 0 4px;
}
.legacy #header * {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
.legacy #header ol, .legacy #header ul {
  list-style: none;
}
.legacy #header table {
  border-collapse: collapse;
  border-spacing: 0;
}
.legacy #header caption, .legacy #header th, .legacy #header td {
  text-align: left;
  font-weight: normal;
}
.legacy #header blockquote:before, .legacy #header blockquote:after, .legacy #header q:before, .legacy #header q:after {
  content: "";
}
.legacy #header blockquote, .legacy #header q {
  quotes: "" "";
}
.legacy #header .bottomLeft {
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.legacy #header .formButtons {
  float: none !important;
}
.legacy #header .formButtons input {
  font-weight: bold;
  width: auto;
  text-align: left;
  float: none !important;
}
.legacy #header div.formButtons div {
  display: block;
  float: left;
  margin-left: 4px;
  padding-right: 4px;
}
.legacy #header div.formButtons div span {
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-left: -4px;
  padding: 5px 14px 5px 15px;
}
.legacy #header div.formButtons div span input {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  position: relative;
  height: 20px;
  line-height: 20px;
  font-size: 15px;
}
.legacy #header div.formButtons div.buttonLight {
  background: transparent url(/i/css/buttons/btn_lightgrey.png) no-repeat right top;
}
.legacy #header div.formButtons div.buttonLight span {
  background: transparent url(/i/css/buttons/btn_lightgrey.png) no-repeat left top;
}
.legacy #header div.formButtons div.buttonLight span input {
  color: #333;
  text-shadow: 1px 1px 1px #fff;
}
.legacy #header div.formButtons div.buttonLight:hover span input {
  color: #e60000;
}
.legacy #header div.formButtons div.buttonDark {
  background: transparent url(/i/css/buttons/btn_darkgrey.png) no-repeat right top;
}
.legacy #header div.formButtons div.buttonDark span {
  background: transparent url(/i/css/buttons/btn_darkgrey.png) no-repeat left top;
}
.legacy #header div.formButtons div.buttonDark span input {
  text-shadow: -1px -1px 1px #333;
}
.legacy #header div.formButtons div.buttonGreen {
  background: transparent url(/i/css/buttons/btn_green.png) no-repeat right top;
}
.legacy #header div.formButtons div.buttonGreen span {
  background: transparent url(/i/css/buttons/btn_green.png) no-repeat left top;
}
.legacy #header div.formButtons div.buttonGreen span input {
  text-shadow: -1px -1px 1px #3a5f29;
}
.legacy #header div.formButtons div.buttonInactive {
  background: transparent url(/i/css/buttons/btn_lightgrey.png) no-repeat right top;
}
.legacy #header div.formButtons div.buttonInactive span {
  background: transparent url(/i/css/buttons/btn_lightgrey.png) no-repeat left top;
}
.legacy #header div.formButtons div.buttonInactive span input,
.legacy #header div.formButtons div.buttonInactive:hover span input {
  color: #ccc;
  text-shadow: 1px 1px 1px #fff;
}
.legacy #header div.formButtons div.buttonInactive:hover {
  background-position: right top;
}
.legacy #header div.formButtons div.buttonInactive:hover span {
  background-position: left top;
}
.legacy #header div.formButtons div.buttonInactive.medHighlight:hover span {
  background-position: left -42px;
}
.legacy #header div.formButtons div.buttonInactive.longHighlight:hover span {
  background-position: left -84px;
}
.legacy #header div.formButtons div.medHighlight span {
  background-position: left -42px;
}
.legacy #header div.formButtons div.longHighlight span {
  background-position: left -84px;
}
.legacy #header div.formButtons div:hover {
  background-position: right -126px;
}
.legacy #header div.formButtons div:hover span {
  background-position: left -126px;
}
.legacy #header div.formButtons div:hover span input {
  text-shadow: none;
}
.legacy #header input, .legacy #header input:active, .legacy #header input:focus {
  outline: 0;
  outline-style: none;
  outline-width: 0;
}
.legacy #header button::-moz-focus-inner,
.legacy #header input[type="reset"]::-moz-focus-inner,
.legacy #header input[type="button"]::-moz-focus-inner,
.legacy #header input[type="submit"]::-moz-focus-inner,
.legacy #header input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}
.legacy #header a.buttonLight,
.legacy #header a.buttonDark,
.legacy #header a.buttonGreen,
.legacy #header a.buttonInactive,
.legacy #header a.buttonSignin,
.legacy #header a.buttonAuthenticated,
.legacy #header #top_links #top_quicklinks #dropdown_wrapper a.buttonLight,
.legacy #header #top_links #top_quicklinks #dropdown_wrapper a.buttonDark,
.legacy #header #top_links #top_quicklinks #dropdown_wrapper a.buttonGreen,
.legacy #header #top_links #top_quicklinks #dropdown_wrapper a.buttonInactive {
  font-size: 15px;
  position: static;
  left: 0;
  padding: 0 4px 0 0;
  margin: 0 0 0 4px;
  display: block;
  float: left;
  text-decoration: none !important;
  /* leave this !important on here 'cos IE6 is a retard and sometimes the buttons will be underlined - defies logic. Stupid MS!!! */
}
.legacy #header a.buttonLight span,
.legacy #header a.buttonDark span,
.legacy #header a.buttonGreen span,
.legacy #header a.buttonInactive span,
.legacy #header a.buttonSignin span,
.legacy #header a.buttonAuthenticated span {
  height: 20px;
  font-size: 15px;
  line-height: 20px;
  margin-left: -4px;
  padding: 5px 14px 5px 15px;
  display: block;
  font-weight: bold;
  cursor: pointer;
  float: left;
  white-space: nowrap;
  /* White space nowrap added for larger text sizes in IE*/
  text-decoration: none;
}
.legacy #header a.buttonLight:link,
.legacy #header a.buttonLight:visited,
.legacy #header a.buttonLight:hover,
.legacy #header a.buttonLight:active {
  background: transparent url(/i/css/buttons/btn_lightgrey.png) right top no-repeat;
  color: #333;
}
.legacy #header a.buttonLight span {
  background: transparent url(/i/css/buttons/btn_lightgrey.png) left top no-repeat;
  color: #333;
  text-shadow: 1px 1px 1px #fff;
}
.legacy #header a.buttonLight:hover {
  background-position: right -126px;
}
.legacy #header a.buttonLight:hover span {
  background-position: left -126px;
  text-shadow: none;
  color: #e60000;
}
.legacy #header a.buttonDark:link,
.legacy #header a.buttonDark:visited,
.legacy #header a.buttonDark:hover,
.legacy #header a.buttonDark:active {
  background: transparent url(/i/css/buttons/btn_darkgrey.png) right top no-repeat;
  color: #fff;
}
.legacy #header a.buttonDark span {
  background: transparent url(/i/css/buttons/btn_darkgrey.png) left top no-repeat;
  color: #fff;
  text-shadow: -1px -1px 1px #333;
}
.legacy #header a.buttonDark:hover {
  background-position: right -126px;
}
.legacy #header a.buttonDark:hover span {
  background-position: left -126px;
  text-shadow: none;
}
.legacy #header a.buttonGreen:link,
.legacy #header a.buttonGreen:visited,
.legacy #header a.buttonGreen:hover,
.legacy #header a.buttonGreen:active {
  background: transparent url(/i/css/buttons/btn_green.png) right top no-repeat;
  color: #fff;
}
.legacy #header a.buttonGreen span {
  background: transparent url(/i/css/buttons/btn_green.png) left top no-repeat;
  color: #fff;
  text-shadow: -1px -1px 1px #3a5f29;
}
.legacy #header a.buttonGreen:hover {
  background-position: right -126px;
}
.legacy #header a.buttonGreen:hover span {
  background-position: left -126px;
  text-shadow: none;
}
.legacy #header a.buttonInactive:link,
.legacy #header a.buttonInactive:visited,
.legacy #header a.buttonInactive:hover,
.legacy #header a.buttonInactive:active {
  background: transparent url(/i/css/buttons/btn_lightgrey.png) right top no-repeat;
  color: #ccc;
}
.legacy #header a.buttonInactive span {
  background: transparent url(/i/css/buttons/btn_lightgrey.png) left top no-repeat;
  color: #ccc;
  text-shadow: 1px 1px 1px #fff;
}
.legacy #header a.medHighlight span {
  background-position: left -42px;
}
.legacy #header a.longHighlight span {
  background-position: left -84px;
}
.legacy #header a.buttonSignin span {
  padding-left: 35px;
}
.legacy #header a.buttonSignin:link,
.legacy #header a.buttonSignin:visited,
.legacy #header a.buttonSignin:hover,
.legacy #header a.buttonSignin:active {
  background: transparent url(/i/css/buttons/btn_darkgrey_signin.png) right top no-repeat;
  color: #fff;
}
.legacy #header a.buttonSignin span {
  background: transparent url(/i/css/buttons/btn_darkgrey_signin.png) left -126px no-repeat;
  color: #fff;
  text-shadow: -1px -1px 1px #333;
}
.legacy #header a.buttonSignin:hover {
  background-position: right -168px;
}
.legacy #header a.buttonSignin:hover span {
  background-position: left -168px;
  text-shadow: none;
}
.legacy #header a.buttonAuthenticated span {
  padding-left: 35px;
}
.legacy #header a.buttonAuthenticated:link,
.legacy #header a.buttonAuthenticated:visited,
.legacy #header a.buttonAuthenticated:hover,
.legacy #header a.buttonAuthenticated:active {
  background: transparent url(/i/css/buttons/btn_darkgrey_signin.png) right top no-repeat;
  color: #fff;
}
.legacy #header a.buttonAuthenticated span {
  background: transparent url(/i/css/buttons/btn_darkgrey_signin.png) left -84px no-repeat;
  color: #fff;
  text-shadow: -1px -1px 1px #333;
}
.legacy #header a.buttonAuthenticated:hover {
  background-position: right -168px;
}
.legacy #header a.buttonAuthenticated:hover span {
  background-position: left -168px;
  text-shadow: none;
}
.legacy #header #global_nav_wrap {
  width: 970px;
  position: relative;
  z-index: 11;
}
.legacy #header #top_globalnav {
  float: left;
  margin: 0 0 14px 80px;
  height: 40px;
}
.legacy #header #top_globalnav li {
  float: left;
  display: inline;
  height: 40px;
}
.legacy #header #top_globalnav li a {
  padding-left: 20px;
  display: block;
  float: left;
  text-decoration: none;
  position: relative;
}
.legacy #header #top_globalnav li a span {
  padding-right: 20px;
  font-size: 16px;
  font-weight: bold;
  display: block;
  cursor: pointer;
  float: left;
  white-space: nowrap;
}
.legacy #header #top_globalnav li a:link,
.legacy #header #top_globalnav li a:visited,
.legacy #header #top_globalnav li a:hover,
.legacy #header #top_globalnav li a:active {
  background: url(/i/css/tabs/tab_global_inactive_left.gif) left top no-repeat;
  color: #525252;
  top: 10px;
}
.legacy #header #top_globalnav li a span {
  background: url(/i/css/tabs/tab_global_inactive_right.gif) right top no-repeat;
  height: 30px;
  padding-top: 6px;
}
.legacy #header #top_globalnav li a:hover {
  background: url(/i/css/tabs/tab_global_active_left.gif) left top no-repeat;
  color: #bd0000;
  top: 5px;
}
.legacy #header #top_globalnav li a:hover span {
  background: url(/i/css/tabs/tab_global_active_right.gif) right top no-repeat;
  height: 35px;
  top: 5px;
  padding-top: 8px;
}
.legacy #header #top_globalnav li.activeTab a:link,
.legacy #header #top_globalnav li.activeTab a:visited,
.legacy #header #top_globalnav li.activeTab a:hover,
.legacy #header #top_globalnav li.activeTab a:active {
  background: url(/i/css/tabs/tab_global_active_left.gif) left top no-repeat;
  color: #bd0000 !important;
  top: 5px;
}
.legacy #header #top_globalnav li.activeTab a span {
  background: url(/i/css/tabs/tab_global_active_right.gif) right top no-repeat;
  height: 34px;
  padding-top: 8px;
  cursor: default;
}
.legacy #header #top_globalnav li {
  margin-left: -1px;
}
.legacy #header #top_nav {
  width: 970px;
  z-index: 10;
}
.legacy #header #top_nav ul#menu {
  width: 970px;
  height: 59px;
  float: left;
  list-style-type: none;
  position: relative;
  background-color: #F80000;
  margin-left: -1px;
}
.legacy #header #top_nav img {
  display: block;
  float: left;
  padding: 9px 15px;
}
.legacy #header ul#menu a {
  color: #fff;
  font-weight: bold;
}
.legacy #header ul#menu li.accessMenu:hover a:link,
.legacy #header ul#menu li.accessMenu:hover a:visited,
.legacy #header ul#menu li.accessMenu:hover a:hover,
.legacy #header ul#menu li.accessMenu:hover a:active {
  color: #525252;
}
.legacy #header #top_links {
  height: 32px;
  position: relative;
  z-index: 60;
  background-color: #ebebeb;
  margin-bottom: 14px;
  float: right;
}
.legacy #header #top_links ul#top_quicklinks {
  position: relative;
  float: right;
}
.legacy #header #top_links ul#top_quicklinks .hide {
  display: none !important;
}
.legacy #header #top_links ul#top_quicklinks .show {
  display: block !important;
}
.legacy #header #top_links ul#top_quicklinks li {
  float: right;
  font-weight: normal;
  height: 39px;
  background: transparent url(/i/css/backgrounds/topnav_pipe.gif) left top no-repeat;
}
.legacy #header #top_links ul#top_quicklinks li.myAccount {
  position: relative;
}
.legacy #header #top_links ul#top_quicklinks li ul.accountDropdown li {
  background-image: none;
  float: none;
}
.legacy #header #top_links ul#top_quicklinks li.myAccount a {
  position: relative;
  left: 3px;
  top: 5px;
  margin-left: 10px;
}
.legacy #header #top_links ul#top_quicklinks li.myAccount a.buttonSignin {
  width: 192px;
}
.legacy #header #top_links ul#top_quicklinks li.myAccount a.signOut {
  margin-left: 10px;
}
.legacy #header #top_links ul#top_quicklinks li.accessMenu:hover ul {
  left: 0;
  top: 35px;
  z-index: 99;
  margin-left: 100px;
}
.legacy #header ul#top_quicklinks li ul.active {
  position: absolute;
  left: 0;
  top: 35px;
  z-index: 99;
}
.legacy #header ul#top_quicklinks li ul.inactive {
  position: absolute;
  top: -999em;
  left: -999em;
}
.legacy #header #top_links .accountDropdown li {
  position: relative;
  z-index: 70;
  float: left;
  border: none;
  margin: 0;
  padding: 0;
}
.legacy #header ul#menu li.logo {
  width: 70px;
}
.legacy #header ul#menu li.logo a {
  margin: 0;
  padding: 0;
  background: none;
}
.legacy #header ul#menu li {
  float: left;
  text-align: center;
  height: 58px;
  margin-top: 1px;
  font-size: 18px;
  font-weight: bold;
  border-right: 1px solid #DF0000;
}
.legacy #header ul#menu li a {
  padding: 0 0 0 25px;
  display: block;
  float: left;
  text-decoration: none;
}
.legacy #header ul#menu li a span {
  height: 58px;
  line-height: 58px;
  display: block;
  font-weight: bold;
  cursor: pointer;
  float: left;
  white-space: nowrap;
  /* White space nowrap added for larger text sizes in IE*/
  padding: 0 25px 0 0;
}
.legacy #header ul#menu li a {
  background: #f80000 url(/i/css/backgrounds/menu-hover.png) left top no-repeat;
}
.legacy #header ul#menu li a span {
  background: #f80000 url(/i/css/backgrounds/menu-hover.png) right top no-repeat;
}
.legacy #header ul#menu li.accessMenu a:hover,
.legacy #header ul#menu li.accessMenu:hover a, .legacy #header ul#menu li.jsActiveMenu a {
  background-position: left -58px;
  color: #525252;
}
.legacy #header ul#menu li.accessMenu a:hover span,
.legacy #header ul#menu li.accessMenu:hover a span,
.legacy #header ul#menu li.jsActiveMenu a span {
  background-position: right -58px;
  color: #525252;
}
.legacy #header ul#menu li a.active,
.legacy #header ul#menu li a.active span {
  background-position: left -134px;
}
.legacy #header ul#menu li.accessMenu a.active:hover,
.legacy #header ul#menu li.accessMenu:hover a.active,
.legacy #header ul#menu li.jsActiveMenu a.active {
  background-position: left -192px;
}
.legacy #header ul#menu li.accessMenu a.active:hover span,
.legacy #header ul#menu li.accessMenu:hover a.active span,
.legacy #header ul#menu li.jsActiveMenu a.active span {
  background-position: right -192px;
}
.legacy #header ul#menu li.search {
  border-right: none;
  padding: 0;
  float: right;
  padding-right: 10px;
}
.legacy #header ul#menu li.search input#search_field {
  background: transparent url(/i/css/backgrounds/search_box.gif) left top no-repeat;
  width: 101px;
  padding: 7px 0 9px 7px;
  position: relative;
  vertical-align: top;
  top: 15px;
  float: left;
  font-weight: bold;
  font-size: 14px;
  font-family: arial,helvetica,sans-serif;
}
.legacy #header ul#menu li.search #search_submit {
  background: transparent url(/i/css/backgrounds/btn_search.gif) left top no-repeat;
  height: 30px;
  width: 31px;
  position: relative;
  top: 15px;
  right: 4px;
  text-indent: -9999px;
  cursor: pointer;
  cursor: hand;
  float: right;
}
.legacy #header ul#menu li ul {
  position: absolute;
  top: -999em;
}
.legacy #header ul#menu li.accessMenu:hover ul {
  position: absolute;
  top: 50px;
  z-index: 99;
}
.legacy #header ul#menu li ul.active {
  position: absolute;
  top: 50px;
  z-index: 99;
}
.legacy #header ul#menu li ul.inactive {
  position: absolute;
  top: -999em;
  left: -999em;
}
.legacy #header ul#menu li ul li {
  background: #fff;
  padding: 0;
  float: none;
  border: none;
}
.legacy #header ul#menu li {
  display: block;
}
.legacy #header ul#menu li ul.first li {
  height: 280px;
}
.legacy #header ul#menu li ul.first li .subnavWrap {
  display: block;
  width: 790px;
  height: 260px;
}
.legacy #header ul#menu li ul.second li {
  height: 280px;
}
.legacy #header ul#menu li ul.second li .subnavWrap {
  display: block;
  width: 790px;
  height: 260px;
}
.legacy #header ul#menu li ul.third li {
  height: 280px;
}
.legacy #header ul#menu li ul.third li .subnavWrap {
  display: block;
  width: 630px;
  height: 260px;
}
.legacy #header ul#menu li ul.fourth li {
  height: 280px;
}
.legacy #header ul#menu li ul.fourth li .subnavWrap {
  display: block;
  width: 630px;
  height: 260px;
}
.legacy #header ul#menu li ul.fifth li {
  height: 190px;
}
.legacy #header ul#menu li ul.fifth li .subnavWrap {
  display: block;
  width: 640px;
  height: 170px;
}
.legacy #header ul#menu.globalPosition2 li ul.second li .subnavWrap {
  width: 630px;
}
.legacy #header ul#menu.globalPosition2 li ul.third li .subnavWrap {
  width: 630px;
}
.legacy #header ul#menu.globalPosition2 li ul.fourth li {
  height: 190px;
}
.legacy #header ul#menu.globalPosition2 li ul.fourth li .subnavWrap {
  width: 640px;
  height: 170px;
}
.legacy #header ul#menu.globalPosition4 li ul.first li .subnavWrap {
  width: 480px;
}
.legacy #header ul#menu.globalPosition4 li ul.third li .subnavWrap {
  width: 640px;
}
.legacy #header ul#menu.globalPosition4 li ul.fourth li .subnavWrap {
  width: 640px;
}
.legacy #header.default ul#menu li ul {
  left: 79px;
}
.legacy #header.default ul#menu li ul.fifth {
  left: 120px;
}
.legacy #header.business ul#menu li ul {
  left: 79px;
}
.legacy #header.business ul#menu li ul.fifth {
  left: 163px;
}
.legacy #header.about ul#menu li ul {
  left: 79px;
}
.legacy #header.about ul#menu li ul.fourth {
  left: 94px;
}
.legacy #header ul#menu li ul li .subnavWrap {
  float: left;
  background: #fff;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 5px;
  font-size: 14px;
  font-weight: normal;
}
.legacy #header ul#menu li ul li div.subnav {
  float: left;
  width: 150px;
  text-align: left;
  padding: 0 5px;
  display: block;
}
.legacy ul#menu li ul li .subnav a.megamenuHeading, .legacy ul#menu li ul li .subnav p.megamenuHeading {
  color: #333;
  font-size: 16px !important;
  font-weight: bold !important;
  border-bottom: 1px solid #e5e5e5 !important;
  padding-bottom: 3px !important;
  width: 145px;
  display: block !important;
  line-height: 16px;
}
.legacy ul#menu li ul li div.support p.megamenuHeading {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 5px 0;
  width: auto;
  line-height: 16px;
}
.legacy #header ul#menu li ul li .subnav img {
  padding: 0 0 13px 0;
}
.legacy #header ul#menu li ul li .subnav a {
  width: 145px;
  background: #fff;
  height: auto;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  line-height: 16px;
  font-size: 14px;
  margin: 0;
  color: #333;
  padding: 0;
}
.legacy #header ul#menu li ul li .subnav a:hover,
.legacy #header ul#menu li ul li .subnav a:active {
  color: #bd0000;
}
.legacy #header ul#menu li ul li div.support {
  background: #ebeaea;
  width: 130px;
  margin: 0 5px 30px 5px;
  padding: 10px 0 0 10px;
  height: 75%;
}
.legacy #header ul#menu li ul li div.support a {
  background: #ebeaea;
  width: 130px;
  float: none;
  clear: left;
}
.legacy #header ul#menu li ul.fifth li .subnav a.megamenuHeading {
  height: 3em;
}
.legacy #header ul#menu li div.minimize {
  cursor: pointer;
  cursor: hand;
  position: absolute;
  top: -14px;
  right: -9px;
  background: transparent url(/i/css/tabs/close.png) no-repeat left top;
  float: right;
  height: 20px;
  margin: 5px 0 0;
  position: absolute;
  text-indent: -100000px;
  width: 20px;
  z-index: 10;
}
.legacy #header ul#menu li div.minimize:hover {
  background-position: left bottom;
}
.legacy #header #login_wrapper {
  width: 970px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -485px;
  height: 40px;
  z-index: 10;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.legacy #header #dropdown_wrapper {
  padding: 10px;
  background: #fff;
  color: #333;
  width: 207px;
  border: 1px solid #cfcfcf;
  font-weight: normal;
  z-index: 700;
}
.legacy #header #dropdown_wrapper h3 {
  font-size: 16px;
}
.legacy #header #dropdown_wrapper form fieldset p {
  line-height: 1.268em;
  padding: 5px 0 0;
}
.legacy #header #dropdown_wrapper ul {
  margin-bottom: 0;
  position: static;
}
.legacy #header #dropdown_wrapper .linkList a {
  color: #333;
}
.legacy #header #dropdown_container {
  display: none;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: -290px;
  width: 229px;
  z-index: 15;
  /*-moz-box-shadow:0 3px 9px #999; -webkit-box-shadow:0 4px 9px #999; box-shadow:0 4px 9px #999;*/
}
.legacy #header #dropdown_wrapper form {
  overflow: hidden;
}
.legacy #header #dropdown_wrapper form fieldset {
  margin: 0;
}
.legacy #header #dropdown_wrapper form fieldset p {
  padding-bottom: 0;
}
.legacy #header #dropdown_wrapper form#switcher input {
  float: left;
  margin-right: 3px;
}
.legacy #header #dropdown_wrapper form#switcher label {
  float: left;
  clear: none;
  padding: 0;
  margin-right: 10px;
}
.legacy #header #dropdown_wrapper input.text {
  width: 192px;
  height: 13px;
  font-size: 13px;
}
.legacy #header #dropdown_wrapper select {
  margin-top: 4px;
  font-size: 13px;
}
.legacy #header #dropdown_wrapper h2 {
  padding: 0;
  margin: 0;
}
.legacy #header #dropdown_wrapper p.register {
  padding: 5px 0 0 0;
  float: left;
  clear: both;
}
.legacy #header #dropdown_wrapper p.forgottenDetails {
  clear: both;
  float: left;
}
.legacy #header #dropdown_wrapper li {
  float: left;
  margin: 5px 0 0;
  padding: 0;
  width: 100%;
  height: auto;
  background: none;
  clear: both;
}
.legacy #header #dropdown_wrapper a:link,
.legacy #header #dropdown_wrapper a:visited,
.legacy #header #dropdown_wrapper a:hover,
.legacy #header #dropdown_wrapper a:active {
  text-decoration: none;
}
.legacy #header #dropdown_wrapper a:hover,
.legacy #header #dropdown_wrapper a:active {
  color: #bd0000;
}
.legacy #header #dropdown_wrapper .formCopy {
  height: 20px;
  text-align: left;
}
.legacy #header #dropdown_wrapper div.atSign {
  width: 20px;
  padding: 0;
  font-size: 18px;
}
.legacy #header li.myAccount div.linkList a {
  position: static;
}
.legacy #myaccount_fab_wrapper, .legacy #serviceportal_wrapper, .legacy #spendmanager_wrapper, .legacy #vfwebmail_wrapper, .legacy #fabwebmail_wrapper, .legacy #multitxt_wrapper {
  display: none;
}
.legacy #header ul#menu li ul.first div.promoOffer {
  width: 780px;
}
.legacy #header ul#menu li ul.first div.promoOffer div.scrollWrapper {
  width: 640px;
}
.legacy #header ul#menu li ul.second div.promoOffer {
  width: 780px;
}
.legacy #header ul#menu li ul.second div.promoOffer div.scrollWrapper {
  width: 640px;
}
.legacy #header ul#menu li ul.third div.promoOffer {
  width: 460px;
}
.legacy #header ul#menu li ul.third div.promoOffer div.scrollWrapper {
  width: 320px;
}
.legacy #header ul#menu li ul.fourth div.promoOffer {
  width: 620px;
}
.legacy #header ul#menu li ul.fourth div.promoOffer div.scrollWrapper {
  width: 480px;
}
.legacy #header ul#menu.globalPosition2 li ul.second div.promoOffer {
  width: 460px;
}
.legacy #header ul#menu.globalPosition2 li ul.second div.promoOffer div.scrollWrapper {
  width: 320px;
}
.legacy #header ul#menu.globalPosition2 li ul.third div.promoOffer {
  width: 620px;
}
.legacy #header ul#menu.globalPosition2 li ul.third div.promoOffer div.scrollWrapper {
  width: 480px;
}
.legacy #header ul#menu.globalPosition4 li ul.first div.promoOffer {
  width: 470px;
}
.legacy #header ul#menu.globalPosition4 li ul.first div.promoOffer div.scrollWrapper {
  width: 330px;
}
.legacy #header ul#menu.globalPosition4 li ul.third div.promoOffer {
  width: 630px;
}
.legacy #header ul#menu.globalPosition4 li ul.third div.promoOffer div.scrollWrapper {
  width: 490px;
}
.legacy #header ul#menu.globalPosition4 li ul.fourth div.promoOffer {
  width: 630px;
}
.legacy #header ul#menu.globalPosition4 li ul.fourth div.promoOffer div.scrollWrapper {
  width: 490px;
}
.legacy #header ul#menu li div.promoOffer {
  position: absolute;
  left: 5px;
  bottom: 10px;
  width: auto;
  clear: both;
  overflow: hidden;
  margin: 0 0 0 5px;
  padding: 5px 0 0;
  border-top: 1px solid #ebebeb;
}
.legacy #header ul#menu li div.promoOffer div.scrollWrapper {
  position: relative;
  height: 20px;
  overflow: hidden;
  float: right;
  text-align: left;
}
.legacy #header ul#menu li div.promoOffer h3 {
  float: left;
  padding: 0 10px 0 0;
  text-align: left;
}
.legacy #header ul#menu li div.promoOffer h3 a {
  background: none;
  color: #bd0000 !important;
  padding: 2px 0 0 0;
  float: left;
}
.legacy #header ul#menu li div.promoOffer p {
  text-align: left;
  position: absolute;
  width: auto;
  height: 10px;
  overflow: hidden;
}
.legacy #header ul#menu li div.promoOffer p a, .legacy ul#menu li div.promoOffer div a {
  position: absolute;
  top: 0;
  background: none;
  color: #333;
  display: inline;
  float: none;
  padding: 0;
}
.legacy #header ul#menu li div.promoOffer p span, .legacy ul#menu li div.promoOffer div span {
  padding: 0 10px;
}
.legacy #header ul#menu li div.promoOffer div.scrollWrapper p {
  line-height: 20px;
  padding-top: 10px;
  width: 100%;
}
.legacy #header ul#menu li div.promoOffer div.scrollWrapper p a {
  background-color: #fff;
  font-weight: normal;
}
.legacy #header input.text, .legacy #header select, .legacy #header textarea {
  background-color: #F4F4F4;
  border: 1px solid #C9C9C9;
}
.legacy #header input.text {
  font-size: 13px;
  height: 13px;
  float: left;
  clear: left;
  padding: 5px 5px 5px 8px;
  margin: 0 10px 0 0;
}
.legacy #header input.checkbox, .legacy #header input.radio {
  margin: 0 10px 5px 0;
}
.legacy #header textarea {
  font-size: 13px;
  padding: 5px 5px 5px 8px;
  overflow-y: hidden;
}
.legacy #header fieldset {
  margin-bottom: 10px;
}
.legacy #header legend {
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 5px 0;
  *margin-left: -5px;
}
.legacy #header fieldset p {
  height: auto;
  overflow: hidden;
  clear: left;
}
.legacy #header fieldset label {
  overflow: hidden;
  display: block;
  font-weight: bold;
  float: none;
  clear: left;
  padding: 5px 0;
  font-size: 13px !important;
}
.legacy #header .linkList ul li a {
  font-size: 13px !important;
}
.legacy #header fieldset div.formButtons {
  clear: both;
  margin-top: 10px;
  overflow: visible;
}
.legacy #header fieldset p.left label.error {
  float: none;
}
.legacy #header fieldset p.left label.left {
  clear: none;
  padding: 0 15px 0 0;
}
.legacy #header fieldset.horiz p {
  clear: none;
  float: left;
}
.legacy #header em.required {
  color: #bd0000;
  font-weight: bold;
  padding: 0 3px;
  position: relative;
  top: 3px;
  font-size: 18px;
}
.legacy #header input.text.error, .legacy #header #top_links #dropdown_wrapper input.text.error, .legacy #header #dropdown_wrapper input[type=text].error, .legacy #header textarea.error {
  background-color: #fff2f2;
  color: #333 !important;
}
.legacy #header div.error {
  padding: 20px;
  background-color: #fff2f2;
  color: #bd0000;
  font-weight: bold;
}
.legacy #header label.error {
  color: #bd0000;
  font-size: 13px;
}
.legacy .footer {
  background: url(/css/2.0/img/footer/background.gif) repeat-x scroll left top transparent;
  width: 975px;
  margin: 2em auto 0 !important;
  padding-bottom: 20px;
  clear: both;
  font-size: 14px;
}
.legacy .footer .footerBody ul {
  float: left;
  width: 147px;
  padding-right: 5px;
  border-right: 1px solid #e8e8e8;
  margin-left: 10px;
  min-height: 160px;
  padding-top: 10px;
}
.legacy .footer .footerBody ul.first {
  margin-left: 0;
}
.legacy .footer .footerBody ul.last {
  border-right: none;
}
.legacy .footer .footerBody ul li {
  padding: 0;
  line-height: 17px;
}
.legacy .footer a {
  text-decoration: none;
  color: #333;
  display: block;
}
.legacy .footer a:visited {
  color: #666;
}
.legacy .footer a:hover, .legacy .footer a:focus, .legacy .footer a:active {
  color: #B80000;
  text-decoration: underline;
}
.legacy .footer .footerBody ul li.heading {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 15px;
  color: #333;
}
.legacy .footer .footerBody ul li.heading a:hover {
  text-decoration: none;
}
.legacy .footer p.copyright {
  padding: 20px 0;
  clear: left;
  width: 500px;
  font-size: 13px;
  color: #525252;
}
.legacy .footer div.footNote {
  clear: both;
  font-size: 13px;
  color: #525252;
}
.legacy .footer div.footNote p {
  padding: 20px 0 10px 0;
}
.legacy .footer .socialMedia {
  padding-top: 10px;
  clear: both;
  width: auto;
  float: right;
}
.legacy .footer .socialMedia a {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
.legacy .footer .socialMedia a:hover {
  text-decoration: none;
}
.legacy .footer .socialMedia .footerCommunity {
  background: url(/i/css/icons/icon-community-24x24.gif) no-repeat left top transparent;
}
.legacy .footer .socialMedia .footerFacebook {
  background: url(/i/css/icons/icon-facebook-24x24.gif) no-repeat left top transparent;
}
.legacy .footer .socialMedia .footerTwitter {
  background: url(/i/css/icons/icon-twitter-24x24.gif) no-repeat left top transparent;
}
.legacy .footer .socialMedia .footerYouTube {
  background: url(/i/css/icons/icon-youtube-24x24.gif) no-repeat left top transparent;
}
.legacy .footer .secureIcons {
  height: 55px;
  background-color: #dbdbdb;
  width: 100%;
  clear: both;
}
.legacy .footer .secureIcons ul {
  margin-left: 10px;
  padding-top: 10px;
}
.legacy .footer .secureIcons ul li {
  float: left;
  margin-right: 15px;
}
.legacy .footer .secureIcons ul li img {
  height: 35px;
}
.legacy .hide {
  display: none;
}
.legacy .show {
  display: block !important;
}
.legacy .wrapper {
  margin-top: 130px;
  width: 980px;
}
.legacy .wrapper .container12 {
  width: auto;
}
.legacy .wrapper .content-container {
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.35);
  padding: 10px 10px 30px;
}
.legacy .buttonDark {
  border: none;
}
.legacy .tabs ul li {
  display: list-item;
}
.legacy .tgtTabContent .inputBtnRedMedium.add {
  margin-top: 10px;
}
.legacy .tgtTabContent .inputBtnRedMedium.add span em {
  font-size: 14px;
}
.legacy .tgtTabContent dl {
  margin-top: 10px;
}
.legacy .container12 {
  background-color: #fff;
}

body .legacy {
  font-size: 120%;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

body {
  line-height: 130%;
  margin: 0;
  background-color: #f7f7f7;
  color: #000;
  background: #f6f6f6 url(/css/2.1/img/background.gif) repeat-y top center !important;
}

#Txter60_Content h3 {
  padding: 7px;
}
#Txter60_Content .modBody .modCopy {
  width: auto;
}

#featureList h3 {
  height: auto;
}
#featureList .featureBox img {
  padding: 0 25px 10px 5px;
}

/* --------------------------------------------------------------------------------------- */
/* custom */
/* --------------------------------------------------------------------------------------- */
body .legacy {
  color: #333 !important;
  font-size: 14px !important;
}

#header #global_nav_wrap, #header #top_nav {
  margin: 0 auto;
}

#header #top_nav {
  width: 974px;
  z-index: 10;
}

#header #top_nav ul#menu {
  width: 974px;
}

#header #top_globalnav li.activeTab {
  background: none !important;
  border-right: none;
  padding: 0;
}

#header ul#menu li a span {
  font-size: 18px !important;
}

#header ul#menu li div.promoOffer {
  margin-top: 0 !important;
  background: none !important;
}

#header ul#menu li div.promoOffer p a:hover, ul#menu li div.promoOffer div a:hover {
  text-decoration: none !important;
}

#header .promoOffer a:hover, #header .promoOffer:hover {
  text-decoration: none !important;
  color: #333 !important;
}

#header ul#menu li div.promoOffer h3 a {
  font-size: 16px !important;
}

/* arrow list needed as new main css not in old website */
.hidden {
  display: none;
}