/*
------------------------------------------------------
 Stylesheet for greenraising.com

 Created: July 19, 2007
------------------------------------------------------
*/

body {
margin: auto;
padding: 0;
text-align: center;
line-height: 1.1em;
background: url(../i/common/bg.gif);
}

/*
------------------------------------------------------
 Standard Elements
------------------------------------------------------
*/

a	{
color: #000;
text-decoration: underline;
}

a:hover	{
color: #000;
text-decoration: none;
}

img	{
border: 0;
}

form	{
margin: 0;
padding: 0;
display: inline;
}

input, textarea, select	{
font: 11px tahoma, arial, helvetica, sans-serif;
}

.alt	{
display: none;
}

.clear	{
clear: both;
margin: 0;
padding: 0;
height: 0;
font-size: 0;
line-height: 0;
}

.center	{
text-align: center;
}

.right	{
text-align: right;
}

.hr	{
border-bottom: 1px solid #7ec638;
padding-top: 3px;
margin-bottom: 10px;
}

.hr2	{
border-bottom: 1px solid #7ec638;
padding-top: 5px;
margin-bottom: 5px;
}

.hrdashed	{
border-bottom: 1px dashed #fff;
padding-top: 10px;
margin-bottom: 10px;
}

.optrow	{
display: inline;
font-size: 10px;
}

/*
------------------------------------------------------
 Fonts
------------------------------------------------------
*/

.font10	{
font: 10px tahoma, arial, helvetica, sans-serif;
}

.font11	{
font: 11px tahoma, arial, helvetica, sans-serif;
}

.font12	{
font: 12px tahoma, arial, helvetica, sans-serif;
}

.font14	{
font: 14px 'Times New Roman', serif;
}

.font16	{
font: 16px 'Times New Roman', serif;
}

.font18	{
font: 18px 'Times New Roman', serif;
}

/*
------------------------------------------------------
 Colors
------------------------------------------------------
*/

.white	{
color: #fff;
}

.blue	{
color: #086ea3;
}

.brown	{
color: #534741;
}

.green	{
color: #474;
}

/*
------------------------------------------------------
 Layout
------------------------------------------------------
*/

.mainwidth	{
width: 840px;
}

.wrapper	{
position: relative;
margin: auto;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
padding: 0 16px 0 16px;
width: 840px;
\width: 882px;
w\idth: 840px;
text-align: left;
background: url(../i/common/wrapperbg.jpg) #fff repeat-x;
}

.header	{
position: absolute;
top: 0;
left: 16px;
height: 152px;
border-bottom: 1px solid #227d00;
z-index: 5;
}

.logo a	{
width: 290px;
height: 152px;
display: block;
background: url(../i/common/logo.jpg) no-repeat;
}

.mainimg	{
position: absolute;
top: 181px;
left: 16px;
height: 159px;
z-index: 15;
background: url(../i/main/1.gif) no-repeat;
}

.mainimgtext	{
position: absolute;
top: 191px;
left: 12px;
width: 560px;
height: 139px;
z-index: 20;
}

.contenthm	{
padding: 211px 0 40px 0;
background: url(../i/common/plant.gif) no-repeat bottom right;
}

.content	{
padding: 201px 0 40px 0;
background: url(../i/common/plant.gif) no-repeat bottom right;
}

.contentlt	{
float: left;
width: 268px;
}

.contentlt #divtop, .contentlt #divbottom	{
float: left;
width: 268px;
height: 60px;
background: url(../i/common/ltsidetop.gif) no-repeat top;
}

.contentlt #divbottom	{
background: url(../i/common/ltsidebottom.gif) no-repeat bottom;
}

.contentlt #divmid	{
float: left;
border-left: 9px solid #fff;
border-right: 9px solid #fff;
width: 250px;
\width: 268px;
w\idth: 250px;
color: #000;
background: #c7eba0;
}

.contentlt #divmid p	{
padding: 0 0 0 2px;
margin: 3px 0 15px 0;
}

