@import url('styles.css');

h2 {
font-weight:lighter;
}

#leftNav ul li.leaf {
padding: 0 0 5px 25px;
margin: 0;
}



#promo {
float:left;
padding: 10px 0;
}


#leftCol {
padding-top:20px;
}

#rightCol {
padding-top:20px;
}


#leftCol h2 {
width:155px;
float:left;
margin:0;
padding:10px 0 0 5px ;
}

#leftCol p {
width:155px;
float:left;
padding-left: 5px;
}

#leftCol img.prodFeature {
float:left;
padding: 0 10px 0 20px;
}


#rightCol h2 {
width:155px;
float:left;
margin:0;
padding:10px 0 0 5px;
}

#rightCol p {
width:155px;
float:left;
padding-left: 5px;
}

#rightCol img.prodFeature {
float:left;
padding: 0 10px 0 20px;
}


#productShotCerealsLg {
float: left;
}

#productShotSnacksLg {
float: left;
}


.productShotCerealsLg {
float: left;
}

.productShotSnacksLg {
float: left;
}

#productDesc {
float: left;
position:relative;
z-index:400;
}

#cereals {
float: left;
width:375px;
}

#cereals h2 {
padding: 35px 0 10px 25px;
margin: 0;
}

#cereals p {
padding: 0 0 0 25px;
margin: 0;
font-size:12px;
}


#snacks {
float: left;
width:375px;
}

#snacks h2 {
padding: 45px 0 10px 25px;
margin: 0;
}

#snacks p {
padding: 0 0 0 25px;
margin: 0;
font-size:12px;
}


#productDesc h2 {
padding: 14px 0 0px 10px;
margin: 0;
}

#productDesc p {
font-size:12px;
line-height:1.3em;
padding: 0 20px 0 10px;
}

#productIngredients {
float: left;
padding: 0;
width: 385px;
}

#productIngredients p {
font-size:11px;
line-height:normal;
padding:10px 0 0 0;
margin: 0;
}

a.floatLink {
float:left;
padding: 2px 10px 0 5px;
text-transform:uppercase;
font-size:10px;
color:#404040;
}

.floatNutri {
clear:left;
float:left;
padding: 0 0 0 70px;
}




/* slider CSS */


        /* slider specific CSS */
        .sliderGallery {
            /* background: url(images/productbrowser_background_20070622.jpg) no-repeat;*/
            overflow: hidden;
            position: relative;
            /*padding: 10px;*/
            height: 215px;
            width: 635px;
			float:left;
			z-index:0;
			
			
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0px 0 0 0;
            margin: 0px;
           
                    }
        
        .sliderGallery UL LI {
            display: inline;			
			padding:0px;
			
			/*border: 1px solid #bbbbbb;*/
		
        }
		
		  .sliderGallery ul  li a:hover 
		  {
		    
  			cursor:pointer;
  
        }
		.sliderGallery UL LI img 
		{
		   /* border: 1px solid #fff;
			padding:0px;
			margin-right:-20px;*/
			}
       /* .sliderGallery UL LI a:hover img 
        {
            border: 1px solid #bbbbbb;
            padding:0px;
			margin-right:-20px;
        }*/
        .slider {
            width: 635px;
            height: 35px;
          /*  margin-top: 140px;
            margin-left: 5px; */
			padding: 1px;
            position: relative;
            background:url(/images/bg_scroller.gif) left center no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 35px;
            width: 53px;
            top: 0;
            background: url(/images/scroller_icon.gif) no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 156px;
        }

        .slider .slider-lbl4 {
            left: 280px;
        }

        .slider .slider-lbl5 {
            left: 455px;
        }

#productNutritional1, #productNutritional2, #productNutritional3, #productNutritional4, #productNutritional5, #productNutritional6, #productNutritional7, #productNutritional8, #productNutritional9, #productNutritional10 {
display: none;
position:absolute;
left:225px;
top:35px;
}

#productDesc2, #productDesc3, #productDesc4, #productDesc5, #productDesc6, #productDesc7, #productDesc8, #productDesc9, #productDesc10 {
display:none;
}
