/* CSS Document */
/*--------------------------------------------------------------
This CSS document should help define the layout of the site.
There should be no colour or text definitions.
The borders are there to help debug. Set them to 0px when ready.
----------------------------------------------------------------*/
body 
{
	margin:0px;
	text-align:left;
}
/*--------------------------------------
--------------------------------------*/

.mainbackground {
	width: 100%;
	border:0px #333333 solid;
	background-color:#FFFFFF;
	float: left;
}

#container {
	border:0px #333333 solid;
	width:993px;
	margin:0;
	padding:0;
	float: left;
}

.contentbackground
{
	border-right:0px #333333 solid;
	float: left;
	width:769px;
	margin:0;
	padding:0 0 10px 0;
	text-align:left;
}
/*--------------------------------------
--------------------------------------*/
#content
{
	width:721px;
	margin:0 0 0 10px;
	text-align:left;
	border:0px #333333 solid;
}


/*--------------------------------------
--------------------------------------*/

#noflash
{
	width:391px;
	height:496px;
	margin:0 0 0 0px;
	padding:30px 300px 30px 30px;
	text-align:left;
	background-color:#FFFFFF;
	border:0px #333333 solid;
}


/*--------------------------------------
--------------------------------------*/

.homepage, #gallery_flash {
	margin:0;
	padding:0;
	width:721px;
	height: 556px;
}

.subhome_panel
{
	width:169px;
	height: 169px;
	margin:380px 0 0px 3px;
	padding:3px 3px 3px 3px;
	text-align:left;
	border:0px #333333 solid;
	float: left;
}

.subhome_panel h2
{
	margin:0;
	padding:0;
}

.subhome_panel p
{
	margin:0;
	padding:0;
}

#products_div, #home_flash {
	margin:0;
	padding:0;
	
}


/*--------------------------------------
--------------------------------------*/

#uploader {
	margin:4px 0 0 0;
	padding:0px 8px 0px 5px;
}

#lowercontent, #lowercontent_product
{
	width:708px;
	margin:4px 0 0 0;
	padding:10px 8px 12px 5px;
	text-align:left;
	border:0px #333333 solid;
}

#lowercontent h2, h3,h4, #lowercontent_product h2, h3,h4, #uploader h2, h3,h4
{
	margin:0;
	padding:0;
}

#lowercontent .intro, #lowercontent_product .intro
{
	margin:15px 0px 0px 0px;
	padding:0;
}

#lowercontent  .toprightimage, #lowercontent_product  .toprightimage {
	float:right;
	margin:-10px -8px -3px -5px;
	padding:0;
}


#lowercontent  .body1, #lowercontent_product  .body1 {
	clear:both;
	float:left;
	margin:0;
	padding:0 15px 0 0px;
	width:340px;
	border:0px #333333 solid;
}


#lowercontent  .body_products, #lowercontent_product  .body_products  {
	/* clear:both; */
	float:left;
	margin:0;
	padding:0 15px 0 0px;
	width:340px;
	border:0px #333333 solid;
}
#lowercontent  .body2 {
	float:right;
	margin:0;
	padding:0 5px 0 0px;
	width:340px;
	border:0px #333333 solid;
}
#lowercontent .simple_column
{
	float:left;
	border:0px #333333 dotted;
}
#lowercontent .simple_column > p
{
	width:240px;
	margin:0px 0px 10px 5px;
	padding:0;
}


#submitbutton input {
	width:auto;
}

/*---------------------------
Contact us page styles
---------------------------*/
#lowercontent  .body3 {
	float:right;
	margin:0;
	padding:0 30px 0 0px;
	width:300px;
	border:0px #333333 solid;
}

#formfield {
	margin:0;
	padding:0;
}

#formfield input {
	margin:0;
	padding:0;
	width: 223px;
}

#formfield textarea {
	margin:0;
	padding:0;
	width: 223px;
}

.body_products input {
	padding-left: 137px;
	margin:0;
	padding:0;
 	position: absolute;
}

.fieldinput { 
	margin:0;
	padding:0;
 	position: absolute;
	padding-left: 137px;
}

/*--------------------------------------
The following rules define the tea taster
member structre
--------------------------------------*/
.tea_taster_row
{
	float:left;
}

.tea_taster
{
	border-top:1px #333333 dotted;
	padding:3px 2px 0 0;
	float:left;
	width:175px;
}
.tea_taster p
{
	width:170px;
}
.tea_taster .name, .tea_taster .expertise, .tea_taster .contact, .tea_taster .more 
{
	display:block;
}

/*--------------------------------------
Video related rules
--------------------------------------*/
#ufo_flv
{
	border-top:1px #333333 dotted;
	padding:3px 0 0 0;
}
#movies
{
	border-top:1px #333333 dotted;
	margin:20px 0 0 0;
	padding:5px 0 0 0;
	width:430px;
}
.movie_still
{
	float:left;
	width:89px;
}
.movie_still .title
{
	display:block;
}

/*--------------------------------------
--------------------------------------*/
#sidepanels
{
	float:left;
	width: 222px;
	border:0px #333333 solid;

}

#searchpanel {
	width: 222px;
	margin:0;
	padding:0px 0px 3px 0px;
	float:left;
	margin:0px 0px 0px 0px;
}

#searchpanel img {
	float:left;
	padding: 0;
	margin: 0 3px 0px 0;
}

