/* --GLOBAL-- */

      * {font-family:arial,verdana,helvetica; color:#000; font-weight:normal; font-size:100%; }

      body { margin-top:0; margin-left:auto; margin-right:auto; padding:0; font-size:85%; background-color:#fdca75; }

      div#container { margin-top:25px; margin-left:auto; margin-right:auto; width:800px; background-color:#fff; border:1px; }
		
  	  h2 { font-size:150%; font-weight:bold; }
      h3 { font-size:110%; font-weight:bold; }
		
      .logo { width:320px; }
      .brackets { width:475px; text-align:right; padding:0 10px 10px 0; }

		.navlink{font-weight:bold; color:#e36c19; text-decoration:none; font-family:arial,verdana,helvetica;}

	
/* -- HORIZONTAL TOP NAVIGATION -- */		
		
        #nav { background-color:#ffcb66; width:100%; height:20px; }

        #nav ul { text-align:center; list-style-type:none; width:100%; }
        
        #nav li { float:left; }
        
        #nav li a { display:block; color:#e36c19; font-weight:bold; padding-top:2px; padding-right:30px; }
        
        #nav li a:link { color:#e36c19; text-decoration:none; }
        #nav li a:visited { color:#e36c19; text-decoration:none; }
        #nav li a:hover { color:#c71533; text-decoration:none; }
        #nav li a:active { color:#e36c19; text-decoration:none; }


/* -- INSIDE PAGES VERTICAL TEXT NAVIGATION -- */
		
        #vnav { width:100%; font-size:12px; margin-top:-13px;}
        #vnav ul { list-style-type:none; width:100%; }
               
        #vnav li {float:left; clear:both; padding-bottom:0px; }
               
        #vnav li a { color:#000000; padding-right:15px;  padding-bottom:0px;}

        #vnav li a:link { color:#000000; text-decoration:none; }
        #vnav li a:visited { color:#000000; text-decoration:none; }
        #vnav li a:hover { color:#0fa6b8; text-decoration:none; }
        #vnav li a:active { color:#000000; text-decoration:none; }
        
        
/* -- PRODUCT IMAGES - PICS AND TEXT -- */

        .skim_milk { width:400px; text-align:left; padding-top:-5px; }
        .skimplus { text-align:right; padding-top:2px; padding-right:50px;}
        .plus { text-align:center; font-size:130%; padding-top:0; padding-left:50px; }
        .taste { text-align:center; font-size:150%; padding-left:40px; }
        .r {font-size:65%; }

/* -- COPY -- */

        .milk { background-image:url("image/milk.jpg"); background-repeat:no-repeat; text-align:right; }
        .nomilk { text-align:right; }
        
        .rotaters{display:none;}
        .copy { background-image:url("image/copy_background.png"); text-align:justify; margin-right:25px;}
        .bcopy { background-color:#ffffff; margin:0 10px 0 10px; text-align:justify; }
        .polcopy { line-height:150%; padding:20px 50px 30px 10px; margin-left:50px; margin-top:0; font-size:85%; color:#222220; }
        .pcopy {margin-top:0px; padding-top:0px;}        
        .pcopy { line-height:200%; padding:20px 50px 0 10px; margin-left:50px; margin-top:0; color:#222220; }
        .map {padding-left:50px; }
        .pdlg { line-height:150%; padding:20px 50px 0 10px; margin-left:50px; margin-top:0; color:#222220; }
        .plil { line-height:150%; padding:20px 50px 0 10px; margin-left:50px; margin-top:0; color:#222220; }
        .plil2 { line-height:110%; padding:20px 50px 0 10px; margin-left:50px; margin-top:0; color:#222220; }
        .pcli1 { line-height:110%; padding:20px 50px 0 10px; margin-left:50px; margin-top:0; color:#222220; }
        .form { line-height:110%; padding:20px 50px 0 10px; margin-left:50px; margin-top:0; color:#222220; }
        .pbrands { line-height:100%; padding:20px 10px 20px 40px; margin-left:10px; margin-top:0; color:#222220; }
        .events { text-align:center; width:750px; margin-left:20px; }
       	.haccp { line-height:110%; padding:20px 10px 20px 40px; margin-left:10px; margin-top:0; color:#222220; }
        .srl { line-height:110%; padding:10px 10px 10px 80px; margin-left:10px; margin-top:0; text-align:left; color:#222220; width:350px; }
        .srr { line-height:110%; padding:10px 10px 10px 40px; margin-left:25px; margin-top:0; color:#222220; width:400px; }
        .aamcopy { line-height:200%; padding:0px 50px 0 10px; margin-left:50px; margin-top:0; color:#222220; }
        .aam { line-height:150%; padding:0px 10px 0 10px; margin-left:120px; margin-top:0; color:#222220; background-color:#fdca75; border:#c71533 1px; }
        td.chalkboard { margin-top: 15px; background-image: url('image/image_chalkboard.jpg'); background-repeat:no-repeat; width:400px; text-align:center; }
        .chalkboard_copy { line-height:160%; padding:0px 15px 35px 15px; font-size:90%; color:#ffffff; } 
        .new_look { line-height:105%; padding:0px 15px 0px 15px; font-size:85%; color:#222220; } 
        .recipes { line-height:100%; padding:0 0 0 15px; font-size:90%; color:#222220; }
        .gallery { margin-left:175px; padding: 10px 20px 10px 20px; }
		.coupon  { margin: 20px auto 20px auto; }

/* -- PRESS RELEASE ALIGNMENT -- */        
        
        .prtable { margin-top:-30px; }
        .prcopy { line-height:120%; padding:20px 0 0 10px; margin-left:50px; margin-top:10px; color:#222220; }
        .prcopyr { line-height:120%; padding:20px 0 0 10px; margin-left:50px; margin-top:0; color:#222220; }
        
        
/* -- COLORS -- */        
             		
        .red { color:#c71533; }
        .teal { color:#0fa6b8; }
        .orange { color:#ffcb66; }
        .gray { color:222220; }
        
        
/* -- DOTS -- */
        		
        .hdot { width:90%; text-align:center; }
        .hbdot { width:90%; text-align:center; margin-top:-20px; }
        .vdot { padding:15px 10px 15px 10px; }
        .botbox { width:260px; }
            
        div#cleardiv { clear:both; height:1em; }
		
		
/* --INDEX PAGE FOOTER -- */
		
        div#footer { width:100%; text-align:left; font-size:12px; color:#000; font-weight:normal; }
        
        #fnav { width:100%; }

        #fnav ul { list-style-type:none; width:100%; }
        
        #fnav li { float:left; }
        
        #fnav li a { display:inline; color:#000000; padding-right:15px; }
        
        #fnav li a:link { color:#000000; text-decoration:none; }
        #fnav li a:visited { color:#000000; text-decoration:none; }
        #fnav li a:hover { color:#c71533; text-decoration:none; }
        #fnav li a:active { color:#000000; text-decoration:none; }



/* -- NOT SURE ABOUT THIS           
             
                #fnav li a { display:block; color:#000000; padding-left:10px; width:200px; }
-- */


/* -- POPUP -- */

		div#popup a span {display: none;}
		
		
		div#popup a:hover span {display: block;
		   position: absolute; top: 200px; left: 0; width: 125px;
		   padding: 5px; margin: 10px; z-index: 100;
		   color: #AAA; background: black;
		   font: 10px Verdana, sans-serif; text-align: center;}


/* --INSIDE PAGES FOOTER-- */
           
        div#ifooter { width:100%; text-align:left; font-size:12px; color:#000; font-weight:normal; }
               
        #ifnav { width:100%; }

        #ifnav ul { list-style-type:none; width:100%; }
               
        #ifnav li { float:left; }
               
        #ifnav li a { display:inline; color:#000000; padding-left:10px; }
               
        #ifnav li a:link { color:#000000; text-decoration:none; }
        #ifnav li a:visited { color:#000000; text-decoration:none; }
        #ifnav li a:hover { color:#c71533; text-decoration:none; }
        #ifnav li a:active { color:#000000; text-decoration:none; }
        
        
        #icon {clear:both; float:right; margin-top:-35px;}
        #icon ul { list-style-type:none; }
        #icon li { float:right; }
        #icon li a { display:inline; color:#000000; padding-right:15px; }
        #icon li a:link { color:#000000; text-decoration:none; }
        #icon li a:visited { color:#000000; text-decoration:none; }
        #icon li a:hover { color:#c71533; text-decoration:none; }
        #icon li a:active { color:#000000; text-decoration:none; }

        
/* -- STANDARD LINK ACTIVITY -- */

        a:link  { color:#c71533; text-decoration:none; }
        a:visited { color:#c71533; text-decoration:none; }
        a:hover { color:#000000; text-decoration:none; }
        a:active { color:#c71533; text-decoration:none; }
        
/* -- SITEBY ACTIVITY -- */

div#siteby {
        margin:5px;
        font-size:70%;
        color:#000000;
        text-align:center;
}

div#coupon_siteby {
        margin-top:5px;
        margin-right:40px;
        font-size:75%;
        color:#000000;
        text-align:right;
}