/* CSS Document */

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

	Site:		Made In Oregon 

	Author:		eROI - Christine Baker		[www.eroi.com]  

	Client:		Made In Oregon

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Header/Top Nav
	4 - Left Navigation
	5 - Main Content
	6 - Right Content
	7 - Footer
	

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

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body
{
	background: #6b8957;
	background-image:url(../design/background.jpg); 
	background-repeat:repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #48423a;
}

.MainHeader {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#008752;
	font-weight:normal;
	text-decoration: none;
}

.MainText {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.LInks {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: 453602;
}
.SubHead {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: 990000;
	font-weight: bold;
	text-decoration: none;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td
{ 
	margin: 0; 
	padding: 0; 
}

a
{
	text-decoration: none;
	color: #c16f2d;
}

a:hover
{
	text-decoration: underline;
}

h1 {
	font-size:24px;
	color:#008752;
	font-weight:normal;
}

h2 {
	font-size:13px;
	font-weight:bold;
}

.Content
{
text-align: left;
}

.ContentTableHeader
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color: #000000;
font-weight: Bold;
font-style: normal;
text-decoration: none;
background-color: #E7E3D7;
text-align: Left;
}

.ContentTable
{
background-color: #E7E3D7;
}

.ContentTableHorizontal
{
background-color: #E7E3D7;
}

.Instructions
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color: #000000;
font-weight: Normal;
font-style: normal;
text-decoration: none;
background-color: #E7E3D7;
text-align: Left;
}

.ErrorMessages
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color: #C90D4F;
font-weight: Bold;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
text-align: Center;
}

.Messages
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color: #C90D4F;
font-weight: Bold;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
text-align: Center;
}


/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/
div#container {
	width:1024px;
	height:726px;
	margin:0 auto;
	position:relative;
}

div#topLinks {
	width:950px;
	margin:0 auto;
	text-align:right;
	color:#ffffff;
	font-weight:bold;
	padding:20px 10px 10px 0;
}

div#topLinks a {
	color:#ffffff;
}

div#header {
	width:960px;
	height:119px;
	margin:0 auto;
	background-image:url(../design/bg_top.jpg);
	background-repeat:no-repeat;
}

div#topNav {
	width:640px;
	height:35px;
	margin:84px 0 0 0;
	float:left;
}

div#search {
	width:230px;
	height:35px;
	margin:84px 5px 0 0;
	float:right;
}

div#content {
	width:800px;
	height:auto;
	margin:0 auto;
	background-color:#ffffff;
	text-align: left;
}

.LeftColumn
{
	vertical-align: top;
	background-color:#ffffff;
}

.Headings
{
	text-transform:uppercase;
	font-weight:bold;
}

#ContentCell
{
    vertical-align: top;
	background-color:#ffffff;
}


div#contentleft {
	width:160px;
	height:auto;
	margin:0 auto;
	background-color:#ffffff;
	text-align: left;
}

div#bottomCap {
	width:960px;
	height:19px;
	margin:0 auto;
}

div#footer {
	width:935px;
	margin:0 auto;
	font-size:10px;
	color:#ffffff;
	padding:10px 0 20px 20px;
	line-height:18px;
}

/***********************************************************************
	3 - HEADER/TOP NAV
************************************************************************/
div#header img.logo {
	position:absolute;
	z-index:10;
	left:0; top:24px;
	border:none;
}

div#topNav ul {
	list-style-type:none;
	margin-top:12px;
	padding-left:155px;
}

div#topNav ul li {
	float:left;
	font-size:11px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	margin-left:8px;
}

div#topNav ul li a {
	color:#ffffff;
}

div#topNav ul li img {
	border:none;
	float:left;
	margin-right:8px;
}

div#search label {
	float:left;
	padding-top:12px;
}

div#search label a {
	color:#ffffff;
	text-decoration:underline;
}

div#search input {
	float:left;
	margin-top:8px;
}

