/*COLORS:
Orange - #f58220 [BARON]
Barron Dark Blue - #333333 [BARON]
Barron light Blue - #e3f1f8 [BARON]
Backyards Dark Blue - #009fc3 [BACKYARDS] 
Backyards Light Blue - #e5f5f9 [BACKYARDS] 
Green - #b2bb1c [BACKYARDS] 
Grey 1 - #848485 (background) [BOTH SITES] 
Grey 2 - #231f20 (Nav bar) [BOTH SITES] 
Grey 3 - #333333 (Main body text) [BOTH SITES] 
Grey 4 - 666666 (Alt/sidebar text) [BOTH SITES] 
Grey 5 - #999999 (date text on event items) [BOTH SITES] 
Grey 6 - #CCCCCC (line around photos) [BOTH SITES] 
Black - #000000 
White - #ffffff

Wood and Pellet

News and events title - Red: #871802;
Yellow for Main Navigation - #fdc51c
Inline links - Blue links: #333333;

FONTS: [BOTH SITES]
Main Nav (unselected) - Arial, bold, 12px, White - #ffffff 
Main Nav (selected) - Arial, bold, 12px, Orange - #f58220 [BARON], Green - #b2bb1c [BACKYARDS] 
Main Nav (rollover) - Arial, bold, 12px, Orange - #f58220 [BARON], Green - #b2bb1c [BACKYARDS] 
Sub Nav (unselected) - Arial, reg, 12px, Grey 4 - 666666 
Sub Nav (selected) - Arial, reg, 12px, Orange - #f58220 [BARON], Green - #b2bb1c [BACKYARDS]
Sub Nav (rollover) - Arial, reg, 12px, Orange - #f58220 [BARON], Green - #b2bb1c [BACKYARDS]

Main body text - Trebuchet, reg, 12px, Grey 3 #333333 
Alt/sidebar text - Trebuchet, reg, 12px, Grey 4 #666666 
Product text - Trebuchet, reg, 12px, Grey 4 #666666 
Product titles - Trebuchet, bold, 12px, Grey 2 - #231f20 
Main Titles - Trebuchet, reg, 15px, Backyards Dark Blue - #009fc3, Barron Dark Blue - #333333 
All Links - Trebuchet, reg, 11px, underline, Orange - #f58220 [BARON], Green - #b2bb1c [BACKYARDS] 
Customer Quotes - Georgia, reg, 13px, Barron Dark Blue - #333333 [BARON], Backyards Dark Blue - #009fc3 [BACKYARDS] 
Address text - Trebuchet, reg, 12px, mixture of upper and lowercase (see mockup), White - #ffffff & Grey 3 - #333333 (see mockup) 
Footer text - Arial, reg, 11px, extra letter space, Grey 4 - 666666 (bullets between items Orange - #f58220 [BARON], Green - #b2bb1c [BACKYARDS])
Bread Crumbs - Arial, reg, 11px, Mixture of upper and lowercase (see mockup), "YOU ARE HERE:" Grey 3 - #333333, back pages - Grey 4 - 666666, Current page - Orange - #f58220 [BARON], Green - #b2bb1c [BACKYARDS] 
Featured Product Title - Trebuchet, reg, 11px, ALL CAPS

 */
 
/*font styles*/
body {	/* barbara added */
font-family:Trebuchet MS, sans-serif;
font-size: 12px;
color: #333333;}

p {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
line-height:15px;
padding-bottom:10px;
color:#333333;}

a {
font-family:Trebuchet MS, sans-serif;
font-size:11px;
text-decoration:underline;}

a img {
border:none;}

h1 {
font-family:Trebuchet MS, sans-serif;
font-size:15px;
font-weight:normal;}

h2 {
font-family:Trebuchet MS, sans-serif;
font-size:13px;
font-weight:normal;}

h3 {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;}

.hr {
height:1px;
width: 100%;
background-color:#cccccc;
margin:8px auto 0 auto;}

/*address block*/
#address p.address {
color:#ffffff;
font-size:11px;
line-height:14px;
padding:0 15px 5px 25px;}

#address p.address a {
color:#ffffff;}

#sidebar p.address {
color:#333333;
font-size:11px;
line-height:14px;
padding:10px 15px 5px 25px;}

