body {
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color:#336633;
	font-weight:bold;
	text-decoration:none;
	}
a:hover, a:active {
	color:#0066CC;
	text-decoration:none;
	}
#praise {
	border-bottom:1px solid #996600;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	padding:10px 0 20px !important;
	}
#praise h1 {
	color:#003300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px !important;
	font-weight:bold !important;
	margin: 0;
	padding: 0;
	}
#praise p {
	line-height:140%;
	}
#recipe-holder {
	border-top:1px solid #D9CDC3;
	position:relative;
	float:left;
	width:400px;
	height:110px;
	padding:10px 0 10px;
	}
#recipe-image {
	position:relative;
	float:left;
	width:150px;
	height:100px;
	overflow:hidden;
	margin-right:18px;
	}
#recipe-text {
	position:relative;
	float:right;
	width:230px;
	min-height:50px;
	margin-top:20px;
	}


	
#column a:link, #column a:visited, #article a:link, #article a:visited {
	color:#336633;
	font-weight:bold;
	text-decoration:none;
	}
#column a:hover, #column a:active, #article a:hover, #article a:active {
	color:#0066CC !important;
	text-decoration:none;
	}
#column strong, #article strong {
	font-weight:bold;
	}
	
	
	

/* GENERAL PAGE STYLES */

#wrapper
{
	width: 1024px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#header
{
	position: relative;
	width: 1024px;
	height: 200px;
	padding: 0;
	margin: 0;
	background-image: url(images/header_new.jpg);
}

#logo
{
	float: left;
	width: 200px;
	height: 200px;
	padding: 0;
	margin: 0;
}

.column
{
	height: 100%;
}

.topnav
{
	position: relative;
	top: 50px;
	float: left;
	width: 820px;
	height: 60px;
}

.topnav #top
{
	height: 30px;
	float:left;	
	padding-right:0px;
	}

.topnav #bottom
{
	height: 30px;
	float:left;		
}

.topnav ul
{
	list-style: none;
	display: inline;
		margin: 0;

}

.topnav ul li
{
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	text-align: center;
	font-weight: normal;	
}

.topnav ul li a
{
	display: block;
	width: 98px;
	text-decoration: none;
	line-height: 30px;
	height: 30px;
	color: #2d2527;
	background-color: #f3e3c4;
	background-image: url(images/topnav.jpg);
	font-size: 10.5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: normal;
		margin:0px;	
			padding: 0px;
}

.topnav ul li a:hover
{
	background-color: #998675;
	background-image: url(images/topnav_over.jpg);
}

.topnav ul li a#green
{
	background-image: url(images/topnav_green.jpg);	
}

.topnav ul li a#green:hover
{
	background-image: url(images/topnav_green_over.jpg);	
}

.topnav ul li a#blue
{
	background-image: url(images/topnav_blue.jpg);	
}

.topnav ul li a#blue:hover
{
	background-image: url(images/topnav_blue_over.jpg);	
}


#sidebarcontainer
{
	position: relative;
	float: left;
	width: 236px;
	height: 100%;
	margin: 0;
	padding: 0 0 20px 20px;
	background-image: url(images/sidebar_bg.png);
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

#menutab
{
	position: relative;
	width: 236px;
	height: 25px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #2d2527;
}

#sidenav
{
	position: relative;
	width: 236px;
	height: auto;
	padding: 0;
	margin: 0;
}

#content-container
{
	position: relative;
	float: left;
	right: 0;
	width: 728px;
	height: 100%;
	margin: 0;
	padding: 20px;
	padding-top: 0;
	background-image: url(images/content_bg.png);
	background-repeat: repeat-y;
}

#content-container-learn
{
	position: relative;
	float: left;
	right: 0;
	width: 728px;
	height: 600px;
	margin: 0;
	padding: 20px;
	padding-top: 0;
	background-image: url(images/content_bg.png);
	background-repeat: repeat-y;
}

.footer
{
	position: relative;
	float: left;
	text-align: center;
	width: 1024px;
	height: 80px;
	margin: 0 auto;
	padding-bottom: 20px;
	background-color: #fff;
}

.footer h1
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
}

h1, h2
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #2d2527;
}

