/*
----------------------------------------------------------
Vallergas Markets
Default CSS

Jason Reed
jason@jasonreedwebdesign.com
http://www.jasonreedwebdesign.com
--------------------------------------------------------*/

/* @group Globals */

/* * {
	margin: 0;
	padding: 0;
	outline: none;
	moz-outline: 0;
} */

/* @group Reset */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/* ol, ul {
	list-style: none;
} */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */


body {
	background: #5C89C7;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #333;
}

a:link {
	color: #666;
	text-decoration: underline;
}

a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

a img {border: 0; }

.italic {font-style: oblique; }

.underline {text-decoration: underline; }

/* @end */

/* @group Clearfix */

/* Clearfix
--------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

/* @end */

/* @group Layout */

div#container {
	margin: 0 auto;
	width: 750px;
}

#header {width: 750px; padding-top: 10px; }

#header h1 {
	background: url(../images/bg_h1.gif) no-repeat;
	width: 750px; 
	height: 120px; 
	display: block; 
	text-indent: -999em;
}

#contentWrap {
	position: relative;
	width: 630px;
	background: url(../images/bg_content.gif) repeat-y;
	float: right;
	z-index: 2;
}

#leftColumn {
	position: relative;
	width: 116px;
	float: left;
	padding-top: 10px;
	z-index: 4;
}

#content {
	position: relative;
	width: 470px;
	min-height: 250px;
	height: auto;
	float: left;
	font-size: 1.1em;
	margin-top: -45px;
	padding-left: 40px;
	z-index: 0;
	background: none;
}

* html #content {
height: 280px;
}

#sidebar {
	width: 120px;
	float: right;
	margin-top: -120px;
	padding: 0 0 23px;
	background: url(../images/bg_sidebar.gif) no-repeat left bottom;
}

/* @end */

/* @group Navigation */

* html #navPrimary li#navProduce.over,
* html #navPrimary li#navDeli.over {
	display: inline-block;
	margin-bottom: -2px;
}

#navPrimary { list-style: none; }
#navPrimary li {position: relative; line-height: normal /* IE */; }
#navPrimary li a {display: block; width: 116px; text-indent: -999em; }

#navPrimary li ul {display: none; position: absolute; top: 0; left: 116px; list-style: none; }
#navPrimary li:hover ul, #navPrimary li.over ul { display: block; }

#navPrimary li#navWelcome {background: url(../images/nav/navWelcome_hover.gif) no-repeat top left; }
#navPrimary li#navWelcome a {height: 39px; background: url(../images/nav/navWelcome_up.gif) no-repeat top left; }
	#navPrimary li#navWelcome a:hover,
	#navPrimary li#navWelcome a.current {background: url(../images/nav/navWelcome_hover.gif) no-repeat top left; }

#navPrimary li#navProduce {background: url(../images/nav/navProduce_hover.gif) no-repeat top left; }	
#navPrimary li#navProduce a {height: 45px; background: url(../images/nav/navProduce_up.gif) no-repeat top left; }
	#navPrimary li#navProduce a:hover,
	#navPrimary li#navProduce a.current {background: url(../images/nav/navProduce_hover.gif) no-repeat top left; }
	
	#navPrimary li ul li#navSubTrip {background: url(../images/nav/navSubTrip_hover.gif) no-repeat top left; }
	#navPrimary li ul li#navSubTrip a {width: 138px; height: 45px; background: url(../images/nav/navSubTrip_up.gif) no-repeat top left; }
		#navPrimary li ul li#navSubTrip a:hover {background: url(../images/nav/navSubTrip_hover.gif) no-repeat top left; }
		
#navPrimary li#navOrganics {background: url(../images/nav/navOrganics_hover.gif) no-repeat top left; }
#navPrimary li#navOrganics a {height: 31px; background: url(../images/nav/navOrganics_up.gif) no-repeat top left; }
	#navPrimary li#navOrganics a:hover,
	#navPrimary li#navOrganics a.current {background: url(../images/nav/navOrganics_hover.gif) no-repeat top left; }

#navPrimary li#navMeat {background: url(../images/nav/navMeat_hover.gif) no-repeat top left; }	
#navPrimary li#navMeat a {height: 44px; background: url(../images/nav/navMeat_up.gif) no-repeat top left; }
	#navPrimary li#navMeat a:hover,
	#navPrimary li#navMeat a.current {background: url(../images/nav/navMeat_hover.gif) no-repeat top left; }

