body
{
width: 100%;
color: #3b3a3a;
background: #ce0000 url(/images/bg.png) repeat-x center top;
font-family: arial, verdana;
font-size: 62.5%;
text-align: center;
margin: 0 auto 0 auto;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
margin: 0;
padding: 0;
}
form, section, article, nav, aside, footer, menu
{
margin: 0;
padding: 0;
}
del
{
color: #b70000;
}
form.loading
{
background: url(/images/loading.gif) no-repeat top right;
}
div.loading
{
background: url(/images/loading.gif) no-repeat;
}
img.float_right
{
float: right;
padding: 0 0 5px 10px;
}
img.float_left
{
float: left;
padding: 0 10px 5px 0;
}

a:link, a:visited
{
outline: none;
color: #b70000;
text-decoration: underline;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #000;
text-decoration: underline;
}
hr
{
clear: left;
width: 100%;
height: 1px;
color: #585858;
border: 0px none;
border-bottom: 1px dotted #585858;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 3px;
border: 0 none;
background: #fff;
color: #575757;
}
select
{
padding: 2px;
}

h2, h3, h4
{
padding: 0;
margin: 0 0 .6em 0;
display: block;
font-size: 1.4em;
line-height: 1.1em;
color: #59a500;
}
div.section_home h3{
padding: 0px 0px 0px 109px;
color: #585858;
font-size: 1.2em;
}
h4{font-size: 1.2em;}

p
{
padding: 0;
margin: 0 0 .7em 0;
font-size: 1.2em;
line-height: 1.25em;
}
p small
{
font-size: .9em;
}
p.intro
{
float: left;
width: 100%;
font-size: 1.5em;
line-height: 1.3em;
}
ul, ol
{
margin: 0 0 1.2em 0;
padding: 0 0 0 20px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.35em;
}
li li
{
font-size: 1em;
}

p.logo, p.strapline, div.footer p.facebook, div.aside_panels h2, div.section_home h1.hohoho, div.aside_side ul.order li, div.paperarea h2, div.section_contentbottom, div.section_content h1, div.formright h2
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
p.logo a, div.footer p.facebook a, div.aside_panels h2 a, div.aside_side ul.order li a
{
float: left;
display: block;
text-decoration: none;
}
p.logo, p.logo a
{
width: 183px;
height: 68px;
background: url(/images/logo.gif) no-repeat;
}
p.logo{margin: 0 0 12px 0;}
p.logo img
{
display: none;
}
p.strapline
{
width: 308px;
height: 47px;
margin: 31px 0 5px 0;
float: right;
background: url(/images/strapline.gif) no-repeat;
}

div.section_content h1
{
width: 100%;
height: 31px;
margin: 0 0 10px 0;
}
div.section_content h1.ourtrees{background: url(/titles/ourtrees.gif) no-repeat;}
div.section_content h1.delivery{background: url(/titles/delivery.gif) no-repeat;}
div.section_content h1.faqs{background: url(/titles/faqs.gif) no-repeat;}
div.section_content h1.farm{background: url(/titles/farm.gif) no-repeat;}
div.section_content h1.links{background: url(/titles/links.gif) no-repeat;}
div.section_content h1.order{background: url(/titles/order.gif) no-repeat;}
div.section_content h1.testimonials{background: url(/titles/testimonials.gif) no-repeat;}
div.section_content h1.treecare{background: url(/titles/treecare.gif) no-repeat;}
div.section_content h1.wholesale{background: url(/titles/wholesale.gif) no-repeat;}
div.section_content h1.contact{background: url(/titles/contact.gif) no-repeat;}