h3
{
	font-family: Georgia, serif;
}


/* ECOMM NAVIGATION STYLES */

.ecomm
{
	position: absolute;
	top: 165px;
	right: 10px;
	width: auto;
	height: 20px;
}

.ecomm ul
{
	list-style: none;	
}

.ecomm ul li 
{
	float: left;
	width: 130px;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
}

.ecomm ul a
{
	display: block;
	padding-left: 20px;
	text-decoration: none;
	color: #998675;	
	line-height: 20px;
}

.ecomm ul a:hover
{
	color: #2d2527;	
}

.ecomm ul li a#fbk
{
	background-image: url(images/fbk.gif);
	background-repeat: no-repeat;
}

.ecomm ul li a#twitter
{
	background-image: url(images/twitter.gif);
	background-repeat: no-repeat;
}

.ecomm ul li a#tube
{
	background-image: url(images/tube.gif);
	background-repeat: no-repeat;
}

.ecomm ul li a#advanced
{
	background-image: url(images/advanced.gif);
	background-repeat: no-repeat;
}

.ecomm ul li a#cart
{
	background-image: url(images/cart.gif);
	background-repeat: no-repeat;	
}

.ecomm ul li a#checkout
{
	background-image: url(images/checkout.gif);
	background-repeat: no-repeat;	
}

/* SIDE NAVIGATION SHOPPING STYLES */

.category
{
	position: relative;
	width: 236px;
}

