/*-------------------------------------------------------------------------
	Styles (styles.css)
//-------------------------------------------------------------------------

//-------------------------------------------------------------------------
	These styles are used by the front end of the site, what the users see.
	infrontcms.css has all of the content related styles, THESE SHOULD NOT
	BE REPEATED IN infrontcms.css!
//-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
	Body - Define base font formatting. This can be different from the body
	in infrontcms.css as long as you specify an ID in the header that
	matches the id specified here. (body#tier01). Specifying a different body
	ID for interior pages can simplify changing styles on those pages.
//-------------------------------------------------------------------------*/
html {

}

body
{
	background:#ffffff url(/images/bg/header.jpg) top no-repeat;
	margin:0;
	color: #333333;
	
}



/*-------------------------------------------------------------------------
	Page Layout Link Styles
//-------------------------------------------------------------------------*/

#footer a
{
	color: #1e3c73;
	text-decoration: underline;
}

#footer a:visited
{
	color: #1e3c73;
	text-decoration: underline;
}

#footer a:active
{
	color: #1e3c73;
	text-decoration: underline;
}

#footer a:hover
{
	color: #1f65e5;
	text-decoration: underline;
}

#global_nav a {

	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	display: block;
}

#global_nav a:hover {
	color: #1f65e5;
}

#primary_nav a {
	
}

#primary_nav a:hover {

}

#flashsidenav a {
	height: 66px;
	display: block;
	width: 300px;
	margin: 10px 0 0 0;
}

#flashsidenav a:hover {
	background-position: bottom;
}

#sidenav ul a {
	text-decoration: none;
	color: #616161;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
}

#sidenav ul a:hover {
	color: #000000;
}

#sidenav ul li.activeitem a {
	color: #000000;
}

#featured {background: url(/images/nav/featured.png) no-repeat 0 0;}
#story {background: url(/images/nav/ourstory.png) no-repeat 0 0;}
#why {background: url(/images/nav/whygrassfedbeef.png) no-repeat 0 0;}
#videos {background: url(/images/nav/videos.png) no-repeat 0 0;}

a { outline: none; }

#account_nav
 {
	display:table;
	margin-bottom:20px;
 }
 
ul#account_links
{
	margin:0;
    padding:0;
    list-style-type:none;
}

ul#account_links li
{
    float:left;
    display:inline;
    margin-right:10px;
}
/*-------------------------------------------------------------------------
	Input Boxes
//-------------------------------------------------------------------------*/
form {
	margin:0;
	padding:0;
}



/*-------------------------------------------------------------------------
	List Items - NOT CONTENT FORMATTING, USUALLY JUST NAVIGATION
//-------------------------------------------------------------------------*/


#global_nav li {
	float: left;
	margin: 0 0em 0em 2em;
	padding: 0 0em .3em 1em;
	list-style: none;
}

#primary_nav ul {
	margin: 0;
	padding: 0;
}

#primary_nav li {
	padding: 0em 0em;
	margin: 0;
	float: left;
	list-style: none;
}

#primary_nav li ul {
	margin:.5em 0 0 1em;
}

#primary_nav li ul li a {
	border-bottom: none;
	font-size: 1em;
	margin: 0;
	padding: 0 0 0 1em;
	text-transform: none;
	font-weight: normal;
}

#primary_nav li.active {
	background: #efefef;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

#flashsidenav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#flashsidenav ul {
	margin: 0;
	padding:  0;;
}

#sidenav ul {
	background: url(/images/bg/sidenav.jpg) no-repeat right top;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
}

#sidenav ul li {
	background: #e8e7cb;
	padding: 4px;
	margin: 0 1px 1px 0;
}

#related_products ul {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
}

