/* global text styles */

	*
	{
	}
	body
	{
		font: normal 12px "Trebuchet MS", sans-serif;
		line-height: 1.25em;
		position: relative;
		top: 0px;
		left: 0px;
		color: #666666;
		margin: 0px;
		padding: 0px;
	}
	
	p
	{
		margin: 0px;
		padding: 0px 0px .75em 0px;
	}
	ul
	{
		margin: 0px;
		padding: 0px 0px .85em 1.25em;
	}
	ul ul
	{
		margin: 0px;
		padding-bottom: 0px;
	}
	ol
	{
		margin: 0px;
		padding: 0px 0px .85em 1.75em;
	}
	form
	{
		margin: 0px;
		padding: 0px;
	}
	sup
	{
		font: normal .9em Verdana, sans-serif;
		vertical-align: baseline;
		position: relative;
		bottom: .4em;
		line-height: 0px;
		color: inherit;
	}
	#header-subhead sup
	{
		font-family: Verdana, sans-serif;
		font-size: 11px;
	}
	.clear-both
	{
		display: block;
		font-size: 1px;
		height: 0px;
		overflow: hidden;
		clear: both;
	}
	a
	{
		color: #E57126;
		font-weight: bold;
	}
	img
	{
		border: none;
	}
	
	h1, h2, h3, h4, h5, h6, h7
	{
		font-weight: bold;
		margin: 0px;
		padding: 0px 0px .4em 0px;
	}
	h1 { font-size: 16px; }
	h2 { font-size: 15px; }
	h3 { font-size: 13px; }
	h4 { font-size: 12px; }
	h5 { font-size: 12px; }
	h6 { font-size: 12px; }
	h7 { font-size: 12px; }
	
	textarea
	{
		font: normal 12px "Trebuchet MS", sans-serif;
		line-height: 1.25em;
	}

	.input-text, .input-password
	{
		border: 1px solid #999999;
		color: #666666;
		margin: 0px;
		padding: 1px 2px;
	}
	
	.body-section
	{
		margin: 0px;
		padding: 0px 0px 1.5em 0px;
	}
	
	span.nowrap
	{
		white-space: nowrap;
	}

/* The top promo and the things that allow it */

	#site-top-promo {
		color: #cc0066;
		font: bold 13px "Trebuchet MS", sans-serif;
		line-height: 110%;
		background-color: #FFCC33;
		text-align: center;
		padding: 0.5em 0px 0.7em 0px;
	}
	#site-top-promo a {
		color: #cc0066;
	}
	
	#site-envelope {
		/* this is the div that has the swirl on a colored background.
			The color and swirl are defined per site section below. */
		background-repeat: no-repeat;
		background-position: top;
		padding-bottom: 75px;
	}
	#site-sides
	{
		background-repeat: repeat-y;
		background-position: right;
	}
	#site-top
	{
		background-repeat: no-repeat;
		background-position: top;
	}
	#site-left
	{
		background-repeat: no-repeat;
		background-position: top left;
	}
	#site-right
	{
		background-repeat: no-repeat;
		background-position: top right;
	}



