/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/ /* base.css, part of YUI's CSS Foundation */
h1 { /*18px via YUI Fonts CSS foundation*/
	font-size: 138.5%;
}

h2 { /*16px via YUI Fonts CSS foundation*/
	font-size: 123.1%;
}

h3 { /*14px via YUI Fonts CSS foundation*/
	font-size: 108%;
}

h1,h2,h3 { /* top & bottom margin based on font size */
	margin: 1em 0;
	font-family: Verdana;
}

h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold;
}

abbr,acronym { /*indicating to users that more info is available */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em { /*bringing italics back to the em element*/
	font-style: italic;
}

blockquote,ul.list,ol.list,dl {
	/*giving blockquotes and lists room to breath*/
	margin: 1em;
}

ol.list,ul.list,dl {
	/*bringing lists on to the page with breathing room */
	margin-left: 2em;
}

ol.list li { /*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}

ul.list li { /*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}

dl dd { /*giving UL's LIs generated numbers*/
	margin-left: 1em;
}

p,fieldset,table,pre { /*so things don't run into each other*/
	margin-bottom: 1em;
}

/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea {
	width: 12.25em;
	*width: 11.9em;
}

/*********** END YUI BASE MODIFIED ***************/
/*************************************************/

/* IE PNG fix via HTC behaviour */
/*
img, blockquote, .notification, .error, .form_error, .form_validate,div.note,div.info,div.tip,div.alert,div.success,div.region {
	behavior: url(/js/iepngfix.htc);
}
*/

/********** BASIC ***********/
body {
	color: #4f4f4f;
	background-color: #CACED1;
	font-family: Georgia;
	background: #CACED1 url(/images/background.jpg) repeat-x
}

a {
	color: #0E4F19;
	text-decoration: none;
}

a:hover {
	color: #101010;
	text-decoration: underline;
}

hr {
  width: 90%;
  color: #0E384F;
  background-color: #0E384F;
  height: 0.2em;
}

small{
	font-size: 77%;
	}
/********** FORMS ***********/
fieldset {
    background: #fefefe;
    border: 1px solid #ccc;
    padding: 0 0 10px 0;
    width: 100%;
}

fieldset legend {
    font-weight: bold;
    padding: 0 10px;
    color: #002942;
}

fieldset ol {
    padding: 1em 1em 0 1em;
    list-style: none;
}

fieldset li {
    padding: 0 0 1em 0;
    width: 100%;
    float: left;
    clear: left;
    list-style: none;
}

fieldset li label {
    float: left;
    width: 12em;
    margin-right: 1em;
    position: relative;
}

input, textarea, select {
    border: 1px solid #999;
    background: #f8f8f8;
    padding: 3px;
    color: #585858;
}

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

input.auto {
    width: auto;
}

fieldset li .error{
	border-color: #F34F4F;
	}

fieldset li .form_error {
    display: inline;
    width: auto;
    margin: 0 0 0 1em;
    padding: 0 0 0 20px;
    background: transparent url(/images/app/16x16/shadow/forbidden.png) no-repeat scroll 0% 50%;
    font-weight: bold;
}

fieldset li .form_validate {
    display: inline;
    margin: 0 0 0 1em;
    padding: 0 0 0 25px;
    background: transparent url(/images/app/16x16/shadow/check2.png) no-repeat 0% 50%;
    font-weight: bold;
}

fieldset.submit {
    text-align: center;
    border: none;
    background: none;
}

.submit span {
    display: block;
    font-size: 77%;
    font-weight: normal;
}

.submit a:hover {
    text-decoration: none;
}
/* nested form stuff for radios etc */
fieldset fieldset {
    margin-bottom: -2.5em;
    border-style: none;
    background-color: transparent;
    background-image: none;
}

fieldset fieldset legend {
    margin-left: 0;
    padding: 0;
    font-weight: normal;
    color: #585858;
}

fieldset fieldset ol {
    position: relative;
    top: -1.5em;
    margin: 0 0 0 13em;
    padding: 0;
}

fieldset fieldset label {
    float: none;
    width: auto;
    margin-right: auto;
}

input.big {
    padding: 10px;
    font-size: 116%;
    font-weight: bold;
}

/************* UTILS *********/
.left {
	float: left !important;
}

.right {
	float: right !important;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;	
}

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
#ajax_loader{
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 99999;
	display: none;
}
/*********** MAIN CONTAINERS ********/
#doc {
	border: 5px solid #efefef;
	background-color: white;
}

#sidebar {
	padding: 1em;
}

#body {
	padding: 0 1em;
}

/************ HEADER *************/
#hd {
	
}

#hd h1 {
	margin: 0;
	padding: 0;
	border: medium none;
}

#hd h1 a {
	display: block;
	height: 150px;
	background: url(/images/header.jpg) no-repeat scroll 0% 50%;
	text-indent: -9999em;
}

/************ NAV *************/
#hd-nav {
	background: #0E4F19;
	height: 30px;
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
}

#hd-nav ul {
	margin: 0;
	padding: 0 0 0 1em;
	list-style: none;
}

#hd-nav ul li {
	float: left;
	margin: 5px 3px 5px 0;
}

#hd-nav ul li a {
	display: block;
	color: #EFF7D4;
	height: 20px;
	line-height: 20px;
	padding: 0 0.5em;
	text-decoration: none;
	float: left;
	font-weight: bold;
}

#hd-nav ul li a:hover, #hd-nav ul li a.current {
	background-color: #EFF7D4;
	color: #0E4F19;
}

