.footerSMS {display:none;}

/*  

LAYOUT - TABLE OF CONTENTS

  1 Universal 
  2 Branding
  4 Content
  3 Footer

*/
 
/* ----------------------------------------------- */ 
/* --------------- 1 UNIVERSAL ------------------- */
/* ----------------------------------------------- */ 

/* overriding main stylesheet */
html, body, p, h1, h2, h3, h4, h5, h6, ol, li, blockquote, fieldset, input, pre, form {  margin:0;  padding:0; }
img { border: 0; }
/*.body { text-align:left; width: 610px;}*/
.layout { margin-bottom: 0; }
/*.bodyBorder { border: none; width: 610px; }*/
.triggerText { display: none; }
.mainColumn .layout { margin-bottom: 0; width: 490px; }

* html .mainColumn .layout { margin-bottom: 0; width: 490px; display:block;}

.hidden { position: absolute; left: -1000px; }
.sidePadding { padding: 0 16px 0 7px; }

/* ----------------------------------------------- */ 
/* ----------------- 2 Branding ------------------ */
/* ----------------------------------------------- */ 

#brandContainer {
  position: relative;
  width: 492px;
  height: 125px
}

.mobileZoneHeader {
  background-image: url(/namedImage/10289/mobileZoneHeader.gif);
  background-repeat: no-repeat;
}

.mobileInternetHeader {
  background-image: url(/namedImage/10289/mobileInternetHeader.gif);
  background-repeat: no-repeat;
}

.textAlertsHeader {
  background-image: url(/namedImage/10289/textAlertsHeader.gif);
  background-repeat: no-repeat;
}

.customShirtsHeader {
  background-image: url(/namedImage/10289/customShirtsHeader.gif);
  background-repeat: no-repeat;
}

.animationsHeader {
  background-image: url(/namedImage/10289/animationsHeader.gif);
  background-repeat: no-repeat;
}

.mobileGamesHeader {
  background-image: url(/namedImage/10289/mobileGamesHeader.gif);
  background-repeat: no-repeat;
}

.wallpapersHeader {
  background-image: url(/namedImage/10289/wallpapersHeader.gif);
  background-repeat: no-repeat;
}

.ringtonesHeader {
  background-image: url(/namedImage/10289/ringtonesHeader.gif);
  background-repeat: no-repeat;
}

/* form styles */
#brandContainer .heartsMobileSelectForm {
  position: absolute;
  float: right;
  display: block;
  right: 2px;
  bottom: 0;
}
.marginleftWrap {
/*margin-left:12px;*/
margin-top:7px;
}

#brandContainer select {
  background-color: #fff;
  color: #b00a0a;
  float: left;
  font-size: 70%;
}
.headerpadding {
padding:10px 0px 0px 0px;
}
.navpadding {
padding:9px 4px 4px 5px;
}

/* ----------------------------------------------- */ 
/* ------------------- 3 Content ----------------- */
/* ----------------------------------------------- */ 

#heartsMobileContent {
  background:#FFFFFF url(/namedImage/10289/heartsMobileContentBgImg.gif) repeat-x scroll left bottom;
  height:666px;
  margin:0pt auto;
  padding-top:1px;
  width:490px;
  height:742px;
  /*margin-left:12px*/
}

* html #heartsMobileContent {
  width:492px;
  */height: 280px;*/
  padding-left: 0!important;
 margin-left:0px!important;
}

.customShirtsContent #heartsMobileContent {
 height: 390px;
 margin-left: 0px;
}

/* ----------------------------------------------- */ 
/* ------------------- 4 Footer ------------------ */
/* ----------------------------------------------- */ 

#footerTextAlerts {
  background-image: url(/namedImage/10289/footerTextAlertsBg.gif);
  background-repeat: no-repeat;
  width: 492px;
  height: 114px;
  padding-right: 3px;
  position: relative;
}

