/* CSS Document */

body {
	margin: 0;
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: small;
	line-height: 1.5em;
	text-align: center;
	background-color: #F2A040;
	}
	
a:link, a:visited {
	color: #852536;
	}
	
	
#content img.app {
	border: 3px solid #5C1B19;
	margin: 0 20px 0 0;
	}
	
/* page structure
-------------------------------------------------------*/

#wrapper {
	position: relative;
	width: 779px;
	margin: 0 auto;
	text-align: left;
	border: 0px solid black;
	}
	
#shadowBG {
	width: 779px;
	background:url(../images/mainBG.gif) repeat-y;
	}
	
#starBG {
	background:url(../images/starBG.jpg) 523px 0 no-repeat;
	width: 779px;
	margin: 0 0 0 0;
	}
	
#bottomBG {
	background:url(../images/bottomBG.jpg) 53px 100% no-repeat;
	width: 779px;
	margin: 0 0 0 0;
	}
	
#mainContainer {
	width: 702px;
	padding: 0;
	margin: 0 0 0 52px;
	overflow: auto;
	}	
	
#content {
	width: 65%;
	float: left;
	border: 0px solid black;
	}
	
	
#leftNav {
	margin: 0 0 0 0;
	float: left;
	width: 27%;
	border: 0px solid black;
	}
	
#footer {
	background: url(../images/footerBG.gif) no-repeat;
	height: 27px;
	}
	
/* leftNav styles
-------------------------------------------------------*/

#leftNav div {
	padding: 15px 0 0 0;
	}
	
#leftNav #background {
	background: url(../images/navBG.gif) no-repeat top left;
	height: 400px;
	font-size: 125%;
	font-weight:500;
	line-height: 1.8em;
	}
	
#background a:link, #background a:visited {
	color:#000000;
	text-decoration: none;
	padding: 0 0 0 15px;
	}
	
#background a:hover {
	text-decoration: underline;	
	}
	
#leftNav #background img.nav {
	padding: 4px 5px 5px 10px;
	}

#leftNav span {
	display: none;
	}
	
#leftNav li {
	list-style: none;
	height: 22px;
	padding: 4px 0 4px 0;
	margin: 0 0 0 -10px;
	}
	
#leftNav ul {
	padding: 0 0 0 20px;
	margin: 0;
	}



/* header
-------------------------------------------------------*/

#header {
	margin: 0 0 0 0;
	width: 779px;
	}
	
#header div {
	position: relative;
	text-align: right;
	padding: 10px 40px 0 0;
	}
	
#logo {
	padding: 10px 0 0 0;
	width: 779px;
	border: 0px solid black;
	background: url(../images/logoES.gif) no-repeat;
	height: 140px;
	}

#headerLinks {
	text-align: right;
	color: #FFFFFF;
	font-size: 90%;
	float: right;
	}
	

/* content styles
-------------------------------------------------------*/

#content h1 {
	padding: 0;
	margin: 0;
	font-size: 150%;
	}
	
#content div {
margin: 0 20px 20px 0;
	}
	
#content h1.xsmall {
	font-size: 110%;
	font-weight: 600;
	margin: 0;
	}
	
/* rightNav styles
-------------------------------------------------------*/

#rightNav img.logoES {
	padding: 25px 7px 25px 0;
	}
	
#rightNav img.logoCC {
	padding: 0 30px 0 0;
	}
	
.footer {
	padding: 0 0 0 90px;
	font-weight:500;
	font-size: 85%;
	}
	
	
#sug {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	}
	
#sug leftSug {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	}
	
#sug leftSug {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	}
	
#sug dl {
	margin: 20px 0 0 0;
	padding: 0;
	}
	
.sugTitle {
	font-size: 130%;
	color: #5C1B19;
	font-weight:600;
	padding: 0;
	margin: 0;
	}
	
#sug dd {
	margin: 0;
	padding: 0;
	}
	
#sug dd.img imgSug {
	float: left;
	}

/* prod styles
-------------------------------------------------------*/
h1.prodSalsa {
	background: url(../images/prodSalsaTitle.gif) no-repeat;
	height: 38px;
	margin: 0 0 5px 0;
	}
	
h1.prodSalsa span{
	display: none;
	}
	
h1.prodTap {
	background: url(../images/prodTapTitle.gif) no-repeat;
	height: 38px;
	}
	
h1.prodTap span{
	display: none;
	}
	
h1.prodJams {
	background: url(../images/prodJamsTitle.gif) no-repeat;
	height: 38px;
	}
	
h1.prodJams span{
	display: none;
	}
	
h1.prodSauces {
	background: url(../images/prodSaucesTitle.gif) no-repeat;
	height: 38px;
	}
	
h1.prodSauces span{
	display: none;
	}
	
h1.prodOther {
	background: url(../images/prodOtherTitle.gif) no-repeat;
	height: 45px;
	}
	
h1.prodOther span{
	display: none;
	}
	
ul.prod {
	margin: 0, auto;
	margin-bottom: 20px;
	}