/* CSS Template by Juuce Interactive ©2008 

   Author: Samuel Larcher

*/   









/* ----------------  INITIAL START ------------- */



* { margin: 0px; padding: 0px;}



h1 { margin-bottom: 10px;}

h2 { margin-bottom: 7px;}

h3, h4, h5 { margin-bottom: 5px;}

p, ul { margin-bottom: 10px; }



form label button { cursor: pointer; cursor: hand; }

fieldset { border: none; }

input, select, textarea { border: none; background: none; }

select { background: white; }

ul li { list-style: none; }



h1 span { display: none; }

.inputForm { font: normal normal 11px Arial, Helvetica, sans-serif; color: #959595; background: none; }

.droppi { font: normal normal 11px Arial, Helvetica, sans-serif; color: #959595; background: white; border: #959595 1px solid;  }

button { background: none; border: none; cursor: pointer; cursor: hand; }

.PD_Heading { color: white; font: normal bold 14px Arial, Helvetica, sans-serif; }



/* ----------------  INITIAL END ------------- */









/* ----------------  FONT  ------------- */



h1 { font: normal normal 18px "Trebuchet MS", sans-serif; color: white; }

h2 { font: normal normal 16px "Trebuchet MS", sans-serif; color: white; }

h3 { font: normal bold 14px "Trebuchet MS", sans-serif; color: #86c01f; }

h4 { }

a:link, a:visited { text-decoration: none; color: #3f94eb; }

a:hover, a:active { color: #86c01f; }



/* ----------------  BASICS  ------------- */



body, html { height: 100%; font: normal normal 11px Arial, Helvetica, sans-serif; color: #959595; line-height: 14px; position: fixed; }

#contentWrapper { background: url(/images/basics/bg.jpg) left bottom repeat-x; height: 100%; width: 100%; position: fixed; }

#mainWrapper { height: 100%; width: 100%; background: url(/images/basics/gradient.gif) left bottom repeat-x; position: fixed; }

#scrollWrapper { height: 100%; width: 100%; overflow: auto; }

#xmasbatch { display:block; height: 150px; width: 150px; margin: -20px 0 0 -20px; position: absolute; z-index: 500000; }

#content { width: 840px; margin: 25px auto 0 auto; }

#top { background: url(/images/basics/top.png) left top no-repeat; height: 61px; width: 840px; position: relative; }

#bottom { background: url(/images/basics/bottom.png) left top no-repeat; height: 23px; width: 840px; }



#center { background: white; width: 808px; }

#left { background: url(/images/basics/left.png) left top repeat-y; width: 16px; }

#right { background: url(/images/basics/right.png) left top repeat-y; width: 16px; }

.PaddingWrapper { padding: 30px 15px 0 15px; width: 778px; }



.contentLeft { width: 568px; }

.contentRight { width: 210px; }



.logo { display: block; background: url(/images/basics/logo.jpg) center top no-repeat; height: 68px; }



.bannerList li { padding-left: 20px; line-height: 18px; background: url(/images/basics/boxListPoint.jpg) left top no-repeat; }





/* ----------------  BOXES FEATURED CONTAINER  ------------- */



.bannerWrapper { width: 568px; height: 224px; }

.bannerWrapperAbout { width: 568px; }

.HPbanner1 { background: url(/images/homepage/banner1.jpg) left top no-repeat; height: 224px; }

.HPbanner2 { background: url(/images/homepage/banner2.jpg) 133px 0px no-repeat; height: 224px; }

.HPbanner3 { background: url(/images/homepage/banner3.jpg) 337px 0px no-repeat; height: 224px; }

.HPbannerShop { background: url(/images/shop/shop.jpg) left top no-repeat; height: 224px; }



.BoxNo2Wrapper { padding-top: 15px; }

.BoxNo2 { background: url(/images/homepage/2ndBoxGradient.jpg) left bottom repeat-x; width: 552px; border: #ccc 1px solid; }

.BoxNo2Padding { padding: 0 13px 0 13px; }

.BoxNo2Whitebox { width: 258px;  background: white; } 

.BoxNo2BlueBox { width: 252px; height: 445px; background: white url(/images/basics/timesBoxBG.jpg) left bottom no-repeat; }

.contactSuperBox { width: 252px; height: 279px; background: white; }

.BoxNo2WhiteboxPadding { padding: 15px 2px 0 2px; }

.productsBoxGrad { background: url(/images/homepage/2ndBoxGradient.jpg) left bottom repeat-x; width: 552px; border-left: #ccc 1px solid; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; }

.BoxNo2About { background: url(/images/homepage/2ndBoxGradient.jpg) left bottom repeat-x; width: 552px; border: #ccc 1px solid; }



.generalBoxWrapper { padding: 3px 0 10px 0; }

.generalGreenTab { background: url(/images/basics/greenTab.jpg) left top no-repeat; height: 30px; }

.generalBlueTab { background: url(/images/basics/winHeader.gif) left top no-repeat; height: 31px; }

.generalGreenTabPadding { padding: 4px 0 0 20px; }

.greenBoxBg { background: url(/images/basics/greenBoxBG.gif) left top repeat-y; width: 209px; }

.BlueBoxBottom { background: url(/images/basics/winBoxBottom.gif) left bottom no-repeat; width: 209px;}

.BlueBoxBg { background: url(/images/basics/winBoxBG.gif) left top repeat-y; width: 209px; }

.greenBoxBottom { background: url(/images/basics/greenBoxBottom.gif) left bottom no-repeat; width: 209px;}

.newsletterForm { background: url(/images/basics/newsletterForm.gif) left top no-repeat; width: 115px; height: 19px; padding: 5px 0 0 10px; }



.shoppCartProd { font-size: 12px; width: 160px; }

.shoppCartEdit:link, .shoppCartEdit:visited { font-size: 12px; text-decoration: none; color: #3f94eb; }

.shoppCartEdit:hover, .shoppCartEdit:active { color: #86c01f; }

.shopCartSep { background: url(/images/basics/shoppCartSeparator.gif) left center repeat-x; }



.shopCartTotal { font-size: 12px; width: 100px; }

.testimonials { font-size: 13px; color: #4896e6; }

.BlueBoxWin { background: url(/images/basics/win.jpg) 13px 20px no-repeat; }



.latestArticlesList{}

.ArtileListUL{list-style-type: square; width: 185px;padding-left: 15px;}

.ArtileListUL li {list-style-type: disc;color: #4896e6;}



.shopHeader { background: url(/images/shop/shopHeaderBG.jpg) left top no-repeat; height: 31px; }

.dashLine { background: url(/images/shop/dashLine.gif) left center repeat-x; }

.quantityField { background: url(/images/shop/shopField.gif) left top no-repeat; height: 16px; width: 19px; }

.inputQTY { padding: 2px 0 0 4px; height: 16px; width: 19px; }

.shopBoxPadding { background: white; padding: 0 15px 15px 15px; }

.totalBG { background: url(/images/shop/totalBG.gif) left top no-repeat; height: 33px; margin-top: 10px; }

.totalOutput { width: 110px; font: normal bold 14px Arial, Helvetica, sans-serif; color: #68ad00; }

.totalSmall { background: url(/images/basics/totalSmall.gif) center top no-repeat; height: 33px; }

.postageSmall { background: url(/images/basics/postageSmall.gif) center top no-repeat; height: 33px; }

.postageBig { background: url(/images/basics/postageBig.gif) left top no-repeat; height: 33px; }



.shopWrapper { padding: 8px 12px 12px 12px; }

.HPbannerProducts { background: url(/images/products/productBanner.jpg) left top no-repeat; width: 554px; height: 225px; }

.productsSeparator { height: 20px; background: url(/images/shop/dashLine.gif) left center repeat-x; }

.HPbannerContact { background: url(/images/contact/contactBanner.jpg) left top no-repeat; height: 224px; width: 554px; }

.HPbannerAbout { background: url(/images/about/aboutBanner2.jpg) left top no-repeat; width: 564px; height: 224px;  }

.faqBG { background: url(/images/faqs/faqBox_middle.gif) left top repeat-y; width: 464px; }

.faqTop { background: url(/images/faqs/faqBox_top.gif) left top no-repeat; width: 464px; }

.testimonialsTop { background: url(/images/faqs/testimonialsBox_top.gif) left top no-repeat; width: 464px; }

.faqBottom { background: url(/images/faqs/faqBox_bottom.gif) left bottom no-repeat; width: 464px; }

.faqsPadding { padding: 10px 10px 10px 75px; }

.faqWrapper { padding-bottom: 10px; }

.HPbannerFAQs { background: url(/images/faqs/faqsBanner.jpg) left top no-repeat; width: 554px; height: 224px; }

.testimonialButton { background: url(/images/forms_buttons/more.gif) left top no-repeat; width: 56px; height: 24px; display: block; }



.eachSetBatch { margin-left: 160px; margin-top: -30px;  }



.retailerList { line-height: 18px; padding: 0; margin: 0; }

.retailerList .retailerListName { font-weight: bold; color: #505050; }

.retailerBox { padding: 10px 0 10px 0; }



.expo_bottom { background: url(/images/banners/expo_bottom.gif) left top no-repeat; width: 208px; height: 129px; text-align: center; color: #FFF; font: normal normal 14px Arial, Helvetica, sans-serif;  }

.expo_bottom a { color: white; font-size: 14px; font-weight: bold; text-decoration: underline; }

.expo_bottom a:hover { text-decoration: none; }



/* ----------------  BUTTON AND FORMS  ------------- */

.formBG { background: url(/images/forms_buttons/formMiddle.jpg) left top repeat-x; height: 24px; width: 201px; }

.formBGOutput { background: #F3F3F3; height: 24px; width: 201px; }





.formLeft { background: url(/images/forms_buttons/formLeft.jpg) left top no-repeat; height: 24px; }

.formRight { background: url(/images/forms_buttons/formRight.jpg) right top no-repeat; height: 24px; }

.basicForm { padding: 5px 0 0 15px; height: 19px; }

.messageBox { background: url(/images/forms_buttons/messageBox.jpg) left top no-repeat; height: 67px; width: 201px; }

.textareaPadding { padding: 10px 0 0 10px; width: 185px; height: 55px; }



.basicButton { background: url(/images/shop/shopButton.gif) left top no-repeat; height: 22px; width: 84px; font: normal bold 12px Arial, Helvetica, sans-serif; color: white; }

.basicButton:hover { color: #CCC; }

.basicButton div { height: 22px; padding: 3px 0 0 0; }



.basicButtonHref:link, .basicButtonHref:visited  { background: url(/images/shop/shopButton.gif) left top no-repeat; height: 19px; width: 84px; font: normal bold 12px Arial, Helvetica, sans-serif; color: white; display: block; text-align: center; color: white; padding: 3px 0 0 0;  }

.basicButtonHref:hover, .basicButtonHref:active  { color: #CCC;  }



.checkout { background: url(/images/forms_buttons/checkout.gif) left top no-repeat; width: 79px; height: 22px; font: normal bold 12px Arial, Helvetica, sans-serif; color: white; }

.checkout:hover {  color: #CCC; }







.newsletterButton { background: url(/images/forms_buttons/signup.gif) left top no-repeat; height: 22px; width: 58px; font: normal bold 12px Arial, Helvetica, sans-serif; color: white; }

.newsletterButton:hover { color: #CCC; }





.innerButton { height: 20px; padding-top: 4px; }

.innerButtonNews { height: 20px; padding-top: 3px; }

.innerButtonCheck { height: 22px; padding-top: 3px; }



.buynow span { position: relative; top: -2px; }



/* ----------------  MAIN NAVIGATION  ------------- */



#home, #homeOn { display: block; overflow: hidden; background: url(/images/navigation/home.jpg) left top no-repeat; width: 104px; height: 106px; }

#home:hover { background-position: 0px -106px; }

#homeOn {  background: url(/images/navigation/home.jpg) 0px -106px no-repeat; }



#about, #aboutOn { display:block; overflow: hidden; background: url(/images/navigation/about.jpg) left top no-repeat; width: 105px; height: 106px; }

#about:hover { background-position: 0px -106px; }

#aboutOn { background: url(/images/navigation/about.jpg) 0px -106px no-repeat; }



#contact, #contactOn { display: block; overflow: hidden; background: url(/images/navigation/contact.jpg) left top no-repeat; width: 104px; height: 106px; }

#contact:hover { background-position: 0px -106px; }

#contactOn { background: url(/images/navigation/contact.jpg) 0px -106px no-repeat; }



#products, #productsOn { display: block; overflow: hidden; background: url(/images/navigation/BuyProuct.jpg) left top no-repeat; width: 104px; height: 106px; }

#products:hover { background-position: 0px -106px;}

#productsOn { background: url(/images/navigation/BuyProuct.jpg) 0px -106px no-repeat; }



#shop, #shopOn { display:block; overflow: hidden; background: url(/images/navigation/shop.jpg) left top no-repeat; width: 105px; height: 106px; }

#shop:hover { background-position: 0px -106px; }

#shopOn { background: url(/images/navigation/shop.jpg) 0px -106px no-repeat; }



#home, #about, #contact, #products, #shop, #homeOn, #aboutOn, #contactOn, #productsOn, #shopOn { float: left; }

#about, #contact, #products, #shop, #aboutOn, #contactOn, #productsOn, #shopOn { margin-left: 8px; }



.naviWrapper { background: url(/images/basics/naviLine.gif) left bottom repeat-x; padding-bottom: 1px; width: 554px; height: 106px; } 





/* ----------------  TABS UNDER ABOUT  ------------- */



.tabsWrapper { padding: 0 0 10px 30px; background: url(/images/about/tabs/line.gif) 0px 29px repeat-x; }



.tab_general { display: block; overflow: hidden; background: url(/images/about/tabs/general.gif) 0px -30px no-repeat; height: 30px; width: 92px; }

.tab_general:hover { background-position: 0px 0px; }



.tab_research { display: block; overflow: hidden; background: url(/images/about/tabs/research.gif) 0px -30px no-repeat; height: 30px; width: 92px; }

.tab_research:hover { background-position: 0px 0px; }



.tab_faqs { display: block; overflow: hidden; background: url(/images/about/tabs/faqs.gif) 0px -30px no-repeat; height: 30px; width: 92px; }

.tab_faqs:hover { background-position: 0px 0px; }



.tab_contact { display: block; overflow: hidden; background: url(../images/contact/contact_tab.gif) 0px -30px no-repeat; height: 30px; width: 92px; }

.tab_contact:hover { background-position: 0px 0px; }



.tab_retailers { display: block; overflow: hidden; background: url(../images/contact/retailers_tab.gif) 0px -30px no-repeat; height: 30px; width: 92px; }

.tab_retailers:hover { background-position: 0px 0px; }



.tab_distributors { display: block; overflow: hidden; background: url(../images/contact/distributors_tab.gif) 0px -30px no-repeat; height: 30px; width: 92px; }

.tab_distributors:hover { background-position: 0px 0px; }



.tab_general, .tab_research, .tab_faqs, .tab_contact, .tab_retailers, .tab_distributors { float: left; }

.tab_research, .tab_faqs, .tab_retailers, .tab_distributors { margin-left: 2px; }



.generalSelected { display: block; overflow: hidden; background: url(../images/about/tabs/general.gif) 0px 0px no-repeat; height: 30px; width: 92px; }

.reserachSelected { display: block; overflow: hidden; background: url(../images/about/tabs/research.gif) 0px 0px no-repeat; height: 30px; width: 92px; }

.faqsSelected { display: block; overflow: hidden; background: url(../images/about/tabs/faqs.gif) 0px 0px no-repeat; height: 30px; width: 92px; }

.contactSelected { display: block; overflow: hidden; background: url(../images/contact/contact_tab.gif) 0px 0px no-repeat; height: 30px; width: 92px; }

.retailersSelected { display: block; overflow: hidden; background: url(../images/contact/retailers_tab.gif) 0px 0px no-repeat; height: 30px; width: 92px; }

.distributorsSelected { display: block; overflow: hidden; background: url(../images/contact/distributors_tab.gif) 0px 0px no-repeat; height: 30px; width: 92px; }



.aboutList { }

.aboutList li { padding: 0 0 8px 15px; line-height: 14px; background: url(/images/about/tabs/listPoint.gif) 0px 4px no-repeat; }



.enviroTable td { padding: 5px; }





/* ----------------  FOOTER  ------------- */



.footerWrapper { padding-top: 15px; }





/* ----------------  HEADLINES  ------------- */

.whyEnvirodisc { background: url(/images/headlines/whyEnvirodisc.gif) left top no-repeat; height: 41px; }

.whatIsEnvirodisc { background: url(/images/headlines/whatisEnvirodisc.gif) left top no-repeat; height: 41px; }



/* ----------------  SPECIALS  ------------- */



.left { float: left; }

.right { float: right; }

.clear { clear: both; }



.gray { color: #5d5d5d; }

.white { color: white; }

.green { color: #6bae00; }

.blue { color: #028bd6; }

.red { color: red; }



.fontSize10 { font-size: 10px; }

.fontSize11 { font-size: 11px; }

.fontSize12 { font-size: 12px; }

.fontSize13 { font-size: 13px; }

.fontSize14 { font-size: 14px; }



.bold { font-weight: bold; }

.normal { font-weight: normal; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }



.backgroundYellow { background: yellow; }

.backgroundRed { background: red; }

.backgroundSilver { background: silver; }

.backgroundBlack { background: black; }

.backgroundBlue { background: blue; }

.backgroundWhite { background: white; }



.padding_B_5px { padding-bottom: 5px; }

.padding_B_10px { padding-bottom: 10px; }

.padding_B_15px { padding-bottom: 15px; }

.padding_L_5px { padding-left: 5px; }

.padding_L_10px { padding-left: 10px; }

.padding_L_15px { padding-left: 15px; }

.margin_L_35px { margin-left: 35px; }



.posRelative { position: relative; }



.displayNone { display: none; }