/* color picker */
.COLORPICK{
color:#F7F7F7
}

div.containerBody
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 650px;
	background-color: #FFFFFF;
}

body {
	background-color: #FFFFFF;
	margin-left: 00px;
	margin-top: 00px;
	margin-right: 00px;
	margin-bottom: 00px;
    font-family: Arial, Helvetica, sans-serif;
	}

   /* nav */

div.menuContainer
{
margin-top: 124px;
margin-left: 140px;
position: absolute;
z-index: 1000;
}


      /* banner */
	  
div.bnrT1
{
	position:absolute;
	margin-top: 0px;
	margin-left:0px;
}

div.bnrT2
{
    position:absolute;
    margin-top: 0px;
    margin-left: 266px;
}

div.bnrT3
{
    position:absolute;
    margin-top: 0px;
    margin-left: 532px;
}

div.bnrM1
{
	position:absolute;
	margin-top: 200px;
	margin-left:0px;
}

div.bnrM2
{
    position:absolute;
    margin-top: 200px;
    margin-left: 266px;
}

div.bnrM3
{
    position:absolute;
    margin-top: 200px;
    margin-left: 532px;
}

div.bnrB1
{
	position:absolute;
	margin-top: 400px;
	margin-left:0px;
}

div.bnrB2
{
    position:absolute;
    margin-top: 400px;
    margin-left: 266px;
}

div.bnrB3
{
    position:absolute;
    margin-top: 400px;
    margin-left: 532px;
}

div.bannerTailGen
{
    position:absolute;
    margin-top: 121px;
    margin-left: -289px;
}

/*div.bannerTailIndex
{
    position:absolute;
    margin-top: -49px;
    margin-left: -289px;
} */

   /* text */

div.text
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
	letter-spacing: .06px;
}

a:link {
	color: #006600;
   text-decoration: none;
}
a:hover {
	color:#00CC66;
}

a:visited {
	color:#006600;
}
a:active {
	text-decoration: none;
}



div.phoneText
{
	font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    color:#0066CC;	
}

div.footer
{
	font-family:Arial, Helvetica, sans-serif;
    font-size: 09px;
    color:#333333;
	padding: 0px;
    margin: 0;	
}

.phoneGen
{
	margin-top: 533px;
	margin-left: 712px;
	position: absolute;
	text-align: left;	
}

.emailGen
{
	position: absolute;
	text-align: left;
	margin-top: 550px;
	margin-left: 620px;
}

.footerGen
{
	margin-top: 630px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
    width: 800px;
}

div.flagGen
{
   position:absolute;
   margin-top: 590px;
   margin-left:46px;
}


/* ==== WATER ICE ==== */

div.containerBodyWaterice
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 840px;
	background-color: #FFFFFF;
}

div.textWi2
{
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
    line-height: 14px;
	letter-spacing: .06px;
}

.icesPar1
{
    display:block;
	font-size: 15px;
    width: 750px;
	position: absolute;
	text-align: justify;
	margin-top: 260px;
	margin-left: 46px;
	color:#FF0000;
	z-index: 10;
}

.icesPar1Ext
{
	letter-spacing: -.06px;	
}

.freeCan
{
    display:block;
    width: 330px;
	position: absolute;
	text-align: left;
	margin-top: 575px;
	margin-left: 46px;
}

.sugarFree
{
    display:block;
    width: 425px;
	position: absolute;
	text-align: left;
	margin-top: 592px;
	margin-left: 46px;
}


.samples
{
    display:block;
    width: 750px;
	position: absolute;
	text-align: left;
	margin-top: 625px;
	margin-left: 46px;
}

  /*list format*/

ol.ices{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px; 
	line-height: 16px; 
    margin-left: 00px;
	padding: 20px;
	list-style: none;
	color:#003300;  
}

li {

	padding: 0;
}

  /* flavor list */
  
div.iceList
{
	position: absolute;
	text-align: left;
	margin-top: 300px;
	left: 2px;
}

.iceCol1 {margin-left: 25px;
}
 
