/* ---------------------------- */
/* GENERAL */
/* ---------------------------- */

body {
    margin: 50px 0px 0px 0px;
    padding: 0;
    background-color: white;
    background: #ffffff url('images/bg.gif') repeat-x;
    behavior: url("csshover3.htc");
	line-height: 1.4;
}

body, td {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
}

table, form, select {
    padding : 0px;
    margin : 0px;
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}

.big {
    font-size: 16px;
}

ul, li {
    margin:0;
    padding:0;
} 

ul {
    list-style-position: inside;
} 

input, select, textarea {
    width: 400px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    border: 1px solid #80ac16;
}

input {
    padding-left: 2px;
}

select {
    width: 402px;
}

.button {
    width: 120px;
    height: 19px;
    padding: 0; margin: 0; padding-bottom: 3px;
    color: #5e791e;
    border-top: 1px solid #80ac16;
    border-left: 1px solid #80ac16;
    border-right: 1px solid #5e791e;
    border-bottom: 1px solid #5e791e;
    background: #d2e6a1;
}

a {	
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration : underline;
}

a:hover {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration : none;
}

a:active
{
    outline: none;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}


a:focus {
    -moz-outline-style: none;
}


.title { font-weight: bold; font-size: 16px; color: white; }

/* ---------------------------- */
/* HOME */
/* ---------------------------- */

.homebox-with-anja {
	width: 552px;
	height: 129px;
	background: url('images/hb-original-homebox-2-withAnja.jpg');
}

.homebox-with-anja-clean {
	width: 552px;
	height: 129px;
	background: url('images/hb-original-homebox-2-clean.jpg');
}


/* ---------------------------- */
/* NON-TOXIC ICON */
/* ---------------------------- */

.homebox-with-anja-clean .non-toxic,
.homebox-with-anja .non-toxic {
	padding-left: 230px;
}

.non-toxic-container .non-toxic {
	padding-left: 20px;
	padding-top: 10px;
}

/* ---------------------------- */
/* PRODUCT FAMILY */
/* ---------------------------- */

.add-ons {
	background: url('images/bg-add-on.gif') no-repeat;
	width: 170px;
	height: 154px;
	padding: 12px 0 0 17px;
}

/* ---------------------------- */
/* FLASH */
/* ---------------------------- */

#flashcontent {
    width: 447px;
    height: 440px;
}

#flashcontent_distribution_map {
    width: 377px;
    height: 167px;
    background: url('images/distribution_bg_1.jpg');
    text-align: center;
}

#flashcontent_productfamily {
    width: 763px;
    height: 500px;
    text-align: center;
}

#flashcontent_productfamily_product {
    width: 456px;
    height: 440px;
}

#flashcontent_productfamily_product_setup {
    width: 184px;
    height: 276px;
}

#flashcontent_productfamily_product_details {
    width: 569px;
    height: 276px;
}

#flashcontent_contact {
    width: 302px;
    height: 498px;
    text-align: center;
}

#flashcontent_banner_1 {
    width: 468px;
    height: 60px;
}

#flashcontent_banner_2 {
    width: 468px;
    height: 60px;
}

#flashcontent_banner_3 {
    width: 468px;
    height: 60px;
}

/* ---------------------------- */
/* LANGUAGE DROP-DOWN */
/* ---------------------------- */

#language { padding-right: 25px; }

#language  #language_drop_down_menu {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    background: url('images/language_bg.gif');
    width: 250px;
    cursor: pointer;
    text-align: left;    
}

#language #language_drop_down_menu #contentlink {
    -moz-outline-style: none;
    text-decoration: none;
}

#language .language {
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}

#language .language:hover {
    background-color: #f6f6f6;
}

#language .flag {
    float: left;
}

#language .language_name {
    padding-top: 10px; height: 23px;
}

#language .language_name_txt {
    width: 88px;
    float: left;
    padding-left: 12px;
}

#language #language_selection {
    position: absolute;
    visibility: hidden;
    width: 250px;
    height: 339px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-top: 0;
    border-collapse: collapse;
    text-align: left;
    z-index: 100;
}

#language #language_selection a { text-decoration: none; }

.admin_info {
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    background: #dfedbf;
    text-align: left;
}

.admin_cell {
    height: 25px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    background: #b9d771;
    text-align: left;
}

.distribution_cell {
    width: 138px;
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    word-wrap: break-word;
    font-size: 11px;
}

