/* CSS Document */

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

	Site:		Made In Oregon 

	Author:		Narrowpath Design [www.narrowpathdesign.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(background.jpg); 
	background-repeat:repeat;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	color: #48423a;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
}

.MainHeader {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:24px;
	color:#008752;
	font-weight:normal;
	text-decoration: none;
}

.MainText {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.LInks {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #453602;
}
.SubHead {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-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:20px;
	color:#008752;
	font-weight:normal;
}

h2 {
	font-size:15px;
	color:#008752;
	font-weight:normal;
}


h3 {
	font-size:15px;
	color:#464039;
	font-weight:normal;
}


.Content
{
text-align: left;
}

.Price

{
text-align: left;
font-size: 11px;
align: left;
}

.ddlcontent
{
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #453602;
}

.ContentBold
{
text-align: left;
font-weight: Bold;
}

.ContentTableHeader
{
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:12px;
color: #030200;
font-weight: Bold;
font-style: normal;
text-decoration: none;
height:24px;
background: #EFDDBF url('leftnavhead.gif');
background-repeat:repeat-x;color:#6f634b;
line-height:24px; 
text-align: Left;
}

.ContentTable
{
background-color: #EFDDBF;
}

.ContentTableHorizontal
{
background-color: #EFDDBF;
}

.Instructions
{
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:12px;
color: #000000;
font-weight: Normal;
font-style: normal;
text-decoration: none;
background-color: #E7E3D7;
text-align: Left;
}

.ErrorMessages
{
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:12px;
color: #C90D4F;
font-weight: Bold;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
text-align: Center;
}

.Messages
{
font-family:Lucida Sans Unicode, Lucida Grande, sans-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-size: 11px;
	font-weight:bold;
	padding:0 10px 10px 0;
}

div#topLinks a {
	color:#ffffff;
}

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

div#topNav {
	width:560px;
	height:33px;
	margin:86px 0 0 0;
	float:left;
	background-color: #6f634b;
}

div#search {
	width:240px;
	height:33px;
	margin:86px 0 0 0;
	float:right;
	background-color: #6f634b;
	z-index:20;
}

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

.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:9px;
	color:#ffffff;
	padding:5px 0 20px 0;
	line-height:18px;
	text-align: left;
}

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

div#topNav
{
padding-left:160px;
text-align: left;
}

/* NEW TOP MENU STYLE  */
div#topNav #pad {height:140px;}
div#topNav #menu {padding:0; margin:0; list-style:none; height:33px; position:relative; z-index:500; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}
div#topNav #menu li {float:left; border-right:1px solid #b7b1a5;}
div#topNav #menu li.first {float:left; border-right:1px solid #b7b1a5;border-left:1px solid #b7b1a5;}
div#topNav #menu li a {display:block; float:left; height:33px; line-height:33px; background:#6f634b; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 15px 0 15px;}

div#topNav #menu li.divider, div#topNav #menu :hover li.divider {width: 165px;float:left; border-right:1px solid #b7b1a5;border-left:1px solid #b7b1a5;line-height:10px;height: 10px;font-size:10px;color:#6f634b;background:#fff;}

div#topNav #menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

div#topNav #menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#b6763d;}
div#topNav #menu li:hover {position:relative; z-index:200;}

div#topNav #menu li:hover > a {color:#fff; background:#b6763d;}
div#topNav #menu li:hover > a.sub {color:#fff; background-color:#b6763d;}

div#topNav #menu li.current a {font-size:12px;color:#fff; background:#b6763d;}

div#topNav #menu li.sale a {font-size:12px;color:#fff; background: #ff4040;}

div#topNav #menu :hover ul {left:0; top:33px; width:165px; background:#fff;}

/* keep the 'next' level invisible by placing it off screen. */
div#topNav #menu ul, 
div#topNav #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

div#topNav #menu :hover ul :hover ul {left:165px; top:-1px; background:#fff; white-space:nowrap; width:165px; z-index:200; height:auto;}

div#topNav #menu :hover ul li {margin:0; border-left: 1px solid #b6763d; border-right: 1px solid #b6763d;}
div#topNav #menu :hover ul li.lastsub {margin:0; border-left: 1px solid #b6763d; border-right: 1px solid #b6763d;border-bottom: 1px solid #b6763d;}
div#topNav #menu :hover ul li a {width:165px; padding:0; text-indent:5px; background:#fff; color:#b6763d; height:24px; line-height:24px;border:0;font-size:11px;}
div#topNav #menu :hover ul li a.fly {background:#6f634b url(right-arrow.gif) no-repeat right center;}

div#topNav #menu :hover ul :hover {background-color:#e9d3ae; color:#b6763d;}
div#topNav #menu :hover ul :hover a.fly {background-color:#e9d3ae; color:#b6763d;}

div#topNav #menu :hover ul li.currentsub a {background:#840; color:#fff;}
div#topNav #menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

div#topNav #menu :hover ul :hover ul li a {width:165px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
div#topNav #menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

