/*
Colors:

#336667 -- Dark Teal		: Copy, Navigation
#666633 -- Olive Green	: Headings, Sub-Navigation

*/

/* Overall
-------------------------------------------------- */

body {
	color: #444;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 0.75em; /*12px@16px*/
}

/* -- Headings -- */

h1,h2,h3 { 
	font-size: 2em; /*24px@12px*/
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h3,h4,h5,h6 {
	color: #666633;
/* letter-spacing: 0.05em;*/
	font-size: 1.5em;
	font-family: Georgia, Times, 'Times New Roman', serif;
/* font-family: Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif;
*/	font-weight: normal;
}
h3 {
	_font-weight: bold;
	text-align: center;
	padding: 0.25em 0;
}


#memberships h3.content-heading { padding: 35px 14px 35px 0; }

h3.content-heading { padding: 10px 14px 8px 0; }
h4 { font-size: 1em; text-transform: uppercase; margin-top: 14px; }
h1 sub, h2 sub, h3 sub { display: block; font-size: 0.5em; vertical-align: baseline; }


/* -- Text -- */

p { margin: 0 0 1em 0; text-indent: 3em; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }


/* -- Links -- */
a:link, a:visited, a:hover, a:focus { color:#666633; text-decoration: none; }
a:link 		{ text-decoration:none; }
a:visited 	{ font-style: normal; }
a:hover 		{ text-decoration: underline; }
a:focus 		{  }


/* -- Forms -- */
.form { margin-bottom: 0em; }
.formv { display: none; }
.form label { color: #666633; font-weight: normal; }
.form li { padding: 0.2em 0.5em; }
.form li.actions { padding-top: 2em; }
p.required label { float: none; width: auto; margin: 0; }
.required label { text-decoration: underline; }
p.required { margin: 0; text-align: left; }
.form .address .adr2 { margin-top:0em; }
#text ul li { margin: 0 0 1em; }
#trade_show_schedule ul li { padding-bottom: 2em; line-height:1.2em;}

/* Layout
-------------------------------------------------- */

body {
	color: #336667;
	background: #fff url('../images/layout/main_bg.png') no-repeat center -40px;
}

#wrapper {
	width: 731px;
	margin: 0 auto;
}
#header {
	height: 106px;
	overflow: hidden;
}
#header img {
   margin: 31px 0 0 283px;
}
#main {
	height: 370px;
	padding: 9px 6px;
	overflow: hidden;
	font-size: 11px; /*11px@12px*/
	line-height: 14px; /*14px@11px*/
	letter-spacing: -0.07em;
	word-spacing: 0.07em;
}
#content {
	float: left;
	width: 263px;
	padding: 0 0px;
	overflow: hidden;
}
#images, #webisode {
	float: left;
	width: 448px;
	padding-left: 8px;
}
#footer {
	text-align: center;
	padding-top: 40px;
	font-size: 11px;
}
#text {
	height: 300px;
	overflow: auto;
	padding: 0 11px;
}


/* Navigation
-------------------------------------------------- */
#navigation {
	height: 48px;
	overflow: hidden;
}
#navigation ul { overflow: hidden; }
#navigation li {
	display: inline;
	float: left;
	height: 48px;
	overflow: hidden;
}
#navigation a {
	display:block;
	padding-top: 48px;
	background: #eee url('../images/layout/nav_sprite.png') no-repeat top left;
}
/* Normal */
#n-about_us a 					      { width: 80px;  background-position: 0      0; }
#n-our_trees a               { width: 55px;  background-position: -80px  0; }
#n-the_team a                    { width: 60px;  background-position: -135px 0; }
#n-our_products a         { width: 75px;  background-position: -195px 0; }
#n-delivery_area a               { width: 82px;  background-position: -270px 0; }
#n-trade_show_schedule a         { width: 111px; background-position: -352px 0; }
#n-photo_gallery a               { width: 81px;  background-position: -463px 0; }
#n-webisodes a                   { width: 60px;  background-position: -544px 0; }
#n-blog a                        { width: 44px;  background-position: -604px 0; }
#n-contact_us a                  { width: 67px;  background-position: -648px 0; }
/* Over */
#n-about_us a:hover 					{ background-position: 0      -48px }
#n-our_trees a:hover         { background-position: -80px  -48px }
#n-the_team a:hover              { background-position: -135px -48px }
#n-our_products a:hover   { background-position: -195px -48px }
#n-delivery_area a:hover         { background-position: -270px -48px }
#n-trade_show_schedule a:hover   { background-position: -352px -48px }
#n-photo_gallery a:hover         { background-position: -463px -48px }
#n-webisodes a:hover             { background-position: -544px -48px }
#n-blog a:hover                  { background-position: -604px -48px }
#n-contact_us a:hover            { background-position: -648px -48px }
/* Active */
.about_us  #n-about_us a 								{ background-position: 0      -96px } 
.the_tree_farm #n-our_trees a   			   { background-position: -80px  -96px } 
.the_team #n-the_team a					            { background-position: -135px -96px } 
.whats_available_now #n-our_products a  	{ background-position: -195px -96px } 
.delivery_area #n-delivery_area a        			{ background-position: -270px -96px } 
.trade_show_schedule #n-trade_show_schedule a  	{ background-position: -352px -96px } 
.photo_gallery #n-photo_gallery a        			{ background-position: -463px -96px } 
.webisodes #n-webisodes a            				{ background-position: -544px -96px } 
.blog #n-blog a                 						{ background-position: -604px -96px } 
.contact_us #n-contact_us a         				{ background-position: -648px -96px } 


