/* CSS Document */

/*#############################################################



© 2008 Supermarket Savvy

Author: Richard Gil
Company: Spotlight Creative, LLC.

URL: http://www.supermarketsavvy.com



#############################################################*/

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: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	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 of reset */

/*basic structure */



body {padding:0; margin: 0; background:#F2E8B6; }

/* Orig Body Tag*/
/* body { font-size:62.5%; font-family:Arial, Helvetica, sans-serif;} */

body { font-size:12px; color:#333; line-height:1.3em; font-family:Arial, Helvetica, sans-serif;}

.wrapper {width:920px; height:100%; margin:0 auto; padding:0;}

p {font-size:12px; color:#333; line-height:1.3em; padding:0 0 10px 0;}

h3 {font-size:14px; color:#3d853f; font-weight:bold; font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif; padding:0 0 10px 0;}

/*end: basic structure */

/* header */
.headerOrange {width:920px; height:154px; margin:0; padding:0; float:left; background:url(../images/generic/headers/header-orange.jpg) no-repeat;}

.headerGreen {width:920px; height:154px; margin:0; padding:0; float:left; background:url(../images/generic/headers/header-green.jpg) no-repeat;}

.headerRed {width:920px; height:154px; margin:0; padding:0; float:left; background:url(../images/generic/headers/header-red.jpg) no-repeat;}

.headerBlue {width:920px; height:154px; margin:0; padding:0; float:left; background:url(../images/generic/headers/header-blue.jpg) no-repeat;}

#headerContent {padding:0; margin:17px 0 0 60px; width:800px; height:133px; float:left; background: none;}

#hCcol1 {padding:0; margin:0; width:358px; height:133px; float:left; background: none;}

#hCcol1 img {margin:19px 0 0 24px; padding:0;}

#hCcol2 {padding:0; margin:0; width:128px; height:109px; float:left; background:none;}

#hCcol3 {padding:0; margin:0; width:162px; height:109px; float:left; background:none;}

#hCcol4 {padding:0; margin:0px 0 0 10px; width:140px; height:109px; float:left; background:none;}

li.newsletter {padding:0; margin:0;}

li.specials {padding:0; margin:0 ;}

ul.nav {padding:0; margin:27px 0 0 2px; list-style:none;}

.headerOrange div#hCcol4 ul.nav4 {margin:5px 0 0 0;}

.headerRed div#hCcol4 ul.nav4 {margin:5px 0 0 0;}

.headerGreen div#hCcol4 ul.nav4 {margin:5px 0 0 0;}

.headerBlue div#hCcol4 ul.nav4 {margin:5px 0 0 0;}
/*end: header */

/* content */


/*Old site header tags */
h1 { color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin-left: 0px; margin-right: 25px; margin-top: 25px; margin-bottom: 10px; }
h2 { color:#233e98; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; font-weight:bold; font-style:normal; margin-left: 25px; margin-right: 25px; margin-top: 15px; margin-bottom: 10px; }

.articleHeader {font-size:16px; color:#333; line-height:1.5em; padding:0 0 10px 0;text-align:center;font-weight: bold;}
/*Old site header tags */

.mainContentOrange {width:920px; margin:0; padding:0 0 0 0; float:left; background:url(../images/generic/contentBg/contentBGOrange.jpg);}

.mainContentRed {width:920px; margin:0; padding:0 0 0 0; float:left; background:url(../images/generic/contentBg/contentBGRed.jpg);}

.mainContentGreen {width:920px; margin:0; padding:0 0 0 0; float:left; background:url(../images/generic/contentBg/contentBGGreen.jpg);}

.mainContentBlue {width:920px; margin:0; padding:0 0 0 0; float:left; background:url(../images/generic/contentBg/contentBGBlue.jpg);}

.footerRed {width:920px; height:40px; margin:0; padding:0; float:left; background:url(../images/generic/footer/footerRed.jpg) no-repeat;}

.footerOrange {width:920px; height:40px; margin:0; padding:0; float:left; background:url(../images/generic/footer/footerOrange.jpg) no-repeat;}

.footerGreen {width:920px; height:40px; margin:0; padding:0; float:left; background:url(../images/generic/footer/footerGreen.jpg) no-repeat;}

.footerBlue {width:920px; height:40px; margin:0; padding:0; float:left; background:url(../images/generic/footer/footerBlue.jpg) no-repeat;}

.mainContentWrapper ul {list-style-type:disc; list-style-position:outside; font-size:12px; margin:0 0 0 20px;}

.mainContentWrapper ol {list-style-type:decimal; list-style-position:outside; font-size:12px; margin:0 0 0 20px;}

.mainContentWrapper ul li, ol li {padding:0 0 5px 0; line-height:1.3em;}

.mainContentWrapper li ul {margin:5px 0 0 20px; font-size:11px;}

.mainContentWrapper li ol {margin:5px 0 0 20px; font-size:11px;}


.mainContentWrapperLG ul {list-style-type:disc; list-style-position:outside; font-size:12px; margin:0 0 0 20px;}

.mainContentWrapperLG ol {list-style-type:decimal; list-style-position:outside; font-size:12px; margin:0 0 0 20px;}

.mainContentWrapperLG ul li, ol li {padding:0 0 5px 4px; line-height:1.3em;}

.mainContentWrapperLG li ul {margin:5px 0 0 20px; font-size:11px;}

.mainContentWrapperLG li ol {margin:5px 0 0 20px; font-size:11px;}



.mainContentOrange div.content div.mainContentWrapper {width:750px; height:100%; margin:0px 0 0 85px; float:left; background: url(../images/generic/wrapperbg/wrapperBgOrange.jpg) repeat-y;}

.mainContentRed div.content div.mainContentWrapper {width:750px; height:100%; margin:0px 0 0 85px; float:left; background: url(../images/generic/wrapperbg/wrapperBgRed.jpg) repeat-y;}

.mainContentGreen div.content div.mainContentWrapper {width:750px; height:100%; margin:0px 0 0 85px; float:left; background: url(../images/generic/wrapperbg/wrapperBgGreen.jpg) repeat-y;}

.mainContentBlue div.content div.mainContentWrapper {width:750px; height:100%; margin:0px 0 0 85px; float:left; background: url(../images/generic/wrapperbg/wrapperBgBlue.jpg) repeat-y;}

.mainContentOrange div.content div.mainContentWrapperLG {width:750px; height:100%; margin:0px 0px 0px 85px; float:left;background: none;}

.mainContentRed div.content div.mainContentWrapperLG {width:750px; height:100%; margin:0px 0px 0px 85px; float:left;background: none;}

.mainContentGreen div.content div.mainContentWrapperLG {width:750px; height:100%; margin:0px 0px 0px 85px; float:left;background: none;}

.mainContentBlue div.content div.mainContentWrapperLG {width:750px; height:100%; margin:0px 0px 0px 85px; float:left;background: none;}

.mainContentOrange div.content {width:920px; margin:0; padding:20px 0 30px 0; float:left;}

.mainContentRed div.content {width:920px; margin:0; padding:20px 0 30px 0; float:left;}

.mainContentGreen div.content {width:920px; margin:0; padding:20px 0 30px 0; float:left;}

.mainContentBlue div.content {width:920px; margin:0; padding:20px 0 30px 0; float:left;}

.col200 {width:200px; padding:0 0px 0 0; height:100%; margin:0; float:left;}

.col535Red {width:519px; padding:0 0 0 15px; height:100%; margin:0 0 0 0px; float:right;}

.col535Green {width:519px; padding:0 0 0 15px; height:100%; margin:0 0 0 0px; float:right;}

.col535Orange{width:519px; padding:0 0 0 15px; height:100%; margin:0 0 0 0px; float:right; }

.col535Blue{width:519px; padding:0 0 0 15px; height:100%; margin:0 0 0 0px; float:right; }

.titleOrange {color:#f57c20; background:#fff; font-size:16px; padding:0 0 10px 0;}

.titleRed {color:#be2126; background:#fff; font-size:16px; padding:0 0 10px 0;}

.titleGreen {color:#3d853f; background:#fff; font-size:16px; padding:0 0 10px 0;}

.titleBlue {color:#1D275A; background:#fff; font-size:16px; padding:0 0 10px 0;}

.tablex           { border: 1px solid #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }
.tablez           { border: 1px solid #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }


/* New VSM tags */

.colVSContainer{width:519px; margin:10px 0 0 0; padding:0; height:100%; float:left;}

.col370 {width:370px; padding:0; margin:0; height:100%; float:left;}

.col145 {width:135px; padding:0; margin:0; height:100%; float:right; border:1px dashed;}

.featureFoodsHeader { width:515px; height:20px; margin:0; padding:0; background:url(../images/virtual-supermarket/featured-foods-header.jpg) no-repeat;}

.featureFoodsContainer { width:515px; height:100%; margin:0; padding:0 0px 0 8px; background:url(../images/virtual-supermarket/featured-foods-bg.jpg) repeat-y;}

.featureFoodContent {width:500px; height:100%; margin:0; padding:0;  }

.featureFoodsFooter { width:515px; height:20px; margin:0; padding:0; background:url(../images/virtual-supermarket/featured-foods-footer.jpg) no-repeat;}

.VSdisc {font:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#333333;}

.VSitem {width:245px; border-top:1px solid #3d853f; padding:0 0 0px 0; margin:5px 0 0 0;}

.VSfoodName {font:Arial, Helvetica, sans-serif; text-align:left; color:#be2126; text-decoration:underline; font-weight:bold; padding-bottom:0; margin-bottom:0;}

.rating { color:#333333; text-decoration:none; padding:0; margin:0;}

.quote {width:135px; height:100%; border-bottom:1px solid #ccc; font-size:10px;}
.quote p {font-style:italic;}

p.name {text-align:right;}

.orangeHeader { font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#f57c20;}

.greenHeader { font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#3d853f;}

.redHeader { font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#be2126;}

.blueHeader { font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#1D275A;}

/*end: New VSM tags */


/*end: content */

/*footer*/
#footerContent {padding:0; margin:0px 0 0 60px; width:800px; height:40px; float:left; background: none; text-align:center; color:#FFFFFF; font-size:10px;}

#footerContent p {color:#FFFFFF; font-size:10px; margin:0; padding:0; line-height:1.0em;}

ul.footerNav {padding:0; margin:5px 0 8px 0px; list-style:none;}

ul.footerNav li {display:inline; padding:0 2px 0 2px;}

ul.footerNav li a {color:#fff; text-decoration:none;}

ul.footerNav li a:hover {color:#fff; text-decoration:underline;}

.spotlight {width:920px; height:50px; margin:0; padding:0; float:left; background:url(../images/generic/spotlight_bkrnd.jpg) no-repeat;}
/*.spotlight {width:920px; height:50px; margin:0; padding:0; float:left; background:url(../images/generic/spotlight.jpg) no-repeat;}*/


/*end: footer*/