/*
-----------------------------------------------------
Cue The Sun advanced style sheet for screen media
created: 23rd September 2004
by: ben ryan 
last updated: 23rd September 2004
by: ben ryan 
-----------------------------------------------------
*/

/* This zeroes out all the default values for these tags */

h1,h2,h3,h4,h5,h6,p,ul,ol,li,table,tr,th,td { margin: 0; padding: 0; }


/* 
----------------------------------------------------------------------------------------------------------
Global CSS values. This is for items used in all pages of the site.
----------------------------------------------------------------------------------------------------------
*/

body { margin: 0; padding: 0; font-size: 100%!important; font-family: Optima, Copperplate, sans serif; background: none; width: 100%; }

div#wrapper { background: none; }
div#innerWrapper { background: none; }


div.wireless { display: none; }

/* Header and navigation */
div#header { display: none; }
h1#title { display: none; }


div#navigation { display: none; }



/* sidenav */
div#side { display: none; }
div#side h2 { margin: 20px 0 0 20px; padding: 0; font: bold 1.2em/1.4 "Optima", "Copperplate", "sans serif"; }
div#side ul.sidenav { margin: 5px 0 0 20px; padding: 0; list-style: none; text-transform: uppercase; font-size: .8em; display: block; }
div#side ul.sidenav li { margin: .3em 0 0 0; padding: 0; }
div#side ul.sidenav li.divider { margin-right: 20px; }
div#side ul.sidenav li a { text-decoration: none; }
div#side ul.sidenav li a:hover { list-style-image: url(../common/arrow.gif); }

div#side ul.sidenav li ul { margin: 0; padding: 0; text-transform: none; list-style: none; }
div#side ul.sidenav li ul li { margin: .1em 0 0 0; padding: 0; }



div#contentWrapper { margin: 0; width: 100%; }



span.super { vertical-align: top; font-size: .6em; text-transform: superscript; }


div.break { page-break-before: always;}

/* 
----------------------------------------------------------------------------------------------------------
Forms specific CSS values. This is only for forms on the site.
----------------------------------------------------------------------------------------------------------
*/

div.section, div.controls { margin-bottom: 2em; clear: right; display: block; }
div.formsection { margin-top: 1em; width: 100%; display: block; clear: right; }
span.label { margin: 0 .2em; width: 40%; float: left; height: 1.5em; }
span.formw { margin: 0 .2em; width: 55%; float: right; text-align: left; height: 1.5em; }

table.ordering { margin-top: 2em; }
table.ordering th { text-align: left; vertical-align: top; }
table.ordering td { padding: .05em; font-size: .9em; }


table.ordering tr.complexonTea th, table.ordering tr.wellbeingTea th, table.ordering tr.relaxationTea th, table.ordering tr.berrygreenTea th, table.ordering tr.appletreeTea th, table.ordering tr.warmspicyTea th, table.ordering tr.fruitytuttiTea th, table.ordering tr.teapartyTea th, table.ordering tr.earlgreyTea th, table.ordering tr.englishbreakfastTea th, table.ordering tr.skinTonic th { padding: 0; }


input, select, textarea { background: #CED3E1; padding: 0; margin: 0; border: 1px solid #7888B6; font-size: .8em; text-align: center; }
option {margin: 0; padding: 0 0 0 .7em; border: 0; }

option.blank { padding: 0; font-weight: bold; color: #000; }

table.ordering input { margin-left: 1em; }


.xsmall { width: 1em; }
.small { width: 40px; }
.medium { width: 80px; }
.large { width: 12em; }
#email { width: 15cm; }
.xlarge { width: 20em; } 

input.submit, input.reset { padding: .2em 0 .2em 0; width: 200px; display: none; }