/*
*	Daytona 50th Kroger
*	JJohnson | E-dreamz 2007
*	jjohnson@edreamz.com
*
*/

body{
	background: #ebebeb center top repeat-x;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #4c3a19;
}

a{color: #a31021;}

#nav{
	background-image:url(../images/nav/top/bkg_nav.gif);
	background-repeat:repeat-x;
	height: 33px;
	border-style:solid;
	border-top-width: 0;
	border-bottom-width: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-color:#000000;}
.main_nav_wrapper{width: 734px; margin: 0 auto; background: url(../images/nav/bkg_topnav.gif);}


#wrapper{
	width: 734px;
	background: #fff;
	margin: 0 auto;
	}
#wrapper .padding7{padding: 7px 7px 14px 7px;}

	
#masthead{
	position: relative;
	height: 155px;
	margin-top: 1px;
	}
	
.hdLeft {
	position: left;
	width: 171px;
	height: 107px;
	}
.hdRight {
	position: right;
	width: 548px;
	height: 107px;
	}

#masthead h1{
	position: absolute;
	left: 20px;
	top: 22px;
	background-image: url(../images/kroger_logo.gif);
	width: 143px;
	height: 114px;
	}	
#masthead h1 a{width: 143px; height: 114px;}

#masthead #flash{
	position: absolute;
	left: 220px;
	top: 1px;
	width:500px;
	height:74px;
	}

#masthead h3{
	position: absolute;
	left: 172px;
	top: 97px;
	background: url(../images/h-celebrate.gif) no-repeat left top;
	width: 438px;
	height: 35px;
}

.shadow {
	float: left;
	width: 719px;
	height: 11px;
	background: url(../images/shadow.gif) repeat-x left top;
	}
.shadowHome {
	width: 719px;
	height: 9px;
	background: url(../images/shadow_home.gif) repeat-x left top;
	}
	
.col_wrapper {
    background: url(../images/col_wrapper_bg.gif) repeat-y left top;
    width: 719px;
    float: left;
	}
	
#dashed_area{
	width: 100%;
    BACKGROUND: url(../images/dashed-bg.jpg) #f3f0de no-repeat left top;
	border-top: 1px dashed #bfbdb6;
	border-bottom: 1px dashed #bfbdb6;	
    padding: 5px 0 10px 0;
}

#dashed_area_games{
	width: 100%;
    /*BACKGROUND: url(../images/dashed-bg.jpg) #f3f0de no-repeat left top;*/
	border-top: 1px dashed #bfbdb6;
	border-bottom: 1px dashed #bfbdb6;	
    padding: 5px 0 10px 0;
}

.col_left{
    width: 475px;
	margin: 0 8px 8px 8px;
    position: relative;
    float: left;
}

.col_right{
	width: 199px;
	margin: 8px 9px 8px 8px;
    z-index: 1;
}



.news_item p.hd {
	font-weight: bold;
	background: url(../images/news_bg.gif) repeat-x; 
	padding: 4px 6px;
	width: 100%;
	}