/* -- Sub-nav -- */
#sub-nav {
	width: 263px;
	text-align: center;
/*   height: 32px;*/
}
#sub-nav ul {
	zoom: 1;	
}
#sub-nav li {
	font-size: 10px;
	display: inline;
	white-space: nowrap;
   margin-right: 1.25em;
	zoom:1;
}
#sub-nav li.first { margin-left: 0; }



/* Image Display
-------------------------------------------------- */

#images { overflow: hidden; }
#images img { display: block; }
#images #thumbnails {
	float: left;
	width: 118px;
}
#thumbnails li {
	float: left;
	display: inline;
	overflow: hidden;
	padding-bottom: 6px;
}
#images #large {
	float: left;
	width: 324px;
	padding-right: 6px;
}



/* Staff Page
-------------------------------------------------- */

#staff {
   float: left;
   width: 445px;
   padding: 0 5px;
}
#staff p {
   text-indent: 0;
}
#staff h3 { text-align: left; }
#staff .interview {
   margin-top: 1em;
   text-align: center;
   clear: both;
}
#staff-info { overflow: hidden; }
.staff-photo { float: left; padding-right: 1em; }
.title { font-style: italic; color: #666633; }
.bio { margin-top: 1em; }
.bio p { margin: 0; }
.email { text-align: center; margin-top: 1em;}
.interview h4 { font-family: Georgia, Times, 'Times New Roman', serif; text-transform: none;	}
#staff-nav {
   float: left;
   width: 234px;
   padding-left:30px;
   text-align: center;
   font-size: 10px;
   height: 350px;
}
#the_team #main { background: transparent url('/images/layout/branch_seperator.png') no-repeat 450px 20px; }
#staff-nav a, span.staff {
   display: block;
   line-height: 1.5em;
   color: #336667;
   font-style: normal;
}
#staff-nav h4 { margin: 2em 0 0; } 



/* Photo Gallery
-------------------------------------------------- */
/*
#gallery {
   position: relative;
   padding: 4px 25px 0;
   height: 315px;
   overflow: hidden;
}
#slide-thumbnails {
   float: left;
   width: 296px;
}
#slide-thumbnails img {
   display: block;
   float: left;
   padding: 1px 2px 2px;
}
#slides {
   float: left;
   top: 1px;
   left: 8px;
   width: 364px;
   height: 295px;
}
#controls {
   position: absolute;
   bottom: 0;
   right: 25px;
}
#controls a { 
   display: block;
   float: left;
   color: #336667;
   margin-left: 8px;
   line-height: 17px;
}
#controls .next,
#controls .prev {
   background: transparent url('/images/layout/h-arrows.png') no-repeat left top;
   height: 0;
   width: 16px;
   padding-top: 17px;
   overflow: hidden;
}
#controls .next {
   background-position: -20px top;
   margin-left: 12px;
}
*/


/* Webisodes
-------------------------------------------------- */
#webisode .wrapper {
   padding: 29px 0 0;
   margin: 0 auto;
   width: 400px;
}
#webisode-list { margin: 2em 0 3em; }
#webisode-list li { text-align: center; }
#webisode-list li a { color: #336667; }