#address p.address span, #sidebar p.address span {
color:#333333;
text-transform:uppercase;}

#address p.address span.offerings {
text-transform:none;}

#address p.address span.tagline {
color:#333333;
font-weight:bold;
text-transform:none;}

#address table td.box_top {
height:8px;}

#sidebar p.testimonial {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-style:italic;
padding-bottom:1px;
padding-top:5px;
width: 204px;}


#sidebar p.name {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-style:italic;
padding-top:0px;
text-align: right;
width: 204px;}

#sidebar p.faq, #sidebar p.faq span.answer {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;}

#sidebar p.subscribe {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
padding-bottom:1px;
padding-top:5px;
width: 195px;}

#sidebar h1 {
font-family:Trebuchet MS, sans-serif;
font-size:14px;
font-weight:normal;
text-decoration:none;
line-height:15px;
font-style:normal;}

#sidebar form.subscribe {
padding:5px 0;
font-family:Trebuchet MS, sans-serif;
font-size:12px;}

#sidebar form.subscribe .sub_btn {
margin:3px 12px 0 0;
float:right;}

#sidebar table td.box_bottom {
height:8px;}

a.email {
color:#ffffff;
text-transform:uppercase;
text-decoration:none;}

a.emergency_link {
color:#333333;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
font-size:13px;}

a.directions {
color:#ffffff;}

.title_bar p.title {
line-height:22px;}

/*featured*/
td.featured {
font-family:Trebuchet MS, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#ffffff;}

/*products*/
table.products td {
padding:5px;}

table.products tr.title_bar p {
text-transform:uppercase;
color:#ffffff;
padding-left:8px;}

table.shopping_cart td  {
padding:5px;}

.drop_down {
width:110px;
border:1px solid #333333;
font-family:Trebuchet MS, sans-serif;
font-size:11px;}

#main p span.product_name {
color:#231f20;
font-weight:bold;}

#main p span.description {
color:#666666;}

a.text_link {
text-decoration:none;
color:#666666;
}

/*sidebar*/
#sidebar h3 {
margin-top:15px;}

#sidebar p {
color:#666666;}

#sidebar span {
color:#999999;
font-size:11px;}

/*top horizontal nav*/
#nav a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;}

/*breadcrumbs*/
#breadcrumb p span {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-transform:uppercase;
color:#333333;}

#breadcrumb a.last {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;}

#breadcrumb p span.current {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-transform:none;
text-decoration:underline;}

/*breadcrumb nav*/
#sub_nav ul.inside {
margin-left:0;
width:128px;}	/* barbara changed this */	

/*sub nav on left side*/
#sub_nav a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;}

#sub_nav ul.inside a {
text-decoration:none;}

/*sub nav down left side of page*/
#sub_nav {
width:128px;
float:left;
margin:10px 10px 10px 0px;
text-align:left;}	

#sub_nav ul {
list-style:none;
margin-left:5px;}

#sub_nav ul.inside li{	 /* barbara added this */
margin-left:0;}

#sub_nav ul li ul{ /* barbara added this */	
list-style:none;}

#sub_nav ul.inside a.top_level {
font-weight:bold;
margin-left:5px}

#sub_nav ul.inside li ul {
margin-left:10px;}

#banner {
width:631px;
height:164px;
float:left;}

/*icons nav*/
table#icons td {
text-align:center;}

table#icons td a {
font-family:Trebuchet, sans-serif;
font-size:11px;
font-weight:normal;
color:#f58220;
text-decoration:underline;
display:block;
margin-bottom:20px;}


/*footer*/
#footer p {
font-family:Arial, sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
color:#666666;}

#footer a {
font-family:Arial, sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
text-decoration:none;
color:#666666;}

