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

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	height: 100%;
}
html {
    overflow: -moz-scrollbars-vertical; 
	height:100%;
}
input:focus, select:focus, textarea:focus {
	border: 1px solid #004b8d;
	color: #004b8d;
	font-size: 12px;
	background-color: #D3E2FF;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #cccccc;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #cccccc;

}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #cccccc;

}

div#background{
	background-image: url(images/BGstripes.gif);
	background-repeat: repeat-y;
	background-position: center top;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
div#container{
	text-align:center;
	width:1000px;
	height:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	padding: 0px;
	border: 1px solid #e31937;
}
div#nav{
	text-align:left;
	width:100%;
	height:94px;
	background-image: url(images/navBG.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.navTop{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699ff;
}
.navTop a:link{
	color: #6699ff;
}
.navTop a:hover{
	color: #FFFFFF;
}
.navTop a:visited{
	color: #6699ff;
}
.navTop a:active{
	color: #6699ff;
}
.createatinTXT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

div#mainimg{
	width:1000px;
	height:313px;
	background-image: url(images/home-mainimg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#mainimgTXT{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;

}
div#mainimgTXT a:link{
	color: #6699ff;
}
div#mainimgTXT a:hover{
	color: #FFFFFF;
}
div#mainimgTXT a:visited{
	color: #FFFFFF;
}
div#mainimgTXT a:active{
	color: #FFFFFF;
}
div#headerflavors{
	text-align:left;
	width:1000px;
	height:158px;
	background-image: url(images/header-flavors.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
div#footer{
	text-align:left;
	width:980px;
	background-image: url(images/footerBG.jpg);
	background-repeat: repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 10px;
	background-attachment: fixed;
}
div#elephantBG{
	text-align:left;
	width:998px;
	background-image: url(images/bg-mellos-elephant2.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-position: center top;
}


div#steps{
	text-align:left;
	width:998px;
	background-image: url(images/bg-mellos-elephant2.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-position: center top;
}

div#footer a:link{
	color: #FFFFFF;
}
div#footer a:hover{
	color: #6699ff;
}
div#footer a:visited{
	color: #FFFFFF;
}
div#footer a:active{
	color: #FFFFFF;
}
.borderDottedRight{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.borderDottedBottom{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
div#prodCatNav{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004b8d;
}
div#prodCatNav a:link{
	color: #004b8d;
}
div#prodCatNav a:hover{
	color: #e31937;
}
div#prodCatNav a:visited{
	color: #004b8d;
}
div#prodCatNav a:active{
	color: #004b8d;
}
div#prodCatTableCell{
	text-align:center;
	background-image: url(images/BG-ProdCatTableCell.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004b8d;
	padding:10px;
	font-weight: bold;
}
div#prodCatTableCell a:link{
	color: #004b8d;
}
div#prodCatTableCell a:hover{
	color: #e31937;
}
div#prodCatTableCell a:visited{
	color: #004b8d;
}
div#prodCatTableCell a:active{
	color: #004b8d;
}

div#miniPods{
	background-color: #FFFFFF;
}

div#miniPod1{
	text-align:center;
	background-image: url(images/miniPod1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 195px;
	width: 204px;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
div#miniPod2{
	text-align:left;
	background-image: url(images/miniPod2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 195px;
	width: 204px;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
div#miniPod3{
	text-align:left;
	background-image: url(images/miniPod3.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 195px;
	width: 204px;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.miniPodTxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004b8d;
	font-weight: bold;
}
.miniPodTxt a:link{
	color: #004b8d;
}
.miniPodTxt a:hover{
	color: #e31937;
}
.miniPodTxt a:visited{
	color: #004b8d;
}
.miniPodTxt a:active{
	color: #004b8d;
}
.textBlue{
	color: #004b8d;
}
.textRed{
	color: #e31937;
}
.stepHeadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 38px;
	color: #004b8d;
	font-weight: bold;
	line-height: 38px;
	display: block;
	padding-bottom: 10px;
}
.stepSubHeadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #e31937;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}
.stepText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.stepTextHelp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	display: block;
	font-style: italic;
	font-weight: bold;
}
.stepTextField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	display: block;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.stepTextPrice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #004b8d;
}
/* nav styles */
#popcorn .popcorn a
{
	display:block;
	width: 84px;
	height: 52px;
	background: url("images/nav-popcorn-over.jpg") 0 0 no-repeat; /* nav down */
}
.popcorn a { 
	display:block;
	width: 84px;
	height: 52px;
	background: url("images/nav-popcorn.jpg") 0 0 no-repeat; /* nav */
}
.popcorn a:hover { 
	background: url("images/nav-popcorn-over.jpg") 0 0 no-repeat; /* nav over */
}
#peanuts .peanuts a
{
	display:block;
	width: 85px;
	height: 52px;
	background: url("images/nav-peanuts-over.jpg") 0 0 no-repeat; /* nav down */
}
.peanuts a { 
	display:block;
	width: 85px;
	height: 52px;
	background: url("images/nav-peanuts.jpg") 0 0 no-repeat; /* nav */
}
.peanuts a:hover { 
	background: url("images/nav-peanuts-over.jpg") 0 0 no-repeat; /* nav over */
}
#candy .candy a
{
	display:block;
	width: 71px;
	height: 52px;
	background: url("images/nav-candy-over.jpg") 0 0 no-repeat; /* nav down */
}
.candy a { 
	display:block;
	width: 71px;
	height: 52px;
	background: url("images/nav-candy.jpg") 0 0 no-repeat; /* nav */
}
.candy a:hover { 
	background: url("images/nav-candy-over.jpg") 0 0 no-repeat; /* nav over */
}
#createapopcorntin .createapopcorntin a
{
	display:block;
	width: 115px;
	height: 52px;
	background: url("images/nav-createapopcorntin-over.jpg") 0 0 no-repeat; /* nav down */
}
.createapopcorntin a { 
	display:block;
	width: 115px;
	height: 52px;
	background: url("images/nav-createapopcorntin.jpg") 0 0 no-repeat; /* nav */
}
.createapopcorntin a:hover { 
	background: url("images/nav-createapopcorntin-over.jpg") 0 0 no-repeat; /* nav over */
}
#tindesigns .tindesigns a
{
	display:block;
	width: 116px;
	height: 52px;
	background: url("images/nav-tindesigns-over.jpg") 0 0 no-repeat; /* nav down */
}
.tindesigns a { 
	display:block;
	width: 116px;
	height: 52px;
	background: url("images/nav-tindesigns.jpg") 0 0 no-repeat; /* nav */
}
.tindesigns a:hover { 
	background: url("images/nav-tindesigns-over.jpg") 0 0 no-repeat; /* nav over */
}
#popcorntinflavors .popcorntinflavors a
{
	display:block;
	width: 77px;
	height: 52px;
	background: url("images/nav-popcorntinflavors-over.jpg") 0 0 no-repeat; /* nav down */
}
.popcorntinflavors a { 
	display:block;
	width: 77px;
	height: 52px;
	background: url("images/nav-popcorntinflavors.jpg") 0 0 no-repeat; /* nav */
}
.popcorntinflavors a:hover { 
	background: url("images/nav-popcorntinflavors-over.jpg") 0 0 no-repeat; /* nav over */
}
/*
#corporategifts .corporategifts a
{
	display:block;
	width: 160px;
	height: 52px;
	background: url("images/nav-corporategifts-over.jpg") 0 0 no-repeat; 
}
.corporategifts a { 
	display:block;
	width: 160px;
	height: 52px;
	background: url("images/nav-corporategifts.jpg") 0 0 no-repeat; 
}
.corporategifts a:hover { 
	background: url("images/nav-corporategifts-over.jpg") 0 0 no-repeat; 
}*/

