@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, div,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	vertical-align:baseline;
	text-decoration:none;
	list-style:none;
	font-family: 'AllerLightRegular';
}

body{background-color:#eeedea;}

@font-face {
    font-family: 'AllerLightRegular';
    src: url('../font/aller_lt-webfont.eot');
    src: url('../font/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aller_lt-webfont.woff') format('woff'),
         url('../font/aller_lt-webfont.ttf') format('truetype'),
         url('../font/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
		img.bg {
			/* Set rules to fill background */
			min-height: 500px;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		

div.banner{background-position:top center; width:100%; float:left; height:527px;  border-bottom: 4px solid #96C11F;}
.headertag{width:100%; float:left; padding:0; margin:55px 0 0 0; position:relative; background-image:url(../images/menubg.jpg); background-repeat:repeat-x; z-index:9999}
.clear{clear:both;}
.menuwrapper{width:960px; margin:0 auto;}




.ddsmoothmenu{
width: 696px;
float:right;
height:45px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
text-transform:uppercase;
font-size:12px;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
color:#4a4a4a;
}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: white;
color: #2d2b2b;
text-decoration: none; padding:15px 18px; margin:0 5px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff; background-color:#96c11f; border-bottom:#FFF solid 4px;
}

.ddsmoothmenu ul li a:hover{
color: #fff; background-color:#96c11f; border-bottom:#FFF solid 4px;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
margin:8px 0 5px 5px;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
background-image:none;
background-color:#96c11f;
margin:0 0 2px;
color:#FFF;


}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	margin:0;
top: 0;
padding:0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width:180px; /*width of sub menus*/
margin: 0;
color:#FFF;
}
.ddsmoothmenu ul li ul li:hover{background-color:#fff;
color:#333333; }
.ddsmoothmenu ul li ul li a:hover{padding:14px 23px 12px 9px; background-color:#FFF; color:#b8a779; border-left:#b8a779 solid 4px;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/






.topnavigation{ float: left;
    font-family: 'AllerLightRegular';
    margin: 7px 0 0 375px;
    width: 368px;}
.topnavigation li{list-style:inside url(../images/bulletmenu.png); color:#b4b4b4; padding:5px; float:left; font-size:10px;}
.topnavigation li:first-child{list-style:none;}
.topnavigation li a{color:#b4b4b4;}
.topnavigation li a:hover{color:#787878;}
.topnavigation li:last-child{list-style:url(../images/forward.png); margin:0 0 0 20px; color:#b51120;}
.topnavigation li:last-child a{ color:#b51120;}












/******************************** end of Header Styles *******************/

.logoarea{float:left; background-color:#FFF; padding:15px; width:159px; height:103px; border-bottom:#96C11F solid 4px; margin: -30px 0 0 4px; -webkit-box-shadow: 0px 0px 2px 1px rgba(00, 0, 0, 0.2);
box-shadow: 0px 0px 2px 1px rgba(00, 0, 0, 0.2);}
.bannerback{float:left; width:100%;}
.wrapperbanner{width:960px; margin:0 auto; position:relative;}
.menuleft{float:left; padding:0 0 139px; background-color:#FFF; margin: 0 4px; -webkit-box-shadow: 0px 0px 2px 1px rgba(00, 0, 0, 0.2);
box-shadow: 0px 0px 2px 1px rgba(00, 0, 0, 0.2)}
.menuleft li{padding:2px 5px; width:179px; text-align:center; border-bottom:#f5f1e5 solid 1px;}
.menuleft li:first-child{padding:7px 5px; width:179px; text-align:center; background-color:#928153; color:#FFF; border-top:#FFF solid 1px;}
.menuleft li a{color:#928153; font-size:13px;}
.menuleft li a:hover{color:#96c11f;}
.greenlinepx{background-color:#96C11F; height:4px; width:197px; float:left;}
.lefttriangle{    background-image: url("../images/lefttri.png");
    background-repeat: no-repeat;
    float: left;
    height: 4px;
    width: 4px;}
.awrdhead{background-color:#928153; float:left; width:189px; padding:7px 0; text-align:center; border-top:#FFF solid 1px; color:#FFF;}
.menuleftbox{float:left;padding:0; width:197px;}
.menuleftboxbttm{float:left;padding:0; width:197px; margin:-7px 0 0;}
.righttriangle{    background-image: url("../images/righttri.png");
    background-repeat: no-repeat;
    float: left;
    height: 4px;
    width: 4px;}
.awardbox{float:left; padding:0 0 5px; background-color:#FFF; margin: 0 4px; -webkit-box-shadow: 0px 0px 2px 1px rgba(00, 0, 0, 0.2);
box-shadow: 0px 0px 2px 1px rgba(00, 0, 0, 0.2); width:189px;}

.awardbox1{float:left; padding:0 0 5px; background-color:#FFF; margin: 10px 4px 0; -webkit-box-shadow: 0px 0px 2px 1px rgba(00, 0, 0, 0.2);
box-shadow: 0px 0px 2px 1px rgba(00, 0, 0, 0.2); width:189px;}

.teaiconpdf{float:left; margin:5px 3px;}
.teaicon{float:left; margin:3px;}
.teatext{color: #506F35; float: left; font-size: 12px; font-weight: bold; margin: 10px 0 0; width: 133px;}
.teaanc{    background-image: url("../images/pdf_icon.png");
    background-repeat: no-repeat;
    color: #404040;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    padding: 30px 0 0 52px;
    width: 133px;}

div.bgcarousel{ /* CSS for main carousel container */
background: #fff url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:189px; /* default dimensions of carousel */
height:180px; padding:5px 0;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: #fff;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */

color: black;
float:left;
width:170px;
padding: 10px;
z-index:5;
color:#979797; font-size:12px;
margin:133px 0 0 0;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
margin:0;
color:#58430b;
font-size:13px;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}

.middlecntnn{float:left; width:735px; margin:20px 0 0 28px;}
.middlecntn1{float:left; margin:15px 18px 0 0; width:227px; background-color:#FFF; height:248px;}
.midddleimg{float:left;}
.wrapper{margin:0 auto; width:960px;}
.middlehead{float:left; margin:8px; font-size:15px; color:#404040; text-transform:uppercase; width:219px;}
.middletxt{float:left; margin:0 8px 10px; font-size:12px; color:#888888; width:212px;}
.morebttn{float:right; width:44px; margin:0 8px 8px; background-image:url(../images/morebttn.png); background-repeat:no-repeat; background-position:right; color:#888888;  font-size:12px; }
.morebttn1{float:right; width:44px; margin:15px 8px 8px; background-image:url(../images/morebttn.png); background-repeat:no-repeat; background-position:right; color:#888888;  font-size:12px; }
.morebttn:hover{color:#666;}
.morebttn1:hover{color:#666;}
.maparea{float:left; width:100%; background-color:#FFF; margin:30px 0 0;}
.map{float:left; margin: 20px;}
.countries{float:left; width:490px; margin:30px 0 0 40px;}
.countries li{float:left; font-size:12px; width:122px; margin:0 0 5px; color:#928153;}

/*********FOOTER**************/

.triangleout{float:left; width:100%; height:77px; position:relative; margin:-77px 0 0;}
.triangleoutinner{float:left; width:100%; position:relative; margin:0;}
.triangleinner{left: 0;
    position: absolute;
    top: -38px;
    width: 100%;
    z-index: 5000;}

.triangle{left: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 5000;}
.footerwrapper{width:960px; margin:0 auto; position:relative;}	
.gslogoinner{right:15px;
    position: absolute;
    top:-52px; width:60px; z-index:6000}	

.gslogo{right:15px;
    position: absolute;
    top:18px; width:60px; z-index:6000}	
.footerbg{background-color:#252525; width:100%; float:left; margin:0;}


/************************************* Footer Navigation ************************************/

.footerlinks {
    border-top: 1px dotted #4F4F4F;
    float: left;
    list-style: none outside none;
    margin: 0 0 0 3px;
    padding: 17px 0 9px;
    width: 801px;
	}

.footerlinks li {
	float:left;
	display:block;
	position:relative;
	
	}
	
	
.footerlinks li a {

	font-size:9pt; 
	display:block;
	outline:0;
	text-decoration:none;
	
}


.footerlinkslast {
	list-style:none; width:571px; margin:0 0 0 3px;	float:left;	padding:18px 0 0; border-top:#4f4f4f dotted 1px;}
.footerlinkslast li {
	float:left;	display:block; position:relative;}
.footerlinkslast li a {
	 font-size:9pt; display:block;	outline:0; text-decoration:none;}


.footerlink01seconad{ }
.footerlink01{margin:0 75px 5px 0; color: #b51120; width:90px; text-transform:uppercase; padding:0 10px 0 10px;}
.footerlink02{margin:0 0 10px 0; color: #9a9a9a; border-right:#9a9a9a solid 1px; padding:0 10px 0 10px;}
.footerlink03{margin:0 0 10px 0; color: #9a9a9a; border-right:#9a9a9a solid 1px; padding:0 10px 0 10px;}
.footerlink04{margin:0 0 10px 0; color: #9a9a9a; border-right:#9a9a9a solid 1px; padding:0 10px 0 10px;}
.footerlink05{margin:0 0 10px 0; color: #9a9a9a; border-right:#9a9a9a solid 1px; padding:0 10px 0 10px;}
.footerlink06{margin:0 0 10px 0; color: #9a9a9a; border-right:#9a9a9a solid 1px; padding:0 10px 0 10px;}
.footerlink07{margin:0 0 10px 0; color: #9a9a9a; padding:0 10px 0 10px;}

.footerlinks li a:hover{color:#b51120;}

.copyright{margin:10px 0 0 120px; font-size:11px; width:150px; float:left; color:#666666;}
.polcy{margin:10px 0 0 0; font-size:11px; width:280px; float:left; color:#666666; text-align:right;}
.copyrighttext{font-size:11px; width:280px; float:left; color:#666666; text-align:right; margin:0 0 35px 0;}
.paecontainer{width:100%; margin:0 auto;}

.titel_home
{
text-align:center;
padding:10px 0 0 0;
font-size:25px;
color:#b8a779;

}

#content
{
  	 width:100%;
	float:left;
}
#content_w
{
   
	margin:0 auto;
    width: 970px;
	
}
#content_w2
{
	 background-color: #FFFFFF;
    float: left;

   	width: 970px;
	padding: 0 0 80px;
		
}



.columnleft
{
	
    float: left;
    line-height: 22px;
    margin-left: 203px;
    padding: 20px;
    text-align: left;
    width: 727px;
}

.columnleft_titel1
{
	font-family: 'AllerLightRegular';
	font-size:18px;
	float:left;
	color:#b8a779;
	padding:0 0 0 10px;
	margin:0 0 20px;
	background:url(../images/menubg.jpg) left no-repeat;
	 width: 727px;
}

.columnleft_text1
{
	font-family: 'AllerLightRegular';
	font-size:13px;
	float:left;
	color:#292929;
	 width: 727px;
	
}
.columnleft_text1 p
{
	margin:0 0 15px;
	float:left;
	text-align:justify;
	
}


.spnl{float:left; width:100px;  color: #4E4E4E; font-size: 12px;    margin: 21px 0 0; font-family: 'AllerLightRegular';}

.contactformtxt{
	background-color: #F4F5F2;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	color: #999999;
	font-size: 12px;
	padding: 7px 5px;
	width: 300px;
	margin: 13px 0 0;
	font-family: 'AllerLightRegular';

}


.contactformsubmit{
background-color: #666666;
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
	font-family: 'AllerLightRegular';
    font-size: 14px;
    padding: 4px 22px;
		margin:13px 0 85px 100px;; float:left;}
		
.prdctmainhead    
	{
    color: #97885f;
    float: left;
    font-family: 'AllerLightRegular';
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    width: 705px;
	border-bottom:#97885f solid 1px;
}

.prdctbox{float:left; width:727px;}
.prdctboxone{float:left; width:727px; margin:0 0 50px 0;}


.prdctsubhead1{color: #97885f;
    float: left;
    font-family: 'AllerLightRegular';
    font-size: 14px;
    margin: 0 0 10px;
    padding:0;}

.prdctsubhead{color: #97885f;
    float: left;
    font-family: 'AllerLightRegular';
    font-size: 14px;
    margin: 0 0 10px;
    padding:0;
    width: 200px;}
	.prdctclass{float:left;}
	.prodcut_tea{float:left; width:358px; margin:0 0 50px 0; height:160px;}
	.prdctdesc{ color: #888888;
    float: left;
    font-size: 12px;
    width: 204px;}
	
.prdctdescblacktea{color:#888888; float:left; font-size: 12px; width: 385px;}

.prdctdescgift{color:#888888; float:left; font-size: 12px; width: 715px;}

.prdctlistul{float:left; width:200px; color:#888888;}
.prdctlistul li{color:#888888; font-size:12px;}

.columnleft_title3
{
	font-family: 'AllerLightRegular';
	font-size:12px;
 	width: 181px;
	color:#4e4e4e;	
}

.contect_details
{
position:absolute;
left:500px;	
margin:5px 0 0 0;

}
.cntnct
{
color:#96c11f;	
}

#header { height:527px; }



.awardimg{float:left; margin:10px 0;}
.awardyeadesc {
    color: #979797;
    float: left;
    font-size: 12px;
    margin: 0 0 0;
    padding: 10px;
    width: 170px;
    z-index: 5;
}


.awardtitlecnt {
    color: #58430B;
    font-size: 13px;
    margin: 0;
}

/* HEADER */
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; }

.awardboxin{float:left; width:960px; margin:0 0 35px}
.awardboxin h3{float:left; width:960px; color: #97885f;
    font-family: 'AllerLightRegular';
    font-size: 13px;
    margin: 0 0 3px;
    padding:0;}
.awardboxin img{float:left; margin:10px 100px 5px 0;}	

.prdct{float:left; width:150px; margin:0 25px 0 0;}
.prdct h3{ text-align:center;  width: 140px; margin:15px 0 -20px;}