@charset "UTF-8";
/* CSS Document */
body{
background:url(../images/cherrybackground.jpg);
background-color:#e10019;
font-family:Trebuchet MS, Helvetica, sans-serif;

}

a{
text-decoration:none;
}


/**
NOTE:

The relative positioning on this div is there so that the footer image stays at the bottom of the page.
Do not remove this.  

**/
#container{
width:1024px;
margin:auto;
padding:0px;
height:auto;
position:relative;
}


/*********** 
PAGE TOP STYLES 
***************/

#logo{
background-image:url(../images/logo.png);
height:151px;
width:579px;
float:left;
}

/*
Note:
You may want to add a link to the logo to allow linking back to the home page.

You would need to assign its dimensions here.
*/

#location_form{
padding-top:100px;
padding-left:30px;
width:350px;
float:left;
}

#location_form table{
width:350px;
}

#location_form label{
color:#fff;
font-size:16px;
}

#location_form .textbox{
width:70px;
}

#location_form select{
width:125px;
}



/******** 

NAVIGATION STYLES - This is your standard CSS dropdown menu with relatively positioned list items
holding absolutely positioned lists.  Generally, you shouldn't really have to touch these styles.

********/



#top_nav{
background-image:url(../images/top.png);
width:1004px;
height:47px;
padding-top:17px;
padding-left:19px;
}

#nav{
width:978px;
height:50px;
padding-top:1px;
}

#nav ul{
margin:0px;
padding:0px;
width:978px;
padding-left:3px;
}

/***

These are general styles for the list items in the navigation.
Specific styles are found below

***/

#nav ul li{
padding:12px 0px 12px 0px;
height:22px;
font-size:17px;
list-style-type:none;
float:left;
font-weight:bold;
color:#fff;
border-right:2px solid #330066;
position:relative;
text-align:center;
}
#nav ul li:hover{
background-image:url(../images/nav_hover.gif);
}

#nav ul li ul{
position:absolute;
top:46px;
left:0px;
padding:10px;
background-color:#be0000;
display:none;
width:auto;
}

#nav ul li:hover ul{
display:block;
}

#nav ul li ul li{
width:135px;
float:none;
padding:5px 15px;
border:0px;
background-image:none;
font-size:13px;
text-align:left;
}

#nav ul li ul li:hover{
background-image:none;
}

#nav ul li a{
color:#fff;
}




/***

These are Specific styles for the list items in the navigation.

***/

#nav ul li#flavors{
width:96px;
}

#nav ul li#flavors:hover{
background-image:url(../images/nav_left.gif);
}

#nav ul li#menus{
width:112px;
}

#nav ul li#fundraising{
width:130px;
}

#nav ul li#catering{
width:102px;
}

#nav ul li#kids{
width:70px;
}

#nav ul li#promotions{
width:127px;
}

#nav ul li#community{
width:138px;

}

#nav ul li#nathans{
width:185px;
border:0px;
}

#nav ul li#nathans:hover{
background-image:url(../images/nav_right.gif);
background-position:right;
}

#nav ul li#nathans ul{
left:auto;
right:0px;
}

/*************** CONTENT AREA STYLES ********************/

#content{
background-image:url(../images/shadow.png);
width:975px;
padding-left:22px;
padding-right:27px;
}

#content_inner{
width:975px;
background-repeat:no-repeat;
}

.purple{
background-color:#9b014d;
background-image:url(../images/purple_back.jpg);
}
.orange{
background-color:#FF9900;
background-image:url(../images/orange_back.jpg);
}
.yellow{
background-color:#FFCC33;
background-image:url(../images/yellow_back.jpg);
}
.mint{
background-color:#CCFFCC;
background-image:url(../images/mint_back.jpg);
}
.ltblue{
background-color:#3399FF;
background-image:url(../images/ltblue_back.jpg);
}
.lavendar{
background-color:#9966CC;
background-image:url(../images/lavendar_back.jpg);
}
.salmon{
background-color:#FF6666;
background-image:url(../images/salmon_back.jpg);
}
.ltgreen{
background-color:#99CC99;
background-image:url(../images/ltgreen_back.jpg);
}
.royalpurple{
background-color:#663366;
background-image:url(../images/royalpurple_back.jpg);
}
.dkblue{
background-color:#330066;
background-image:url(../images/dkblue_back.jpg);
}
.perri{
background-color:#9999FF;
background-image:url(../images/perri_back.jpg);
}
.white{
	background-color:#ffffff;
}
.purple_footer{
background-image:url(../images/purple_footer.png);
}
.yellow_footer{
background-image:url(../images/yellow_footer.png);
}
.orange_footer{
background-image:url(../images/orange_footer.png);
}
.mint_footer{
background-image:url(../images/mint_footer.png);
}
.ltblue_footer{
background-image:url(../images/ltblue_footer.png);
}
.lavendar_footer{
background-image:url(../images/lavendar_footer.png);
}
.salmon_footer{
background-image:url(../images/salmon_footer.png);
}
.blue{
background-color:#0079fe;
background-image:url(../images/blue_back.jpg);
}
.finduslink {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffbd26;
	text-decoration: underline;
}
.blue_footer{
background-image:url(../images/blue_footer.png);
}
.royalpurple_footer{
background-image:url(../images/royalpurple_footer.png);
}
.dkblue_footer{
background-image:url(../images/dkblue_footer.png);
}
.perri_footer{
background-image:url(../images/perri_footer.png);
}


