/*    BASIC ELEMENTS     */
body {
	margin: 0px;
	padding: 0px;
	background: top left repeat url(../images/layout/backgroundEdge.jpg);
	font-size: 10px;
}

a, a:visited {
	font-family: American Typewriter, Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	border: 0px;
	color: #F77F00;
}

#fc_minicart {
	float:right; 
	display: block; 
	position: absolute; 
	top: 5px; 
	right: 5px;
	font-weight: bold;
}


a:hover {
	font-family: American Typewriter, Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	color: #824622;
}

img {
	border: 0px;
}

ul {
	padding: 0px;
	margin: 0px;
}

.submit, .submit:hover {
	font-family: American Typewriter, Georgia, "Times New Roman", Times, serif;
	font-size: .88em;
}

.orange {
	font-family: American Typewriter, Georgia, "Times New Roman", Times, serif;
	font-size: .88em;
}


/*
.submit, .submit:hover {
	padding: 4px;
	background-color: none;
	border: none;
	font-size:0;
	background: url('/images/addCart.png') no-repeat top left;
	width: 90px;
	height: 25px;
}

.submit:hover {
	background: url('/images/addCart_on.png') no-repeat top left;
}

.submit2, .submit2:hover {
	padding: 4px;
	background-color: none;
	border: none;
	font-size:0;
	background: url('/images/submit.png') no-repeat top left;
	width: 90px;
	height: 25px;
}

.submit2:hover {
	background: url('/images/submit_on.png') no-repeat top left;
}


.orange select , .orange option  {
	font-family: American Typewriter, Georgia, "Times New Roman", Times, serif;
	color: #f89829;
	font-weight: bold;
    background: #f9f7f0;
	padding: 3px;
}
*/
#events table #events td, #events tr {
	vertical-align: middle;
	height: 30px;
}

/*  headers  */
#logo h1 {
	display: block;
	width: 280px;
	height: 37px;
	text-indent: -9999px;
	background: url(/images/layout/truffleTruffleWords.png) no-repeat 0 0;
}

#logo h1 a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}


h2 {
	font-size: 2em;
	font-weight: bold;
	color: #701E72;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1em;
	font-family: American Typewriter, Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
}

h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #701E72;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	line-height: 1em;
	font-family: American Typewriter, Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
}

h6 {
	font-size: .8em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: American Typewriter, Georgia, "Times New Roman", Times, serif;
	line-height: 1;
}
/*  end h1-h6 headers  */
/*  END BASIC ELEMENTS  */


#entire {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	font: normal 1.3em/1.5 Gill Sans, Gill Sans MT, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 0px;
	background: left top repeat url(../images/layout/backgroundCenter.jpg);
}

#entireBG {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	border: 0px;
	background: left top repeat-x url(../images/layout/entireTop.jpg);
}

/*  HEADER  */
/*   MAIN NAVIGATION   */
#mainnav {
	position: relative;
	padding: 7px 0px 0px 260px;
	margin: 0px auto;
	height: 35px;
	width: 674px;
	text-align: left;
	background: left top no-repeat url(../images/layout/nav.jpg);
	font-family: American Typewriter, Georgia, "Times New Roman", Times, serif;
	z-index: 400;
}

#dropdowns {
	width: 670px;
	margin-left: -78px;
}

.sf-menu, .sf-menu * {
	margin:			0;
	list-style:		none;
	z-index: 400;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	list-style: none;
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index: 400;
}
.sf-menu ul li {
	width:			100%;
	z-index: 400;
}

.top_left {

}

.top_level {
	margin-left: 62px;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index: 400;
}
.sf-menu a {
	display:		block;
	position:		relative;
	z-index: 400;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	display:		block;
	position:		absolute;
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	padding: 		.5em 1em .75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-weight: bold;
	color: #F77F00;
}
.sf-menu a:hover {
	color: #FFFFFF;
}
.sf-menu li {
	background:	none;
}
.sf-menu li li {
	background: url(../images/layout/backgroundEdge.jpg) repeat;
}
.sf-menu li li li {
	background:	url(../images/layout/backgroundEdge.jpg) repeat;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:	url(../images/layout/backgroundEdge.jpg) repeat;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}

