/*  

LAYOUT - TABLE OF CONTENTS

  1 Universal 
  2 Header
  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: 665px;}*/
.bodyBorder { border: none; width: 665px; }
.mainColumn .layout { margin-bottom: 0; width: 665px; }
.layout { margin-bottom: 0; }
.triggerText { display: none; }

.hidden { position: absolute; left: -1000px; }
.sidePadding { padding: 0 13px 0 8px; }


/* ----------------------------------------------- */ 
/* ------------------ 2 Header ------------------- */
/* ----------------------------------------------- */ 

#avMobileHeader h2 {
  position: relative;
  width: 211px;
  height: 22px;
  overflow: hidden;
}

#avMobileHeader h2 span {
  position: absolute;
  width: 211px;
  height: 22px;
  top: 0;
  left: 0px;
  background-image: url(/namedImage/10265/textAstonVillaMobile.gif);
  background-repeat: no-repeat;
}

#avMobileHeader h4 {
  position: relative;
  overflow: hidden;
}

#avMobileHeader h4 span {
  position: absolute;
  top: 0;
  left: 0px;
}

#avMobileHeader p.welcomeText {
  padding-top: 10px;
  padding-bottom: 21px;
}

#avMobileHeader p.line {
  padding-top: 2px;
  padding-bottom: 4px;
}
 
/**************************************************************************  

 STYLE - TABLE OF CONTENTS

  1 Mobile Home
  2 Mobile Internet
  3 Text Alerts
  4 Custom Shirts
  5 Animations 
  6 Wallpapers
  7 Mobile Games
  8 Ringtones

*/

/* ----------------------------------------------- */ 
/* --------------- 1 Mobile Home ----------------- */
/* ----------------------------------------------- */ 

#avMobileHeader h4.home {
  width: 36px;
  height: 9px;
}

#avMobileHeader h4.home span {
  width: 36px;
  height: 9px;
  background-image: url(/namedImage/10265/textHome.gif);
  background-repeat: no-repeat;
}

.leftCol {
  width: 245px;
  padding-right: 13px;
}

.rightCol {
  width: 390px;
}

h4.animations {
  position: relative;
  overflow: hidden;
  width: 93px;
  height: 12px;
  padding-left: 3px;
}

h4.animations span {
  position: absolute;
  overflow: hidden;
  width: 93px;
  height: 12px;
  top: 0;
  left: 3px;
  background-image: url(/namedImage/10265/headerAnimations.gif);
  background-repeat: no-repeat;
}

h4.wallpapers {
  position: relative;
  overflow: hidden;
  width: 90px;
  height: 12px;
  padding-left: 3px;
}

h4.wallpapers span {
  position: absolute;
  overflow: hidden;
  width: 90px;
  height: 12px;
  top: 0;
  left: 3px;
  background-image: url(/namedImage/10265/headerWallpapers.gif);
  background-repeat: no-repeat;
}

h4.customShirts {
  position: relative;
  overflow: hidden;
  width: 115px;
  height: 12px;
  padding-left: 3px;
}

h4.customShirts span {
  position: absolute;
  overflow: hidden;
  width: 115px;
  height: 12px;
  top: 0;
  left: 3px;
  background-image: url(/namedImage/10265/headerCustomShirts.gif);
  background-repeat: no-repeat;
}

h4.games {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 12px;
  padding-left: 3px;
}

h4.games span {
  position: absolute;
  overflow: hidden;
  width: 50px;
  height: 12px;
  top: 0;
  left: 3px;
  background-image: url(/namedImage/10265/headerGames.gif);
  background-repeat: no-repeat;
}

h4.ringtones {
  position: relative;
  overflow: hidden;
  width: 84px;
  height: 12px;
  padding-left: 3px;
}

h4.ringtones span {
  position: absolute;
  overflow: hidden;
  width: 84px;
  height: 12px;
  top: 0;
  left: 3px;
  background-image: url(/namedImage/10265/headerRingtones.gif);
  background-repeat: no-repeat;
}