.iceCol2 {margin-left: 150px;
}
 
.iceCol3 {margin-left: 274px;
}

.iceCol4 {margin-left: 383px;
}

 
.iceColtopper2 {margin-top: -192px;
}

.iceColtopper3 {margin-top: -192px;
}

.iceColtopper4 {margin-top: -192px;
}

/* -75 from bottom container */
div.flagWaterice
{
   position:absolute;
   margin-top: 745px;
   margin-left:46px;
}

.footerWaterice
{
	margin-top: 810px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
	width: 800px;
}


/* == ice cream == */

div.containerBodyIceCream
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 680px;
	background-color: #FFFFFF;
}

.iceCream1
{
    display:block;
	font-size: 15px;
    width: 390px;
	position: absolute;
	text-align: justify;
	margin-top: 260px;
	margin-left: 46px;
	color:#FF0000;
}

.iceCream2
{
    display:block;
	font-size: 12px;
    width: 185px;
	position: absolute;
	text-align: justify;
	margin-top: 405px;
	margin-left: 46px;
	color:#FF0000;
}

  /*list format*/
  
div.iceCreamList
{
	position: absolute;
	text-align: left;
	margin-top: 237px;
}  

ol.iceCream {
    margin-left: 40px;
	padding: 20px; 
	list-style: none;
	color:#003300;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px; 
	line-height: 19px;   
}

li {

	padding: 0;
}

  /* flavor list */
 
.iceCreamCol1 {
  margin-left: 80px;
}
 
.iceCreamCol2 {
   margin-left: 222px;
}

.iceCreamColtopper {
   margin-top: -94px;
}

div.flagIceCream
{
   position:absolute;
   margin-top: 615px;
   margin-left:46px;
}

.footerIceCream
{
	margin-top: 670px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
    width: 800px;
}

/* == shipping == */

div.containerBodyShip
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 815px;
	background-color: #FFFFFF;
}

.shipPar1
{
    display:block;
	font-size: 15px;
    width: 750px;
	position: absolute;
	text-align: justify;
	margin-top: 260px;
	margin-left: 46px;
	color:#FF0000;
}

div.shipHeadline
{
    display:block;
	font-size: 18px;
    width: 750px;
	position: absolute;
	text-align:center;
	margin-top: 260px;
	margin-left: 46px;
	color:#0066FF;
}

div.pal1
{
	position:absolute;
	margin-top: 375px;
	margin-left:45px;
}

div.pal3
{
	position:absolute;
	margin-top: 375px;
	margin-left:230px;
}

div.NT
{
	position:absolute;
	margin-top: 375px;
	margin-left:580px;
}

div.truck
{
	position:absolute;
	margin-top: 555px;
	margin-left:125px;
}

div.M
{
	position:absolute;
	margin-top: 555px;
	margin-left:500px;
}


.phoneShip
{
	margin-top: 575px;
	margin-left: 712px;
	position: absolute;
	text-align: left;	
}

.emailShip
{
	position: absolute;
	text-align: left;
	margin-top: 592px;
	margin-left: 620px;
}

div.flagShip
{
   position:absolute;
   margin-top: 740px;
   margin-left:46px;
}

.footerShip
{
	margin-top: 805px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
    width: 800px;
}


/* == contact == */

div.containerBodyContact
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 680px;
	background-color: #FFFFFF;
}


/* form */

input {
	display: block;
	float: left;
	margin-bottom: 10px;
	background-color:#F0F0E0;
	font-size: 12px;
	color:#006300;
	border-top-color:#FF0000;
    border-left-color:#FF0000;
    border-right-color:#FF0000;
    border-bottom-color:#FF0000;	
}

label {
    display: block;
	float: left;
	text-align: right;
	width:70px;
	margin-bottom: 10px;
	padding-right: 5px;
	font-size: 12px;
	color:#FF0000;	
}

