/* === GLOBAL styles === */
* { margin: 0; padding: 0; }
body { background: url(../images/t_BG.gif) repeat-x top #83A277; margin: 0; font-size: 12px; line-height: 18px; color: #566f4a; font-family: verdana, arial, helvetica, sans-serif; text-align: center; }
td { font-size: 12px; line-height: 18px; color: #566f4a; font-family: verdana, arial, helvetica, sans-serif; }
p { font-size: 12px; line-height: 18px; color: #566f4a; font-family: verdana, arial, helvetica, sans-serif; margin: 0 20px 10px 20px; }

/* === PAGE LAYOUT === */
#container { position: relative; width: 994px; margin-left: auto; margin-right: auto; margin-top: 15px; padding: 0; }
#header { width: 994px; height: 160px; background: url(../images/t_banner.gif) no-repeat right top;}
#headLogo { position: absolute; top: 0; left: 0; }
#content { position: relative; width: 994px; margin:0; padding: 0 0 26px 0; text-align: left; background: url(../images/t_bodyBG.gif) repeat-y #FFFFFF; overflow: hidden; }

/* === NAVIGATION === */
#navMain { position: absolute; right: 0; top: 130px; height: 30px; width: 994px; }
div#navMain h3 { left: 65px; width: 150px; position: absolute; color: #ffffff; line-height: 30px; margin: 0; padding: 0; font-family: georgia; font-style: italic; }
div#navMain a.navProd1 { display: block; background: url(../images/t_navW.gif) no-repeat left top; left: 220px; width: 180px; position: absolute; height: 30px; color: #ffffff; text-decoration: none; line-height: 30px; }
div#navMain a.navProd1:visited { display: block; background: url(../images/t_navW.gif) no-repeat left top; left: 220px; width: 180px; position: absolute; height: 30px; color: #ffffff; text-decoration: none; line-height: 30px; }
div#navMain a.navProd1:active { display: block; background: url(../images/t_navW.gif) no-repeat left top; left: 220px; width: 180px; position: absolute; height: 30px; color: #ffffff; text-decoration: none; line-height: 30px; }
div#navMain a.navProd1:hover { width: 180px; background-position: 0px -30px; color: #83A277; text-decoration: none; line-height: 30px; }
div#navMain a.navProd2 { display: block; background: url(../images/t_navW.gif) no-repeat left top; left: 420px; width: 180px; position: absolute; height: 30px; color: #ffffff; text-decoration: none; line-height: 30px; }
div#navMain a.navProd2:visited { display: block; background: url(../images/t_navW.gif) no-repeat left top; left: 420px; width: 180px; position: absolute; height: 30px; color: #ffffff; text-decoration: none; line-height: 30px; }
div#navMain a.navProd2:active { display: block; background: url(../images/t_navW.gif) no-repeat left top; left: 420px; width: 180px; position: absolute; height: 30px; color: #ffffff; text-decoration: none; line-height: 30px; }
div#navMain a.navProd2:hover { width: 180px; background-position: 0px -30px; color: #83A277; text-decoration: none; line-height: 30px; }
div#navMain a.navReci { display: block; z-index: 3; background: url(../images/t_navN.gif) no-repeat left top; left: 674px; width: 100px; position: absolute; height: 30px; color: #FFFFFF; text-decoration: none; line-height: 30px; }
div#navMain a.navReci:visited { display: block; z-index: 3; background: url(../images/t_navN.gif) no-repeat left top; left: 674px; width: 100px; position: absolute; height: 30px; color: #FFFFFF; text-decoration: none; line-height: 30px; }
div#navMain a.navReci:active { display: block; z-index: 3; background: url(../images/t_navN.gif) no-repeat left top; left: 674px; width: 100px; position: absolute; height: 30px; color: #FFFFFF; text-decoration: none; line-height: 30px; }
div#navMain a.navReci:hover { width: 100px; background-position: 0px -30px; color: #579D9F; text-decoration: none; line-height: 30px; }
div#navMain a.navCont { display: block; z-index: 3; background: url(../images/t_navN.gif) no-repeat left top; left: 779px; width: 100px; position: absolute; height: 30px; color: #FFFFFF; text-decoration: none; line-height: 30px; }
div#navMain a.navCont:visited { display: block; z-index: 3; background: url(../images/t_navN.gif) no-repeat left top; left: 779px; width: 100px; position: absolute; height: 30px; color: #FFFFFF; text-decoration: none; line-height: 30px; }
div#navMain a.navCont:active { display: block; z-index: 3; background: url(../images/t_navN.gif) no-repeat left top; left: 779px; width: 100px; position: absolute; height: 30px; color: #FFFFFF; text-decoration: none; line-height: 30px; }
div#navMain a.navCont:hover { width: 100px; background-position: 0px -30px; color: #579D9F; text-decoration: none; line-height: 30px; }
div#navMain a.navHome { display: block; z-index: 3; background: url(../images/t_navN.gif) no-repeat left top; left: 884px; width: 100px; position: absolute; height: 30px; color: #FFFFFF; text-decoration: none; line-height: 30px; }
div#navMain a.navHome:visited { display: block; z-index: 3; background: url(../images/t_navN.gif) no-repeat left top; left: 884px; width: 100px; position: absolute; height: 30px; color: #FFFFFF; text-decoration: none; line-height: 30px; }
div#navMain a.navHome:active { display: block; z-index: 3; background: url(../images/t_navN.gif) no-repeat left top; left: 884px; width: 100px; position: absolute; height: 30px; color: #FFFFFF; text-decoration: none; line-height: 30px; }
div#navMain a.navHome:hover { width: 100px; background-position: 0px -30px; color: #579D9F; text-decoration: none; line-height: 30px; }

div#navMain a.navProd1ON { background: url(../images/t_navW.gif) no-repeat left top; background-position: 0px -30px; color: #83A277; }
div#navMain a.navProd1ON:visited { background: url(../images/t_navW.gif) no-repeat left top; background-position: 0px -30px; color: #83A277; }
div#navMain a.navProd1ON:active { background: url(../images/t_navW.gif) no-repeat left top; background-position: 0px -30px; color: #83A277; }
div#navMain a.navProd2ON { background: url(../images/t_navW.gif) no-repeat left top; background-position: 0px -30px; color: #83A277; }
div#navMain a.navProd2ON:visited { background: url(../images/t_navW.gif) no-repeat left top; background-position: 0px -30px; color: #83A277; }
div#navMain a.navProd2ON:active { background: url(../images/t_navW.gif) no-repeat left top; background-position: 0px -30px; color: #83A277; }
div#navMain a.navReciON { background: url(../images/t_navN.gif) no-repeat left top; background-position: 0px -30px; color: #579D9F; }
div#navMain a.navReciON:visited { background: url(../images/t_navN.gif) no-repeat left top; background-position: 0px -30px; color: #579D9F; }
div#navMain a.navReciON:active { background: url(../images/t_navN.gif) no-repeat left top; background-position: 0px -30px; color: #579D9F; }
div#navMain a.navContON { background: url(../images/t_navN.gif) no-repeat left top; background-position: 0px -30px; color: #579D9F; }
div#navMain a.navContON:visited { background: url(../images/t_navN.gif) no-repeat left top; background-position: 0px -30px; color: #579D9F; }
div#navMain a.navContON:active { background: url(../images/t_navN.gif) no-repeat left top; background-position: 0px -30px; color: #579D9F; }

#navSideBox { float: right; margin: 0 10px 40px 140px; width: 200px; height: 260px; background: url(../images/t_navSideBG.gif) no-repeat top; }
#navSideBox h2 { color: #ffffff; margin: 10px 5px 10px 20px; }
ul#navSide { list-style: none; margin: 0 1px 0 1px; padding: 0; }
#navSide li { padding: 0px; margin: 0px; border-top: 1px solid #ffffff; }
#navSide li a { color: #566f4a; text-decoration: none; display: block; padding: 4px 0.75em 4px 20px; }
#navSide li a:hover { color: #ffffff; background: #744b6c; }
#navSide li a.navON {color: #ffffff; background: #566f4a; text-decoration: none; display: block; padding: 4px 0.75em 4px 20px; }
#navSide li a:hover.navON {color: #7fae00; background: #744b6c; }
div.order { margin: 20px 0 40px 0; border: 1px solid #566f4a; text-align: center; }
div.order a { color: #ffffff; background: #744b6c; text-decoration: none; display: block; padding: 10px; }
div.order a:hover { color: #ffffff; background: #83a277; }
#recipeorder { width: 180px; margin: 50px 10px 0 10px; }
#HLorder { width: 180px; margin: -200px 10px 0 10px; float: right; }

div#footer { position: relative; width: 994px; height: 160px; padding: 0; margin: 0; background: url(../images/t_footBG.gif) no-repeat top; }
#footer p.fltRgt { float:right; text-align: right; font-family: Georgia, serif; font-size: 11px; margin: 110px 20px 0 0; padding: 0; color: #FFFFFF; display: inline; }
#footer p.fltLft { float:left; text-align: left; font-size: 11px; margin: 110px 0 0 20px; padding: 0; color: #FFFFFF; display: inline; }
#footer a, #footer a:link, #footer a:active, #footer a:visited { font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; color: #aed1d5; text-decoration: none; font-weight: normal; }
#footer a:hover { font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; font-weight: normal; }

/* ===== General elements ===== */
a { color: #54AC6D; text-decoration: underline; font-weight: normal; }
a:link { color: #54AC6D; text-decoration: underline; font-weight: normal; }
a:active { color: #54AC6D; text-decoration: underline; font-weight: normal; }
a:visited { color: #54AC6D; text-decoration: underline; font-weight: normal; }
a:hover { color: #996892; text-decoration: underline; font-weight: normal; }

h1 { font-size: 18px; font-family: Georgia, serif; font-weight: normal; letter-spacing: 0.05em; color: #579D9F; margin: 10px 20px 5px 20px; }
h2 { font-size: 18px; font-family: Georgia, serif; font-weight: normal; letter-spacing: 0.05em; color: #83a277; margin: 10px 20px 10px 20px; }
h3 { font-size: 16px; font-weight: normal; color: #579d9f; margin: 10px 20px 5px 20px; }
h4 { font-size: 14px; font-family: Georgia, serif; font-weight: normal; color: #83a277; margin: 5px 20px 5px 20px; }

h1.page { background: url(../images/t_pageH1.gif) no-repeat; margin: 0; padding: 0 15px 0 20px; width: 994px; height: 80px; font-size: 22px; line-height: 100px; color: #579D9F; font-family: Georgia; }

h1.homeH1 { background: url(../images/t_pageH1.gif) no-repeat; margin: 0; padding: 0 15px 0 20px; width: 994px; height: 75px; font-size: 18px; line-height: 100px; color: #579D9F; font-family: Georgia; }
h2.homeH2 { font-size: 20px; font-family: Georgia, serif; font-weight: normal; letter-spacing: 0.05em; color: #83a277; margin: 0px 20px 10px 20px; }
h3.homeH3 { font-size: 16px; width: 400px; font-weight: normal; color: #579d9f; margin: 10px 20px 0 40px; }
.dsActBot { position:absolute; left: 475px; top: 60px; z-index: -1; }

.intro { float: left; margin: 20px 0 0 20px; width: 180px; height: 252px; background: url(../images/box_intro.gif) no-repeat; position: relative; }
.intro img { position:absolute; left: 1px; top: 1px; }
.intro h4 { color: #566f4a; margin: 0; padding: 15px 0 10px 70px; }
.intro p { margin: 0; padding: 5px 0 10px 70px; color: #83a277; }
.intro a { position: absolute; right: 5px; bottom: 1px; margin: 0; padding: 0; background: url(../images/but_more.gif) no-repeat; display: block; text-decoration: none; height: 30px; width: 100px; color: #ffffff; text-align: center; line-height: 30px; }
.intro a:hover { margin: 0; padding: 0; background-position: 0 -30px;  display: block; text-decoration: none; height: 30px; width: 100px; color: #54ac6d; text-align: center; line-height: 30px; }

#moreinfo { float: left; margin: 20px 0 0 20px; width: 180px; height: 252px; background: url(../images/box_moreinfo.gif) no-repeat; position: relative; }
#moreinfo h4 { color: #D49A35; letter-spacing: 0.25em; margin: 0; padding: 10px 5px 0 5px; }
#moreinfo p { margin: 0; padding: 0 5px 10px 5px; color: #83a277; }
#moreinfo a { text-decoration: underline; color: #566f4a; }
#moreinfo a:hover { text-decoration: underline; color: #996892; }

#featureProduct { position: absolute; right: 20px; top: 60px; width: 350px; height: 350px; background: url(../images/box_feature.gif) no-repeat; }
#featureProduct h2 { color: #ffffff; height: 39px; line-height: 39px; margin: 0; padding: 0; text-align: center; }
#featureProduct h3 { color: #ffffff; width: 140px; font-size: 14px; margin: 0; padding: 0 0 0 5px; }
#featureProduct p { margin: 0; padding: 0 0 0 5px; width: 140px; float: left; color: #744b6c; }
#featureProduct img { position: absolute; right: 1px; bottom: 1px; }
#featureProduct a { position: absolute; left: 49px; bottom: 1px; margin: 0; padding: 0; background: url(../images/but_more.gif) no-repeat; display: block; text-decoration: none; height: 30px; width: 100px; color: #ffffff; text-align: center; line-height: 30px; }
#featureProduct a:hover { margin: 0; padding: 0; background-position: 0 -30px;  display: block; text-decoration: none; height: 30px; width: 100px; color: #54ac6d; text-align: center; line-height: 30px; }

ul.list { margin: 5px 0px 10px 60px; list-style-image: url(../images/bullet.gif); color: #7FAE00; }
ul.list li { padding-bottom: 1px; padding-left: 2px; }
ol.list { margin: 5px 0px 10px 60px; }
ol.list li { padding-bottom: 1px; padding-left: 2px; }
ul#listLogo { padding-left: 100px; }

.imgRight { border: solid 1px #566f4a; float: right; margin: 0 0 20px 20px; }
.footnote { font-size: 10px; color: #744b6c; }
.italic { font-style: italic; }

.prodDSLogo { float: left; margin: 10px 0 0 20px; padding: 0 40px 20px 0; }
#HLgroup { margin-right: 10px; }

ul#prodListHL { margin: 20px 0 0 0; width: 600px; list-style: none; }
#prodListHL li { margin: 0; padding: 0 0 5px 0; width: 300px; height: 210px; position: relative; float: left; }
#prodListHL H3 { padding: 10px 130px 0 20px; margin-right: 108px;}
#prodListHL H3#det { border-top: solid 1px #0076b4; color: #0076b4; }
#prodListHL H3#dig { border-top: solid 1px #009056; color: #009056; }
#prodListHL H3#lic { border-top: solid 1px #57404c; color: #57404c; }
#prodListHL H3#vit { border-top: solid 1px #a80d67; color: #a80d67; }
#prodListHL p { padding: 0 120px 0 20px; }
#prodListHL img { position: absolute; right: 0; top: 0; margin: 0 0 10px 0; }

ul#prodList { margin: 20px 0 0 0; width: 600px; list-style: none; }
#prodList li { margin: 0; padding: 0; width: 300px; height: 210px; position: relative; float: left; }
#prodList H3 { padding: 5px 0 0 10px; margin: 10px 118px 2px 20px; }
#prodList H3#det { border-top: solid 1px #6377a9; color: #6377a9; }
#prodList H3#sli { border-top: solid 1px #be6484; color: #be6484; }
#prodList H3#ski { border-top: solid 1px #aeaccb; color: #aeaccb; }
#prodList H3#lax { border-top: solid 1px #a80d67; color: #a80d67; }
#prodList H3#win { border-top: solid 1px #0076b4; color: #0076b4; }

#prodList H3#gre { border-top: solid 1px #85a99f; color: #85a99f; }
#prodList H3#gen { border-top: solid 1px #4e8566; color: #4e8566; }
#prodList H3#chi { border-top: solid 1px #5c9489; color: #5c9489; }

#prodList H3#app { border-top: solid 1px #bb755c; color: #bb755c; }
#prodList H3#eld { border-top: solid 1px #009056; color: #009056; }
#prodList H3#cra { border-top: solid 1px #a80d67; color: #a80d67; }

#prodList H3#wil { border-top: solid 1px #608ea6; color: #608ea6; }
#prodList H3#net { border-top: solid 1px #52aaa2; color: #52aaa2; }
#prodList H3#cha { border-top: solid 1px #87a450; color: #87a450; }
#prodList H3#ech { border-top: solid 1px #b85363; color: #b85363; }
#prodList H3#ene { border-top: solid 1px #bb755c; color: #bb755c; }
#prodList H3#pep { border-top: solid 1px #0997a1; color: #0997a1; }
#prodList H3#tra { border-top: solid 1px #7fa29b; color: #7fa29b; }
#prodList H3#gin { border-top: solid 1px #5a6a8b; color: #5a6a8b; }
#prodList H3#tri { border-top: solid 1px #b55b7f; color: #b55b7f; }
#prodList H3#val { border-top: solid 1px #798dae; color: #798dae; }

#prodList H3#canP { border-top: solid 1px #35a4a1; color: #35a4a1; }
#prodList H3#canC { border-top: solid 1px #7bb04d; color: #7bb04d; }
#prodList H3#canE { border-top: solid 1px #b55b7f; color: #b55b7f; }
#prodList H3#canA { border-top: solid 1px #f56525; color: #f56525; }

#prodList p { padding: 0 110px 0 10px; }
#prodList img { position: absolute; right: 0; top: 0; margin: 0 0 10px 0; border: solid 1px #aeaccb; }

/* === hCard === */
#contactBox { width: 350px; height: 200px;  background: url(../images/box_contact.gif) no-repeat; float: right; margin: 0 20px 10px 20px; }
#contactBox h2 { margin: 20px 0 10px 50px; color: #D49A35; }
ul.vcard { color: #7fae00; margin: 0 10px 10px 50px; padding: 5px 5px 5px 0; list-style: none; position: relative; font-size: 12px; line-height: 18px;}
ul.vcard li { margin: 0; padding: 0 0 5px 0; }
.vcard .org { color: #83a277; }
.vcard .url { text-decoration: none; }
.vcard .adr { color: #83a277; }
.vcard .street-address { color: #83a277; }
.vcard .locality { color: #83a277; }
.vcard .region { color: #83a277; }
.vcard .tel { color: #83a277; }
.vcard .type { color: #744b6c; }
.vcard .value { color: #83a277; position: absolute; left: 50px; }
.vcard .email { font-size: 12px; }

/* === SITEMAP === */
div#sitemap { padding: 15px 0 30px 22px; font-size: 12px; }
#sitemap ul { margin: 5px 0px 5px 30px; list-style: none url(../images/bullet.gif); }
#sitemap ul li { padding-bottom: 5px; padding-left: 8px; }
#sitemap ul li a { color: #54AC6D; text-decoration: none; }
#sitemap ul li a:hover { color: #744b6c; text-decoration: underline; }
#sitemap ul li ul { margin: 5px 0px 0 30px; list-style: none url(../images/bullet_p.gif); }
#sitemap ul li ul li { padding-bottom: 5px; padding-left: 8px; }

a.pisite,a:link.pisite,a:visited.pisite { color: #F3FCD4; font-size: 10px; font-weight: normal; text-decoration: none; }
a:hover.pisite { color: #FFFFFF; font-size: 10px; font-weight: normal; text-decoration: underline; }