.box {
  width: 390px;
  height: 61px;
  border: 1px solid #bababa;
  margin: 3px 0 15px 0;
}

* html .box {
  margin-bottom: 16px;
}

.box img {
  float: left;
}

* html .box img {
  float: left;
  margin-left: -3px;
}

.box a {
  background: transparent url(/namedImage/10265/leftArrow.gif) no-repeat center right;
  display: block;
  padding: 5px 5px 0 0;
  float: left;
  font-weight: normal;
  width: 280px;
  margin: 15px 6px 0 9px;
}

.advertWrapper {
  position: relative;
  width: 244px;
}

.advertWrapper a {
  position: absolute;
  display: block;
  bottom: 9px;
  right: 21px;
}

* html .advertWrapper a {
  bottom: 10px;
}

.withTopMargin {
  margin-top: 6px;
}

.advertWrapper .textHeader {
  background-image: url(/namedImage/10265/gradiantMaroonToBlack-1x25.gif);
  background-repeat: repeat-x;
  height: 2.5em;
  width: 245px;
}

.advertWrapper .withMargin {
  margin-bottom: 3px;
}

.advertWrapper .textHeader h4 {
  color: #fff;
  font-weight: bold;
  font-size: 110%;
  padding: 5px;
}

.advertWrapper .textHeader h4 .purple {
  color: #dccad4;
}

.advertWrapper img.withBorder {
  border: 1px solid #d7d7d7;
}

.smsTriggerTopElement {
  width: 245px;
  border-top: 1px solid #bababa;
  margin-top: 1px;
}

.smsTriggerTopElement p {
  margin: 8px 11px 1px 11px;
  font-size: 90%;
}

.smsTriggerBottomElement {
  width: 245px;
  border-bottom: 1px solid #bababa;
}

.smsTriggerBottomElement p {
  margin: 8px 11px 3px 11px;
  font-size: 85%;
}

#webSmsTriggerForm {
  padding: 3px 0 0 10px;
}

#webSmsTriggerForm input {
  background-color: #7b013e;
  color: #FFFFFF;
  border: none;
}

#webSmsTriggerForm #msisdn {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
}

#webSmsTriggerForm .confirmationMessage {
  font-size: 75%;
  float: right;
  padding: 3px 25px 0 0;
}

/* ----------------------------------------------- */ 
/* ------------- 2 Mobile Internet --------------- */
/* ----------------------------------------------- */ 

#avMobileHeader h4.mobileInternet {
  width: 113px;
  height: 9px;
}

#avMobileHeader h4.mobileInternet span {
  width: 113px;
  height: 9px;
  background-image: url(/namedImage/10265/textMobileInternet.gif);
  background-repeat: no-repeat;
}

#avMobileInternetContent ul {
  color: #595959;
  list-style-image: url(/namedImage/10265/diamondDiscType.gif);
  margin-bottom: 20px;
}

#avMobileInternetContent ul li {
  margin: 3px 0 0 19px;
}

#avMobileInternetContent p {
  margin-bottom: 10px;
}

.avMobileInternetSMSTriggerWrapper {
  background-image: url(/namedImage/10265/mobileInternetSMSTriggerBg.gif);
  background-repeat: no-repeat;
}

.avMobileInternetSMSTriggerTopElement h3 {
  background-image: url(/namedImage/10265/gradiantMaroonToBlack-1x25.gif);
  background-repeat: repeat-x;
  height: 2.5em;
  color: #fff;
  font-size: 120%;
  width: 506px;
  padding: 5px 0 0 10px;
}

.avMobileInternetSMSTriggerTopElement2 h3 {
  background-image: url(/namedImage/10265/gradiantMaroonToBlack-1x25.gif);
  background-repeat: repeat-x;
  height:1.75em;
  color: #fff;
  font-size: 120%;
  width: 506px;
  padding: 5px 0 0 10px;
}

* html .avMobileInternetSMSTriggerTopElement h3 {
  width: 516px;
}