#left_sub{
	float:left;
	width:460px;
	padding-top:26px;
	padding-left:26px;
	background-repeat:repeat-x;
}

#left_sub_full{
	float:left;
	color:#FFFFFF;
	width:948px;
	padding-top:26px;
	padding-left:26px;
	background-repeat:repeat-x;
}

#right_sub{
	float:left;
	width:488px;
	text-align:right;
	padding-top:40px;
}

#left_sub ul{
	font-size:18px;
	color:#fff;
	float:left;
	padding:0px;
	padding-left:15px;
	margin:10px 0px;
}


#left_sub ul.left{
width:160px;
}

#left_sub ul.right{
width:200px;
margin-left:10px;
}

#left_sub ul li{
padding:5px 0px;
}

#sub_footer{
height:57px;
margin:auto;
width:1024px;
background-repeat:no-repeat;
}

#disclaimer{
text-align:center;
color:#fff;
font-size:12px;
padding-right:110px;
padding-bottom:15px;
}


/****

This div holds the candy stripe image seen on the home and sub pages.  You can use this image as a background image or simply place this div on the page.

****/

.candy_stripe{
background-image:url(../images/candy_stripe.jpg);
width:975px;
height:10px;
background-repeat:no-repeat;
}

#ad_strip{
padding-top:10px;
background-image:url(../images/candy_stripe.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin-left:22px;
width:975px;
}

#home_page_footer{
background-image:url(../images/clear_footer.png);
height:178px;
width:1024px;
margin:auto;
}

#ad_strip a img{
border:0px;
}

.clearing{
clear:both;
}


/****************

FOOTER STYLES

****************/

/*

NOTE:

The footer is set up so that it is always at the bottom of the container div.
The background image is of the shadow and a red background below it. 
The image will sit on top of the bottom portion of the content.  This way, developers will not 
need to cut out a new rounded corners background for every page layout.  



To work around this, place all text that you don't want covered in a div  with padding on the bottom 
equal to the height of the footer image. 

*/

#footer{
width:1024px;
height:90px;
padding-top:30px;
color:#fff;
background-repeat:no-repeat;
}

#footer_links{
text-align:center;
}

#footer_links a{
font-size:13px;
color:#fff;
margin:0px 9px;
font-weight:bold;
}

.facebook_link{
background-image:url(../images/facebook_icon.gif);
background-position:right;
padding:6px 30px 6px 0px;
background-repeat:no-repeat;
}

#footer_copy{
text-align:center;
padding-top:8px;
font-size:11px;
}

/*************** Brusters Local Template Styles ********************/

img{
border:0px;
}
#store_header{
background-image:url(../images/storepage/storepage_top.png);
width:859px;
margin:auto;
height:95px;
background-repeat:no-repeat;
vertical-align:middle;
text-align:center;
color:#fff;
font-size:18px;
padding:0px 80px;
}


.stores{
background-color:#e10019;
background-repeat:no-repeat;
}

.stores a{
color:#3366ff;
text-decoration:underline;
}


#stores_left_table{
width:240px;
background-color:white;
padding-top:10px;
}

#stores_right_table{
width:240px;
}

#stores_right_table table td{
padding-top:10px;
}

#stores_middle_table{
width:455px;
padding: 10px 20px; 
}

#stores_middle_table p{
color:#fff;
margin-bottom:15px;
}

#stores_middle_table p a{
color:#fff;
}

#stores_middle_table .no_margin{
margin-bottom:0px;
}

#store_footer{
background-image:url(../images/storepage/clear_footer_sub.png);
width:1021px;
height:17px;
}

.center_table td{
text-align:center;
}