﻿/*  -------------------------------------------------------------------
    Reset - August 2008 ----------------------------------------------- */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, code,
    del, dfn, img, q, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        border:0;
        font-family:inherit;
        font-size:1em;
        font-style:inherit;
        font-weight:inherit;
        margin:0; padding:0;
        vertical-align:baseline;
    }	
    body { font-size:100.01%; line-height:1; }
    table { border-collapse:collapse; border-spacing:0; }
    caption, th, td { text-align:left; font-weight:normal; }
    blockquote:before, blockquote:after, q:before, q:after { content: ""; }
    blockquote, q { quotes:"" ""; }
    embed:hover, embed:active:hover, embed:visited:hover { border:0px #fff solid; }

    
/*  -------------------------------------------------------------------
    Redefine Tag ------------------------------------------------------ */
	body {
		background:url(../images/bg_body.gif) top left repeat-x;
		color:#8f8f8f;
		font:normal 13px Trebuchet MS, Arial, Verdana, sans-serif;
	}
	
	h1 {
		background:url(../images/border.gif) bottom left repeat-x;
		color:#717171;
		font-size:22px; line-height:26px;
		margin:0 0 18px;
		padding-bottom:20px;
	}
	
	h2 {
		font-weight:bold;
		font-size:14px;
		margin-bottom:10px;
	}
	
	a { color:#9a8448;}
	
	a:hover { color:#717171;}


/*  -------------------------------------------------------------------
    Shell ------------------------------------------------------------- */
	div#wrap {
        margin:0 auto;
        position:relative;
    }
	
	#wrapHTML {   
		background:url(../images/bg_top.jpg) top center no-repeat;
		margin:0 auto;
		width:100%; 
		min-height:722px;
		height:100%;
	}
	
	#wrapContent {
		width:975px;
		margin:0 auto;
		padding-top:380px;
	}
	
	#content {
	} 


/*  -------------------------------------------------------------------
    Header ------------------------------------------------------------ */	
	#top_title {
		position:absolute;
		top:90px; 
		margin-left:420px;
	}
	
	
/*  -------------------------------------------------------------------
    Content ----------------------------------------------------------- */	
	#content p { margin-bottom:15px; }
	
	h2 a, h2 a:hover { color:#8F8F8F; }
	
	table, td, tr { border:1px solid #999; }
		table { width:100%; margin-bottom:15px; }
		td { padding:3px; }
		
	/* Rules and Regulation */
	.padding1 { padding-left:25px; }
	.padding2 { padding-left:60px; }
	.padding3 { padding-left:90px; }
	.rules span.numbered { padding:0; }
	.rules h2 { text-decoration:underline; }
	.rules span { display:block; float:left; }
	
	object { outline:none; }
	
	
/*  -------------------------------------------------------------------
    Footer ------------------------------------------------------------ */
	#containerFooterMain {
		/*background-image:url(../images/bg_footer.jpg) no-repeat top left;*/
		border-bottom:1px #999 dotted;
		height:1px;
		margin-top:30px;
		z-index: 0;
	}
	
	#containerFooter { 
		margin:0 auto;
		width:972px;
	}				
		#footerRight { 
			background:#ff2d64 url(../images/t_corners.gif) no-repeat top left;
			float:right;
			height:35px;
			margin-top:-17px;
		}
			#footerRight span { 
				background:url(../images/t_corners.gif) no-repeat right -35px;
				color:#fff;
				display:block; 
				font-family:Georgia, "Times New Roman", Times, serif;
				font-weight:normal;
				height:21px;
				letter-spacing:-0.03em;
				font-size:17px;
				font-style:italic; padding:6px 13px 8px;
				text-align:center;
			}
		
		#footerBottom {
			clear:both;
			color:#666666;
			font-size:13px;
			margin:0 auto;
			padding-top:35px;
			width:670px;
			height:55px;
		}
			#footerBottom ul { list-style:none; }
				#footerBottom ul li { float:left; margin-right:42px; }
		
		
/*  -----------------------------------------------------------------------
	Menu Product ---------------------------------------------------------- */	
	/*Milk Products - NoScript*/
		#containerMainMenu.noscript {
			float:right!important;
			margin:5px 0 0 120px!important;
		}
		#containerMainMenu.noscript ul#m2 li { float:left; }
		#containerMainMenu.noscript ul#m2 li a { position:relative; }
	/*End Milk Products - NoScript*/
	
		#containerFooter #footerRight #containerMainMenu{ 
			width:341px;
			margin:60px 0px 0px 80px;
		}
		
			ul#m2, ul#m2 li {
				background:none;
				list-style:none;
				margin:0; padding:0;
			}
		
			ul#m2 { position:relative; }
				ul#m2 li { display:inline; }
				ul#m2 li a {
					border:0;
					display:block;
					position:absolute; bottom:0;
					outline:none;
					text-decoration:none;
					width:55px;
				}  
					ul#m2 li a span { position:absolute; left:-9999px; }  
					ul#m2 li a img {
						-ms-interpolation-mode:bicubic; /*IE7*/
						width:100%;
					} 		

	
