/* General structural style declarations  */

body {
    font-family: Georgia, roman, 'times new roman', times, serif;
	font-size: 11px;
	color: #afb0b3;
    line-height: 15px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

/* The Following two declarations are to create more predictable behaviour cross browser */

* {
    margin: 0px;
    padding: 0px;
}

#page * div, #page div, #page form {
    float: left;
}

h1 {
    font-size: 22px;
    line-height: 18px;
    font-weight: normal;
}

h2 {
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}

h3 {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    text-transform: lowercase;
}

h4 {
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
}

h5 {
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
}

ul, ol {
    padding-left: 15px;
}

p, ul, ol {
    padding-bottom: 10px;
    line-height: 15px;
}

a, a:visited {
    color: #35491a;/*color: #afb0b3;*/    
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}

table {
	width: 470px;
	border-left: solid 1px #364A1B;
	border-top: solid 1px #364A1B;	
}

td {
	padding: 3px;
	border-right: solid 1px #364A1B;
	border-bottom: solid 1px #364A1B;		
}

input, select, textarea {
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
	font-size: 10px;
	color: #afb0b3;
	background-color: #FFFFFF;
	border: solid 1px #b6b7b8; 
    line-height: 15px;
}

/* Standard Structural Declarations */

#page {
    width: 980px;
    margin: 0px auto;
    text-align: left;
}

#pageHeader, #pageContent, .contentMain {
    width: 980px;
    clear: both;
    overflow: hidden;
}

#pageContent.contentPage .contentMain {
    height: auto;
    background-color: #f7f3cf;
    margin-bottom: -107px;
}

#pageContent.productPage .contentMain {
    background-color: #f7f3cf;
    height: 574px;
}

#pageHeader,
#pageHeader .contentLeft,
#pageHeader .contentRight {
    height: 95px;
    overflow: hidden;
}

.contentLeft {
    width: 320px;
}

.contentRight {
    width: 660px;
}

/* Header Styles and Structure */

#pageHeader {
    background-image: url(../images/common/header-olive-strip.gif);
    background-position: 0px 0px;
    background-repeat: repeat-y;
}

#pageHeader .contentRight{
    background-image: url(../images/common/background-dots.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.noLogo {
    padding: 19px 42px;
}

.noLogo a {
    float: left;    
}

.headerForms a,
.headerForms label,
.headerTop a {
    text-transform: lowercase;
}

.pageTitle {
    padding: 60px 0px 10px 20px;
}

.pageTitle h1 {
    font-size: 23.5px;
    line-height: 23px;
    color: #364a1b;
    text-transform: lowercase;
    font-weight: normal;
    float: left;
}

.pageTitle .categoryDot {
    overflow: hidden;
    width: 29px;    
}

.product .pageTitle {
    background-image: url(../images/common/product-header-dot.gif);
}

#page .headerForms,
#page .headerTop {
    float: right;
    clear: right;
    padding-right: 24px;
}

.headerTop {
    padding-top: 9px;
}

.headerTop a {
    float: left;
    font-size: 10px;
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
    border-right: solid 1px #b6b7b8;
    padding: 0px 6px 0px 5px;
    line-height: 23px;
}

.headerTop a.headerTopLast {
    border-right: none;
    padding-right: 0px;
}

.headerForms {
    padding-top: 34px;
}

.headerForms label {
    border-right: solid 1px #b6b7b8;
    padding: 0px 6px 0px 5px;
    margin-right: 6px;
    line-height: 20px;
    float: left;
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
    font-size: 10px;
}

.headerForms input,
.headerForms a{
    float: left;
    margin: 2px 0px;
}

#noSearchSubmit,
#noSubscribeSubmit {
    display: none;
}

.headerForms input {
    line-height: 14px;
    height: 14px;
    border-right: none;
    padding: 1px;
    width: 71px;
}

.headerSearch {
    padding-left: 16px;
}

/* Tabs */

