html, body {
height: 100%;
margin: 0;
padding: 0;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#container
{
 
position:relative;
z-index:1;

}

body {
/*background:#c6c6c6 url('../images/bg_patern1.gif') repeat;*/
color:#999;
font:12px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

a {
color:#000;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration: underline;
}

/* MAIN STRUCTURE start */
#container {
width:980px;
margin:auto;
}

#innercontainer {
float:left;
background-color:#fff;
padding:0;
margin-top:20px;
}

#header {
width:950px;
height:80px;
padding:40px 0 40px 30px;
}

#left {
clear:left;
float:left;
width:270px;
padding:0 45px 0 53px;
}

#content {
float:right;
width:570px;
height:auto !important;
min-height:480px;
height:480px;
padding:0 42px 0 0;
margin:0;
}

#footer {
clear:both;
font-size:11px;
padding:20px 53px;
}
/* MAIN STRUCTURE end */

/* MAIN ELEMENTS start */
#content img.mainimg {
float:left;
margin:0 35px 20px 0;
}

#page-about #content img.mainimg 
{
    margin:0 25px 20px 0;
    
}
#content p { 
padding:0 0 10px;
margin:0;
}

#content a {
color:#000;
text-decoration:none;
}

#content a:hover{
color:#000;
text-decoration: underline;
}

/* MAIN ELEMENTS end */

/* FORM ELEMENTS start * /
#content label{
float:left;
display:block;
width:165px;
margin:0;
padding:0;
font-weight:bold;
}

#content input {
display:inline;
margin:0;
padding:0;
}
/* FORM ELEMENTS end */

/* HEADINGS start*/
h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px 0;
}

h1 {
font-size:20px;
color:#000;
}

h2 {
font-size:14px;
color:#000;
}

h3 {
font-size:12px;
}

h4 {
font-size:12px;
font-weight:normal;
}

h5 {
font-size:10px;
}

h6 {
font-size:10px;
font-weight:normal;
}
/* HEADINGS STYLES end */

/* HEADER ELEMENTS and MAIN NAVIGATION MENU start */

ul#navmenu {
float:right;
display:block;
width:609px;
height:63px;
list-style-type:none;
background:url('../images/nav/black_background.gif') repeat-x;
margin:0;
padding:0;
overflow:hidden;
}

ul#navmenu li {
display:inline;
margin:0;
padding:0;
}

ul#navmenu li a {
float:left;
display:block;
height:63px;
color:#fff;
text-decoration:none;
font-weight:bold;
margin:0 8px;
padding:0;
}

ul#navmenu li a#home {
background:url('/images/nav/home.gif') no-repeat scroll top left;
width:50px;
}

ul#navmenu li a#about {
background:url('/images/nav/about.gif') no-repeat scroll top left;
width:50px;
}

ul#navmenu li a#tea {
background:url('/images/nav/tea.gif') no-repeat scroll top left;
width:50px;
}

ul#navmenu li a#books {
background:url('/images/nav/books.gif') no-repeat scroll top left;
width:50px;
}

ul#navmenu li a#location {
background:url('/images/nav/locations.gif') no-repeat scroll top left;
width:68px;
}

ul#navmenu li a#media {
background:url('/images/nav/media1.gif') no-repeat scroll top left;
width:50px;
}

ul#navmenu li a#contact {
background:url('/images/nav/contact.gif') no-repeat scroll top left;
width:77px;
}

ul#navmenu li a#cart {
background:url('/images/nav/cart.gif') no-repeat scroll top left;
width:50px;
}

ul#navmenu li a#home:hover,ul#navmenu li a#home:active, #page-home ul#navmenu li a#home,#page-about ul#navmenu li a#about, ul#navmenu li a#about:hover, #page-tea ul#navmenu li a#tea,ul#navmenu li a#tea:hover, #page-books ul#navmenu li a#books,ul#navmenu li a#books:hover, #page-location ul#navmenu li a#location,ul#navmenu li a#location:hover, #page-media ul#navmenu li a#media,ul#navmenu li a#media:hover, #page-contact ul#navmenu li a#contact,ul#navmenu li a#contact:hover, #page-cart ul#navmenu li a#cart,ul#navmenu li a#cart:hover {
background-position:bottom left;
}
/* HEADER ELEMENTS and MAIN NAVIGATION MENU end */

/* SIDE NAVIGATION MENU start */
ul#sidenav {
list-style-type:none;
margin:0 0 20px;
padding:0;
}

ul#sidenav li {
margin:0;
padding:0 0 10px 0;
}

ul#sidenav li a {
font-size:14px;
height:15px;
color:#999;
text-decoration:none;
background:url('../images/nav/side-nav_arrow.gif') no-repeat top right;
padding:0 20px 0 0;
overflow:hidden;
}

