/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: small; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : small; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : small; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : small; color: #70d250; text-decoration: underline; }

body { 
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  text-align: center;
  
  /*Gradient for IE browsers.  Took out because it breaks font anti-aliasing */
  /*filter:progid:DXImageTransform.Microsoft.Gradient
    (GradientType=0,StartColorStr=#3a4321,EndColorStr=#92a753) */
  background: #92a753 url(images/background_gradient-vertical.png) fixed;  
  /* gecko based browsers */
  /*background: -moz-linear-gradient(left, #92a753, white, #92a753);  */
  /* webkit based browsers */
  /*background: -webkit-gradient(linear, left top, right top, color-stop(0.0, #92a753),
                color-stop(0.5, white), color-stop(1.0, #92a753));*/
  /*IE browsers and default background colour, for all layout engines that don't implement gradients */
  /*background-color: #92a753;*/  
  height: auto; /* gradient uses the full height of the element */
  
}

a:link {color: #3a4321; text-decoration:none;border:none; }
a:visited {color:#325664;border:none;}
a:hover{color: #644a32;border:none;}
a img, img a:link, img a:active, img a:visited, img a:hover{border:none;}

/* header/top bar, search, about us, newsletter */

#header {
	background-color: #748642;
	/*margin-top: 10px;
	border-top: 5px solid #748642;
	border-top-right-radius: 0.5em;
	border-top-left-radius: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	/*font-family: Verdana, sans-serif;*/
	font-size: 1.2em;/*130%;*/
	font-weight: bold;
	color: white;

  
}

#header a:link {color: white;}

#header a:visited {color: #bdca94;}

#banner {
	background: #a7ba72 /*url(../joomla/templates/ggn_khcv1/images/gardengatebanner.jpg) /*(../images/flowers-narrow3.jpg) */ ;
	overflow: hidden;
	color: white;
}  

#banner h1 {
  font-weight: bold;
  font-size: 200%;
  color: white;
  font-family: Georgia, serif;
  font-style: italic;
  text-shadow: 2px 2px 0px #3a4321;
}

/* Menus and Lists */
li {list-style-type: disc; margin-bottom:5px;}
ul {margin-left: 5%; padding: 0px;}


