html, body {
height: 100%;
margin: 0; 
padding: 0;
background: #000;
}
a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
}
#container {
background-color: #000;
width: 972px;
margin-top: 50px;
margin-left: 31px;
text-align: left;
}

#clearfloat {
clear: both;
height: 0;
}

/*left nav area begin*/
#leftcontainer{
width: 153px;
height: 779px;
float: left;
border-right: solid 1px;
border-right-color: #999;
margin: 0;
}
#top{
height: 148px;
text-align: right;
}
.logo-roots {
padding-top: 80px;
padding-right: 26px;
}
.logo-soul {
padding-top: 60px;
padding-right: 26px;
}
.prodtitlealign {
padding: 0 26px 0 0;
text-align: right;
}
.prodtitle {
color: #5A6D10;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
letter-spacing: 0px;
}
.prodtitle:hover {
color: #8dab17;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
letter-spacing: 0px;
}
.prodtitlenolink {
color: #5A6D10;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
letter-spacing: 0px;
}
#products {
padding: 0 26px 0 0;
text-align: right;
}
#products ul{
width: 100%;
margin: 0;
padding-top: 10px;
list-style-type: none;
}
#products li {
color: #676767;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
line-height: 24px;
letter-spacing: 1px;
}
#products a {
color: #676767;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
#products a:hover {
color: #8dab17;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
/*left nav area end*/

/*right area begin*/
#rightcontainer{
margin: 0 0 0 190px;
}
#banner{
height: 48px;
width: 605px;
position: relative;
}
#logo {
float: left;
}
#topnavcontainer {
float: right;
width: 405px;
position: absolute;
bottom: -2px;
right: 0;
}
#mainnav {
padding: 0px 0 0px 0;
text-align: right;
}
#mainnav ul{
width: 100%;
margin: 0;
list-style-type: none;
}
#mainnav li {
padding-right: 15px;
display: inline;
letter-spacing: 2px;
}
#mainnav a {
color: #5A6D10;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
#mainnav a:hover {
color: #8dab17;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
#bannernavarea {
margin-top: 5px;
text-align: right;
}
#bannernavarea ul{
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}
#bannernavarea li {
display: inline;
padding-right: 15px;
letter-spacing: 1px;
}
#bannernavarea a {
color: #676767;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#bannernavarea a:hover {
color: #8dab17;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
/*right area end*/

