/* 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; }
#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; }

#content { width: 840px; margin: 25px auto 0 auto; }
#top { background: url(/images/basics/top.png) left top no-repeat; height: 61px; width: 840px; }
#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; }