/*** JLF Lonemeadow Style ***************************************

	Date: 09/01/07
	Author: n0s0ap, Ryan Waggoner
	Version: 1

--- Colors ---------------
Green: #2E350A 
Gray: #E1E1E1
Dark Gray: #4C4C4C
--------------------------

****************************************************************/

/* -------------------------------------------------------------- 
   Blueprint CSS Framework Screen Styles
   * Version:   0.5 (28/8/2007)
   * Website:   http://code.google.com/p/blueprintcss/
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/buttons.css';

/*** Global ********************************************/

#wrapper {
	width:900px;
	margin:0 auto;
}

/*** Header ********************************************/

#header {
	height:125px;
	
}

#logo {
	float:left;
	width:269px;
}

#urls {
	float:left;
	width:631px;
	height:38px;
	text-align:right;
}

#urls a {
	color:#000;
	text-decoration:none;
}

#urls a:hover {
	color:#125aa7;
	text-decoration:none;
}

/** Suckerfish Navbar *************************/

.nav-main {
	/*background:#2e350a;*/
	height:11px;
}

.nav-main li {
	background:#2e350a;
	border-right:solid 1px #FFF;
}

.nav-main a {
	color:#FFF;
	text-decoration:none;
	padding:3px;
}


.nav-product {
	background:url(../img/product-nav-bg.jpg) no-repeat;
	height:11px;
}

.nav-product li {
	background: #e1e1e1;
	border-right:solid 1px #AAA;
}

.nav-product a {
	color:#000;
	text-decoration:none;
	padding:0px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	height:38px;
	float:left;
	font-size:11px;
	width:631px;
	text-align:center;
}



#nav a {
	display: block;
	font-size:12px;
	padding:6px;
}

#nav a:hover {
	color:#000;
	background:#FFF;
}

#nav li { /* all list items */
	float: left;	
}

#nav li ul li {
	background:#e1e1e1;
	border:none;
	text-align:left;
	padding:0px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index:999;
	background: #e1e1e1;
	border:none;
	width: 10em;
	height:4em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li a{
	border:none;
	width:8em;
	padding:4px;
	color:#000;
	font-size:11px;
}

#nav li ul li a:hover {
	background:#FFF;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	padding:5px;
}

/** this is for the "contact us" item that has a white background **/
.nav-bar-white #nav-bar-white {
	background:#FFF;
}






#prod-nav-bar{
	float: right;
	width:625px;
	margin-left:0px;
	height:62px;
	color:#2E350A;
	font-size:12px;
	text-align:left;
	padding-top:15px;
}

#prod-nav-jlf {
	font-size: 12px;
	position:relative;
	float:left;
	text-align:left;
	height:62px;
	margin-right:10px;
}

#prod-nav-lm {
	font-size: 12px;
	position:relative;
	float:left;
	height:62px;
	margin-right:10px;
}

#prod-nav-fresh {
	font-size: 12px;
	position:relative;
	float:left;
	margin-right:10px;
	height:62px;
}

#prod-nav-prod {
	position:relative;
	float:left;
	height:62px;
}



/*** Body ********************************************/

#body {
	text-align:left;
	padding:10px;
	clear:both;
}

/*** Content ****************************************/

#body-content {
	background:url(../img/content-bg.jpg) no-repeat #2E350A ;
	height:418px;
	text-align:left;
	clear:both;
	color:#FFFFFF;
	margin-bottom:50px;
	position:relative;
}

.body-content {
	color:#FFFFFF;
	font-size:12px;
}

.body-content a, .body-content a:visited, .body-content a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

.body-content a:hover {
	color:#e1e1e1;
}

.body-content-copy {
	font-size:11px;
	line-height:14px;
	position:absolute;
	width:400px;
	top:30px;
	height:370px;
	overflow:auto;
	padding-right:15px;
}

.body-content-copy a {
	color:#FFFFFF;
	text-decoration:underline;
}

