/*
Lovingly hand-crafted by Citrus Tree Media.
http://www.citrustreemedia.com/
Please respect our copyright as we do yours...
*/

/* ---------------------
title: eternal spring mockup stylesheet
author: wayne taylor
created: 27/04/08
modified: 19/05/08
version: 1.0
--------------------- */

/* -----------------------------------------------------------------------------
   generic style */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.spacer {
	clear: both;
}

h1 {
	clear: both;
	font-size: 200%;
	color: #9b1619;
}

h2 {
	color: #9b1619;
	font-size: 200%;
}

p {
	margin: 15px 0;
}

strong {
	font-weight: bold;
}

.clear {
	clear: both;
}

/* -----------------------------------------------------------------------------
   main layout style */

body {
	background: url(../images/back-body.jpg) fixed;
	padding-bottom: 20px;
}

#wrapper {
	background-color: #fff;
	border: 1px solid #927966;
	width: 840px;
	margin:0 auto;
	background: transparent url(../images/back-wrapper.jpg) repeat;
}

#innerwrapper {
	background: transparent url(../images/back-innerwrapper.jpg) no-repeat;
	padding:0 30px;
	overflow: auto;
}

#logo {
	float: left;
}

#content {
	width: 508px;
	float: right;
	padding: 15px;
	background: #fff url(../images/back-tea-fade.jpg) no-repeat top right;
	border: 1px solid #947b68;
}

body#edible-rose-buds #content {
	background: #fff url(../images/content-rose-buds-background.jpg) no-repeat top right;
}

body#nonav #content {
	width: 740px;
	margin: 0 auto;
	float: left;
}

#subcontent {
	float: left;
	width: 240px;
}

ul#nav, blockquote, p.message {
	border: 1px solid #947b68;
}

p#footer {
	clear: both;
	height: 104px;
	background: url(../images/footer.gif) no-repeat;
	margin: 5px 0 0;
	padding: 10px 100px 0 0;
	text-align: right;
}

/* -----------------------------------------------------------------------------
   message style */

p.message {
	margin-top: 12px;
	background: url(../images/back-subcontent.jpg) repeat-y;
	color: #ffc;
	padding: 10px 25px;
	font-size: 90%;
	text-align: center;
}

p.message a {
	display: block;
	padding:5px 0;
	margin: 0;
	color: #fff;
}

/* -----------------------------------------------------------------------------
   buy now widget style */

#buynow {
	margin-top:25px;
	width: 282px;
	background: url(../images/back-buynow.jpg) no-repeat;
	float: right;
	border: 1px solid #947b68;
}

#buynow p {
	text-align: center;
	color: #fff;
	width: 50%;
	margin: 0 0 10px;
}

#buynow p strong {
	display: block;
}

/* -----------------------------------------------------------------------------
   content area style */

#content {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#content strong {
	border-bottom: 1px solid #ddd;
}

#content a {
	color: #9b1619;
}

#content ul {
	margin-left: 50px;
}

body#nonav #content img {
	margin: 0;
	padding: 0;
}

/* -----------------------------------------------------------------------------
   content images style */

#content p.image {
	float: right;
	padding: 0 10px;
	text-align: center;
	font-size: 75%;
}

#content p.image img {
	margin:5px;
}

/* -----------------------------------------------------------------------------
   navigation style */

ul#nav {
	background: url(../images/back-subcontent.jpg) repeat-y;
	list-style: none;
}

ul#nav li {
	background: url(../images/nav-seperator.jpg) no-repeat bottom left;
	list-style: none;
	line-height: 1.1em;
}

ul#nav a {
	background: url(../images/nav-arrow.jpg) no-repeat center left;
	color:#fff;
	text-decoration: none;
	display: block;
	padding: 3px 0 5px 25px;
	font-size: 0.9em;
}

ul#nav strong {
	text-decoration: none;
	border-bottom: 0;
}

ul#nav a:hover {
	background: url(../images/nav-hover.jpg) no-repeat center left;
}

ul#nav li.highlighted {
	background: url(../images/nav-sample.jpg) repeat-y;
}

ul#nav li.highlighted a {
	background: url(../images/nav-sample-arrow.jpg) no-repeat center left;
}

