/* CSS Document */
html, body, form
{
height: 100%;
border:0px;
padding:0px;
margin:0px;
background-color:#fff;
}

a{
text-decoration:none;
color:#6b4030;
outline:none;
font-size:12px;
font-family:segoe ui, trebuchet ms;
line-height:19px;
}

a.psbbtn{color:#3a373e !important;background-color:#fff;display:block;padding:3px 6px;border:1px solid #d1d1d1;text-align:left;margin:4px 9px;}

div, td, p, a, .txtfld, .button{
font-size:12px;
font-family:segoe ui, trebuchet ms;
line-height:19px;
}

img{
border:0px;
outline:none;
}

.ulmod ul
{
    margin:0px;
    padding-left:14px;
    text-align:left;
    font-size:11px
    }

.googlecart-add-button{
    background-image:url(img/btn_AddtoCart.jpg) !important;
}


#container {
		min-height:100%;
		position:relative;
	}
	#body {
		padding-bottom:44px;	/* Height of the footer */
	}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
        height: 41px;
        text-align: center;
        font-size:10px;
        background-image:url(../img/footer_bg.jpg);
        background-position:top;
        background-color:#d9d7ae;
	}


#header{
width:100%;
height:48px;
background-color:#3a373e;
border-bottom:2px solid #e7e7cf;
z-index:50;
}
	
	#nav{
	width:960px;
	position:relative;
	margin:0px auto;
	height:48px;
	color:#fff;
	z-index:3000;
	}
	
#maincover{width:100%;position:absolute;left:0px;top:50px;background-color:#cccc99;z-index:400;height:418px;}

#eyecandy{
width:100%;
height:418px;
background-color:#cccc99;
border-bottom:2px solid #e7e7cf;
z-index:50;
}

#eyecandysub{
width:100%;
height:246px;
background-color:#cccc99;
border-bottom:2px solid #e7e7cf;
z-index:50;
}

#splatter{
width:100%;
height:418px;
position:absolute;
left:0px;
top:50px;
background-image:url(../img/sackrpt.jpg);
background-color:#cccc99;
z-index:60; 
}

#splattersub{
width:100%;
height:246px;
position:absolute;
left:0px;
top:50px;
background-image:url(../img/burlaprpt.jpg);
background-color:#cccc99;
z-index:60; 
}

#bag{
width:1250px;
height:418px;
position:relative;
margin:0px auto;
z-index:70; 
text-align:center;
overflow:hidden;
}

#tagline{
width:1250px;
height:46px;
position:absolute;
left:50%;
margin-left:-625px;
top:422px;
background-color:#3f1d13;
background-image:url(../img/brownbar_fabric.jpg);
z-index:80; 
}

#taglineover{
width:1250px;
height:33px;
position:absolute;
left:50%;
margin-left:-625px;
top:422px;
z-index:101; 
text-align:center;
font-size:20px;
color:#f3cf65;
font-family:Times New Roman;
font-style:oblique;
padding-top:13px;
cursor:pointer;
}

#taglineover a{
font-size:20px;
color:#f3cf65 !important;
font-family:Times New Roman;
font-style:oblique;
cursor:pointer;
}

#lcover{
position:absolute;
left:50%;
margin-left:-625px;
top:50px; 
background-image:url(../img/lCover.png);
width:121px;
height:418px;  
z-index:85; 
}

#rcover{
position:absolute;
left:50%;
margin-left:471px;
top:50px; 
background-image:url(../img/rCover.png);
width:154px;
height:418px;  
z-index:85; 
}

#logobg
{
background-color:#3a373e;
width:146px;
height:372px;
position:absolute;
left:50%;
margin-left:-460px;
top:50px; 
z-index:86;
}

#trulogo
{
width:146px;
height:204px;
position:absolute;
left:50%;
margin-left:-460px;
top:50px; 
z-index:87;
background-image:url(../img/truLogo.png)
}

#bagsub{
width:978px;
height:246px;
margin-left:-489px;
position:absolute;
left:50%;
top:50px;
z-index:70; 
display:none;
text-align:center;
}