div.stnicks
{
width: 960px;
margin: auto;
text-align: left;
}
div.article
{
float: left;
padding: 12px 10px 0 12px;
min-height: 506px;
height: auto;
background: url(/images/plate.gif) repeat-x;
width: 938px;
}
div.header
{
width: 936px;
float: left;
padding: 3px 12px 0 12px;
height: 124px;
margin-bottom: -19px;
background: url(/images/header.png) no-repeat bottom left;
}
div.section_home
{
width: 376px;
float: left;
height: 377px;
padding: 45px 32px 10px 291px;
margin: 0 0 11px 0;
background: url(/images/home.jpg) no-repeat;
}
div.section_content
{
float: left;
width: 698px;
background: url(/images/content.gif) repeat-y;
}
div.section_content div.image
{
float: left;
width: 698px;
}
div.section_content div.image p
{
margin: 0;
}
div.section_contentinner
{
float: left;
width: 638px;
padding: 25px 30px 0 30px;
min-height: 241px;
height: auto;
background: url(/images/content.png) no-repeat;
}
div.section_contentlong
{
float: left;
width: 638px;
padding: 40px 30px 0 30px;
min-height: 498px;
height: auto;
background: url(/images/contentlong.png) no-repeat;
}
div.section_contentbottom
{
width: 698px;
height: 21px;
background: url(/images/contentbottom.png) no-repeat;
}
div.section_contentsub
{
width: 525px;
float: right;
}
div.section_content ul.subnav
{
float: left;
width: 110px;
padding: 0;
margin: 0;
list-style-type: none;
}
div.section_content ul.subnav li
{
font-weight: bold;
float: left;
width: 110px;
padding: 0 0 3px 0;
margin: 0;
}
div.section_content ul.subnav li a:link, div.section_content ul.subnav li a:visited
{
color: #59a500;
text-decoration: none;
}
div.section_content ul.subnav li a:hover, div.section_content ul.subnav li a:active,
div.section_content ul.subnav li a.active:link, div.section_content ul.subnav li a.active:visited
{
color: #ce0000;
text-decoration: none;
}
div.section_content ul.subnav li a:hover, div.section_content ul.subnav li a:active
{
text-decoration: underline;
}

div.section_content h2.slide
{
float: left;
width: 100%;
padding: 5px 0 0 0;
cursor: pointer;
}
div.section_content h2.active
{
color: #b70000;
}
div.section_content div.slideinner
{
float: left;
width: 100%;
padding: 0 0 5px 0;
}


div.section_home h2, div.section_home h3
{
text-align: right;
}
div.section_home p
{
width: 267px;
padding: 0 0 0 109px;
float: left;
text-align: right;
}
div.section_home h1.hohoho
{
width: 376px;
height: 126px;
margin: 0 0 40px 0;
background: url(/titles/hohoho.gif) no-repeat;
}
div.home_panels
{
width: 699px;
float: left;
}

div.aside_side
{
width: 230px;
float: right;
}
div.aside_side ul.order
{
width: 230px;
float: left;
padding: 0;
margin: 0 0 10px 0;
list-style-type: none;
}
div.aside_side ul.order li, div.aside_side ul.order li a
{
width: 230px;
height: 115px;
background: url(/images/order.gif) no-repeat;
}
div.aside_side ul.order li a:hover
{
background-position: bottom left;
}
div.aside_side div.paperarea
{
width: 212px;
float: left;
padding: 28px 2px 28px 18px;
background: url(/images/paperarea.jpg) no-repeat;
height: 378px;
text-align: center;
}
div.aside_side div.paperareainner
{
width: 200px;
padding: 0 10px 0 0;
float: left;
overflow-y: auto;
height: 298px;
}
div.aside_side div.paperarea h2
{
width: 100%;
height: 65px;
margin: 0 0 15px 0;
}
div.aside_side div.paperarea h2.treelovers
{
background: url(/titles/treelovers.gif) no-repeat;
}
div.aside_side div.paperarea p
{
margin: 0;
}
div.aside_side div.paperarea p.quote
{
margin: 0 0 8px 0;
padding: 0 0 8px 0;
background: url(/images/paperline.gif) no-repeat bottom center;
}


div.section_content ul.links
{
float: left;
width: 300px;
padding: 0 19px 0 0;
margin: 0;
list-style-type: none;
}
div.section_content ul.links li
{
padding: 0;
margin: 1em 0 .4em 0;
}
div.section_content ul.links li a:link, div.section_content ul.links li a:visited
{
text-decoration: none;
}
div.section_content ul.links li a strong
{
color: #3b3a3a;
}
div.section_content ul.links li a:hover, div.section_content ul.links li a:active,
div.section_content ul.links li a:hover strong, div.section_content ul.links li a:active strong
{
text-decoration: underline;
color: #3b3a3a;
}