#footerTextAlerts a:link, 
#footerTextAlerts a:link, 
#footerTextAlerts a:visited,
#footerTextAlerts a:visited {
  position: absolute;
  bottom: 10px;
  right: 42px;
  display: block;
  width: 95px;
  height: 28px;
  background: transparent url(/namedImage/10289/heartsClickHere.gif) no-repeat top left;
}

* html #footerTextAlerts a:link, 
* html #footerTextAlerts a:link, 
* html #footerTextAlerts a:visited,
* html #footerTextAlerts a:visited {
  right: 39px;
}

#footerTextAlerts a:hover, 
#footerTextAlerts a:active, 
#footerTextAlerts a:hover, 
#footerTextAlerts a:active {
  background:transparent url(/namedImage/10289/heartsClickHere.gif) no-repeat right top;
}

.footerSMS {
  background-image: url(/namedImage/10289/footerSMS.gif);
  background-repeat: no-repeat;
  width: 492px;
  height: 114px;
}


.footerSMSTextAlerts {
  background-image: url(/namedImage/10289/footerSMS.gif);
  background-repeat: no-repeat;
  width: 492px;
  height: 114px;
  margin-left: 10px;
}



.footerSMS  #webSmsTriggerForm {
  margin: 55px 0 0 10px;
  position: relative;
}

.footerButton IMG {
  margin:11px 0 0 11px;
}
.mainColumn .footerSMS .footerButton {
 width:auto;
}

* html .footerSMS #webSmsTriggerForm {
  margin-left: 5px;
  float: left;
}

.footerSMS #webSmsTriggerForm #msisdn {
  background-image: none;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: none;
  color: #000000;
  width: 139px;
  float: left;
}

.footerSMS #webSmsTriggerForm .confirmationMessage {
  position: absolute;
  top: 2px;
  left: 190px;
  font-size: 90%;
  float: right;
}

.footerSMS #webSmsTriggerForm input {
  background-image: url(/namedImage/10289/sendButtonBg.gif);
  background-repeat: no-repeat;
  background-position: left left;
  border: 1px solid #dbdbdb;
  height: 18px;
  width: 38px;
  /*float: left;*/
  font-weight: bold;
  color: #FFFFFF;
  /*clear: right;*/
  font-size: 75%;
}


/*  

STYLE - TABLE OF CONTENTS

  1 Mobile Zone
  2 Wallpapers
  3 Text Alerts
  4 Ringtones
  5 Mobile Internet
  6 Animations 
  7 Mobile Games

*/

/* ----------------------------------------------- */ 
/* --------------- 1 Mobile Zone ----------------- */
/* ----------------------------------------------- */ 

.smsBoxTopPadding {
  /*background-color: #fff;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;*/
  height: 20px;
  width: 490px;
}

* html .smsBoxTopPadding {
  width: 492px!important;
}

.mobileZoneSMSBoxWrapper {
  /*background-image: url(/namedImage/10289/mobileZoneSMSBoxBg.gif);*/
  background-image: url(/javaImages/35/40/0,,10289~8273973,00.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  /*background-color: #fff;*/
  /*border-left: 1px solid #aaaaaa;*/
  /*border-right: 1px solid #aaaaaa;*/
  height: 179px;
  width: 490px;
}

.mobileZoneSMSBoxWrapper a {
  display: block;
  padding-top: 69px;
  padding-left: 174px;
  height: 12px;
  width: 86px;
}

* html .mobileZoneSMSBoxWrapper a {
  padding-top: 69px;
}

.mobileZoneSMSBoxWrapper #webSmsTriggerForm {
  margin: 42px 0 0 43px;
  position: relative;
}

/* IE 5.5 Tan Hack */
* html .mobileZoneSMSBoxWrapper #webSmsTriggerForm {
  margin-left: 43px;
}

.mobileZoneSMSBoxWrapper #webSmsTriggerForm #msisdn {
  background-image: none;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: none;
  color: #000000;
  width: 169px;
  float: left;
}

.mobileZoneSMSBoxWrapper #webSmsTriggerForm .confirmationMessage {
  position: absolute;
  top: 2px;
  left: 210px;
  font-size: 75%;
  float: right;
}

