/* ------- Hersheys - Site developed by DraftFCB Toronto -------- */

@import 'reset.css';
@import 'typography.css';


body {
text-align: center;
margin: 0;
padding: 0;
background-color: #6ad0f8;
/* background: #6ad0f8 url('../images/ice_top.jpg')  repeat-x;
background: #ffffff url('../images/bg_mid.gif') top center repeat-y;*/
}

#ice_top {
height: 110px; /* original - 139px */
position:relative;
background: url('../images/i_top.jpg') center top no-repeat;
}

html>body #ice_top {

}

#ice_bottom {
background: url('../images/i_bottom.jpg') bottom no-repeat;
height: 120px; /* original - 157px */
position:relative;
}

#ice_mid {
background: url('../images/i_mid2.jpg') top center repeat-y;
}

img {margin: 0px; padding:0px; border: 0px;}
a {color: #10588e;}
a:hover {color: #666666;}
.clear {clear: both;}

#container{
position:relative;
width: 800px; /* 1002px; */
text-align: left;
margin: 0 auto;
/*margin:0 0 0 0px; */
font-size: 12px;
}

#header {
position:relative;
background: url('../images/header.jpg')  no-repeat;
width: 783px;
height: 226px;
top: -15px;
/*z-index: 11;
left: 105px;
top: 75px;*/
left:9px;
}

#header h1{
position:relative;
font-size: 16px;
color: #ffffff;
font-weight: bold;
overflow: hidden;
line-height: 18px;
text-indent: -9999px;
}


#content {
position:relative;
top: -15px;
width: 783px;
left: 120px;
}


#ice_footer {
position: relative;
top: 0px; /*margin-top: 100px;*/
height: 92px;
/*background: url('../images/ice_bottom.jpg') repeat-x;*/
}

#footer {
position: relative;
height: 134px;
margin-bottom: 100px;
}

#footer_txt {
position: relative;
top: 10px;
color: #10588e;
font-size: .9em; width: 750px; margin: 0 auto;
}

#footer a {text-decoration: none;}
#nav {
position:relative;
background: url('../images/nav.gif')  no-repeat;
width: 440px;
height: 18px;
top: 52px;
float: right;
left: -15px;
text-indent: -9999px;
}

#nav li{
float: left;
margin:0px;
padding:0px;
left: -20px;
position:relative;

}
#nav ul{
list-style: none;
}

.req {
color: #630000;
font-size: 10px;
}

.brown {color: #630000;}
.black {color: #000000;}

.input {
margin-top: 5px;
position:relative;
border: 1px solid #cccccc;
width: 175px;

}



/* ------- MAIN NAV SELECTOR STATES ------- */

#nav1 a {  position:relative; width: 40px; height: 18px;  display: block; overflow:hidden;  }
#nav1 a:hover {  position:relative; background: url('../images/nav.gif') 2px -18px no-repeat; overflow:hidden; }
#nav1-on a{  position:relative; width: 40px; height: 18px;  display: block;   background: url('../images/nav.gif') 2px -18px no-repeat; overflow:hidden; }

#nav2 a {position:relative;  width: 103px; height: 18px;  display: block; margin-left: 5px; overflow:hidden;  }
#nav2 a:hover { background: url('../images/nav.gif') -43px -18px no-repeat; overflow:hidden; }
#nav2-on a { background: url('../images/nav.gif') -43px -18px no-repeat; position:relative;  width: 103px; height: 18px;  display: block; margin-left: 5px; overflow:hidden; }

#nav3 a { position:relative; width: 48px; height: 18px;  display: block; margin-left: 7px; overflow:hidden;  }
#nav3 a:hover { position:relative; background: url('../images/nav.gif') -152px -18px no-repeat; overflow:hidden; }
#nav3-on a { width: 48px; height: 18px;  display: block; margin-left: 7px;position:relative; background: url('../images/nav.gif') -152px -18px no-repeat; overflow:hidden;  }

#nav4 a { position:relative; width:127px; height: 18px; display: block; margin-left: 7px; overflow:hidden;}
#nav4 a:hover {position:relative;  background: url('../images/nav.gif') -208px -18px no-repeat; overflow:hidden; }
#nav4-on a { width:127px; height: 18px; display: block; margin-left: 7px; position:relative;  background: url('../images/nav.gif') -208px -18px no-repeat; overflow:hidden;}

#nav5 a {position:relative; width:70px; height: 18px;   display: block; margin-left: 7px; overflow:hidden; }
#nav5 a:hover { position:relative; background: url('../images/nav.gif') -341px -18px no-repeat; overflow:hidden; }
#nav5-on a { width:70px; height: 18px;   display: block; margin-left: 7px; position:relative; background: url('../images/nav.gif') -341px -18px no-repeat; overflow:hidden; }

/* ------- Entry  ------- */

#entry #header_title {
	background: url('../images/header_contestentry.gif');
	width: 173px;
	height: 29px;
	position: relative;
	top: 80px;
	left: 310px;
}

#entry #content {
position:relative;
left: 145px;
color: #ffffff;
width: 575px;
}

#entry #content #left {
position:relative;
width: 210px;
float: left;

}

#entry #content #right {
position:relative;
width: 310px;
float: right;
left: 60px;

}

#entry #content #right a{
font-size: 10px;
}

#entry #content  p{
position:relative;
margin-top: 10px;
}

#entry #content #hline {
position:relative;
background: url('../images/hline.gif');
width: 1px;
height: 275px;
left: 65px;
float: left;
}

#entry  #btn_enter {
margin-top: 20px;
}



/* ------- Register / Tell a friend ------- */

#register #header_title {
	background: url('../images/header_register.gif');
	width: 378px;
	height: 52px;
	position: relative;
	top: 67px;
	left: 310px;
	overflow: hidden;
}

#register #header_title2 {
	background: url('../images/header_tof.gif');
	width: 337px;
	height: 26px;
	position: relative;
	top: 80px;
	left: 310px;
	overflow: hidden;
}

#register #header_title3 {
	background: url('../images/header_updateprofile.gif');
	width: 322px;
	height: 28px;
	position: relative;
	top: 80px;
	left: 310px;
	overflow: hidden;
}

#register #content {
position:relative;
left: 95px;
color: #ffffff;
width: 655px;
}

#register #content #left {
position:relative;
width: 210px;
float: left;
color: #000000;
font-size: 11px;
}

#register #content #left2 {
position:relative;
width: 430px;
float: left;
color: #000000;
font-size: 11px;
}

#register #content #mid {
position:relative;
width: 220px;
float: left;
left: 30px;
color: #000000;
font-size: 11px;
top: 24px;
}

#register #content #right {
position:relative;
width: 220px;
float: right;
left: 40px;
color: #000000;
font-size: 9px;
top: 41px;
}

#register #content #right2 {
position:relative;
width: 220px;
float: right;
left: 90px;
color: #000000;
font-size: 9px;
top: 11px;
}

#register .input {
margin-top: 1px;
position:relative;
border: 1px solid #cccccc;
width: 175px;
}

#register .select{
position:relative;
width: 180px;
font-size: 10px;
margin-right: 6px;
margin-top: 1px;
}

#register #captcha {
margin-bottom: 10px;
}

#register .checkbox {
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
position:relative;
margin-right: 3px;
float: left;
}
#register paraopt {
position:relative;
left: 20px;
}

#register .cbs {
display: block;
width: 180px;
font-size: 10px;
line-height: 14px;

}
#register  .btn {
position:relative;
margin-top: 20px;

}

#register .txt {
position:relative;
width: 450px;
font-weight: bold;

}

#register .txt2 {
position:relative;
width: 450px;
font-weight: bold;
margin-top: 5px;
}

#register .txt3 {
position:relative;
width: 400px;
font-weight: bold;
margin-top: 5px;
left: 220px;
/*margin-bottom: 200px;*/
}

/* ------- Sign-In  ------- */


#signin #header_title {
	background: url('../images/header_register_to_enter.gif');
	width: 213px;
	height: 28px;
	position: relative;
	top: 80px;
	left: 310px;
}

#signin #content {
position:relative;
left: 145px;
color: #ffffff;
width: 575px;
}

#signin #content #left {
position:relative;
width: 210px;
float: left;
font-size: 11px;
color: #000000;
}

#signin #content #right {
position:relative;
width: 310px;
float: right;
left: 60px;
font-size: 11px;
}

#signin #content #right a{
font-size: 10px;

}

#signin #content  p{
position:relative;


}
#signin #content #hline {
position:relative;
background: url('../images/hline.gif');
width: 1px;
height: 275px;
left: 65px;
float: left;
}

#signin  .btn {
margin-top: 20px;
}

#signin .checkbox {
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
position:relative;
margin-right: 3px;
float: left;
}

#signin .paraopt {
font-size: 9px;
position:relative;
}

#signin .input {
margin-top: 1px;
position:relative;
border: 1px solid #cccccc;
width: 175px;
}

#signin .paraopt {
font-size: 9px;
position:relative;
}

#signin .cbs {
display: block;
width: 180px;
font-size: 10px;
line-height: 14px;
margin-left: 0px;
position:relative;

}

.marg {
position:relative;
margin-bottom: 10px;
}

.red {
color: #ff0000;
}

.month {
position:relative;
width: 60px;
font-size: 10px;
margin-right: 6px;
}

.day{
position:relative;
width: 50px;
font-size: 10px;
margin-right: 5px;
}

.year{
position:relative;
width: 60px;
font-size: 10px;
margin-right: 5px;
}



/* -------  Update Profile ------- */

#update_profile #header_title {
	background: url('../images/header_updateprofile.gif');
	width: 322px;
	height: 28px;
	position: relative;
	top: 80px;
	left: 310px;
	overflow: hidden;
}

#update_profile #content {
position:relative;
left: 45px;
color: #ffffff;
width: 695px;
}

#update_profile #content #left {
position:relative;
width: 210px;
float: left;
color: #000000;
font-size: 11px;

}

#update_profile .select{
position:relative;
width: 180px;
font-size: 10px;
margin-right: 6px;
margin-top: 1px;
}

#update_profile #content #left2 {
position:relative;
width: 430px;
float: left;
color: #000000;
font-size: 11px;
}

#update_profile #content #mid {
position:relative;
width: 220px;
float: left;
left: 30px;
color: #000000;
font-size: 11px;
top: 24px;
}


#update_profile #content #right {
position:relative;
width: 220px;
float:right;
left: 45px;
color: #000000;
font-size: 9px;
top: 3px;
}

#update_profile .input {
margin-top: 1px;
position:relative;
border: 1px solid #cccccc;
width: 175px;
}

#update_profile .checkbox {
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
position:relative;
margin-right: 3px;
float: left;
}

#update_profile paraopt {
position:relative;
left: 20px;
}

#update_profile .cbs {
display: block;
width: 180px;
font-size: 10px;
line-height: 14px;
}

#update_profile  .btn {
position:relative;
margin-top: 20px;
}

#update_profile .txt {
position:relative;
width: 410px;
font-weight: bold;
}

#update_profile #content #hline {
position:relative;
background: url('../images/hline.gif');
width: 1px;
height: 275px;
left: 50px;
float: left;
}

/* -------  Thankyou  ------- */

#thankyou #header_title {
	background: url('../images/header_registrationcomplete.gif');
	width: 281px;
	height: 29px;
	position: relative;
	top: 82px;
	left: 310px;
	overflow: hidden;
}


#thankyou #content {
position:relative;
left: 308px;
color: #ffffff;
width: 420px;
/*top:  20px;*/
font-size: 11px;
}

#thankyou .bold {
font-weight: bold;
}


#thankyou .bold2 {
font-weight: bold;
position:relative;
margin-top: 20px;
}

#thankyou h2 {
position:relative;
margin-top: 20px;
line-height: 16px;
width: 300px;
}

#thankyou  .btn {
position:relative;
margin-top: 20px;

}


/* -------  Forgot Username / Password  ------- */



#forgot #header_title {
	background: url('../images/header_forgot.gif');
	width: 235px;
	height: 30px;
	position: relative;
	top: 82px;
	left: 310px;
	overflow: hidden;
}

#forgot #header_title2 {
	background: url('../images/header_forgotpassword.gif');
	width: 228px;
	height: 28px;
	position: relative;
	top: 82px;
	left: 310px;
	overflow: hidden;
}

#forgot #header_title3 {
	background: url('../images/header_register_to_enter.gif');
	width: 213px;
	height: 28px;
	position: relative;
	top: 80px;
	left: 310px;
}