.distribution_cell_short {
    width: 60px;
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    word-wrap: break-word;
    font-size: 11px;
}

.downloads_cell {
    width: 52px;
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    word-wrap: break-word;
    font-size: 11px;
}

.downloads_cell_long {
    width: 240px;
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    word-wrap: break-word;
    font-size: 11px;
}

.green {
    color: #74981b;
}

a.green { color: #74981b; text-decoration: none; }

.white {
    color: white;
}

/* ---------------------------- */
/* SCROLLBARS */
/* ---------------------------- */

.Container {
    position: relative;
    width: 240px;
    height: 260px;
    float: left;
}
#Scroller-1 { 
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 255px;
}
.Scroller-Container {
    position: relative;
    top: 0px;
    left: 0px;
}
.Scrollbar-Track {
    width: 10px;
    height: 255px;
    position: relative;
    background: #aaca62 url('images/scroller_track.gif');
}


.Scrollbar-Handle {
    position: relative;
    top: 0px;
    left: 0px;
    width: 10px;
    height: 60px;
    background: #698624 url('images/scroller.gif');
    cursor: pointer;
}

/* ---------------------------- */
/* DISTRIBUTION */
/* ---------------------------- */

#box_distribution_table {
    background: #92c023;
    padding: 0px;
    margin: 0px;
}

#box_distribution_table a {
    color: #637d24;
    font-weight: bold;
    text-decoration: none;
}

#box_distribution_table a:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.box_distribution {
    text-align: center;
    width: 26px;
    height: 18px;
    background: url('images/distribution_box_bg.gif')
}

.box_distribution2 {
    text-align: center;
    width: 26px;
    height: 18px;
    background: url('images/distribution_box_bg2.gif')
}

#box_mailing_table {
    background: url('images/mailing_box_bg.gif');
    text-align: left;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
}

#box_distribution_horiz_table {							  
    height: 56px;
    width: 765px;
    margin-bottom: 10px;
}

#box_distribution_horiz_table a {							  
    color: #637d24;
    font-weight: bold;
    text-decoration: none;
}

#box_distribution_horiz_table a:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.order_button {
    width: 44px;
    height: 15px;
    border: 0;
}

/* ---------------------------- */
/* COMPARE PRODUCTS */
/* ---------------------------- */

#compare_header {
    padding: 0px 0px 10px 0px;
}

#compare_content {
    margin: auto;
    width: 960px;
}

#scrollthis {
    width: 630px;
    height: 732px;
    overflow-y: hidden;
    overflow-x: auto;
    float: left;
}

#scrollthis #scrolldata {
    width: 1805px;
}

#scrollthis #scrolldata_short {
    width: 630px;
}

.pfamily, .pfamily td, .pfamily th, .pfamily td {
    margin: 0; padding: 0;
}


#compare_content .spacerrow {
    background: #92c023;
}

#compare_content .datarow {
    background: #b9d771;
}

#compare_content .next_range {
    border-right: 3px solid #92c023;
}
#compare_content .featurerow {
    background: #d7e4a5;
    line-height: 12px;
}

.pfamily .title_td {
    width: 180px;
    text-align: left;
    padding: 0 30px 0 15px;
    color: #627c23;
}

.pfamily .info_td {
    width: 105px;
    text-align: center;
    border-right: 1px solid #92c023;
}

#scrolldata_short .info_td {
    width: 210px;
}


.pfamily th {
    width: 81px;
    height: 46px;
    text-align: center;
    background: #92c023;
}

.compare_navigation {
    height: 680px;
    float: left;
    width: 50px;
}

.compare_left {
    width: 50px;
    height: 702px;
    display: block;
    background: url('images/compare-left.gif');
}

.compare_left:hover, .compare_left:active {
    background-position: 50px 0;
}

.compare_right {
    width: 50px;
    height: 702px;
    display: block;
    background: url('images/compare-right.gif');
}

.compare_right:hover, .compare_right:active {
    background-position: 50px 0;
}

.similar {
    margin: auto;
    padding-top: 5px;
    width: 75px;
    display: block;
}

#compare_filter {
    width: 955px;
    height: 38px;
    background: url('images/compare-filter-bg.gif');
    margin-bottom: 10px;
    text-align: left;
}

#compare_filter .compare_products {
    float: left;
    padding: 11px 0 0 15px;
    width: 180px;
}