.body-content-picture {
	position:absolute;
	width:400px;
	top:30px;
}

/*** Product ****************************************/

#product-content {
	background:url(../img/product-bg.jpg) no-repeat #2E350A ;
	height:418px;
	text-align:left;
	clear:both;
	color:#4C4C4C;
	position:relative;
	display:block;
	margin-bottom:50px;
}

.product-content {
	color:#4C4C4C;
	font-size:12px;
}

.product-content a, .product-content a:visited, .product-content a:active {
	color:#4C4C4C;
	text-decoration:underline;
}

.product-content a:hover {
	color:#000000;
}

.product-content-copy {
	position:absolute;
	width:300px;
	top:20px;
	left:60px;
}

.product-content-copy a, .product-content-copy a:visited, .product-content-copy a:active {
	color:#4A4A8E;
	font-weight:bold;
	text-decoration:none;
}

.product-content-copy h1 {
	color:#000000;
	font-size:18px;
}

.product-content-picture {
	position:absolute;
	width:428px;
	height:375px;
	top:20px;
	left:410px;
	background:#FFFFFF;
}

.product-products {
	position:absolute;
	width:428px;
	height:375px;
	top:20px;
	left:410px;
	background:#FFFFFF;
	list-style:none;
	overflow:none;
	text-align:right;
}

.products-products-table {
	text-align:center;
	border:0px;
}

table.product-table {
	text-align:center;
	border:0px;
	width:418px;
}

tr.prodcells td {
	text-align:center;
	border:0px;
}

.product-products ul {
	list-style:none;
	clear:none;
}

.product-products li {
	top:0px;
	width:100px;
	margin:3px;
	display:inline;
	height:125px;
	float:left;
}

.product-products li a {
	display:inline;
}

.product-thumb {
	background:#FFF;
	padding:0px;
	margin:0px;
	clear:none;
	width:80px;
	height:105px;
}

.product-thumb-title {
	text-align:center;
	clear:none;
	width:80px;
	margin-top:-12px;
}

.product-next {
position:absolute;	
top:365px;
left:850px;
}

.product-prev {
position:absolute;	
top:365px;
left:360px;
}

.product-number {
position:absolute;	
top:375px;
left:420px;
width:400px;
text-align:right;
color:#666;
letter-spacing:2px;

}

/*** Footer ********************************************/

#footer {
	text-align:right;
	background:#E1E1E1;
	padding:5px;
	padding-right:20px;
	clear:both;
	display:block;
	width:900px;
	position:relative;
}


/***  List Results *******************************************/

#list-results-title {
	text-align:left;
	margin-left:0px;
	clear:both;
	text-align:left;
}

#list-results {
	width:750px;
	margin-left:150px;
	border-left:solid 2px #D8D8D8;
	list-style:none;
	overflow:auto;
	margin-bottom:30px;
	clear:both;
}

#list-results-header {
	width:750px;
	margin-left:150px;
	border-left:solid 2px #FFF;
	list-style:none;
	overflow:auto;
	margin-bottom:10px;
	clear:both;
	font-weight:bold;
}

#list-results li {
	clear:both;
	padding-bottom:50px;
	text-align:left;
}

#list-results-header li {
	clear:both;
	padding-bottom:50px;
	text-align:left;
}

.list-results-item {
	margin-left:50px;
	width:100px;
	float:left;
}

.list-results-description {
	width:150px;
	float:left;
}

.list-results-dimensions {
	width:200px;
	float:left;
}

.list-results-thumb {
	width:250px;
	float:left;
}

/*******   News Table **********************/
.news-table {
	vertical-align:middle;
	text-align:left;
	border:0px;
}

table.news-table {
	vertical-align:middle;
	text-align:left;
	border:0px;
	width:580px;
}

tr.news-table td {
	vertical-align:middle;
	text-align:left;
	border:0px;
	height:125px;
	
}