﻿/* CSS Document */
html, body, form
{
height: 100%;
border:0px;
padding:0px;
margin:0px;
background-color:#f8f8ea;
}

a{
text-decoration:none;
color:#6b4030;
outline:none;
}

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:Trebuchet MS, Verdana;
line-height:16px;
color:#2e2e2e
}

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;
padding-top:20px;
overflow:hidden
}

#featuresub{
width:960px;
margin-left:auto;
margin-right:auto;
}

#featuresub a
{
    color:#3a373e;
}

	#feature #left{
	float:left;
	width:452px;
	margin-right:25px;
	margin-left:5px;
	}
	
	#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 #fcenter{
	float:left;
	margin-right:25px;
	height:297px;
	width:210px; background-image: url(../img/recipes_home_splash.jpg);
	}
	
	#feature #right{
	float:left;
	width:236px;	
	}
	
	#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}


div.ullistft ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style:none
}
 
div.ullistft li {
  float: left;
  width: 43%;
  margin: 0;
  font-size:10px;
  background-image: url(../img/li_icon.png);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 18px; /* left padding moves the text away from the bullet */
}

.emphasize
{
font-family:Georgia, Times New Roman;
font-size:28px;	
color:#642200;
line-height:32px
}

.emphasizesub
{
font-family:Trebuchet MS, Verdana;
font-size:18px;	
color:#cd8231;
line-height:21px
}

.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{    
    text-align:left;
    padding:2px 30px;
    height:36px;
    background-color:#e7e7cf;
    margin-right:8px;
    margin-bottom:40px;
    border:1px solid #ebe6e0
}

.btnWhereToBuy{    
    text-align:left;
    padding:2px 30px;
    height:36px;
    background-color:#e7e7cf;
    margin-right:8px;
    margin-bottom:40px;
    border:1px solid #ebe6e0
}

.btnRecipes{    
    text-align:left;
    padding:2px 30px;
    height:36px;
    background-color:#e7e7cf;
    margin-right:8px;
    margin-bottom:40px;
    border:1px solid #ebe6e0
}

.btnNutrition{    
    text-align:left;
    padding:2px 30px;
    height:36px;
    background-color:#e7e7cf;
    margin-right:8px;
    margin-bottom:40px;
    border:1px solid #ebe6e0
}

.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;}
	
	
	

.mildopaque{
 opacity:0.85;  
 filter:alpha(opacity=85);  
 -moz-opacity:0.85;  
}



.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 914px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  914px;
    height: 364px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 914px;
    height: 364px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {

}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {

}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 142px;
    right: 5px;
    width: 61px;
    height: 61px;
    cursor: pointer;
    background: transparent url(../img/rotator_next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}


.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 142px;
    left: 5px;
    width: 61px;
    height: 61px;
    cursor: pointer;
    background: transparent url(../img/rotator_previous.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}



