@charset "utf-8";

/************************* BODY/HTML */
body {
	padding: 0;
	margin: 0;
	background: url(../images/bg.gif) repeat;
	font: 100% Arial, Helvetica, sans-serif;
}

/************************* GLOBALS */
.left {
	float: left;
}

.right {
	float: left;
}

.float-shield {
	clear: both;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

.more {
	padding-top: 5px;
}

.tsgqdblog {
	font-size: 12px;
	color: #330066;
	float:right;
	display:inline;
	margin-right: 0px;
}

#bounds #top #logo .tsgqdblog a:link {
	font-size: 80%;
	color: #1D0F80;
	text-decoration: underline;
}

#bounds #top #logo .tsgqdblog a:hover {
	color: #666;
	text-decoration: none;
	font-weight:normal;
}

#bounds #top #logo .tsgqdblog a:visited {
	color: #666;
	text-decoration: none;
	font-weight:normal;
}

#bounds #top #logo .addthis_toolbox.addthis_default_style {
	font-size: 12px;
	padding-top: 15px;
}

#bounds #top #social {
	float: right;
	height: 90px;
	width: 200px;
	padding-top: 20px;
	padding-right: 32px;
	font-size: 12px;
}

.tsg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #0F005B;
	padding: 0px;
	height: 75px;
}

/************************* SUBMENU */
#top #submenu {
	text-align: center;
}

#top #submenu span {
	position: relative;
	top: 6px;
	color: #999;
	padding-top: 3px;
	font-size: 70%;
}

#top #submenu span a {
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	color: #999;
	font-weight: bold;
}

#top #submenu span a:hover {
	text-decoration: underline;
}

/************************* STRUCTURE */
#bounds {
	margin: 0 auto;
	width: 1005px;
	background: url(../images/content-bg.png) repeat-y;
}

#bounds #top {
	position: relative;
	height: 140px;
	margin: 0 auto;
	width: 997px;
	background: url(../images/top-nav-bg.gif) no-repeat top;
}

#bounds #top #submenu {
	background:url("../images/curve.jpg") no-repeat scroll left center #F3F1E4;
	height:29px;
	min-width:255px;
	padding-left:52px;
	position:absolute;
	right:350px;
	top:0;
}

#bounds #top #logo {
	position: absolute;
	left: 30px;
	top: 25px;
}

#bounds #home-header {
	width: 928px;
	margin: 0 auto;
	height: 170px;
	/*background: url(../images/home-banner.jpg) no-repeat top;*/
	padding-bottom: 10px;
}

#bounds #container {
	margin: 0 auto;
	width: 930px;/*background: url(images/content-bg.gif) repeat-y;*/
	padding-top: 10px;
}

/************************* CONTENT/TOP */
#bounds #content {
	float: right;
	width: 450px;
	padding: 0px 35px 35px 5px;
}

#bounds #content #content-top {
	position: relative;
	background-color: #F2F0DE;
	width: 723px;
	height: 376px;
	border-bottom: 5px solid #D5EEF3;
}

#bounds #content #content-top img#header-img {
	border-bottom: 3px solid #E1DEC4;
}

/************************* LEFTNAV */
#bounds #leftnav {
	float: left;
	width: 425px;
	padding: 0px 30px 35px 38px;
}

#bounds #leftnav ul {
	margin:15px 0 0 0px;
	padding-left: 0px;
}

#bounds #leftnav ul li {
	border-bottom: 1px solid #E8E6D1;
	list-style: none;
	padding-top: 3px;
	margin-top:5px;
	padding-bottom: 3px;
	width: 325px;
}

#bounds #leftnav ul li a:link {
	font-size: 85%;
	color: #807792;
	text-decoration: none;
	padding-left: 0px;
}

#bounds #leftnav ul li a:visited {
	font-size: 85%;
	color: #B3C792;
	text-decoration: none;
	padding-left: 0px;
}

#bounds #leftnav ul li a:hover {
	font-weight: bold;
	color: #0F005B;
}