li ul li .sf-sub-indicator {
	background:		url(../images/layout/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(../images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*  END MAIN NAV   */

#logoPanel {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 934px;
	height: 56px;
	z-index: 99;
}

#logoLeft {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 188px;
	height: 56px;
	background: left top no-repeat url(../images/layout/logoLeft.jpg);
}

#logoMiddle {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 558px;
	height: 56px;
	background: left top no-repeat url(../images/layout/logoMiddle.jpg);
}

#logo {
	position: relative;
	float: left;
	padding: 0px 0px 0px 135px;
	width: 290px;
	height: 37px;
	margin: 0px;
	border: 0px;
}

#logoRight {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 188px;
	height: 56px;
	background: left top no-repeat url(../images/layout/logoRight.jpg);
}

#belowmenu {
	clear: left;
}
/*  END HEADER  */



/*        CONTENT-SPECIFIC STYLING        */
#theBody {
	position: relative;
	background: left bottom repeat-x url(../images/layout/entireBottom.jpg);
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/*  CONTENT AREA  */
#contentarea {
	position: relative;
	border: 0px;
	width: 840px;
	margin: 0px auto;
	padding: 0px 47px;
}

/*  SECTIONS IN THE CONTENT AREA  */
#maincontentEdge {
	position: relative;
	border: 0px;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	width: 803px;
	min-height: 425px;
	margin: 0px;
	padding: 7px ;
	padding-left: 14px;
	padding-right: 13px;
}

#maincontent {
	position: relative;
	border: 0px;
	width: 773px;
	margin: 0px;
	padding: 15px 20px 15px 10px;
	min-height: 425px;	
	background-color: #eeeadb;
}

#subcontent {
	padding-left: 10px;
}

/*  HOME PAGE STYLING  */
#maincontentHome {
	position: relative;
	border: 0px;
	width: 819px;
	min-height: 425px;
	margin: 0px;
	padding: 3px 0px;
}

#contentLeft, #contentRight {
	position: relative;
	float: left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 270px;
	height: 423px;
	overflow: hidden;
}

#contentMiddle {
	position: relative;
	float: left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 270px;
	height: 304px;
	overflow: hidden;
}
/*  END HOME PAGE STYLING  */

/*  LARGE IMAGE BORDER OVERLAY  */
.upClose {
	position: relative;
	width: 270px;
	height: 423px;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.upCloseImg {
	float: left;
	width: 265px;
}

.upCloseOverlay {
	position: relative;
	float: left;
	border: 2px solid #fffaca;
	padding: 0px;
	margin: 0px;
	width: 261px;
	top: -423px;
	height: 419px;
}

.upCloseOverlayInside {
	position: relative;
	border: 1px solid #fffaca;
	padding: 0px;
	margin: 3px;
	width: 253px;
	height: 411px;
}

.upCloseSmallOverlay {
	position: relative;
	float: left;
	border: 2px solid #fffaca;
	padding: 0px;
	margin: 0px;
	width: 261px;
	top: -304px;
	height: 300px;
}

.upCloseSmallOverlayInside {
	position: relative;
	border: 1px solid #fffaca;
	padding: 0px;
	margin: 3px;
	width: 253px;
	height: 292px;
}

.upCloseOverlayDark {
	position: relative;
	float: left;
	border: 2px solid #824622;
	padding: 0px;
	margin: 0px;
	width: 261px;
	top: -423px;
	height: 419px;
}

.upCloseOverlayDarkInside {
	position: relative;
	border: 1px solid #824622;
	padding: 0px;
	margin: 3px;
	width: 253px;
	height: 411px;
}

.fullWidth {
	position: relative;
	width: 763px;
	height: 250px;
	margin: 0px;
	margin-top: 10px;
	border: 0px;
	padding: 0px;
}

.fullWidthImg {
	float: left;
	width: 763px;
}

.fullWidthOverlay {
	position: relative;
	float: left;
	border: 2px solid #824622;
	padding: 0px;
	margin: 0px;
	width: 759px;
	top: -250px;
	height: 246px;
}

.fullWidthOverlayInside {
	position: relative;
	border: 1px solid #824622;
	padding: 0px;
	margin: 3px;
	width: 751px;
	height: 238px;
}
/*  END LARGE IMAGE BORDER OVERLAY  */

/*  SUBPAGE STYLING  */
#sweetsIntro {
	position: relative;
	float: left;
	border: 0px;
	width: 265px;
	margin: 0px;
	padding: 0px;
	height: 423px;
}