ul#sidenav ul {
list-style-type:none;
margin:10px 0 0 10px;
padding:0;
}

ul#sidenav ul li {
margin:0;
padding:0 0 5px 0;
}

ul#sidenav ul li a {
font-size:12px;
color:#999;
text-decoration:none;
background-image:none;
padding:0 20px 0 0;
overflow:hidden;
}

ul#sidenav li a:hover, ul#sidenav li a.current, #page-tea.productrange ul#sidenav li a#productrange, #page-tea.faq ul#sidenav li a#faq,#page-tea.howtouse ul#sidenav li a#howtouse, #page-about.testimonials ul#sidenav li a#testimonials, #page-books.productbook ul#sidenav li a#productbook, #page-media.latestnews ul#sidenav li a#latestnews, #page-media.newsarchive ul#sidenav li a#newsarchive, #page-media.video ul#sidenav li a#video, #page-contact.contactinfo ul#sidenav li a#contactinfo, #page-contact.onlineenquiry ul#sidenav li a#onlineenquiry,#page-tea.harvesting ul#sidenav li a#harvesting {
color:#000;
background-position:bottom right;
}
/* SIDE NAVIGATION MENU end */

/* FOOTER ELEMENTS start */
#footer a {
color:#999;
font-size:11px;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#content input.submit {
color:#000;
font:bold 14px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
text-decoration:none;
padding-right:20px;
background:url('/images/arrow_black-double.gif') no-repeat right;
}

#content input.submit:hover {
color:#98272b;
background:url('/images/arrow_red-double.gif') no-repeat right;
}

#content input.submit {
float:right;
border:none;
margin:0 60px 0 0;
padding:0 20px 0 0;
}

#content label {
float:left;
display:block;
width:140px;
font-weight:bold;
margin:0;
padding:0;
}

.w300 {
width:300px;
}

.w100 {
width:100px;
}

.w30 {
width:30px;
}
/* FOOTER ELEMENTS end */

/* PRODUCT LIST start*/
.productlist {
clear:both;
border-top:1px solid #ebebeb;
padding:10px 0;
}

.productdetails {
float:right;
width:330px;
}

a.b_add2cart {
float:right;
display:block;
width:85px;
height:23px;
background:url('../images/buttons/add2cart.gif') no-repeat top left;
}

a.b_add2cart:hover {
background-position:bottom left;
}
/* PRODUCT LIST end*/

/* OTHER ELEMENTS start */
.hidden {
display:none;
}

a#b_ask {
display:block;
width:146px;
height:17px;
background:url('../images/buttons/b_ask.jpg') no-repeat top left;
padding:0;
margin:10px 0;
}

a#b_order {
display:block;
width:146px;
height:18px;
background:url('../images/buttons/b_order.jpg') no-repeat top left;
padding:0;
margin:10px 0;
}

a#b_login {
display:block;
width:131px;
height:18px;
background:url('../images/buttons/b_account.jpg') no-repeat top left;
padding:0;
margin:10px 0;
}

a.b_view-article {
display:block;
width:97px;
height:16px;
background:url('../images/buttons/b_view-article.gif') no-repeat bottom left;
padding:0;
margin:0 0 10px;
}

a#b_video 
{
    
display:block;
width:133px;
height:25px;
background:url('../images/buttons/b_video.jpg') no-repeat top left;
padding:0;
margin:0 0 10px; 
    
}

a#b_blog
{
display:block;
width:158px;
height:18px;
background:url('../images/buttons/b_blog.jpg') no-repeat top left;
padding:0;
margin:0 0 10px; 
    
}

a#b_ask:hover, a#b_order:hover, a#b_login:hover,a#b_video:hover,a#b_blog:hover {
background-position:bottom left;
}

a.b_view-article:hover 
{
   background-position:top left; 
}

#subtitle {
float:right;
}

#page-about #subtitle 
{
    
    padding-right:9px;
}

.note {
color:#48b5e8;
}

.bold {
font-weight:bold;
}

.floatright {
float:right;
}

.floatleft, #content input.submit.floatleft {
float:left;
}

hr {
margin:20px 0 10px;
}

table.list {
width:100%;
border-collapse:collapse;
margin:20px 0;
}

table.list th {
text-align:left;
font-weight:bold;
color:#000;
border-bottom:1px solid #000;
padding:5px 10px;
}

table.list td {
border-bottom:1px solid #ccc;
padding:5px 10px;
}

.black {
color:#000;
}
/* OTHER ELEMENTS end */

.thinborder 
{
    border:1px solid #CCCCCC;
}

#page-contact  p
{
    font-family:Verdana;
    color:#2B2F21;
    
}

.home_description 
{
    
    
}