* {
margin: 0;
padding: 0;
}
body {
width: 100%;
margin: 0 auto;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #684f40;
background-color: #b0d4f0;
}
ol, ul {list-style-type: none;}
h1 {
width: 504px;
height: 40px;
display: block;
text-align: center;
margin: 0 auto;
}
p {padding-bottom: 18px;}
sup {line-height: 0;}
em {font-style: italic;}
/*------------Default Links------------*/
a {
outline: none;
text-decoration: none;
color: #684f40;
}
a.here {font-weight: bold;}
a:link {
border-bottom: 1px dashed #684f40;
padding-bottom: 1px;
}
a:visited {
border-bottom: 1px dashed #684f40;
padding-bottom: 1px;
}
a:hover {
border-bottom: 1px dashed #684f40;
font-weight: bold;
padding-bottom: 1px;
}
a:active {
border-bottom: 1px dashed #684f40;
font-weight: bold;
padding-bottom: 1px;
}
/*--------------------------SECTIONS*/
#flash {
width: 2048px;
position: fixed;
top: 0;
left: 0;
margin: 0 auto;
z-index: -2;
}
#flash-alt {
width: 100%;
height: 1465px;
background: transparent url(../images/back-clouds.jpg) repeat-x center top;
z-index: -1;
}
/*------Apple Logo Button---and taggie for landing page---*/
#logo {
width: 922px;
height: 180px;
position: relative;
top: 0;
left:0;
margin: 0 auto;
z-index: 2;
}
#logo a#home {
display: block;
position: relative;
top: 0px;
left:0;
}
#logo a#home:hover {
position: relative;
top: 1px;
left: 0;
}
#logo a#home, #logo a#home:hover {
width: 160px;
height: 178px;
border: none;
}
/*div#logo a#taggie {
width: 309px;
height: 36px;
display: block;
border:none;
position: absolute;
top:20px;
left: 612px;
margin: 0;
padding: 0;
z-index: 1000;
}
div#logo a#taggie:hover {
position: absolute;
top:21px;
left: 612px;
}*/
#wrapper, .stitch {width: 922px;}
#wrapper {
position: relative;
top: -102px;
left: 0;
z-index: 1;
}
#banner, #main-nav {width: 918px;}
#banner {padding: 90px 0 36px 0;}
/*-------New added 8.5.10 --------------ShopNow Button at Top----------*/
#logo a#shopnow {
width: 160px;
height: 43px;
display: block;
border:none;
position: absolute;
top:99px;
right: 74px;
margin: 0;
padding: 0;
z-index: 1000;
}
#logo a#shopnow:hover {
position: absolute;
top:100px;
right: 74px;
}
#logo span#organic-sign {
width: 158px;
height: 105px;
display: block;
position: absolute;
top: 78px;
left: 0px;
margin: 0;
padding: 0;
z-index: 1000;
background: transparent url(../images/back-organic_sign.gif) no-repeat center center;
}
#logo span#organic-sign.png {background: transparent url(../images/back-organic_sign4.png) no-repeat center center;}
#wrapper, .stitch, #banner, #main-nav, #logo a, #logo a:hover {margin: 0 auto;}
#main-nav ul {
width: 818px;
margin: 0 50px;
}
#main-nav, #main-nav ul {height: 36px;}
#main-nav ul li {
height: 27px;
display: block;
}
#main-nav ul li a, #main-nav ul li a:link, #main-nav ul li a:visited {
display: block;
height: 27px;
border: none;
margin-top: 3px;
}
.stitch, #main-nav ul, #main-nav ul li, #main-nav ul li a, #main-nav ul li a:link, #main-nav ul li a:visited {float: left;}
#main-nav ul li a:hover, #main-nav ul li a:active, #main-nav ul li a.here {margin-top: 4px;}
#about a {width: 101px;}
#green a {width: 204px;}
#products a {width: 135px;}
#find a {width: 89px;}
#wholesalers a {width: 165px;}
#contact a {width: 124px;}
/*--------Content and ---COLUMNS---------*/
div.content, #content.landing {
width: 918px;
margin: 0 2px;
}
#content.landing {
height: 614px;
background-color: #fffeec;
}
.one-column, .two-column, .three-column {
width: 774px;
margin: 0 72px 30px 72px;
/*min-height: 433px;*/
min-height: 401px;
}
.one-column ul, .two-column ul, .three-column ul {padding-bottom: 18px;}
.one-column ol ul, .two-column ol ul, .three-column ol ul {padding-bottom: 0px;}
.one-column .column-a {
width: 774px;
margin: 0px auto 0 auto;
}
.one-column .column-a h1 {margin-bottom: 30px;}
.two-column .column-a, .three-column .column-a {
width: 207px;
margin: 0 16px 0 0;
}
.two-column .column-b {width: 551px;}
.two-column .column-b p {text-align: left;}
/*----------------------------------------------.two-column .column-b ul.address {width: 328px;}*/
.two-column .column-b, .three-column .column-b {margin: 30px 0 0 0;}
.three-column .column-b {width: 328px;}
.three-column .column-c {
width: 207px;
margin: 30px 0 0 16px;
text-align: left;
}
div.content, #content.landing,
.one-column, .two-column, .three-column,
.one-column .column-a, .two-column .column-a, .three-column .column-a, 
.two-column .column-b, .three-column .column-b,
.three-column .column-c {float: left;}
/*-------------------product paragraphs- for background images-----------*/
p.product-landing {
width: 551px;
height: 450px;
}
p.product {
width: 328px;
/*Due to the addition of new products in 2010*/
height: 450px;
}
p.product span.product-note {
display: block;
padding-top: 343px;
}
p.product-th, p.product-th-2up, p.product-th-3up {
width: 207px;
height: 130px;
margin: 9px auto 0 auto;
}
p.product-th a, p.product-th-2up a {
width:103px;
height: 130px;
display: block;
float: left;
border: none;
}
p.product-th-3up a {
width:69px;
height: 130px;
display: block;
float: left;
border: none;
}
p.product-th a:link, p.product-th a:visited, p.product,
p.product-th-2up a:link, p.product-th-2up a:visited,
p.product-th-3up a:link, p.product-th-3up a:visited {
position: relative;
top: 0;
left: 0;
}
p.product-th a:hover, p.product-th a:active, p.product:hover,
p.product-th-2up a:hover, p.product-th-2up a:active,
p.product-th-3up a:hover, p.product-th-3up a:active {
position: relative;
top: 1px;
left: 0;
}
p.product-landing, p.product, p.product-th, p.product-th-2up, p.product-th-3up {padding-bottom: 0;}
p.product-landing, p.product {margin: 0 auto;}
/*--FOOT-------*/
#foot {
width: 922px;
margin: 0 auto;
clear: both;
}
p#copyright {
width: 536px;
height: 37px;
margin: 0 auto;
}
p#copyright span a {
width: 128px;
height: 20px;
display: block;
float: right;
border: none;
}
/* Footer with facebook and twitter only*/

