/*
 * BASIC SETTINGS
 */
.white { color: #fff; }
.black { color: #000; }
.yellow { color: #fd0; }
.dark_grey { color: #444; }
.light_grey { color: #888; }
.silver { color: #7a8ba6; }

* {
  margin:0;
  padding: 0;
  border: 0;
}

body {
	background-color: white;
  font-family: Helvetica;
  font-size: 12px;

  color: #444;
}

#container {
	margin: 0 auto;
	max-width: 800px;
	text-align: left;
}



/* BANNER */
#header {
	background-image: url("/images/interface/header.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	height: 167px;
	width: 800px;
  position: relative;
}
  #login {
    text-align: right;
    padding-top: 13px;
    padding-right: 10px;
    font-weight: bold;
  }
    #login label {
      font-size: .8em;
      color: white;
      padding-right: 5px;
      position:relative; top: 1px;
    }

    #login input {
      font-size: .8em;
      padding: 3px 2px 1px;
      margin: 0 5px;
    }
      #login input.text {
        border: 1px inset #f0f0f0;
      }
      #login input.submit {
        padding: 3px 2px 1px;
        border: 1px outset #f0f0f0;
      }

  #quip {
    position: absolute;
    top: 48px;
    left: 0;
    padding: 29px 22px 0;
    height: 89px;
    width: 756px;

    font-size: 2em;
    color: white;
    font-weight: bold;
  }
    #quip .highlight { color: #333; }

  #quip.aimia {
    background: transparent url('/images/interface/header_aimia_cross.jpg') no-repeat 371px bottom;
    font-size: 1.5em;
  }
    #quip.aimia p {
      min-height: 68px;
      padding-left: 132px;
      width: 350px;
      background: transparent url('/images/interface/header_aimia_logo.jpg') no-repeat left top;
    }
    #quip.aimia .highlight { font-size: 1.2em; }

  #signup_link
  {
    width: 255px;
    height: 58px;
    background: #494c4d url("/images/signup/link_background.jpg") no-repeat right;

    font-weight: bold;
  }

    #signup_link a:link,
    #signup_link a:hover,
    #signup_link a:visited
    {
      color: white;
      background: url("/images/signup/link_button.jpg") no-repeat;
      display: block;
      height: 30px;
      width: 200px;
      padding: 17px;
      padding-left: 55px;
    }



/* MENU */
#menu {
	background-color:#888;
	height: 21px;
	width: 800px;
}
  #menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
  }

    #menu li {
      background: url("/images/interface/yellow_dots.gif") no-repeat;
      background-position: 5px center;
      background-color: #888;
      border-left: 1px solid white;
      float: left;
      height: 21px;
      padding: 0px 0px;
      width: 113px;
    }

    #menu li:hover .topmenu {
      background-color: transparent;
      color:#444;
    }

    #menu li:hover {
      background: url("/images/interface/grey_dots.gif") no-repeat;
      background-position: 5px center;
      color: #444;
      background-color: #e8cb13;
    }


      #menu ul li a {
        padding: 5px;
        height: 21px;
        text-align: center;
        display: block;
        text-decoration: none;
      }
      html>body #menu ul li a { height: 11px; }

      #menu .topmenu { color:white; }

      #menu .topmenu:hover {
        background: url("/images/interface/grey_dots.gif") no-repeat;
        background-position: 5px center;
        color: #444;
        background-color: #e8cb13;
      }
      html>body #menu .topmenu:hover { background: none; }

      #menu .menuitem-selected { color:#444; }

      #menu .leftmostitem { border-left: 0px; width: 116px; }
      #menu .rightmostitem { border-right: none; }

      #menu .selected {
        background: url("/images/interface/grey_dots.gif") no-repeat;
        background-position: 5px center;
        background-color: #e8cb13;
      }

      #menu ul ul {
        background-color: #888;
        display: none;
        float: none;
        left: -1px;
        top: 21px;
        position: absolute;
        width: auto;
        z-index: 3;
      }
        #menu ul ul li{
          background: none;
          border-bottom: 1px solid white;
          padding: 0px 0px;
          width: 12em;
          text-align: left;
          float: none;
          z-index: 3;
        }

        #menu ul ul li:hover {
          background: none;
          background-color: #888;
        }
          #menu ul ul a {
            background-image:none;
            color: white;
            text-decoration: none;
            text-align: left;
            width: 12em;
          }

            #menu ul ul a:hover {
              color:#444;
              text-decoration:none;
            }
      #menu ul li {
        margin: 0px;
        height: 21px;
        position: relative;
      }
        #menu ul li:hover ul,
        #menu ul li.sfhover ul {
          border-top: 1px solid white;
          display: block;
        }