/*content area begin*/
#content{
margin-top: 97px;
}
#content-aboutus{
margin-top: 92px;
width: 602px;
}
#content-contactus{
margin-top: 82px;
width: 602px;
}
#content-rootpots{
width: 730px;
margin-top: 92px;
}
#rootpots{
width: 240px;
float: left;
}
#rootpots-pricing{
width: 250px;
float: left;
}
#rootpots-image{
float:right;
padding-top: 70px;
}
#rootpots-pricing-image{
float:left;
padding-top: 70px;
}
.prodtitlearea{
width: 400px;
}
/*roots*/
.buddha-grow {
color: #7A855B;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-buddha-grow {
padding-top: 15px;
padding-bottom: 15px;
color: #7A855B;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.buddha-grow-size{
color: #7A855B;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.buddha-bloom {
color: #9F2A3C;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-buddha-bloom {
padding-top: 15px;
padding-bottom: 15px;
color: #9F2A3C;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.buddha-bloom-size{
color: #9F2A3C;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.trinity {
color: #C39C46;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-trinity {
padding-top: 15px;
padding-bottom: 15px;
color: #C39C46;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.trinity-size{
color: #C39C46;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.extreme-serene {
color: #FECB46;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-extreme-serene {
padding-top: 15px;
padding-bottom: 15px;
color: #FECB46;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.extreme-serene-size{
color: #FECB46;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.oregonism-xl {
color: #80AAB7;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-oregonism-xl {
padding-top: 15px;
padding-bottom: 15px;
color: #80AAB7;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.oregonism-xl-size{
color: #80AAB7;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.oregonism {
color: #ADB484;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-oregonism {
padding-top: 15px;
padding-bottom: 15px;
color: #ADB484;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.oregonism-size{
color: #ADB484;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.ancient-amber {
color: #D0E7DB;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-ancient-amber {
padding-top: 15px;
padding-bottom: 15px;
color: #D0E7DB;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.ancient-amber-size{
color: #D0E7DB;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.hp2 {
color: #666;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-hp2 {
padding-top: 15px;
padding-bottom: 15px;
color: #666;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.hp2-size{
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.hpk {
color: #903E30;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-hpk {
padding-top: 15px;
padding-bottom: 15px;
color: #903E30;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.hpk-size{
color: #903E30;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.super-nitro {
color: #008f78;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-super-nitro {
padding-top: 15px;
padding-bottom: 15px;
color: #008f78;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.super-nitro-size{
color: #008f78;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.nitro {
color: #4d9ad4;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-nitro {
padding-top: 15px;
padding-bottom: 15px;
color: #4d9ad4;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.nitro-size{
color: #4d9ad4;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.phos {
color: #d07d47;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-phos {
padding-top: 15px;
padding-bottom: 15px;
color: #d07d47;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.phos-size{
color: #d07d47;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
/*soul*/
.soul-bloom {
color: #D5A04D;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-soul-bloom {
padding-top: 15px;
padding-bottom: 15px;
color: #D5A04D;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.soul-bloom-size{
color: #D5A04D;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.soul-grow {
color: #61A33C;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-soul-grow {
padding-top: 15px;
padding-bottom: 15px;
color: #61A33C;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.soul-grow-size{
color: #61A33C;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.amino {
color: #B6E1DD;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-amino {
padding-top: 15px;
padding-bottom: 15px;
color: #B6E1DD;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.amino-size{
color: #B6E1DD;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.n {
color: #46B749;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-n {
padding-top: 15px;
padding-bottom: 15px;
color: #46B749;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.n-size{
color: #46B749;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.big-swell {
color: #5f489d;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-big-swell {
padding-top: 15px;
padding-bottom: 15px;
color: #5f489d;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.big-swell-size{
color: #5f489d;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.infinity {
color: #eb3f2f;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-infinity {
padding-top: 15px;
padding-bottom: 15px;
color: #eb3f2f;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.infinity-size{
color: #eb3f2f;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.peak {
color: #a03c81;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-peak {
padding-top: 15px;
padding-bottom: 15px;
color: #a03c81;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.peak-size{
color: #a03c81;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
/*soul end*/

/*media and soil start*/
.soil {
color: #ADB484;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-soil {
padding-top: 15px;
padding-bottom: 15px;
color: #ADB484;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.soil-size{
color: #ADB484;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.green-fields {
color: #626425;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-green-fields {
padding-top: 15px;
padding-bottom: 15px;
color: #626425;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.green-fields-size{
color: #626425;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.formula707 {
color: #ADB484;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-formula707 {
padding-top: 15px;
padding-bottom: 15px;
color: #ADB484;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.formula707-size{
color: #ADB484;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.b2 {
color: #D6C3A3;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-b2 {
padding-top: 15px;
padding-bottom: 15px;
color: #D6C3A3;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.b2-size{
color: #D6C3A3;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.soilless {
color: #EFDEBB;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-soilless {
padding-top: 15px;
padding-bottom: 15px;
color: #EFDEBB;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.soilless-size{
color: #EFDEBB;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.big-worm {
color: #377c2b;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-big-worm {
padding-top: 15px;
padding-bottom: 15px;
color: #377c2b;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.big-worm-size{
color: #377c2b;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
.coco-fiber {
color: #2e8e44;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
letter-spacing: 1px;
}
.msrp-coco-fiber {
padding-top: 15px;
padding-bottom: 15px;
color: #2e8e44;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.coco-fiber-size{
color: #2e8e44;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
padding-left: 20px;
}
/*media and soil end*/

.productdescription {
padding-top: 20px;
width: 605px;
color: #676767;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
}
.productpic {
padding-top: 20px;

}
/*content area end*/

/*empty area begin*/
#roots-soul-page {
padding-top: 70px;
}
#roots-soul-page-pics {
padding-right: 170px;
}
.or {
color: #8dab17;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 59px;
letter-spacing: 1px;
}
.aboutus{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 27px;
color: #5A6D10;
font-weight: normal;
font-style: normal;
text-decoration: none;
line-height: 39px;
}
.about-links{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5A6D10;
font-weight: normal;
font-style: normal;
text-decoration: none;
padding-right: 160px;
padding-top: 15px;
}
.about-links:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5A6D10;
font-weight: normal;
font-style: normal;
text-decoration: underline;
padding-right: 160px;
padding-top: 15px;
}
.about-title {
color: #5A6D10;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
letter-spacing: 1px;
padding-top: 9px;
}
.about-subline {
color: #5A6D10;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
}
.contact_us_green{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #5A6D10;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}
.contact_us_email{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #707070;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}
.contact_us_email:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #9A9A9A;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}
.contact_us_grey{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #707070;
 font-weight: normal;
 font-style: normal;
 letter-spacing: 1px;
}
#content-states{
position: absolute;
top: 188px;
left: 211px;
}
#states a {
color: #676767;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
#states a:hover {
color: #8dab17;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.distributors-title {
color: #5A6D10;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
letter-spacing: 0px;
padding: 0 0px 0 0;
text-align: right;
position: absolute;
top: 198px;
left: 62px;
}
.distributors-title:hover {
color: #8dab17;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
letter-spacing: 0px;
padding: 0 0px 0 0;
text-align: right;
position: absolute;
top: 198px;
left: 62px;
}
.wholesalerspadding {
padding-right: 6px;
}
.wholesalers {
color: #5A6D10;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
letter-spacing: 0px;
}
.wholesalers:hover {
color: #8dab17;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
letter-spacing: 0px;
}
.distributors-table {
padding: 28px 20px 0 0;
text-align: right;
}
.statestype_green{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #5A6D10;
 font-weight: normal;
 font-style: normal;
}
.statestype_grey{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #707070;
 font-weight: normal;
 font-style: normal;
}
.statestype_green_link{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #5A6D10;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}
.statestype_green_link:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #707070;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}
.wheretobuy{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #5A6D10;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}
.wheretobuy:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #9A9A9A;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}
.notavailable{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #999999;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 padding-top: 80px;
padding-right: 160px;
 line-height: 23px;
 text-align: center;
 width: 650px;
}
.backtomap{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #5A6D10;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}
.backtomap:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #9A9A9A;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}

/*footer*/
#footer{
}

.pipe{
padding-right: 10px;
padding-left: 10px;
}