@charset "utf-8";
body {
	font-family:"Trebuchet MS",Tahoma, Geneva, sans-serif;
	font-size:.85em;
	color:#333;
	background:#FFF url(/images/site-bg.png) repeat-x;
	text-align:center;
	margin:0;
	padding:0;
}
body > div{
	margin:0 auto;
	text-align:left;
}
h1 {
	font-size:26px;
	font-weight:500;
	color:#519FB4;
	margin-top:0;
}
h2 { 
	color:#003E7E;
	font-weight:normal;
	font-size: 18px;
	margin:0;
	padding:4px 0;
}
h4 {
	color:#519FB4;
	font-size:14px;
	margin:14px 0;
}
p {
	line-height:1.35em;
	margin: 10px 0;
}
.bold16 {
	font-weight:bold;
	font-size:18px;
}
.disclaimer {
	font-size:.65em;margin-top:15px;
}
.clear{
	clear:both;
}
.inside {
	padding:10px;
}
.inside20 {
	padding:20px;
}
.img { border:0; }
.floatLeftPhoto {
	float:left;
	padding:0 15px 15px 0;
}
.center {
	text-align:center;
}
.blue {
 	color:#003E7E;
}

#inset{
	width:940px;
	margin-top:40px;
	height:75px;
	overflow:hidden;
}
#inset .logo {
	display:block;
	float:left;
	width:388px;
}
#inset a img {
	border:0;
}
#inset .presented{
	padding-left:70px;
	color:#003E7E;
	font-size:11px;
}
#inset strong{
	font-size:14px;
}
#inset .presented-welcome {
	float:right;
	padding-right:50px;
	padding-top:10px;
	color:#003E7E;
	font-size:11px;
}

#top-content {
	width:940px;
	margin-top:15px;
	height:325px;
	overflow:hidden;
}
#top-content .sidebar1 {
	width:675px;
	float:left;
}
#top-content .sidebar2 {
	width:220px;
	height:327px;
	float:left;
	margin-left:20px;
}
#gallery {
	position:relative;
	height:325px;
	width:675px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:1
	}

	#gallery .caption {
		z-index:2; 
		background-color:#000; 
		color:#ffffff; 
		font-size:16px;
		height:100px; 
		width:405px; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		padding:10px;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		font:normal 24px "Trebuchet MS",Arial, Sans-serif;
		color:#1DCCEF;
	}
.home-callout {
	width:301px;
	float:left;
	margin-left:10px;
	margin-top: 10px;
	border-bottom: 1px solid #ccc;
}
.home-callout a {
	display:block;
	margin:10px 20px;
	background:url(/images/read-more-link.jpg);
	width:71px;
	height:20px;
	overflow:hidden;
	border:1px solid #fff;
	text-indent:-1000px;
	float:right;
}
.home-callout .featured {
	display: inherit;
	margin: 0; 
	background:none;
	width:auto;
	height: auto;
	overflow:visible;
	border: none;
	text-indent:0px;
	float: none;   
}
.float-half {
	width:450px;
	margin-left:10px;
	float:left;
}
#content{
	width:940px;
	margin-top:15px;
	position:relative;
	background: #FFF;
	border: 1px solid #ddd;
	z-index:0;
}
#content h2 {
	text-shadow: #fff 0 1px 0;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
}

#content ul li {
	margin: 10px 0;
	line-height: 16px;
	}
#content .img-left{
	float:left;
	margin-right:20px;
	}
#content .img-right {
	float: right;
	margin-left: 20px;
}
#flash-billboard {
	position:relative;
	z-index:0;
	width:940px;
	height:460px;
}
	
/* TWO-COLUMN START */

#content div.twocol-left {
	width:200px;
	padding-top:15px;
	float:left;
}
#content div.twocol-right {
	width:705px;
	padding-top:15px;
	padding-right: 0;
	margin-left:23px;
	float:left;
}

/* TWO-COLUMN END */

/* 3-COLUMN START */

#content div.threecol-left {
	width:200px;
	margin:25px 0 0 0;
	float:left;
}
#content div.threecol-center {
	width:520px;
	margin:25px 0 0 10px;
	float:left;
}
#content div.threecol-right {
	width:180px;
	padding-left:30px; 
	margin:25px 0 0 0;
	float:left;
}

/* 3-COLUMN END */

#foot{
	position:relative;
	background:url(/images/foot-bg.png) repeat-x;
	height:84px;
	overflow:hidden;
	margin:0 auto;
}
#foot .copyright{
	width:940px;
	margin:0 auto;
	color:#fff;
	margin-top:35px;
}
#foot .quicklinks{
	float:left;
}
#foot .quicklinks a{
	color:#fff;
	text-decoration:none;
	margin-right:10px;
}
#foot .quicklinks a:hover{
	text-decoration:underline;
}
#foot .text{
	float:right;
	font-weight:700;
	margin:0;
	padding:0;
}
#foot .designer, #foot .designer a {
	font-size:11px;color:#FFFFFF;
}
.foot-intro {
	text-align:center;
	color:#4094C0;
	font-size:12px;
	margin-top:20px;
}

/* SIDEBAR START */