/* outer framework */

	#site-container
	{
		width: 850px;
		margin: 0px auto;
	}
	#body-outer
	{
		/*
			This is for lining up the content well with the fruity imagery,
			so this shouldn't change unless the geometry of the fruit changes.
			Instead, change #body-inner if you want to change the padding 
			inside the content well.
		*/
		padding: 112px 49px 0px 67px;
	}
	#body-inner
	{
		padding: 65px 10px 0px 10px;
		position: relative;
		top: 0px;
		left: 0px;
	}
	#smoothie-king-logo {
		margin: -15px 0 0 15px;
		display: none;
	}
	#bottom-curve
	{
		font-size: 0px;
		clear: both;
		line-height: .7em;
	}
	#bottom-links
	{
		text-align: center;
		color: #FFFFFF;
		padding-bottom: 25px;
		padding-top: 8px;
		line-height: 1.8em;
		position: relative;
		top: 0px;
		left: 0px;
	}
	#bottom-links a
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	#bottom-links a:hover
	{
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	.bottom-facebook-icon 
	{
		position: absolute;
		top: 0px;
		right: 90px;	
	}
		.bottom-twitter-icon 
	{
		position: absolute;
		top: 0px;
		right: 50px;	
	}
/* nav */

	#nav ul
	{
		clear: both;
		margin: 0px;
		padding: 7px 0px 0px 0px;
		list-style-type: none;
	}
	
	/* top-level nav elements in general */
	#nav li
	{
		z-index: 500;
		float: left;
		margin: 0px;
		padding: 0px 0px 0px 5px;
		position: relative;
		top: 0px;
		left: 0px;
		background-repeat: no-repeat;
		background-position: top right;
		line-height: 1.1em;
		width: auto;
	}
	/* specific top-level nav elements */
	#nav-submenu-about
	{
		background-image: url("nav_aqua.gif");
	}
	#nav-submenu-menu
	{
		background-image: url("nav_purple.gif");
	}
	#nav-submenu-health
	{
		background-image: url("nav_green.gif");
	}
	#nav-submenu-franchise
	{
		background-image: url("nav_blue.gif");
	}

	/* overlay element for top-level nav elements,
		not displayed until the element is moused over */
	#nav span
	{
		position: absolute;
		top: 0px;
		left: 5px;
		width: 140px;
		height: 26px;
		display: none;
		background-image: url("nav_drop_head.gif");
		background-repeat: no-repeat;
		background-position: top;
	}
	/* hover state of the overlay, displayed on hover */
	#nav li:hover span,
	#nav li.nav-hover span
	{
		display: block;
	}
	
	/* some menu items might have nowrap spans inside, 
		so don't use the special span meaning above for those */
	#nav span.nowrap,
	#nav li:hover span.nowrap,
	#nav li.nav-hover span.nowrap
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		display: inline;
		background: none;
	}
	
	/* outer wrapper for each submenu (with bottom curve)
		not displayed until the element is moused over */
	#nav div
	{
		width: 146px;
		position: absolute;
		top: 26px;
		left: 2px;
		display: none;
		
		margin: 0px;
		padding: 0px 0px 9px 0px;

		background-image: url("nav_drop_bottom.gif");
		background-repeat: no-repeat;
		background-position: bottom;
	}
	/* display outer submenu div when its main nav is hovered over */
	#nav li:hover div,
	#nav li.nav-hover div
	{
		display: block;
	}
	/* middle wrapper for each submenu (with middle repeater) */
	#nav div div
	{
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		background-image: url("nav_drop_middle.gif");
		background-repeat: repeat-y;
	}
	/* inner wrapper for each submenu (with top-anchored background swirl) */
	#nav div div div
	{
		background-image: url("nav_drop_top.gif");
		background-repeat: no-repeat;
		background-position: top;
	}
	/* submenus */
	#nav ul ul
	{
		margin: 0px;
		padding: 0px 5px 5px 5px;
		list-style-type: none;
	}
	/* override certain properties for list items
		when they're inside a submenu rather than a top-level nav element. */
	#nav ul ul li
	{
		float: none;
		margin: 0px;
		padding: 0px;
		text-align: left;
		width: auto;
		height: auto;
	}
	/* a main nav link */
	#nav a
	{
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		height: 21px;
		margin: 0px;
		padding: 5px 0px 0px 0px;
		text-align: center;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 13px;
	}
	/* override those properties for links inside submenus */
	#nav ul ul a
	{
		display: block;
		text-align: left;
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		font-size: 11px;
		line-height: 1em;
		padding: 2px 5px 3px 5px;
	}
	/* hover state inside submenus is just a color change */
	#nav ul ul a:hover
	{
		color: #FFCC33;
	}
	
	
	/* 3rd-level menus */
	#nav ul ul ul
	{
		padding: 2px 0px 2px 8px;
	}

	