#cart {
	background: white;
	color: #333;
	display: inline;
	height: 100%;
	padding: 0 0.5em;
	float: right;
	line-height: 30px;
	font-size: 85%;
}
/************ BODY *************/
#body h1, #body h2, #body h3 {
	padding: 0.2em 0.5em;
	color: #EFF7D4;
}

.sfSimpleBlog h2 a, .sfSimpleBlog h2 a:hover{
	color: #EFF7D4;
	text-decoration: none;
} 

#body h1 {
	background-color: #0E384F;
}

#body h2{
	background-color: #551108;
}

#body h3 {
	background-color: #0E4F19;
}

#body h4, #body h5, #body h6 {
	color: #000;
}

img.left {
	margin: 0 1em 1em 0;
}

img.right {
	margin: 0 0 1em 1em;
}

img.framed {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #e1dfca;
}

a:hover img.framed {
  	border: 1px solid #0E384F;
}

ul.list li {
	list-style-image: url(/images/grey_box.gif);
}

/************ SIDEBAR *************/
#sidebar h1, #sidebar h2, #sidebar h3 {
	margin: 0;
	padding: 0.2em 0.3em;	
	background: #4D1910;
	color: #EFF7D4; 
}

#sidebar ul.menu, #blog_sidebar ul {
	border-top: 1px solid #4D1910;
	background: #551108;
	margin-bottom: 2em;
}

#sidebar ul.menu li, #blog_sidebar ul li{
	display: inline;
}

#sidebar ul.menu li a, #blog_sidebar ul li a {
	display: block;
	text-decoration: none;
	padding: 0.4em;
	border-bottom: 1px solid #4D1910;
	color: #EFF7D4;
	margin: 0;
	font-size: 93%;
}

#sidebar ul.menu li a:hover, #sidebar ul.menu li a.current, #blog_sidebar ul li a:hover, #blog_sidebar ul li a.current  {
	background: #3E0C06;
	xcolor: #551108;
}

/*********** TABLES ************/
table.styled {
	background: #EFF7D4;
	width: 100%;
}

table.styled caption {
	padding: 0.5em;
	font-size: 167%;
	font-weight: bold;
	color: #551108;
	text-align: center;
	border-bottom: 1px solid #0E384F;
}

table.styled th {
	font-weight: bold;
	border-bottom: 1px solid #0E384F;
	border-right: 1px solid #0E384F;
	padding: 0.5em;
}

table.styled thead th {
	font-size: 108%;
	color: #0E384F;
	text-align: center;
}

table.styled tbody th {
	color: #551108;
}

table.styled tfoot th {
	color: #000;	
}

table.styled tr.alt {
	background: #F7FBEA;
}

table.styled tbody td {
	vertical-align: middle;
	padding: 0.2em 1em;
	border-bottom: 1px solid #0E384F;
	text-align: center;
}

table.styled tbody tr:hover {
	/*background: #ffffff;*/
}

/************ NOTES *************/
div.note,div.info,div.tip,div.alert,div.success,div.region {
	background: #F4F5F6 none no-repeat scroll 15px 50%;
	border-bottom: 2px solid #AAB4BE;
	border-top: 2px solid #AAB4BE;
	font-size: 108%;
	height: auto !important;
	margin: 10px 0pt;
	padding: 5px 10px;
}

div.info,div.tip,div.alert,div.success,div.region {
	padding-left: 70px;
  min-height: 58px;
}

div.info {
	background-color: #F7F7FF;
	background-image: url(/images/app/48x48/shadow/information.png);
	border-color: #9BB8D9;
}

div.tip {
	background-color: #FFFDEB;
	background-image: url(/images/app/48x48/shadow/lightbulb_on.png);
	border-color: #FFC864;
}

div.alert {
	background-color: #FFE1DA;
	background-image: url(/images/app/48x48/shadow/error.png);
	border-color: #F34F4F;
	color: #BE0B0B;
}

div.success {
	background-color: #E2F9E3;
	background-image: url(/images/app/48x48/shadow/check.png);
	border-color: #99CC99;
	color: #008800;
}

div.region {
	background-color: #F7F7FF;
	background-image: url(/images/app/48x48/shadow/earth_location.png);
	border-color: #9BB8D9;
}

/************ CATEGORIES *************/

.category {
  margin-bottom: 1em;
  padding: 1em;
  border: 1px solid #0E384F;
}

.category h2 {
  margin: 0 0 1em 0;
  padding: 0;
  background-color: #eff7d4 !important;
}

.category:hover { 
  background-color: #EFF7D4;
  border-color: #000;
}


td.plant_size {
	font-size: 93%;
	white-space: nowrap;
	border-left: 1px solid #0E384F;
}

td.size 	{
	text-align: right !important;
}

td.price {
		text-align: left !important;
}

td.add_cart form {
	display: inline;
	}
td.add_cart input.quantity{
	width: 2em;
}

td.add_cart input{
	padding: 0;
}

td.add_cart input.submit {
	border: medium none;	
}

/************ FOOTER *************/
#ft {
	background-color: #0E384F;
	border-top: 3px solid #efefef;
	padding: 1em 1em 0.5em;
	font-size: 85%;
}

#ft h3 {
  margin: 0;
  color: #fff;
  padding: 0;
}

#ft, #ft a {
  color: #EFF7D4;
}

#ft .contact_info {
  padding-left: 1em;
  text-align: right;
}

#ft ul.menu li{
	display: inline;
}

#ft ul.menu li a{
  border-left: 2px solid #0E384F;
  display: block;
  padding: 0 2em 0.2em 0.5em;
  text-decoration: none;
}

#ft ul.menu li a:hover {
	border-left-color: #EFF7D4;
}