/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #ffffff;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 14px; line-height: 24px; color: #363639;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}

:focus {outline: 0;}

a {color: #cc520f;}
a:hover {color: #000;}

a.org {color: #9c0700;}
a.org:hover {color: #000;}

h1 {margin: 0 0 20px 0; font-family: Georgia, "Times New Roman", Serif; font-size: 22px; font-weight: normal; color: #cc520f;}
h4 {margin: 0; font-size: 14px;}
h3 {font-family: Georgia, "Times New Roman", Serif; font-size: 18px; font-weight: normal; font-style: italic; color: #475329; margin: 0px;}
/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.finePrint {font-size: 12px; line-height: 18px;}

.separator {margin: 20px 0 30px 0; height: 10px; background: url(../images/dots.gif) no-repeat center top;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0 0 20px 0; padding: 0 0 0 20px; list-style-type: none;}
ul.list li {padding: 0 0 0 15px; background: url(../images/red-bullet.gif) no-repeat left 10px;}

ul.subnav {margin: 0; padding: 0; list-style-type: none; font-family: Georgia, "Times New Roman", Serif; font-size: 14px; line-height: 18px; color: #000; text-transform: uppercase;}
ul.subnav li {padding: 0 0 5px 0;}
ul.subnav li a {display: block; padding: 7px 15px 7px 15px; text-decoration: none; color: #000;}
ul.subnav li.on a,
ul.subnav li a:hover {color: #fff; background: #70853e;}
ul.subnav li ul {margin: 0; padding: 0; list-style-type: none; text-transform: none;}
ul.subnav li ul li a {padding: 2px 15px;}
ul.subnav li.holiday {background: #9c0700;}
ul.subnav li.holiday a {color: #fff;}
ul.subnav li.holiday a:hover,
ul.subnav li.holiday ul li.on a:hover {color: #000; background: transparent;}
ul.subnav li.holiday ul li.on a {color: #fff; background: transparent;}

/**
 * Layout
 */
#master {width: 960px; margin: auto;}

#header {position: relative; height: 121px; font-family: Georgia, "Times New Roman", Serif; font-size: 18px; line-height: normal; color: #363639;}
#header .logo {position: absolute; top: 22px; left: 22px;}
#header .tagline {position: absolute; top: 82px; left: 97px; font-style: italic; color: #cc520f;}
#header .contact {position: absolute; top: 30px; right: 0; line-height: 24px; text-align: right;}

#nav ul {margin: 0; padding: 0; list-style-type: none; font-family: Georgia, "Times New Roman", Serif; font-size: 14px; line-height: 28px; color: #fff; text-transform: uppercase;}
#nav ul li {float: left; padding: 0 5px 0 0;}
#nav ul li a {float: left; display: block; width: 173px; padding: 0 0 0 15px; text-decoration: none; color: #fff; background: #70853e;}
#nav ul li a:hover {color: #000;}
#nav ul li.first {padding-right: 6px;}
#nav ul li.first a {width: 172px;}
#nav ul li.last {padding: 0;}
#nav ul li.on a {background: #475329;}

#body {width: 100%; background: url(../images/bg-sidebar.gif) repeat-y; border-bottom: solid 6px #fff;}
#body > div {width: 100%; background: url(../images/bg-plant.gif) no-repeat left bottom;}
#body > div > div {width: 100%; min-height: 500px; background: no-repeat right bottom;}

#sidebar {float: left; width: 187px; padding: 15px 0 0 0;}

#content {float: left; width: 337px; padding: 20px 30px 20px 25px;}
#content div.column {float: left; width: 330px; padding-right: 20px;}
#content div.feature {width: 380px; margin: 0 -30px 0 -19px; background: no-repeat; font-size: 16px; line-height: 24px; text-align: center;}
#content div.holidayFeature {width: 340px; height: 161px; padding: 20px 20px 0 20px; background-image: url(../images/bg-holiday-feature.jpg); color: #fff;}

#primaryPhoto {float: right; margin: -15px -3px 20px 20px;}

#contentHeader h1 {float: left;}
#contentHeader .actions {float: right; text-align: right; padding: 0 50px 0 0;}
#contentHeader .viewCart {float: right; font-family: Georgia, "Times New Roman", Serif; color: #9c0700; text-transform: uppercase; background: url(../images/cart.gif) no-repeat; padding: 0 0 0 35px; text-decoration: none; line-height: 24px;}
#contentHeader .viewCart:hover {color: #000;}

#rightSidebar {float: right; width: 381px; padding: 5px 0 0 0;}
#rightSidebar .photo img {display: block;}

#footer {padding: 15px; border-top: solid 6px #7f9148; background: #bbc571; font-size: 13px; line-height: 18px; color: #2f311c;}
#footer .content {float: left; width: 660px;}
#footer .logo {float: right; width: 130px;}
#footer .contact {margin: 0; padding-bottom: 10px;}
#footer ul {margin: 0; padding: 0; list-style-type: none; font-size: 12px; color: #647244; text-transform: lowercase;}
#footer ul li {display: inline;}
#footer ul li a {color: #647244; padding: 0 10px; text-decoration: none;}
#footer ul li a:hover {color: #000;}
#footer ul li.accent a {font-weight: bold; color: #3f462f;}
#footer .services {margin-top: 6px; margin-bottom: 10px; font-style: italic; color: #2f311c; text-transform: none;}
#footer .services li span {padding: 0 10px; font-size: 18px; vertical-align: middle; font-weight: bold;}
#footer a.facebookPage {float: left; display: block; width: 24px; height: 24px; background: url(../images/facebook-24x24.png) no-repeat; text-indent: -10000px;}
#footer a.yelp {float: left; display: block; width: 125px; margin-top: 34px;}
#footer .planet img,
#footer .wfb img {display: block; width: 130px; height: 43px; padding: 0 0 8px 0;}
#footer .like {float: left; width: 90px; height: 25px; margin: 8px 0 0 8px;}
.fb_edge_widget_with_comment { bottom: 5px; }

#masterFooter {padding: 15px 0 20px 0; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; line-height: 20px; color: #3f462f; text-align: center;}
#masterFooter p {margin: 0;}
#masterFooter .legal,
#masterFooter .credits {font-size: 11px; color: #647244;}
#masterFooter a {color: #647244; text-decoration: none;}
#masterFooter a:hover {color: #000;}

#features {margin: 0 0 5px 0; padding: 8px 0 10px 7px; background: #f7f5e8; border: solid 1px #bbc571; line-height: normal;} /* display: none; */
#features .header {padding: 0 0 10px 14px; font-size: 13px;}
#features .header .title {font-family: Georgia, Times New Roman, Serif; font-size: 16px; color: #cc520f;}
#features .photo {float: left; width: 175px; padding: 0 7px;}

/**
 * Layout Variations
 */
body.front #body {padding-bottom: 0;}
body.front #body > div > div {background: none;}
body.front #content {padding-bottom: 0;}
body.front #rightSidebar .photo {display: none;}
body.front #featureFooter .photo {display: none;}
body.front #featureFooter .content {display: none;}

body.holiday #nav li.holiday a {background: #9c0700;}
body.holiday #rightSidebar .holiday {display: block;}
body.holiday #featureFooter .holiday {display: block;}
body.holiday #featureFooter .content {color: #fff; background-color: #bb1a12;}

body.winter #rightSidebar .winter {display: block;}
body.winter #featureFooter .winter {display: block;}
body.winter #featureFooter .content {color: #fff; background-color: #879fbf;}

body.autumn #rightSidebar .autumn {display: block;}
body.autumn #featureFooter .autumn {display: block;}
body.autumn #featureFooter .content {color: #fff; background-color: #d76c0d;}

body.summer #rightSidebar .summer {display: block;}
body.summer #featureFooter .summer {display: block;}
body.summer #featureFooter .content {color: #363639; background-color: #fecc33;}
body.summer #featureFooter .content .accent {color: #cc520f;}
body.summer #featureFooter .content ul {padding: 0; list-style-type: none; font-size: 12px; }
body.summer #featureFooter .content ul li {padding: 0 0 0 20px; background: url(../images/orange-bullet.gif) no-repeat 5px 7px;}

body.spring #rightSidebar .spring {display: block;}
body.spring #featureFooter .spring {display: block;}
body.spring #featureFooter .content {color: #363639; background-color: #f6b341;}
body.spring #featureFooter .content .accent {color: #fff;}
body.spring #featureFooter .content ul {padding: 0; list-style-type: none;}
body.spring #featureFooter .content ul li {padding: 0 0 0 20px; background: url(../images/orange-bullet.gif) no-repeat 5px 7px;}

body.oneSidebarLayout #content {width: 745px; padding: 20px 0 20px 25px;}

body.holidayShop #body > div > div {background: none;}
body.holidayShop .accent {color: #9c0700;}
body.holidayShop ul.subnav li a:hover,
body.holidayShop ul.subnav li.on a {background: #9c0700;}

/**
 * Home Page
 */
#featureFooter {border-bottom: solid 6px #fff;}
#featureFooter .photo {float: left; width: 187px;}
#featureFooter .content {float: left; width: 342px; height: 172px; padding: 15px 19px 0 19px; border: solid 6px #fff; border-width: 0 6px; font-size: 14px; line-height: 20px; color: #000;}
#featureFooter .content h2 {margin: 0 0 5px 0; font-size: 16px; font-weight: normal; color: #000;}
#featureFooter .content a {color: #fff;}
#featureFooter .content p {margin: 0 0 5px 0;}
#featureFooter .content ul {margin: 0 0 5px 0; padding: 0 0 0 20px; list-style-type: square;}
#featureFooter .quote {float: left; width: 331px; padding: 20px 25px 0 25px; font-family: Georgia, Times New Roman, Serif; font-size: 16px; line-height: 26px; font-style: italic; color: #4c523f;}
#featureFooter .quote p {margin: 0;}
#featureFooter .quote .author {font-style: normal; text-align: right;}

/**
 * Shop
 */
div.products {margin: 0 -4px;}
div.products > div {padding: 0 0 40px 0;}
div.products .lastRow {padding-bottom: 0;}
div.products .product {float: left; width: 180px; padding: 0 4px; font-weight: bold; text-align: center;}
div.products .product img {display: block; padding: 0 0 5px 0;}

#product .photo {float: left; width: 340px;}
#product .content {float: left; width: 340px; padding: 0 0 0 40px;}
#product .content h2 {margin: 0; font-size: 14px;}
#product .content .cta {color: #9c0700;}
#product .addToCart .row {padding: 0 0 5px 0;}
#product .addToCart .label {float: left; width: 100px;}
#product .addToCart .field {float: right; width: 240px;}
#product .addToCart .submit {padding: 20px 0 30px 0;}
.finePrint {margin: 0 0 16px 0; font-size: 14px; line-height: 20px; color: #9c0700;}
#product .content .policy {margin: 0 0 20px 0 ; border: solid 3px #ff0000; padding: 10px 15px 0 15px; font-size: 12px; line-height: 18px;}
#product .content .policy p {margin-bottom: 10px;}

/**
 * Miscellaneous
 */
div.testimonials .author {margin: -20px 0 20px 0; text-indent: 50px;}

form.form {width: 100%;}
form.form input[type="text"],
form.form textarea {font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 120px;}
form.form .field {float: left; width: 300px;}

div.photoGallery {margin: 0 -10px;}
div.photoGallery > div {padding: 0 0 20px 0;}
div.photoGallery .photo {float: left; width: 190px; padding: 0 10px;}

div.pictureHolder .content .details .nav p {font-size: 12px; margin: 2px 8px;}

table.beforeAfter td {vertical-align: middle;}