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

img {border:none}

.container { margin:0 auto; width:1000px; height:1150px;; margin-top:-8px;}
.menu			    { float:left; width:1000px; height:191px;}
.bodybackground 	{ float:left; width:1000px; height:959px; background:url(../images/body.gif);}
.bodybackground2 	{ float:left; width:1000px; height:959px; background:url(../images/body2.gif);}
.logo				{ position:absolute; width:179px; height:175px; margin-left:20px; background:url(../images/logo.png);}

/*subcontainers*/
.bodyleft			{ float:left; width:388px; height:815px;}
.bodyright			{ float:left; width:608px; height:815px;}
.footercontainer	{ float:left; width:1000px; height:159px;}

/*main elements*/
.imagehighlight		{ float:left; width:388px; height:389px; margin-left:0px; background:url(../images/imageh_1.png);}
.imagehighlightmika	{ float:left; width:388px; height:389px; margin-left:0px; background:url(../images/imageh_2.png);}
.imagehighlightmilk	{ float:left; width:388px; height:389px; margin-left:0px; background:url(../images/imageh_3.png);}
.imagehighlightfun	{ float:left; width:388px; height:389px; margin-left:0px; background:url(../images/imageh_4.png);}
.imagehighlightflv	{ float:left; width:388px; height:389px; margin-left:0px; background:url(../images/flavor_bg.png);}
.form				{ float:left; width:388px; height:350px; margin-top:20px;} /*margin-top:20*/
.bodytext			{ float:left; width:540px; height:815px; margin-left:30px;  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify;}