/* CONTENT */
#content
{
  color: #444;
  width: 800px;
}
html>body #content { width: 798px; }

  #content a { color: #888; }

  h1 {
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 21px;
    font-size: 1.9em;
    font-weight: bold;
    padding: 0px;
    color: #444;
  }

  h1.ea img{float:right; vertical-align:top; margin-top:5px;}

  h2 {
    font-size: 1em;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  h3 {
    font-size: 1em;
    margin-bottom:5px;
  }

  #lefttextarea,
  #righttextarea,
  #maintextarea {
    float: left;
    overflow: hidden;
    padding: 0px;
    width: 256px;
  }
    #lefttextarea { margin: 10px 0 21px 21px; }
    #righttextarea { margin: 10px 0 21px 38px; }
    #maintextarea { margin: 10px 0 21px 21px; width: 440px; }

    #maintextarea a.signup { font-weight: bold; }

  #imagearea {
    float: right;
    margin: -37px 37px 25px;
    overflow: hidden;
    z-index: 2;
  }
      #iphone {
      width: 255px;
      height: 476px;
      position: relative;
      background: transparent url("/images/iphone/iphone.jpg") no-repeat;
    }
      #iphone img.application { position: absolute; top: 75px; left: 19px; }

    #phone {
      width: 255px;
      height: 467px;
      position: relative;
      background: transparent url("/images/phones/phone.jpg") no-repeat;
    }
      #phone img.application { position: absolute; top: 44px; left: 13px; }
      #content #phone ul { margin: 0; }
      #content #phone li { padding: 0; list-style-type: none; }
      #phone a {
        display: block;
        padding-top: 50px;
        background: transparent url("/images/icons/frontfoot_2.jpg") no-repeat center top;
        text-align: center;
        position: absolute;
        top: 50px;
        left: 18px;
        width: 70px;
        color: #fff;
        text-decoration: none;
        font-size: .85em;
        font-family: 'Helvetica Neue';

        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
      }
      #phone a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
      }
        #phone #eagames { background-image: url("/images/icons/ea_games_2.jpg"); }
        #phone #essendon { background-image: url("/images/icons/essendon_2.jpg"); background-position: center 8px; left: 88px; }
        #phone #skyracing { background-image: url("/images/icons/sky_racing_2.jpg"); left: 158px; }

        #phone #trivia { background-image: url("/images/icons/mobile_trivia_2.jpg"); top: 130px;}
        #phone #winning { background-image: url("/images/icons/winning_number_2.jpg"); top: 130px; left: 88px;}
        #phone #sportingbet { background-image: url("/images/icons/sportingbet_2.jpg"); top: 130px; left: 158px; }

        #phone #flightinfo { background-image: url("/images/icons/flight_info_2.jpg"); top: 200px; }
        #phone #wizardofodds { background-image: url("/images/icons/way2bet_2.jpg"); top: 200px; left: 88px; }
        #phone #formguides { background-image: url("/images/icons/formguides_2.jpg"); top: 200px; left: 158px; }


  #content ul {
      margin-top: 5px;
      margin-bottom: 5px;
  }

    #content li {
      margin-left: 0px;
      padding-top: 2px;
      padding-bottom: 2px;
    }

  #content p {
    line-height: 125%;
    padding-bottom: 10px;
  }


  #footer {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    height: 11px;
  }



