/*
THEME NAME: Kroger
THEME URI: 
DESCRIPTION: Kroger supermarkets template
VERSION: 1.0
AUTHOR: Activo Multimedia
AUTHOR URI:
TAGS:
*/

@import url('bp.css');

body{
	background:#000;
	font-family:Arial;
}
#container{
	width:1000px;
	margin:auto;
	padding-bottom:40px;
	text-align: left;}
#container #timeline_content{
	width:951px;
	margin:0 auto;
	position:relative;
  text-align:center;
}
#header{
	width:1000px;
	height:450px;
	background:url('img/header.jpg') no-repeat;
	margin-top:50px;
	position:relative;
}
#header img{
	position:absolute;
	top:30px;
	left:55px;
}
#header #haiti_logo{
	position:absolute;
	bottom:50px;
	right:120px;
	display:block;
	width:140px;
	height:55px;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:3;
}
#nav a {
	display: block;
	
}
#nav li ul li{
	float: left;
	width:234px;
	font-size: 15px;
	padding-left:5px;
	background:url('img/sprites.png') -875px -366px no-repeat;
	overflow: hidden;
	font-size: 1.5em;
}
#nav li ul .last{background:none;}
#nav li ul {
	position: absolute;
	width: 234px;
	left: -999em;
	background:url('img/dropdown_bg.jpg') repeat-y;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: 0;
}
#nav{
	list-style:none;
	margin:-45px 0 43px 53px;
	position:relative;
	z-index:50;
}
#nav li{
	position:relative;
	float:left;
	margin-right:5px;
}
#nav li a{
	height:41px;
	display:block;
	line-height: 41px;
	padding-left: 20px;
	color:#000;
	/*font-size: 1.2em;*/
}
#nav li a:hover{text-decoration: underline; width: auto;}
/* Main Nav*/
#home{width:80px;background:url('img/sprites.png') -18px -20px no-repeat;}
#home :hover,#home.selected{width:80px;background:url('img/sprites.png') -18px -72px no-repeat;}
#wtr{width:187px;background:url('img/sprites.png') -102px -20px no-repeat;}
#wtr:hover,#wtr.selected{width:187px;background:url('img/sprites.png') -102px -72px no-repeat;}
#hl{width:158px;background:url('img/sprites.png') -295px -20px no-repeat;}
#hl:hover,#hl.selected{width:158px;background:url('img/sprites.png') -295px -72px no-repeat;}
#ise{width:170px;background:url('img/sprites.png') -458px -20px no-repeat;}
#ise:hover,#ise.selected{width:170px;background:url('img/sprites.png') -458px -72px no-repeat;}
#ws{width:148px;background:url('img/sprites.png') -633px -20px no-repeat;}
#ws:hover,#ws.selected{width:148px;background:url('img/sprites.png') -633px -72px no-repeat;}
#au{width:122px;background:url('img/sprites.png') -787px -20px no-repeat;}
#au:hover,#au.selected{width:122px;background:url('img/sprites.png') -787px -72px no-repeat;}
#nav a{text-decoration:none;}
#index_subcontent{
	width:890px;
	margin:auto;
	position:relative;
	z-index:0;
}
.firstl{font-size:2em;}
#index_subcontent ul{ list-style: none; margin: 0; padding:0;}
#index_subcontent li{float: left; margin-right:5px; width:291px; margin-bottom: 5px;}
#index_subcontent li a{display: block;}
#footer_logo{position:relative;top:67px;clear:both;margin:0 0 40px -60px;height:82px;width:1118px;background:url('img/sponsors.png') no-repeat top center;}
#index_subcontent #rotative_brands{
	width: 271px;
	background:url('img/rotativebrands.jpg') no-repeat top left;
	padding-top: 100px;
	height: 168px;
	padding-left: 20px;}
#fbtab {
z-index:100;
margin-top: 450px;
float: left;
position: absolute;
top: 0px;
left:-308px;
width:350px;}
#fbtab div{
	/*margin-top:0px;*/
	width:300px;
	height: 575px; 
	/*float: left;*/
	color: #fff;}
