﻿/********  L A Y O U T  *********/
body {
	margin:0 auto;
/*	background:#bfbfbf; */
	background:#fff;
 	}
#container {
	margin:24px auto;
	background:#fff;
	width:760px;
	border:1px solid #bfbfbf;
	
}

#header	{
	position:relative;
	height:389px;
	background:#bfbfbf;
}
	#header div#header-trans	{
		position:absolute;
		top:0px;
		left:40px;
		height:389px;
		width:290px;
		background:#362f2d;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
		z-index:99;
	}
		#header #logo	{
			position:absolute;
			top:60px;
			left:60px;
/*			width:103px;
			height:101px;*/
			z-index:99;
		}
		#header h1	{
			position:absolute;
			top:140px;
			left:60px;
			z-index:99;
		}
		#header div#buy-box	{
			position:absolute;
			top:315px;
			left:60px;
			width:260px;
			z-index:99;
		}
		#header-bg	{
			z-index:1;
			width:760px;
			height:389px;
			overflow:hidden;
		}
#nav	{
	position:relative;
	padding:8px 0;
	background:#9a9796;
	text-align:right;
}
	#nav li	{
		margin:0 12px;
		list-style-type:none;
		display:inline;
		font:bold 12px/1.4 Helvetica, Arial, Sans-Serif;
		color:#fff;
		text-transform:uppercase;
		letter-spacing:.5px;
	}
#content	{
	padding:20px;
}
	.col-1	{
		width:350px;
		float:left;
	}
		#details	{
			background:#ddd4cf;
			padding:5px 8px;
			margin:24px 0px;
		}
		#details img	{
			margin:0 auto;
		}
		#details small	{
			margin-top:12px;
		}
	.col-2	{
		width:350px;
		float:right;
	}

div#testimonial	{
	clear:both;
	}
.col-a, .col-b, .col-c	{
	position:relative;
	float:left;
	width:200px;
	padding:10px;
	margin:24px 0 24px 20px;
	height:220px;
	background:#95b8e3;
}
.col-a	{
	clear:left;
	margin-left:0;
}
div.col-a p.read-more, div.col-b p.read-more, div.col-c p.read-more	{
	position:absolute;
	top:200px;
	left:120px;
	}

#footer	{
	clear:both;	
	background-color:#9A9796;
	padding:5px;
	text-align:right;
}

/************** TEXT ELEMENTS **************/
/* FONT STACKS */
/* Times New Roman-based serif stack:	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
/* Georgia-based serif stack:			font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
/* Garamond-based serif stack:		font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
/* Helvetica/Arial-based sans serif stack:	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
/* Verdana-based sans serif stack:		font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
/* Trebuchet-based sans serif stack:		font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
/* Impact sans serif stack:			font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
/* Monospace stack:				font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
*/
body, textarea{font-size:100%;}	
body, textarea{line-height:23px;	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
pre, code, tt {line-height:19px;	font-family:"Andale Mono", "Courier New", monospace; } /* IE will likely need a different line-height  */

h1, h2, h3, h4, h5, h6{} /* Header Color  */
p{} /* Text Color E2R recomends #111 - #444 */

h1	{ font-weight:bold; color:#fff; padding-bottom:12px;}
h1 .h1-small	{font-size:24px; line-height:30px;}
h1 .h1-medium	{font-size:36px; line-height:36px;}
h1 .h1-large	{font-size:38px; line-height:48px;}
h2 {font:bold 24px/1.4 Helvetica, Arial, Sans-Serif; color:#252525;}
h3 {font:bold 18px/1.4 Helvetica, Arial, Sans-Serif; color:#4d4d4d; text-transform:uppercase; letter-spacing:.5px;}
h4 {font:bold 16px/1.4 Helvetica, Arial, Sans-Serif; color:#fff;}
h5 {font:bold 14px/1.4 Helvetica, Arial, Sans-Serif; color:#4d4d4d; text-transform:uppercase; letter-spacing:.5px;}
h6 {font-weight:bold;	font-size:14px;	margin:0;}
p  {font:normal 16px/24px Georgia, Serif; margin:11px 0 12px 0; color:#252525; } /* e.g. baseline split between top and bottom */

pre, code, tt	{font-size:16px;}
pre 	{white-space:pre;}

small{font:normal 12px/1.4 Helvetica, Arial, Sans-Serif;}
strong{font-weight:bold;}
sup, sub{line-height:0;}

abbr, acronym {}
address {}
blockquote p {font:normal 20px/1.4 Georgia, Serif; color:#4d4d4d; margin:48px 0 0 0; padding:0 18px;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
del{}
dfn	{}
dd {}
dl {}
dt{}
em	{}
hr	{width:100%; width:259px; height:29px; background:#fff url(../images/divider.png) no-repeat center center; margin:24px auto;} /* background and color need to be the same for IE/FF cosistency */


/****************** LINKS *******************/
a, a:visited{text-decoration:none; color: #790000;}
a:hover, a:active, a:focus {text-decoration:underline; }
#nav li a	{color:#fff;}
#nav li a:hover, #nav li a:active, #nav li a:focus	{color:#fff; text-decoration:none;}

#nav li a:hover, #nav li a:active	{
	border-bottom:1px solid #8AC53D;
	}
li#currentpage a, li#currentpage a:visited, li#currentpage a:hover, li#currentpage a:active	{
	color:#4D4D4D;
	}


/****************** FORMS *******************/
legend   {}
textarea {}
input, select, textarea {}
label{}

fieldset {}
input, select, textarea {
	border:1px solid #ccc;
	}
input:hover	{}

input:focus	{}
textarea:focus{}
button		{}
button:hover	{}

body.overlay	{
	background-color:#fff;
	}
div#overlay-container h3	{
	clear:left;
	margin-top:18px;
	}
div#overlay-container h2    {
    text-align:center;
    }
div#green	{
	background-color:#86FF00;
	}
div#hunter-green	{

	background-color:#007000;

	}

div#yellow	{

	background-color:#FFCC00;

	}

div#purple	{

	background-color:#CC33FF;

	}

div#red	{
	background-color:#CC3300;	
	}
div.color-select	{
	padding:4px;
	margin:4px 0;
	}
div#local-pickup { }
div#ship-to-wa { }
div#pacific-time { }
div#mountain-time { }
div#central-time { }
div#eastern-time { }
div.shipping-select	{
	padding:4px;
	margin:4px 0;
	}
button#add-to-cart	{
	width:174px;
	height:0;
	text-indent:-500px;
	cursor:pointer;
	overflow:hidden;
	padding:34px 5px 0;
	border:none;
	background:transparent url(http://meadowcreature.com/meadow/images/add-to-cart.png) no-repeat top left;
	}
button#add-to-cart:hover	{
	background-position:0 -34px;
	}
