@import url("/css/clearfix.css");
@import url("/css/slider.css");

body 
{
    background-color:#1e4277;
    color:#4d2421;
    font-size:0.8em;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.7em;
}

a {color:#4d2421; text-decoration:none; outline: none;}
a:hover {color:#1e4277; text-decoration:none;}

.ui-fade-rollover {display:block;}

img {border:0px;}
.clear { clear:both;}
#site {margin:0 auto; width:1025px; height:707px; background-image: url(/images/siteBkgd.jpg); background-repeat:no-repeat;  }
#content {margin:0 auto; position:relative; top:30px; right:2px; width:960px; height:650px; background-color:#fff3c4; }

#header {width:960px; height:147px;}
#header .logo {float:left; height:147px; width: 252px; background: transparent url(/images/nav/home_blue.jpg) no-repeat; }
#header .nav { float: left; display: block; float:left; width: 708px; height: 112px; position: relative; margin: 0 0 0 0px; background: transparent url(/images/header/navGrill.jpg) no-repeat; }

/*Different nav backgrounds*/
#header.grill .nav { background: transparent url(/images/header/navGrill.jpg) no-repeat; }
#header.rWood .nav { background: transparent url(/images/header/navRoughWood.jpg) no-repeat; }
#header.wood .nav { background: transparent url(/images/header/navWood.jpg) no-repeat; }
#header.rWood .logo { background: transparent url(/images/nav/home_brown.jpg) no-repeat; }
#header.baked .logo { background: transparent url(/images/nav/home_blue_baked.jpg) no-repeat; }

/*Navigation Elements*/
.nav li { position: absolute; display: block; overflow: hidden; }
.nav li#beanBenefits { left: 187px; top: 45px; width: 129px; height: 30px; }
.nav li#products { left: 441px; top: 45px; width: 81px; height: 24px; }
.nav li#bakedBeans { left: 63px; top: 79px; width: 145px; height: 31px; }
.nav li#varietyBeans { left: 305px; top: 74px; width: 132px; height: 32px; }
.nav li#recipes { left: 545px; top: 79px; width: 89px; height: 28px; }

#popin {/*background-image: url(/images/popinBkgd.gif);*/ width:481px; height:436px;} 
#popin .content {width:100%; margin:0px 50px 50px 50px; width:386px; height:400px;}
#popin .recipeInfo {padding-top:20px;}
#popin .close {position:relative; z-index:100; left:365px; top:30px; width:35px;}

.primaryContent {float:left; width:409px;}
.homeSecondaryContent {background-image: url(/images/homePaper.jpg); float:left; width:551px; height:503px;}
.secondaryContent {background-image: url(/images/paper.jpg); float:left; width:551px; height:503px;}

.content {margin:70px 10px 70px 90px; width:365px;}
.slideContent {margin:70px 10px 70px 40px; width:325px;}
.stationaryContent {margin:70px 10px 20px 90px; width:365px;}
.back {float:left; width:35px; margin-top:190px; margin-left:55px;}
.more {float:left; width:35px; margin-top:190px;}
.space {margin-right:10px;}
.disclaimer {font-size:0.7em; line-height:1.1em;}

#footer {margin:60px 30px; color:#FFF; font-size:0.75em;}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {color:#bfbfbf; text-decoration:none;}
#footer .copyright {float:right; width:300px;}


/*From Myke*/
#discover{position: absolute; top: 601px; left: 560px; width: 219px; height: 19px;}
.rebateFormTB{
    height: 14px;
    width: 205px;
    margin-top: -3px;
    margin-bottom: 3px;
    
}

#nutBenBG{
    position: absolute;
    top: 40px;
    right: 40px;
    background-image: url(/images/beans.png);
    width: 235px;
    height: 321px;
}

/*V2 Additions*/
a { color: #1e4277; text-decoration: underline; }
a:hover { text-decoration: none; }
a.dark { color: #4d2421; text-decoration: none; outline: none; }
/*.slideContent.bakedBeans { margin-top: 112px; }*/
.listCTA { display: block; color: #4d2421; font-size: 14px; text-align: center; clear: both; padding-top: 20px; }
.contentslider { height: 305px; }


ul.varietyBeans { position: relative; list-style: none; margin-top: 20px; margin: 0px; padding: 0px; }
ul.varietyBeans li { position: absolute; top:45px; width: 123px; height: 134px; font-weight: bold; text-align: center; line-height: 1.2em; margin: 0px; padding: 0px; }
ul.varietyBeans li.product1 { left: -3px; }
ul.varietyBeans li.product2 { left: 116px; }
ul.varietyBeans li.product3 { left: 234px; }
ul.varietyBeans li div { width: 100px; text-align: center; margin: 0 auto; }

ul.bakedBeans { position: relative; list-style: none; margin: 0px; padding: 0px; }
ul.bakedBeans li { width: 100px; float: left; font-weight: bold; text-align: center; line-height: 1.2em; margin-right: 20px; }
ul.bakedBeans div { width: 100px; text-align: left; }

ul.bakedBeans.page { position: relative; list-style: none; margin-top: 40px; padding: 0 0 0 45px; }
ul.bakedBeans.page li { width: 119px; float: left; font-weight: bold; text-align: center; line-height: 1.2em; margin-right: 20px; }
ul.bakedBeans.page div { width: 119px; text-align: center; }

.recipes .cs_rightBtn, .recipes .cs_leftBtn { top: -125px; }

.popinNote { position: absolute; bottom: 23px; left: 0px; width: 360px; text-align: center; }


.discoverTxt { position: absolute; bottom: 32px; left: 559px; width: 227px; height: 21px;  }
.discoverImage { position: absolute; bottom: 0px; left: 794px; width: 150px; height: 150px; z-index: 100; }