#fbtab #fbslide{
display: block;
float: right;
margin-left:3px}

	
#header2{
	width:952px;
	height:256px;
	background:url('img/header_02.jpg') no-repeat 0 -20px;
	position:relative;
	margin:25px auto -63px auto;
}
#header2 img{
	position:absolute;
	top:22px;
	left:40px;
}
#headerbar{
	height:60px;
	width:777px;
	background:url('img/sprites.png') -75px -231px no-repeat;
	position:relative;
	top:-4px;
	z-index:1;
	margin:0 auto -4px auto;
}
#headerbar.timeline_header{width:772px;}
#header_about,#header_recipes,#header_tips,#header_wts,#header_ise,#header_wresources, #header_hresources,#header_timeline,#header_mypledge,#header_haiti,#header_quiz{
	height:35px;
	width:740px;	
	position:absolute;
	top:19px;
	left:30px;
}
#header_about{background:url('img/sprites.png') -25px -650px no-repeat;}
#header_tips{background:url('img/sprites.png') -25px -487px no-repeat;}
#header_hresources{background:url('img/sprites.png') -25px -530px no-repeat;}
#header_recipes{background:url('img/sprites.png') -25px -447px no-repeat;}
#header_wts{background:url('img/sprites.png') -25px -610px no-repeat;}
#header_ise{background:url('img/sprites.png') -25px -569px no-repeat;}
#header_wresources{background:url('img/sprites.png') -25px -410px no-repeat;}
#header_timeline{background:url('img/sprites.png') -25px -691px no-repeat;}
#header_mypledge{background:url('img/sprites.png') -28px -730px no-repeat;width:750px;left:15px;cursor:pointer;}
#header_haiti{background:url('img/sprites.png') -28px -771px no-repeat;}
#header_quiz{background:url('img/sprites.png') -28px -813px no-repeat;}
#sub_header{
	width:778px;
	height:263px;
	margin:0 auto 0 auto;
}
#content{
	background:#F7E9B8 url('img/sidebar_bg.jpg') repeat-y -20px 0;
	display: inline;
	width:777px;
	float:left;
	margin:0 0 0 111px;overflow:hidden;position:relative;}
#content.about{
	background:#F7E9B8 url('img/sidebar_bg.jpg') repeat-y 0 0;}
#left_sidebar,#left_sidebar2{
	z-index:3;
	width:290px;
	position:relative;
	float:left;
	padding-bottom:0px;
}
#left_sidebar2{/*height:1012px;*/width:269px;/*background:#1d67a8 url('img/sidebar_bg.jpg') top right repeat-y;*/}
#left_sidebar ul,#left_sidebar2 ul{
	z-index:3;
	list-style:none;
	padding-left:0;
	margin-bottom:0;
}
#left_sidebar li ,#left_sidebar2 li{
	z-index:3;
	margin: 0;
	border-top:2px solid #113a5a;
	border-left:2px solid #175183;
	width:253px;
	height:38px;
	margin-right:17px;
	overflow:hidden;
}
#left_sidebar2 li{width:232px;}
#left_sidebar li a,#left_sidebar2 li a{
	width:253px;
	height:34px;
	display:block;
	color:#000;
	text-decoration:none;
	font-size:1.6em;
	padding:4px 0 0 30px;
	letter-spacing:-1px;
	background:url('img/sprites.png') -806px -429px no-repeat;
}
#left_sidebar2 li a{width:232px;background:url('img/sprites.png') -808px -546px no-repeat;}
#left_sidebar2 ul ul {
	z-index:3;
	padding: 0;
	margin: 0;
	list-style: none;
	background:url('img/dropdown_bg.jpg') repeat-y;
}
#left_sidebar2 li ul {
		z-index:3;
	position: absolute;
	width: 234px;
	left: -999em;
	margin:-43px 0 0 232px;
}
#left_sidebar2 ul li ul li{
	border:none;
	width:234px;
	background:url('img/sprites.png') -875px -369px no-repeat;
}
#left_sidebar2 ul li ul li a{background:none;margin-left:-7px;/*font-size:1.2em;*/}
#left_sidebar2 li ul .last{background:none;}
#left_sidebar2 li ul {
	position: absolute;
	width: 234px;
	background:url('img/dropdown_bg.jpg') repeat-y;
}
#left_sidebar2 li:hover ul,#left_sidebar2 li.sfhover ul{
	left: 0;
}
#left_sidebar2 li:hover, #left_sidebar2 li.hover {
	position:static;
}
#left_sidebar li a:hover{background:url('img/sprites.png') -807px -486px no-repeat;}
#left_sidebar2 li a:hover{background:url('img/sprites.png') -807px -600px no-repeat;} /*estaba 600 en vez de 468*/
#left_sidebar2 li ul li a:hover{background:none;text-decoration:underline;}
#left_sidebar img{margin-right:37px;}
#left_sidebar2 img{margin:45px 0 0 1px;}
/*selected*/
#left_sidebar li .selected{background:url('img/sprites.png') -807px -486px no-repeat;}
#left_sidebar2 li .selected{background:url('img/sprites.png') -807px -600px no-repeat;}
#down_sidebar2{/*height:537px;*/}
#down_sidebar2 h3{margin:25px 0 25px 20px;font-size:1.7em;}
#down_sidebar_list li{border:none;font-size:.92em;margin-left:-10px;width:240px;height:auto;margin-bottom:15px;}
#down_sidebar_list li a{background:none;height:auto;line-height:105%;width:200px;}
#down_sidebar_list li a:hover{background:none;color:#fff;}
#down_sidebar_list .recipes_selected{color:#fff;}
#content_text{
	z-index:0;
	clear:right;
	width:508px;
	/*min-height:200px;
  height:auto !important;
  height:200px;*/
	/*background:#fff;*/
	position:relative;
	float:right;
	padding-top:20px;
	font-size:1.3em;
	text-align:left;
	font-weight:500;
}
#content_text.smallcontent{width:487px;/*height:617px;*/}
#content_text.bigcontent{width:100%;height:617px;text-align:center;background:#000;}
#content_text p{
	margin:0 22px 30px 22px;}
