body {
	background: #d6ccc1;
	margin: 5px 0;
	padding: 0;

	font-family: arial, sans-serif;
	font-size: 62.5%;
	color: black;
}

#inner {
	background: url(../img/body-bg.png) repeat-y top center;

}

#white {
	font-size: 4px;
	line-height: 4px;
	height: 4px;
}

div#container {
	width: 978px;
	margin: 0 auto 0 auto;
	position: relative;
}

a img { border: 0; }

#auxnav {
	height: 34px;
	line-height: 34px;
	color: #00713d;
	text-align: right;
	padding-right: 40px;
}

#auxnav a, #auxnav a:link, #auxnav a:visited {
	color: #00713d;
	text-decoration: none;
	padding: 0 5px;
}


ul#navigate {
	height: 24px;
	list-style-type: none;
	margin: 0;
	padding-left: 194px;
}

	ul#navigate li {
		display: block;
		float: left;
		position: relative;
	}

	ul#navigate li a {
		display: block;
		background-image: url(../img/nav-sprite.png);
		height: 24px;
		color: white;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		background-color: #00713d;
	}

	a#nav-story, a#nav-story:link, a#nav-story:visited 	{ 	width: 83px;  background-position: 0px 0px; }
	a#nav-story-on, a#nav-story:hover, a#nav-story:active { 	width: 83px;  background-position: 0px 24px; }
	a#nav-produ, a#nav-produ:link, a#nav-produ:visited 	{ 	width: 82px;  background-position: -83px 0px; }
	a#nav-produ-on, a#nav-produ:hover, a#nav-produ:active { 	width: 82px;  background-position: -83px 24px; }
	a#nav-recip, a#nav-recip:link, a#nav-recip:visited 	{ 	width: 63px;  background-position: -165px 0px; }
	a#nav-recip-on, a#nav-recip:hover, a#nav-recip:active { 	width: 63px;  background-position: -165px 24px; }
	/*a#nav-quali, a#nav-quali:link, a#nav-quali:visited 	{ 	width: 198px; background-position: -228px 0px; }
	a#nav-quali-on, a#nav-quali:hover, a#nav-quali:active { 	width: 198px; background-position: -228px 24px; }*/
	a#nav-video, a#nav-video:link, a#nav-video:visited 	{ 	width: 64px;  background-position: -228px 0px; }
	a#nav-video-on, a#nav-video:hover, a#nav-video:active { 	width: 64px;  background-position: -228px 24px; }
	a#nav-calen, a#nav-calen:link, a#nav-calen:visited 	{ 	width: 170px; background-position: -292px 0px; }
	a#nav-calen-on, a#nav-calen:hover, a#nav-calen:active { 	width: 170px; background-position: -292px 24px; }
	a#nav-store, a#nav-store:hover, a#nav-store:active { 	width: 110px; background-position: -462px 0px; }
	a#nav-store-on, a#nav-store:hover, a#nav-store:active { 	width: 110px; background-position: -462px 24px; }


/*	ul#navigate li ul {*/
	ul.opened {
		display: none;
		position: absolute;
/*		left: 0;
		top: 24px;*/
		left: 337px;
		top: 62px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #54661e;
	}

/*	ul#navigate li ul li {*/
	ul.opened li {
		float: none;
		font-size: 12px;
		width: 190px;
	}

/*	ul#navigate li ul li a {*/
	ul.opened li a {
		background: none;
		text-align: left;
		text-decoration: none;
		color: white;
		line-height: 22px !important;
		font-size: 12px;
		border: 0;
		padding: 0 15px;
	}

/*** drop downs ***/
#nav-recip-drop { left: 502px; }
/******************/
#top {
	clear: left;
	height: 29px;
	background: url(../img/top-bar.png) repeat-x top center;
}
	#topin {
		padding: 10px 0 0 0;
		margin: 0 20px 0 0;
	}
	#topin a {
		padding: 0 11px;
	}
#bottom {
	clear: left;
	height: 40px;
	background: url(../img/bottom-bar.png) repeat-x top center;
}

	#bottomin {
		padding: 8px 0 20px 0;
		margin: 0 20px 0 0;
		background: url(../img/title-slogan.png) no-repeat center right;
	}

	#bottomin a {
		padding: 0 11px;
	}

