﻿body{
	background:url(../../CoffeePlanet/SiteImages/background_img.png) repeat-x top left;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}
#container{
	width:863px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#langs_static
{
    font:bold 0.75em Arial;
    color:#482314;
    float:right;
	padding-top:7px;
	margin-bottom:15px;
	margin-right:7px;  
}
#langs_static a:link {color:#482314;text-decoration:none;}
#langs_static a:hover{color:#d07a12;text-decoration:underline;}
#langs_static a:visited {color:#d07a12;text-decoration:none;}
#langs_static a:active {color:#d07a12;text-decoration:none;}

#header{
	width:857px;
	height:auto;
	position:relative;
	margin-top:7px;
	margin-left:3px;
	padding-bottom:7px;
}
#logo{
	width:104px;
	height:110px;
	position:absolute;
	top:10px;
	left:-11px;
}
#menu
{
    background:url(../../CoffeePlanet/SiteImages/menu_bar.png) no-repeat top left;
	width:857px;
	height:44px;
	padding-left:100px;
	padding-top:10px;
}
.menu_btn{
	background:url(../../CoffeePlanet/SiteImages/menu_sepLine.png) repeat-y top right;
	height:20px;
	float:left;
	font:bold 0.73em Arial, Helvetica, sans-serif;
	color:#fff8bc;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
}
#banner{
	width:863px;
	height:237px;
	margin-top:15px;
	margin-bottom:7px;
	position:relative;
}
#main_content{
	width:864px;
	height:auto;
}
.boxes{
	background:#D0C276;
	width:267px;
	height:249px;
	float:left;
	margin-right:1px;
	padding:10px;
	position:relative;
}
.main_img{
	width:266px;
	height:118px;
	position:relative;
	margin-bottom:5px;
}
.texts{
    float:left;
	font:bold 0.75em Arial, Helvetica, sans-serif;
	color:#3c340b;
	padding:10px 0px;
}
.label{
	background:#1e1306;
	width:259px;
	height:25px;
	position:absolute;
	font:bold 0.95em Arial, Helvetica, sans-serif;
	color:#fff;
	top:0px;
	left:0px;
	padding-top:6px;
	padding-left:7px;
}
.label a:link {color:#fff;text-decoration:none;}
.label a:hover{color:#d0c276;text-decoration:underline;}
.label a:visited {color:#fff8bc;text-decoration:none;}
.label a:active {color:#fff8bc;text-decoration:none;}

.more{
	width:auto;
	height:18px;
	background:#1e1306;
	position:absolute;
	bottom:10px;
	right:10px;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#fffeb9;
	padding:5px 10px;
}
.more a:link {color:#fffeb9;text-decoration:none;}
.more a:hover{color:#d0c276;text-decoration:underline;}
.more a:visited {color:#ffffff;text-decoration:none;}
.more a:active {color:#fffeb9;text-decoration:none;}

#footer_menu{
	background-color:#1e1306;
	width:864px;
	height:auto;
	margin-top:2px;
}
#leftBar{
	background:url(../../CoffeePlanet/SiteImages/footer_sepLine.png) repeat-y top right;
	width:400px;
	height:250px;
	padding-left:20px;
	margin-top:25px;
	float:left;
}
.footerTitle{
	background:url(../../CoffeePlanet/SiteImages/footer_logo.png) no-repeat top left;
	width:266px;
	height:28px;
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#d0c276;
	padding-left:70px;
	margin-bottom:10px;
}
.footerTexts
{
    font:0.78em Arial;
    color:#b47f41;
    text-align:justify; 
}
.title{
    width:100%;
    font:bold 1.7em Arial, Helvetica, sans-serif;
	color:#482314;
	float:left;
	
}
.title a:link {color:#482314;text-decoration:none;}
.title a:hover{color:#482314;text-decoration:underline;}
.title a:visited {color:#482314;text-decoration:none;}
.title a:active {color:#482314;text-decoration:none;}

#pic
{
	width:324px;
	height:154px;
	margin-left:5px;
}
#rightBar{
	width:390px;
	height:auto;
	padding-left:25px;
	margin-top:25px;
	
	float:left;
	
}
#coffee_img{
	background:url(../../CoffeePlanet/SiteImages/pic3.jpg) no-repeat top left;
	width:378px;
	height:153px;
}
.sponsors{
	height:63px;
	float:left;
	margin-top:20px;
	margin-right:25px;
}
#footer{
	background-color:#1e1306;
	width:864px;
	height:45px;
	margin-bottom:10px;
}
#copyright{
	font:0.8em Arial, Helvetica, sans-serif;
	color:#62431f;
	float:left;
	margin-left:13px;
	margin-top:15px;
}
#copyright a:link {color:#fff8bc;text-decoration:none;}
#copyright a:hover{color:#d07a12;text-decoration:underline;}
#copyright a:visited {color:#fff8bc;text-decoration:none;}
#copyright a:active {color:#fff8bc;text-decoration:none;}

#created{
	font:0.8em Arial, Helvetica, sans-serif;
	color:#62431f;
	float:right;
	margin-top:15px;
	margin-right:13px;
}
#created a:link {color:#976326;text-decoration:none;}
#created a:hover{color:#d07a12;text-decoration:underline;}
#created a:visited {color:#976326;text-decoration:none;}
#created a:active {color:#976326;text-decoration:none;}

#coffee{
	/*(background:url(../../CoffeePlanet/SiteImages/site2_brown_in.jpg) no-repeat top left;*/
	width:100%;
}
#container_static{
	width:857px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#header_static{
	background:url(../../CoffeePlanet/SiteImages/menu_bar.png) no-repeat top left;
	width:857px;
	height:54px;
}
#banner_static{
	width:857px;
	height:374px;
	margin-top:15px;
}
#main_static{
	width:857px;
	height:auto;
	margin-top:1px;
	min-height:400px;
}
#box{
	width:555px;
	height:auto;
	padding:20px;
}
#contact_page{
	width:817px;
	height:auto;
	padding:20px;
}
#title_static{
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#482314;
	margin-bottom:10px;
}
#text_static{
	width:580px;
	font:0.8em Arial, Helvetica, sans-serif;
	color:#482314;
}
#product{
	width:200px;
	height:auto;
	float:left;
	padding-top:40px;
	padding-left:37px;
}
#product_title{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#3a120a;
}
.product_img{
	width:167px;
	height:auto;
	margin-top:7px;
}
#footer_static{
	background-color:#1e1306;
	width:857px;
	height:45px;
	margin-bottom:10px;
	margin-right:10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.form_FieldName
{
    font:bold 0.9em Arial, Helvetica, sans-serif;
    color:#62431f;
    margin-top:4px;
    margin-bottom:3px; 
}
.form_textBox
{
    background:url(../../CoffeePlanet/SiteImages/contact_field.gif) no-repeat top left;
    width:318px;
    height:23px;
    font:0.8em Arial, Helvetica, sans-serif;
    color:#fff8bc; 
    float:left;
    padding-top:5px;
    padding-left:10px;
    border:0;  
}
.form_textBoxComment
{
    background:url(../../CoffeePlanet/SiteImages/comment_field.gif) no-repeat top left;
    width:298px;
    height:auto;
    font:0.8em Arial, Helvetica, sans-serif;
    color:#fff8bc;
    float:left;
    padding:10px;
    border:0; 
}
#navPath
{
    padding-bottom:5px;
}
.navPath_link
{
    font:bold 0.75em Arial;
    color:#482314;   
}
.navPath_link a:link {color:#482314;text-decoration:none;}
.navPath_link a:hover{color:#1c140b;text-decoration:underline;}
.navPath_link a:visited {color:#482314;text-decoration:none;}
.navPath_link a:active {color:#482314;text-decoration:none;}

.log_field
{
	background:#1c140b;
	border:0;
	color:#fff;
	padding:3px 5px;
	width:150px;
}
.log_label
{
	font:bold 0.8em Arial;
	color:#ac875d;
}
.product_box
{
    margin-top:15px;  
    margin: 15px; 
}
.decr_product
{
    width:auto;
    height:auto;
    font:0.9em Arial, Helvetica, sans-serif;
	color:#1c140b;
	float:left;
	margin:15px 0px;
}
#coffee_link{
	position:absolute;
	color:#360e08;
	top:140px;
	right:73px;
	font:bold 0.95em Arial, Helvetica, sans-serif;
}
#coffee_link a:link{font:bold 0.95em Arial;color:#360e08;text-decoration:none;}
#coffee_link a:hover{font:bold 0.95em Arial;color:#7d362d;text-decoration:underline;}
#coffee_link a:visited{font:bold 0.95em Arial;color:#7d362d;text-decoration:none;}
#coffee_link a:active{font:bold 0.95em Arial;color:#7d362d;text-decoration:none;}

#product_static{
	background:#fff;
	width:837px;
	height:auto;
	padding-top:20px;
    padding-left:20px;
}
#main_top{
	width:857px;
	height:14px;
}
#main_title{
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#77612e;
	margin-top:15px;
	margin-left:10px;
}
.products_sepLine{
	background:url(../../CoffeePlanet/SiteImages/products_sepLine.png) no-repeat top left;
	width:795px;
	height:21px;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#cf862f;
	margin-left:10px;
	margin-top:5px;
	padding-top:5px;
	padding-left:7px;
}
.product_content{
	width:777px;
	height:auto;
}
.product_title{
	background:url(../../CoffeePlanet/SiteImages/products_arrow.png) no-repeat left 3px;
	padding-left:15px;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#330b06;
	margin-left:30px;
	margin-top:15px;
}
.product_img{
	width:200px;
	height:auto;
	float:left;
	margin-top:15px;
	margin-left:20px;
}
.product_descr{
	width:500px;
	font:bold 0.75em Arial, Helvetica, sans-serif;
	color:#3c340b;
	margin-left:50px;
	float:left;
	margin-top:5px;
}
.send_btn
{
    background:url(../../CoffeePlanet/SiteImages/send_btn.gif) no-repeat left top;
    width:121px;
    text-align:center;
    height:38px;
    padding:10px 5px;
    border:0;
    font:bold 0.8em Arial, Helvetica, sans-serif;
    color:#e8dfd9;  
}
.formErrors{
    font:0.8em Arial, Helvetica, sans-serif;
}
#form_Body
{
    float:left;
    width:318px;
    margin-right:20px;
}
.coffeePlanetText
{
    font:0.8em Arial, Helvetica, sans-serif;
    color:#fff8bc;
}
.coffeePlanetOrangeText
{
    font:0.8em Arial, Helvetica, sans-serif;
    color:#d07a12;
}
.brownBackground
{
    background:#411B0F;
}
.detaillink
{
	color:#ffffff;
}
.detaillink a:link {color:#ffffff;text-decoration:none;}
.detaillink a:hover{color:#ff6600;text-decoration:underline;}
.detaillink a:visited {color:#ffffff;text-decoration:none;}
.detaillink a:active {color:#ffffff;text-decoration:none;}

#puroforests
{
    width:857px;
    height:219px;
    position:relative;
}
#counter
{
    width:190px;
    height:40px;
    position:absolute;
    top:40px;
    right:40px;
}
