@import url('style.css');

/* Overrides */

div#container{
width: 158px;
}
div#upper{
padding-top: 0px;
height: 378px;
background: #7DA117;
color: white;
}

/* ---*/


.tinfo ul {
background: transparent;
}

.tinfo ul li {
background: transparent;
list-style-type: circle;
list-style-position: inside;
cursor: default;
}

div.tinfo, div.tinfo1 {
height: 254px;
/*color: #eeef73;*/
color: white;
font-size: 10px;
padding: 3px;
}

div.tinfointro{
background: transparent url(../images/tea1page.png) no-repeat 0 0px ;
height: 260px;
}


.en div.tinfointro{
background: transparent url(../images/tea1page-en.png) no-repeat 0 0px ;
}

.de div.tinfointro{
background: transparent url(../images/tea1page-de.png) no-repeat 0 0px ;
}

div.tinfo{
background: #D0961F  url(../images/tealeaves.png) no-repeat 0 100% ;
}

div.tinfo1{
background: #D0961F  url(../images/teasplash.jpg) no-repeat 0px 85% ;
}

div#cselected {
display: block;
position: absolute;
top: 270px;
left:29px;
width: 100px;
height: 100px;
font-size: 9px;
background: transparent;
z-index:  10000; 
text-align: center;
}

div#cselected small {
font-size: 12px;
margin:10px 0 0;
position: absolute;
left:0;
top:0;
}


div#footer a:hover {
color: #000;
}

div#footer a {
display: block;
background: 	#DFE5CB url(../images/vitatester.png) no-repeat 0 0;
width: 158px;
height: 22px;
}

span.cheader {
display: block;
font-size: 12px;
font-weight: bold;
text-align: center;
color: white;
height: 16px;
}

li  span.cheader {
background-color:#333333 !important;
color: white;
padding: 0 3px;
}

#upper .cheader {
background: #C1005F;
line-height: 18px;
height: 18px;
}