.contentmid	{
float: left;
padding: 0 10px 0 12px;
width: 270px;
\width: 292px;
w\idth: 270px;
}

.contentrthm	{
float: left;
width: 270px;
}

.contentrt	{
float: left;
padding: 25px 0 25px 25px;
width: 545px;
\width: 570px;
w\idth: 545px;
}

.contentrtcart	{
float: left;
padding: 15px 0 25px 25px;
width: 545px;
\width: 570px;
w\idth: 545px;
}

.ship	{
border-top: 1px dashed #abd8eb;
border-bottom: 1px dashed #abd8eb;
margin-bottom: 15px;
padding: 10px 15px;
width: 235px;
\width: 265px;
w\idth: 235px;
background: #dbf3fd;
}

.late-choose-affil	{
border-top: 1px dashed #abd8eb;
border-bottom: 1px dashed #abd8eb;
margin-bottom: 15px;
padding: 10px 15px;
width: 515px;
\width: 545px;
w\idth: 515px;
background: #dbf3fd;
}

.loginBox	{
position: absolute;
top: 15px;
right: 20px;
z-index: 99;
width: 490px;
text-align: right;
}

.loginBox input	{
vertical-align: middle;
}

.loginBox p	{
display: inline;
}

.loginMessage	{
text-align: right;
margin-bottom: 10px;
}

.seasonalMessage  {
color: red;
text-align: right;
position: absolute;
width: 514px;
top: 55px;
right: 20px;
}
/*
.banner {
position: absolute;
top: 75px;
right: 50px
}
*/
.banner a {
position: absolute;
z-index: 99;
top: 75px;
right: 50px;
display: block;
}


/*
------------------------------------------------------
 Footer
------------------------------------------------------
*/

.footer	{
position: relative;
margin: auto;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
width: 872px;
\width: 882px;
w\idth: 872px;
text-align: left;
background: url(../i/common/footerbg.gif) #7ec638 repeat-x;
}

.footerlt	{
float: left;
padding: 20px 0 20px 15px;
width: 300px;
\width: 330px;
w\idth: 300px;
}

.footerrt	{
float: right;
padding: 20px 15px 20px 0;
width: 500px;
\width: 530px;
w\idth: 500px;
text-align: right;
}

/*
------------------------------------------------------
 Product & Category Listings
------------------------------------------------------
*/

.catimg	{
float: left;
width: 170px;
}

.catdesc	{
float: left;
width: 350px;
}

.hr2	{
border-bottom: 1px solid #7ec638;
padding-top: 10px;
margin-bottom: 10px;
}

.productimg	{
float: left;
width: 310px;
}

.productdesc	{
float: left;
width: 235px;
}

/*
------------------------------------------------------
 Padding
------------------------------------------------------
*/

.padding10	{
padding: 10px;
}

.padding15notop	{
padding: 0 15px;
}

/*
------------------------------------------------------
 Callouts
------------------------------------------------------
*/

.dyk-feature	{
float: left;
padding: 0 0 10px 0;
margin-left: 12px;
width: 550px;
height: 110px;
}

.dyk-feature .dyk	{
float: left;
width: 270px;
height: 110px;
}

.dyk-feature .feature	{
float: right;
width: 270px;
height: 110px;
}
.register-np	{
float: left;
padding: 20px 60px 20px 15px;
width: 195px;
\width: 270px;
w\idth: 195px;
color: #fff;
background: url(../i/misc/registerbg.gif) no-repeat bottom #56aa04;
}

.register-np div img	{
vertical-align: middle;
}

.news-press	{
float: left;
padding: 20px 15px;
width: 240px;
\width: 270px;
w\idth: 240px;
color: #fff;
background: url(../i/misc/newsbg.gif) no-repeat bottom #7ec638;
}

.news-press a, .register-np a	{
color: #fff;
text-decoration: underline;
}

.news-press a:hover, .register-np a:hover	{
color: #fff;
text-decoration: none;
}

.stay-informed	{
padding: 20px 15px 0 15px;
width: 240px;
\width: 270px;
w\idth: 240px;
}