/* header */

	#header-home-link
	{
		z-index: 1000;
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 140px;
		height: 60px;
	}
	#header-home-link span
	{
		display: none;
	}
		
	#header
	{
		float: right;
		width: 580px;
		padding: 0px 0px 15px 0px;
		margin: -55px 0px 0px 0px;
	}
	#header h1
	{
		display: none;
	}

	#header-subhead
	{
		float: left;
		color: #66cc66;
		font-weight: bold;
		font-size: 14px;
		padding-left: 5px;
	}
	#header-search
	{
		float: right;
	}
	#header-search table
	{
		border-collapse: collapse;
	}
	#header-search td
	{
		color: #339999;
		border: 0px;
		margin: 0px;
		padding: 0px 0px 0px 5px;
		line-height: 1em;
	}
	#header-search .input-text
	{
		border: 1px solid #999999;
		color: #666666;
		margin: 0px;
		padding: 1px 2px;
	}
	#header-search .input-submit
	{
		background-color: #339999;
		color: #FFFFFF;
		font-size: 9px;
		border: none;
		margin: 0px;
		padding: 2px;
	}

/* content */

	#content
	{
		clear: both;
		padding: 0px;
		margin: 0px;
	}

	.content-swirl-about
	{
/*		background-image: url("content-swirl-aqua.gif"); */
		background-repeat: no-repeat;
		background-position: top;
	}
	.content-swirl-menu
	{
/*		background-image: url("content-swirl-purple.gif"); */
		background-repeat: no-repeat;
		background-position: top;
	}
	.content-swirl-health,
	.content-swirl-default
	{
/*		background-image: url("content-swirl-green.gif"); */
		background-repeat: no-repeat;
		background-position: top;
	}
	.content-swirl-franchise
	{
/*		background-image: url("content-swirl-blue.gif"); */
		background-repeat: no-repeat;
		background-position: top;
	}

	#content-crumbs
	{
		color: #666666;
		font-size: 11px;
		padding: 3px 0px 12px 140px;
		float: left; /* bizarre ie bug necessitates this */
	}
	#content-crumbs a
	{
		font-size: 11px;
		font-weight: normal;
		color: #999999;
		text-decoration: none;
	}
	#content-crumbs a:hover
	{
		text-decoration: underline;
	}
	
	#content-body
	{
		clear: both;
	}
	

/* text colors based on backgrounds */

	.text-default,
	.headings-use-text-default h1,
	.headings-use-text-default h2,
	.headings-use-text-default h3,
	.headings-use-text-default h4,
	.headings-use-text-default h5,
	.headings-use-text-default h6,
	.headings-use-text-default h7,
	.text-health,
	.headings-use-text-health h1,
	.headings-use-text-health h2,
	.headings-use-text-health h3,
	.headings-use-text-health h4,
	.headings-use-text-health h5,
	.headings-use-text-health h6,
	.headings-use-text-health h7
	{
		color: #649E33;
	}
	.text-franchise,
	.headings-use-text-franchise h1,
	.headings-use-text-franchise h2,
	.headings-use-text-franchise h3,
	.headings-use-text-franchise h4,
	.headings-use-text-franchise h5,
	.headings-use-text-franchise h6,
	.headings-use-text-franchise h7
	{
		color: #3399CC;
	}
	.text-about,
	.headings-use-text-about h1,
	.headings-use-text-about h2,
	.headings-use-text-about h3,
	.headings-use-text-about h4,
	.headings-use-text-about h5,
	.headings-use-text-about h6,
	.headings-use-text-about h7
	{
		color: #339999;
	}
	.text-menu,
	.headings-use-text-menu h1,
	.headings-use-text-menu h2,
	.headings-use-text-menu h3,
	.headings-use-text-menu h4,
	.headings-use-text-menu h5,
	.headings-use-text-menu h6,
	.headings-use-text-menu h7
	{
		color: #8889BE;
	}



/* background colors */

