@import url("../../../../css/base.css");

/* Global Styles
--------------------------------------------------------*/
body {background-image: url(images/design/bg-tile.jpg)}
#PageSubTable {width: 940px}
#ContentCell {background: #fff; border: 14px solid #fff; padding: 8px}

/* Form Element Styles */
#Form2 input, #Form2 select {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #302F2E; line-height: normal}

/* Form Page Styles */
.col2 .c1 {border-right: 1px dashed #ccc}
#Form2 input, #Form2 select {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #302F2E}

/* Error Messages */
table.formtbl .ErrorMessages {width: 5px}

/* Instructions Box */
#Instruction1_InstructCell {margin-bottom: 14px; display: none}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {color: #fff; background: #302F2E}
table.optionsbox {border: 1px solid #302F2E}

/* Type Styles
--------------------------------------------------------*/

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions {font: 11px Verdana, Arial, Helvetica, sans-serif}

/* Instructions */
.Instructions {color: #302F2E; display: none}

/* Error Messages */
.Messages, .ErrorMessages {font-size: 12px; font-weight: bold; color: #c00}

/* Page Headlines = h1 */
.Headings, #ContentCell h1 {font-size: 16px; font-weight: bold; color: #302F2E; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 15px}

/* Sub Headlines = h2 */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 14px; font-weight: bold; color: #302F2E; margin-bottom: 15px}
#ContentCell h2.divide {padding-top: 15px; border-top: 1px dashed #ccc}

/* Sub Headlines 2 = h3 */
#ContentCell h3 {font-size: 12px; font-weight: bold; color: #302F2E; margin: 0}

/* Body Copy */
.Content {line-height: 17px; font-size: 11px; color: #302F2E}
#ContentCell p {margin: 0 0 15px 0; line-height: 17px}

/* Static Page List Styles */
#ContentCell ul {line-height: 17px}
#ContentCell li ul {}

/* Help Page Back To Top Link */
#ContentCell p.top {text-align: right}
#ContentCell p.top a {padding-left: 20px; background: url(images/design/c-top.gif) no-repeat 0 50%}

#ContentCell .formtbl td.input p {margin-top: 15px}

/* Body Link Styles */
.Content a, #Instruction1_InstructCell a  {font-weight: bold; color: #302F2E; text-decoration: underline}
.Content a:hover, #Instruction1_InstructCell a:hover  {color: #302F2E; text-decoration: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {height: 112px}
#TopBannerCell .banner {position: relative; float: left}
#TopBannerCell .banner .inner {background: url(images/design/bn-bg.png) no-repeat 0 0; height: 118px; width: 980px; position: absolute; left: -15px}

#TopBannerCell .logo {position: absolute; top: 7px; left: 14px}

#TopBannerCell .cart-search {position: absolute; right: 0; top: 0; height: 131px; width: 335px; background: url(images/design/bn-right-bg.png) no-repeat 0 0}

#TopBannerCell .cart {z-index: 5000; position: relative; color: #415729; height: 46px; width: 330px; float: left}
#TopBannerCell .cart a {color: #415729; text-decoration: none}
#TopBannerCell .cart a:hover {text-decoration: underline}
#TopBannerCell .cart .cartimg {text-indent: -9999px; position: absolute; width: 46px; height: 40px; display: block; background: url(images/design/bn-cart.jpg) no-repeat 0 0; top: 6px; right: 29px}
#TopBannerCell .cart .cartimg a {height: 40px; display: block}
#TopBannerCell .cart p {text-align: right; margin-right: 86px; line-height: 18px}
#TopBannerCell .cart p.shopcart {margin-top: 8px}
#TopBannerCell .cart p.shopcart a {font-weight: bold}
#TopBannerCell .cart p.nav {font-size: 10px}
#TopBannerCell .search {margin: 5px 0 0 38px; padding: 8px 3px 8px 8px; background: #2F2E2D; float: left}
#TopBannerCell .search li {float: left}
#TopBannerCell .search input {padding: 3px 0 0 3px; margin-right: 4px; height: 20px; border: none; width: 219px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #302F2E}

#TopBannerCell .banner-wrap {position: relative; z-index: 5000}

/* TopBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {height: 11px}
#TopSubBannerCell .nav {position: relative}
#TopSubBannerCell .nav ul {position: absolute; top: -26px; left: 14px}
#TopSubBannerCell .nav li {float: left; display: block; width: auto; padding-right:25px; text-indent: -9999px}
#TopSubBannerCell .nav li a {height: 16px; display: block}
#TopSubBannerCell .nav li.nav-home {background: url(images/design/bn-nav00.gif) no-repeat 0 0; }
#TopSubBannerCell .nav li.nav-store {background: url(images/design/bn-nav01.gif) no-repeat 0 0; }
#TopSubBannerCell .nav li.nav-about {background: url(images/design/bn-nav02.gif) no-repeat 0 0; }
#TopSubBannerCell .nav li.nav-videos {background: url(images/design/bn-nav03.gif) no-repeat 0 0;}
#TopSubBannerCell .nav li.nav-news {background: url(images/design/bn-nav04.gif) no-repeat 0 0; }
#TopSubBannerCell .nav li.nav-home a {width: 47px}
#TopSubBannerCell .nav li.nav-store a {width: 86px}
#TopSubBannerCell .nav li.nav-about a {width: 65px}
#TopSubBannerCell .nav li.nav-videos a {width: 47px}
#TopSubBannerCell .nav li.nav-news a {width: 103px}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width: 19%; background: #fff}
#LeftColumnNav1_custommenu {width: 188px; float: left}
.left-column {padding: 14px; padding-right: 0; float: left}
.left-column img.heading {margin-bottom: 7px}

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; font-size:12px;}
.navigator a {line-height:18px;}

.categorybox {}
.selectedcategorybox {}

.overselectedcategorybox,
.overcategorybox {background:#5D7B3C;}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {background:#3f3a58}

.categorybox a,
.selectedcategorybox a {
	padding: 5px 8px;
    display: block;
	color:#43582D; 
	font-size: 11px; 
	text-decoration:none;
	font-weight:bold;
	line-height:normal;}

.overcategorybox a, 
.overselectedcategorybox a {
	padding: 5px 8px; 
	display: block; 
	color:#fff; 
	font-size: 11px; 
	text-decoration:none;
	font-weight:bold;
	line-height:normal;}

.subcategorybox a,
.selectedsubcategorybox a {
	padding: 5px 8px;
    display: block;
	color:#43582D; 
	font-size: 11px; 
	text-decoration:none;
	font-weight:bold;
	line-height:normal;}

.oversubcategorybox a,
.overselectedsubcategorybox a {
	padding: 5px 8px; 
	display: block; 
	color:#fff; 
	font-size: 11px; 
	text-decoration:none;
	font-weight:bold;
	line-height:normal;}

/* NAVIGATION */

.left-column ul.cust,
.left-column ul.cust li {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 174px; /*For KHTML*/
  list-style: none;
}

.left-column ul.cust:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

.left-column ul.cust li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
.left-column ul.cust a {
  padding: 5px 8px;
  display: block;
  color: #43582D;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
.left-column ul.cust a:hover,
.left-column ul.cust li:hover a,
.left-column ul.cust li.iehover a {
  background: #5D7B3C;
  color: #FFF;
}

/* Page Specific Nav */
.lc-about, .lc-videos, .lc-news {display: none}
.about .lc-about, .videos .lc-videos, .news .lc-news {display: block}
.about .lc-shop, .videos .lc-shop, .news .lc-shop {display: none}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {color: #fff; font-size: 10px; padding: 14px}
#FooterCell a {color: #fff; text-decoration: none}
#FooterCell a:hover {text-decoration: underline}
#FooterCell .footer {background: url(images/design/ft-dots.gif) repeat-x top; line-height: 16px; padding: 9px 0 0 0}
#FooterCell li {float: left; margin-right: 14px}
#FooterCell p {clear: left}

/* Home Page Styles
--------------------------------------------------------*/
.default #ContentCell {height: 572px; background: none; border: none}

.home-wrap {float: left; position: relative; height: 572px}
.home-wrap .main-bg {background: url(images/design/home-page-bg.png) no-repeat 0 0; width: 858px; height: 586px; position: absolute; top: -8px; left: -10px}
.home-wrap .right-group {position: absolute; right: -110px; background: url(images/design/home-page-bg-right.png) no-repeat 0 0; width: 368px; height: 620px}

.home-content-wrap .inner {position: absolute; top: -5px; right: -30px}

.home-content-wrap {clear: right; position: relative; height: 1px; z-index: 5000; font-family: "Times New Roman", Times, serif; color: #5B783D; }
.home-content-wrap a {color: #5B783D; text-decoration: none}
.home-content-wrap a:hover {color: #5b783d; text-decoration: underline}
#ContentCell .home-content-wrap .more a {text-transform: lowercase; font-weight: normal; padding: 0 13px 0 0; line-height: 20px; height: 20px; background: url(images/design/icon-arrow.gif) no-repeat 100% 50%}
.home-content-wrap .section1, .home-content-wrap .section2, .home-content-wrap .section3 {position: absolute}

.home-content-wrap .section1 {top: 50px; right: 20px; height: 140px; width: 292px}
.home-content-wrap .section1 img {float: left; margin-right: 5px}
#ContentCell .home-content-wrap .section1 h2 {font-size: 20px; color: #5b783d; font-weight: bold; margin: 0; padding: 0}
#ContentCell .home-content-wrap .section1 p {font-size: 18px; font-weight: normal; line-height: 24px}
#ContentCell .home-content-wrap .section1 p.more {font-size: 16px; font-weight: normal}

.home-content-wrap .section2 {top: 221px; right: 55px; height: 152px; width: 242px}
.home-content-wrap .section2 .type-area {float: left; width: 165px}
.home-content-wrap .section2 img {float: middle}
#ContentCell .home-content-wrap .section2 h2 {font-size: 20px; color: #5b783d; font-weight: bold; margin: 0; padding: 0}
#ContentCell .home-content-wrap .section2 p {margin-left: 10px; font-size: 14px; font-weight: normal; line-height: 20px}
#ContentCell .home-content-wrap .section2 p span {font-size: 17px; font-weight: bold}
#ContentCell .home-content-wrap .section2 p.price, #ContentCell .home-content-wrap .section2 p.more {text-align: right; margin: 0; padding: 0}
#ContentCell .home-content-wrap .section2 p.price {font-weight: bold; margin-bottom: 2px}
#ContentCell .home-content-wrap .section2 p.more {font-size: 16px; font-weight: normal}

.home-content-wrap .section3 {top: 389px; right: 210px; height: 148px; width: 126px}
#ContentCell .home-content-wrap .section3 h2 {font-size: 28px; color: #5b783d; font-weight: bold; margin: 0; padding: 0}
#ContentCell .home-content-wrap .section3 p {font-size: 16px; font-weight: normal; line-height: 20px}
#ContentCell .home-content-wrap .section3 p.more {font-size: 16px; font-weight: normal; margin-left: 10px}

/* Contact Us Page Styles
-------------------------------------------------------*/
.contact-left {float: left; width: auto}
.contact-right {float: right; width: 275px}
.tblContact {font-size: 12px; margin-bottom: 15px}
.tblContact td {padding-right: 10px}
.tblContact td#button {padding-top: 10px}
 
/* Detail Page Styles
-------------------------------------------------------*/

/* Detail Template 1 */
#ProductDetail11_Swatches_Table1 {padding-right: 10px}
#ProductDetail11_trPrice, #ProductDetail11_trCustomPrice, #ProductDetail11_trSavings {font-size: 13px; font-weight: bold}
tr#ProductDetail11_trDescription td {border-top: 1px dashed #ccc}
tr#ProductDetail11_trCategory td {padding-bottom: 10px}
tr#ProductDetail11_trEMailFriend td.button {text-align: left}

/* Detail Template 2 */
tr#ProductDetail21_trDescription td {border-top: 1px dashed #ccc}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 13px; font-weight: bold}