#compare_filter .compare_reset {
    float: left;
    width: 67px;
    padding: 7px 30px 0 0;
}
#compare_filter form {
    float: left;
}

#compare_filter .go {
    width: 22px;
    height: 22px;
    margin-top: 7px;
    border: 0;
}

#compare_filter select {
    width: 180px;
    margin-right: 29px;
    margin-top: 10px;
    float: left;
    padding-left: 3px;
}


/* ---------------------------- */
/* NEWS */
/* ---------------------------- */

.news_item {
    margin-bottom: 15px;
}

.news_item .news_content {
    background: #a2c944;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.news_item .news_content .title {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

.news_item .news_content .title a {
    color: white;
}

#sendtoafriend input {
    width: 200px;
}

#sendtoafriend .error {
    text-align: center;
    padding-top: 5px;
}

#sendtoafriend .input_error {
    border: 1px solid #ff0000;
}

#sendtoafriend .error .message {
    color: #fff;
    font-style: italic;
    background: #ff0000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

#sendtoafriend textarea {
    width: 414px;
    height: 60px;
}


.news_item .news_info {
    background: url('images/news-bg-bottom.gif');
    width: 511px;
    height: 37px;
    padding-left: 15px;
}


#news_pages {
    text-align: center;
    font-weight: bold;
}

#news_pages .page {
    width: 34px;
    height: 34px;
}

#news_pages .page_current {
    width: 34px;
    height: 34px;
    color: #637d24;
    background: url('images/news-page-bg.gif');
}

#news_pages a {
    color: #ffffff;
    text-decoration: none;
}

#news_pages a:hover {
    color: #637d24;
    text-decoration: none;
}

#news_box {
    width: 200px;
    text-align: left;
}

#news_box .news {
    height: 382px;
    background: #92c023;
    padding-left: 20px;
    padding-right: 20px;
}

.sharethis {
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

/* ---------------------------- */
/* BANNER EXCHANGE */
/* ---------------------------- */

#banner_exchange_steps {
    text-align: center; padding-top: 25px; padding-bottom: 40px;
}

.intro {
    font-weight: bold;
}

/* ---------------------------- */
/* PRODUCT FAMILY OVERVIEW */
/* ---------------------------- */

#homebox_productfamily_overview_modular,
#homebox_productfamily_overview_homebox,
#homebox_productfamily_overview_growlab {
    text-align: center;
}

#product_menu,
#product_menu td {
    color: white;
    font-size: 14px;
    font-weight: bold;

}

#product_menu .small {
    font-size: 12px;
}

#product_menu a {
    color: #627c23;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

#product_menu a:hover {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

/* ---------------------------- */
/* SITEMAP */
/* ---------------------------- */

#sitemap {
    padding-top: 60px; height: 218px; width: 490px; padding-left: 25px;
}

#sitemap .classic {
    width: 100px; padding-left: 10px; float: left;
}
#sitemap .silver {
    width: 130px; float: left;
}

#sitemap .light {
    width: 130px; float: left;
}

#sitemap .addon {
    width: 100px; float: left;
}

/* ---------------------------- */
/* FAQ */
/* ---------------------------- */

.faq_zoom {
    padding: 5px 10px 5px 0;
    display: block;
    float: left;
}

.vfw {
	width: 260px;
	text-align: left;
	margin-top: 10px;
}

.vfw-deutsch {
	width: 320px;
}

.vfw img {
	float: left;
	padding-right: 10px;
}

.vfw span {
	padding-top: 7px;
	display: block;
}

/* ---------------------------- */
/* CONCEPT */
/* ---------------------------- */

.mission {
	width: 300px; 
	float: left; 
	padding-bottom: 10px;
}

.mission-vfw {
	float: right;
}

/* ---------------------------- */
/* BANNER CONTEST */
/* ---------------------------- */

#banner-contest-prizes {
	border-collapse: collapse;
	width: 453px;
	height: 131px;
	margin: 20px 0 20px 0;
	background: url('images/anniversary-banner-contest-prizes.png') no-repeat;
}

#banner-contest-prizes tr td {
	text-align: center;
	padding-bottom: 2px;
	color: white;	
	font-weight: bold;
	font-size: 14px;
	padding-right: 70px;
}

#banner-contest-prizes td.prize {
	width: 140px;
	padding-right: 0;	
}