#content .sidebar{
	border-bottom:0;
	background:#fff;
}
#content .sidebar-menu{
	width:172px;
	display:inline;
	float:left;
	margin-left:10px;
}
#content .sidebar-menu h2 {
	border: none;
	margin:0;
	padding:0;
	background:url(/images/product-menu-title-bg.gif);
	width:172px;
	height:32px;
	line-height:32px;
	font-size:13px;
	text-indent:15px;
	font-weight:bold;
	color:#464646;
}
#content .sidebar-menu ul{
	display:block;
	margin:0 0 10px 0;
	padding:5px 0;
	background:url(/images/product-menu-link-bg.gif) no-repeat left bottom;
	list-style-type:none;
}
#content .sidebar-menu a{
	display:block;
	color:#464646;
	text-decoration:none;
	line-height:24px;
	text-indent:15px;
}
#content .sidebar-menu a:hover{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	color:#000;
}
#content .sidebar-list{
	width:755px;
	display:inline;
	float:right;
}
#content .sidebar p {
	color: #078774;
	background: #f2faff;
	padding: 10px 10px 0 10px;
	margin:0;
	font-size:12px;
	}
#content .sidebar .img-side {
	margin: 0 0 0 10px;
	padding: 0;
}
/* SIDEBAR END */

/* TABSET FOR PRODUCT PAGES */

#tab-wrapper {
	width:660px;
	margin-top:15px;
	float:left;
}

div.panes div {
	display:none;		
	padding:15px 20px;
	margin-bottom:15px;
	border:1px solid #ddd;
	border-top:0;
	background-color:#fff;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #ddd;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/images/blue-tabs.png) no-repeat -430px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 124px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -430px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -430px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }
/* END TABSET */

#labelTbl { width:470px; margin:0 auto 15px auto; empty-cells:show; border:1px solid #333333; }
	#labelTbl td { padding:4px; vertical-align:top; }
	#labelTbl td.factsHd { text-align:center; border-top:6px solid #000000; }
	#labelTbl td.factsHdLeft { padding-left:20px; text-align:left; border-top:6px solid #000000; }
	#labelTbl td.entry { width:370px; border-top:1px solid #333333; }
	#labelTbl td.entryThick { width:270px; border-top:6px solid #000000; }
	#labelTbl td.entryThickWide { border-top:6px solid #000000; }
	#labelTbl td.entryIndent { width:270px; padding-left:20px; border-top:1px solid #333333; }
	#labelTbl td.entryIndentMore { width:270px; padding-left:35px; border-top:1px solid #333333; }
	#labelTbl td.serving { width:50px; text-align:center; border-top:1px solid #333333; }
	#labelTbl td.servingThick { width:50px; text-align:center; border-top:6px solid #000000; }

/* TABS END */

/* PRODUCT TABLES */
#shopDiv table {
	border: 1px solid #009;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	width: 500px;
}
#shopDiv table h1 {
	text-shadow: #FFF 0 1px 0;
	font-size: 18px;
	color: #0E4B8C;
	padding: 20px;
	margin:0;
	line-height: 10px;
}
#shopDiv table .title {
	background-color: #E7E7E7;
	padding: 0;
}
#shopDiv table .c1or, .c2or, .c3or, .c4or, .c5or {
	background: #0E4B8C;
	color: #FFF;
	padding: 5px 10px;
	border-bottom: 1px solid #666;
}
#shopDiv table .c1gr, .c2gr, .c3gr, .c4gr, .c5gr {
	background: #F6F6F6;
	font-size: 10px;
	color: #000;
	padding: 5px 10px;
	vertical-align:top;
	border-bottom: 1px solid #666;
	border-top: 1px solid #FFF;
}
#shopDiv table .c1wh, .c2wh, .c3wh, .c4wh, .c5wh {
	background: #FFF;
	font-size: 10px;
	color: #000;
	padding: 5px 10px;
	vertical-align:top;
	border-bottom: 1px solid #666;
}

/* PRODUCT TABLES END */

/* ID TABLES */

table#id {
	border:none;
	width: 400px;
}

/* END ID TABLES */

/* PRODUCTS */
#content .product-detail{
	display:inline;
	float:left;
	width:215px;
	border:1px solid #d5d5d5;
	margin-right: 15px;
	color:#464646;
	font-size:11px;
}
#content .product-detail img{
	display:block;
	margin:15px auto;
}
#content .product-detail h3{
	margin:0 0 0 15px;
	padding:0;
	color:#003E7E;
	font-size:16px;
	font-weight:400;
}
#content .product-detail ul{
	padding:0;
	margin:5px 0 15px 30px;
}
#content .product-detail li{
	margin-bottom:3px;
	text-transform: capitalize;
}
#content .product-detail li strong {
	font-weight: bold;
	color:#000;
}
#content .product-detail .price{
	margin:0 0 0 15px;
	height:20px;
}
#content .product-detail .join-price{
	text-align:center;
	font-weight: bold;
	font-size: 16px;
	color:#000;
}
#content .product-detail a.details {
	display:block;
	float:right;
	width:64px;
	height:24px;
	text-indent:-1000px;
	overflow:hidden;
	background:url(../images/product-details-link.gif);
	margin:-25px 15px 10px 0;
}
#content .product-detail form {
	text-align:center;
}
.separator {
	height:15px;
	display:block;
	clear:both;
}

/* PRODUCTS END */