/*

[Table Of Contents]

1. Container
2. Left Navigation
3. Page Content

*/


/* v1.0 | 20080212 */

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* 1. Container
--------------------------------------------------*/

#Content
{
	background: url(../Images/Ordering_ContentBkg.jpg) center repeat-y;
	margin: 0px 10px 12px 12px;
	padding-bottom: 40px;
	overflow: hidden;
}


/* 2. Left Navigation
--------------------------------------------------*/

#LeftColumn
{
	background: url(../Images/LeftNavBkg_Ordering.gif) top no-repeat;
	padding-top: 95px;
	width: 211px;
}


#LeftColumn a
{
	color: #ffffff;
	text-decoration: none;
	
}

#LeftColumn a:hover
{
	color: #ebe73b;
	text-decoration: none;
	
}


	
/* 3. Page Content
--------------------------------------------------*/
	
#RightColumn
{
	background: url(../Images/ContentBkgOrdering.jpg) top no-repeat;
	color: #323232;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	
}




h1	{font-size: 17px; line-height: 22px;}
h2	{font-size: 15px; line-height: 20px;}

table { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3B3F57; font-size: 11px; line-height: 15px}
table td	{text-align: left;}
table a:link {color: #0097ff; text-decoration: underline}
table a:visited {color: #0097ff; text-decoration: underline}
table a:hover {color: #0097ff; text-decoration: none}
table a:active {color: #0097ff; text-decoration: underline}

.nav { font-family: Verdana, Arial, Helvetica, sans-serif; color: #004209; font-size: 11px; line-height: 15px; background-color: #93CC66;}
.nav a:link {color: #004209; text-decoration: none}
.nav a:visited {color: #004209; text-decoration: none}
.nav a:hover {color: #004209; text-decoration: underline}
.nav a:active {color: #004209; text-decoration: none}

.header { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #EF3E42; line-height: 25px}
.headersm { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #EF3E42; line-height: 18px}

.small { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3B3F57; font-size: 9px; line-height: 16px}

.cartside { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; line-height: 15px; background: #63bffe;}
.cartside a:link {color: #FFFFFF; text-decoration: none}
.cartside a:visited {color: #FFFFFF; text-decoration: none}
.cartside a:hover {color: #FFFFFF; text-decoration: underline}
.cartside a:active {color: #FFFFFF; text-decoration: none}

.address { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3B3F57; font-size: 11px; line-height: 16px; background: #fff url(images/bottombg.gif)}
.address a:link {color: #3B3F57; text-decoration: none}
.address a:visited {color: #3B3F57; text-decoration: none}
.address a:hover {color: #3B3F57; text-decoration: underline}
.address a:active {color: #3B3F57; text-decoration: none}

.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3B3F57; font-size: 10px; line-height: 15px; background: #fff url(images/bottombg.gif)}
.copyright a:link {color: #3B3F57; text-decoration: none}
.copyright a:visited {color: #3B3F57; text-decoration: none}
.copyright a:hover {color: #3B3F57; text-decoration: underline}
.copyright a:active {color: #3B3F57; text-decoration: none}

.stripe { background-color: #fef0f6;}
.tablebg { background: #fff url(images/tablebg.gif)}
.sidebg { background: #fff url(images/sidebg.gif)}
.indexbg { background: #fff url(images/indexbg.gif)}
.innerbg { background: #fff url(images/innerbg.gif); background-repeat: no-repeat;}

li { line-height: 18px; list-style-image: url(/images/bullet.gif);}

.indent { 
 padding-left: 30px; 
}

.input{
color:#000000; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border: 1px solid #787878; 
text-align: left;
}

.button { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 background-color: #63bffe; 
 color: #FFFFFF; 
 margin-right: 0px; 
border: 1px solid #FFFFFF; 
padding: 4px;
font-weight: bold;
 }

.button2 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
font-weight: bold;
 background-color: #448f1a; 
 color: #FFFFFF; 
 margin-right: 0px; 
border: 2px solid #006600; 
width: 245px;
line-height: 20px;
 }

.bkgcolor  {background-color:#E7F6E8;}
.image_border {border-width:1px; border-style:solid; border-color:#4C4C4C;}



.optionHeader2	{
	text-align: left;
	background-color: #f8f06c;
	color: #f26722;}
.optionHeader3	{
	text-align: left;
	background-color: #eca6c4;
	color: #c53385;}
.optionHeader4	{
	text-align: left;
	background-color: #b7d77d;
	color: #04823b;}	
	
.optionHeader5	{
	text-align: left;
	background-color: #f48e7c;
	color: #ba0a36;}	
.optionHeader6	{
	text-align: left;
	background-color: #f48e7c;
	color: #ba0a36;}	
.optionHeader7	{
	text-align: left;
	background-color: #c2dbef;
	color: #40a2d4;}
.optionHeader8	{
	text-align: left;
	background-color: #fab170;
	color: #dc2b22;}
.optionHeader9	{
	text-align: left;
	background-color: #8fd2d6;
	color: #028dcb;}	
.optionHeader10	{
	text-align: left;
	background-color: #cc9dc7;
	color: #8e3093;}
.optionHeader11	{
	text-align: left;
	background-color: #9ccf83;
	color: #005244;}
.optionHeader12	{
	text-align: left;
	background-color: #f8f06c;
	color: #ee342a;}
.optionHeader13	{
	text-align: left;
	background-color: #fdca7a;
	color: #db4599;}
.optionHeader14	{
	text-align: left;
	background-color: #bac4d9;
	color: #0099d9;}
.optionHeader16	{
	text-align: left;
	background-color: #c2dbef;
	color: #40a2d4;}
.optionHeader18	{
	text-align: left;
	background-color: #f48e7c;
	color: #ba0a36;}
.optionHeader22	{
	text-align: left;
	background-color: #fab170;
	color: #dc2b22;}	
.optionHeader23	{
	text-align: left;
	background-color: #fab170;
	color: #dc2b22;}		
	
.box { 
padding: 0px 0px 2px 0px;     /* top, right, bottom, left */
background: #fbfbfb; 
border-top: 1px solid #cccccc;    
border-right: 1px solid #cccccc;    
border-bottom: 1px solid #cccccc;    
border-left: 1px solid #cccccc;
margin: 5px 0px 5px 0px; 
}

.errorbox { 
padding: 0px 0px 2px 0px;     /* top, right, bottom, left */
background: #f5d5dd; 
border: 1px solid #ce5372;
margin: 5px 0px 5px 0px; 
}



.locationheader {background: #e61f72; color: #ffffff; font-size: 16px; font-weight: bold; padding: 5px 5px 5px 5px;}

/* breadcrumbs box */
.breadcrumbs  { 

padding: 0px 0px 2px 0px; 
margin: 5px 0px 5px 0px; 
	font-family: verdana, arial, lucida sans unicode; 
	font-size: 13px; 
	font-weight:bold; 
	line-height: 22px; 
	color: #255EA3; 

}

.carttable, td.carttable	{
font-family: arial, verdana, helvetica ;	
font-size: 8pt;
padding: 3px 8px;
border: 0px solid #D9D9D9;
}

.cartheader	{
background-color: #e61f72;
color: #ffffff;
text-decoration: none;
font-weight: bold;
border-left: 1px solid #21713B;
border-bottom: 1px solid #ffffff;
}

a.cartheaderlink:link, a.cartheaderlink:visited, a.cartheaderlink:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

a.cartheaderlink:hover {
color: #ebe73b;
}



/* used for sale price highlighting */
.red	{ color: red;}







/* 1. GLobal
--------------------------------------------------*/

body
{
	background: url(../images/body_bkg.gif) top center #0065A5;
	padding: 60px 0px 50px 0px;
}

#Wrapper
{
	margin: auto;
	width: 800px;
}

#BlueBox
{
	background-color: #014DA6;
	overflow: hidden;
}

.Right
{
	float: right;
}

.Left
{
	float: left;
}

.Bold
{
	font-weight: 700;
}

p
{
	color: #323232;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* 2. Header/Navigation
--------------------------------------------------*/

#PageHeader
{
	background: url(../Images/HeaderHome.jpg) no-repeat;
}

#MainNav
{
	height: 71px;
	list-style: none;
	overflow: hidden;
	padding-left: 238px;
}

	#MainNav li
	{
		display: inline;
	}

	#MainNav a.NavHome
	{
		display: block;
		float: left;
		height: 38px;
		margin-top: 22px;
		text-indent: -5000px;
		width: 60px;
	}
	
		#MainNav a:hover.NavHome
		{
			background: url(../images/nav_Home.gif);
		}
	
	#MainNav a.NavAboutUs
	{
		display: block;
		float: left;
		height: 38px;
		margin-top: 22px;
		text-indent: -5000px;
		width: 85px;
	}
	
		#MainNav a:hover.NavAboutUs
		{
			background: url(../images/nav_AboutUs.gif);
		}
	
	#MainNav a.NavMenus
	{
		display: block;
		float: left;
		height: 38px;
		margin-top: 22px;
		text-indent: -5000px;
		width: 65px;
	}
	
		#MainNav a:hover.NavMenus
		{
			background: url(../images/nav_Menus.gif);
		}
	
	#MainNav a.NavOrdering
	{
		display: block;
		float: left;
		height: 38px;
		margin-top: 22px;
		text-indent: -5000px;
		width: 139px;
	}
	
		#MainNav a:hover.NavOrdering
		{
			background: url(../images/nav_OnlineOrdering.gif);
		}
	
	#MainNav a.NavLocations
	{
		display: block;
		float: left;
		height: 38px;
		margin-top: 22px;
		text-indent: -5000px;
		width: 91px;
	}
	
		#MainNav a:hover.NavLocations
		{
			background: url(../images/nav_Locations.gif);
		}
	
	#MainNav a.NavPickleBar
	{
		display: block;
		float: left;
		height: 71px;
		text-indent: -5000px;
		width: 89px;
	}


/* 3. FunLinks
--------------------------------------------------*/

#FunLinks
{
	background: url(../Images/FunLinks.jpg) no-repeat;
	height: 107px;
	list-style: none;
	overflow: hidden;
}

	#FunLinks li
	{
		display: inline;
	}

	#FunLinks a.Fundraiser
	{
		display: block;
		float: left;
		height: 107px;
		text-indent: -5000px;
		width: 156px;
	}
	
		#FunLinks a:hover.Fundraiser
		{
			background: url(../images/Fun_Fundraiser.jpg);
		}
	
	#FunLinks a.Soups
	{
		display: block;
		float: left;
		height: 107px;
		text-indent: -5000px;
		width: 156px;
	}
	
		#FunLinks a:hover.Soups
		{
			background: url(../images/Fun_Soups.jpg);
		}
	
	#FunLinks a.ForKids
	{
		display: block;
		float: left;
		height: 107px;
		text-indent: -5000px;
		width: 156px;
	}
	
		#FunLinks a:hover.ForKids
		{
			background: url(../images/Fun_Kids.jpg);
		}
	
	#FunLinks a.BuyStuff
	{
		display: block;
		float: left;
		height: 107px;
		text-indent: -5000px;
		width: 156px;
	}
	
		#FunLinks a:hover.BuyStuff
		{
			background: url(../images/Fun_Store.jpg);
		}
	
	#FunLinks a.FanClub
	{
		display: block;
		float: left;
		height: 107px;
		text-indent: -5000px;
		width: 154px;
	}

		#FunLinks a:hover.FanClub
		{
			background: url(../images/Fun_Fanclub.jpg);
		}
	

/* 4. Footer
--------------------------------------------------*/

#Footer
{
	display: table-cell;
	text-align: center;
	width: 800px;
}

#FooterNav
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
}

	#FooterNav li
	{
		display: inline;
	}
	
	#FooterNav a.FooterNavLink
	{
		border-right: 2px solid #FFFFFF;
		color: #ebe71b;
		display: inline-block;
		font-weight: 700;
		line-height: 32px;
		margin: 6px 0px;
		padding: 0px 10px;
		text-decoration: none;
	}
	
	#FooterNav a:hover.FooterNavLink
	{
		color:#FFFFFF;
	}
	
	#FooterNav a.FooterNavLinkLast
	{
		color: #ebe71b;
		display: inline-block;
		font-weight: 700;
		line-height: 32px;
		margin: 6px 0px;
		padding: 0px 10px;
		text-decoration: none;
	}
	
	#FooterNav a:hover.FooterNavLinkLast
	{
		color: #FFFFFF;
	}


#locationAlert	{
	border: 1px solid #666666;
	background-color: #006600;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	}
	
#locationAlert p	{	
	color: #ffffff;
	font-size: 14px;
	line-height: normal;
	}	
#locationAlert a	{	
	color: #ffffff;
	font-size: 14px;
	}