.buttons {
	display: block;
	float: left;
	margin-right: 15px;
	background-color:#FF0000;
	font-size: 12px;
	color:#FFFFFF;
	border-top-color:#00FF66;
    border-left-color:#00FF66;
    border-right-color:#00FF66;
    border-bottom-color:#33FF00;	
}

br {
	clear: left;
}
   /* end form */
   
 div.formContainer
{
	margin-top: 495px;
	margin-left: 392px;
	position: absolute;
	font-size: 12px;
}   
   
div.mapContact
{
   position:absolute;
   margin-top: 260px;
   margin-left:455px;
}   
   
.mapquestText
{
    font-size: 12px;
	position: absolute;
	text-align: left;
	margin-top: 465px;
	margin-left: 457px;
	color:#003300;
}   

div.mapquest
{
   position:absolute;
   margin-top: 590px;
   margin-left: 550px;
} 

.addressContact
{
	position: absolute;
	text-align: left;
	margin-top: 260px;
	margin-left: 46px;
	font-size:15px;
	line-height:20px;
	color:#003300;	
}

.hoursContact
{
	position: absolute;
	text-align: left;
	margin-top: 332px;
	margin-left: 46px;
    font-size:15px;
	line-height:20px;
	color:#003300;	
}

.phoneContact
{
	position: absolute;
	text-align: left;
	margin-top: 387px;
	margin-left: 46px;
	font-size:15px;
	font-weight: bold;
	line-height:20px;		
}

.thanksContact
{
    font-size: 16px;
	position: absolute;
	text-align: left;
	margin-top: 460px;
	margin-left: 46px;
	line-height:20px;
    color:#003300;		
}

.emailContact
{
	position: absolute;
	text-align: left;
	margin-top: 430px;
	margin-left: 46px;
}

div.flagContact
{
   position:absolute;
   margin-top: 615px;
   margin-left:46px;
}

.footerContact
{
	margin-top: 670px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
    width: 800px;
}


/* == catering == */

div.containerBodyCatering
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 680px;
	background-color: #FFFFFF;
}

.caterText1
{
    display:block;
	font-size: 15px;
    width: 750px;
	position: absolute;
	text-align: justify;
	margin-top: 260px;
	margin-left: 46px;
	color:#FF0000;	
}

.caterText2
{
    display:block;
	font-size: 12px;
    width: 220px;
	position: absolute;
	text-align: justify;
	margin-top: 298px;
	margin-left: 46px;
	color:#FF0000;	
}

div.cater1
{
   position:absolute;
   margin-top: 335px;
   margin-left:532px;
}

div.cater2
{
   position:absolute;
   margin-top: 410px;
   margin-left: 46px;
}

div.flagCatering
{
   position:absolute;
   margin-top: 615px;
   margin-left:46px;
}

.footerCatering
{
	margin-top: 670px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
    width: 800px;
}


/* == pre mix == */

div.containerBodyPreMix
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 680px;
	background-color: #FFFFFF;
}

.preText
{
    display:block;
	font-size: 15px;
    width: 750px;
	position: absolute;
	text-align: justify;
	margin-top: 260px;
	margin-left: 46px;
	color:#FF0000;
}

div.preCans
{
   position:absolute;
   margin-top: 410px;
   margin-left:270px;
}

div.preFill
{
   position:absolute;
   margin-top: 360px;
   margin-left:46px;
}

div.flagPreMix
{
   position:absolute;
   margin-top: 615px;
   margin-left:46px;
}

.footerPreMix
{
	margin-top: 670px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
    width: 800px;
}



/* == supplies ==*/
div.containerBodySup
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 680px;
	background-color: #FFFFFF;
}

div.supHeadline
{
    display:block;
	font-size: 15px;
    width: 410px;
	position: absolute;
	text-align: justify;
	margin-top: 260px;
	margin-left: 46px;
	color:#FF0000;
}
  
  /* supplies list */
  
div.supplyList{

	position: absolute;
	text-align: left;
	margin-top: 235px;
    margin-left: 175px;	
}  
    
ol.sup {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px; 
	line-height: 18px; 
	padding: 20px;
	list-style: none;
	color:#003300;  
}