.question, .answer {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;}

#sidebar .question, #sidebar .answer {
margin-left:0;
padding-left:0;}


span.qa, #sidebar span.qa {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;}



/*page layout styles*/
* {
margin:0;
padding:0;}

 /*for sticky footer*/
html, body {
height: 100%;}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:875px;
	background-color:#ffffff;
	margin: 0 auto -50px auto;  /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 50px; /* .push must be the same height as .footer */
}

 /*end sticky footer*/

#header {
width:875px;
height:75px;
padding-top:10px;}/*for teaser link to Barron site*/

#header p {
text-align:center;
vertical-align:middle;}

#header p a {
display:block;}


/*address block*/
#address {
width:244px;
height:164px;
float:left;
background-color:#636c6b;}

#address table {
margin:-18px 10px 0 0;}/*for table holding top slice for address box and address info*/

#sidebar table {
margin-bottom:25px;}

/*horizontal nav*/
#nav {
height:35px;
width:875px;
float:left;
background-color:#231f20;}

#nav ul {
list-style:none;
width:730px;
margin:0 0 0 40px;}

#nav ul li {
float:left;}

#nav ul li a {
float:left;
display:block;
padding:10px 12px;
text-decoration:none;}

/*breadcrumb nav*/
#breadcrumb {
width:550px;
float:left;
padding:10px 10px 10px 20px;}

/*sub nav down left side of page*/
#sub_nav {
width:150px;
float:left;
margin:10px 10px 10px 0;
text-align:left;}

#sub_nav ul {
list-style:none;
margin-left:20px;}

/*main content area*/
#main {
width:440px;
float:left;
padding:10px 0;
margin:0 10px 20px 10px;
background-color:#ffffff;}

#main form {
width:420px;
/*margin-left:20px;*/}

#main ul.features  {
list-style-position:outside;
padding-bottom:10px;
padding-left:10px;
list-style-type:disc;}

#main ul {
list-style-position:outside;
padding-bottom:10px;}

.alert {
color:#ff0000;}

/*featured*/
td.featured {
background:url(images/featured_tab.gif) bottom left no-repeat;
height:19px;}

/*teasers and testimonials*/
#sidebar {
width:224px;
float:right;
margin:0 20px 10px 0;}

.clear {
clear:both;}

/*footer*/
#footer {
width:875px;
margin:0 auto;
clear:both;
text-align:center;
background-color:#ffffff;}

#footer p {
width:855px;
margin:0 auto;
border-top:4px solid #231f20;
padding:5px 0 25px 0;
text-align:center;}

#search, #faq, #resource {
width:440px;}

#search table td.bg, #faq table td.bg, #resource table td.bg{
height:74px;
width:440px;}

#search #filter1, #search #filter2, #faq #filter1, #resource #filter1 {
border:1px solid #999999;
font-family:Trebuchet MS, sans-serif;
font-size:11px;}

#search #filter1 {
width:210px;}

#search #filter2 {
width:112px;}

#faq #filter1, #resource #filter1 {
width:360px;}

/* sitemap */
table.site_map th {
text-align:left;}

table.site_map ul {
list-style:none;}

table.site_map ul li ul li {
padding-left:13px;}

table.site_map ul li ul {
padding-bottom:10px;}


/*barbara added */

.product_title {
text-transform:uppercase;
padding: 15px 15px 0px 0px;
width: 425px;
border-bottom: 1px solid #999999;}

.label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #231f20;
text-transform:uppercase;
padding-right: 5px;}

.item_fact {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-transform:none;
padding-right: 10px;}

#item_top {
width: 433px;
padding: 20px 15px 0px 0px;}

#item_bottom {
width: 433px;
padding: 20px 15px 15px 0px;
clear: both;}



.image_block {
/*width: 235px;*/
float: left;
padding-right: 10px;
padding-bottom: 10px;}

.mainimage {
padding-bottom: 5px;}

.description_block {
/*width: 185px;*/
/*float: right;*/
padding-top: 0px;}