#navPrimary li#navDeli {background: url(../images/nav/navDeli_hover.gif) no-repeat top left; }	
#navPrimary li#navDeli a {height: 46px; background: url(../images/nav/navDeli_up.gif) no-repeat top left; }
	#navPrimary li#navDeli a:hover,
	#navPrimary li#navDeli a.current {background: url(../images/nav/navDeli_hover.gif) no-repeat top left; }

	#navPrimary li ul li#navSubSandwich {background: url(../images/nav/navSubSandwich_hover.gif) no-repeat top left; }
	#navPrimary li ul li#navSubSandwich a {width: 138px; height: 15px; background: url(../images/nav/navSubSandwich_up.gif) no-repeat top left; }
		#navPrimary li ul li#navSubSandwich a:hover {background: url(../images/nav/navSubSandwich_hover.gif) no-repeat top left; }
	#navPrimary li ul li#navSubDeli {background: url(../images/nav/navSubDeli_hover.gif) no-repeat top left; }
	#navPrimary li ul li#navSubDeli a {width: 138px; height: 15px; background: url(../images/nav/navSubDeli_up.gif) no-repeat top left; }
		#navPrimary li ul li#navSubDeli a:hover {background: url(../images/nav/navSubDeli_hover.gif) no-repeat top left; }
	#navPrimary li ul li#navSubPlatter {background: url(../images/nav/navSubPlatters_hover.gif) no-repeat top left; }
	#navPrimary li ul li#navSubPlatter a {width: 138px; height: 16px; background: url(../images/nav/navSubPlatters_up.gif) no-repeat top left; }
		#navPrimary li ul li#navSubPlatter a:hover {background: url(../images/nav/navSubPlatters_hover.gif) no-repeat top left; }

#navPrimary li#navContact {background: url(../images/nav/navContact_hover.gif) no-repeat top left; }	
#navPrimary li#navContact a {height: 47px; background: url(../images/nav/navContact_up.gif) no-repeat top left; }
	#navPrimary li#navContact a:hover,
	#navPrimary li#navContact a.current {background: url(../images/nav/navContact_hover.gif) no-repeat top left; }

#navPrimary li#navCommunity {background: url(../images/nav/navCommunity_hover.gif) no-repeat top left; }	
#navPrimary li#navCommunity a {height: 31px; background: url(../images/nav/navCommunity_up.gif) no-repeat top left; }
	#navPrimary li#navCommunity a:hover,
	#navPrimary li#navCommunity a.current {background: url(../images/nav/navCommunity_hover.gif) no-repeat top left; }

#navPrimary li#navStory {background: url(../images/nav/navStory_hover.gif) no-repeat top left; }	
#navPrimary li#navStory a {height: 39px; background: url(../images/nav/navStory_up.gif) no-repeat top left; }
	#navPrimary li#navStory a:hover,
	#navPrimary li#navStory a.current {background: url(../images/nav/navStory_hover.gif) no-repeat top left; }
	
#navPrimary li#creditCards {text-align: center; margin-top: 13px; }

/* @end */

/* @group Headings */

h2#pageTitle {margin-top: 25px; margin-left: 20px; height: 95px; text-indent: -999em; z-index: 1; }

#home h2#pageTitle {width: 154px; background: url(../images/bg_h2_welcome.gif) no-repeat; }
#produce h2#pageTitle {width: 223px; background: url(../images/bg_h2_produce.gif) no-repeat; }
#organics h2#pageTitle {width: 223px; background: url(../images/bg_h2_organics.gif) no-repeat; }
#produceMart h2#pageTitle {width: 284px; background: url(../images/bg_h2_produceMart.gif) no-repeat; }
#meatSeafood h2#pageTitle {width: 252px; background: url(../images/bg_h2_meatSeafood.gif) no-repeat; }
#deli h2#pageTitle {width: 345px; background: url(../images/bg_h2_deliGourmet.gif) no-repeat; }
#sandwichList h2#pageTitle {width: 293px; background: url(../images/bg_h2_sandwiches.gif) no-repeat; }
#deliItems h2#pageTitle {width: 267px; background: url(../images/bg_h2_deliItems.gif) no-repeat; }
#platters h2#pageTitle {width: 316px; background: url(../images/bg_h2_platters.gif) no-repeat; }
#locations h2#pageTitle {width: 374px; background: url(../images/bg_h2_locations.gif) no-repeat; }
#community h2#pageTitle {width: 180px; background: url(../images/bg_h2_community.gif) no-repeat; }
#story h2#pageTitle {width: 154px; background: url(../images/bg_h2_ourStory.gif) no-repeat; }

h3#badge_best {
	display: block;
	width: 120px;
	height: 107px;
	background: url(../images/badge_best.png) no-repeat left top;
	text-indent: -999em;
}

/* @end */