/* Scrollable Content Area
-------------------------------------------------- */
a.jScrollArrowUp,
a.jScrollArrowDown {
	height: 12px;
	width: 19px;
	background: url('../images/layout/scroll-arrows.png') no-repeat top left;
}
a.jScrollArrowDown {	background-position: bottom left; }
.jScrollPaneTrack,
.jScrollPaneDrag,
.jScrollPaneDragTop,
.jScrollPaneDragBottom { color: #fff; background-color: #fff; }



/* Availabilty Search
-------------------------------------------------- */

/* New search */
hr.seperator {
   display: block;
   border-color: #336667;
   border-style: solid;
   border-width: 1px 0 0;
   margin: 0 30px 20px;
   height: 0px;
   color: #336667;
   background-color: #336667;
}

#whats_available_now .content-heading { padding: 0;}
#whats_available_now #content { 
   width: auto; 
   padding-left: 8px; 
   float: none;
   text-align: center;  
}
#whats_available_now #content #sections { overflow: hidden; }
#whats_available_now #content #sections .last { border: 0; padding-top: 10px; }
#whats_available_now #content .section { 
   margin: 15px 0;
   width: 233px; 
   height: 290px;
   border-right: 1px solid;
   float: left; 
}
#whats_available_now p { text-indent: 0; margin-bottom: 15px; }
#whats_available_now h4 {
   text-transform: none;
   font-weight: bold;
   margin: 0 0 0.5em;
}
.large-link {
   background-color: #e1eef0;
   border: 1px solid;
   padding: 6px 10px;
}
.large-link a:visited { font-style: normal; }
.large-link a { color: #336667; display: block; }
p.large-link { margin: 0 30px; }
#product-categories { margin: 0 15px; }
#product-categories li {
   text-align: center;
   text-transform: uppercase;
   margin: 5px 20px;
   width: auto;
}
#search-form label,#search-form .field,#search-form .form li { border: 0; height: auto; width: auto; margin: 0; padding: 0; float: none; display: inline; }
#search-form { clear: both; width:525px; margin: 0 auto; }
#search-form #search { width:250px; }
#search-form button { float: none; display: inline;  margin:0;}

#search-login{ text-align: center; margin: 0 10px 0 23px; }
#search-login .form { height: 70px; overflow: hidden; }
#search-login label{ display: none; }
#search-login .field{ margin: 0;padding: 0;text-align: left; }
#search-login .password{ width:115px; }
#search-login li.actions{ overflow: visible; padding: 0; height: 0; }
#search-login li.actions button{ position: relative; top: -25px; right: 13px; }

/* Login Page */

#login .form {
   width: 60%;
   margin: 0 auto;
}
/* Registration Page */
#registration-information {
   margin: 0 3em 1em;
}

/* Search Results */
#search-results { width: 650px; margin: 0 auto; }
#search-results table{ width: 635px; }
#results-body th, #results-header td { visibility: hidden; }
#results-body table { margin-top: -24px; }
#results-header, #results-header thead tr th {
   height: 24px;
   overflow: hidden;
}
#results-body {
   height: 315px;
   overflow: auto;
}
/*  */
#search-results th, #search-results td { padding: 5px 2px; }
#search-results th { font-weight: bold; white-space: nowrap; }
#search-results th a, #search-results td a { color: #336667;}
#results-header { border-bottom: 3px solid; }

#search-results th.attr { padding: 0; width: 23px;}
th.attr a {
   display: block;
   background: #fff url('/images/layout/search-header-sprite.png') no-repeat left top;
   width: 23px;
   height: 0;
   padding-top: 28px;
   overflow: hidden;
}

        
th.na a { background-position: 0 0px;}
th.dr a { background-position: 0 -25px;}
th.ah a { background-position: 0 -50px;}
th.ab a { background-position: 0 -75px;}
th.dt a { background-position: 0 -100px;}
th.sh a { background-position: 0 -125px;}
th.ps a { background-position: 0 -150px;}
th.fs a { background-position: 0 -175px;}
th.ev a { background-position: 0 -200px;}

td.attr { text-align: center;}


/* Special Cases
-------------------------------------------------- */

#home #main {	text-align: center; }
#contact_us #content { width: auto; float: none; }
#contact_us #content #text { height: auto; }

.form #comment { height: 6em; }

.form li { border: 0; }
.form select,
.form .text,
.form .password { width: 90%; }
#trade_show_schedule #text p, #registration-information p{ text-indent: 0; }
#trade_show_schedule .content-heading { padding-right: 0; }