a#fc_tb_closeWindowButtonBot {
background:transparent url(../images/continue-shopping.png) no-repeat top left;
}
a#fc_tb_closeWindowButtonBot:hover {
	background-position:top left;
}
/****************** LISTS *******************/
ul, ol {}
li  ul, ol ol,ul ul ,ol ul,ul ol {}

ol > li {} /* i.e. list-style-type:decimal */
ul > li {}
li {}

dt	{
	font:bold 16px/1.4 helvetica, arial, sans-serif;
	margin-top:11px;
	}
dd	{
	font:normal 16px/24px Georgia, Serif; margin:0 0 24px 0; color:#252525; }
	}

/****************** TABLES *******************/
caption, th { }
tfoot {}

table, tr, td {}
tr.even td {}


/*** Table Layout ***/
table {}
table, tr, td  { vertical-align:top;}
caption, th, td, tr, tbody, thead, tfoot {}
td	{padding-bottom:12px;}
td	{font:normal 14px/1.4 Helvetica, Arial, Sans-Serif; color:#252525;}
td.heading	{font:bold 14px/1.4 Helvetica, Arial, Sans-Serif; color:#4d4d4d; width:125px;}

/************ COMMON CLASSES *************/
.alignleft	{text-align:left;}
.alignright	{text-align:right;}
.centered	{text-align:center; margin:0 auto;}
.floatleft	{float:left;}
.floatright	{float:right;}
.hidden		{display:none;}
.highlight	{background-color:#ff0;} /* use in em/strong tag*/
.success	{}
.error {}
.quiet {} /* color:#ddd - #555 */
.small{}
.tiny{ font:normal 11px/1.4 Helvetica, Arial, Sans-Serif; color:#252525;}

.rounded {
  border: 4px solid #000;
  -moz-border-radius: 20px;
  -webkit-border-radius:20px;
  behavior: url(css/zf-border-radius.htc);
}



/*****************  EXCEPTIONS ******************/

p.attribution	{font:bold 14px/1.4 Helvetica, Arial, Sans-Serif; color:#4d4d4d; text-align:right;}
p.read-more	{text-align:right;}
p.read-more	a {font:normal 11px/1.4 Georgia, Serif;text-transform:uppercase; letter-spacing:1px;}
#overlay-container	{
	margin:20px auto;
	width:450px;
	}
h3#logo a	{
	color:#efefef;
	border-bottom:1px solid #9A9796;
	text-decoration:none;
	padding:4px;
	}
h3#logo a:hover, h3#logo a:active	{
	background-color:#9A9796;
}

/***************** FOXYCART MODS *****************/

#fc_cart_container
    width:450px;
    margin:20px auto;
    }
/*****************  D E B U G  ******************/

/* body {background: transparent url(grid.png) repeat scroll 0 0; }   /*  Sets up Grid for verifying horizontal rule   */