/*-------------------------------------------------------------------------
	Layout Styles - for custom ID's and classes
//-------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width:984px;
}
	
#header {
	height: 146px;
	position:relative;
}	

#search {
	right:-10px;
	top:15px;
	position: absolute;
	margin: 0 0 0 0;
	height: 30px;
	width: 300px;
}

#search .query {
	padding: 3px;
}

#search .button {
	margin-bottom: -11px;
	position: relative;
}

#global_nav {
	list-style: none;
	margin: .5em;
	padding: 0;
	display:compact;
	float: right;
	text-align: right;
	position: relative;

}

#primary_nav {
	display: compact;
	float: left;
	height: 65px;
	margin: -1px 0px 0px 0px;
	z-index: 2;
	position: relative;
}

#content {
	width: 904px;
	background: url(/images/bg/repeat.jpg) repeat-y;
	margin-top: 0em;
	padding: 20px 40px 20px 40px;
	z-index: 1;
	position: relative;
	clear: both;
}

#footer {
	font-family: Georgia, "Times New Roman", serif;
	background: url(/images/bg/footer_cap.jpg) no-repeat top center;
	padding: 80px 10px 0 10px;
	height: 200px;
	margin-bottom: 1em;
	clear: both;
}

#copyright {
	float: left;
}

#dust {
	float: right;
}

#flashcontent {
	background: url(/images/flash_frame.jpg);
	width: 586px;
	margin: 58px 0 0 0;
	height: 327px;
	border: 3px solid #fff;
}

#flash {
	float: left;
}

#slides {
	height: 327px;
	width: 586px;
	margin: 10px 0px 0px 1px;
	border: 3px solid #fff;
	float: left;
	background: #ECEFF4;
}

#slides .slidelayer {
	height: 307px;
	width: 566px;
	padding: 10px;
	display: none;
	background: #FAFAEE;
}

#flashsidenav a.active {
	background-position: bottom;
	
}

#flashsidenav {
	float: left;
	margin-top: 15px;
}

#home_left {
	margin: 10px 0 10px 0px;
	width: 440px;
	float: left;
}

#home_side {
	margin: 10px 0 10px 34px;
	width: 430px;
	float: right;
}

#signup {
	width: 430px;
	border-top: 3px solid #8d8c7a;
	border-bottom: 3px solid #8d8c7a;
	display: block;
	height: 100px;
	padding: 10px 0;
}

#signup_content
{
	float: left;
	width: 430px;
}

#signup_form
{
	float: left;
	padding-left: 15px;
	width: 130px;
}

#signup input {
	width: 144px;
	margin: 3px 0;
}

#home_products {
	width: 430px;
	clear: right;
	text-align: left;
}

.order_thumb {
	float: left;
	text-align: center;
	margin:  0 10px 20px 0;
}

#home_products p img {
	margin:  0 10px 18px 0;
}

#signup p {
	width: 260px;
	margin: 0 20px 0 0;
	float: left;
	font-size: 11px;
}

#signup form {
	width: 100px;
	float: left;
}

#sidenav {
	float: left;
	height: auto;
	width: 170px;
	margin: 0px 25px 25px 0;
}

#main_content {
	width: 700px;
	float: left;
	padding-top: 0px;
}

#cart {
	font-size: 11px;
	padding: 0 0 15px 30px;
	background: url(/images/bg/cart.jpg) no-repeat left top;
}

.thumbnail {
	float: left;
	padding: 0 5px 5px 0;
}

.thumbnail img {
	width: 97px;
	height: auto;
	border: 2px solid #fff;
}

.mw_shelf_cell {
	width: 340px;
	margin:0 10px 20px 0;
	float: left;
	height: 100px;
}

.mw_link {
	color: #a85111;
}

.itemnav {
	color: #a85111;
	margin: 0;
}

#detail_image {
	float:left;
	border:3px solid #fff;
	margin:0 10px 10px 0;
}

.mw_table_header {
	padding: 5px;
	background: #fff;
}

.mw_table_cell {
	font-weight:none;
	font-size: 12px;
	color: #75746c;
	
}

p.status, p.success {
	padding: 8px;
	margin: 8px 0;
	background: #A85129;
	color: #fff;
}

	
	
/*--- form nav tabs ---*/
#tabs
{
	background-color: #F7F7F7; 
	border: 1px solid #000000;
	margin-top: 2px;
	height:31px;
}
.tab 
{
	width:90px;
	height:17px;
	position:relative;
	float:left;
	z-index:2;
	text-align:center;
	padding: 5px 0px 4px 0px;
	margin:4px 2px -1px 2px;
	border: 1px solid #000000;
	
	font: bold 12px Verdana, sans-serif;
}

.tab.active {
	background-color:#ffffff;
	border-bottom: 1px solid #ffffff;
}