#container #content_text img.content_image{position:relative;margin-left:30px;}
	
.content-footer{
float: right;
margin-right: 23px;margin-bottom:15px;}
.content-footer ul{
	border-width: 1px 0 ;
	border-style: solid;
	border-color:#F7E9B8;
	padding:0;
	list-style: none;
	float: right;
	margin-bottom:0;}
.content-footer ul li{
	float: left;
	margin: 0 10px}
.content-footer span.sm{
	border: 1px solid #F7E9B8;
	float: right;
	display: block;
	font-size: .8em;
	font-style:italic;
	color: #666;
	margin-top:5px;
	padding-left:25px;
	line-height:120%;
	}

ul.related-links{
	list-style:none;
	margin: 0 0 40px 40px;
	padding:0;
	float: left;}
ul.related-links li{
float: left;
width: 140px;
margin: 20px;}

ul.related-links li a{
	position:relative;}

ul.related-links.long li{
	width: 200px;}	
	
/*
ul.related-links li a{
	display: block;
  width: 130px;
	padding: 0 10px;
	line-height: 38px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	margin: 0 5px;
	background:url('img/buttonbg.gif') no-repeat -10px 0;}
ul.related-links.long li a, ul.related-links.long li{
	width:100%}
ul.related-links.long li a{
	background:url('img/buttonbg.gif') no-repeat 0 0;}
ul.related-links li a:hover{
	text-decoration:underline;}
*/


#video_intro {
	margin-top: 50px;}	
#intro_container{
	width:949px;
	height:350px;
	margin: 0 auto;
	position:relative;
	background:url('img/introbox.jpg') no-repeat center 20px;
	padding-top:230px;
}
#intro_container ul{list-style:none;position:relative;clear:both;height:100px;}
#intro_container li{position:relative;float:left;margin-bottom:-18px; line-height: 100px; }
#intro_container li img{vertical-align: middle; }
#line1 li{margin-right:44px;}
#line2 li{margin-right:53px;}
#line3 li{margin-right:13px;bottom:20px;}
#intro_container li.last{margin-right:0;}

#wts{background:#fff;margin-top:-5px;}
#wts h3{
	height:48px;
	background:url('img/sprites.png') -77px -340px no-repeat;
	margin:-4px 0 -5px 0;
    padding-left:24px;
	line-height:250%;
	position:relative;
	z-index:10;
	clear:both;}
#wts #coupon{
	height:137px;}
#wts dt{position:relative;width:150px;float:left;margin-right:-18px;}
#wts dt img{margin-left:25px;}
#wts dd{position:relative;width:590px;float:left;height:90px;background:url('img/wts_bg_hor.jpg') repeat-y;padding:0 10px 10px 15px;}
#wts dd a{color:#000;font-weight:bold;}
#wts .first_d{padding-top:24px;}
#wts dt.first_d{background:url('img/wts_bg_ver.jpg') repeat-x;}
#wts dt,#wts dd{padding-bottom:10px;padding-top:10px;}
.clear{clear:both;}
#container #content_text img{position:absolute;top:0;left:-35px;}
/*#recipe_title{margin-top:180px;}*/
.entry-title{margin-bottom: 15px; margin-top: 30px;line-height:115%;}
a.recipe-top{display: block; height: 170px}
#ise_title{margin-top:120px;}
#wts #sharethis_0{ float: right;	margin: 0 10px 10px 0;}

/*Laila's Tips*/
.text-laila span{
	font-size: 1.4em;}
	
/* Cforms */
#container #content_text img.bottom-form{
	position:relative;
	margin:0 0 0 35px;}
	
#form-laila{
	border:medium solid #745225;
	margin:40px;}
	
#form-laila .cform fieldset{
	border-style: none;
	background: #F7E9B8;}
	
#form-laila ul{
	list-style-type:none;}
#form-laila ul li{
	margin-top: 10px;}

#response{
	padding-right: 30px;}
#response th{
	background: #C09234;
	color: #000;}	
#response td{
	font-size:.9em}

#wts_tochange1,#wts_tochange2,#wts_tochange3,#wts_tochange4,#wts_f4l1,#wts_f4l2,#wts_f4l1_f4l,#wts_f4l1_fco{display:none;}
#pledge_anchor{
	position:absolute;
	top:500px;
}
#quiz_content ol{
	list-style:lower-alpha;
}

img{ behavior: url(/wp-content/themes/kroger/iepngfix.htc) }
#content_text ul{position:relative;}
#content_text ul.contributions_double li{
	width:210px;
	margin:0;
}