.avMobileInternetSMSTriggerTopElement h4 {
  margin: 10px 0 10px 10px;
  font-size: 150%;
}

.avMobileInternetSMSTriggerTopElement p {
  margin-left: 10px;
}

.avMobileInternetSMSTriggerTopElement p.smallText {
  margin-top: 15px;
}

.avMobileInternetSMSTriggerBottomElement p {
  font-size: 90%;
  margin: 3px 0 0 10px;
}

.rightPadding {
  padding-right: 4px;
}

.topPadding {
  padding-top: 11px;
}

/* ----------------------------------------------- */ 
/* ---------------- 3 Text Alerts ---------------- */
/* ----------------------------------------------- */ 
#avMobileHeader h4.textAlerts {
  width: 83px;
  height: 9px;
}

#avMobileHeader h4.textAlerts span {
  width: 83px;
  height: 9px;
  background-image: url(/namedImage/10265/textTextAlerts.gif);
  background-repeat: no-repeat;
}

table.avPackageDetails {
  border: 1px solid #BABABA;
  border-collapse: collapse;
  width: 650px;
}

table.avPackageDetails th {
  font-size: 70%;
}

table.avPackageDetails td, th {
  background: #EEEEEE url(/namedImage/10265/packageDetailsTableBg.gif) repeat-x top left;
  border-bottom: 1px solid #E1E1E1;
  padding: 5px;
  text-align: left;
}

table.avPackageDetails .width {
  width: 150px;
  text-align: left;
  padding-left: 12px;
}

table.avPackageDetails .adjacent {
  text-align: center;
  width: 200px;
}

table.avPackageDetails tfoot td {
  text-align: center;
  background-color: #dcdcdc;
}

.packageDeals {
  width: 650px;
  margin-top: 15px;
}

.packageDeals .villaGoldPackage {
  float: left;
}
  
.packageDeals .villaAwayPackage {
  float: right;
}

.villaGoldPackage table{
  float: left;
  clear: none;
}

.packageDeals h6 {
  background-image: url(/namedImage/10265/gradiantMaroonToBlack-1x25.gif);
  background-repeat: repeat-x;
  height: 2.5em;
  width: 650px;
  color: #fff;
  padding: 5px 0 0 10px;
}

* html .packageDeals h6 {
  width: 650px;
  margin-bottom: 5px;
}

.packageDeals table {
  font-weight: bold;
  width: 310px;
  border-collapse: collapse;
  margin-bottom: 12px;
  margin-right: 15px;
}

.packageDeals table th {
  background-color: #505050;
  font-size: 50%;
  color: #FFFFFF;
  text-align: left;
  border: none;
  height: 12px;
}

.packageDeals table td {
  padding: 5px;
  text-align: center;
  height: 26px;
}

.packageDeals table td a {
  color: #FFFFFF;
}

.packageDeals table td.col1 {
  border:1px solid #E1E1E1;
  width: 216px;
}

.packageDeals table td.col2 {
  background-color: #7b013e;
  color: #FFFFFF;
}

.packageDeals table td.odd {
  border-bottom: 1px solid #FFFFFF;
}

.packageDeals .payAsYouGo {
  background-image: url(/namedImage/10265/payAsYouGoBoxBg.gif);
  background-repeat: repeat-x;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  width: 310px;
  height: 67px;
  clear: both;
}

.packageDeals .payAsYouGo h3 {
  background-color: #505050;
  color: #FFFFFF;
  padding: 3px 0 0 5px;
  text-align: left;
  height: 15px;
  font-size: 80%;
}

.packageDeals .payAsYouGo p {
  padding: 4px 0 0 10px;
  clear: both;
}

#unsubscribe {
  clear: left;
  font-size: 95%;
  margin-top: 4px;
}

.generalSMSTriggerWrapper {
  background-image: url(/namedImage/10265/generalSMSTriggerBg.gif);
  background-repeat: no-repeat;
}

.generalSMSTriggerWrapperImage {
  padding-right: 5px;
}