#searchpanel input {
	width: 130px;
	padding: 0;
	margin:0px 0 0px 0;
}
#searchpanel form {
	padding: 0;
	margin:0;
}

#searchpanel h2 {
	padding: 0;
	margin:15px 0 0px 0;
}

#searchpanel p {
	padding: 0;
	margin:0px 0 0px 0;
}


.panel {
	clear: both;
	width: 211px;
	/* height: 95px; */
	margin:0px 0px 0px 0px;
	padding:0px 10px 3px 0px;
	float:left;
	
	border:0px #333333 solid;
}

.panel h2 {
	padding: 0;
	margin:11px 0 4px 0;
}
.panel p {
	padding: 0;
	margin:0px 0 0 0;
}

.panel img {
	float:left;
	padding: 0;
	margin: 0 3px 0px 0;
}



/*--------------------------------------
--------------------------------------*/


#navigation {
	position: absolute;
	top: -3px;
	left: 192px;
	border:0px #FFCCCC dotted;
	float: left;
	width: 560px;
}

#navigation ul {
	margin:0;
	padding:0;
}

#navigation ul li
{
	margin:0;
	width: 81px;
	height: 99px;
	padding: 18px 4px 0px 4px; 
	margin: 0;
	list-style: none;
	float: left;
}

#navigation ul li.finaltab
{
	width: 101px;
}

#navigation a {
	padding: 0; 
	margin: 0; 
	padding-bottom: 33px; 
}

html>body #navigation a {
width: auto
}


/*--------------------------------------
--------------------------------------*/



#navigation_lower {
	position: absolute;
	top: -3px;
	left: 192px;
	border:0px #FFCCCC dotted;
	float: left;
	width: 560px;
}

#navigation_lower ul {
	margin:0;
	padding:0;
}

#navigation_lower ul li
{
	margin:0;
	width: 81px;
	height: 99px;
	padding: 18px 4px 0px 4px; 
	margin: 0;
	list-style: none;
	float: left;
}

#navigation_lower ul li.finaltab
{
	width: 101px;
}

#navigation_lower a {
	padding: 0; 
	margin: 0; 
	padding-bottom: 33px; 
}

html>body #navigation_lower a {
width: auto
}


/*--------------------------------------
--------------------------------------*/


#subnavigation, #products_subnavigation {
	position: absolute;
	top: 72px;
	left: 192px;
	border:0px #FFCCCC dotted;
	float: left;
	padding: 0;
	margin: 0;
	width: 560px;
}


#subnavigation a, #subnavigation p, #products_subnavigation a, #products_subnavigation p {
	padding: 3px 0 0 3px; 
	margin: 0 0 24px 0;  
}



/*--------------------------------------
--------------------------------------*/

#footer {
	clear: both;
	height: 100%
	background-color: #FFFFFF;
	border-top:1px #333333 solid;
}

#footer p {
	padding: 0; 
	margin: -16px 10px 0 0;
	text-align: right;
}


/*--------------------------------------
--------------------------------------*/


#topimage {
	padding: 0; 
	margin: 0; 
	height: 166px;
	background-color: #1B3864;
}
#topimage img {
	padding: 0; 
	margin: 0; 
}

#tertiarynav {
	width: 721px;
	height: 18px;
	padding: 0; 
	margin: 0; 
}

#tertiarynav p {
	padding: 4px 0 0 5px;
	margin: 0;
	
}

/*-------------------------------------
New Teriary Nav CSS
-------------------------------------*/


#newtertiarynav {
	width: 721px;
	padding: 0; 
	margin: 0; 
	border:0px solid #999;
}



#nav{
	clear:both;
	font-weight:bold;
	height: 22px;
	padding: 0; 
	margin: 0 0 2px 0; 
	list-style-type:none;	
	border:0px solid #999;
}

html>body #nav{
  margin:0px;
}

#nav li{
	list-style-type:none;
	float:left;
	margin:0 1px 0 0;
	padding:0 0 0 8px ;
	background:url(/images/site_images/tert_bigbg.gif) bottom left no-repeat;
	border:0px solid #FFCC00;
}

#nav li a {
	font-family: Georgia, Times, serif;
	font-size: 0.7em;
	font-weight:bold;
	text-decoration: none;
	color:#FFFFFF;	
	background:url(/images/site_images/tert_bigbg.gif) bottom right no-repeat;
	display:block;
	padding:5px 8px 5px 0px;
}


#nav li.selected
{
	color:#F1EF8B;
}


#nav li strong,
ul#nav li.cur a,
ul#nav li.over a,
ul#nav li:hover a,
#nav li a.selected
{
	font-family: Georgia, Times, serif;
	font-size: 0.7em;
	font-weight:bold;
	text-decoration: none;
	display:block;
	color:#F1EF8B;
	padding:5px 8px 5px 0px;
	text-decoration:none;
}



/*--------------------------------------
Below is a hack to allow clickable links
that have a PNG beneath them in IE6
--------------------------------------*/
.panel a, .panel h2, .subhome_panel a,.searchpanel a, .searchpanel input, .subhome_panel p, .subhome_panel h2, .subhome_panel img { position:relative; display:block;}

/*--------------------------------------
--------------------------------------*/

/*------------------------------------------------------------
-------------------------------------------------------------*/
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */