@charset "utf-8";
/* CSS Document */

body{
	width:1000px;
	background-color:#FFF;
	margin:0 auto;
	padding:0;
}

.header{
	background-color:#DF247F;
	width:1000px;
	height:100px;
	position:relative;
	z-index:1010;
	border-bottom: 4px solid #FFF;
}

.wrapper{
	width:1000px;
	min-height:349px;
	position:relative;
	z-index:900;
	border-bottom: 4px solid #DF247F;
}

.flash{
	width:1000px;
	height:221px;
	position:relative;
	bottom:75px;
	z-index:900;
}

.logo{
	background-image:url(../images/assets/logo.png);
	width:207px;
	height:207px;
	position:absolute;
	top:20px;
	left:35px;
	z-index:2000px;
	text-indent:-9999px;
}

.contentWrapper{
	background-image:url(../images/assets/bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	min-height:320px;
	width:1030px;
	padding:0px;
	margin:0px;
}

.box{
	float:left;
	width:463px;
	height:260px;
	padding:0px;
	margin:0px;
	
}

.zDex{
	position:absolute;
	z-index:1200px;
}
.fudge{
	background-image:url(../images/assets/fudge-box.png);
	background-repeat:no-repeat;
	margin:30px 13px 10px 30px;
	display:block;
	width:463px;
	height:260px;
	position:relative;
	z-index:1100px;
}

.fudge:hover{
	background-position:0px -257px;
}

.taffy{
	background-image:url(../images/assets/taffy-box.png);
	background-repeat:no-repeat;
	margin:30px 13px 10px 9px;
	display:block;
	width:463px;
	height:260px;
	position:relative;
	z-index:1100px;
}

.taffy:hover{
	background-position:0px -257px;
}

.boxContent{
	margin: 109px 10px 10px 10px;
	width:225px;
	float:left;
	color:#1A92CC;
	background-color:#FFF;
}

.boxContent2{
	float:left;
	padding-right:7px;
	color:#1A92CC;
	position:relative;
	z-index:2000;
	min-height:250px;
}

.first{
	margin: 0px 0px 10px 10px;
	width:228px;
	border-right:2px solid #DF247F;
}

.gummyRoll{
	background-image:url(../images/assets/gummy.jpg);
	width:213px;
	height:63px;
	display:block;
	text-indent:-9999px;
}

.gummyRoll:hover{
	background-position:0px -63px;
}

.second{
	margin: 0px 0px 10px 10px;
	width:237px;
	border-right:2px solid #DF247F;
}

.chocolateRoll{
	background-image:url(../images/assets/chocolate.jpg);
	width:231px;
	height:63px;
	display:block;
	text-indent:-9999px;
}

.chocolateRoll:hover{
	background-position:0px -63px;
}

.third{
	margin: 0px 0px 10px 12px;
	width:229px;
	border-right:2px solid #DF247F;
}

.giftRoll{
	background-image:url(../images/assets/gift.jpg);
	width:176px;
	height:63px;
	display:block;
	text-indent:-9999px;
}

.giftRoll:hover{
	background-position:0px -63px;
}

.fourth{
	margin: 0px 0px 10px 10px;
	width:230px;
}

.toyRoll{
	background-image:url(../images/assets/toys.jpg);
	width:176px;
	height:63px;
	display:block;
	text-indent:-9999px;
}

.toyRoll:hover{
	background-position:0px -63px;
}

.boxContent img{
	height:110px;
	float:none;
	padding:0px;
	margin: 10px 10px 20px 10px;
}

.lowerBox{
	background-image:url(../images/assets/lower-boxes.jpg);
	background-repeat:no-repeat;
	width:1010px;
	min-height:270px;
	background-color:#FFF;
	padding:40px 0px 0px;
	margin:0px;
	position:relative;
	z-index:1990;
}

.footer{
	min-height:120px;
	margin-top:20px;
	padding-left:70px;
	padding-top:5px;
	width:950px;
	background-color:#DF247F;
	position:relative;
}

.footer img{
	margin:0px;
	padding:0px;
}
.footer ul li{
	float:left;
	margin:0px;
	padding:0px 20px;
	list-style-type:none;
	border-left:thin #FFF solid;
}

.footer ul li.leadin{
	border:hidden;
}

.footer a{
	text-decoration:none;
	color:#FFF;
}


/*/        NAVIGATION       /*/

.nav{
	width:600px;
	height:38px;
	position:absolute;
	top:60px;
	right:0px;
	display:block;
}

.nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.nav ul a{
	display:block;
	height:38px;
	overflow: hidden;
	outline: 0;
}

.nav ul li{
	float:left;
	display:block;
	position:relative;
	text-indent:-9999px;
}
.nav ul li, .nav ul li a{
	background: url(../images/assets/nav.jpg) no-repeat left top;
}

.nav ul li.nav1 a{width:130px; background-position: left 0px;}
.nav ul li.nav2 a{width:128px; background-position: -130px 0px;}
.nav ul li.nav3 a{width:108px; background-position: -258px 0px;}
.nav ul li.nav4 a{width:93px; background-position: -366px 0px;}
.nav ul li.nav5 a{width:141px; background-position: -459px 0px;}

.nav ul li.nav1 a:hover{width:130px; background-position: left -38px;}
.nav ul li.nav2 a:hover{width:128px; background-position: -130px -38px;}
.nav ul li.nav3 a:hover{width:108px; background-position: -258px -38px;}
.nav ul li.nav4 a:hover{width:93px; background-position: -366px -38px;}
.nav ul li.nav5 a:hover{width:141px; background-position: -459px -38px;}


/*/    END    NAVIGATION       /*/