/* ----------------------------------------------- */ 
/* --------------- 4 Custom Shirts --------------- */
/* ----------------------------------------------- */

#avMobileHeader h4.customShirts {
  width: 102px;
  height: 9px;
}

#avMobileHeader h4.customShirts span {
  width: 102px;
  height: 9px;
  background-image: url(/namedImage/10265/textCustomShirts.gif);
  background-repeat: no-repeat;
}

.avShirtBox h5 {
  background-image: url(/namedImage/10265/gradiantMaroonToBlack-1x25.gif);
  background-repeat: repeat-x;
  height: 1.8em;
  color: #fff;
  font-size: 120%;
  width: 506px;
  padding: 5px 0 0 10px;
}

* html .avShirtBox h5 {
  width: 514px;
  height: 2.2em;
}

.avShirtBox p {
  background-image: url(/namedImage/10265/gradiantWhiteToGrey-1x88.gif);
  background-repeat: repeat-x;
  border: 1px solid #bababa;
  width: 504px;
  height: 83px;
  padding: 5px 0 0 10px;
  line-height: 1.5em;
}

* html .avShirtBox p {
  width: 514px;
  height: 90px;
}

/* ----------------------------------------------- */ 
/* ----------------- 5 Animations ---------------- */
/* ----------------------------------------------- */

#avMobileHeader h4.animations {
  width: 83px;
  height: 9px;
}

#avMobileHeader h4.animations span {
  width: 83px;
  height: 9px;
  background-image: url(/namedImage/10265/textAnimations.gif);
  background-repeat: no-repeat;
}

/* ----------------------------------------------- */ 
/* ----------------- 6 Wallpapers ---------------- */
/* ----------------------------------------------- */

#avMobileHeader h4.wallpapers {
  width: 82px;
  height: 9px;
  font-size: 90%;
}

#avMobileHeader h4.wallpapers span {
  width: 85px;
  height: 9px;
  background-image: url(/namedImage/10265/textWallpapers.gif);
  background-repeat: no-repeat;
}

/* ----------------------------------------------- */ 
/* ------------------- 7 Games ------------------- */
/* ----------------------------------------------- */

#avMobileHeader h4.games {
  width: 45px;
  height: 9px;
  font-size: 90%;
}

#avMobileHeader h4.games span {
  width: 45px;
  height: 9px;
  background-image: url(/namedImage/10265/textGames.gif);
  background-repeat: no-repeat;
}

/* ----------------------------------------------- */ 
/* ----------------- 8 Ringtones ----------------- */
/* ----------------------------------------------- */

#avMobileHeader h4.ringtones {
  width: 74px;
  height: 9px;
}

#avMobileHeader h4.ringtones span {
  width: 74px;
  height: 9px;
  background-image: url(/namedImage/10265/textRingtones.gif);
  background-repeat: no-repeat;
}

.SMSText {
  width:650px;
}
#footer {
margin-top:80px;
text-align:center;
width:980px;
}
.footerHome {
 width:800px;
 position:absolute;
 margin-top:15px;
}
.footerSponsorsWithFooter {
margin-top:20px;
text-align:center;
width:980px;
}
.xmasCampaign {
 background:#FFF;
 width: 648px;
 height: 110px;
 margin-top: 10px;
 margin-bottom: 10px;
 position:relative;
}
.xmasTitle {
text-transform: uppercase;
color: #7b013e;
font-size:1.3em;
font-weight: bold;
margin-left:10px;
float: left;
width:517px;
}
.xmasCampaign p {
color: #3c3c3c;
font-size: 1.0em;
margin-top:10px;
margin-bottom: 15px;
margin-left:10px;
float: left;
}
.xmasFixture {
color: #3c3c3c;
font-weight: bold;
font-size: 1.0em;
margin-left: 10px;
float: left;
}
.xmasButton {
position: absolute;
top:50px;
right:45px;
}
.xmasMobile {
float: left;
}
.signupText{

font-size:11px;
}
.signupHeader{
color:#83114A;
font-size:17px;
font-weight:bold;

}
