/* Base style
------------------------------------*/
body {
	background: #ffffff url(/images/lg_bkgrd.jpg) repeat-x 50% 0;
	padding: 0;
	margin: 0;
}


/* Things to hide
------------------------------------*/
#nav li span, #header span{
	display: none;
}

.nobg, .nobg a:hover, nobg a, nobg a:link{
	background: none;
}

/* Container
------------------------------------*/
#container {
	width:760px;
	background: url(/images/header.jpg) no-repeat; 
	padding: 0;
	margin: 0 0 0 17px;
	position: relative;
	}
	
/* Header
------------------------------------*/
#header {
	height: 128px;
	margin: 0;
	padding: 0;
	position: relative;
	}

#header .logo, #header .logo a {
	position:absolute;
	display:block;
	width: 320px;
	height: 100px;
	text-align:center;
}


/* Nav
/*------------------------------------*/

#nav {
	background: url(/images/nav.gif) no-repeat;
	width: 760px;
	height: 34px;
	padding: 0;
	margin: 0;
	}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav span { display: none;
}

#nav li { 
	position: relative;
	float: left;
	list-style: none;
}

#nav li, #nav a { 
	height: 34px;
	display: block;
	top: 0; 
	left:0; 
	padding: 0; 
	margin: 0; 
	border: 0;
}

#nav li { 
	float: left; 
	list-style: none; 
	_display: inline; 
}

#l1, #l1 a {width:110px;}
#l1 a:hover {background: transparent url(/images/nav.gif) 0 -34px no-repeat;}

#l2, #l2 a {width:179px;}
#l2 a:hover{background: transparent url(/images/nav.gif) -110px -34px no-repeat;}

#l3, #l3 a {width:189px;}
#l3 a:hover{background: transparent url(/images/nav.gif) -289px -34px no-repeat;}

#l4, #l4 a {width:132px;}
#l4 a:hover{background: transparent url(/images/nav.gif) -478px -34px no-repeat;}

#l6, #l6 a{width:150px;}
#l6 a:hover{background: transparent url(/images/nav.gif) -610px -34px no-repeat;}


/* Latch the rollovers
------------------------------------*/
.home #l1 {background: transparent url(/images/nav.gif) 0 -34px no-repeat;}
.benefits #l2 {background: transparent url(/images/nav.gif) -110px -34px no-repeat;}
.grocery #l3 {background: transparent url(/images/nav.gif) -289px -34px no-repeat;}
.about #l4 {background: transparent url(/images/nav.gif) -478px -34px no-repeat;}
.contact #l6 {background: transparent url(/images/nav.gif) -610px -34px no-repeat;}
/* Features
------------------------------*/
#feature {
background: transparent url(/images/feature_homepage.jpg) no-repeat;
	width: 456px;
	height: 646px;
	display: block;
	margin: 27px 0 0 0;
	padding: 0;
	position:relative;
}

.index2 #feature {
background: transparent url(/images/feature_homepage.jpg) no-repeat;
	width: 456px;
	height: 646px;
	display: block;
	margin: 27px 0 0 0;
	padding: 0;

}


#hp_video {
	position:absolute;
	top:189px;
	left:33px;
}

#feature_sub {
	width: 720px;
	height: 25px;
	background: #888;
	display: block;
	padding: 20px;
	margin: 0;
}


/* Category
------------------------------------*/
#category {
	position:absolute;
	left:33px;
	top:144px;
	display:block;
	width:690px;
	height:178px;
	z-index:1;
	visibility: hidden;
}
	
/* Search
------------------------------------*/
#search {
	height: 30px;
	background: #444;
	padding: 7px 0 0 36px;
	display: block;
}
	
/* Content
------------------------------------*/
#content {
	width: 760px;
	margin: 0;
	padding: 3px 0 3px 0;
	margin-bottom:-3px;
	}

#full_col {
	float: left;
	width: 700px;
	margin: 0;
	padding: 18px 18px 12px 30px;
	}

#main_col {
	float: left;
	width: 416px;
	margin: 0;
	padding: 18px 5px 25px 10px;
}

/* sub_col_linking
------------------------------------*/
#sub_col {
	float: right;
	width: 301px;
	margin: 0;
	padding: 18px 0 0 0;
}
.sub_info {
	background: url(/images/callout_bkgrd.gif) repeat-y;
	width: 281px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	color: #000;
}