li {
	padding: 0; 
}



.supplyCol1 {margin-left: 80px;
}

.phoneSup
{
	margin-top: 575px;
	margin-left: 712px;
	position: absolute;
	text-align: left;	
}

.emailSup
{
	position: absolute;
	text-align: left;
	margin-top: 592px;
	margin-left: 620px;
}


div.flagSup
{
   position:absolute;
   margin-top: 615px;
   margin-left:46px;
}

.footerSup
{
	margin-top: 670px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
    width: 800px;
}



/* == biz == */

div.containerBodyBiz
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 1280px;
	background-color: #FFFFFF;
}

.bizPar1
{
    display:block;
	font-size: 15px;
    width: 750px;
	position: absolute;
	text-align: justify;
	line-height: 17px;
	margin-top: 260px;
	margin-left: 46px;
	color:#FF0000;
}

div.bizHeadline
{
    display:block;
	font-size: 18px;
    width: 155px;
	position: absolute;
	text-align: justify;
	margin-top: 495px;
	margin-left: 46px;
	color:#0066FF;
}


  /* biz list */
   
div.bizList
{
	position: absolute;
	text-align: left;
	margin-top: 489px;
    margin-left: 00px;	
}  

.bizCol1 {
    margin-left: 25px;
} 


div.cartHeadline
{
	display:block;
	font-size: 18px;
	width: 195px;
	position: absolute;
	text-align: justify;
	margin-top: 680px;
	margin-left: 515px;
	color:#0066FF;
}


div.cartList{

	position: absolute;
	text-align: left;
	margin-top: 675px;
    margin-left: 465px;	
}

.cartCol1 {margin-left: 25px;
}


ol.bothLists{
    list-style-type:disc;
	padding: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px; 
	color:#006600;  
	line-height: 17px; 
}

li {
   padding: 0;
}




.bizContact
{
	position: absolute;
	text-align: left;
	margin-top: 733px;
	margin-left:46px;
	color:#FF0000;	
}


div.pallet
{
	position:absolute;
	margin-top: 500px;
	margin-left:380px;
}


div.cart
{
	position:absolute;
	margin-top: 720px;
	margin-left: 210px;
}

div.truckBo
{
	position:absolute;
	margin-top: 975px;
	margin-left:500px;
}

div.windowLine
{
	position:absolute;
	margin-top: 975px;
	margin-left:30px;
}


.phoneBiz
{
	margin-top: 525px;
	margin-left: 689px;
	position: absolute;
	text-align: left;	
}

.emailBiz
{
	position: absolute;
	text-align: left;
	margin-top: 542px;
	margin-left: 596px;
}


div.flagBiz
{
   position:absolute;
   margin-top: 1220px;
   margin-left:46px;
}

.footerBiz
{
	margin-top: 1270px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
    width: 800px;
}

/* == about == */

div.containerBodyAbout
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 680px;
	background-color: #FFFFFF;
}

.aboutText
{
   position:absolute;
   margin-top: 252px;
   margin-left:38px;
}

div.aboutSlides
{
   position:absolute;
   margin-top: 253px;
   margin-left:560px;
}



div.flagAbout
{
   position:absolute;
   margin-top: 615px;
   margin-left:46px;
}

.footerAbout
{
	margin-top: 670px;
	margin-left: 00px;
	position: absolute;
	text-align: center;
    width: 800px;
}



/* == pushcart ==*/
div.containerBodyCart
{ 
    position:absolute;
    margin-top: 00px;
	margin-left: -400px;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 800px;
	height: 680px;
	background-color: #FFFFFF;
}
  


.phoneCart
{
	margin-top: 575px;
	margin-left: 712px;
	position: absolute;
	text-align: left;	
}

.emailSup
{
	position: absolute;
	text-align: left;
	margin-top: 592px;
	margin-left: 620px;
}


div.flagCart
{
   position:absolute;
   margin-top: 615px;
   margin-left:46px;
}