#forgot  #content {
position:relative;
left: 308px;
color: #ffffff;
width: 420px;
/*top:  20px;*/
font-size: 11px;
}

#forgot .bold {
font-weight: bold;
}


#forgot .bold2 {
font-weight: bold;
position:relative;
margin-top: 20px;
}

#forgot  h2 {
position:relative;
margin-top: 20px;
line-height: 16px;
width: 300px;
}

#forgot  .btn {
position:relative;
margin-top: 20px;

}

#forgot  .marg {
position:relative;
margin-top: 10px;

}


/* -------  Contact US  ------- */


#contactus #header_title {
	background: url('../images/header_contactus.gif');
	width: 224px;
	height: 26px;
	position: relative;
	top: 82px;
	left: 310px;
	overflow: hidden;
}


#contactus #content {
position:relative;
left: 308px;
color: #ffffff;
width: 420px;
/*top:  -60px;*/
font-size: 11px;
}

#contactus .bold {
font-weight: bold;
}

#contactus #content #left {
position:relative;
color: #000000;
float: left;
width: 180px;
}

#contactus #content #right {
top: 24px;
color: #000000;
float: right;
position:relative;
}


#contactus .marg {
position:relative;
margin-top: 10px;

}


#contactus .input {
margin-top: 2px;
position:relative;
border: 1px solid #cccccc;
width: 175px;

}

#contactus .txtmsg{
border: 1px solid #cccccc;
overflow: hidden;
width: 200px;
height: 180px;
margin-top: 2px;
}



/* ------- Products  ------- */


#products #header_title {
	background: url('../images/header_winners.gif');
	width: 360px;
	height: 55px;
	position: relative;
	top: 70px;
	left: 300px;
}

#products #content {
position:relative;
/*left: 130px; left: 80px;*/
left:60px;
color: #ffffff;
width: 810px;
/*top: -20px; top: 20px;*/
}

#products #content #left {
position:relative;
width: 250px;
float: left;
/*font-size: 11px;*/
color: #000000;
top: 30px;
}

#products #content #left #mints{
position:relative;
top: 13px;
}

#products #content #left #icecubegum{
position:relative;
top: -1px;
}

#products #content #left #sours{
position:relative;
left: -2px;
top: -3px;
}

#products #content #right  #mints_txt{
position:relative;
top: 13px;
}

#products #content #right  #icecubegum_txt{
position:relative;
top: 65px;
}

#products #content #right  #sours_txt{
position:relative;
left: -2px;
top: 120px;
}


#products #content #right {
position:relative;
width: 550px;
float: right;
font-size: 10px;
left: -40px;
font-size: 11px;
}


#products #content #right a {

font-weight: bold;
text-decoration: none;
color: #ffffff;
}

#products #content #right a:hover {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}


#products #content #right ul {
margin-left: 0px;
padding-left: 5px;
position:relative;
}
#products #content #right li {
position:relative;
list-style: none;
line-height: 14px;
margin-left: 0px;
padding-left: 0px;
}

#products .marg {
position:relative;
margin-bottom: 20px;
}


#products .marg2 {

position:relative;
margin-bottom: 20px;

}


/* ------- Pizes  ------- */


#prizes #header_title {
	background: url('../images/header_prizes.gif');
	width: 471px;
	height: 31px;
	position: relative;
	top: 80px;
	left: 300px;
}

#prizes #content {
width: 764px;
height: 690px;
background: url('../images/prize_img.jpg') no-repeat;
position:relative;
left: 20px;
color: #ffffff;
/*top: 60px;*/
}

#prizes #content h2 {
position:relative;
line-height: 18px;
}

#prizes #content h4 {
position:relative;
color: #ffffff;
font-size: 14px;
margin-bottom: 10px;
}

#prizes #content ul {
margin: 0px;
padding: 0px;
position:relative;
margin-bottom: 10px;
}

#prizes #content li {
font-weight: bold;
position:relative;
padding-bottom: 0px;
line-height: 16px;

}

#prizes #content .blue {

color: #10588e;
}

#prizes #content #txt {
position:relative;
margin-left: 35px;
}


/* ------- Rules ------- */

#rules #content {
width:400px; /*width: 700px;*/

position:relative;
left: 0px;
color: #ffffff;

top: 150px;
}