#item_bottom ul  {
margin-left: 10px;}

#specs ul {
list-style-type:none;
list-style-position:outside;
text-indent:-2em;
padding-left:2em}


.upper {
text-transform:uppercase;}

#documents_block {
padding: 5px 0px;}

#documents_block a{
color: red;
text-decoration:none;
padding-left: 10px;}

#documents_block .label{
font-weight: bold;}

.faq {
padding: 25px 0 25px 0;}

h3.news a, a.news {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height:15px;
padding-bottom:10px;
font-style:normal;}



.newsdate, #main newsdate {
padding:10px 0 0 0;
color:#999999;}

#main .newstitle, #main .newstitle a {
font-family:Trebuchet MS, sans-serif;
font-size:14px;
font-weight:normal;
text-decoration:none;
line-height:15px;
font-style:normal;}

/*#main h3.newstitle {
margin-top:10px;}*/

#sidebar .newstitle, #sidebar .newstitle a {
font-size:13px;
padding-bottom:0;}

#sidebar .newsteaser, #sidebar .newsteaser a.news {
padding-bottom:0;
color:#333333;}

#main .newsteaser, #main .newsteaser a.news {
padding-bottom:10px;
color:#333333;}

.question, .answer {
padding-left: 20px;}

p.question {
padding-top:10px;}


.form td {
padding:3px;}

.indented {
margin:0 0 0 20px;}

#sidebar_item {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;}

#sidebar_item .label {
font-weight: bold;
/*color: #231f20; */
text-transform:uppercase;
padding-right: 15px;}

#sidebar_item .item_fact {
font-size: 13px;
padding-right: 10px;}

#sidebar_item a img {
padding:5px 0;}

.product_title span.item_model {
font-size: 13px;
padding-right: 10px;}

#media_item {
margin-left: auto;
margin-right: auto;
width: 330px;
padding: 0px 5px;}

.news_img {
float:left;
margin-right: 10px;
margin-bottom: 10px;}

/* --------------------------------------- Wood and Pellet specific -------------------------------- */
a {
color:#333333;}

h1, .product_title span.item_model {
color:#333333;}

h3 {
color:#333333;}

#sidebar p.testimonial {
color:#333333;}

#sidebar p.testimonial span.name {
color:#333333;}

td.product {
color:#ffffff;}

td.service {
color:#f58220;}

.even {
background-color: #ffffff;}
.odd {
background-color: #e6e5e5;}


/*products*/
table.products tr.title_bar {
background-color:#333333;}

#main tr.alt td {
background-color:#e6e5e5;}

#search table td.bg, #faq table td.bg, #resource table td.bg {
background:url(/images/filter.jpg) top left no-repeat;}

/*sidebar*/
#nav a.navsel, #nav a:hover {
color:#fdc51c;}

#sidebar a.document {
color:#fdc51c;}

/*breadcrumbs*/
#breadcrumb a.current {
color:#fdc51c;}

#breadcrumb .current {
color:#fdc51c;}

#sub_nav a.navsel, #sub_nav a:hover {
color:#fdc51c;}


body {
background-color:#848485;}

#banner {
background:url(images/header.jpg) top left no-repeat;}/*main banner image*/

/*address block*/
#address table td.box_top {
background:url(images/address_box_top_wood.gif) bottom right no-repeat;}

td.address_bkgd {
background-color:#AB9563;}

#sidebar table td.box_bottom {
background:url(images/address_box_bottom_wood.gif) top right no-repeat;}

h3.news a {
color:#333333;}

#main .newstitle, #main .newstitle a {
color:#871802;}

#sidebar .newstitle, #sidebar .newstitle a {
color:#871802;}

span.qa, #sidebar span.qa {
color:#333333;}

#sidebar h1 {
color:#871802;}

/*breadcrumb nav*/


/*footer*/
#footer .bullet {
color:#f58220;}

/*payment receipt*/
td.payment_notice {
background-color:#333333;}