#foot {
	height: 30px;
	color: #999999;
	text-align: right;
	padding: 0 20px;
}

#copy { float: left; }
#foot a {
/*	color: #999999;*/
	color: #C25810;
}



/*** HOME ***/
#home-banner {
	width: 978px;
	height:413px;
	margin: 0;
	display:relative;
}

#home-header {
	height: 396px;
	padding: 0 0 0 307px;
}

#home-focus {
	padding: 160px 0 0 110px;
	font-size: 1.1em;
}
#home-button {
	position:relative;
	top:400px;
	left:535px;
}

#home-features {
	height: 144px;
	padding: 22px 0 0 0;
}



/*** CONTENT ***/
#content-header {
	display:block;
	height: 91px;
	background: url(../img/header.jpg) no-repeat top center;
	padding: 0 0 0 307px;
	position: relative;
}

#print-header {
	height: 91px;
	background: url(../img/header-print.jpg) no-repeat top center;
	position: relative;
}
#logo {
	position: absolute;
	top: 16px;
	left: 29px;
}

#content-main {
	background: #fefefe url(../img/content-bg.png) repeat-x center bottom;
	min-height: 280px;
	position: relative;
}

#content-features {
	padding: 13px 0 0 0;
	height: 117px;
	background: url(../img/feature-bg.png) repeat-x center top;
}

/*** Quality Time ***/
#qt-main {
	
}

#qt-inner {
	min-height: 590px;
	padding-top:20px;
}

#qt-inner-tip {

}


#qt-subnav {
	float:left;
	width: 250px;
	font-size: 1.1em;
	line-height: 1.5em;
	padding-left:10px;
	color: #4d4239;
}
	/*
	#qt-intro {
		padding: 0 0 0 0px;
		height: 106px;
		font-size: 1.1em;
	}
	*/
	#qt-story-nav {
		height: 400px;
		padding: 0px 0 0 20px;
		width: 200px;
		color:#00622c;
	}

	#qt-tip-nav {
		padding: 10px 0pt 0pt 30px;
		width: 260px;
	}


	#qt-story-nav div, #qt-tip-nav div {
		margin: 10px 0 6px 0;
	}

	#qt-story-nav a, #qt-story-nav a:link,
	#qt-tip-nav a, #qt-tip-nav a:link {
		color: #970a10;
		font-weight: bold;
		text-decoration: none;
	}

/*	#qt-story-nav a:visited {
		color: #e1905b;
	}*/

	#qt-story-nav a:hover {
		color: #cb5b11;
	}

	/*
	#qt-paginate a, #qt-paginate a:link, #qt-paginate a:visited {
		display: block;
		float: left;
		width: 16px;
		height: 16px;
		margin-right: 3px;
		line-height: 16px;
		text-align: center;
		text-decoration: none;
		color: white;
		font-size: 13px;
		background: url(../img/paginate.gif) no-repeat;
	}

	#qt-paginate a.on, #qt-paginate a.on:link, #qt-paginate a.on:visited {
		background: url(../img/paginate-on.gif) no-repeat;
	}*/
#more-qt-content {
	display:inline;
	font-size: 1.2em;
	color: #ffffff;
	line-height: 1.6em;
	background: url(/img/SSMHMC_background.jpg) no-repeat;
}
#qt-content {
	font-size: 1.2em;
	color: #ffffff;
	line-height: 1.6em;
	width:720px;
	background: url(../img/SSMHMC_background.jpg) no-repeat top left;
}


#qt-story-body {
}

	#qt-story-content {
		padding: 0 50px;
		min-height: 560px;
		margin-left:250px;
		background: url(../img/SSMHMC_background.jpg) no-repeat top left;
	}

/* Tips */

#tips-main {
	background: url(../img/qt-bg.png) repeat-x center bottom;
}

#tips-inner {
	background: url(../img/qt-inner-bg.jpg) no-repeat left bottom;
	min-height: 500px;
	position: relative;
}