/************************* CONTENT ***************/

#categories {
	padding-top: 20px;
	float: right;
	padding-right: 20px;
	width: 130px;
}

#recipes {
	margin: 0 0 0 40px;
}

h1 {
	color:#1d1060;
	border-bottom: 3px solid #b4cd95;
	/*width: 375px;*/
	margin-bottom: 12px;
	padding-bottom: 5px;
	font: normal 28px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
}

h2 {
	font-size:18px;
	color: #669900;
	margin: 0px;
	margin-top: 95px;
}

h3 {
	color: #0F005B;
	margin-bottom:5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #7F7496;
	float:left;
	clear:both;
	font: 110% Arial, Helvetica, sans-serif;
}

#bounds #content span .cat {
	text-align: right;
}

h1.cat {
	color:#1d1060;
	border-bottom: 3px solid #b4cd95;
	/*width: 375px;*/
	margin-bottom: 12px;
	padding-bottom: 5px;
	font: normal 28px Arial, Helvetica, sans-serif;
	text-align: right;
}

h4 {
	font-size: 14px;
	color: #0F005B;
	font-size:85%;
	border-bottom: 1px solid #7F7496;
	margin: 0px 0px 3px;
	padding: 0px 0px 3px;
}

h4.home {
	color: #0F005B;
	font-size:100%;
	border-bottom: 1px solid #7F7496;
	float:left;
	margin: 10px 0px 5px;
	padding:0
}

.small-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	font-weight: bold;
}

.fine-print {
	font-weight: normal;
}

ul.green {
	font-size:85%;
	color: #669900;
	margin-top:0px;
}

.product-name {
	color: #669900;
	font-size:16px;
}

.print {
	font-size: 12px;
	color: #1D1060;
	font-weight: normal;
	margin-bottom:15px;
}

.list-pdf {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	padding-left: 0px;
}

.cards {
	float:left;
	margin: 0;
	padding:0;
}

#bounds #content .cards ul {
	list-style: none;
	margin:0px;
	padding: 0px;
}

#bounds #content .cards ul li {
	padding: 0px;
	margin: 0px;
}

#bounds #content .cards a:link {
	font-size: 85%;
	line-height: 1.8em;
	color: #807792;
	text-decoration: none;
}

#bounds #content .cards a:visited {
	font-size: 85%;
	text-decoration: none;
	color:#B3C792;
}

#bounds #content .cards a:hover {
	text-decoration: none;
	font-weight: bold;
	color:#0F005B
}

#bounds #content p.instruct {
	font-size:85%;
	color: #669900;
	margin-top:0px;
	text-align:left;
}

#bounds #content h1 #categories {
	width:420px;
	color:#1d1060;
	border-bottom: 3px solid #b4cd95;
	/*width: 375px;*/
	margin-bottom: 12px;
	padding-bottom: 5px;
	font: normal 28px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	float: right;
}

#bounds #content #cat-links {
	padding: 0px;
	margin: 0px 0px 10px;
}

#bounds #content #cat-links p {
}

#bounds #content #cat-links div a img {
	float: left;
	border: 1px solid #B4CD94;
}

#bounds #content #cat-links div a:link img {
	color: #FFF;
}

#bounds #content #cat-links div a:hover img {
	border: 1px solid #FFF;
}

.no-line {
	text-decoration: none;
}

#bounds #content #cat-links .categories {
	background: #B4CD94;
	min-height:94px;
	margin: 0px 0px 10px;
	padding: 5px;
}

#bounds #content #cat-links .categories a p {
	margin-top:35px;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	margin-left: 210px;
}

#bounds #content p {
	margin: 0px;
}

#bounds #content .product-img {
	clear: both;
	float:left;
}

#footer {
	position: relative;
	margin: 0 auto;
	width: 1005px;
	font-size: 90%;
	height: 27px;
	background: url(../images/footer-bg.png) repeat-y;
}

.product-desc {
	width: 360px;
	margin-bottom: 20px;
}