p#social-links {
width: 252px;
height: 40px;
margin: 0 auto 0 auto;
padding: 9px 0 0 0;
text-align: center;
}
p#social-links span#facebook, p#social-links span#facebook a {
width: 90px;
height: 40px;
float: left;
}
p#social-links span#twitter, p#social-links span#twitter a {
width: 135px;
height: 40px;
float:right;
}
p#social-links span {}
p#social-links span a {
display: block;
border: none;
}
p#social-links span a:link {
position: relative;
top: 0;
left: 0;
}
p#social-links span a:hover {
position: relative;
top: 1px;
left: 0;
}

/* Footer with amazon link added*/
/*
p#social-links {
width: 400px;
height: 40px;
margin: 0 auto 0 auto;
padding: 9px 0 0 0;
text-align: center;
}
p#social-links span#facebook, p#social-links span#amazon a {
width: 106px;
height: 40px;
float: left;
margin-right: 30px;
}
p#social-links span#facebook, p#social-links span#facebook a {
width: 90px;
height: 40px;
float: left;
}
p#social-links span#twitter, p#social-links span#twitter a {
width: 135px;
height: 40px;
float:right;
}
p#social-links span {}
p#social-links span a {
display: block;
border: none;
}
p#social-links span a:link {
position: relative;
top: 0;
left: 0;
}
p#social-links span a:hover {
position: relative;
top: 1px;
left: 0;
}
*/
/*-----------------------DELETE--------REMOVE FIXED POSITIONING ON FOOTER---USED TO TEST IF CONTENT ENDS AT 692PX-----
#foot {
position: fixed;
top: 691px;
left: 0;
}
---*/
/*------SUB NAV----*/
.column-a .sub-nav {text-align: left;}
.column-a .sub-nav ol {width: 207px;}
.column-a .sub-nav ul {width: 207px;}
.column-a .sub-nav li {display: block;}
.column-a .sub-nav ol li ul {margin-top: 9px;}
.column-a .sub-nav ol li ul li {
padding-left: 6px;
margin-left: 4px;
/*removed extra leading on sub sub nav*/
margin-bottom: 9px;
}