.news_item p.hdHome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	}
.news_item .news_content{width: 295px; margin: 15px 8px 0 0;}
.news_item.news_text{width:100%; margin:15px 8px 0 0;}
.news_item a {color: #a31021;}
.news_item a.headlineTitle {color: #000000;}
.news_img{padding: 5px; background: #fff; margin: 8px;}

.login_form{background: #fffdee; padding-bottom: 15px;}
.login_form form{width: 180px; margin: 0; padding-left: 5px;}
.login_form .input{width: 170px; border: 1px solid #f0d8cc; padding: 2px;}
.login_form .field{margin: 6px 0 0 0;}

.enews{margin-top: 15px;}
.enews p{margin: 5px; padding: 2px;}

.games{width: 220px; margin-left: 0px;}
.recipe{width: 196px; margin-left: 3px;}
.race-fan{width: 215px; margin-left: 32px;}

.hd_img{padding: 3px; background: #fff; margin: 8px 0;}

.link{margin: 0 0 0 8px; color: #a31021; padding: 0; width: 150px; list-style: none;}

.link a{color: #a31021;}

.more{margin: 0px 5px 12px 5px; width:136px; }
.recipe .more{margin-top: 0px;}


.full_span, .full_span_col, .full_span_5050{ padding-right: 8px; padding-left: 8px;}
.full_span_col{ background-repeat:no-repeat; background-position: left top;}
.full_span_5050{ background-repeat:no-repeat; background-position: left top;}
.intro{border-bottom: 0px solid #e5e2d8; margin-bottom: 8px; color: #000; font-weight: normal;}
.tools{color: #999791; font-size: 10px; font-family: Verdana, Arial, sans_serif;}
.tools a{color: #790c0e; text-decoration: underline;}
.tools a:hover{text-decoration: none; }
#copyright a:hover{ text-decoration: none; }
#copyright a{ color: #FFFFFF; text-decoration: underline; }
#copyright a:visited { color: #FFFFFF; text-decoration: underline; }
/* .article_title{font-size: 20px; color: #666560; font-weight: bold; padding-top: 8px; padding-bottom: 15px;} */
.article_title{font-size: 20px; color: #666560; font-weight: bold; padding-top: 8px; padding-bottom: 2px;}
.article_text{color: #333230;}

.play_btn{/*width: 150px; text-align: right; padding: 35px 50px 0 0;*/}

.prizeinfo{width: 686px; height: 38px; background-image: url(../images/h-prizes-information.gif); margin: 0 0 0 8px; padding: 0;}
.prizecontent{width: 686px; margin: 10px 8px 10px 8px;}

.question{margin: 12px 0;}

.formfield{background: #f7f3e6 url(../images/formfield_bg.gif) no-repeat left top; border: 1px solid #cbbf8b; padding: 3px; font-size: 11px;}

.left,.right{/*padding-top: 25px;*/}
.right{width: 190px;}
.right a{color: #790c0e; text-decoration: underline; font-weight: bold;}
.right a:hover{text-decoration: none; }


.d500,.r1,.rtix,.pinfo{border: 1px solid #e5e2d8; margin: 10px 0; padding: 10px;}
.d500{/*background:  url(../images/d500_logo.gif) right center no-repeat;*/ border-width: 2px;}

#newsTable{color: #000; margin: 0 0 20px 0;}
#newsTable a{color: #790c0e; text-decoration: underline;}
#newsTable a:hover{text-decoration: none;}
#newsTable th{text-align: left; color: #ACAAA1; font-weight: normal; background: #f0f0f0; padding: 6px 0;}
#newsTable tr td{border-bottom: 1px dashed #e5e2d8; padding: 4px 0;}
#newsTable tr.last td{border-bottom: 1px solid #e5e2d8;}

.red{color: #a31021; font-weight: bold; padding: 0 4px;}

#sponsor_logos{
	margin: 8px 3px;
}

#sponsor_logos ul{
	margin: 0 auto; 
	padding: 0; 
	}
	
#sponsor_logos ul li{
	list-style: none; 
	display: inline;
	margin: 0;
	}

#copyright{
	background: url(../images/copyright_bg.gif) repeat-x left top;
	color: #fff;
	width: 100%;
}

#copyright p{width: 350px; padding:18px 0 0 10px; margin: 0;}
#copyright h6{width: 141px; height: 54px; background-image: url(../images/r1-footer.gif); margin-right: 2px;}
#copyright h6 a{width: 141px; height: 54px;}
/*header images*/
.news{background-image: url(../images/h_recent_news.gif); width: 164px; height: 32px;}
.login{background-image: url(../images/h-login.gif); width: 199px; height: 34px;}
.newsletter{background-image: url(../images/h-newsletter.gif); width: 199px; height: 27px;}
.games h5{background-image: url(../images/h-games.gif); width: 211px; height: 30px; }
.recipe h5{background-image: url(../images/h-recipe.gif); width: 192px; height: 30px; }
.race-fan h5{background-image: url(../images/h-race.gif); width: 215px; height: 30px;}
.newsheader{background-image: url(../images/h-newsheader.gif); width: 68px; height: 32px; }
.gamesheader{background-image: url(../images/h-games-header.gif); background-repeat:no-repeat; width: 104px; height: 24px; padding-bottom:20px;}
.chatheader{background-image: url(../images/h-chat-header.gif); width: 51px; height: 15px; background-repeat:no-repeat;}
.fanshopheader{backgroud-image: url(../images/title_fanshop.jpg); width:92px; height:15px;}
.rheader{background-image: url(../images/h-recipe-header.gif); width: 85px; height: 24px;}
.partnerheader{background-image: url(../images/h-partners.gif); width: 110px; height: 24px;}
.promotionheader{background-image: url(../images/h-promo.gif); width: 144px; height: 32px;}
.surveyhd{background-image: url(../images/h-survery-header.gif); width: 211px; height: 31px;}
.hsignup{background-image: url(../images/hsignup.gif); width: 81px; height: 26px;}
.hprofile{background-image: url(../images/h_updateprofile.gif); width: 157px; height: 22px;}
.henews{background-image: url(../images/h-enews.gif); width: 145px; height: 31px;}
.trivheader{background-image: url(../images/h-trivia-header.gif); width: 100px; height: 24px;}
/* navigation styles */

/* MAIN NAV */
#thome a  {
	width: 56px;
	background: url(../images/nav/main_home.gif) top left no-repeat;
	}
#tnews a  {
	width: 51px;
	background: url(../images/nav/main_news.gif) top left no-repeat;
	}
#tgames a  {
	width: 56px;
	background: url(../images/nav/main_games.gif) top left no-repeat;
	}
#trecipes a  {
	width: 63px;
	background: url(../images/nav/main_recipes.gif) top left no-repeat;
	}
#tdownloads a  {
	width: 96px;
	background: url(../images/nav/main_downloads.gif) top left no-repeat;
	}
#tchat a  {
	width: 48px;
	background: url(../images/nav/main_chat.gif) top left no-repeat;
	}	
#tpartners a  {
	width: 75px;
	background: url(../images/nav/main_partners.gif) top left no-repeat;
	}
#trace a  {
	width: 80px;
	background: url(../images/nav/main_race.gif) top left no-repeat;
	}	
#tpromo a  {
	width: 99px;
	background: url(../images/nav/main_promo.gif) top left no-repeat;
	}
#tkroger a  {
	width: 110px;
	background: url(../images/nav/main_kroger.gif) top left no-repeat;
	}
    
#main_nav {
	margin: 0;
	padding: 0;
	height: 33px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#main_nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#main_nav a {
	float: left;
	padding: 33px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:33px; /* for IE5/Win only */
	}
	
#main_nav a:hover {
	background-position: 0 -33px;
	}

#main_nav a:active, #main_nav a.selected {
	background-position: 0 -33px;
	}
	