/* SIGNUP FACEBOX */
div#facebox td.body {
  width: 225px;
  height: 358px;
  background: #414141 url("/images/signup/bg.jpg") no-repeat top;
  color: white;
}
  div#facebox div.header {
    position: absolute;
    top: 15px;
    right: 20px;
  }
    div#facebox a.close {
      color: #fff;
      background: transparent url("/images/signup/close.png") no-repeat left;
      padding: 2px 0 0 16px;
      text-decoration: none;

    }
    div#facebox a.close:hover { text-decoration: underline; }

  div#facebox div.content {
    width: 225px;
  }
        div#signup .error {
          background-color: #f66;
          border: 1px solid #d33;
        }
        div#signup .notice {
          background-color: #6c6;
          border: 1px solid #3d3;
        }
      div#signup h2 {
        font-weight: normal;
        font-size: 1.9em;
        margin-top: 0;
      }
      div#signup p {
        margin-top: 10px;
        margin-bottom: 15px;
        font-size: 1.1em;
      }
        div#signup p span { font-weight: bold; }
      div#signup form {
        background-color: #333333;
        padding: 15px;
      }

        div#signup label {
          width: 200px;
          font-weight: bold;
          float:left;
          padding: 0px;
          margin: 0px;}

        div#signup input {
          margin: 10px 0px 10px 0px;
          padding: 3px 2px 1px;
        }
        div#signup input.text {
          border: 1px inset #f0f0f0;
          width: 120px;
        }
        div#signup input#captcha { margin-bottom: 0; }
        div#signup input.submit {
          padding: 3px 2px 1px;
          border: 1px outset #f0f0f0;
          font-weight: bold;
          float:right;
          width:60px;
        }

        div#signup div.captcha {
          background-color: #FFDD00;
          margin-bottom: 10px;
          margin-top: 10px;
        }



/* SOLUTIONS PAGE */
a#videos, a#games, a#betting {
  display: block;
  float: left;
  padding: 10px 10px 10px 32px;
  background: transparent url('/images/icons/video.gif') no-repeat left center;
}
a#games { background-image: url('/images/icons/games.gif'); padding-left: 41px; }
a#betting { background-image: url('/images/icons/betting.gif'); padding-left: 31px; }
div.iphone_logo {background: #FFFFFF url('/images/iphone/lotto_icon.jpg') no-repeat top left; height: 59px; padding: 15px 0px 0px 70px; margin: 0}
div.iphone_site_logo {background: #FFFFFF url('/images/iphone/three_logo.gif') no-repeat top left; height: 59px; padding: 15px 0px 0px 70px; margin: 0}
ul#iphone_list li {border-top:1px solid #999999; background:url('/images/iphone/dot.gif') no-repeat center left; padding:12px}
ul#iphone_list {border-bottom:1px solid #999999;}


/* CONTACT PAGE */
div.map {
  width: 425px;
  margin: 0 0 15px;
}
  div.map iframe {
    width: 425px;
    height: 350px;
    border: none;
    overflow: hidden;
    margin: 0;
  }



/* CAROUSEL */
#more_products {
  position: absolute;
  top: 530px;
}
.carousel {
  position: relative;
  clear: both;
  margin-top: 10px;
  margin-left: 10px;
  background: transparent url('/images/carousel/back.jpg') no-repeat;
  height: 95px;
  width: 424px;
}

  .carousel .navButton {
    cursor: pointer;
    display: block;
    background-repeat: none;
    z-index: 10;
    position: absolute;
    top: 30px;
    width: 28px;
    height: 28px;
  }
    .carousel .navButton.previous { left: -7px; }
    .carousel .navButton.next { right: -7px; }


  .carousel .container {
    position: absolute;
    overflow: hidden;
    left: 19px;
    top: 2px;
    width: 385px;
    height: 87px;
  }
    .carousel .items {
      position: absolute;
      top: 0;
      left: 0;
      width: 1000px;
    }
      .carousel .item {
        position: relative;
        cursor: pointer;

        list-style-type: none;
        margin: 0px;
        height: 87px;
        width: 78px;
        float: left;
        clear: right;
        padding-top: 10px;
      }
        .carousel .item.selected a {
          color: #444;
          font-weight: bold;
          cursor: default;

          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
          -moz-opacity: 1.0;
          opacity: 1.0;
        }
        .carousel .item .icon img {
          position: relative;
          left: 0px;
          width: 65px !important;
          height: 65px;
          cursor: pointer;
        }
        .carousel .item .key { display:none; }


        .carousel .item a {
          display: block;
          padding-top: 55px;
          background: transparent url("/images/icons/frontfoot.jpg") no-repeat center top;
          text-align: center;

          font-family: 'Helvetica Neue';
          font-size: .85em;
          text-decoration: none;

          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
          -moz-opacity: 0.7;
          opacity: 0.7;
        }
          .carousel .item a:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            -moz-opacity: 1.0;
            opacity: 1.0;
          }

        .carousel #trivia a { background-image: url("/images/icons/mobile_trivia.jpg"); }
        .carousel #flightinfo a { background-image: url("/images/icons/flight_info.jpg"); }
        .carousel #essendon a { background-image: url("/images/icons/essendon.jpg"); background-position: center 8px; }
        .carousel #winning a { background-image: url("/images/icons/winning_number.jpg"); }
        .carousel #eagames a { background-image: url("/images/icons/ea_games.jpg"); }
        .carousel #fifa09 a { background-image: url("/images/icons/fifa09.jpg"); }
        .carousel #needforspeed a { background-image: url("/images/icons/nfs.jpg"); }
        .carousel #skyracing a { background-image: url("/images/icons/sky_racing.jpg"); }
        .carousel #wizardofodds a { background-image: url("/images/icons/way2bet.jpg"); }
        .carousel #sportingbet a { background-image: url("/images/icons/sportingbet.jpg"); }
        .carousel #mobitv a { background-image: url("/images/icons/mobitv.jpg"); }
        .carousel #formguides a { background-image: url("/images/icons/formguides.jpg"); }