/*
------------------------------------------------------
 Table
------------------------------------------------------
*/

.tableclass, .tableclass tr, .tableclass td, .tableclass th	{
border: none;
}

.HeaderRow	{
background: #c7eba0;
padding: 3px;
}

.FooterRow	{
font-weight: bold;
border-top: 1px solid #7ec638;
}

/*
------------------------------------------------------
 Directory
------------------------------------------------------
*/

.dirLevel0	{
font-weight: bold;
}

.dirLevel1	{
margin-left: 10px;
}

.dirLevel2	{
margin-left: 20px;
}

.dirLevel3	{
margin-left: 30px;
}

/*
------------------------------------------------------
 Nav
------------------------------------------------------
*/

.topnav	{
position: absolute;
top: 122px;
right: 16px;
padding-top: 9px;
width: 490px;
height: 21px;
text-align: center;
z-index: 10;
line-height: 1.1em;
background: url(../i/common/topnavbg.gif) no-repeat;
}

.topnav a	{
color: #fff;
text-decoration: none;
padding: 0 11px;
}

.subnav	{
position: absolute;
top: 153px;
right: 16px;
text-align: right;
padding: 4px 10px 0 0;
width: 830px;
\width: 840px;
w\idth: 830px;
height: 19px;
z-index: 10;
color: #fff;
border-top: 5px solid #c7eba0;
line-height: 1.1em;
background: #227d00;
}

.subnav a	{
color: #fff;
text-decoration: none;
}

.topnav a:hover, .subnav a:hover	{
color: #fff;
text-decoration: underline;
}

#gifts-menu	{
position: absolute;
top: 181px;
left: 160px;
border-left: 10px solid #227d00;
border-right: 1px solid #227d00;
border-bottom: 1px solid #227d00;
padding: 10px 0 10px 10px;
width: 139px;
\width: 170px;
w\idth: 139px;
z-index: 50;
visibility: hidden;
color: #000;
background: #c7eba0;
}

#giftwraps-menu	{
position: absolute;
top: 181px;
left: 230px;
border-left: 10px solid #227d00;
border-right: 1px solid #227d00;
border-bottom: 1px solid #227d00;
padding: 10px 0 10px 10px;
width: 139px;
\width: 170px;
w\idth: 139px;
z-index: 50;
visibility: hidden;
color: #000;
background: #c7eba0;
}

#goodies-menu	{
position: absolute;
top: 181px;
left: 325px;
border-left: 10px solid #227d00;
border-right: 1px solid #227d00;
border-bottom: 1px solid #227d00;
padding: 10px 0 10px 10px;
width: 169px;
\width: 200px;
w\idth: 169px;
z-index: 50;
visibility: hidden;
color: #000;
background: #c7eba0;
}

#everyday-menu	{
position: absolute;
top: 181px;
left: 455px;
border-left: 10px solid #227d00;
border-right: 1px solid #227d00;
border-bottom: 1px solid #227d00;
padding: 10px 0 10px 10px;
width: 169px;
\width: 200px;
w\idth: 169px;
z-index: 50;
visibility: hidden;
color: #000;
background: #c7eba0;
}

#personalcare-menu	{
position: absolute;
top: 181px;
left: 545px;
border-left: 10px solid #227d00;
border-right: 1px solid #227d00;
border-bottom: 1px solid #227d00;
padding: 10px 0 10px 10px;
width: 169px;
\width: 200px;
w\idth: 169px;
z-index: 50;
visibility: hidden;
color: #000;
background: #c7eba0;
}

#gifts-menu a,
#gifts-menu a:hover,
#giftwraps-menu a,
#giftwraps-menu a:hover,
#goodies-menu a,
#goodies-menu a:hover,
#everyday-menu a,
#everyday-menu a:hover,
#personalcare-menu a,
#personalcare-menu a:hover {
text-decoration: none;
}

#gifts-menu a:hover,
#giftwraps-menu a:hover,
#goodies-menu a:hover,
#everyday-menu a:hover,
#personalcare-menu a:hover	{
color: #227d00;
}