/*
Logo font = Century Old Style std
masthead green = #678d3e;
*/
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, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
a, a:hover {text-decoration:none;}
input, textarea {margin:0; padding:0;}
.clear {clear: both;}
 
/* ------- main styles ------ */
body {background: #ab6235 url(../images/bkg_grit.png); font-family: sans-serif; font-size: 10px; color: #ddddda; line-height: 1.1;}
.cont {
  position: relative; margin: -540px auto; z-index: 20; display: block; width: 900px; height: 600px;  font-size: 14px;
  border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 2px solid #682f17; border-bottom: 2px solid #682f17;
}
#cont_index {background-image: url(../images/bkg01.png);}
#cont_cookies {background-image: url(../images/bkg02.png);}
#cont_contact {background-image: url(../images/bkg02.png);}
#cont_gifts {background-image: url(../images/bkg02.png);}
#cont_links {background-image: url(../images/bkg01.png); height: 645px;}
#discs {display: block; width: 900px; height: 600px; position: relative; margin: auto; z-index: 0;}
.discs {width: 500px; height: 500px; position: absolute; z-index: 0; background: url(../images/bkg_disc.png);}
#disc_top {left: -170px; top: -91px;}
#disc_bottom {left: 550px; top: 300px;}

/* ------- masthead ------ */
h1 {position: absolute; top: -62px; left: -38px; z-index: 50;}
#mh_contact {position: absolute; left: 250px; top: 60px; z-index: 70; font-size: 12px; font-weight: bold; color: #678d3e;}
#mh_contact a {color: #678d3e;}
#mh_contact a:hover {color: #84441d;}

/* ------- masthead navigation ------ */
ul#mh_nav {position: absolute; left: 480px; top: 88px; z-index: 60;}
ul#mh_nav li {float: left; font-weight: bold; text-align: center; line-height: 1.5; margin-left: -1px;}
ul#mh_nav li a {color: #678d3e; display: block; width: 75px; height: 20px; border-right: 1px solid #fff; border-left: 1px solid #fff;}
ul#mh_nav li a:hover {color: #fff; background-color: #a34321;}

/* ------- text ------ */
.body_copy {position: absolute; top: 220px; left: 20px; z-index: 40; line-height: 1.2em;}
.par_type01 {color: #584d26; border: 1px solid #ab6235; padding: 8px; margin: 4px; background: url(../images/fff_50.png); width: 530px;}
.par_type02 {color: #584d26; border: 1px solid #ab6235; padding: 8px; margin: 4px; background: url(../images/fff_50.png); width: 830px;}
.bold {font-weight: bold; font-size: 16px; color: #c94027; line-height: 1.2;}
.bold2 {font-weight: bold; font-size: 14px; color: #584d26; line-height: 1;}
#par_contact01 {position: absolute; left: -4px; top: -80px; z-index: 40; width: 509px;}
#par_cookies01 {width: 600px;}
#par_cookies02 {width: 600px;}
#par_gifts01 {width: 650px;}
#par_gifts02 {width: 650px;}

a.par_order {
   font-weight: bold; font-size: 14px; color: #c94027;
   border: 1px solid #ab6235;
   display: block; padding: 8px 8px; margin: 4px;
   background: url(../images/fff_50.png);
}
a:hover.par_order {color: #678d3e;}

a#par_order_gifts {width: 650px;}
a#par_order_cookies {width: 600px;}

/* ------- index page large photos and flash ------ */
#index_ph {position: absolute; top: 200px; left: 700px;}
#index_ph li img {padding: 10px; margin: 5px; border: 1px solid #c94027;}
#slideshow {position: absolute; top: 385px; left: 0px;}

/* --- product menu --- */
ul.prod_mn {position: absolute; top: 430px; left: 330px; z-index: 70;}
ul.prod_mn li a {float:left; border: 1px solid #ab6235; padding: 6px; margin: 10px; text-align: center; width: 104px;}
ul.prod_mn li {float: left;}
ul.prod_mn li a:hover {background-color: #c94027;}
span.prod_mn_lab {display: block; width: 104px; height: 19px; background-image: url(../images/prod_mn_sprite.png); margin-top: 3px;}
#prod_mn_lab01  {background-position: -6px -19px;}
a:hover #prod_mn_lab01 {background-position: -6px 0px;}
#prod_mn_lab02  {background-position: -128px -19px;}
a:hover #prod_mn_lab02 {background-position: -128px 0px;}
#prod_mn_lab03  {background-position: -250px -19px;}
a:hover #prod_mn_lab03 {background-position: -250px 0px;}

/* ------- contact page ------ */
#contact_ph {position: absolute; top: 200px; left: 20px;}
#contact_ph li img {padding: 10px; margin: 5px; border: 1px solid #ab6235; background-image:  url(../images/fff_50.png);}
#contact_block {
   position: absolute; top: 300px; left: 10px; z-index: 40;
   width: 509px; color: #3b3218;
   padding: 8px; margin: 4px; border: 1px solid #ab6235;
}

/* --- product cards ---*/
.card {display: none; background-color: #fff; border: 2px solid #6a7152; color: #6a7152; position: relative;}
.card_left {display: block; width: 220px; position: absolute;}
.card_left_ph {border: 1px solid #c94027; display: block; width: 200px; height: 200px; padding: 10px;}
.card_left_name {font-family: Georgia, serif; font-size: 20px; font-weight: bold; line-height: 1.1; color: #c94027;}
.card_left_descript_narrow {display: block; width: 220px; padding: 10px; font-weight: normal;}
.card_left_descript_wide {display: block; width: 600px; padding: 10px; font-weight: normal;}

.card_right_descript {display: block; width: 220px; position: absolute; left: 250px; top: 50px; padding: 10px; font-weight: normal;}

.message_box {width: 200px;}

.paypal_container {width: 220px; position: absolute; left: 250px; top: 50px;}
.paypal_container02 {width: 220px; position: absolute; left: 500px; top: 150px;}
.paypal_button {margin: 5px 0px; border: 1px solid #c94027;}

/* --- product pages --- */           
ul.grid {width: 850px; height: 136px; position: absolute; top: 420px; left: 24px; z-index: 40;}
ul.grid li a {float: left; width: 82px; height: 120px; border: 1px solid #ab6235; margin-right: 5px; color: #678d3e; padding: 5px;}
ul.grid li a:hover {background: #c94027; color: #fff;}
ul.grid li a img {border: 1px solid #ab6235;}
ul.grid li a:hover img {border: 1px solid #fff;}
ul.grid li a span {font-family: Georgia, serif; font-size: 12px; font-weight: bold; display: block; /*margin-top: 5px;*/}
.grid_title {position: absolute; top: 195px; left: 800px; z-index: 30;}
#grid_gifts {height: 150px;top: 415px;}
#grid_gifts li a {width: 142px; height: 156px;}

/* --- links page --- */
ul#ul_links li {display: block; margin: 10px;}
ul#ul_links li a {display: inline-block; margin-left: 15px; font-weight: bold; color: #678d3e;}
ul#ul_links li a:hover {color: #c94027;}
.link_descript {font-size:12px; font-style:italic; display:block; margin-top:0px;}

/* ------- footer ------ */
div.footer {width: 900px; margin: 550px auto auto auto; text-align: center; font-size: 10px; color: #c78067; position: relative; z-index: 200;}
div.footer p a {color: #c78067; font-size: 10px;}
div.footer p a:hover {color: #678d3e; font-size: 10px;}

/* ------- thank you page ------ */

#thank_you {
   width: 900px; position: absolute; top: 50px; left: 0px; z-index: 100;
   font-size: 16px; color: #4e4a34; font-weight: bold; text-align: center;
}
#thank_you a {padding: 8px; height: 20px; border: 1px solid #c94027; background-image: url(../images/fff_50.png);}