/* "Franchise Info" */

	body.background-franchise
	{
		background-color: #5CADD6;
	}
	body.background-franchise #site-envelope
	{
		background-image: url("background_blue.jpg");
	}
	
	body.background-franchise #site-sides
	{
		background-image: url("sides_blue.jpg");
	}
	body.background-franchise #site-top
	{
		background-image: url("fruit_blue.jpg");
	}
	body.background-franchise #site-left
	{
		background-image: url("left_blue.jpg");
	}
	body.background-franchise #site-right
	{
		background-image: url("right_blue.jpg");
	}

/* "On the Menu" */

	body.background-menu
	{
		background-color: #9D98D8;
	}
	body.background-menu #site-envelope
	{
		background-image: url("background_purple.jpg");
	}
	body.background-menu #site-sides
	{
		background-image: url("sides_purple.jpg");
	}
	body.background-menu #site-top
	{
		background-image: url("fruit_purple.jpg");
	}
	body.background-menu #site-left
	{
		background-image: url("left_purple.jpg");
	}
	body.background-menu #site-right
	{
		background-image: url("right_purple.jpg");		
	}

/* "About Smoothie King" */

	body.background-about
	{
		background-color: #66CCCC;
	}
	body.background-about #site-envelope
	{
		background-image: url("background_aqua.jpg");
	}
	body.background-about #site-sides
	{
		background-image: url("sides_aqua.jpg");
	}
	body.background-about #site-top
	{
		background-image: url("fruit_aqua.jpg");
	}
	body.background-about #site-left
	{
		background-image: url("left_aqua.jpg");
	}
	body.background-about #site-right
	{
		background-image: url("right_aqua.jpg");
	}

/* "Health & Nutrition" */

	body.background-default,
	body.background-health
	{
		background-color: #99CC66;
	}
	body.background-default #site-envelope,
	body.background-health #site-envelope
	{
		background-image: url("background_green.jpg");
	}
	body.background-default #site-sides,
	body.background-health #site-sides
	{
		background-image: url("sides_green.jpg");
	}
	body.background-default #site-top,
	body.background-health #site-top
	{
		background-image: url("fruit_green.jpg");
	}
	body.background-default #site-left,
	body.background-health #site-left
	{
		background-image: url("left_green.jpg");
	}
	body.background-default #site-right,
	body.background-health #site-right
	{
		background-image: url("right_green.jpg");
	}


/* Sometimes we want to use the nav lists as regular lists. */

	.yanked-navigation a,
	.yanked-navigation a span
	{
		color: #E57126;
	}


/* site map styles - these should move to another stylesheet if they get complicated */

	#site-map
	{
		padding: 0px 0px 20px 0px;
	}
	#site-map ul
	{
		float: left;
		padding-right: 20px;
	}
	#site-map ul ul
	{
		float: none;
		width: auto;
		padding-right: 0px;
		padding-bottom: 10px;
	}
	#site-map ul ul ul
	{
		padding-bottom: 0px;
	}


	.site-disclaimer
	{
		font-style: italic;
	}
	
	#disclaimer {
		color:#FFFFFF;
		font: normal 10px Tahoma, Arial, sans-serif;
		padding: 0px 60px 0px 100px;
	}
	
@media print
{
	body { font-size: 18px; }
	h1 { font-size: 24px; }
	h2 { font-size: 22px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 18px; }
	h6 { font-size: 18px; }
	h7 { font-size: 18px; }
	
	#site-container
	{
		width: auto;
	}
	#body-outer,
	#body-inner
	{
		padding: 0px;
	}
	#bottom-curve,
	#bottom-links,
	#nav,
	#header
	{
		display: none;
	}

	#smoothie-king-logo
	{
		display: block;
		margin: -10px 0 0 15px;
	}
}

p.learn-more {
	color: #E57126;
	padding: 0 0 1.65em 0.3em;
}



ul.crown {
	list-style-type: none;
	padding-left: 0px;
}
ul.crown li {
	background-image: url(fitsburg-bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 20px;
}

ul.linklist
{
	list-style-type: image;
	list-style-image: url(orange-gt-bullet.png);
}
.newhighlight {
	color: #CC3366;
	margin-top: -2px;
	font-style: italic;
}