* html .mobileZoneSMSBoxWrapper #webSmsTriggerForm .confirmationMessage {
  left: 16px;
  top: 44px;
}

.mobileZoneSMSBoxWrapper #webSmsTriggerForm input {
  background-image: url(/namedImage/10289/sendButtonBg.gif);
  background-repeat: no-repeat;
  border: 1px solid #dbdbdb;
  height: 18px;
  width: 38px;
  /*float: left;*/
  font-weight: bold;
  color: #FFFFFF;
  /*clear: right;*/
  font-size: 75%;
}

#mobileZoneSecondaryContentWrapper {
  /*background: #fff url(/namedImage/10289/gradiantGreyWhite.gif) repeat-x bottom left;
  border-left: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4;*/
  height: 290px;
  width: 456px;
  padding: 4px 16px 4px 18px;
}

* html #mobileZoneSecondaryContentWrapper {
  width: 492px;
}

.mobileZoneTextAlertsWrapper {
  position: relative;
  float: left;
  background-image: url(/namedImage/10289/mobileZoneTextAlertsBg.gif);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fff;
  width: 228px;
  height: 169px;
}

.mobileZoneAnimationsWrapper {
  position: relative;
  float: left;
  background-image: url(/namedImage/10289/mobileZoneAnimationsBg2.gif);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fff;
  width: 228px;
  height: 169px;
}

 .mobileZoneAnimationsCrestGif {
 position: absolute;
 bottom: 40px;
 right: 25px;
 display: block;
 width: 70px;
 height: 65px;
 background-image: url(/namedImage/10289/hfc_crest_overlay.gif);
 z-index: 1;
}

.mobileZoneTextAlertsWrapper a:link, 
.mobileZoneAnimationsWrapper a:link, 
.mobileZoneTextAlertsWrapper a:visited,
.mobileZoneAnimationsWrapper a:visited {
  position: absolute;
  bottom: 10px;
  right: 14px;
  display: block;
  width: 95px;
  height: 28px;
  background: transparent url(/namedImage/10289/heartsClickHere.gif) no-repeat top left;
}

.mobileZoneTextAlertsWrapper a:hover, 
.mobileZoneTextAlertsWrapper a:active,
.mobileZoneAnimationsWrapper a:hover, 
.mobileZoneAnimationsWrapper a:active {
  background: transparent url(/namedImage/10289/heartsClickHere.gif) no-repeat top right;
}

.mobileZoneRingtonesWrapper a {
  height: 99px;
  float: left;
}

.mobileZoneRingtonesWrapper a.ringtones:link, .mobileZoneRingtonesWrapper a.ringtones:visited {
  background: transparent url(/namedImage/10289/mobileZoneRingtonesButton.gif) no-repeat top left; width: 113px;
}

.mobileZoneRingtonesWrapper a.ringtones:hover, .mobileZoneRingtonesWrapper a.ringtones:active {
  background: transparent url(/namedImage/10289/mobileZoneRingtonesButton.gif) no-repeat top right; width: 113px;
}

.mobileZoneRingtonesWrapper a.iPhone:link, .mobileZoneRingtonesWrapper a.iPhone:visited {
  background: transparent url(/javaImages/4/59/0,,10289~9328900,00.gif) no-repeat top right; width: 116px;
}

.mobileZoneRingtonesWrapper a.iPhone:hover, .mobileZoneRingtonesWrapper a.iPhone:active {
  background: transparent url(/javaImages/8/59/0,,10289~9328904,00.gif) no-repeat top right; width: 116px;
}

.mobileZoneRingtonesWrapper a.mobilegames:link, .mobileZoneRingtonesWrapper a.mobilegames:visited {
  background: transparent url(/namedImage/10289/mobileZoneMobileGamesButton.gif) no-repeat top left; width: 117px;
}

