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,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; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clear:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clear {display:inline-block;}
html[xmlns] .clear {display:block;}
* html .clear {height:1%;}
html {}
*, body {font-family: Arial, Helvetica, sans-serif;}
/* body */
body {margin: 0px; padding: 0px; font-size: 14px; color: #666666; line-height:20px; background:#3D8DAB;}
.bold {font-weight: bold;}
.center {text-align:center;}
/* layout */
h1 {display: none;}
p {margin:0 0 20px 0;}
a,a:visited {color:#333333; text-decoration:underline;}
a:hover {color:#666666; text-decoration:none;}
#container {width: 980px; margin:0 auto; background:#fff;}
#header {width: 100%; height: 90px; clear: both;}
#header .call {width:350px; height:80px; float:left;}
#header .call p {padding:10px 0 0 20px; margin:0; color:#3D8DAB;}
#header .call .search {padding:5px 0 0 20px;}
#header .home {display:block; width:280px; height:80px; float:left; text-indent:-5000px; background: transparent url('../image/main/revolution-tea.gif') no-repeat center center;}
#header .cart {position: relative; float: left; width:350px; height:80px; text-align:right;}
#header .cart p {padding:10px 20px 0 0; margin:0; color:#3D8DAB;}
#header .cart .buttons {padding:5px 20px 0 0; margin:0;}
#header .cart .buttons .basket {display:block; float:right; width:100px; height:50px; background:transparent url('../image/main/basket.gif') no-repeat center center; text-indent:-5000px;}
#header .cart .buttons .login {display:block; float:right; width:100px; height:50px; background:transparent url('../image/main/login.gif') no-repeat center center; text-indent:-5000px;}
#header .cart .buttons .logout {display:block; float:right; width:100px; height:50px; background:transparent url('../image/main/logout.gif') no-repeat center center; text-indent:-5000px;}
#header .cart .buttons .account {display:block; float:right; width:100px; height:50px; background:transparent url('../image/main/account.gif') no-repeat center center; text-indent:-5000px;}
#header .cart .buttons a span {display:none;}
#menu {font-size:12px; height:34px; width:100%; margin:0 20px;}
#menu a,
#menu a:visited {padding:5px 4px 5px 5px; color:#555555; font-family:Arial; font-size:12px; text-decoration:none;}
#menu a:hover {background-color:#F7F7F7; color:#444444;}
#menu span.left {float:left; font-size:0; width:6px; height:34px; background:transparent url('../image/menu/left_cap.gif') no-repeat top left;}
#menu span.right {float:left; font-size:0; width:6px; height:34px; background:transparent url('../image/menu/right_cap.gif') no-repeat top left;}
#menu div.search {text-align:right; float:left; line-height:30px; height:34px; width:180px; background: transparent url('../image/menu/center_tile.gif') repeat-x center center; display:inline;}
#menu div.search input {width:100px;}
#menu div.search input.button {width:60px;}
#menu ul {float:left; width:928px; line-height:30px; background: transparent url('../image/menu/center_tile.gif') repeat-x center center; }
#menu ul li {margin:0 5px; float:left; position:relative; height:34px; display:inline;}
#menu ul li.divider {width:1px; font-size:0; line-height:0; height:18px; margin:7px 0 0 0; background-color:#999999;}
#menu ul li.dividerFull {width:1px; font-size:0; height:29px; margin:1px 5px 0 5px; background-color:#999999;}
#menu ul li ul {position:absolute; margin:0; padding:0; left:-5000px; background:none; background-color:#dddddd; width:200px;}
#menu ul li:hover ul,
#menu ul li.over ul {left:-10px; top:34px;}
#menu ul li ul li {display:block; float:none; background:#dddddd;}
#menu ul li ul li a,
#menu ul li ul li a:visited {display:block; margin:0; padding:0 10px;}
#footer {font-size:0.8em; margin: 0 auto; padding:10px 0; width: 900px; background-color: #fff;}
#footer p {text-align:center; margin:20px 0;}
#footer a, #footer a:visited {text-decoration: underline; color: #666666;}
#footer a:hover {text-decoration: underline; color: #999999;}
#subfooter {
padding: 8px;
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
}
#subfooter a, #subfooter a:visited {
text-decoration: underline;
color: #6488BE;
}
#subfooter a:hover {
text-decoration: none;
color: #999999;
}
/* Page Rules */
#content {margin: 20px auto; width: 936px; min-height:620px;}
#content .divider {height:50px; clear:both; background: transparent url('../image/main/divider.gif') no-repeat center center;}
#content .warning {color:#B64646; margin:10px 0;}
#content .message {color:#5D9F59; margin:10px 0;}
/* Home Page Rules */
#home h2 {font-size: 2.2em; line-height:1.5em; font-weight: normal; color: #3D8DAB; text-align:center;}
#home h3 {font-size: 1.6em; line-height:1.5em; font-weight: normal; color: #3D8DAB; text-align:center;}
#home .header {margin:10px auto 0 auto; padding:20px;}
#home .header p {text-align:center; margin:0;}
#home .header strong {font-weight:bold;}
#home .header .flash {float:left; width:320px; padding:5px 0 0 0;}
#home .header .text {float:left; width:560px;}
#home .header .links {padding:0 0 0 20px;}
#home .header .links a {margin:0; padding:0; line-height:0;}
#home .joinnew {background:transparent url(../image/home/newsletter.gif) no-repeat top center; height:60px; width:550px;}
#home .joinnew form {padding:0 0 0 300px;}
#home .joinnew form div.email {float:left; width:150px; padding-top:17px;}
#home .joinnew form div.submit {float:left; width:70px;}
#home .break {text-align:center;}
#home .scrollarea {background-image: url(../image/home/box.gif); float: left; height: 164px; width: 369px; padding:10px 25px 25px 10px; overflow:hidden; margin-left: 42px;}
#home .scroller {float: left; height: 182px; width: 380px; margin-left: 3px; overflow-x: scroll; overflow-y:hidden;}
#home .smalltea {text-align: center; float: left; height: 150px; font-size: 1.2em; margin-right: 10px; margin-left: 5px; width: 110px;}
#home .smalltea a, #home .smalltea a:visited {text-decoration: none; color: #666666; font-size: 1em;}
#home .smalltea a:hover {text-decoration: none; color: #999999; font-size: 1em;}
#home .smallteaCont {float: left; height: 110px; width: 1050px;}
#home .smallteaContright {float: left; height: 110px; width: 1050px;}
#home .coffee {background-image: url(../image/home/tea-products-buy-online.gif); float:left; margin:10px 0 0 48px; height: 89px; width: 587px; padding:25px 0 0 250px; text-align: center; font-size: 1.2em;}
/* Contact/About Page Rules */
#content #contact {}
#content #about h2 {background:transparent url('../image/about/about.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:20px 0 0 30px;}
#content #health h2 {background:transparent url('../image/health/health.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:20px 0 0 30px;}
#content #contact h2 {background:transparent url('../image/contact/contact.gif') no-repeat top left; text-indent:-5000px; height:44px; margin:20px 0 0 30px;}
#content #contact h3.enquiry {background:transparent url('../image/contact/enquiry.gif') no-repeat top left; text-indent:-5000px; height:37px; margin:0 0 0 30px;}
#content #contact h3.details {background:transparent url('../image/contact/contact-details.gif') no-repeat top left; text-indent:-5000px; height:43px; margin:0 0 0 30px;}
#content #contact .left,
#content #health .left,
#content #about .left {float:left; width:400px; text-align:right;}
#content #contact .right,
#content #health .right,
#content #about .right {float:left; width:500px; background:#D8DFF2;}
#content #contact .right p,
#content #health .right p,
#content #about .right p {padding:10px 30px;}
#content #contact .right a,
#content #contact .right a:visited,
#content #health .right a,
#content #health .right a:visited
#content #about .right a,
#content #about .right a:visited
{color:#666666;}
#content #contact .right form {padding:10px 30px;}
#content #contact .right form ul li
{margin:0 0 20px 0;}
#content #contact .right form input
{width:200px; font-size:16px;}
#content #contact .right form #email
{width:350px;}
#content #contact .right form textarea
{width:400px; height:150px;}
#content #contact .right form .grey
{color:#999999;}
#content #contact .right form .submit
{font-size:12px; width:152px; height:40px;}
#content #contact .right table {padding:10px 30px;}
#content #contact .right table th
{font-size:18px; width:150px;}
/* Side menu */
#content #sidemenu {float:left; width:200px; background-color:#D8DFF2;}
#content #sidemenu h3 {border-bottom:1px solid #3D8DAB; color:#3D8DAB; text-align:center; font-size:1.2em; padding:10px;}
#content #sidemenu ul {text-align:center;}
#content #sidemenu li a {color:#3D8DAB; display:block; padding:1px 5px; text-decoration:none;}
#content #sidemenu li a:hover {background-color:#ACC1E3; color:#FFFFFF;}
#content #sidemenu li.title a {color:#666666; font-weight:bold; padding:10px; text-decoration:none;}
#content #sidemenu li.title a:hover {color:#999999; background-color:transparent;}
/* Category Page Rules */
#content #category {float:left; width:716px; margin:0 0 0 20px;}
#content #category .heading {background:#D8DFF2; min-height:189px; width:100%; clear:both;}
#content #category .heading .image {float:left; width:217px;}
#content #category .heading .text h2 {font-size:40px; line-height:40px;}
#content #category .heading .text {float:left; width:478px; padding:10px 10px 0 10px;}
#content #category h3 {background:transparent url('../image/category/please-select.gif') no-repeat top left; text-indent:-5000px; height:31px; margin:30px 0 0 0;}
#content #category ul.category {margin:20px 0 50px 0;}
#content #category ul.category li
{float:left; margin:0; width:175px; height:240px; text-align:center; display:inline;}
#content #category ul.category li a,
#content #category ul.category li a:visited
{text-decoration: none; color: #666666; font-size: 16px;}
#content #category ul.category li a:hover
{text-decoration: none; color: #999999; font-size: 16px;}
/* Product Page Rules */
#content #product {}
#content #product .left {width:300px; float:left; text-align:center;}
#content #product .left .image {height:360px;}
#content #product .left a,
#content #product .left a:visited
{font-size:12px; color:#999999; text-decoration:none;}
#content #product .left a:hover {text-decoration:underline;}
#content #product .right {width:430px; float:left; text-align:right; margin:0 0 0 0; overflow:hidden;}
#content #product .right h2 {font-size:40px; line-height:40px;}
#content #product .right label {margin:0 5px 0 5px; font-size:16px;}
#content #product .right label input,
#content #product .right label select
{margin:0 0 0 5px;}
#content #product .right strong {font-weight:bold;}
#content #product .right .buttons
{margin:30px 0 0 0; clear:both;}
#content #product .right .buttons .quantity
{width:30px;}
#content #product .right .buttons .addtocart
{width:165px; height:41px; margin-top:10px;}
#content #cart {}
#content #cart table {width:100%;}
#content #cart table .total {background:#D8DFF2;}
#content #cart table .remove {width:80px;}
#content #cart table .total {width:120px; text-align:right;}
#content #cart table .total .old{text-decoration: line-through; color:#B64646;}
#content #cart table .quantity {width:100px;}
#content #cart table td img {float:left;}
#content #cart table td a ,
#content #cart table td a:visited
{color:#666666;}
#content #cart table td li {font-size:12px; color:#999999; text-decoration:none;}
#content #cart table th,
#content #cart table tfoot td {padding:8px 8px; font-weight:bold;}
#content #cart table tfoot input{font-weight:normal;}
#content #cart table td {padding:4px 8px; border-top:1px solid #cccccc; vertical-align:middle;}
#content #cart h2 {font-size:40px; line-height:40px;}
#content #cart .buttons {width:100%; margin:20px 0;}
#content #cart .buttons .left {width:655px; float:left; padding:0 0 0 8px;}
#content #cart .buttons .right {width:265px; float:left; text-align:center; padding:0 8px 0 0;}
#content #cart .paypalText {font-size:12px; color:#999999;}
#content #account {}
#content #account h2 {font-size:40px; line-height:40px;}
#content #account h3 {font-size:30px; line-height:30px;}
#content #account .left,
#content #account .right {width:450px; float:left;}
#content #account .left p,
#content #account .right p {padding:10px 50px 0 10px;}
#content #account .right form {padding:0 10px;}
#content #account .right ul li {margin:0 0 20px 0;}
#content #account .right input {width:200px; font-size:16px;}
#content #account .right #email {width:300px;}
#content #account .right #password
{width:200px;}
#content #account .right .grey {color:#999999;}
#content #account .right .submit{width:165px; height:41px;}
#content #account ul {margin:20px 0;}
#content #account li {margin:0 0 10px 0;}
#content #account li label {display: -moz-inline-box; display: inline-block; width:150px;}
#content #account li input {width:150px;}
#content #account li input.radio{width:20px;}
#content #account li select {width:250px;}
#content #account li span.error {display:block; color:#B64646; font-size:12px;}
#content #account .buttons {clear:both; width:100%; text-align:right;}
#content #account .addresses {width:100%; border:1px solid #cccccc; margin:10px 0;}
#content #account .addresses td {padding:10px;}
#content #account .orders {width:100%; border:1px solid #cccccc; margin:10px 0;}
#content #account .orders th {padding:10px; font-weight:bold;}
#content #account .orders td {padding:10px; vertical-align:middle;}
#content #account .results {text-align:right;}
#content #account table.products {width:100%;}
#content #account table.products .total {background:#D8DFF2; width:120px; text-align:right;}
#content #account table.products .total .old {text-decoration: line-through; color:#B64646;}
#content #account table.products .quantity {width:100px;}
#content #account table.products td img {float:left;}
#content #account table.products td a ,
#content #account table.products td a:visited {color:#666666;}
#content #account table.products td ul {margin:0; padding:0;}
#content #account table.products td li {font-size:12px; margin:0; color:#999999; text-decoration:none;}
#content #account table.products th,
#content #account table.products tfoot td {padding:8px 8px; font-weight:bold;}
#content #account table.products tfoot tr.noborder td {border:0px;}
#content #account table.products tfoot input {font-weight:normal;}
#content #account table.products td {padding:4px 8px; border-top:1px solid #cccccc; vertical-align:middle;}
#content #account table.history {width:100%;}
#content #account table.history th {font-weight:bold; padding:8px;}
#content #account table.history td {border-top:1px solid #cccccc; padding:4px 8px;}
#content #account .forgotten {padding:10px; margin:0 0 20px 0;}
#content #account .forgotten input {font-size:16px; width:400px;}
#content #checkout {}
#content #checkout h2 {font-size:40px; line-height:40px;}
#content #checkout h3 {font-size:30px; line-height:30px;}
#content #checkout h4 {font-weight:bold;}
#content #checkout .details {width:100%; border:1px solid #cccccc; margin:10px 0;}
#content #checkout .details td {padding:10px;}
#content #checkout .buttons {margin:10px 0;}
#content #checkout #comment {width:900px;}
#content #checkout table.products {width:100%;}
#content #checkout table.products .total {background:#D8DFF2; width:120px; text-align:right;}
#content #checkout table.products .total .old {text-decoration: line-through; color:#B64646;}
#content #checkout table.products .quantity {width:100px;}
#content #checkout table.products td img {float:left;}
#content #checkout table.products td a ,
#content #checkout table.products td a:visited {color:#666666;}
#content #checkout table.products td li,
#content #checkout table.products td li {font-size:12px; color:#999999; text-decoration:none;}
#content #checkout table.products th,
#content #checkout table.products tfoot td {padding:8px 8px; font-weight:bold;}
#content #checkout table.products tfoot tr.noborder td {border:0px;}
#content #checkout table.products tfoot input {font-weight:normal;}
#content #checkout table.products td {padding:4px 8px; border-top:1px solid #cccccc; vertical-align:middle;}
#content #checkout form ul {margin:20px 0;}
#content #checkout form li {margin:0 0 10px 0;}
#content #checkout form li label {display: -moz-inline-box; display: inline-block; width:150px;}
#content #checkout form li input {width:150px;}
#content #checkout form li input.radio{width:20px;}
#content #checkout form li select {width:250px;}
#content #checkout form li span.error {display:block; color:#B64646; font-size:12px;}
#content #checkout .denied {width:70%; margin:20px auto; padding:20px; border:1px solid #ccc; background-color:#ffffcc; font-size:1.4em;}
#content #error {}
#content #error h2 {font-size:40px; line-height:40px;}
#content #success {}
#content #success h2 {font-size:40px; line-height:40px;}
#content #quickorder {}
#content #quickorder h2 {font-size:40px; line-height:40px;}
#content #quickorder table {width:65%; margin:0 auto;}
#content #quickorder table td {padding:4px 8px; border-top:1px solid #cccccc; vertical-align:middle;}
#content #quickorder table tbody th {padding:4px 8px; border-top:1px solid #cccccc; vertical-align:middle; background:#D8DFF2;}
#content #quickorder table th,
#content #quickorder table tfoot td {padding:8px 8px; font-weight:bold;}
#content #quickorder table .total {background:#D8DFF2; width:150px; text-align:right;}
#content #quickorder table .quantity {width:100px; text-align:center; width:150px;}
#content #quickorder table .quantity input {width:50px;}
#content #quickorder table .options select {width:250px;}
#content #quickorder .right {text-align:right;}
#content #information {}
#content #information h2 {font-size:40px; line-height:40px;}
#content #information h3 {font-size:30px; line-height:30px;}
#content #information ul {list-style:disc; padding:0 20px;}
#content #sitemap {}
#content #sitemap h2 {font-size:40px; line-height:40px;}
#content #sitemap h3 {font-size:30px; line-height:30px;}
#content #sitemap .left,
#content #sitemap .right {width:410px; padding:20px; float:left;}
#content #sitemap li {padding:2px;}
#content #sitemap ul li ul {padding:2px 10px;}
#content #search {}
#content #search h2 {font-size:40px; line-height:40px;}
#content #search h3 {font-size:30px; line-height:30px;}
#content #search .results {text-align:right;}
#content #search .noresults {font-weight:bold; margin:20px 0;}
#content #search .search {margin:10px 0; border:1px solid #cccccc; padding:10px; width:100%;}
#content #search .search .text {vertical-align:middle; font-size:20px; width:20%;}
#content #search .search .box {text-align:center;}
#content #search .search .input {font-size:16px; width:400px;}
#content #search .search .button{text-align:right; vertical-align:middle; width:20%;}
#content #search ul.category {margin:20px 0 10px 5px;}
#content #search ul.category li {float:left; margin:0 16px; width:180px; height:160px; text-align:center; display:inline;}
#content #search ul.category li a,
#content #search ul.category li a:visited
{text-decoration: none; color: #666666; font-size: 16px;}
#content #search ul.category li a:hover
{text-decoration: none; color: #999999; font-size: 16px;}
#content #format {}
#content #format .left,
#content #format .right {width:450px; float:left;}
#content #format .left {text-align:center;}
#content #format .right {background:transparent url('../image/format/blue-mid.gif');}
#content #format .right h2 {background:transparent url('../image/format/how-do-you-want.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:10px 0 0 40px;}
#content #format .right h3.sixteen {background:transparent url('../image/format/16-count.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:10px 0 0 40px;}
#content #format .right h3.tmini {background:transparent url('../image/format/t-mini.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:10px 0 0 40px;}
#content #format .right h3.samplers {background:transparent url('../image/format/samplers.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:10px 0 0 40px;}
#content #format .right h3.foils {background:transparent url('../image/format/tea-foils.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:10px 0 0 40px;}
#content #format .right h3.tpot {background:transparent url('../image/format/revolution-t-pot.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:10px 0 0 40px;}
#content #format .right h3.single {background:transparent url('../image/format/single.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:10px 0 0 40px;}
#content #format .right h3.organic {background:transparent url('../image/format/organic.gif') no-repeat top left; text-indent:-5000px; height:71px; margin:10px 0 0 40px;}
#content #format .right p {padding:0 20px 0 40px;}
#content #format .right a.range {margin:0 0 40px 40px; display:block;}
.tooltip {
width: 200px;
color:#000;
text-decoration:none;
text-align:center;
font-size: 0.8em;
font-weight: lighter;
}
.tooltip span.top {
padding: 30px 8px 0;
background: url('../image/category/bt.gif') no-repeat top}
.tooltip b.bottom {
padding:3px 8px 15px;
color: #D6E0F1;
background: url('../image/category/bt.gif') no-repeat bottom;
font-size: 0.1em;
}