#tips-inner-tip {
	min-height: 500px;
	position: relative;
}


#tips-subnav {
	float: left;
	width: 310px;

	font-size: 1.1em;
	line-height: 1.5em;
	color: #4d4239;
}

	#tips-intro {
		padding: 0 0 0 30px;
		height: 106px;
		font-size: 1.1em;
	}

	#tips-story-nav {
		bottom: 36px;
		height: 250px;
		padding: 10px 0pt 0pt 50px;
		position: absolute;
		width: 260px;
	}

	#tips-tip-nav {
		padding: 10px 0pt 0pt 30px;
		width: 260px;
	}


	#tips-story-nav div, #tips-tip-nav div {
		margin: 0 0 6px 0;
	}

	#tips-story-nav a, #tips-story-nav a:link,
	#tips-tip-nav a, #tips-tip-nav a:link {
		color: #cb5b11;
		font-weight: bold;
		text-decoration: none;
	}

/*	#tips-story-nav a:visited {
		color: #e1905b;
	}*/

	#tips-story-nav a:hover {
		color: #cb5b11;
	}


	#tips-paginate a, #tips-paginate a:link, #tips-paginate a:visited {
		display: block;
		float: left;
		width: 16px;
		height: 16px;
		margin-right: 3px;
		line-height: 16px;
		text-align: center;
		text-decoration: none;
		color: white;
		font-size: 13px;
		background: url(../img/paginate.gif) no-repeat;
	}

	#tips-paginate a.on, #tips-paginate a.on:link, #tips-paginate a.on:visited {
		background: url(../img/paginate-on.gif) no-repeat;
	}

#tips-content {
	margin: 0 0 0 334px;
	font-size: 1.2em;
	line-height: 1.6em;
}

#tips-story-header {
	position: relative;
	margin-top: 20px;
	background: url(../img/qt-story-top.png) no-repeat top left;
	height: 140px;
}

	#tips-story-header-padd {
		padding: 35px 50px 50px 50px;
	}

	#tips-story-img {
/*		position: absolute;
		top: -40px;
		left: 410px; */
		float: right;
	}
#tips-content #tips-story-header #tips-story-header-padd #headline-tips {
	color:#00713d;
	font-size:400%;
}
#tips-story-body {
	background: url(../img/qt-story-bg.png) repeat-y top left;
}

#tips-story-content {
	padding: 0 50px;
	min-height: 400px;
}

#tips-tip-content {
	padding: 0 50px;
	position: relative;
	top: -40px;
	min-height: 400px;
}

#qt-rolls {
	position: absolute;
}
.byWinner{
	font-weight:normal;
	font-style:normal;
	font-size:11px;
	color:#000000;
}
.ribbon{
	position: relative;
	top: -5px;
	left:-8px;
	z-index:9999;
}
#qt-content input, #qt-content textarea, #qt-content select {
	font-family: arial, sans-serif;
	color: #000000;
	border: 1px solid #cccccc;
	background-color: white;
	text-transform: none;
}

#qt-content input.btn {
	background: none !important;
	border: none !important;
}

label {
	color: #666666;
	text-transform: uppercase;

	display: block;
	padding-top: 10px;
}


#qt-content #title {
	font-size: 1.7em;
}

#qt-home {
	width: 978px;
    height: 402px;
    background: url(../img/quality-time.jpg) no-repeat top center;
	position: relative;
	font-size: 1.2em;
	line-height: 1.4em;
}

#qt-home-tipbtn { 	position: absolute; top: 143px; left: 52px; }
#qt-home-tip { 		position: absolute; top: 312px; left: 145px; width: 320px; }
#qt-home-storybtn { 	position: absolute; top: 210px; left: 625px; }
#qt-home-story { 	position: absolute; top: 312px; left: 545px; width: 320px; }

/** Recipes **/
#recipe-home {
	position: relative;
	width: 978px;
	height: 402px;
	background: url(../img/recipe-banner.jpg) no-repeat top center;

	font-size: 1.2em;
}
#recipe-win {
	position: relative;
	width: 978px;
	height: 402px;
	background: url(../img/recipe-banner-win.jpg) no-repeat top center;

	font-size: 1.2em;
}

#recipe-home-desc {
	position: absolute;
	top: 70px;
	left: 688px;
	width: 260px;

	color: white;
}

#recipe-home-more {
	position: absolute;
	top: 170px;
	left: 758px;
}
#recipe-win-list1 {
	position: absolute;
	top: 225px;
	left: 410px;
	width: 240px;
}
#recipe-win-list2 {
	position: absolute;
	top: 225px;
	left: 680px;
	width: 240px;
}

#recipe-home-list1 {
	position: absolute;
	top: 225px;
	left: 440px;
	width: 224px;
}
#recipe-home-list2 {
	position: absolute;
	top: 225px;
	left: 680px;
	width: 224px;
}


	.recipe-nav div {
		margin: 0 0 6px 0;
	}

	.recipe-nav a, .recipe-nav a:link {
		color: #cb5b11;
		font-weight: bold;
		text-decoration: none;
	}

/*	.recipe-nav a:visited {
		color: #e1905b;
	}*/

	.recipe-nav a:hover {
		color: #cb5b11;
	}



/** My Story **/
#story-title {
	float: left;
	width: 325px;
}

#story-content {
	margin: 0 0 0 325px;
	padding: 30px 15px;
	min-height: 600px;
	font-size: 1.2em;
	line-height: 1.5em6
}

#lightbox-images {
	display: none;
}

/** Media Kit **/
#media-title {
	float: left;
	width: 325px;
}

#media-content {
	margin: 0 0 0 325px;
	padding: 30px 15px;
	min-height: 500px;
	font-size: 1.2em;
	line-height: 1.6em;
}

/** Media Kit **/
.media-go-back {
	text-align:right;
	padding-bottom:16px;
}

/** Admin **/
#admin-nav {
	float: left;
	width: 225px;
}

#admin-content {
	margin: 0 0 0 225px;
	padding: 30px 15px;
	font-size: 1.2em;
	line-height: 1.6em;
}

/*** Video ***/
#video-content {
	padding: 0 20px;
	background: url(../img/video-background.jpg) repeat-x top center;
}

/*** Calendar ***/
#calendar {
	background: url(../img/calendar-banner.jpg) no-repeat top center;
	height: 402px;
	position: relative;
}

#calendar-top {
	position:absolute;
	top: -25px;
	left: 0px;
	height: 25px;
	width: 978px;
	background: url(../img/calendar-top.png) no-repeat top left;
}

#calendar-title {
	position:absolute;
	top: 0px;
	left: 0px;
}
#calendar-desc {
	position:absolute;
	top: 120px;
	left: 45px;

	width: 300px;
	font-size: 1.2em;
	color: white;
}
#calendar-instructions {
	position:absolute;
	top: 210px;
	left: 60px;
	width: 276px;
	font-size: 1.2em;
}
#calendar-start {
	position:absolute;
	bottom: 26px;
	left: 180px;
}


/*** Calendar Build ***/
#calendarbuild {
	font-size: 1.2em;
	line-height: 1.9em;
}

#calendarbuild-inner {
	padding: 22px 0;
}

#calendarbuild-left {
	width: 360px;
	float: left;
}

	#calendarbuild-left .padd {
		padding: 0 26px;
	}

#calendarbuild-right {
	border-left: 1px solid #d7d2ce;
	padding: 0 26px;
	margin-left: 370px;
	min-height: 315px;
}

#calendarbuild label {
	display: block;
	margin-bottom: 4px;
}

/*** Register ***/
#register {
	font-size: 1.2em;
	line-height: 1.9em;
	position: relative;
}

#register-inner {
	padding: 22px 0;
}

#register-left {
	width: 470px;
	float: left;
}

	#register-left .padd {
		padding: 0 26px;
	}

#register-right {
	border-left: 1px solid #d7d2ce;
	padding: 0 26px;
	margin-left: 480px;
	min-height: 315px;
}

#register-desc {
	padding-left: 225px;
	color: #4d4239;
}

#register label, #admin-content label {
	color: #666666;
	text-transform: uppercase;
	font-size: 0.9em;
}

#register input, #register textarea, #register select,
#admin-content input, #admin-content textarea, #admin-content select {
	font-family: arial, sans-serif;
	color: #000000;
	border: 1px solid #cccccc;
	background-color: white;
	text-transform: none;
}


#register input.btn {
	background: none !important;
	border: none !important;
}

/*** Forward ***/
#forward {
	background: url(../img/forward-bg.gif) no-repeat bottom left;
	font-size: 1.2em;
	line-height: 1.9em;
}

#forward-inner {
	padding: 22px 0;
}

#forward-left {
	width: 470px;
	float: left;
}

	#forward-left .padd {
		padding: 0 26px;
	}

#forward-right {
	border-left: 1px solid #d7d2ce;
	padding: 0 26px;
	margin-left: 480px;
	min-height: 315px;
}

#forward-desc {
	padding-left: 225px;
	color: #4d4239;
}

#forward label, #admin-content label {
	color: #666666;
	text-transform: uppercase;
	font-size: 0.9em;
}

#forward input, #forward textarea, #forward select,
#admin-content input, #admin-content textarea, #admin-content select {
	font-family: arial, sans-serif;
	color: #000000;
	border: 1px solid #cccccc;
	background-color: white;
	text-transform: none;
}


#forward input.btn {
	background: none !important;
	border: none !important;
}

/*** Products Home ***/
#products-home {
	background: url(../img/products-banner.jpg) no-repeat top center;
	width: 978px;
	height: 358px;
	position: relative;
}

#product-photo {
   	position: absolute;
    left: 0px;
    top: 4px;
	width: 320px;
	height: 198px;
}

#product-photo img {
	position: absolute;
}


#product-descr {
	position: absolute;
	top: 263px;
	left: 26px;
	width: 318px;
	height: 80px;
	font-size: 1.2em;
}

#get-coupon-button{
	position:absolute;
	top: 330px;
	left: 250px;
	z-index:9999;
}

#product-rolls {
	margin: 0 0 0 360px;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	color: white;
}

#product-buttons {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.rolltype {
	float: left;
	width: 134px;
	height: 115px;
	margin: 0 5px 2px 5px;
	text-align: center;
}

.rolltypedesc {
	display: none;
}

.rolltypephoto {
	display: none;
	position: absolute;
}

#register-photo {
	width: 463px;
	height: 361px;
	background: url(../img/register-crannut.png) no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
}



/*** homepage promo ***/
#home-promo {
	height: 338px;
	padding: 0 0 0 349px;
}

#home-promo-focus {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #216949;
	padding: 113px 100px 0 0;
}

#on-a-roll {
	background: url(../img/on-a-roll.gif) no-repeat top left;
	padding: 56px 110px 20px 140px;
}

#on-a-roll-link {
	padding-top: 3px;
	text-align: right;
}


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



#book-promo {
	height: 59px;
	position: relative;
}

#book-promo-link {
	position: absolute;
	top: -12px;
}

/* Firedrill message for the ordering section */
.firedrill-container{
	padding:10px 10px 10px 10px;
	width:736px;
	margin-left:auto;
	margin-right:auto;
}
.firedrill-container-order{
	padding-right:16px;
	padding-bottom:16px;
}

.firedrill{
	font-weight:700;
	color:#C25810;
	font-size:13px;
	text-align:left;	
}

.err-lbl {
	color:#C25810 !important;
}

.err-inpt {
	background-color:#fbf1da !important;
}

.orange{
	color:#C25810;
}
#cufon-corinthia{
	color:#00713d;
	font-size:400%;
}

/* Terms and privacy bullets */
.upper-alpha{
	list-style-type:upper-alpha;
	margin-left:25px;
}
.decimal {
	list-style-type:decimal;
	margin-left:25px;
}
.lower-roman{
	list-style-type:lower-roman;
	margin-left:25px;
}

.upper-alpha li{
	padding-top:5px;
	padding-bottom:5px;
}
.decimal li{
	padding-top:5px;
	padding-bottom:5px;
}

.lower-roman li {
	padding-top:5px;
	padding-bottom:5px;	
}