.mobileZoneRingtonesWrapper a.mobilegames:hover, .mobileZoneRingtonesWrapper a.mobilegames:active {
  background: transparent url(/namedImage/10289/mobileZoneMobileGamesButton.gif) no-repeat top right; width: 117px;
}

.mobileZoneRingtonesWrapper a.customshirts:link, .mobileZoneRingtonesWrapper a.customshirts:visited {
  background: transparent url(/namedImage/10289/mobileZoneCusShirtsButton.gif) no-repeat top left; width: 116px;
}

.mobileZoneRingtonesWrapper a.customshirts:hover, .mobileZoneRingtonesWrapper a.customshirts:active {
  background: transparent url(/namedImage/10289/mobileZoneCusShirtsButton.gif) no-repeat top right; width: 116px;
}

.mobileZoneRingtonesWrapper a.wallpapers:link, .mobileZoneRingtonesWrapper a.wallpapers:visited {
  background: transparent url(/namedImage/10289/mobileZoneWallpapersButton.gif) no-repeat top left; width: 110px;
}

.mobileZoneRingtonesWrapper a.wallpapers:hover, .mobileZoneRingtonesWrapper a.wallpapers:active {
  background: transparent url(/namedImage/10289/mobileZoneWallpapersButton.gif) no-repeat top right; width: 110px;
}


/* ----------------------------------------------- */ 
/* -------------- 2 Mobile Internet -------------- */
/* ----------------------------------------------- */ 

.mobileInternetFeaturedContent {
  background: #fff url(/namedImage/10289/mobileGlobeImg.gif) no-repeat bottom right;
  background-position: 100% 55%;
  border-right: 1px solid #b4b4b4;
  border-left: 1px solid #b4b4b4;
  width: 490px;
  height: 275px;

}

* html .mobileInternetFeaturedContent {
  width: 492px;
}

.mobileInternetFeaturedContent h3 {
  position: relative;
  width: 146px;
  height: 16px;
  overflow: hidden;
  padding-left: 46px;
  padding-top: 17px;
  color: #7d7d7d;
}

* html .mobileInternetFeaturedContent h3 {
  padding-top: 0;
  padding-left: 0;
  margin-top: 17px;
  margin-left: 46px;
}

.mobileInternetFeaturedContent h3 span {
  position: absolute;
  width: 143px;
  height: 16px;
  top: 17px;
  left: 46px;
  background-image: url(/namedImage/10289/textHeaderFeaturesInclude.gif);
  background-repeat: no-repeat;
}

* html .mobileInternetFeaturedContent h3 span {
  top: 0;
  left: 0;
}

.mobileInternetFeaturedContent ul {
  list-style-image: url(/namedImage/10289/diamondButton.gif);
  color: #595959;
  list-style-type: none;
  margin-left: 30px;
}

* html .mobileInternetFeaturedContent ul {
  padding-left: 46px;
}

.mobileInternetFeaturedContent ul li {
  margin: 3px 0 0 0;
}

.mobileInternetFeaturedContent h4 {
  position: relative;
  width: 196px;
  height: 16px;
  overflow: hidden;
  padding-left: 46px;
  padding-top: 17px;
  color: #7d7d7d;
}

* html .mobileInternetFeaturedContent h4 {
  padding-top: 0;
  padding-left: 0;
  margin-left: 46px;
}

.mobileInternetFeaturedContent h4 span {
  position: absolute;
  width: 196px;
  height: 16px;
  top: 17px;
  left: 46px;
  background-image: url(/namedImage/10289/textHowToAccessTheSite.gif);
  background-repeat: no-repeat;
}

* html .mobileInternetFeaturedContent h4 span {
  top: 0;
  left: 0;
}

.mobileInternetFeaturedContent p {
  padding-left: 46px;
  margin-top: 7px;
  color: #000; 
}

.mobileInternetSMSBoxWrapper {
  background: #fff url(/namedImage/10289/mobileInternetSMSBoxBg.gif) no-repeat center center;
  border-right: 1px solid #b4b4b4;
  border-left: 1px solid #b4b4b4;
  width: 492px;
  height: 115px;
}