#tshadow{
width:100%;
height:41px;
position:absolute;
left:0px;
top:50px; 
background-image:url(../img/tshadow.png);
background-repeat:repeat-x;
z-index:100;
}

#bshadow{
width:100%;
height:41px;
position:absolute;
left:0px;
top:427px; 
background-image:url(../img/bshadow.png);
background-repeat:repeat-x;
z-index:100;
}

#bshadowsub{
width:100%;
height:41px;
position:absolute;
left:0px;
top:255px; 
background-image:url(../img/bshadow.png);
background-repeat:repeat-x;
z-index:100;
}

#eyecandyinner{
border:1px solid #d1ccb4;
width:946px;
height:380px;
}

#eyecandyinnerinner{
border:4px solid #ebe9dc;
width:938px;
height:372px;
}

#eyecandySubinner{
border:1px solid #d1ccb4;
width:948px;
height:178px;
}

#eyecandySubinnerinner{
border:4px solid #ebe9dc;
width:940px;
height:170px;
}

#feature{
width:960px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
padding-top:20px;
overflow:hidden
}

#featuresub{
width:960px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}

#featuresub a
{
    color:#3a373e;
}

	#feature #left{
	float:left;
	width:652px;
	margin-right:50px;
	margin-left:10px;
	}
	
	#featuresub #left{
	float:left;
	width:676px;
	margin-right:30px;
	margin-left:10px;
	padding-top:20px;
	z-index:9000;
	}
	
	#featuresub #left #featurette{
	margin-top:20px;
	background-image: url(../img/bottom_featurette.png);
	}
	
	#feature #right{
	float:left;
	width:246px;	
	}
	
	#featuresub #right{
	float:left;
	width:235px;
	padding-left:1px;
	margin-top:10px;
	height:100%;
	}
	
	#feature #center{
	float:left;
	width:286px; 
	height:185px;
	margin-right:50px;
	overflow:hidden;
	}
	
	    .slideshow, .slideshow div{
	    width:286px !important;
	    }
	    
	    
        #pager {
        margin: 2px; 
        font-size:10px;
        }

        *#pager A {
        border: #e3e1e1 1px solid; 
        padding: 3px 5px 3px 5px; 
        margin: 2px; 
        background-color: #3a373e; 
        text-decoration: none; 
        color:#fff;
        }

        #pager A.activeSlide {
        background-color: #cccc99; 
        color:#3a373e; 
        font-weight:bold;
        }

        *#pager A:focus {	
        outline-style: none; 
        outline-color: invert; 
        outline-width: medium
        }  
    
	    
	
	#bodySub #center{
	padding-top:7px;
	padding-left:12px;
	}

/*#footer{
position:relative;
width:100%;
height: 40px;
text-align: center;
font-size:11px;
background-color:#e3e3e3;
border-top:4px solid #eaeaea;
margin-top: -7.5em;
}*/


#footer .finner{
width:940px;
margin:0px auto;
font-size:11px;
color:#404040;
padding:10px 10px;
text-align:left
}

#footer .finnerL{
width:470px;
float:left;
font-size:10px;
color:#404040;
text-align:left; line-height:20px

}

#footer .finnerR{
width:470px;
float:left;
font-size:10px;
color:#404040;
text-align:right; line-height:20px
}

div.ullist ul{list-style-type:square;padding:0px 16px;margin:0px;font-size:11px}
div.ullist li{margin-bottom:8px}

.emphasize{
font-size:20px;	
color:#3a373e;
}

.emphasizeSm, a.emphasizeSm{
font-size:16px !important;	
color:#3a373e;
}

.emphasizeWm, a.emphasizeWm{
font-size:13px !important;	
color:#000 !important;
line-height:26px;
font-weight:bold;
}

.standout{
background-image:url(../img/white.png);
padding:7px 12px 15px 12px;
}

.large{
font-size:14px;	
}

.bold{
    font-weight:bold;
}

.red{
color:#8e3029;	
}

.grey{
color:#666666;
}

.txtfld{
border:1px solid #aea89a;
}

.button{
border:1px solid #aea89a;
background-color:#cecbc2;
}