/*makers*/
.makersmenurow		{ float:left; width:540px; height:50px;}
.makersmenu			{ float:left; width:120px; height:50px; text-align:center; color:#bd1a20; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#makerscontent		{ float:left; width:540px; height:500px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify; margin-top:20px; }


/*footer*/
.footer				{ margin:0 auto; width:500px; height:140px; }
.footerlogo			{ margin:0 auto; width:86px; height:84px;  background:url(../images/footerlogo.png);}
.footerlogoblank			{ margin:0 auto; width:86px; height:84px;}
.footertext			{ margin:0 auto; width:300px; height:40px; color:#FFF; font:11px Arial, Helvetica, sans-serif; text-align:center;}

/*forms*/
.formtitle			{ float:left; width:286px; height:46px; margin-left:60px; margin-bottom:10px;}
.formtext			{ float:left; width:88px; height:22px;}
.forminput			{ width:205px; border:1px solid #df6900; background:#ffc000; color:#df6900; font-weight:bold; }
.formsubmit			{ background:url(../images/button_talktous.png); width:89px; height:90px; float:right; border:0px;}
.label			{float:left; width:120px; height:20px; margin-left:50px; font:12px Arial, Helvetica, sans-serif;}
.textfield		{float:left; width:210px; height:30px; font:12px Arial, Helvetica, sans-serif; }

/*index*/
.title				{ float:left; width:540px; height:73px; margin-bottom:5px;}
.indeximage			{ float:left; width:540px; height:564px;}
.indextext			{ float:left; width:400px; height:34px; margin-left:60px; }
.indexbuttonrow		{ float:left; width:495px; height:103px; padding-left:25px; }
.indexbuttons		{ float:left; width:106px; height:103px; margin-left:10px;}

/*our ice cream*/
.ouricecreamimage	{ float:left; height:643px; width:699px; margin-left:-115px; margin-top:-170px;}

/*flavors*/
.flavorsrows		{ float:left; width:540px; height:73px;}
.takeyourpic		{ float:left; width:80px; height:32px; margin-top:20px;}
.flavorbutton		{ float:left; width:76px; height:73px; }

.icecreamrows		{ float:left; width:570px; height:110px; margin-bottom:10px; }
.icecreamitem		{ float:left; width:81px; height:110px;}
.icecreampic		{ float:left; width:70px; height:70px; margin-left:2px; }
.icecreamtext		{ float:left; width:75px; height:40px; color:#FFF; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;}
#icecreambody		{ float:left; width:570px; height:660px; margin-top:10px;}

/*find us */
.whereareyoufrom	{ float:left; width:201px; height:27px; margin-left:170px;}
.locationrows1		{ float:left; width:400px; height:121px; padding-left:140px;}
.locationitems1		{ float:left; width:129px; height:121px;}
.locationrows2		{ float:left; width:400px; height:86px; padding-left:140px; }
.locationitems2		{ float:left; width:82px; height:86px;}
.locationdropdown	{ float:left; width:400px; height:20px; margin-bottom:20px; margin-top:10px; padding-left:140px;}

.locationresults	{ float:left; width:540px; height:400px; }
#locationresults2	{ float:left;}
.locationresultitems { float:left; width:250px; color:#000; margin-bottom:10px; margin-right: 10px;}
.locationheadings	{float:left; width:250px; height:20px; color:#bd1a20; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.locationheadingresults { float:left; width:250px;  font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.locationheadingresults2 { float:left; width:350px;  font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}


/* get the scoop */
.scooprows			{ float:left; width:540px; min-height:220px; height: 450px; margin-bottom:20px;}
.scoopdate			{ float:left; width:540px; height:20px; color:#bd1a20; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.scooptitle			{ float:left; width:540px; height:20px; color:#fff; font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:100%; }
.scoopitem			{ float:left; width:540px; min-height:170px; }
.scooppic			{ float:left; width:180px; height:170px; }
.scooptext			{ float:left; width:310px; min-height:170px; margin-left:10px; color:#bd1a20; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify;}
.scooptext	a:link		{ color:#bd1a20; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none}
.scooptext	a:hover		{ color:#fff; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;  text-decoration:none}
.scooptext	a:visited	{ color:#bd1a20; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none}
.scooptext	a:active	{ color:#bd1a20; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none}
.scoopscroll { float:left; width:10px; height:170px; margin-left: 10px;}

.scooprows2			{ float:left; width:700px; height: 150px}
.morescoop			{ float:left; width:89px; height:89px; margin-left:250px; }
.scoopnext			{ float:left; width:190px; height:49px; padding-top:40px; color:#bd1a20; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.scooppic img		{ border:6px solid #FFF;}

/* fun */
.funtext			{ float:left; color:#bd1a20; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify; margin-top:20px; margin-bottom:50px;}
.funpic				{ float:left; margin-top:10px; margin-left:60px; border:1px solid #bd1a20}

/*fonts*/
.subtitle			{ color:#bd1a20; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.headings			{ color:#bd1a20; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:15px;}
.ouricecream		{ color:#bd1a20; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:18px; }
.ouricecream b		{ color:white; font:bold 17px 'Trebuchet MS', Arial, Helvetica, sans-serif; }

/*sccop input */
.scooplogout		{ float:right }

/*links*/
.footertext	a:link 		{ color:#FFF; text-decoration:none; font:11px Arial, Helvetica, sans-serif}
.footertext	a:visited	{ color:#FFF; text-decoration:none; font:11px Arial, Helvetica, sans-serif}
.footertext	a:active 	{ color:#FFF; text-decoration:none; font:11px Arial, Helvetica, sans-serif}
.footertext	a:hover		{ color:#bd1a20; text-decoration:none; font:11px Arial, Helvetica, sans-serif}

.scoopnext	a:link 		{ color:#bd1a20; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.scoopnext	a:visited	{ color:#bd1a20; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.scoopnext	a:active 	{ color:#bd1a20; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.scoopnext a:hover		{ color:#FFF; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}

.locationheadingresults	a:link 		{ color:#000; text-decoration:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}
.locationheadingresults	a:visited	{ color:#000; text-decoration:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}
.locationheadingresults	a:active 	{ color:#000; text-decoration:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}
.locationheadingresults a:hover		{ color:#FFF; text-decoration:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}

.locationheadingresults2 a:link 		{ color:#000; text-decoration:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}
.locationheadingresults2	a:visited	{ color:#000; text-decoration:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}
.locationheadingresults2	a:active 	{ color:#000; text-decoration:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}
.locationheadingresults2 a:hover		{ color:#FFF; text-decoration:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}


.makersmenu	a:link 		{ color:#bd1a20; text-decoration:none; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif}
.makersmenu	a:visited	{ color:#bd1a20; text-decoration:none; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif}
.makersmenu	a:active 	{ color:#bd1a20; text-decoration:none; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif}
.makersmenu a:hover		{ color:#FFF; text-decoration:none; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif}

#makerscontent	a:link 		{ color:#000; text-decoration:underline; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
#makerscontent	a:visited	{ color:#000; text-decoration:underline; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
#makerscontent	a:active 	{ color:#000; text-decoration:underline; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
#makerscontent a:hover		{ color:#bd1a20; text-decoration:underline; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}

.ouricecream a:link 		{ color:#bd1a20; text-decoration:underline; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.ouricecream a:visited	{ color:#bd1a20; text-decoration:underline; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.ouricecream a:active 	{ color:#bd1a20; text-decoration:underline; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.ouricecream a:hover		{ color:#FFF; text-decoration:underline; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}

.funtext	a:link 		{ color:#FFF; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.funtext	a:visited	{ color:#FFF; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.funtext	a:active 	{ color:#FFF; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.funtext a:hover		{ color:#bd1a20; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}

.scooplogout	a:link 		{ color:#bd1a20; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.scooplogout	a:visited	{ color:#bd1a20; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.scooplogout	a:active 	{ color:#bd1a20; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
.scooplogout a:hover		{ color:#FFF; text-decoration:none; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}

.sidebar_scroll				{ width:350px; text-align:right; }

/***ADMIN STYLES***/
.pagenavi { width:800px; color:#bd1a20; font:16px 'Trebuchet MS', Arial, Helvetica, sans-serif; margin-top:20px; margin-left:100px; }
.pageheader { width:550px;color:#bd1a20; font:30px 'Trebuchet MS', Arial, Helvetica, sans-serif; margin-top:10px; margin-left:130px; }
.pageheader1 { width:700px; color:#bd1a20; font:16px 'Trebuchet MS', Arial, Helvetica, sans-serif; background-color:#f7a221; margin:20px auto; padding: 20px}
.pagesubheader {font: bolder 20px  'Trebuchet MS', Arial, Helvetica, sans-serif }

.inputtable {  width: 700px; border: 0px; }
.inputlabels { width: 100px; text-align: right; } 
.inputlabels2 { width: 150px; text-align: left; } 
.scooptitle2{ font: bolder 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; }

#article { width: 500px; height: 150px; max-height: 150px; max-width: 500px; }

/*datatables*/
#stores_length{ width: 40%; float: left; display:none}
#stores_filter{ width: 250px; float: right;}
#stores{ clear: both; margin-top: 10px;}
#stores th{ cursor: pointer;}
#stores td{ border-top: 1px solid black}
.storelinks{ text-decoration: none; color: rgb(189, 26, 32); }
#stores_paginate { float:right; font-size: small; }
#stores_paginate span{ margin: 0px 2px; text-decoration: none; cursor: pointer; }
#stores_paginate span:hover{ color: #fff; }
#stores_info{ width: 60%; float: left; margin-right: 50px;font-size: small;}