.two-column .column-a, .three-column .column-a {margin-top: -6px;}
.column-a .sub-nav ol {}
/*sub nav main categories - all caps*/
.column-a .sub-nav ol li {margin-bottom: 18px;}
/*sub nav - sub nav lists - all lowercase*/
.column-a .sub-nav ol li ul {
letter-spacing: .05em;
}
/*indent 2nd line sub nav list item that falls on 2 lines*/
.column-a .sub-nav ol li ul span.indent {
display:block;
margin-left: 15px;
}

/*-----------------Sub NAV LINKS------------*/
.sub-nav a:link {border-bottom: none;}
.sub-nav a:visited {border-bottom: none;}
.sub-nav a:hover {
border-bottom: none;
font-weight: bold;
}
sub-nav a:active {
border-bottom: none;
font-weight: bold;
}
/*------------------------------------special----*/
a.button, p.leaf-link a, p.waterdrop-link a, p.book-link a,
a.button:link, a.button:visited, a.button:hover, a.button:active,
p.leaf-link a:link, p.leaf-link a:visited, p.leaf-link a:hover, p.leaf-link a:active,
p.waterdrop-link a:link, p.waterdrop-link a:visited, p.waterdrop-link a:hover, p.waterdrop-link a:active
p.book-link a:link, p.book-link a:visited, p.book-link a:hover, p.book-link a:active {border: none;}
a.tracked-green {
color: #5f961e;
letter-spacing: 1px;
border: none;
}
a.tracked-green:link, a.tracked-green:visited {color: #5f961e;}
a.tracked-green:hover, a.tracked-green:active {font-weight: bold;}
a.tracked-green {
color: #5f961e;
letter-spacing: 1px;
border: none;
}
a.weblink:link, a.weblink:visited {color: #5f961e;}
a.weblink:hover, a.weblink:active {font-weight: bold;}
a.green-line {
color: #5f961e;
letter-spacing: 1px;
border-bottom: 1px solid #5f961e;
padding-bottom: 1px;
}
a.green-line:link, a.green-line:visited {color: #5f961e;}
a.green-line:hover, a.green-line:active {font-weight: bold;}
a.certifications {
display: block;
position: relative;
top: 0;
left: 0;
margin: 40px auto;
}
/*
a#cert-gots {
width: 70px;
height: 71px;
margin-top: 30px;
margin-bottom: 30px;
}
*/
a#cert-ota {
width: 72px;
height: 54px;
}
a#cert-recycle {
width: 61px;
height: 60px;
}
a#drtoy-vacation, a#drtoy-green {
width: 65px;
height: 62px;
}
a#drtoy-green {margin-bottom:0;}
a.certifications:link, a.certifications:visited {
position: relative;
top: 0;
left: -40px;
}
a.certifications:hover, a.certifications:active {
position: relative;
top: 1px;
left: -40px;
}
/*--------Press section-------*/
a.pic {border: none;}
ul.press-links {
width: 551px;
text-align: center;
/*margin: 0 auto;
padding-bottom: 0;*/
float: left;
clear: both;
}
ul.press-links li.press-pic {margin: 0 18px 18px auto;}
ul.press-links li.press-pic, ul.press-links li.press-pic-endrow {
width: 124px;
height: 157px;
display: block;
float: left;
}
ul.press-links li.press-pic-endrow {margin: 0 auto 18px auto;}
ul.press-links li.press-pic a, ul.press-links li.press-pic-endrow a {
width: 120px;
height: 153px;
display: block;
border: none;
}
ul.press-links li.stitch-rule {
width: 100%;
height:40px;
display: block;
float:left;
margin-top:20px;
}
ul.press-links li.press-pic a:link, ul.press-links li.press-pic a:visited, ul.press-links li.press-pic-endrow a:link, ul.press-links li.press-pic-endrow a:visited {
position: relative;
top: 0;
left: 0;
}
ul.press-links li.press-pic a:hover, ul.press-links li.press-pic a:active, ul.press-links li.press-pic-endrow a:hover, ul.press-links li.press-pic-endrow a:active {
position: relative;
top: 1px;
left: 0px;
}
p.networking-links a.pic:link {
position: relative;
top: 0;
left: 0;
}
p.networking-links a.pic:hover {
position: relative;
top: 1px;
left: 0;
}
/*-------Wholesalers-----One Column----
ul.wholesaler-links {
width: 460px;
text-align: center;
margin-left: 157px;
margin-top: 18px;
float: left;
clear: both;
}
ul.wholesaler-links li.wholesaler-link-pic {margin: 0 18px 18px auto;}
ul.wholesaler-links li.wholesaler-link-pic, ul.wholesaler-links li.wholesaler-link-pic-endrow {
width: 221px;
height: 157px;
display: block;
float: left;
}
ul.wholesaler-links li.wholesaler-link-pic-endrow {margin: 0 auto 18px auto;}
ul.wholesaler-links li.wholesaler-link-pic a, ul.wholesaler-links li.wholesaler-link-pic-endrow a {
width: 217px;
height: 153px;
display: block;
border: none;
}
ul.wholesaler-links li.wholesaler-link-pic a:link, ul.wholesaler-links li.wholesaler-link-pic a:visited, ul.wholesaler-links li.wholesaler-link-pic-endrow a:link, ul.wholesaler-links li.wholesaler-link-pic-endrow a:visited {
position: relative;
top: 0;
left: 0;
}
ul.wholesaler-links li.wholesaler-link-pic a:hover, ul.wholesaler-links li.wholesaler-link-pic a:active, ul.wholesaler-links li.wholesaler-link-pic-endrow a:hover, ul.wholesaler-links li.wholesaler-link-pic-endrow a:active {
position: relative;
top: 1px;
left: 0px;
}
---*/
/*-----About- Customer Reviews- Two Colums------*/
ul.review {
width: 551px;
text-align: left;
float: left;
clear: both;
margin: 0 auto;
}
ul.review li {
width: 312px;
float: right;
}
ul.review li.four-stars, ul.review li.five-stars, ul.review li.no-stars {
height: 18px;
display: block;
margin-bottom: 0;
}
ul.review span.review-item {
font-weight: bold;
padding-left: 100px;
}
ul.review li.no-stars span.review-item {padding-left: 0;}
ul.review li.quote {
font-style: italic;
margin-bottom: 0;
}
ul.review li.customer-review-pic {
width: 221px;
height: 157px;
display: block;
float: left;
margin-bottom: 0;
}
ul.review li.customer-review-pic a, ul.review li.customer-review-pic-endrow a {
width: 217px;
height: 153px;
display: block;
border: none;
}
ul.review li.customer-review-pic a:link, ul.review li.customer-review-pic a:visited, ul.review li.customer-review-pic-endrow a:link, ul.review li.customer-review-pic-endrow a:visited {
position: relative;
top: 0;
left: 0;
}
ul.review li.customer-review-pic a:hover, ul.review li.customer-review-pic a:active, ul.review li.customer-review-pic-endrow a:hover, ul.review li.customer-review-pic-endrow a:active {
position: relative;
top: 1px;
left: 0px;
}
span.review-date {margin-right: 10px;}
/*-------Wholesalers-----Two Column-------*/
ul.wholesaler-links {
width: 551px;
text-align: center;
margin-top: 18px;
float: left;
clear: both;
}
ul.wholesaler-links li.wholesaler-link-pic {margin: 0 18px 18px auto;}
ul.wholesaler-links li.wholesaler-link-pic, ul.wholesaler-links li.wholesaler-link-pic-endrow, ul.reviews li.customer-review-pic {
width: 221px;
height: 157px;
display: block;
float: left;
}
ul.wholesaler-links li.wholesaler-link-pic-endrow {margin: 0 auto 18px auto;}
ul.wholesaler-links li.wholesaler-link-pic a, ul.wholesaler-links li.wholesaler-link-pic-endrow a {
width: 217px;
height: 153px;
display: block;
border: none;
}
ul.wholesaler-links li.wholesaler-link-pic a:link, ul.wholesaler-links li.wholesaler-link-pic a:visited, ul.wholesaler-links li.wholesaler-link-pic-endrow a:link, ul.wholesaler-links li.wholesaler-link-pic-endrow a:visited {
position: relative;
top: 0;
left: 0;
}
ul.wholesaler-links li.wholesaler-link-pic a:hover, ul.wholesaler-links li.wholesaler-link-pic a:active, ul.wholesaler-links li.wholesaler-link-pic-endrow a:hover, ul.wholesaler-links li.wholesaler-link-pic-endrow a:active {
position: relative;
top: 1px;
left: 0px;
}
/*-----------Green---------*/
ul.two-column-list {
width: 551px;
float: left;
clear: both;
}
ul.two-column-list li {
width: 253px;
display: block;
float: left;
margin-right: 18px;
}
ul.two-column-list li ul li {text-align: left;}
span#back-catepillar-trail {
width: 148px;
height: 120px;
padding: 10px 0px 0px 10px;
display: block;
float: right;
}
/*-------Classes--------*/
.hide {visibility: hidden;}
span.bold {font-weight: bold;}
em.bold {
font-weight: bold;
font-style: italic;
}
p.leaf, li.leaf {padding-left: 26px;}
p.leaf {margin-left: -26px;}
p.leaf-link a, p.book-link a, p.waterdrop-link a {
padding-left: 26px;
margin-left: -6px;
}
.last, p.last, li.last, ol.last, ul.last {
margin-bottom: 0;
padding-bottom: 0;
}
p.center-last {
margin-bottom: 0;
padding-bottom: 0;
text-align: center;
}
p.center, li.center, .center, form .center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
p#coming-soon, p.narrow {
width: 295px;
text-align: center;
margin-left: 0;
}
p.narrow {
width: 200px;
margin: 0 auto;
}
a.coming-soon {font-weight: bold;}
a img {border: none;}
.column-b .center {text-align: center;}
/*--------------find-------------*/
ul.store-address, ul.onlinestore-address, ul.rep-address {
margin: 18px 0;
font-weight: normal;
}
ul.rep-address-last, ul.rep-address li.last {margin-bottom: 0;padding-bottom:0;}
ul.rep-address {
text-align: center;
}
ul.store-address-last {margin: 18px 0 0 0;}
ul.onlinestore-address li {padding-bottom: 9px;}
ul.onlinestore-address li.last {padding-bottom: 0px;}
li.store-name, li.state-name, li.sales-rep-name {font-weight: bold;}
li.state-name {
font-weight: bold;
}
li.state-name ul.rep-address, li.state-name ul.rep-address-last {letter-spacing: normal;text-transform:none;}
li.state-name ul.rep-address-last li.last {font-weight: normal;}