/*  -----------------------------------------------------------------------
	Recipe List ----------------------------------------------------------- */
	#recipes { border-bottom:1px #ccc dotted; height:66px; }
	#recipe_nav {  
		left:50%; 
		margin-left:-495px; 
		padding:12px 0; 
		position:relative; 
		width:350px;
		display:none;
	}

	/*Recipe Menu*/
	ul#recipe_menu, ul#recipe_menu li {
		background:none;
        height:32px;
		list-style:none;
		margin:0; padding:0;
	}
	ul#recipe_menu li {
		float:left;
		border-left:1px #ccc dotted;
		padding:5px 10px;
		text-transform:lowercase;
	}
	ul#recipe_menu li.first { border:0; }
    ul#recipe_menu li#loader {
        border:none;
        display:none;
    }
	
		ul#recipe_menu li a, ul#recipe_menu li a:visited {
			border:0;
			color:#ff628b;
            display:block;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:15px; line-height:18px!important;
			font-style:italic;
			letter-spacing:-0.02em;
			text-decoration:none;
		}
		ul#recipe_menu li a span {
			display:block;
			padding:4px 13px 8px 13px;
			*padding:5px 13px 7px 13px; /*IE678*/
		}
			
		ul#recipe_menu li a.hover,
		ul#recipe_menu li a:hover,
		ul#recipe_menu li a:hover span,
		ul#recipe_menu li.selected a,
		ul#recipe_menu li.selected a span {
			background-image:url(../images/sm_corners.gif);
			background-repeat:no-repeat;
		}
	
		/*Hover*/
		ul#recipe_menu li a:hover,
		ul#recipe_menu li a:visited:hover { background-color:#fae4ea; color:#ff628b; }
		ul#recipe_menu li a:hover span,
		ul#recipe_menu li a:visited:hover span { background-position:right -60px!important; }
		
		/*Selected*/
		ul#recipe_menu li.selected a { background-color:#ddf3ff; background-position:left -30px; color:#2dbaff; }
		ul#recipe_menu li.selected a:hover { background-color:#fae4ea; color:#ff628b; background-position:left top; }
		ul#recipe_menu li.selected a span { background-position:right -90px; }		

	ul.list_smartcolumns, ul.list_smartcolumns li {
		background:none;
		margin:0; padding:0;
	}
	ul.list_smartcolumns {
		margin:0 auto;
		width:960px;/*For JS Disabled*/
		clear:both;
		position:relative;
	} 
	ul.list_smartcolumns li {
		display:inline;
		float:left;
		overflow:hidden;
		position:relative;
		width:240px; height:176px; /*For JS Disabled*/
	}
	ul.list_smartcolumns li .block_img img {
		display:block;
		-ms-interpolation-mode: bicubic; /*IE7*/
		width:100%;
		z-index:45;
	}	
	ul.list_smartcolumns li .block_content {
		background:url(../images/1px_pink80.png) repeat left top;
		display:none;
		position:absolute;
		top:0; left:0;
		width:100%; height:100%; /*ie6.css*/
		z-index:50;
	}
	ul.list_smartcolumns li .block_content_pad { padding:12px 15px 12px 15px; }
	
	ul.list_smartcolumns li .block_details {
		color:#fff;
		font-size:11px; line-height:13px;
		padding:10px 0 7px 0;
	}
	
	.block_content_pad a { color:#fff; }	
    
    .block_content_pad a.h2p5, .block_content_pad a:visited.h2p5 {
        font-family:Georgia, "Times New Roman", Times, serif;
        font-weight:normal;
        letter-spacing:-0.03em;
        font-size:20px; line-height:21px;
        text-decoration:none;
    }
    .block_content_pad a:hover.h2p5, .block_content_pad a:active.h2p5 { color:#FFCAD8; }
    
    .block_content_pad a.link1, .block_content_pad a:visited.link1 {
        border-bottom:1px dotted #fff;
        text-decoration:none;
    }
    .block_content_pad a.link1:hover, .block_content_pad a:active.link1 {
        border:none;
    }
	
	/*Title - 1st block*/
	ul.list_smartcolumns li.title {
		background-color:#2dbaff;
		color:#fff;
	}
	ul.list_smartcolumns li.title h2 {
		color:#fff;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		letter-spacing:-0.03em;
		font-size:30px; line-height:42px;
		font-style:italic;
		position:absolute;
		top:50%; margin-top:-25px;
		text-align:center;
		text-transform:lowercase;
		width:100%;
	}
	ul.list_smartcolumns li.title h2 em {
		display:block;
		font-size:16px; line-height:16px;
		margin-bottom:10px;
	}


/*  -----------------------------------------------------------------------
	Other ----------------------------------------------------------------- */
	object:active, div:active { outline: none; }
	object:focus, div:focus { -moz-outline-style: none; }
	
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    .clearfix {display:inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix {height:1px;} 
    .clearfix {display: block;}
    /* End hide from IE-mac */