.btnFAQ{    
    line-height:34px;
    text-align:left;
    margin:0px auto;
    display:block;
    padding-left:50px;
    width:136px;
    height:36px;
    color:#fff !important;
    background-image:url(../img/psb_btn_faqsALT.png);
}

.btnFAQ:hover{
    line-height:34px;
    text-align:left;
    margin:0px auto;
    display:block;
    padding-left:50px;
    width:136px;
    height:36px;
    color:#fff !important;
    background-image:url(../img/psb_btn_faqsALTOver.png);
}

.btnWhereToBuy{    
    line-height:34px;
    text-align:left;
    margin:0px auto;
    display:block;
    padding-left:50px;
    width:136px;
    height:36px;
    color:#fff !important;
    background-image:url(../img/psb_btn_wheretobuyALT.png);
}

.btnWhereToBuy:hover{
    line-height:34px;
    text-align:left;
    margin:0px auto;
    display:block;
    padding-left:50px;
    width:136px;
    height:36px;
    color:#fff !important;
    background-image:url(../img/psb_btn_wheretobuyALTOver.png);
}

.btnRecipes{    
    line-height:34px;
    text-align:left;
    margin:0px auto;
    display:block;
    padding-left:50px;
    width:136px;
    height:36px;
    color:#fff !important;
    background-image:url(../img/psb_btn_recipesALT.png);
}

.btnRecipes:hover{
    line-height:34px;
    text-align:left;
    margin:0px auto;
    display:block;
    padding-left:50px;
    width:136px;
    height:36px;
    color:#fff !important;
    background-image:url(../img/psb_btn_recipesALTOver.png);
}

.btnNutrition{    
    line-height:34px;
    text-align:left;
    margin:0px auto;
    display:block;
    padding-left:50px;
    width:136px;
    height:36px;
    color:#fff !important;
    background-image:url(../img/psb_btn_nutritioninfoALT.png);
}

.btnNutrition:hover{
    line-height:34px;
    text-align:left;
    margin:0px auto;
    display:block;
    padding-left:50px;
    width:136px;
    height:36px;
    color:#fff !important;
    background-image:url(../img/psb_btn_nutritioninfoALTOver.png);
}

.divclear{
clear:both;
font-size:1px;
height:1px;
}

	.tblcont{clear:both;display:block;}
    .tblspan{font-size:16px;padding:12px 0px 12px 8px;}
    .tblspanSmall{font-size:11px;padding:12px 0px 12px 8px;background-color:#f8f8f8;}
    .tblspanSmallItal{line-height:20px;font-size:11px;padding:10px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background-color:#fff;font-style:italic;}
    .tbllcol{width:33%;float:left;}
    .tblrcol{width:67%;float:left;clear:right;}
    .tblinnr{padding:2px 0px 2px 6px;}
	.tblclear{height:1px;clear:both;}
	
	
	#jsddm	{
	margin: 0;
	padding: 0}
	
	#jsddm li{
	    float: left;
		list-style: none;
        font-size:14px;
		}

	#jsddm li a
	{	display: block;
		padding:14px 23px 14px 23px;
		text-decoration: none;
		font-size:14px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #403e44}
	
	#jsddm li a.current
	{	background: #3b393d !important; color:#cccc99;}

		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			}
		
		#jsddm li ul li
		{	float: none;
			display: inline;			
		}
		
		#jsddm li ul li a
		{	width: auto;
		 	text-align:left;
			background: #3a373e;
			font-size:12px;
			filter:alpha(opacity=95);
            -moz-opacity:.95;
            -khtml-opacity: .95;
            opacity: .95;
			}
		
		#jsddm li ul li a:hover
		{	background: #403e44;
		 	font-size:12px;
		 	filter:alpha(opacity=95);
            -moz-opacity:.95;
            -khtml-opacity: .95;
            opacity: .95;
		 	}
		 	
		 	#jsddm li ul li a.current
		{	background: #403e44;
		 	font-size:12px;
		 	filter:alpha(opacity=95);
            -moz-opacity:.95;
            -khtml-opacity: .95;
            opacity: .95;
		 	}

.mildopaque{
 opacity:0.85;  
 filter:alpha(opacity=85);  
 -moz-opacity:0.85;  
}