#sportstins .sportstins a
{
	display:block;
	width: 111px;
	height: 52px;
	background: url("images/nav-sportstins-over.jpg") 0 0 no-repeat; /* nav down */
}
.sportstins a { 
	display:block;
	width: 111px;
	height: 52px;
	background: url("images/nav-sportstins.jpg") 0 0 no-repeat; /* nav */
}
.sportstins a:hover { 
	background: url("images/nav-sportstins-over.jpg") 0 0 no-repeat; /* nav over */
}
#supplies .supplies a
{
	display:block;
	width: 105px;
	height: 52px;
	background: url("images/nav-supplies-over.jpg") 0 0 no-repeat; /* nav down */
}
.supplies a { 
	display:block;
	width: 105px;
	height: 52px;
	background: url("images/nav-supplies.jpg") 0 0 no-repeat; /* nav */
}
.supplies a:hover { 
	background: url("images/nav-supplies-over.jpg") 0 0 no-repeat; /* nav over */
}













#step1 .step1 a
{
	display:block;
	width: 234px;
	height: 35px;
	background: url("images/navStep1-down.jpg") 0 0 no-repeat; /* nav down */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
.step1 a {
	display:block;
	width: 234px;
	height: 35px;
	background: url("images/navStep1.jpg") 0 0 no-repeat; /* nav */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
.step1 a:hover {
	background: url("images/navStep1-over.jpg") 0 0 no-repeat; /* nav over */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff0000;
	text-decoration: none;
}
#step2 .step2 a
{
	display:block;
	width: 234px;
	height: 35px;
	background: url("images/navStep2-down.jpg") 0 0 no-repeat; /* nav down */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
.step2 a {
	display:block;
	width: 234px;
	height: 35px;
	background: url("images/navStep2.jpg") 0 0 no-repeat; /* nav */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
.step2 a:hover {
	background: url("images/navStep2-over.jpg") 0 0 no-repeat; /* nav over */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff0000;
	text-decoration: none;
}
#step3 .step3 a
{
	display:block;
	width: 234px;
	height: 35px;
	background: url("images/navStep3-down.jpg") 0 0 no-repeat; /* nav down */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
.step3 a {
	display:block;
	width: 234px;
	height: 35px;
	background: url("images/navStep3.jpg") 0 0 no-repeat; /* nav */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
.step3 a:hover {
	background: url("images/navStep3-over.jpg") 0 0 no-repeat; /* nav over */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff0000;
	text-decoration: none;
}
#step4 .step4 a
{
	display:block;
	width: 235px;
	height: 35px;
	background: url("images/navStep4-down.jpg") 0 0 no-repeat; /* nav down */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
.step4 a {
	display:block;
	width: 235px;
	height: 35px;
	background: url("images/navStep4.jpg") 0 0 no-repeat; /* nav */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
.step4 a:hover {
	background: url("images/navStep4-over.jpg") 0 0 no-repeat; /* nav over */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff0000;
	text-decoration: none;
}
.interiorHeadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 38px;
	color: #004b8d;
	font-weight: bold;
	line-height: 38px;
	display: block;
	padding-bottom: 10px;
}
li {
	list-style-image: url(images/bullet.gif);
}
.interiorSubHeadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #e31937;
	font-weight: bold;
}
.textGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.textGrey a:link{
	color: #333333;
}
.textGrey a:hover{
	color: #6699ff;
}
.textGrey a:visited{
	color: #333333;
}
.textGrey a:active{
	color: #333333;
}