.mobileInternetSMSBoxWrapper #webSmsTriggerForm {
  margin: 20px 0 0 134px;
  position: relative;
}

* html .mobileInternetSMSBoxWrapper #webSmsTriggerForm {
  width: 376px;
  margin-left: 67px;
}

.mobileInternetSMSBoxWrapper #webSmsTriggerForm #msisdn {
  background-image: none;
  border: 1px solid #d4d4d4;
  color: #595959;
  width: 140px;
  float: left;
  margin-right: 2px;
}

.mobileInternetSMSBoxWrapper #webSmsTriggerForm .confirmationMessage {
  position: absolute;
  top: 2px;
  left: 210px;
  float: right;
  font-size: 85%;
}

* html .mobileInternetSMSBoxWrapper #webSmsTriggerForm .confirmationMessage {
  left: 250px;
}

.mobileInternetSMSBoxWrapper #webSmsTriggerForm input {
  background-image: url(/namedImage/10289/mobileInternetSendButtonBgImg.gif);
  background-repeat: no-repeat;
  border: 1px solid #c5c5c5;
  height: 19px;
  width: 38px;
  font-weight: bold;
  color: #FFFFFF;
  /*float: left;*/
  font-size: 95%;
}

.mobileInternetSMSBoxTopElement p {
  margin: 3px 0 0 134px;
  font-weight: bold;
  color: #595959;
  font-size: 95%;
}

.mobileInternetSMSBoxBottomElement p {
  margin: 10px 0 0 134px;
  font-size: 70%;
  clear: left;
  color: #595959;
}

* html .mobileInternetSMSBoxBottomElement p {
  margin-top: 6px;
}

.mobileInternetBoxBWrapper {
  background: #fff url(/namedImage/10289/mobileInternetBoxBBgImg.gif) repeat-x bottom left;
  border-right: 1px solid #b4b4b4;
  border-left: 1px solid #b4b4b4;
  width: 490px;
  height: 82px;
}

.mobileInternetBoxB {
  /*background: url(/namedImage/10289/mobileInternetBoxBgImgB.gif) no-repeat center center;*/
  background: url(/javaImages/cf/5c/0,,10289~8215759,00.jpg) no-repeat center center;
  width: 490px;
  height: 82px;
}

.mobileInternetBoxB p {
  padding: 4px 0 0 134px;
  color: #595959;
  font-size: 95%
}

.mobileInternetBoxB p.smallText {
  font-size: 75%;
  padding: 2px 0 0 134px;
}

.mobileInternetBoxCWrapper {
  background-image: url(/namedImage/10289/mobileInternetBoxCBgImg.gif);
  background-repeat: repeat-x;
  border-right: 1px solid #b4b4b4;
  border-left: 1px solid #b4b4b4;
  width: 490px;
  height: 104px;
  font-size: 90%
  margin-left:10px;
}

.mobileInternetBoxC {
  background: url(/namedImage/10289/mobileInternetBoxBgImgC.gif) no-repeat center 10%;
  width: 490px;
  height: 104px;
}

.mobileInternetBoxC p {
  padding: 2px 0 0 134px;
  color: #595959;
  font-size: 80%
}

p.topPadding {
  padding-top: 9px;
}

.mobileInternetBoxC p.littleTopPadding {
  padding-top: 10px;
}


/* ----------------------------------------------- */ 
/* ---------------- 3 Text Alerts ---------------- */
/* ----------------------------------------------- */
#heartsMobileContent .tableHeader {
  height: 31px;
}

#heartsMobileContent p.tableFooter {
  font-size: 70%;
  color: #000;
  padding: 15px 20px 0 20px;
}

#heartsMobileContent p.tableFooter a {
  color: #000;
}


#heartsMobileContent h2 {
  position: relative;
  width: 170px;
  height: 16px;
  overflow: hidden;
  color: #7d7d7d;
  float: left;
  padding-left: 45px;
  padding-top: 5px;
}