.moduletable-shop {padding: 20px; display: block; color: #000;}
.moduletable-shop li {list-style-type: none; margin-left:0px; margin-bottom:0px;}
.moduletable-shop li a {display:inline-block; display:block;}
.moduletable-shop ul {margin:0px}
.moduletable-shop ul a, .moduletable-shop a:visited{
  display: block;
  background: url(../joomla/templates/ggn_khcv1/images/button_greengradientside.png); 
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;  
  padding: 5px 5px 5px 30px;
  /*margin: 0px;*/
  color: #000;
  text-decoration: none;
  font-weight: normal;
} 

.moduletable-shop a:hover{
  display:block;
  background: url(../joomla/templates/ggn_khcv1/images/button_greengradientside-reverse.png); 
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  border-radius: 0.5em;
}

.moduletable-shop ul ul li { margin-left: 20px; margin-bottom:0px;}
.moduletable-shop ul ul a{ border:none; border-radius:0em; background: #bdca94; }
.moduletable-shop ul  ul a:hover{ border: none; border-radius:0em; }
.moduletable-shop ul ul a:hover{
  color: #000;
  text-decoration: none;
  border: 0px solid white;
}
  
 
FORM {display: inline;}

/*TR.header {background: #ffffff;}*/

TR.headerNavigation {
  background: #68783c;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  background: white;
  color: #3a4321;
  font-weight : bold;
}

A.headerNavigation { 
  color: #3a4321; 
}

A.headerNavigation:hover {
  color: #a7ba72;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: small;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: small;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;

}

TR.footer {
  background: #68783c;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
 font-size: small;
  background: #68783c;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #d1dbb5;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
 font-size: small;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
 font-size: small;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: small
  font-weight: bold;
  background: #68783c;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #68783c;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  background: #68783c;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
 font-size: small;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #68783c;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
/*  font-size: 13px;*/
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  line-height: 1.5;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: small; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: small; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size:small; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: small; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: small; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: small; color: #ff0000; }


/*Horizontal Menu system added 2011_02-26 KHC */
#horizontalmenu {width:100%; color:white; font-size:88%;}
#submenuholder {width:100%; background:#d1dbb5;color:black;}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10{
  cursor:pointer; padding:4px; border: 1px solid #a7ba72; color:white;background:#68783C; 
}

#menu1:hover, #menu2:hover, #menu3:hover, #menu4:hover, #menu5:hover, #menu6:hover, #menu7:hover, #menu8:hover, #menu9:hover, #menu10:hover { background:#a7ba72;}

#sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7, #sub8, #sub9, #sub10{cursor:pointer;}

.submenu { list-style:none; border-top:1px solid white; font-size:small; margin:0px;}
ul.submenu, ul.submenu li {margin: 0px; padding:5px;}
ul.submenu li {display: inline-block; padding: 5px; border-right:1px solid white;}


 

/*Dropdown JS menu used previously */

.dropdown {float:left; padding-right:1px;}
.dropdown dt {font-size:small; padding:5px; cursor:pointer; background:#68783C; color:#fff; margin:0px;}
.dropdown dt:hover {background:#a7ba72}
.dropdown dd {position: absolute;left: 0px;overflow:hidden; display:none; background:#d1dbb5; opacity:50; margin: 0px; width:100%;}
.dropdown ul {list-style:none; border-top:1px solid white; font-size:small; margin:0px;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:inline-block; color:black; background::#d1dbb5; margin: 5px;}
.dropdown a:hover {background:#5A6515; color:#000}
.dropdown .underline {/*border-bottom:1px solid #68783C*/}


/* Images */

.articleimage{float:right; margin:10px;}
.imagebloglayout{float:right; margin:10px;}
#gardentipsarticle { }
#gardentipsarticle table{border: 1px solid #d1dbb5;}
#gardentipsarticle td{padding: 10px; border: 1px solid #d1dbb5;}

/* Heading font styles */


h1, h2, h3, h4, h5, h6 {	
	font-family: Georgia, serif;
	font-size: 150%;
	color: #663;
	font-weight: normal;
}

h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.75em;}
h3 {font-size:1.25em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;}


h5 {color:#3a4321; font-weight:bold; font-size:125%;}
h6 {color:#3a4321; font-weight:bold; font-size:100%;}

strong {color:#3a4321; font-weight:bold;}
strong a:hover{color: #644a32; font-weight:bold;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.productfeature {float:left;padding:2%;margin:2%;border-right:1px solid #d1dbb5;border-top:1px solid #d1dbb5;}

/* Layout css for the Joomla 1.6 template tutorial khc 2011_02-11 */
/*
#content {
	font-size: 95%;
	color: #333;
	line-height: 1.5em;
	background: white;
	}
*/

#maincolumn {
	background: white;
	/*padding: 20px;*/
}

#footer {
	background-color: #748642;
	font-size: 85%;
	color: white; 
	margin-bottom:10px;
}
/*sidebars */

#sidebar{ 
	line-height: 1.5em;
	color: #666;
	background: #bdca94;
}


#sidebar-2{
}

/* Boxes and Buttons */

.inputbox_khc {
	border: 2px solid #92a753;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
}

.button_khc {
  border: 1px solid #92a753;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  background: url(images/template/button_greengradient.png);
}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_all {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 1000px;
	/*width:expression(document.body.clientWidth > 1000? "1000px": "auto" );*/
	/*min-width: 600px;*/
	border-bottom: 3px solid #748642;
	text-align: left;
}

/* Grids
----------------------------------------------------------------------------------------------------*/

.grid_0{ width: 20%; height: auto;}

.grid_1{ width: 76%; padding: 2%;}
 
.grid_2{width: 95%; }