ul#nav li.highlighted a:hover {
	background: url(../images/nav-sample-hover.jpg) no-repeat center left;
}

ul#nav strong {
	color: #e8bf1a;
	font-weight: normal;
}

body.home ul#nav a#home, body.puer ul#nav a#puer, body.about ul#nav a#about, 
  body.press ul#nav a#press, body.preparation ul#nav a#preparation,
  body.quality ul#nav a#quality, body.trade ul#nav a#trade, body.buy ul#nav a#buy, body#edible-rose-buds ul#nav a#edible {
	background: url(../images/nav-hover.jpg) no-repeat center left;
}

body#edible-rose-buds ul#nav a#buy {
	background: url(../images/nav-sample-arrow.jpg) no-repeat center left;
}

body#edible-rose-buds ul#nav a#buy:hover {
	background: url(../images/nav-sample-hover.jpg) no-repeat center left;
}

body.sample ul#nav a#sample {
	background: url(../images/nav-sample-hover.jpg) no-repeat center left;
}

/* -----------------------------------------------------------------------------
   testimonial style */

blockquote {
	margin-top: 12px;
	background: url(../images/back-subcontent.jpg) repeat-y;
	color: #ffc;
	padding: 0 25px;
}

blockquote p {
	font-style: italic;
	font-size: 90%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

blockquote p.author {
	font-size: 80%;
}

/* -----------------------------------------------------------------------------
   footer style */

p#footer {
	font-size: 0.75em;
}

p#footer img {
	float: left;
	margin-left: 30px;
}

p#footer, p#footer a {
	color: #666;
}

p#footer a:hover {
	text-decoration: none;
}

/* -----------------------------------------------------------------------------
   home page style */

body.home #content {
	background: #fff url(../images/back-tea-full.jpg) no-repeat top right;
}

body.home h1 {
	font-size: 190%;
	padding-right:150px;
	padding-top:10px;
	padding-bottom:6px;
	line-height: 1.2em;
	color: #000;
}

body.home #content {
	padding: 7px 15px;
	min-height: 220px;
	height: auto !important;
	height: 220px;
	display: block;
	overflow: auto;
}

body.home #content p {
	padding-right: 190px;
	padding-bottom:1px;
}

body.home #content ul {
	padding-bottom: 10px;
	padding-right: 150px;
}

body.home #content p {
	margin: 7px 0;
}

body.home #content p.bold {
	margin-bottom: 1px;
	font-weight: bold;
	color:#9B1619;
}

body.home #content ul {
	margin-left: 30px;
}

/* products box */

#productsbox {
	margin: 10px 0;
	height: 249px;
	width: 259px;
	background: transparent url(../images/back-products.png) no-repeat;
	padding: 20px 0 0 260px;
	color: #fff;
	float: left;
	clear: left;
}

#productsbox h2 {
	font-size: 120%;
	color: #fff;
	margin: 0;
}

#productsbox p {
	font-size: 75%;
	width: 245px;
	margin: 5px 0 10px;
}

#productsbox a {
	color: #fff;
}

#productsbox dl {
	font-size: 75%;
	width: 245px;
}

#productsbox dt{
	font-weight: bold;
	margin-top: 4px;
}

#productsbox dd {
	margin-top: 0px;
}

/* press box */

#pressbox {
	margin: 10px 0;
	height: 211px;
	width: 255px;
	margin: 20px 0 0 0;
	padding: 5px 0 0 5px;
	background: transparent url(../images/back-press.png) no-repeat bottom right;
	color: #fff;
	float: right;
	margin-right: 1px;
}

#pressbox h2 {
	font-size: 120%;
	color: #fff;
	margin: 10px 0 5px 0;
}

#pressbox p {
	padding-right: 150px;
	margin: 0;
	line-height: 1em;
}

#pressbox a {
	color: #fff;
	text-decoration: none;
	font-size: 75%;
}

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

#pressbox a em {
	text-decoration: underline;
	font-style: normal;
}

/* -----------------------------------------------------------------------------
   trade page style */

body.trade #content h2 {
	padding-top: 20px;
}	
	
body.trade #content dl {
	margin: 10px;
}

body.trade #content p {
	clear: both;
}