#sub_col ul.nav{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sub_col ul{
	padding: 10px 10px 0 10px;
}
	
#sub_col span {
	padding: 1px 0 10px 10px;
}
	

#sub_col ul.nav li  {
	height: 27px;
	margin: 0;
	padding: 0;
	display: block;	
}

#sub_col ul.nav li a {
	height: 27px;
	width: 297px;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	margin: 0;
	padding: 0;
	border: 0;
	line-height:2.2em;
	font-weight:bold;
	font-size: 1em;	
	color:#000033;
	}
	
#sub_col ul.nav li a:visited {
	color:#000033;
}
	
#sub_col ul.nav li a:hover {
	background: #ffcc00;
	text-decoration:none;
	}
	
#sub_col ul.nav li a .latch {
	background: #ffcc00;
}

#subnav_holder {
width: 297px;
padding: 0 2px 0 2px;
background: url(/images/callout_bkgrd.gif) repeat-y;
}


/* Latch benefits sub column
------------------------------------*/
.grocery #subnav_grocery {background: #fff;}
.brand #subnav_brand {background: #fff;}
.cars #subnav_cars {background: #fff;}
.restaurant #subnav_restaurant {background: #fff;}
.health #subnav_health {background: #fff;}
.legal #subnav_legal {background: #fff;}
.vacation #subnav_vacation {background: #fff;}
.more #subnav_more {background: #fff;}

	
/*------------------------------------*/

#split_col1 {
	float: left;
	width: 325px;
	margin: 0;
	padding: 18px 18px 100px 30px;

}

#split_col2 {
	float: right;
	width: 325px;
	margin: 0;
	padding: 18px 18px 100px 30px;

}

.center {
text-align:center;
}

.date {
	color: #B7BB6D;
	}

.callout {
	border: 1px solid #C4DDEE;
	background-color:#FFE3AF;
	padding: 10px 10px 10px 10px;
}

#clear {
	clear: both;
	}

.note {
	text-transform: uppercase;
	color: #CCCCCC;
	}

.headline_link, .headline_link a, .headline_link a:link, .headline_link a:visited, .headline_link a:hover, .headline_link a:active {
	color: #B7BB6D;
	font-size: 70%;
	}

.highlight {
	background-color: #ffcc99;
	}

.right {
	float: right;
	}

.left {
	float: left;
	}

ul {
	padding:0 0 10px 15px;
	}
	


acronym {
	background-color: #D3D3D3; cursor: help;
	}

.yellowbar {
background: url(/images/yellow_full.gif) no-repeat;
height:30px;
padding: 5px 0 0 10px;
}

.bluebar {
background: url(/images/blue_full.gif) no-repeat;
height: 30px;
padding: 5px 0 0 10px;
}
	
	
/* Misc
------------------------------------*/		
.archives {
float:left;
padding:0 2px 0 2px; 
width:140px;
 }
	
	
/* Tables
------------------------------------*/	
	
.tabular {
	width: 100%;
	background-color: #FFEAAB;
	border: 1px solid #000033;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size:.9em;
	line-height:1em;
	}
	
.tabular2 {
	width: 100%;
	background-color: #e1e1e1;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
}
	
	
.tabular th {
	background-color: #003366;
	text-align: center;
	height:10px;
	color: #FFCC00;
	font-size:1.2em;
	}
	
.alt_heading {
color:#FFCC00;
background:#003366;
	font-size:1em;

}
.tabular_highlight {
	background-color: #FFCC66;
	}
	
	.tabular_highlight2 {
	background-color: #FFF5CC;
	}
	
	.tabular_highlight3 {
	background-color: #FFDE92;
	}
	
.store_listings {
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.store_listings th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
	}

.store_listings_highlight {
	background-color: #fff;
	}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
	}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
	}

.info_pop_highlight {
	background-color: #fff;
	}



/* Footer
------------------------------------*/

#footer {
	height: 64px;
	width: 740px;
	background: url(/images/footer.gif) no-repeat;
	margin: 0;
	padding: 40px 10px 20px 10px;
}

#footer span {
padding: 60px 0 0 20px;
}

#footer span a, #footer span a:visited {
color: #fff;
}