.profile_nav { 
    height: 26px;
    margin: 0px;
    background: url(../images/welcome_bar_bg.gif) repeat-x left top;
    font-family: Verdana, Arial, sans_serif;
	font-size: 10px;
    /*text-transform: uppercase;*/
    color: #000000;
	vertical-align: middle;
	line-height: normal;
}

.profile_navtd {
    height: 26px; 
	background: url(../images/profile_bg.gif) repeat-x left top;
    text-align: center;
	vertical-align: middle;
}
.profile_nav a  {
    color: #FFFFFF;
    text-decoration: none;
	}
.profile_nav a:hover {
   color: #FFFFFF;
   test-decoration: underline;
}   
.profile_nav a:visited {
   color: #FFFFFF;
   test-decoration: underline;
}
	
#topnavcontainer{

width: 734px; margin: 0 auto; margin-bottom: 1px;
}

#topnavlist {
    margin: 0px;
    padding: 0px;
}

#topnavcontainer ul
{
padding-left: 10px;
padding-right: 10px;
margin-left: 0px;
margin-right: 0px;
background-color: #036;
color: white;
float: left;
width: 714px;
font-family: "Times New Roman", Verdana, sans-serif;
font-size: 16px;
overflow: hidden;

}

#topnavcontainer ul li { display: inline; }