/* SOLUTIONS PAGES */
div#solutions_menu {
  height: 34px;
  margin: 0;
}



/* PARTNERS PAGE */
ul#partners {
  margin: 10px auto;
  background: transparent url('/images/partners/background.jpg') repeat-y top left;
  height: 452px;
  width: 766px;
  position: relative;
}
  ul#partners .top,
  ul#partners .bottom {
    position: absolute;
    left: 0;
    background: transparent url('/images/partners/background_top.jpg') no-repeat;
    height: 26px;
    width: 766px;
  }
  ul#partners .top {
    top: 0;
  }
  ul#partners .bottom {
    background-image: url('/images/partners/background_bottom.jpg');
    height: 33px;
    bottom: 0;
  }
  ul#partners li {
    list-style-type: none;
    text-align: center;
    position: absolute;
  }
    ul#partners li#ea { top: 27px; left: 36px; }
    ul#partners li#three { top: 31px; left: 252px; }
    ul#partners li#virginmobile { top: 44px; left: 408px; }
    ul#partners li#essendon { top: 38px; left: 606px; }

    ul#partners li#telstra { top: 174px; left: 30px; }
    ul#partners li#bigpond { top: 228px; left: 30px; }
    ul#partners li#skyracing { top: 176px; left: 252px; }
    ul#partners li#vodafone { top: 184px; left: 491px; }

    ul#partners li#way2bet { top: 308px; left: 36px; }
    ul#partners li#ats { top: 308px; left: 143px; }
    ul#partners li#aimia { top: 298px; left: 283px; }
    ul#partners li#paypal { top: 292px; left: 559px; }
    ul#partners li#sportingbet { top: 363px; left: 480px; }

    ul#partners a {
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
      -moz-opacity: 0.7;
      opacity: 0.7;
    }
    ul#partners a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
      -moz-opacity: 1.0;
      opacity: 1.0;
    }



/* PRODUCTS PAGES */
ul.product_description.first_item { border-top: 1px solid #999; }

#content ul.product_description {
  list-style: disc outside;
  color: #fd0;
  padding: 0 20px;
  border-bottom: 1px solid #999;
  margin: 0;
  font-size: 160%;
}
  ul.product_description li { }
    ul.product_description span {
      font-size: 12px;
      line-height: 1.8em;
      color: #444;
    }

img#AIMIA_winner { position: absolute; top: 205px; right: 570px; width: 80px; }
/*img#AIMIA_winner { margin-left: 21px; width: 100px; position: relative; top: -5px; }*/