.tab {
    width: 330px;
    cursor: pointer;
    float: left;
    height: 181px;
    overflow: hidden;
    text-decoration: none;
}

.tab span {
    float: left;
}

.tab:hover {
    text-decoration: none;
}

.tabHeader,
.tabSubHeader {
    float: left;
    height: 18px;
    width: 306px;
    padding-right: 10px;
    padding-left: 14px;
    clear: both;
    position: relative;
    z-index: 11;
}

.tabSubHeader {
    color: #FFFFFF;
    text-transform: lowercase;
    line-height: 18px;    
    font-family: arial, helvetica, sans-serif;
}    

.tabHeader h2 {
    color: #364A1B;
    text-transform: lowercase;
    line-height: 18px;
    padding: 0px;
    font-family: arial, helvetica, sans-serif;
}

.tabSubHeader p,
.tabSubHeader p a,
.tabSubHeader p a:visited {
    color: #FFFFFF;
    text-transform: lowercase;
    line-height: 18px;
    padding: 0px;
    font-family: arial, helvetica, sans-serif;
}

.tabSubHeader p a:hover {
    text-decoration: underline;
}

.tabHeader h2 {
    /*font-family: Georgia, roman, 'times new roman', times, serif; */
    font-size: 13px;
}

.tabHeader p {
    font-size: 10px;
}

.tabImage {
    position: relative;
    z-index: 8;
    bottom: 18px;
}

.tabHeaderOverlay {
    position: relative;
    z-index: 10;
    bottom: 199px;
}

.tabSubHeaderOverlay {
    position: relative;
    z-index: 9;
    bottom: 209px;
}

.tabs {
    width: 990px;
    background-color: #f7f3cf;
}

#page .tabCornerOverlay {
    position: relative;
    z-index: 9;
    bottom: 100px;
    right: 10px;
    float: right;
    
}

/* ProductPage  */

.product {
    background-image: url(../images/common/product-bg.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 574px;
    color: #FFFFFF;
    font-size: 11px;
}

#page .productBorderTop {
    float :right;
    width: 655px;
    background-color: #FFFFFF;
    padding: 13px 0px 2px;
    overflow: hidden;
}

#page .productBorderTopBorder {
    width: 655px;
    background-color: #d5d9bb;
    border-bottom: solid 1px #dbe2be;
    height: 6px;
    margin-bottom: 3px;
    overflow: hidden;
}

.productDots {
    position: absolute;
}

.productDotsInner {
    background-image: url(../images/common/product-dots-bg-v2.png);
    background-position: -6px 0px;
    background-repeat: no-repeat;
    height: 635px;
    width: 8px;
    padding-left: 2px;
    position: relative;
    left: 320px;
}

.productDotsInner img {
    position: relative;
    bottom: 61px;
    z-index: 10;
}

#page .productCorner {
    float: right;
}

#page .productCornerInner {
    position: relative;
    float: right;
    bottom: 106px;
}

#page .productContentWrapper {
    width: 660px;
    color: #455926;
}

#page .productLinks {
    padding-left: 30px;
    width: 328px;
}
#page .productCategories {
    float: right;
    width: 630px;
    height: 45px;
}

.productLeft {
    width: 390px;
    height: 502px;
    overflow:hidden;
}

#page .productRight {
    width: 236px;
    height: 502px;
    padding-right: 20px;
    float: right;
    overflow:hidden;
}

.productLinks ul,
.productLinks ul li,
.productCategories ul,
.productCategories ul li {
    float: left;
    color: #FFFFFF;
    padding: 0px;
    list-style-type: none;
}

.productCategories ul {
    padding: 13px 0px 5px 0px;    
}

.productLinks ul li,
.productCategories ul li {
    padding-right: 10px;
}

.productCategories ul li {
    padding-bottom: 7px;
}

.productLinks ul li a .catListTitle,
.productLinks ul li a .catListDot,
.productCategories ul li a .catListTitle,
.productCategories ul li a .catListDot {
    float: left;
    color: #455926;
    line-height: 15px;
    padding-right: 10px;
    text-transform: lowercase;
}