#topnavcontainer ul li a
{

padding: 4px 11px;
background-color: #036;
background: url("../images/nav/topnavbg.gif") repeat-x left top;
color: #CCCCCC;
text-decoration: none;
float: left;
border-right: 1px solid #fff;


}

#topnavcontainer ul li a:hover
{
background: none;
background-color: #036;
color: #fff;
}
.small {
    font-size: 12px;
}
#botnavcontainer{

width: 720px; margin: 0 auto; margin-bottom: 1px;
}

#botnavlist {
    margin: 0px;
    padding: 0px;
}

#botnavcontainer ul
{
padding-left: 5px;
padding-right: 5px;
margin-left: 0px;
margin-right: 0px;
background-color: #AAAAAA;
color: white;
float: left;
width: 710px;
font-family: "Times New Roman", Verdana, sans-serif;
font-size: 16px;
overflow: hidden;

}

#botnavcontainer ul li { display: inline; }

#botnavcontainer ul li a
{

padding: 3px 10px;
padding-right: 11px;
background-color: #AAAAAA;
background: url("../images/nav/botnavbg.gif") repeat-x left top;
color: #DDDDDD;
text-decoration: none;
float: left;
border-right: 1px solid #fff;


}

#botnavcontainer ul li a:hover
{
background: none;
background-color: #808080;
color: #fff;
}


	
/* FOOTER NAV */
#ft_nav #thome a  {
	width: 66px;
	background: url(../images/nav/ft_home.gif) top left no-repeat;
	}
#ft_nav #tnews a  {
	width: 45px;
	background: url(../images/nav/ft_news.gif) top left no-repeat;
	}
#ft_nav #tgames a  {
	width: 54px;
	background: url(../images/nav/ft_games.gif) top left no-repeat;
	}
#ft_nav #trecipes a  {
	width: 62px;
	background: url(../images/nav/ft_recipes.gif) top left no-repeat;
	}
#ft_nav #tdownloads a  {
	width: 93px;
	background: url(../images/nav/ft_downloads.gif) top left no-repeat;
	}
#ft_nav #tchat a  {
	width: 45px;
	background: url(../images/nav/ft_chat.gif) top left no-repeat;
	}	
#ft_nav #tpartners a  {
	width: 73px;
	background: url(../images/nav/ft_partners.gif) top left no-repeat;
	}
#ft_nav #trace a  {
	width: 76px;
	background: url(../images/nav/ft_race.gif) top left no-repeat;
	}	
#ft_nav #tpromo a  {
	width: 96px;
	background: url(../images/nav/ft_promo.gif) top left no-repeat;
	}
#ft_nav #tkroger a  {
	width: 109px;
	background: url(../images/nav/ft_kroger.gif) top left no-repeat;
	}

#footer {
	background-image:url(../images/nav/bottom/bkg_nav.gif);
	background-repeat:repeat-x;
	height: 29px;
    
	}
	


#fnav {
	align: center;
	margin: 0;
	padding: 0;
	height: 29px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#fnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#fnav a {
	float: left;
	padding: 29px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:29px; /* for IE5/Win only */
	}
	
#fnav a:hover {
	background-position: 0 -29px;
	}

#fnav a:active, #fnav a.selected {
	background-position: 0 -29px;
	}
	
.homeTitle {
	margin: 0; 
	padding: 7px 0 7px 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003e7a;
	text-transform: uppercase;
	}
.homeTitleRightCol {
	margin: 0; 
	border-bottom: 1px solid #f7f3e7;
	padding: 7px 0 5px 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003e7a;
	text-transform: uppercase;
	}
.homeTitleMidCol {
	display: block;
	width: 220px;
	margin: 0; 
	border-bottom: 1px solid #ded9c5;
	padding: 7px 0 5px 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003e7a;
	text-transform: uppercase;
	}
.midColLeft {
	float: left;
	width: 220px;
	margin-right: 14px;
	}
.midColImage {
	float: left;
	width: 220px;
	}
.midColRight {
	float: left;
	width: 220px;
	}
.midColLeft ul {
	float: left;
	}
.midColRight ul {
	float: left;
	}
.pageTitle {
	margin: 0; 
	padding: 0 0 7px 0px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003e7a;
	text-transform: uppercase;
	}