body.trade #content dt {
	border-top: 1px solid #ccc;
	color: #9b1619;
	padding-top: 5px;
	padding-bottom:10px;
	font-weight: bold;
	clear: both;
}
	
body.trade #content dd {
	padding-left:10px;
	padding-bottom:5px;
	margin-top: 5px;
	clear: both;
}	

body.trade #content dd span {
	display: block;
	float: left;
}

body.trade form {
	float: right;
	margin-top: -3px;
}	

/* -----------------------------------------------------------------------------
   press page style */

body.press h2 {
	margin-top: 15px;
	padding-top: 5px;
	border-top: 1px solid #9b1619;
}

body.press #content img {
	display: block;
	margin: 0 auto;
	border: 1px solid #947b68;
	padding: 5px;
}

/* -----------------------------------------------------------------------------
   buy page style */

body.buy #content h1 {
	margin-bottom: 10px;
}

body.buy #content strong {
	border: 0;
}

body.buy #content p {
	float: right;
	width: 330px;
}

body.buy #content p.fullwidth {
	float: none;
	width: 100%;
	clear: both;
}

body.buy #content p.message {
	border: 1px solid #9b1619;
	color: #9b1619;
	text-align: center;
	font-weight: bolder;
	font-size: 150%;
	width: 100%;
	padding: 10px 0;
}
	
body.buy #content ul, body.buy #content li {
	list-style: none;
	margin: 0 0 5px 0;
}

body.buy #content li {
	margin: 10px 0 15px;
	border-bottom: 1px solid #9b1619;
	overflow: auto;
	padding-bottom: 5px;
}

body.buy #content ul img {
	float: left;
	display: block;
	clear: both;
}

body.buy #content ul img.imageright {
	float: right;
	clear: none;
	margin-left: 10px;
}

body.buy #content ul ul li {
	margin-bottom: 8px;
	border:0;
}

body.buy #content ul ul span {
	float: left;
	display: block;
	width:60%;
}

body.buy #content ul ul form {
	float: right;
	display: block;
	width: 39%;
}

body.buy #content ul ul img {
	float: right;
	display: block;
	clear: none;
}

body.buy #content ul ul, body.buy #content ul h2 {
	float: right;
	width: 330px;
}

body.buy #content img {
	margin: 0;
	border: 0;
	padding: 0;
}

body.buy #content form.select {
	padding: 5px 0 5px 5px;
	border: 1px solid #ccc;
	float: right;
	width: 29%;
}

body.buy #content td {
	float: left;
}

body.buy #content select {
	border: 1px solid #ccc;
	width: 80px;
	float: left;
}

/* -----------------------------------------------------------------------------
   error page style */
	
body.error #content {
	padding-bottom: 400px;
}
	
/* -----------------------------------------------------------------------------
   back to xyz page links */
	
p.pressreturn {
	margin: 0;
	clear: both;
	background: url(../images/back-subcontent.jpg) repeat-y;
}

p.pressreturn a {
	background: url(../images/back-arrow.jpg) no-repeat center left;
	color:#fff;
	text-decoration: none;
	display: block;
	padding: 3px 0 5px 25px;
	font-size: 0.9em;
}

p.pressreturn a:hover {
	background: url(../images/back-hover.jpg) no-repeat center left;
}

/* -----------------------------------------------------------------------------
   links page style */

.links #content {
	/* temporary - till there is more content! */
	padding-bottom: 60px;
}
	
.links dt {
	margin: 20px 0 5px;
	color: #947b68;
	font-size: 140%;
	font-weight: bold;
}

.links dd {
	margin-bottom: 10px;
}

/* -----------------------------------------------------------------------------
   rose buds page style */
	
body#edible-rose-buds h1 {
	padding-top: 10px;
}
	
body#edible-rose-buds #content h2 {
	width: auto;
	clear: both;
	float: none;
}	

body#edible-rose-buds #content h2#floatright{
	float: right;
	width: 330px;
	clear: none;
}

body#edible-rose-buds #content p {
	float: none;
	width: auto;
}	

body#edible-rose-buds #content img.right {
	float: right;
	clear: none;
}

/* -----------------------------------------------------------------------------
   end style sheet */