/* @group Content */

#sidebar #signups {
	background: #6e9bd2;
	margin: 0 0 0 28px;
	padding: 6px 0;
}

#head_specials,
#head_news {
	display: block;
	width: 92px;
	text-indent: -999em;
	margin: 0 0 .4em;
}

#head_specials {
	height: 56px;
	background: url(../images/bg_h4_specials.gif) no-repeat left top;
}

#head_news {
	height: 28px;
	margin-top: 6px;
	background: url(../images/bg_h4_news.gif) no-repeat left top;
}

#sidebar ul {
	list-style: none;
	margin: 0;
}

#sidebar ul li {
	background: url(../images/bullet.gif) no-repeat 4px 6px;
	padding: 2px 6px 4px 12px;
	line-height: 1.2;
}

#sidebar ul,
#sidebar ul a  {
	color: #fee39f;
}

.imgLeftNoBot {float: left; margin: 0 13px 0 0; }
.imgLeft {float: left; margin: 0 13px 13px 0; }
.imgLeftTop {float: left; margin: 13px 13px 13px 0; }
.imgRight {float: right; margin: 0 0 13px 13px; }
.imgRightTop {float: right; margin: 13px 0 13px 13px; }

li *, dt *, dd *, p * {font-size: 1em; }
ul, ol, dl, p {margin-bottom: 1.2em; } 

#content p {line-height: 1.4em; }

#content ul {
	margin: 13px 0 0 15px;
}

#community #content ul {list-style: none; margin: 0; padding: 0; }
#community #content ul li {margin-bottom: 4px; } 
#platters #content dt {margin: 13px 0 3px 0; font-weight: bold; }
#platters #content dt.first {margin-top: 0px !important; }
#produce #content {text-align: right; }
#deli .imgRight {margin: 0 30px 0 40px; }
#deliItems #content ul li {margin-bottom: 6px; }

#sandwichList #content ul, #deli #content ul {list-style: none; padding: 0; margin: 13px 0; }
#sandwichList #content ul li, #deli #content ul li {margin-bottom: 6px; }

#produceMart #content ul {float: left; width: 100%; list-style: none; margin: 0 0 26px 0; padding: 0; clear: both; }
#produceMart #content ul.leftFirst, #produceMart #content ul.rightFirst {margin-top: 26px; }
#produceMart #content .left li.image, #produceMart #content .leftFirst .image {float: left; margin: 0 13px 0 0; }
#produceMart #content .right li.image, #produceMart #content .rightFirst .image {float: right; margin: 0 0 0 13px; }
#produceMart #content li.timeStamp {font-weight: bold; margin-bottom: 4px; }
#produceMart #content p#next a {font-weight: bold; float: right; }

#home .caption {width: 252px; font-size: 10px; margin-top: 23px; }
#home .caption dd {margin-top: 4px; }

.blueBox {width: 240px; float: right; line-height: 1.3em; }
.blueBox .head {background: url(../images/boxBlueTop.gif) no-repeat top left; font-weight: bold; padding: 10px 10px 0 10px; }
.blueBox .foot {background: url(../images/boxBlueBottom.gif) no-repeat bottom left; padding: 0 10px 10px 10px; }

#deli .blueBox {float: none; margin-top: 23px; }

#locations h3 {font-size: 1.4em; font-weight: normal; }
#story #content dl {float: left; width: 470px; }
#story #content dt {float: left; width: 170px; font-size: 1em; }
#story #content dd {float: right; width: 275px; font-size: .9em; margin-bottom: 1.5em; }
#story #content dd img {margin-bottom: .3em; }

#story #content dl.thirds dt {width: 280px; font-size: .9em; margin-bottom: 1.5em; }
#story #content dl.thirds dd {width: 170px; }

#story #content dl.half dt {width: 225px; font-size: .9em; margin-bottom: 1.5em; }
#story #content dl.half dd {width: 225px; }
#story #content dl.half img {width: 225px; }

/* @end */

/* @group Footer */

#footer {
	width: 630px;
	height: 87px;
	clear: both;
	position: relative;
	background: #5C89C7;
}

#footer ul {list-style: none; }
#footer li {position: absolute; }

#footer a {
	display: block;
	background: url(../images/clearpixel.gif); /* Fix for IE */
	text-indent: -999em;
}

#footer ul li.footerContact {top: 45px; left: 40px; width: 100px; height: 35px; }
#footer ul li.footerContact a {width: 100px; height: 35px; }
#footer ul li.footerJVWine {width: 310px; height: 75px; top: 0px; left: 258px; }
#footer ul li.footerJVWine a {width: 310px; height: 75px; }

/* @end */