/* ######## Panels ######## */
div.aside_panels
{
float: left;
width: 699px;
background: url(/images/panels.gif) no-repeat;
}
div.aside_panels a:link, div.aside_panels a:visited
{
color: #83df16
}
div.aside_panels a:hover, div.aside_panels a:active
{
color: #000
}
div.aside_panels div.panel
{
float: left;
width: 195px;
min-height: 97px;
height: auto;
padding: 19px 20px 0 18px;
text-align: center;
}
div.aside_panels h2, div.aside_panels h2 a
{
float: left;
width: 195px;
height: 21px;
}
div.aside_panels h2{margin: 0 0 7px 0;}
div.aside_panels h2.panel1, div.aside_panels h2.panel1 a
{
background: url(/titles/panel1.gif) no-repeat;
}
div.aside_panels h2.panel2, div.aside_panels h2.panel2 a
{
background: url(/titles/panel2.gif) no-repeat;
}
div.aside_panels h2.panel3, div.aside_panels h2.panel3 a
{
background: url(/titles/panel3.gif) no-repeat;
}
div.aside_panels div.panel p
{
float: left;
font-size: 1.1em;
margin: 0;
width: 195px;
color: #fff;
}
/* ######## END Panels ######## */


/* ######## Form Stuff ######## */
div.formleft
{
width: 260px;
padding: 0 28px 0 0;
float: left;
}
div.formimage
{
width: 164px;
float: right;
padding: 19px 0 0 0;
}
div.formright
{
width: 350px;
float: left;
background: #efebb1 url(/images/contact.png) no-repeat;
}
div.formorder
{
float: left;
}

div.forminner div.trees
{
width: 312px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #83df16;
float: left;
}
div.forminner
{
width: 312px;
padding: 19px;
float: left;
background: url(/images/contact.gif) no-repeat bottom left;
}
div.formright h2.form
{
width: 100%;
height: 20px;
margin: 0 0 12px 0;
background: url(/titles/form.gif) no-repeat;
}
div.formright p.field
{
width: 100%;
float: left;
margin: 0 0 6px 0;
padding: 0;
}
div.formright p.submit
{
float: left;
width: 100%;
margin: 0;
}
form.loading div.formright p.submit
{
background: url(/images/loading.gif) no-repeat bottom left;
}
div.formright p.submit input, div.formright p.total input{vertical-align: middle;}
div.formright p.submit input.submit, div.formright p.total input.submit, div.formright p.submit img
{
float: right;
}
div.formright p.field input.input, div.formright p.field textarea, div.formright p.field select
{
margin: 2px 0 0 0;
background: #fff;
border: 1px solid #d0d0d0;
width: 304px;
}
div.formright p.field textarea
{
height: 100px;
}
div.formright p.field input.alert, div.formright p.field select.alert, div.formright p.field textarea.alert
{
border: 1px solid #b70000;
}
div.formright form
{
float: left;
width: 100%;
}

div.formright p.field select
{
padding: 2px;
width: 312px;
}
div.formright p.field select.auto
{
width: auto;
padding: 1px;
}
div.formright span.star
{
color: #b70000;
font-weight: bold;
}
div.formright p.field input#verify
{
width: 130px;
}
div.formright p.field img
{
float: right;
}

div.formright div.status
{
background: #b70000;
border: 1px solid #b70000;
width: 310px;
margin: 0 0 10px 0;
float: left;
}
div.formright div.status p
{
width: 300px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.formright div.status ul
{
width: 280px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
color: #b70000;
}
div.formright div.status ul
{
margin: 0;
}
div.formright p.field span.small
{
line-height: 1em;
font-size: .9em;
}
div.formright form
{
float: left;
width: 100%;
}
/* ######## END Form Stuff ######## */


div.footer
{
float: left;
width: 936px;
margin: -10px 0 0 0;
padding: 32px 12px 12px 12px;
color: #fff;
background: url(/images/footer.gif) no-repeat;
}
div.footer a:link, div.footer a:visited
{
color: #83df16;
text-decoration: underline;
}
div.footer a:hover, div.footer a:active
{
color: #fff;
text-decoration: underline;
}
div.footer ul.links
{
width: 468px;
float: right;
padding: 0;
margin: 0;
list-style-type: none;
}
div.footer ul.links li
{
font-weight: bold;
float: right;
line-height: 1.1em;
font-size: 1.1em;
padding: 0 8px 0 8px;
border-right: 1px solid #83df16;
}
div.footer ul.links li.copy
{
padding-left: 0;
}
div.footer ul.links li.swordfox
{
padding-right: 0;
border-right: 0 none;
}

div.footer p.contact
{
width: 468px;
float: left;
padding: 0;
font-size: 1.1em;
margin: 0 0 7px 0;
}
div.footer p.facebook, div.footer p.facebook a
{
width: 81px;
height: 31px;
background: url(/images/fb.gif) no-repeat;
}
div.footer p.facebook
{
float: left;
width: 100%;
padding: 0;
margin: 0 0 7px 0;
}


abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #b3b3b3;
}