.category a
{
	margin: 2px 0;
	padding: 5px 15px;
	display: block;
	text-decoration: none;
	color: #2d2527;
	background-color: #f9efd0;
	border-top: 1px solid #d9cdc3;
	border-bottom: 1px solid #dbb43d;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.category a:hover
{
	color: #336633;
}

#level2
{
	clear: both;
	padding: 2px 0 2px 20px;
	word-wrap: break-word;
}

#level2 a
{
	text-decoration: none;
	font-weight: normal;
	color: #0066cc;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#level2 a:hover
{
	font-weight: normal;
}

#level3
{
	clear: both;
	padding: 2px 0 2px 20px;
	word-wrap: break-word;
	color: #990000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#level3 a
{
	text-decoration: none;
	font-weight: normal;
	color: #2d2527;
}

#level3 a:hover
{
	font-weight: bold;
}

#level4
{
	clear: both;
	padding: 2px 0 2px 20px;
	word-wrap: break-word;
	color: #990000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#level4 a
{
	text-decoration: none;
	font-weight: normal;
	color: #2d2527;
}

#level4 a:hover
{
	font-weight: bold;
}

#level5
{
	clear: both;
	padding: 2px 0 2px 20px;
	word-wrap: break-word;
	color: #990000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#level5 a
{
	text-decoration: none;
	font-weight: normal;
	color: #2d2527;
}

#level5 a:hover
{
	font-weight: bold;
}


/* CATEGORY SEARCH STYLES */

.catsearch
{
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 30px;
	background-color: #f5f0e6;
}

.catsearch #title
{
	position: relative;
}	

.catsearch #options
{
	position: relative;	
}

.catsearch #info
{
	position: relative;	
}

.catsearch #button
{
	position: relative;	
}

.catsearch #sectiontitle h1
{
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px dotted #998675;	
}

.catsearch #title h1
{
	font-size: 11px;
	font-weight: bold;
	color: #998675;	
}

.catsearch #info h1
{
	font-size: 10px;
	font-weight: 100;	
}

#no-results
{
	position: relative;
	float: left;
	padding: 20px;
}

#no-results h1
{
	font-size: 12px;
	color: #998675;
}

#no-results h2
{
	font-size: 10px;
	color: #998675;
}

#no-results ul li
{
	font-size: 10px;
}


/* MEMBERS ONLY CATEGORY SEARCH STYLES */


.mocatsearch
{
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 30px;
	background-color: #f2e8e8;
}

.mocatsearch #title
{
	position: relative;
}	

.mocatsearch #options
{
	position: relative;	
}

.mocatsearch #info
{
	position: relative;	
}

.mocatsearch #button
{
	position: relative;	
}

.mocatsearch #sectiontitle h1
{
	font-size: 13px;
	font-weight: bold;
	color: #8f0100;
	border-bottom: 1px dotted #8f0100;	
}

.mocatsearch #title h1
{
	font-size: 11px;
	font-weight: bold;
	color: #8f0100;	
}

.mocatsearch #info h1
{
	font-size: 10px;
	font-weight: 100;	
}


/* CATEGORY LIST STYLES */

.catlist
{
	position: relative;
	padding: 10px 30px;	
}	

.catlist #sectiontitle h1
{
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px dotted #998675;	
}

.catlist #info
{
	position: relative;
	float: left;	
}

.catlist #listcount
{
	position: relative;
	float: right;
}

.catlist #cattitle
{
	position: relative;
	width: 668px;
	height: 50px;
	background-image: url(http://www.grasslandbeef.com/source/images/cattitle.jpg);	
}

.catlist #image
{
	position: relative;
	padding-top: 20px;
	width: 668px;	
}

.catlist #product
{
	position: relative;
	width: 668px;
	border-bottom: 1px dotted #998675;	
}

.catlist #pagelist
{
	position: relative;	
}

.catlist #info h1
{
	font-size: 10px;
	font-weight: 100;	
}

.catlist #listcount h1
{
	font-size: 10px;
	font-weight: 100;	
}

.catlist #cattitle h3
{
	font-size: 14px;
	font-weight: normal;
	line-height: 50px;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #336633;	
	background-color: none;
	font-family: Georgia, serif;
}

.catlist #product h1
{
	font-size: 12px;
	font-weight: bold;
	color: #2d2527;	
}

.catlist #product h2
{
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
}
.catlist #product h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #0066cc;
	line-height: normal;
	text-decoration: underline;
}

.catlist #pagelist h2
{
	font-size: 12px;
	font-weight: normal;
	color: #998675;
}

/* PRODUCT DETAIL STYLES */

#product-detail
{
	position: relative;
	width: 688px;
	height: auto;
	margin-left: 20px;
	margin-top: 20px;
	text-align: left;
}

#product-detail h1
{
	font-size: 12px;
	color: #2d2527;
	text-align: left;

}

#product-detail h2
{
	font-size: 12px;
	color: #2d2527;
	text-align: left;
	font-weight: normal;

}

#product-detail h3
{
	display:block;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: .1em;
	margin:0 0 5px;
	text-align: left;
	color: #336633;
}

#product-detail h4
{
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

#product-detail h5
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #0066cc;
	line-height: normal;
	text-decoration: underline;
	text-align: left;

}

#pd-head-container
{
	position: relative;
	float: left;
	width: 648px;
	height: auto;
	margin: 0;
	padding: 20px;
	background-image: url(images/product_bg.jpg);
	background-repeat: no-repeat;
}

#pd-image
{
	position: relative;
	float: left;
	width: 236px;
	height: auto;
}

#pd-name-description
{
	position: relative;
	float: left;
	width: 392px;
	height: auto;
	padding-left: 20px;
	text-align: left;

}

#pd-price
{
	position: relative;
	clear: both;
	float: left;
	padding: 0 20px;
	text-align: left;
	font-family: verdana, sans-serif;

}

#pd-sale
{
	position: relative;
	clear: both;
	float: left;
	padding: 0 20px;
	text-align: left;
}

#custom-container
{
	position: relative;
	clear: both;
	float: left;
	padding: 0 20px;
	text-align: left;
}

.custom-label
{
	position: relative;
	padding: 0 20px;
	text-align: left;
}

#cartadd-container
{
	position: relative;
	clear: both;
	float: left;
	padding: 0 20px;
}

#cartadd-container h1
{
	font-size: 10px;
	font-weight: bold;
}

#cart-link
{
	position: relative;
	clear: both;
	float: left;
}

#bottom-links
{
	position: relative;
	float: right;
}

#bottom-links ul
{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

#bottom-links ul li
{
	float: left;
	width: 120px;
	font-size: 9px;
	font-weight: bold;
}

#bottom-links ul li#send
{
	line-height: 20px;
	background-image: url(images/send.gif);
	background-repeat: no-repeat;
}

#bottom-links ul li#back
{
	line-height: 20px;
	background-image: url(images/back.gif);
	background-repeat: no-repeat;
}

#bottom-links ul li a
{
	display: block;
	padding-left: 22px;
	text-decoration: none;
	color: #998675;
}

#bottom-links a:hover
{
	color: #2d2527;
}
 /* HELD IN SEPARATE TEMPLATE FROM PRODUCT DETAIL PAGE - "cartadd.tpl" */

#cartadd
{
	position: relative;
}


/* CUSTOMER PAGE STYLES */

#customer-info
{
	position: relative;
	padding: 20px;
}

#customer-info h1
{
	font-size: 13px;
	font-weight: bold;
}

#customer-info h2
{
	font-size: 11px;
	font-weight: normal;
}

#customer-info h5
{
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

/* CUSTOMER HISTORY STYLES */

#customer-history
{
	position: relative;
}

#customer-history h1
{
	font-size: 12px;
	font-weight: bold;
	color: #2d2527;
}

#customer-history h2
{
	font-size: 10px;
	font-weight: normal;
	color: #2d2527;
}
.rtitle 
{
	color:#336633;
	border-top: 1px solid #998675;
	padding-top: 20px;
}
.rheadline 
{
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}
.rsubheadline 
{
	color:#2d2527;
    font-weight: normal;
	font-size: 12px;
	border-bottom: 1px dotted #2d2527;
}
.rbrown 
{
	color:#5c4a3b;
	line-height: 150%;
	font-size: 12px;
}
.rtan 
{
	color:#996600;
	line-height: 150%;
	font-size: 12px;
}
.rdirections 
{
	color:#5c4a3b;
	line-height: 150%;
	font-size: 12px;
}
ol.rdirections 
{ 	/*margin-left: -40px;*/
	list-style-type: decimal;
	list-style-position: outside;
}
.rsource 
{
	color:#333;
	line-height: 150%;
	font-size: 10px;
}
.rbacktotop 
{
	color:#06c;
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
}
.rbacktotop a:hover
{
	color:#06c;

}
.rbacktotop:hover
{
	color:#f30;
	
}



div.more-btn {
	margin: 2em 0;
	}
div.more-btn a {
	padding: 6px 14px;
	color: #ffffff;
	background: #339933;
	border:2px solid #336633;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-family:Verdana,Arial,Helvetica,sans-serif !important;
    font-size:.85em !important;
	letter-spacing:.01em;
	text-decoration:none;
	}
div.more-btn a:hover {
	background: #33cc33;
	border:2px solid #336633;
	}
	
	
ul.home-list {
	height:50px;
	width:100%;
	margin:0 0 10px;
	background:transparent url(http://173.0.164.7/source/images/home-list-bg.jpg) repeat-y 0 0;
	list-style:none;
	}
ul.home-list li {
	dispaly:inline;
	}
.home-list li a {	
	background:transparent url(http://173.0.164.7/source/images/home-list-button-bg.jpg) repeat-y 0 0;
	border:2px solid #ffffff;
	color:#ffffff;
	display:block;
	float:left;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:normal;
	height:26px;
	left:-35px;
	line-height:95%;
	margin:4px 8px 4px 0;
	letter-spacing:0.08em;
	padding:5px 10px;
	position:relative;
	text-decoration:none;
	width:210px;
	}	
.home-list li a:hover {	
	background:#ff0000;
	border:2px solid #660000;
	color:#ffffff;
	text-decoration:none;
	}


.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 728px;
	height: 340px; /* Set height to be able to contain height of largest content shown*/
	border: 0;
	overflow: hidden;
	color:#5c4a3b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:150%;
	font-weight:normal;
	}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: #ccc;
	padding:0px;
	visibility: hidden;
	width: 728px;
	}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler { /*style for DIV used to contain toggler links. */
	background:transparent url(http://173.0.164.7/source/images/bg-glider-links.jpg) no-repeat 0 0;
	width: 728px;
	height:40px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
	margin:0px;
	text-align: left; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/

}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
	display: -moz-inline-box;
	display: inline-block;
	background:none;
	border: 0px;
	color: #2d2527;
	font-weight: bold;
	text-decoration: none;
	height:40px;
	width:125px;
	letter-spacing:.05em;
	padding: 10px 5px;
	margin-right:0px;
    text-align: center;
	vertical-align:middle;
	outline:none;
	}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
	background:transparent url(http://173.0.164.7/source/images/bg-tab-selected.png) no-repeat 0 0;
	color: #F9EFD0;
	height:40px;
	width:125px;
	letter-spacing:.05em;
	text-align: center;
	vertical-align:middle;
	padding: 10px 5px;
	margin-right:0px;
	outline:none;
	}

.glidecontenttoggler a:hover{
	background:transparent url(http://173.0.164.7/source/images/bg-tab.png) no-repeat 0 0;
	color: #ffffff;	
	}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}
#content-container #main {
	height:380px;
	}
	
#main-images #section1 {
	background:transparent url(http://www.uswellnessmeats.com/images/homeslider-featured.jpg) no-repeat 0 0;
	}
#main-images #section2 {
	background:transparent url(http://uswellnessmeats.com/source/images/bg-you.jpg) no-repeat 0 0;
	}
#main-images #section3 {
	background:transparent url(http://uswellnessmeats.com/source/images/bg-animals.jpg) no-repeat 0 0;
	}	
#main-images #section4 {
	background:transparent url(http://uswellnessmeats.com/source/images/bg-planet.jpg) no-repeat 0 0;
	} 
	
#free-shipping {
		height:160px;
		position:absolute;
		left:0;
		top:0;
		width:270px;
}
#section-title {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight: bold;
    position:relative;
	left:240px;
	width:430px;
	height:25px;
	padding:0px 15px 0px;
	margin:20px 0 5px;
	}
#section-text {
	background:transparent url(http://uswellnessmeats.com/source/images/white-trans.png) repeat 0 0;
    position:relative;
	left:240px;
	width:430px;
	height:254px;
	padding:10px 15px 15px;
	}
.headline-black {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5em;
	font-weight: bold;
    position:relative;
	margin:5px 0;
	letter-spacing:.05em;
	text-transform:uppercase;
	}
.headline-green {
	color:#006600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5em;
	font-weight: bold;
    position:relative;
	margin:5px 0;
	text-transform:uppercase;
	}
	
/* -------------- this is for the auto generated featured product image on the homepage --------------*/	
#featureproduct-holder {
    position:relative;
    width:236px;
    height:100px;
	overflow:hidden;
	}
#featureproduct-img-holder {
    position:absolute;
    margin-top:-20px;
    width:236px;
    height:120px;	
	overflow:hidden;
	}	
#featureproduct-img-holder img {
    width:236px;
    height:auto;
	}

img.nutrion-label {
	max-width:250px;
	height:auto;
	}
img.nutrion-label-wide {
	max-width:580px;
	height:auto;
	}	
img.nutrion-label:hover, img.nutrion-label-wide:hover {
	opacity:0.5;
	filter:alpha(opacity=50);
	}
span.imgless {
	color:#5c4636;
	display:block;
	font-size:16px;
	margin-bottom:15px;
	}
b.price { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	}	 
	
/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }	
a { 
outline: none;
}
