/**
 * Main CSS Stylesheet for My Greener Home
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5347 2006-12-22 20:26:09Z birdbrain $
 */

/* body {
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto; 
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #FFFFFF;
	max-width: 960px;
	min-width: 960px;
	width: 95%; 
	} */
	
body {
	margin: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #ffffff;
	}	

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	color: #000000;
	text-decoration: none;
	}
 
.centerColumn a {
	color: #0000ff;
	}		
	
a:visited {
	color: #3300FF;
	text-decoration: none;
	}

#navMain ul li a:link, #navMain ul li a:visited{color:#000;}	
		
	
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #FF0000;
	}

a:active {
	color: #0000FF;
	}

h1 {
	font-family: helvetica, sans-serif;
	font-size: 2.5em;
	color: #405120;
	text-align:center;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 13px;
	}

h1, h2, h3, h4, h5, h6 {

    margin: 0.3em 3px;

}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
/*	float: left;*/
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
/*	padding: 0.2em;*/

	position: relative; 
	bottom: .1em;	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 11em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 1005px;
	vertical-align: top;
	}

#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#logoWrapper {
	width:100%;
	height:88px;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	padding-top:0px;
	background-image: url("../images/mghlogosmall.jpg");
	margin: 0em;
	padding: 0em;
	}
	
	
#mainWrapper {
	margin: auto;
	} 

#navColumnOneWrapper, #navColumnTwoWrapper {
	margin-top: 0em;
	} 

#tagline {
	color:#405120;
	font-size: 5.5em;
	font-style: italic;
	font-weight: bolder;
	text-align : center;
	}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}

/* #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	} */

#navCatTabsWrapper {
	margin: 0;
	font-size:1em;
	background-color: #ffffff;
	font-weight: bold;
	color: #ffffff;
	height: 2.17em;
	width: 850px!important;
	}
	
navMainWrapper {
	margin: 0em;
	background-color: #ffffff;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

#navSuppWrapper {
	margin: 0em;
	background-color: #405120;
	background-image: url("../images/centerboxbackground.jpg");
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}
	
#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none; 
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	background-color: #405120;
	background-image: url("../images/breadcrumbbackground.jpg");
	color: #ffffff;
	}

#navBreadCrumb a {
	color: #ffffff;
	}
	
#navEZPagesTop {
	background-color: #ffffff;
	}

#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	width:96%;
	margin: auto;
	padding: 0.5em;
	}

#navColumnOne {
	background-color: #FFFFFF;
	}

#navColumnTwo {
	background-color: #FFFFFF;
	}
	
/* For the time being the main heading is turned off and incorporated into the central column table */
	#indexDefaultHeading {
	display:none;
	}	

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

.categoryListBoxContents {
	vertical-align: top;
	font-size: 1.6em;
	}
	
/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	color: #3f3f3f;
		}

#productDescription a {
	color: #3300ff;
	}	
		
.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.centerColumn {
	padding: 0.8em;
	font-size: 13px;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
  width: 50%; 
  margin: 0.2em;
  padding: 0.5em;
  }

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
  font-weight: bold;
  }

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 2em 1em 0em ;
	}

.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1em;
	color: #ffffff;
	}

.leftBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-image:url(../images/sidebox_header_bg.jpg);
	background-repeat:no-repeat;
	padding: 0.5em 0.2em;
	}

.centerBoxHeading {
	margin: 0em;
	background-color: #405120;
	background-image: url(../images/centerboxbackground.jpg);
	padding: 0.5em 0.2em;
	font-size: 1em;
	color: #FFFFff;
	}

.leftBoxContainer {
	border: 1px solid #ffffff;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	}

.rightBoxContainer {
	border: 1px solid #ffffff;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	}

.sideBoxContent {
	background-image:url(../images/sidebox_content_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 0.8em;
	}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em;
	color: #FFFFff;
	}

h3.leftBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 

h3.rightBoxHeading a:hover {
	color: #FF0000;
	text-decoration: none;
	}

.rightBoxContent {
	background-color: #ffffff;
	margin-bottom: 1em;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
	background-color: #405120;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}
.information {padding: 10px 3px; line-height: 150%;}




/*	following section is for Sage Pay Direct */

    *

      .SagePayDirectFormGadgetError - This is the class that a form gadget will be set to if there is a problem with the data entered/selected by the customer. If the data entered/selected is corrected satisfactorily by the customer then the form gadget will revert back to its previous look! Our recommendation for addition to the stylesheet is the following:

      .SagePayDirectFormGadgetError { background: #ff6633; }
    *

      .ErrorInfo - This is the class that the main error messages use. It should be styled so that any error messages stand out but still look good on the site.

      .ExtraErrorInfo - This is the class that the Extra Error Information paragraph uses. This is the information that is returned by Sage Pay when something goes wrong. It is recommended that this also stands out, but maybe not as prominently as the main error messages.
    *

      .SagePayDirectCardIcon - This is the class that is applied to the icons displayed for the credit/debit cards accepted. Our recommendation for addition to the stylesheet is the following:

      .SagePayDirectCardIcon { margin-right: 4px; margin-bottom: 4px; }
    *

      .SagePayDirect3DSecureIcon - This is the class that is applied to the icons displayed on the 3D-Secure message page (if enabled/applicable). Our recommendation for addition to the stylesheet is the following:

      .SagePayDirect3DSecureIcon { margin-left: 1em; margin-bottom: 2em; float: right; }
    *

      .SagePayDirectCardsAcceptedSideboxCardIcon - This is the class that is applied to the icons displayed for the credit/debit cards accepted. Our recommendation for addition to the stylesheet is the following:

      .SagePayDirectCardsAcceptedSideboxCardIcon { margin-left: 4px; margin-bottom: 4px; }
    *

      .SagePayDirectCardsAcceptedSidebox3DSecureIcon - This is the class that is applied to the 3D-Secure icons. Our recommendation for addition to the stylesheet is the following:

      .SagePayDirectCardsAcceptedSidebox3DSecureIcon { margin-left: 4px; margin-bottom: 4px; }
    *

      .SagePayDirectCardsAcceptedSideboxSagePayIcon - This is the class that is applied to the “Sage Pay Secured” icon. Our recommendation is to leave it unstyled as standard.
    *

      .SagePayDirectCardsAcceptedSideboxProtxIcon - This is the class that is applied to the “Protx Secured” icon (if it is enabled in the Sage Pay Direct module's admin). Our recommendation is to leave it unstyled as standard.