/*--------- Default Colors ------------

Holiday Green (PANTONE 3435C) 005134

Content Bkgd Brown 452620

Page Bkgd Brown ab4e32

Text - Header a6918e

Text - Subhead d4bd80

Text - Body Copy d6cfbe

Link hover state 6d8576 new=

Menu background  0e1f17

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

/* http://meyerweb.com/eric/tools/css/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: 0px auto;
   /*padding: 5px;*/
   border: 0;
   outline: 0;
   vertical-align: baseline;
   text-align: center;
   color: #000000;
}
body {
   line-height: 1;
   background-color: #FFF;
}
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;
   color: #FFFFFF;
   line-height: 0.9em;
   margin: 0;
   font-weight: normal;
   }
   
#PgWrapper #MainArea #twoCol_right260 tr td label div {
   text-align: left;
}

/* -------- MAIN PAGE FORMAT ----------- */

body {
   background-color: #ab4e32;
   background-image: url(../_images/_pgElements/pgBkgd.jpg);
   background-repeat: repeat;
   background-position: left top;
   margin: 0 auto;
   padding: 0;
   font: normal .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #336572;
   position: relative;
   }
   
#PgWrapper {
   margin: 0 auto;
   width: 980px;
   background-image: url(../_images/_pgElements/contentBkgd.png);
   background-repeat: repeat-y;
   background-position: center top;
   height: auto;
   overflow: hidden;
   }
   
#Head {
   margin: 0 auto;
   width: auto;
   height: auto;
   background-repeat: no-repeat;
   background-position: center top;
   }
   
#MainArea {
   margin: 0 auto;
   padding: 0;
   width: 940px;
   background-image: url(../_images/_pgElements/mainareaBkgd.png);
   background-repeat: no-repeat;
   background-position: center top;
   height: auto;
   }

#singleCol {
   float: left;
   width: 860px;
   background-color: #FFF;
   margin-top: 20px;
   margin-right: 20px;
   margin-bottom: 10px;
   margin-left: 20px;
   padding: 20px;
   }
   
#singleColRight {
   float: right;
   width: 860px;
   background-color: #FFF;
   margin-top: 20px;
   margin-right: 20px;
   margin-bottom: 10px;
   margin-left: 20px;
   padding: 20px;
   }
   
#singleColCenter {
   width: 860px;
   background-color: #FFF;
   margin-right: auto;
   margin-left: auto;
   }
   
#singleColCenterLarge {
   width: 1000px;
   background-color: #FFF;
   margin-right: auto;
   margin-left: auto;
   }   

#twoCol_leftCol {
   float: left;
   margin: 20px 0 10px 20px;
   width: 430px;
   background-color: #FFF;
   }

#twoCol_rightCol {
   float: right;
   margin: 20px 20px 10px 0;
   width: 430px;
   background-color: #FFFFFF;
   }
   
#twoCol_left600 {
   float: left;
   width: 600px;
   background-color: #FFF;
   margin-top: 20px;
   margin-right: 20px;
   margin-bottom: 10px;
   margin-left: 20px;
   }
   
#twoCol_left600_white {
   float: left;
   width: 600px;
   margin-top: 20px;
   margin-right: 20px;
   margin-bottom: 10px;
   margin-left: 20px;
   background-color: #FFF;
   }   
   
#twoCol_left600pad {
   float: left;
   width: 560px;
   background-color: #FFF;
   margin-top: 20px;
   margin-right: 20px;
   margin-bottom: 10px;
   margin-left: 20px;
   padding: 20px;
   }
   
#twoCol_right260 {
   float: right;
   margin: 20px 20px 0 0;
   width: 260px;
   background-color: #FFF;
   }
   
#twoCol_right260pad {
   float: right;
   margin: 20px 20px 10px 0;
   width: 220px;
   background-color: #FFF;
   padding: 20px;
   }
   
#contact_right260pad {
   float: right;
   margin: 0 20px 10px 0;
   width: 240px;
   background-color: #CCCD99;
   padding: 10px;
   }

#Menu {
   margin: 0 auto;
   padding-top: 172px;
   width: 940px;
   text-transform: uppercase;
   }
   
#footer {
   margin: 0 auto;
   width: 980px;
   background-image: url(../_images/_pgElements/footBkgd2.png);
   background-repeat: no-repeat;
   background-position: center top;
   }
   
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }   
   
/* -------- BASE STYLES ----------- */

h1 {
   margin: 0px;
   margin-bottom: 6px;
   font-size: 1.4em;
   line-height: 1em;
   font-weight: normal;
   color: #a6918e;
   text-align: center;
   }

h2 {
   margin: 0px;
   margin-bottom: 6px;
   font-size: 1.2em;
   line-height: 1em;
   font-weight: normal;
   text-align: left;
   color: #d4bd80;
   }

p {
   margin: 0;
   padding: 0;
   font-size: 0.9em;
   line-height: 1.6em;
   color: #000000;
   text-align: left;
   }

ul {
   margin-left: 50px;
   list-style-position: outside;
   list-style-type: disc;
   font-size: 1.0em;
   line-height: 2.1em;
   font-weight: bold;
   color: #d6cfbe;
   text-align: left;
}

em {
   font-style: italic;
   }

a:link, a:visited {
   text-decoration: underline;
   color: #666333;
}

a:hover {
   text-decoration: underline;
   /* color: #CCCD99; */
    color: #cc0033;
}

/*--------- Specific stuff -----------------*/

#twoCol_leftCol img {
   margin-bottom: 20px;
   }

