﻿#slider {
  width: 796px;
  margin: 0 auto;
  position: relative;
}

/* window elements */
#slider .window{
    position: absolute; top: 31px;
    background: url(images/window.png);
    height: 320px; width: 796px; z-index: 10;
    }
#slider .register{
    position: absolute; bottom: 0px;
    right: 40px;
    z-index: 10;
}

/* menu */
#mnu{list-style:none; margin: 0 auto;}
#mnu li{float: left; margin-right: 5px;}
#mnu li a{text-decoration: none;}
#mnu a *{display: none;}

#mnu a, #mnu a .hover {
    height: 31px;
    position: relative;
    display: block;
    background: url(images/mnu.png) 0 0 no-repeat;
}


/* each item */
#mnu a.overview{background-position: 0 -31px; width: 95px;}
#mnu .highlight a.overview:hover,
#mnu a.overview .hover{background-position: 0 -64px; width: 95px;}

#mnu a.grandprize{background-position: -99px -31px; width: 107px;}
#mnu .highlight a.grandprize:hover,
#mnu a.grandprize .hover{background-position: -99px -64px; width: 107px;}

#mnu a.week1{background-position: -214px -31px; width: 70px;}
#mnu .highlight a.week1:hover,
#mnu a.week1 .hover{background-position: -214px -64px; width: 70px;}

#mnu a.week2{background-position: -297px -31px; width: 79px;}
#mnu .highlight a.week2:hover,
#mnu a.week2 .hover{background-position: -297px -64px; width: 79px;}

#mnu a.week3{background-position: -388px -31px; width: 78px;}
#mnu .highlight a.week3:hover,
#mnu a.week3 .hover{background-position: -388px -64px; width: 78px;}

#mnu a.week4{background-position: -475px -31px; width: 77px;}
#mnu .highlight a.week4:hover,
#mnu a.week4 .hover{background-position: -475px -64px; width: 77px;}

#mnu a.week5{background-position: -563px -31px; width: 77px;}
#mnu .highlight a.week5:hover,
#mnu a.week5 .hover{background-position: -563px -64px; width: 77px;}

#mnu a.week6{background-position: -649px -31px; width: 78px;}
#mnu .highlight a.week6:hover,
#mnu a.week6 .hover{background-position: -649px -64px; width: 78px;}


/* scroll container and pages */
.scroll {
  height: 320px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: rgb(255,255,255);
}

.panel{
    position: relative;
    background: url(images/panelbg.jpg);
    padding: 0px;
    height: 320px;
    width: 796px; /* change to 776px if not using JS to remove rh.scroll */}
.paneltitle{position: absolute; top: -19px; right: -20px; z-index: 0;}

/* ensure all elements within panel come no more than 20px from edge unless absolutely directed */
 .panel p, .panel table, .panel div {padding: 20px;}

/* Overview Content */
.overviewcontent{
    overflow: hidden; text-indent: -9999px;
    background: url(images/overviewcontent.png) no-repeat top left;
    height: 317px; width: 527px;
    position: absolute;
    top: 0; left: 0;
}
.sharethis{
    position: absolute;
    top: 0px;
    left: 250px;
}
.status{
    position: absolute;
    top:160px; right: -20px;
    width: 260px; height: 84px;
    background: url(images/confirmationbg.png) no-repeat top left;
}
.status .confirm{
    position: absolute;
    top: 25px; right: 20px;
    height: 27px;
}
.status .confirm .txtStatus{
    background: url(images/txtConfirmation.png); border: none;
    width: 52px; height: 13px;
    padding: 7px 8px 7px 8px; 
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    vertical-align: bottom;
    position: relative; top: -2px;
    }

/* Grand Prize Content */
.grandprizecontent{
    overflow: hidden; text-indent: -9999px;
    background: url(images/grandprizecontent.png) no-repeat top left;
    width: 613px; height: 309px;
    position: absolute;
    top: 0px; left: 0px;
}
.grandprizeimg{
    overflow: hidden;
    background: url(images/grandprizeimg.png) no-repeat top left;
    width: 429px;
    height: 244px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
/* prize items in table :: week 1 - week 6 */
.price_table{width: 650px; position: absolute; top: -10px; left: -20px;}
.price_th1{text-align: right; padding-right: 5px;}
.price_th2{text-align: left;}
.price_th3{text-align: left;}

.price_td1{width: 100px; text-align: right; padding-right: 5px;}
.price_td1 a:link, .price_td1 a:active, .price_td1 a:visited{color: rgb(60,60,60);text-decoration: none;}
.price_td1 a:hover{color: rgb(255,0,0);text-decoration: underline;}
 
.price_td2{color: rgb(0,0,0); border-bottom: dashed 1px rgb(99,99,99); padding-top: 2px; padding-bottom: 3px;}
.price_td3{font-style: italic;}