div#topNav #menu :hover ul :hover ul li.currentfly a,
div#topNav #menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}

/* END TOP MENU */

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

div#search label a {
	color:#ffffff;
	text-decoration:underline;
	font-size: 11px;
	font-weight: bold;
}

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

div#search input.box {
	width:90px;
	border:1px solid #655544;
	margin-left:10px;
    font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	height:16px;
	padding:4px 0 0 5px;
	font-size:11px;
}

/***********************************************************************
	4 - LEFT NAVIGATION
************************************************************************/
div#leftNav {
	width:160px;
	float:left;
	margin:25px 0 0 0;
	text-align: left;
}

/* NEW LEFT MENU STYLE  */
#flyout {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:160px;z-index:300;background-color:#c87b38;}
#flyout ul {padding:0; margin:0; list-style:none; width:160px; height:auto; background: url(trans.gif); position:absolute; left:-9999px; top:0;border: 1px solid #c87b38;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left;}
#flyout li.header {float:left; display:block; float:left; width:160px; height:24px;background: #EFDDBF url('leftnavhead.gif');background-repeat:repeat-x;color:#6f634b; line-height:24px; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px; text-decoration:none; text-indent:4px;text-transform:uppercase;}
#flyout li a {display:block; float:left; width:160px; height:24px; background:#fff; color:#b6763d; line-height:24px; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;  font-size:11px; text-decoration:none; text-indent:4px;}
#flyout li a.fly {background:#fbf6ef;}
#flyout li a.flylast {background:#fbf6ef;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#c87b38; color:#fff;}
#flyout li:hover > a {background-color:#c87b38; color:#fff;}

#flyout ul li a {background:#fbf6ef;}
#flyout ul li a.fly {background:#fbf6ef;}
#flyout ul ul li a {background:#fbf6ef;}
#flyout ul ul li a.fly {background:#fbf6ef;}
#flyout ul ul ul li a {background:#fbf6ef;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {background-color:#c87b38; color:#fff;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:160px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background-color:#e9d3ae; color:#b6763d;}
#flyout ul ul li:hover > a {background-color:#e9d3ae; color:#b6763d;}

/* END NEW LEFT MENU STYLE  */

div#category {
	margin:10px 0 0 6px;
	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#signup {
	margin:10px 0 0 5px;
	float:left;
}

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

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

div#mainImage {
	padding-top:15px;
	padding-left: 10px;
	align: left;
}

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

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

div.product-mid2 {
	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;
}

/***********************************************************************
	5.5 - GIFT PACK TABS
************************************************************************/

#tabcontainer {
	background: #FFFFFF;
	height: 34px;
	vertical-align: baseline;
	border: none;
	width: 100%;
}

.activetab {
	padding: 0;
	float: left;
	height: 34px;
	width: 190px;
	background: url(tab-active.gif) #FFFFFF no-repeat bottom left;
	text-align:center;
	vertical-align: bottom;
	line-height: 34px;
	border: none;
}

.activetab a {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size:15px;
	color: #ffffff;
}

.inactivetab {
	margin: 0px;
	padding-top: 10px;
	float: left;
	height: 24px;
	width: 121px;
	background: url(tab-inactive.gif) #FFFFFF no-repeat bottom left;
	text-align:center;
	vertical-align: bottom;
	line-height: 22px;
	border: none;
}

.inactivetab a, .inactivetablast a {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size:11px;
	color: #554a45;
}

.inactivetablast {
	margin: 0px;
	padding-top: 10px;
	float: left;
	height: 24px;
	width: 120px;
	background: url(tab-inactive.gif) #FFFFFF no-repeat bottom left;
	text-align:center;
	vertical-align: bottom;
	line-height: 22px;
	border: none;
}


/***********************************************************************
	5.5 - LANDING PAGES
************************************************************************/
div#landingImage {
	padding-left: 5px;
	align: left;
}

div#landinghead {
	padding-left: 5px;
	align: left;
}

div#landinghead h1 {
	margin:5px 0 3px 0;
}

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

div#bestsellers {
	width: 300px;
	float:left;
	padding-left: 10px;
	align: left;
	text-align:left;
}

div#bestsellers h1 {
	margin:0 0 3px 0;
}

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

div#bestsellers ul li {
	padding:0 0 3px 0;
}

div#bestsellers ul li a {
	display:block;
	height:15px;
	font-size:12px;
	font-weight:bold;
	color:#c87b38;
}

div#featuredlanding {
	width:660px;
	float:left;
	padding:20px 0 0 10px;
	margin-right:15px;
}

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

/***********************************************************************
	6 - RIGHT CONTENT
************************************************************************/
div#right {
	width:279px;
	float:left;
	padding:15px 0 0 0;
	text-align: left;
	vertical-align: top;
}

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

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

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

div#right h1 {
	margin:0 0 3px 0;
}

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

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

div#footer ul li a {
	color:#ffffff;
	font-weight: bold;
}

div#footer p {
	margin-left:2px;
	font-weight: bold;
}