body.introduction
{
	background: url('../images/promo_wallpaper_introduction.png') no-repeat top center;
}

body.main
{
	background: url('../images/promo_wallpaper_main.png') no-repeat top center;
}

body.guaranteed
{
	background: url('../images/promo_wallpaper_guaranteed.png') no-repeat top center;
}

.introduction #middle .container
{
	width: 960px;
	height: 820px;
	background: url('../images/promo_bg.png') no-repeat center center;
}

.main #middle .container,
.guaranteed #middle .container
{
	width: 960px;
	height: 880px;
	background: url('../images/promo_bg2.png') no-repeat center center;
}

#middle .regulations
{
	margin: 0 auto;
	width: 188px;
	height: 25px;
}


#middle .regulations a
{
	position: absolute;
	margin-top: -93px;
	overflow: hidden;
	display: block;
	width: 188px;
	height: 25px;
	text-indent: -1000px;
	font-size: 2px;
	background: url('../images/promo_regulations.png') no-repeat center center;
}

.main #middle .regulations a,
.guaranteed #middle .regulations a
{
	margin-top: -72px;
}

#middle .container .copy.introduction
{
	display: block;
	width: 960px;
	height: 820px;
	background: url('../images/promo_copy_introduction.png') no-repeat center center;
}

#middle .container .copy.main
{
	display: block;
	width: 960px;
	height: 880px;
	background: url('../images/promo_copy_main.png') no-repeat center center;
}

#middle .container .copy.guaranteed
{
	display: block;
	width: 960px;
	height: 880px;
	background: url('../images/promo_copy_guaranteed.png') no-repeat center center;
}


#middle .container .copy h1,
#middle .container .copy h2,
#middle .container .copy h3,
#middle .container .copy ol,
#middle .container .copy ul,
#middle .container .copy p
{
	display: none;
}

#middle .container .copy .more
{
	display: block;
	width: 430px;
	height: 550px;
	overflow: hidden;
	position: absolute;
	text-indent: -1000px;
	font-size: 2px;
	margin-top: 138px;
}

#middle .container .copy .main .more
{
	background: url('../images/promo_more_how_to_win.png') no-repeat 0 162px;
	margin-left: 44px;
	height: 205px;
}

#middle .container .copy .main .more:hover
{
	background-position: -430px 162px;
}

#middle .container .copy .guaranteed .more
{
	background: url('../images/promo_more_how_to_get.png') no-repeat 0 162px;
	margin-left: 480px;
}

#middle .container .copy .guaranteed .more:hover
{
	background-position: -430px 162px;
}

#middle .container .copy .main .winner-list
{
	display: block;
	position: absolute;
	margin-top: 168px;
	width: 450px;
	height: 550px;
	overflow: hidden;
	text-indent: -1000px;
	font-size: 2px;
}

#middle .container .copy p.contact
{
	position: absolute;
	display: block;
	width: 120px;
	height: 18px;
	text-indent: -1000px;
	overflow: hidden;
}

#middle .container .copy.main p.contact
{
	margin-left: 691px;
	margin-top: 696px;
}

#middle .container .copy.guaranteed p.contact
{
	margin-left: 640px;
	margin-top: 735px;
}

#middle .container .copy p.contact a
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 120px;
	height: 18px;
}

#middle .container .back
{
	display: block;
	width: 100px;
	height: 45px;
	background: url('../images/button_back.png') no-repeat 0 0;
	overflow: hidden;
	text-indent: -1000px;
	position: absolute;
	margin-top: 350px;
	margin-left: 44px;
}

#middle .container .back:hover
{
	background-position: 0 -45px;
}

/* alert */
.promo-details .jquery-alert-container
{
	width: 768px;
	height: 426px;
	background: url('../images/promo_alert_bg.png') no-repeat center center;
}

.promo-details .copy
{
	overflow: hidden;
	width: 768px;
	height: 367px;
	text-indent: -1000px;
	font-size: 0;
}

.promo-details .details.guaranteed .copy
{
	background: url('../images/promo_alert_copy_guaranteed.png') no-repeat 50% 0;
}

.promo-details .details.main .copy
{
	background: url('../images/promo_alert_copy_main.png') no-repeat 50% 0;
}

.promo-details .close
{
	width: 34px;
	height: 31px;
	overflow: hidden;
	margin-top: 28px;
	margin-left: 736px;
}

.promo-details .close a
{
	display: block;
	width: 34px;
	height: 31px;
	background: url('../images/promo_alert_close.png') no-repeat center center;
	text-indent: -1000px;
	font-size: 0px;
	overflow: hidden;
}

#details
{
	display: none;
}

.show-details
{
	display: block;
	position: absolute;
	text-indent: -1000px;
	overflow: hidden;
}

.guaranteed .show-details
{
	width: 255px;
	height: 355px;
	margin-top: 185px;
	margin-left: 180px;
}

.main .show-details
{
	width: 275px;
	height: 430px;
	margin-top: 185px;
	margin-left: 180px;
}
