/* CSS Document */

/*

Colour Scheme

Green:      78A22F (general links - hover)
Dark Green: 5A7A23 (general links)


*/

@import url('reset-min.css');
@import url('forms.css');

* { font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
body { text-align: left; background: #E4DDD5 url('../images/body_bg.gif') repeat-x left top; padding: 5px 0 0 0; }
strong { font-weight: bold; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.ButtonTop { float: right; margin-left: 15px; }
.FloatRight { float: right; }

/* Clear Fix */

.ClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ClearFix { display: inline-table; }
/* Hides from IE-mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }
/* End hide from IE-mac */

/* Layout */

#Header { width: 730px; margin: 0 auto; height: 161px; background: url('../images/header_bg.gif') repeat-x top left; }
#Header .SiteID { width: 730px; height: 161px; background: url('../images/site_id_bg.jpg') no-repeat top left; display: block; }
#Header h1 { text-indent: -9000px; }

#Banner { position: relative; display: block; width: 730px; height: 130px; margin: 0 auto; overflow: visible; clear: both; }
body.PageHome #Banner { height: 269px; background: url('../images/banner_homepage_bg.jpg') no-repeat center top; }
body.PageTeas #Banner { background: url('../images/banner_teas_bg.jpg') no-repeat center top; }
body.PageMenu #Banner { background: url('../images/banner_menu_bg.jpg') no-repeat center top; }
body.PageShows #Banner { background: url('../images/banner_shows_bg.jpg') no-repeat center top; }
body.PageShop #Banner { background: url('../images/banner_shop_bg.jpg') no-repeat center top; }
body.PageContact #Banner { background: url('../images/banner_contact_bg.jpg') no-repeat center top; }
body.PageLaromate #Banner { background: url('../images/banner_laromate_bg.jpg') no-repeat center top; }
body.PageAdmin #Banner { background: url('../images/banner_contact_bg.jpg') no-repeat center top; }
body.PageNewsletter #Banner { background: url('../images/banner_contact_bg.jpg') no-repeat center top; }

#Content { width: 730px; padding: 0; margin: 0 auto; overflow: hidden; clear: both; }
body.MS #Content { background: #E1DCD4 url('../images/content_MS_bg.gif') repeat-y top left; }
body.MS #Content.Menu { background: #E1DCD4 url('../images/content_MS_bg2.gif') repeat-y top left; }
body.MS #Content.Tea { background: #E1DCD4 url('../images/content_MS_bg2.gif') repeat-y top left; }
body.M #Content { background: #E1DCD4 url('../images/content_M_bg.gif') repeat-y top left; }
#Content .PaddingContainer { padding: 0; margin: 15px 20px 25px 20px; overflow: hidden; clear: both; }

#ColumnsContainer { overflow: hidden; clear: both; }
#ColumnsContainer .Column2 { width: 49%; float: left; }
#ColumnsContainer .Column3 { width: 33.333%; float: left; }
#ColumnsContainer .ColumnsPaddingContainer { padding: 10px; margin: 0; overflow: hidden; clear: both; }

#Main { background: url('../images/main_bg.gif') repeat-y top center; overflow: hidden; }
#Main #PageFlake { overflow: hidden; clear: both; border: 1px solid #BFBFBF; padding: 30px 30px 50px 30px; background: #FFFFFF url('../images/page_flake_bg.gif') repeat-x bottom left; }
#Sidebar #Box { width: 285px; background: #3E281C url('../images/sidebar_box_bg.gif') repeat-x left top; display: block; margin-bottom: 30px; }
#Sidebar #Box .Container { border: 1px solid #785845; border-bottom: 1px solid #372319; border-right: 1px solid #372319; }
#Sidebar #Box div.hr { height: 2px; background: url('../images/hr_box_bg.gif') no-repeat scroll center; }
#Sidebar #Box div.hr hr { display: none; }
#Sidebar #Box form { margin: 0 15px 10px 15px; }
#Sidebar #Box label.Detail { color: #A8947B; }

body.MS #Main { float: left; width: 375px; }
body.MS #Sidebar { float: right; width: 285px; }

body.MS #Sidebar.Menu { float: left; width: 215px; position:relative; margin:0 auto;  overflow:hidden; min-height:5500px;}
body.MS #Main.Menu { float: right; width: 445px; }

body.MS #Sidebar.Tea { float: left; width: 215px; position:relative; margin:0 auto;  overflow:hidden; min-height:10200px;}
body.MS #Main.Tea { float: right; width: 445px; }

#floatmenu { position:absolute; margin-top:20px; left:20px; display:block; height:auto; overflow:hidden; width:200px; }


body.MS #Banner #Sidebar { float: none; position: absolute; right: 20px; top: 250px; }
body.PageHome #Sidebar { top: 194px; }
body.M #Main { width: 500px; margin: 10px auto; }

#Footer { border-top: 5px solid #000000; width: 730px; margin: 0 auto 20px auto; overflow: hidden; }
#Footer .SpherikaBadge { display: block; float: right; padding-top: 10px; }
#Footer .Nav { float: left; display: block; padding-top: 10px; }
#Footer .Admin { clear: both; display: block; text-align: right; margin: 10px 0; }

/* Typography */

#Main.Menu h2, #Main.Tea h2 { margin-top:20px; text-align:center; }  
#Main h2, #Main h3, #Main h4 { color: #523525; clear: both; }
#Main h2 { font-size: 24px; line-height: 1.125; margin: 0 0 1.0625em 0; }
#Main h3 { font-size: 18px; line-height: 1.125; margin: 1.0625em 0 1.0625em 0; }
#Main h3.Description { color: #A8947B; font-size: 21px; margin: 0 0 1.0625em 0; }
#Main h4 { font-size: 16px; line-height: 1.125; margin: 1.0625em 0 1.0625em 0; }
#Main p { font-size: 14px; line-height: 1.25; margin: 1.25em 0 1.25em 0; color: #404040; }
#Main small { font-size: 11px; line-height: 1.143; color: #606060; }
#Main .ColumnsContainer { overflow: hidden; clear: both; margin: 1.143em 0 1.143em 0; }
#Main .ColumnsContainer .Column { width: 49%; float: left; margin: 0; }
#Main .ColumnsContainer .Column h4 { margin-top: 0; padding-top: 0; }
#Main .ColumnsContainer .Column ul { margin-top: 0; margin-bottom: 0; }
#Main dl { padding: 0; margin: 1.125em 0 1.125em 0; clear: both; overflow: hidden; }
#Main ul { padding-left: 15px; margin: 1.125em 0 1.125em 15px; }
#Main ul li { list-style: disc; font-size: 14px; line-height: 1.25; color: #404040; }
#Main a { color: #5A7A23; text-decoration: none; }
#Main a:hover, #Main a:active { color: #78A22F; text-decoration: none; }

#Sidebar h2 { font-size: 24px; line-height: 1.125; margin: 0 0 1.0625em 0; }
#Sidebar h3, #Sidebar h4 { color: #523525; clear: both; line-height: 1.125; margin: 0.75em 0; }
#Sidebar h3 { font-size: 18px; }
#Sidebar h4 { font-size: 16px; }
#Sidebar h4.Top { margin-top: 0; }
#Sidebar p { font-size: 14px; line-height: 1.25; margin: 1.25em 0 1.25em 0; color: #404040; }
#Sidebar ul { padding-left: 15px; margin: 1.125em 0 1.125em 15px;}
#Sidebar ul li { list-style: disc; font-size: 14px; line-height: 1.25; color: #404040; }
#Sidebar a { color: #5A7A23; text-decoration: none; }
#Sidebar a:hover, #Sidebar a:active { color: #78A22F; text-decoration: none; }
#Sidebar #Box h4 { color: #FFFFFF; font-size: 12px; text-transform: uppercase; letter-spacing: 0.0625em; line-height: 1.125; margin: 0.75em 15px 0.375em 15px; font-weight: normal; }
#Sidebar #Box p { color: #A8947B; font-size: 12px; margin: 0.5em 15px 0.875em 15px; }
#Sidebar #Box a { color: #E4DDD5; text-decoration: none; }
#Sidebar #Box a:hover, #Sidebar #Box a:active { color: #A8947B; }

#Footer a { font-size: 12px; color: #A8947B; text-decoration: none; text-transform: uppercase; letter-spacing: 0.0675em; }
#Footer a:hover, #Footer a:active { color: #000000; }

/* Navigation */

#Nav { width: 730px; height: 30px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; }
#Nav a { display: block; float: left; text-decoration: none; margin: 6px 0 0 15px; text-transform: uppercase; color: #523525; font-size: 14px; text-decoration: none; }
#Nav a.Contact { float: right; margin-right: 15px; }
#Nav a:hover, #Nav a:active { text-decoration: underline; }
body.PageHome #Nav { background-image: url('../images/nav_homepage_bg.jpg'); }
body.PageTeas #Nav { background-image: url('../images/nav_teas_bg.jpg'); }
body.PageMenu #Nav { background-image: url('../images/nav_menu_bg.jpg'); }
body.PageShows #Nav { background-image: url('../images/nav_shows_bg.jpg'); }
body.PageShop #Nav { background-image: url('../images/nav_shop_bg.jpg'); }
body.PageContact #Nav { background-image: url('../images/nav_contact_bg.jpg'); }
body.PageLaromate #Nav { background-image: url('../images/nav_laromate_bg.jpg'); }
body.PageAdmin #Nav { background-image: url('../images/nav_contact_bg.jpg'); }
body.PageNewsletter #Nav { background-image: url('../images/nav_contact_bg.jpg'); }
body.PageHome #NavHome,
body.PageTeas #NavTeas, 
body.PageMenu #NavMenu, 
body.PageShows #NavShows, 
body.PageShop #NavShop, 
body.PageContact #NavContact { color: #000000; }

/* Price List */

#PriceList { }
#PriceList h3 { text-transform: uppercase; letter-spacing: 0.375em; margin-bottom: 0.5em; text-align: center; padding-bottom: 30px; background: url('../images/hr_pricelist_bg.gif') no-repeat center bottom; }
#PriceList h4 { margin-top: 0; }
#PriceList table { margin-bottom: 25px; border-top: 1px solid #E4DDD5; }
#PriceList td { color: #404040; font-size: 14px; }
#PriceList td.Item { border-bottom: 1px solid #E4DDD5; padding: 10px 0; color: #202020; }
#PriceList td.PriceBulk { text-align: right; border-bottom: 1px solid #E4DDD5; padding: 10px 5px 0 5px; width: 45px; background: url('../images/price_bg.gif') no-repeat right top; }
#PriceList td.Price { text-align: right; border-bottom: 1px solid #E4DDD5; padding: 10px 5px 0 5px; width: 45px; background: url('../images/price_bg.gif') no-repeat right top; }
#PriceList th { border-bottom: 1px solid #E4DDD5; font-weight: normal; padding: 0 5px 5px 5px; text-align: right; }
#PriceList th small, #PriceList td.Price small, #PriceList td.PriceBulk small { text-align: right; }
#PriceList small { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #606060; display: block; background-color: transparent; margin-top: 3px; font-style: italic; }
#PriceList small strong { font-weight: bold; font-style: italic; font-family: Arial, Helvetica, sans-serif; }
#PriceList tr.Title td.Item, #PriceList tr.Title td.Price, #PriceList tr.Title td.PriceBulk { border-bottom: none; padding-bottom: 5px; }
#PriceList tr.Indent td.Item, #PriceList tr.Indent td.Price, #PriceList tr.Indent td.PriceBulk { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; border-bottom: none; background-image: none; }
#PriceList tr.IndentLast td.Item, #PriceList tr.IndentLast td.Price, #PriceList tr.IndentLast td.PriceBulk { padding-top: 5px; padding-right: 5px; padding-bottom: 10px; border-bottom: 1px solid #E4DDD5; background-image: none; }
#PriceList tr.Indent td.Item, #PriceList tr.IndentLast td.Item { padding-left: 15px; background-image: none; }

/* Affiliates */

#Affiliates { text-align: center; }

/* Rows */

#Main .Row { clear: both; overflow: hidden; margin-bottom: 15px; }
#Main .Row div.Picture { width: 110px; float: left; padding-top: 2px; }
#Main .Row div.Picture img { border: 3px solid #808080; padding: 1px; background: #FFFFFF; }
#Main .Row div.Picture a img { border: 3px solid #A8947B; padding: 1px; background: #FFFFFF; }
#Main .Row div.Picture a:hover img, #Sidebar #Box .Row div.Picture a:active img { border: 3px solid #523525; }
#Main .Row div.Headline { float: left; margin-left: 10px; width: 245px; }
body.M #Main .Row div.Headline { width: 380px; }
#Main .Row div.Headline h4 { font-size: 16px; margin: 0 0 0.25em 0; padding: 0; text-indent: 0; line-height: 1; }
#Main .Row div.Headline h4 .Action { float: right; margin-right: 5px; display: block; width: 16px; height: 16px; }
#Main .Row div.Headline h4 .Action img { display: block; width: 16px; height: 16px; }
#Main .Row div.Headline p { font-size: 14px; margin: 0; }
#Main .Row div.Headline p.Meta { border-top: 1px solid #CCD2CE; margin-top: 3px; padding-top: 3px; font-size: 12px; color: #606060; display: block; font-family: Arial, Helvetica, sans-serif; }
#Main .Row div.Headline small { font-size: 12px; color: #848A73; display: block; margin: 0 0 0.25em 0; }

/* L'aromate */

body.PageLaromate #Main .Row { overflow: hidden; }
body.PageLaromate #Main .Picture { float: left; margin-right: 15px; margin-bottom: 1.143em; width: auto; }
body.PageLaromate #Main .Picture img { border: 1px solid #606060; background: FFFFFF; display: block; }
body.PageLaromate #Main .Content { float: left; width: 350px; }
body.PageLaromate #Main .Content h3, body.PageLaromate #Main .Content p { margin-top: 0; }


/* Boutique */
body.PageShop #Main .Row { overflow: hidden; }
body.PageShop #Main .Picture { float: left; margin-bottom: 1.143em; width: 175px; }
body.PageShop #Main .Picture img { border: 1px solid #606060; padding: 5px; background: FFFFFF; display: block; }
body.PageShop #Main .Content { float: left; width: 325px; }
body.PageShop #Main .Content h3, body.PageShop #Main .Content p { margin-top: 0; }