.productLinks ul li a span,
.productLinks ul li span {
    font-size: 11px;
}

.productBottom {
    height: 33px;
    background-image: url(../images/common/prod-bottom-border.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.productLogo {
    height: 80px;
    padding: 10px 0px;
    text-align: center;
}

.productPackage,
.productLogo,
.productViewWrapper {
    text-align: center;
    width: 236px;
}

.productPackage {
    padding-bottom: 10px;
    height: 393px;
}

.productRight .standardProduct {
    position: relative;
    z-index: 100;
}

.productRight .standardProduct img {
    position: relative;
    z-index: 100;
}

.productTitle {
    padding-top: 18px;
    padding-bottom: 9px;
    width: 325px;
}

.productTitleBorder {
    float: left;
    overflow: hidden;
    width: 217px;
    height: 1px;
    background-color: #455926;
    opacity:0.65;
    filter:alpha(opacity=65);
}

.productContent {
    padding-left: 30px;
    width: 328px;
    clear: both;
}

.productTitle h1 {
    text-transform: lowercase;
}

.productDetail h3 {
    font-size: 13px;
    padding-bottom: 10px;
}

.productDetail {
    padding-top: 5px;
    clear: both;
    width: 360px;
    padding-bottom: 12px;
    min-height: 216px;
    overflow: hidden;
}

.productDetail h2 {
    padding-bottom: 9px;
    line-height: 24px;
    padding-top: 0px;
}

.fastFacts {
    width: 343px;
    padding-left: 5px;
    clear: both;
    overflow: hidden;
    height: 185px;
}

.ffTitle {
    overflow: hidden;
    width: 183px;
    height: 16px;
    padding-bottom: 3px;
}

.ffTitle h3{
    line-height: 16px;
    position: relative;
    z-index: 10;
    font-size: 10px;
    padding-left: 25px;
    color: #FFFFFF;
}

.fastFact {
    position: relative;
    z-index: 10;
}

.fastFactBG {
    position: relative;
    z-index: 5;
}

.ffTitle .fastFactBG {
    display: block;
    bottom: 16px;
}

/* .fastFacts ul {
    background-image: url(../images/common/fast-fact-bg.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
} */

.fastFacts ul,
.fastFacts ul li  {
    padding: 0px;
    float: left;
    clear: both;
    list-style-type: none;
    width: 343px;
    cursor: pointer;
}

.fastFacts ul li {
    height: 23px;
    /* overflow: hidden; */
}

.fastFacts ul li .fastFact {
    float: left;
    color: #FFFFFF;
    width: 313px;
    clear: both;
    overflow: hidden;
    height: 23px;
    line-height: 23px;
    font-size: 10px;
    padding-left: 25px;
}

.fastFacts ul li .fastFactBG {
    bottom: 23px;
    float: left;
    height: 23px;
    width: 343px;
    clear: both;
    
}

.catListPDF {
    position: relative;
    bottom: 3px;
}

/* Content Page */

.content {
    background-color: #FFFFFF;
    background-image: url(../images/common/product-dots.jpg);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    color: #767375;
    font-size: 11px;
    min-height: 576px;
}

.content h1,
.content h2,
.content h3,
.content h5 {
    color: #7E2B0E;
    padding-bottom: 14px;
}

.content h3 {
    text-transform: none;
}

.content p, 
.content ul,
.contentCopyright p {
    font-size: 12px; /* font-size: 11px; */
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
    color: #767375;
}

.content h2 {
    font-size: 16px;
    line-height: 18px;
}

.content h4{
    color: #6d6b0b;
}

#page .contentCopyright {
    float: right;
    position: relative;
    bottom: 27px;
}

#page .contentBorderTop {
    float :right;
    width: 655px;
    background-color: #FFFFFF;
    padding: 13px 0px 0px;
    overflow: hidden;
    margin-bottom :3px;
}