#sweetsInfo {
	position: relative;
	float: left;
	border: 0px;
	width: 489px;
	margin: 0px 8px 0px 11px;
	padding: 0px;
}

.mainLinks {
	padding-right: 40px;
}

.twoShowcase {
	position: relative;
	width: 773px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.sweetsShowcase {
	position: relative;
	float: left;
	border: 0px;
	width: 371px;
	margin: 0px;
	padding: 0px;
}

.sweetsThumb {
	position: relative;
	float: left;
	padding: 0px;
	margin: 10px 0px;
	margin-right: 10px;
	border: 1px solid #352406;
	width: 120px;
}

#default_gallery .sweetsDescription {
	position: relative;
	float: left;
	width: 229px;
	padding: 10px;
	padding-left: 0px;
	border: 0px;
	margin: 0px;
}

#noimg_gallery .sweetsDescription {
	position: relative;
	float: left;
	width: 335px;
	padding: 10px;
	padding-left: 0px;
	border: 0px;
	margin: 0px;
}

.sweetsDescription h3 {
	margin-top: 0px;
	padding-top: 0px;
}

h3 + p {
	margin-top: 0px;
	padding-top: 0px;
}

#small_gallery .twoShowcase {
	position: relative;
	width: 472px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#small_gallery .sweetsShowcase {
	position: relative;
	float: left;
	border: 0px;
	width: 221px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

#small_gallery h3 {
	font-size: 110%;
}

#small_gallery .sweetsDescription {
	position: relative;
	float: left;
	width: 219px;
	padding: 10px;
	padding-left: 0px;
	border: 0px;
	margin: 0px;
}

/*   END SUBPAGE STYLING  */
/*   END SECTIONS IN CONTENT AREA  */
/*   END CONTENT AREA   */


/*  FOOTER  */

#facebook {
	position: relative;
	left: -310px;
	top: 20px;
}

#facebook {
	float: left;
}

#footer {
	position: relative;
	border: 0px;
	padding: 15px 65px 0px 65px; 
	width: 804px;
	height: 73px;
	margin: 0px auto;
	color: #FFFFFF;
	line-height: 1.1;
	font-size: .9em;
	background: left top no-repeat url(../images/layout/footer.jpg);
}

#footerHome {
	position: relative;
	border: 0px;
	padding: 0px 375px; 
	width: 184px;
	height: 88px;
	margin: 0px auto;
	color: #FFFFFF;
	line-height: 1.1;
	font-size: .9em;
	background: left top no-repeat url(../images/layout/footerHome.jpg);
}

#logoPeople {
	position: relative;
	margin: 0px;
	border: 0px;
	padding: 0px 4px;
	width: 150px;
	height: 55px;
	/*top: -70px;*/
	top: -94px;
	left: 8px;
	z-index: 800;
}
/*  END FOOTER */

.alignRight {
	position: relative;
	float: right;
}

.centerText {
	text-align: center;
}

.clear {
	clear: both;
	height: 0px;
}

.homeImg {
	position: relative;
	float: left;
	width: 265px;
	margin-right: 5px;
}