* html #heartsMobileContent h2 {
  margin-left: 48px;
  padding-top: 5px;
  height: 21px;
}

#heartsMobileContent h2 span {
  position: absolute;
  width: 170px;
  height: 16px;
  top: 5px;
  left: 45px;
  background-image: url(/namedImage/10289/textTextAlertsPackages.gif);
  background-repeat: no-repeat;
}

* html #heartsMobileContent h2 span {
  top: 5px;
  left: 0;
  height: 21px;
}

#heartsMobileContent h3 {
  float: right;
  margin-right: 67px;
}

#heartsMobileContent h3 img {
  padding-left: 22px;
}

.rbroundbox { background: url(/namedImage/10289/nt.gif) repeat; clear: both; margin-top: 5px; }
.rbtop div.rbtopcontent { background: url(/namedImage/10289/tl.gif) no-repeat top left; position : relative; margin-top : 0px;}
.rbtop { background: url(/namedImage/10289/tr.gif) no-repeat top right; }
.rbbot div { background: url(/namedImage/10289/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/namedImage/10289/br.gif) no-repeat bottom right; }
.rbtop div.rbtopcontent, .rbtop, .rbbot div, .rbbot { width: 100%; height: 7px; font-size: 1px; }
.rbcontent { margin: 0 7px 0 0; }
.rbroundbox { width: 398px; min-height: 157px; margin: 1em auto; }
* html .rbroundbox { height: 148px; margin-left: 48px;}

.clear {
clear : both;
height :1px;
}

#heartsMobileContent table.packageDetails {
  border-collapse: collapse;
  width: 388px;
}

#heartsMobileContent table.packageDetails  td {
  background-image: url(/namedImage/10289/tableCellBgImg.gif);
  background-repeat: repeat-x;
  height: 20px;
}

#heartsMobileContent table.packageDetails  th img {
position : absolute;
margin-top : -60px;
margin-left : -20px;
}


#heartsMobileContent table.packageDetails .adjacent {
  text-align:center;
  width: 56px;
}

#heartsMobileContent table.packageDetails .width {
  width: 265px;
  text-align:left;
  padding-left: 12px;
  color: #000;
}

#heartsMobileContent h4 {
  position: relative;
  width: 153px;
  height: 17px;
  overflow: hidden;
  color: #7d7d7d;
  float: left;
  padding-left: 14px;
  margin-top: 10px;
  margin-left: 31px
}

* html #heartsMobileContent h4 {
  margin-left: 48px
}

#heartsMobileContent h4 span {
  position: absolute;
  width: 153px;
  height: 17px;
  top: 0;
  left: 14px;
  background-image: url(/namedImage/10289/textPaymentOptions.gif);
  background-repeat: no-repeat;
}

* html #heartsMobileContent h4 span {
  left: 0;
}

#heartsMobileContent .tableFooter {
  float: right;
  margin-right: 14px;
  margin-top: -9px;
}

#heartsMobileContent table.paymentOptions {
  border-collapse: collapse;
  width: 399px;
  margin: 13px 0 0 48px;
}

* html #heartsMobileContent table.paymentOptions {
  margin-left: 48px;
}

#heartsMobileContent table.paymentOptions tbody td {
  text-align: center;
}

#heartsMobileContent table.paymentOptions thead {
  font-size: 65%;
}

#heartsMobileContent table.paymentOptions thead th {
  background-color: #e2e2e2;
}

#heartsMobileContent table.paymentOptions thead th.monthly {
  width: 70px;
  text-align: left;
}

* html #heartsMobileContent table.paymentOptions thead th.monthly {
  text-align: center;
}

#heartsMobileContent table.paymentOptions thead th.quarterly {
  width: 74px;
  text-align: left;
}

* html #heartsMobileContent table.paymentOptions thead th.quarterly {
  text-align: center;
}

#heartsMobileContent table.paymentOptions thead th.topLeftCorner {
  background: #e2e2e2 url(/namedImage/10289/topLeftDarkGrey.gif) no-repeat top left;
}