#page .contentBorderTopBorder {
    width: 655px;
    background-color: #d5d9bb;
    border-bottom: solid 1px #dbe2be;
    height: 6px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.contentDots {
    position: absolute;
}

.contentDotsInner {
    background-image: url(../images/common/product-dots-bg-v2.png);
    background-position: -6px 0px;
    background-repeat: no-repeat;
    height: 635px;
    width: 8px;
    padding-left: 1px;
    position: relative;
    z-index: 20;
    left: 320px;
}

.contentDotsInner img {
    position: relative;
    bottom: 61px;
    z-index: 10;
}

#page .contentCorner {
    float: right;
}

#page .contentCornerInner {
    float: right;
/*    position: relative;
    bottom: 106px; */
}

#page .contentWrapper {
    width: 470px;
    padding: 29px 0px 30px 54px;
}

/* Product tooltip*/

.toolTipDisplay {
    opacity:0.0;
    filter:alpha(opacity=0);
    display: none;
    position: relative;
    bottom: 243px;
    z-index: 200;
    background-color: #F7F3CF;
    border: 1px solid #e0ddbf;
    width: 211px;
    left: 339px;
    padding: 5px;
    color: #000000;
}

.fastFactTipBtn,
.fastFactTipBtn:link,
.fastFactTipBtn:visited {
    color: #F7F3CF;
    font-style: italic;
    float: right;
    padding-right: 10px;
}

.toolTipDisplay h3 {
    font-size: 13px;
    font-style: italic;
    color: #000000;
    padding-bottom: 10px;
}

.tipCloser,
.tipCloser:link,
.tipCloser:visited {
    text-align: right;
    float: right;
    color: #000000;
    text-decoration: underline;
}

.tooltip {
    display: none;
}

.tipContent {
    display: block;
}

#page .nextPrevButtons {
    float: left;
    clear: both;
    position: relative;
    bottom: 69px;
    left: 35px;
    width: 155px;
    z-index: 175;
    height: 26px;
    padding-right: 20px;
}

#page .nextPrevBg {
    clear: both;
    float: left;
    width: 155px;
    height: 26px;
    position: relative;
    z-index: 150;
    bottom: 43px;
    left: 35px;
    padding-right: 20px;
}

.nextPrevButtons a,
.nextPrevButtons a:visited,
.nextPrevButtons a:link{
    color: #455926;
    font-weight: bold;
    line-height: 26px;
    width: 75px;
    position :relative;
    z-index: 200;
}

.nextPrevButtons .nextProduct {
    float: right;
    text-align: right;
}

.nextPrevButtons .previousProduct {
    float: left;
    text-align: left;
}

.prevProdBG {
    float: left;
    height: 26px;
    position: relative;
    z-index: 150;
    left: 54px;
}

.nextProdBG {
    position: relative;
    z-index: 150;
    float: right;
    height: 26px;
    right: 32px;
}


/* Search Results Form */

#page .searchResultsForm {
    float: none;
}

.searchResultsForm form {
    padding-bottom: 10px;
}

#searchFormKeywords {
    padding: 1px;
    width: 200px;
    margin-right: 10px;
}

#page .searchResultsForm form,
#page .searchResultsForm div {
    float: none;
    display: block;
}

.searchResultsSummary {
    padding-bottom: 10px;
}

.searchResultsForm ul,
.searchResultsForm ul li {
    padding-left: 0px;
    list-style-type: none;
} 

.searchResultsForm h3 {
    color: #6D6B0B;
    font-size: 14px;
}

#searchResultsFormContainer {
    padding-bottom :10px;
}

.searchResultsForm ul li h3 a {
    color: #7E2B0E;
    font-size: 14px;
    font-weight: normal;    
}

.searchResultsForm ul li a{
    color: #7E2B0E;
    font-size: 14px;
    font-weight: bold;
}

.searchResultMatch {
    color: #7E2B0E;
    font-weight: bold;
}

#luceneInternalSearchSubmit {
    display: none;
}