/* Forces Discount */

body {
  background: #212121 url('../images/bodybg.gif') repeat-x;
  color: #440955;
  font-size: 12px;
  font-family: Verdana;
}

.clear {clear: both;}

#mainContainer {
  width: 750px;
  margin: 0 auto;
}

.header {
  background: url('../images/mainheader.jpg') no-repeat;
  height: 100px;
  padding-right: 20px;
}
  .header h1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    width: 240px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 10px;
    float: right;
  }

#main {
  width: 748px;
  background: #fff;
  border: 1px solid #fff;
}
  .left {
    width: 558px;
    *width: 548px;
    background: #fff;
    float: left;
  }
  
  .right {
    width: 140px;
    margin-top: 12px;
    padding-left: 6px;
    padding-right: 10px;
    float: left;
    font-size: 11px;
  }
  
  .right a img {
    margin-top: 10px;
  }
  
#footer { 
  text-align: center;
  padding-top: 10px;
  background: #fff url('../images/footer/bottom.jpg') bottom left no-repeat;
}
  
  #footer ul {
    list-style-type: none;
    margin: 0;
    height: 26px;
    padding: 0;
    padding-top: 40px;
  }  
  
    #footer ul li {
      float: left;
    }  
      
    #footer ul li a {color: #000; text-decoration: none; float: left;padding: 0 20px;}
  
  #footer img {margin: 0 25px;}

  .flag {
    background: url('../images/flag.jpg') no-repeat;
    height: 127px;
    padding: 30px 20px;
    color: #000;
    font-size: 16px;
    line-height: 20px;
  }
    .flag p {width: 598px; height: 100px; margin: 0; padding: 0;}
    .flag b {font-weight: bold; text-align: right; display: block;}

/* 
Top Navigation*/

#topNav {
  height: 20px;
}

  #topNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 6px;
  }
  
    #topNav ul li {
      line-height: 14px;
      height: 24px;
      float: left;
    }
    
    #topNav ul li a {
      display: block;
      float: left;
      color: #fff;
      height: 24px;
      text-decoration: none;
      padding: 0 19px;
    }
    
/*
National, Local */

.nationalMain, .localMain {margin: 10px 0 0 10px;}
.localMain {
  width: 737px;
}
.nationalHeader, .localHeader {
  background: url('../images/national.jpg') no-repeat;
  height: 48px;
  width: 535px;
}
  .localHeader {
    background: url('../images/local.jpg') no-repeat;
    height: 44px;
    width: 535px;
  }
  
  .nationalHeaderWide, .localHeaderWide {
  background: url('../images/national.jpg') no-repeat;
  height: 48px;
  width: 535px;
}
  .localHeaderWide {
    background: url('../images/local-wide.jpg') no-repeat;
    height: 44px;
    width: 716px;
  }

.national, .local { 
  border-left: 3px solid #3e0451;
  border-right: 3px solid #3e0451;
  display: block;
  width: 529px !important;
  padding: 0;
  margin: 0;
}

.local {
  width: 716px;
}
.nationalNO a {
  color: #3e0451;
}
.nationalNO {
  border-left: 3px solid #3e0451;
  border-right: 3px solid #3e0451;
  width: 529px;
  *width: 535px !important;
} .localNO {
    border-left: 3px solid #9d253a;
    border-right: 3px solid #9d253a;
    height: 180px;
    overflow: auto;
    width: 710px;
    *width: 710px;
  }

  .local {
    border-left: 3px solid #9d253a;
    border-right: 3px solid #9d253a;
    height: 180px;
    overflow: auto;
    width: 529px;
  }
  
.nationalNO ul,
.national ul {
  width: 155px;
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 8px;
  text-align: left;
}

.localNO ul, 
.local ul {
  width: 100px;
  float: left;
  white-space: nowrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 8px;
  text-align: left;
}

  .nationalNO ul li,
  .localNO ul li,
  .national ul li,
  .local ul li {
    font-size: 12px;
  }
   
  .nationlNO ul li a, .national ul li a {color: #3e0451;}
  .localNO ul li a, .local ul li a {color: #9d253a;}
  
.nationalFooter,
.localFooter {
  background: url('../images/national-footer.jpg') no-repeat;
  height: 29px;
  width: 535px;
}

.localFooter {background: url('../images/local-footer.jpg') no-repeat; width: 535px;}

.nationalFooterWide,
.localFooterWide {
  background: url('../images/national-footer.jpg') no-repeat;
  height: 29px;
  width: 716px;
}

.localFooterWide {background: url('../images/local-footer-wide.jpg') no-repeat; width: 716px;}

/*
Adverts */

.advert {
  width: 157px;
  height: 181px;
  float: left; 
  margin: 9px 0;
  margin-left: 24px;
}

.sideAds {
  list-style-type: none;
  margin: 0;
  padding: 0;  
}
  .sideAds li a {
    text-decoration: none;
    display: block;
    padding: 4px 0;
    color: #440955; 
    width: 120px;
    float: left;
  }
  
  .sideAds li a:hover {
    text-decoration: underline;
  }
  
.picAds a img {
  padding: 5px;
}

.listings {
  font-size: 11px;
  padding: 5px;
}

.listings td {
  padding: 5px;
}

#main table {
  font-size: 12px;
  padding-top: 10px;
}

.loginBox {
  background: url('../images/loginbox.jpg') no-repeat;
  height: 248px;
  width: 182px;
}

  .loginBox div {
    padding-top: 40px;
    padding-left: 12px;
    font-weight: bold;
  }
  
  .loginBox label, .loginBox input {float: left; width: 80px; line-height: 20px; margin: 4px 0; color: #993333; font-weight: normal;}
  
  .loginBox input#submit {
    border: 0;
    background: url('../images/accessdiscounts.jpg') no-repeat;
    height: 28px;
    width: 154px;
    font-size: 0;
    margin-bottom: 10px;
  }
  .loginBox span {
    font-size: 10px;
    color: #993333;
    font-weight: normal;
    text-align: left;
    clear: both;
    padding-top: 4px;
  } 
  
  .loginBox b {
    color: #993333;
  }
  
.joinBox {
  background: url('../images/join.jpg') no-repeat;
  height: 170px;
  margin-top: 20px;
  width: 182px; 
}
  .joinBox div {
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 10px;
  }
  
  .joinBox b {
    color: #993333;
    font-size: 14px;
    display: block;
    margin: 5px 0;
  }
  
/*
tri service news */

.serviceNews {
  background: url('../images/triservice.jpg') top right no-repeat;
  height: 23px;
  margin-top: 20px;
  width: 540px;
  margin-bottom: 10px;
  float: left;
}

.serviceNewsMain {
  margin-left: 25px;
  width: 512px;
  float: left;
}

  .serviceNewsMain img {
    padding: 0 20px;
  }

.posterMain a img,  
.serviceNewsMain a img {
  border: 0;
}

.posterNews {
  background: url('../images/posterstodownload.jpg') top right no-repeat;
  margin-top: 20px;
  height: 23px;
  width: 200px;
  float: left;
}

  .posterMain {
    width: 190px;
    padding-left: 12px;
    float: left;
  }
  
  .posterMain img {
    padding-left: 10px;
  }
  
.sideAds,
.sideAds ul li {
  text-align: left;
}