#heartsMobileContent table.paymentOptions thead th.topRightCorner {
  background: #e2e2e2 url(/namedImage/10289/topRightDarkGrey.gif) no-repeat top right;
}

#heartsMobileContent table.paymentOptions tbody .dd {
  background-image: url(/namedImage/10289/packageDealsTableDDRowBgImg.gif);
  background-repeat: repeat-x;
  height: 43px;
}

#heartsMobileContent table.paymentOptions tbody .ddcc {
  background-image: url(/namedImage/10289/packageDealsTableDDCCRowBgImg.gif);
  background-repeat: repeat-x;
}

#heartsMobileContent table.paymentOptions tbody .cc {
  background-image: url(/namedImage/10289/packageDealsTableCCRowBgImg.gif);
  background-repeat: repeat-x;
}

#heartsMobileContent table.paymentOptions tfoot tr {
  height: 38px;
  background-image: url(/namedImage/10289/packageDealsFooterBgImg.gif);
  background-repeat: no-repeat;
}

#heartsMobileContent table.paymentOptions tfoot td {
  text-align: center;
  padding-top: 5px;
  color: #000;
}

#heartsMobileContent table.paymentOptions tbody .verticalAlignMiddle {
  vertical-align: middle;
  color: #000;
}

#heartsMobileContent table.paymentOptions tbody .largeFont {
  font-size: 130%;
  display: block;
  padding: 4px 0 0 0;
}

#heartsMobileContent table.paymentOptions tbody .smallFont {
  font-size: 78%;
}

#heartsMobileContent table.paymentOptions tbody td a {
  color: #fff;
  width: 57px;
  height: 43px;
  display: block;
}

#heartsMobileContent table.paymentOptions tbody td a.goldIconBg {
  background: url(/namedImage/10289/packageDealsTableCellBgImgGold.gif) no-repeat center center;
}

#heartsMobileContent table.paymentOptions tbody td a.greyIconBg {
  background: url(/namedImage/10289/packageDealsTableCellBgImgGrey.gif) no-repeat center center;
}


/* ----------------------------------------------- */ 
/* -------------- 4 CUSTOM SHIRTS ---------------- */
/* ----------------------------------------------- */
* html #heartsMobileContent {
  padding-left: 45px;
  margin-left:12px;
}

#heartsMobileContent .homeShirtWrapper {
  background-image: url(/namedImage/10289/homeShirtbgImg.gif);
  background-repeat: no-repeat;
  width: 399px;
  height: 118px;
  margin: 7px 7px 7px 46px;
  padding-top: 3px;
}

#heartsMobileContent .homeShirtWrapper h2 {
  position: relative;
  width: 146px;
  height: 20px;
  overflow: hidden;
  color: #7d7d7d;
  margin: 14px 0 10px 121px;
  float: none;
  padding: 0;
}

#heartsMobileContent .homeShirtWrapper h2 span {
  position: absolute;
  width: 146px;
  height: 20px;
  top: 0;
  left: 0;
  background-image: url(/namedImage/10289/textHomeShirt.gif);
  background-repeat: no-repeat;
}

#heartsMobileContent .homeShirtWrapper p {
  margin: 9px 0 0 121px;
  color: #595959;
  font-size: 85%;
  clear: left;
}

#heartsMobileContent .awayShirtWrapper {
  background-image: url(/namedImage/10289/awayShirtbgImg.gif);
  background-repeat: no-repeat;
  width: 399px;
  height: 118px;
  margin: 7px 7px 7px 46px;
  padding-top: 3px;

}

#heartsMobileContent .awayShirtWrapper h2 {
  position: relative;
  width: 146px;
  height: 20px;
  overflow: hidden;
  color: #7d7d7d;
  margin: 14px 0 10px 121px;
  float: none;
  padding: 0;
}