div#search input.box {
	width:90px;
	border:1px solid #655544;
	margin-left:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:16px;
	padding:4px 0 0 5px;
	font-size:11px;
}
/***********************************************************************
	4 - LEFT NAVIGATION
************************************************************************/
div#leftNav {
	width:160px;
	float:left;
	margin:40px 0 0 0;
	text-align: left;
}

div#leftNav ul {
	list-style-type:none;
}

div#leftNav ul li.head {
	background-image:url(../design/bg_leftNav.jpg);
	background-repeat:no-repeat;
	width:150px;
	margin-left:-3px;
	padding:4px 0 10px 17px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#5a4831;
}
div#leftNav ul li ul {
	margin:10px 0 0 0;
}
div#leftNav ul li ul li.item {
	text-transform:none;
	margin-left:3px;
	height:20px;
}

div#leftNav ul li ul li.item a {
	display:block;
	background-image:url(../design/bg_listBullet.jpg);
	background-repeat:no-repeat;
	height:16px;
	color:#52503c;
	padding-left:10px;
	font-weight:normal;
	text-align: left;
}

div#category {
	margin:10px 0 0 -5px;
	float:left;
}

div#category select {
	float:left;
	text-transform:none;
	height:22px;
	font-size:12px;
}

div#category input {
	float:left;
	margin-left:5px;
	border-left:1px solid #655544;
}

div#verisign {
	float:left;
	margin:20px 0 0 23px;
}
/***********************************************************************
	5 - MAIN CONTENT
************************************************************************/
div#middle {
	width:490px;
	float:left;
	padding:20px 0 0 10px;
	margin-right:15px;
}

div#middle img {
	border:1px solid #dedad7;
	padding:8px;
}

div#mainImage {
	position:relative;
}

div#mainImage div#lgImageShadow {
	position:absolute;
	background-color:#201b14;
	width:474px;
	height:32px;
	top:220px;
	left:9px;
	opacity: .70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

div#mainImage div#lgImageText {
	color:#ffffff;
	position:absolute;
	z-index:10;
	top:225px;
	right:20px;
	font-size:14px;
	font-weight:bold;
}

div#mainImage div#lgImageText a {
	color:#ffffff;
}

div.product {
	float:left;
	width:138px;
	margin:18px 0 0 0;
		text-align: left;
}

div.product-mid {
	margin:18px 36px 0 36px;
	width:138px;
	float:left;
		text-align: left;
}

div.product-right {
	margin:18px 0 0 0;
	float:right;
	width:138px;
		text-align: left;
}

div.product h2 {
	margin:5px 0 0 2px;
}

div.product p {
	margin:0 0 0 5px;
	line-height:20px;
}

div.product a {
	font-size:13px;
	color:#c16f2d;
	text-decoration:underline;
}
/***********************************************************************
	6 - RIGHT CONTENT
************************************************************************/
div#right {
	width:279px;
	float:left;
	padding:20px 0 0 0;
	text-align: left;
}

div#title {
	width:257px;
	height:19px;
	background-color:#faf6f0;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	color:#72603d;
	padding:5px 0 0 10px;
	margin-bottom:10px;
}

div.rightProduct {
	width:257px;
	height:70px;
	text-align: left;
}

div.rightProduct img {
	float:left;
	margin-right:20px;
	border:0;
}

div.rightProduct h2 {
	margin-bottom:5px;
}

div.rightProduct a {
	font-size:13px;
	color:#c16f2d;
}

div#right p {
	padding:0 15px 10px 0;
	line-height:14px;
}

div#right span a {
	font-size:13px;
	color:#c16f2d;
	text-decoration:underline;
}

div#right h1 {
	margin:15px 0 10px 0;
}

/***********************************************************************
	7 - FOOTER
************************************************************************/
div#footer ul {
	list-style-type:none;
}

div#footer ul li {
	float:left;
	margin-left:5px;
}

div#footer ul li a {
	color:#ffffff;
}

div#footer p {
	margin-left:5px;
}