#twoCol_rightCol img {
   margin-bottom: 20px;
   }

.locations {
   margin-top: 10px;
   margin-bottom: 50px;
   }

.locations p {
   margin-top: 10px;
   font-size: 1.0em;
   line-height: 1.2em;
   font-weight: normal;
   }

.locations strong {
   font-weight: bold;
   color: #d4bd80;
   }
   
.redtext {
   color: #FF0000;
   font-size: xx-large;
   }
   
.largeheader {
   font-size: xx-large;
}   

/* -------- COPYRIGHT ----------- */


#Copyright {
   color: #d6cfbe;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
}

#Copyright p {
   color: #d6cfbe;
   font-size: 0.75em;
   line-height: 1.0em;
   padding-top: 13px;
   text-align: center;
}

#Copyright p.info {
   color: #d6cfbe;
   font-size: 0.8em;
   line-height: 1.5em;
   padding-top: 33px;
   font-weight: bold;
   text-align: center;
}

#Copyright a:link, #Copyright a:visited {
   text-decoration: none;
   color: #d6cfbe;
}

#Copyright a:hover {
   text-decoration: underline;
   /* color: #643315; */
   color: #ddffff;
}


/* MISCELLANEOUS STUFF */

.image_right { margin: 0px; padding-left: 10px; padding-bottom: 3px; float: right; }
.image_left { margin: 0px; padding-bottom: 3px; float: left; padding-right: 10px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
   clear:right;
   height:0;
   margin-left: 480px;
   max-width: 440px;
   padding-top: 20px;
   padding-bottom: 20px;
}

#invBtns a {
   position: relative;
   text-decoration: none;
   padding: 0;
   margin: 0;
   }

#invBtns a#homelink {
   float: left;
   margin: 28px 0 0 32px;
   /*
   border: solid 1px blue;
   */
   }

#invBtns a#rewardlink {
   float: right;
   margin-top: 17px;
   margin-right: 10px;
   margin-bottom: 0;
   margin-left: 0;   /*
   border: solid 1px red;
   */
   }


/* IE6 Only */
* html #Menu {
   padding-top: 15px;
   }
   
* html #MainArea {
   margin-top: -4px;
   }

* html #twoCol_leftCol {
   margin-left: 20px;
   }

* html #twoCol_rightCol {
   margin-right: 20px;
   }

/* IE7 Only */
*:first-child+html #Menu {
   padding-top: 15px;
   }
.TABLEtext {
   color: #cc9966;
}
#TopRight-260 {
   width: 260px;
   padding-left: 620px;
}
.header1center {
   text-align: center;
   font-size: 1.5em;
   font-weight: bold;
}
.subheader {
   font-size: 16px;
   line-height: normal;
   font-weight: bold;
   text-align: center;
   color: #000;
}
#PgWrapper #MainArea form center table tr td .header1center {
   color: #000;
}


#SingleCenterBox {
   height: 300px;
   width: 800px;
   background-color: #FFF;
   float: none;
   margin: 0px auto;
   color: #000;
   text-align: center;
}

#PgWrapper #MainArea #twoCol_right260 table form tr td center table {
   color: #000;
}
#MainArea #twoCol_right260 table {
   color: #000;
}

#SingleCenterBox2 {
   width: 800px;
   background-color: #FFF;
   float: none;
   margin: 0px auto;
   color: #000;
   text-align: left;
}

#SingleCenterBoxPad {
   width: 800px;
   background-color: #FFF;
   float: none;
   margin: 0px auto;
   color: #000;
   text-align: left;
   padding: 10px;
}

.Cheese {
   color: #060;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 18px;
   text-decoration: underline;
   font-weight: bold;
   text-transform: none;
   font-style: normal;
   line-height: normal;
   width: auto;
   text-align: center;
}
.groceryTitle {
   text-align: center;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #060;
   font-style: normal;
   font-weight: bold;
}

div.form-container {
width:60%;
margin:0 auto;
padding:5px;
}

p.legend {
margin-bottom:1em;
}

p.legend em {
color:#C00;
font-style:normal;
}

div.errors {
border:#FC6 1px solid;
background-color:#FFC;
margin:0 0 10px;
padding:5px 10px;
}

div.errors p em {
color:#C00;
font-style:normal;
font-weight:700;
}

div.form-container form p.note {
margin-left:170px;
font-size:90%;
color:#333;
}

div.form-container form fieldset {
border:#ef9c1e 1px solid;
margin:10px 0;
padding:10px;
}

div.form-container form legend {
font-size:1.3em;
font-weight:700;
color:#333;
}

div.form-container form fieldset div {
padding:.25em 0;
}

div.form-container label,div.form-container span.label {
margin-right:10px;
padding-right:10px;
width:150px;
display:block;
float:left;
text-align:right;
position:relative;
}

div.form-container label.error,div.form-container span.error {
color:#C00;
}

div.form-container label em,div.form-container span.label em {
position:absolute;
right:0;
font-size:120%;
font-style:normal;
color:#C00;
}

div.form-container input.error {
background-color:#FEF;
border-color:#C00;
}

div.form-container input:focus,div.form-container input.error:focus,div.form-container textarea:focus {
background-color:#FFC;
border-color:#FC6;
}

div.form-container div.controlset label,div.form-container div.controlset input {
display:inline;
float:none;
}

div.form-container div.controlset div {
margin-left:170px;
}

div.errors p,div.form-container form p {
margin:0;
}

.applecore {
display:none;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #000000;
}

.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
   opacity: 0.5;
   }