#heartsMobileContent .awayShirtWrapper h2 span {
  position: absolute;
  width: 146px;
  height: 20px;
  top: 0;
  left: 0;
  background-image: url(/namedImage/10289/textAwayShirt.gif);
  background-repeat: no-repeat;
}

#heartsMobileContent .awayShirtWrapper p {
  margin: 9px 0 0 121px;
  color: #595959;
  font-size: 85%;
  clear: left;
}

#heartsMobileContent .goalieShirtWrapper {
  background-image: url(/namedImage/10289/goalieShirtbgImg.gif);
  background-repeat: no-repeat;
  width: 399px;
  height: 118px;
  margin: 7px 7px 7px 46px;
  padding-top: 3px;

}

#heartsMobileContent .goalieShirtWrapper h2 {
  position: relative;
  width: 156px;
  height: 20px;
  overflow: hidden;
  color: #7d7d7d;
  margin: 14px 0 10px 121px;
  float: none;
  padding: 0;
}

#heartsMobileContent .goalieShirtWrapper h2 span {
  position: absolute;
  width: 156px;
  height: 20px;
  top: 0;
  left: 0;
  background-image: url(/namedImage/10289/textGoalieShirt.gif);
  background-repeat: no-repeat;
}

#heartsMobileContent .goalieShirtWrapper p {
  margin: 9px 0 0 121px;
  color: #595959;
  font-size: 85%;
  clear: left;
}
#iFrame {
  height: 565px;
  width: 490px;
  background: #fff url(/namedImage/10289/redMobileContentBgImg.gif) repeat-x bottom left;
  border-left: 1px solid #b4b4b4; 
  border-right: 1px solid #b4b4b4; 
  border-bottom: 1px solid #b4b4b4;
}

* html #iFrame {
  width: 350px;
} 

/****/
#heartsMobileContent h5 {
  position: relative;
  width: 390px;
  height: 23px;
  overflow: hidden;
  color: #7d7d7d;
  float: left;
  padding-left: 0px;
  margin-top: 10px;
}

* html #heartsMobileContent h5 {
    padding-left: 0;
}

#heartsMobileContent h5 span {
  position: absolute;
  width: 390px;
  height: 23px;
  top: 0;
  left: 0px;
  background-image: url(/javaImages/c8/4c/0,,10289~3689672,00.gif);
  background-repeat: no-repeat;
  padding-bottom:15px;
}

* html #heartsMobileContent h5 span {
  left: 0;
}

/****/

.SMSText {
 width:400px;
 padding-left:45px;
}

.layout .footerButton {
 margin-left:0px;
}
.mobileOverride .mobileInternetSMSBoxWrapper {
  /*background: #fff url(/javaImages/69/56/0,,10289~3692137,00.gif) no-repeat center center;
  height: 398px!important;
 border:2px solid red;*/
}
.heartsMobileContentNew {
  background:#FFFFFF url(/namedImage/10289/heartsMobileContentBgImg.gif) repeat-x scroll left bottom;
  border-left:1px solid #B4B4B4;
  border-right:1px solid #B4B4B4;
  height:800px;
  margin:0pt auto;
  padding-top:1px;
  width:490px;
}
.xmasCampaign {
 background:#FFF url(/javaImages/7b/e9/0,,10289~4778363,00.gif) top left no-repeat;
 width: 398px;
 height: 108px;
 margin-left: 48px;
 margin-bottom: 10px;
 margin-top:15px;
 position:relative;
 padding-left: 8px;
}
.xmasTitle {
text-transform: uppercase;
color: #7a1f2e;
font-size:1.2em;
font-weight: bold;
}
.xmasCampaign p {
color: #3c3c3c;
font-size: 0.7em;
margin-top:6px;
margin-bottom:5px;
}
.xmasFixture {
color: #3c3c3c;
font-weight: bold;
font-size: 0.9em;
}
.xmasButton {
position: absolute;
top:42px;
right:20px;
}
.signupText{
padding-left:12px;
font-size:12px;
}
.signupHeader{
color:#999999;
font-weight:bold;
font-size:17px;
padding-left:12px;
}