/**/
* 
{ margin: 0 ;
  padding: 0 ;
}

option
{ padding-right: 4px; }

body
{ 
  background: rgb(6,24,68) ;
  color: rgb(0,0,0) ;
  font-family: sans-serif ;
  font-size: 16px ;
 }

a img
{ border-style: none; }

a img.drilldown, 
a img.drilldown2,
img.nodrilldown-blue
{ 
  display: block ;
  border-style: solid ;
  }

a img.drilldown, 
a img.drilldown2
{ 
  border-color: rgb(178, 27, 39) ;
  }

a img.drilldown
{ 
  border-width: thin ;
 }

a img.drilldown2
{ 
  border-width: 2px ;
 }

img.nodrilldown-blue
{ 
  border-color: rgb(6, 24, 68) ;
  border-width: 1px ;
 }



.alert
{ border-style: solid;
  padding: 8px ;
  border-width: thick ;
  border-color: #b3cee4 ;
 }

.fixme,
.debugging,
.fixme-suggestion
{ border-style: solid;
  padding: 8px ;
 }

.fixme,
.debugging
{ 
  border-width: thick ;
  border-color: #44bb00 ;
 }

.fixme-suggestion
{ 
  border-width: medium ;
  border-color: #229900 ;
 }

h1, h2, h3, h4,
.popup-title
{ 
  color: rgb(178, 27, 39) ;
  text-align: center ;
  font-weight: 500 ;
  font-size: 120%;
 }

.popup-title
{ 
  margin-bottom: 12px;
 }

h5
{ 
  color: rgb(0,0,0);
  text-align: center ;
  font-weight: 900 ;
 }

h1, h2, h3, 
.photo-caption, 
.popup-title 
{ 
  font-family: "Comic Sans", "Comic Sans MS", cursive, sans-serif ; /**/
  }

div.photo-caption
{ 
  display: block ;
  background-color: rgb(178, 27, 39) ;
  color: rgb(255,255,255);
  text-align: center ;
  font-size: 120% ;
  font-weight: 800 ;
  margin: 0px ;
  padding: 5px ;
  }

td.photo-caption
{ 
  background-color: rgb(178, 27, 39) ;
  color: rgb(255,255,255);
  text-align: center ;
  font-size: 120% ;
  font-weight: 800 ;
  margin: 0px ;
  padding: 5px ;
  }

.photo-caption p
{
  margin: 0px ;
  padding: 3px ;
 }

h4, h5 /**/
{ 
  font-family: sans-serif ; /**/  
  font-variant: small-caps; 
  font-size: 200% ;
 }

h1 
{ 
  font-size: 315% ; 
  border-bottom-width: thick ;
  border-bottom-color: rgb(255, 224, 27) ;
  border-bottom-style: solid ;
  }

h2
{
font-size: 200% ; 
 }

h2.welcome-title
{ 
  position: relative;
  top: 50px;
  background-color: rgb(255, 241, 100) ;
  font-size: 180%;
 }

h2.bottom-bordered
{ 
  font-size: 175%;
  font-family: "Comic Sans", "Comic Sans MS", cursive, sans-serif ; /**/
  border-bottom-width: 3px ;
  padding-bottom: 0px;
  border-bottom-color: rgb(255, 224, 27);
  border-bottom-style: solid ;
 }

h2.bottom-bordered table
{ border-spacing: 0px 0px; }

h3
{ 
  /*font-variant: small-caps;*/
  color: rgb(178, 27, 39) ;
  background: rgb(255, 245, 147) ;
 }

div.content-popup h3
{ 
  color: rgb(0,0,0) ;
  background: none; 
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: rgb(178, 27, 39);
  text-align: left;
  font-size: 66%;
  font-weight: 600;
  padding-top: 1.5ex;
  }

div.content-popup p
{ 
  line-height: 100%;
  font-size: 75%; 
  font-family: "Comic Sans", "Comic Sans MS", cursive, sans-serif ; /**/
  margin-top: 1em ;
  margin-bottom: 1em ;
}

div.content-popup p.ingredients
{ 
  line-height: 100%;
  font-size: 66%; 
  margin-top: 1em ;
  margin-bottom: 1em ;
  font-family: sans-serif;
}

div.content-popup p.popup-close,
div.content-popup p.popup-close-bakery
{ 
  text-align: right;
  margin-bottom: 0;
  }

div.content-popup p.popup-close-bakery
{ 
  position: relative;
  top: -28px;
  margin-bottom: -28px;
 }

div.content-popup p.popup-close a
{ text-decoration: none; }


div.content div.blue
{
  color: rgb(255,255,255);
  background: rgb(89, 106, 152);
  text-align: center;
 }

div.content div.blue h3
{ 
  background: rgb(89, 106, 152);
  color: rgb(255,255,255);
  font-size: 90%;
  margin-bottom: 0;
 }

div.content h3.blue-h3
{ 
  color: rgb(255,255,255);
  background: rgb(89, 106, 152);
  text-align: center;
  font-size: 100%;
  padding-bottom: 2px;
  margin-bottom: 0;
 }

.bakery-add-to-cart-button
{ margin-bottom: 18px;
 }

div.content h3.blue-h3 span.blue-h3-smaller
{ 
  font-size: 11px;
 }


div.content div.blue p
{ 
  margin-top: 0px;
  padding-bottom: 4px;
  font-weight: 600;
  line-height: 110%;
  font-size: 11px;
 }


h3.blue
{
  color: rgb(255,255,255);
  background: rgb(89, 106, 152);
  font-size: 90%;
 }

div.content p.blue
{ 
  font-weight: 600;
  line-height: 150%;
  font-size: 10px;
  color: rgb(89, 106, 152);
 }


H3.subtitle
{ 
  color: rgb(6, 24, 68) ;
  background: rgb(255, 251, 219) ;
  }

div.outer-border,
div.outer-border-popup
{ 
  background: rgb(6, 24, 68) ;
  color: rgb(255,255,255) ;
  margin-left: auto;
  margin-right: auto;
 }

div.outer-border
{ 
  width: 750px ;
  padding: 12px ;
 }

div.outer-border-popup
{ 
  width: 360px ;
  padding: 6px ;
 }

div.outer-border a:link 
{ 
  color: #aaaaff ;
  }

div.outer-border a:visited 
{ 
  color: #aaaaff ;
  }

div.outer-border a:hover[href] 
{ 
  color: #ffaaaa ;
  } 

div.plaid-border,
div.plaid-border-popup
{
  background: url("/plaid_square.gif") ;
  /*margin-top: 20px ; */
  position: relative;
 }

div.plaid-border
{ 
  padding: 22px;
  padding-top: 38px;
 }

div.plaid-border-popup
{ 
  padding: 9px;
 }

div.content,
div.content-popup
{ 
  position: relative ; 
  background: rgb(255, 251, 219) ;
  color: rgb(0,0,0) ;
 }

div.content
{ 
  padding: 18px ;
  padding-bottom: 16px; 
  padding-top: 81px;
 }

div.content-popup
{ padding: 13px; }

div.content a:link, 
div.content-popup a:link 
{ 
  color: #003399 ;
  }

div.content a:visited, 
div.content-popup a:visited 
{ 
  color: #003399 ;
  }

div.content a:hover[href],
div.content-popup a:hover[href] 
{ 
  color: #dc002a ; /**/
  } 

div.logo-container /* and phonenumber too */
{ 
  position: absolute; 
  left: -12px ;
  top: -31px;
  width: 128px;
}

/*div.logo
{ 
  position: absolute; 
  left: -34px ;
  top: -50px;
 }
*/

img.logo-img 
{ 
  border-style: solid;
  border-width: 2px;
  border-color: rgb(6, 24, 68); /* was   #132553; */
  width: 128px; 
  height: 65px;
 }

img.top-phone
{ 
/*  position: absolute; 
  left: -10px;
  top: 30px;*/
  padding-left: 20px;
  padding-top: 6px;
  width: 108px;
  height: 28px;
 }

div.top-buttons-container
{ 
  position: absolute ;
  top: -29px;
  right: -12px;
  border-style: solid;
  border-color: rgb(255, 241, 100); /*#ffdc66;*/
  border-top-width: 10px;
  border-bottom-width: 12px;
  border-left-width: 14px;
  border-right-width: 14px;
  }

.top-buttons
{ 
  background-color: rgb(255,255,255);
  padding-right: 10px;
  padding-left: 4px;
  border-style: solid;
  border-color: rgb(255, 224, 27); /*#ffe282 ;*/
  border-width: 1px;
}

.top-buttons-2
{  
  border-style: solid;
  border-color: rgb(255, 224, 27); /*#fcc006 ;*/
  border-width: 1px;
}
.top-buttons-3
{  
  border-style: solid;
  border-color: rgb(255, 224, 27); /*#ffca15 ;*/
  border-width: 1px;
}

.top-button
{ margin-top: 8px;
  margin-bottom: 1px;
  margin-left: 0px; 
  margin-right: 0px;
}

.xxtop-button-1
{ 
  position: absolute ;
  left: 32px;
  top: 40px;
}
.xxtop-button-2
{ 
  position: absolute ;
  left: 152px;
  top: 40px;
}
.xxtop-button-3
{ 
  position: absolute ;
  left: 272px;
  top: 40px;
}
.xxtop-button-4
{ 
  position: absolute ;
  left: 392px;
  top: 40px;
}
.xxtop-button-5
{ 
  position: absolute ;
  left: 512px;
  top: 40px;
}

div.bottom-buttons
{ 
  position: relative ;
  z-index: 2 ;
  width: 300px ;  margin-left: auto ;
 }
.bottom-buttons img
{
  clear: both ;
  margin-top: 5px; 
  margin-bottom: 5px;
 } 


div.bottom-links
{ 
  text-align: center;
  clear: both ;
  font-size: 50% ;
  border-style: none ;
  border-top-style: solid ;
  border-top-width: medium ;
  border-top-color: rgb(255, 224, 27) ;
  padding-top: 16px ;
 }

div.bottom-links .separator
{ 
  color: rgb(178, 27, 39) ;
 }

div.bottom-links img.borderless
{ 
  vertical-align: bottom ;
  border-style: none ;  
 }

div.content p
{
  margin-top: 1em ;
  margin-bottom: 1em ;
  font-size: 75%;
 }


div.content p.double-bold,
div.content-popup p.double-bold
{
  line-height: 150% ;
  margin-top: 1em ;
  margin-bottom: 1em ;
  font-weight: 800 ;
  text-align: justify ;
 }

div.content p.important,
div.content-popup p.important
{
  line-height: 125% ;
  margin-top: 1em ;
  margin-bottom: 1em ;
  font-weight: 600 ;
  text-align: center ;
 }

div.content p.notice,
div.content p.notice-centered,
div.content-popup p.notice,
div.content-popup p.notice-centered
{
  line-height: 100% ;
  margin-top: 1em ;
  margin-bottom: 1em ;
  font-weight: 300 ;
  font-size: 80% ;
 }

div.content p.notice,
div.content-popup p.notice
{ 
  text-align: justify ;
  }

div.content p.centered,
div.content p.centered-bold,
div.content p.notice-centered,
div.content-popup p.centered,
div.content-popup p.centered-bold,
div.content-popup p.notice-centered
{ 
  text-align: center ;
  }

div.content table.centered,
div.content-popup table.centered
{ 
  margin-left: auto ;
  margin-right: auto ;
 }

div.content table.bakery
{ float: right;
  table-layout: fixed;
  margin-bottom: 14px;
  margin-top: 13px;
 }

div.content table.bakery3
{ 
  width: 100%;
 }
div.content table.baskets3
{ 
  width: 100%;
 }

div.content table.bakery3 h3
{ 
  margin-top: 23px;
  margin-bottom: 6px;
 }

div.content table.baskets3 h3
{ 
  margin-top: 23px;
  margin-bottom: 6px;
 }


div.content table.baskets
{ float: right;
  margin-bottom: 14px;
  margin-top: 13px;
 }


div.content img.bakery-click-img
{ 
  position: absolute;
  left: -13px;
  top: 6px;
  width: 36px;
  height: 59px;
 }



div.content img.bakery
{ position: absolute;
  top: -17px;
  width: 102px;
  height: 81px;
  margin-left: 28px;
  border-style: solid;
  border-color: rgb(0,0,0);
  border-width: 1px;
}

div.content img.baskets,
div.content-popup img.baskets
{ border-style: solid;
  border-color: rgb(0,0,0);
  border-width: 1px;
 }

div.content img.baskets
{ position: absolute;
  top: -17px;
  width: 102px;
  height: 81px;
  margin-left: 28px;
}

div.content-popup img.baskets
{ 
  width: 126px;
  height: 121px;
  margin-right: 20px;
  margin-bottom: 8px;
}


div.content table.bakery th
{ 
  text-align: center;
  font-size: 50% ;
}

div.content table.bakery3 th,
div.content table.baskets th,
div.content table.baskets3 th
{ 
  text-align: left;
  font-size: 9px ;
}

div.content table.bakery3 th.qty,
div.content table.baskets th.qty,
div.content table.baskets3 th.qty
{ 
  text-align: center;
  }

div.content table.baskets3 td.description
{ 
  text-align: justify; 
  font-size: 70%; 
  /* width: 366px;  ? */
  }

div.content table.baskets th
{ 
  text-align: center;
  font-size: 70% ;
}


div.content p.centered-bold,
div.content-popup p.centered-bold
{ 
font-weight: 800 ; 
}


div.content p.caption
{
  font-size: 75% ;
  line-height: 125% ;
  margin-top: 1em ;
  margin-bottom: 1em ;
  text-align: left ;
 }

div.content p.caption-tight
{
  font-size: 70% ;
  line-height: 110% ;
  margin-top: 0 ;
  margin-bottom: 0 ;
  text-align: left ;
 }

div.content p.question
{ 
  font-family: "Comic Sans", "Comic Sans MS", cursive, sans-serif ; /**/
  color: rgb(178, 27, 39);
  font-size: 100% ;
  /*line-height: 125% ;*/
  margin-top: 0.5em ;
  text-align: justify ;
  }

div.content li
{
  line-height: 150% ;
  margin-top: 1em ;
  margin-bottom: 1em ;
  }

div.content-popup ul.baskets
{ 
  font-size: 52%; 
  font-family: "Comic Sans", "Comic Sans MS", cursive, sans-serif ; /**/
  margin-top: 1em ;
  margin-bottom: 1em ;
  list-style-position: inside;  

 }

div.content-popup ul.baskets li
{ 
  /*margin-left: 10px; */
  list-style-image: url("/img/Bullet.gif") ;
 }

.bold-red
{ 
  color: rgb(178, 27, 39) ;
  font-weight: 900 ;
 }



div.content ul.news
{ 
  font-size: 65%; 
  font-family: "Comic Sans", "Comic Sans MS", cursive, sans-serif ; /**/
  margin-top: 0.5em ;
  margin-bottom: 0.5em ;
  list-style-position: inside;  

 }

div.content ul.news li
{ 
  /*margin-left: 10px; */
  list-style-image: url("/img/Bullet.gif") ;
  line-height: 100% ;
 }



div.title-block
{ 
  margin-left: 38px ;
  margin-right: 35px ;
  margin-bottom: 1.5em ;
  padding-top: 1.5em ; 
 }

div#first-title-block
{ 
  padding-top: 70px ;
 }

div.title-block h1
{ 
  background: rgb(255,255,255);
  color: #c8152b ;
  text-align: center ;
  clear: both ;
 }

div.text-block
{ 
  margin-left: 40px ;
  margin-right: 37px ;
  text-align: justify ;
  background: rgb(255,255,255);
  color: #101c43 ;
 }

div.contact-info
{ 
  position: relative ; 
  left: 262px ;
  top: 12px ;
 }

div.banner
{ 
  position: relative ; 
  left: 37px ;
  top: 12px ;
  clear: both;
 }

div.logo-border /**/
{
  position: absolute ;
  left: -19px ;
  top: -17px ;
  z-index: 2 ;
 }

div.partner
{ 
  text-align: center ;
  line-height: 150% ;
  font-weight: bold ;
 }

span.bold
{ 
  font-weight: bold ;
 }

span.italic,
p.italic
{ 
  font-style: italic ;
 }

span.underline
{ 
  border-bottom-style: solid;
  border-bottom-width: 1px;
 }

span.bold-italic
{ 
  font-weight: bold ;
  font-style: italic ;
 }


/**/

div.centering-wrapper
{ 
  width: 100% ;
  text-align: center ;
 }

img.welcome-roof
{ 
  margin-top: 30px ;
  }

img.welcome-banner
{ 
  border-top-style: solid ;
  border-top-width: medium ;
  border-top-color: rgb(255, 245, 147) ;
  padding-top: 20px ;
  padding-bottom: 30px ;
 }

img.welcome-banner-new
{ 
  position: absolute;
  top: 10px;
  left: 136px;
 }

img.welcome-banner-newer
{ 
  position: absolute;
  top: 10px;
  left: 136px;
 }

img.welcome-roof,
img.welcome-door
{ 
  position: relative ;  left: -40px ; 
  display: block ; /**/
 }

img.welcome-door-new
{ 
  margin-top: 50px; 
  border-style: solid;
  border-color: rgb(255, 224, 27);
  border-width: 1px;
}

img.welcome-door-newer
{ 
  margin-top: 44px; 
  border-style: solid;
  border-color: rgb(255, 224, 27);
  border-width: 2px;
}

img#welcome-door-overlay-closed
{ 
  position: absolute; 
  left: 125px ;
  top: 220px ;
  z-index: 1 ;
 }

img#welcome-door-overlay
{ 
  position: absolute; 
  left: 125px ;
  top: 220px ;
  visibility: hidden ;
  z-index: -1 ;
 }

img#welcome-door-overlay-newer,
img#welcome-door-overlay-closed-newer
{ 
  position: absolute; 
  left: 125px ;
  top: 233px ;
 }

img#welcome-door-overlay-newer
{    
  visibility: hidden ;
  z-index: -1 ;
  }

img#welcome-door-overlay-closed-newer
{ 
  z-index: 1 ;
 }

.float-left
{ 
  float: left ;
 }

.float-left-clear
{ 
  float: left ;
  clear: both ;
 }

div.clearboth
{ clear: both ; }

.float-right
{ 
  float: right ;
 }

.float-right-clear
{ 
  float: right ;
  clear: both ;
 }

div#connie-sig
{ 
  padding-top: 16px;
  text-align: right ;
  font-family: "Comic Sans", "Comic Sans MS", cursive, sans-serif ; /**/
  font-size: 125% ;
  font-weight: 900 ;
 }

div.repositioned-button
{ 
  position: absolute ;
  top: 390px ;
  left: 60px ;
  z-index: 2
 }

#mouseovers img
{ 
  border: none ;
 }


.positioning-wrapper
{ 
  position: relative ;
 }

.photo-caption p
{ 
  margin-top: 0px ;
  margin-bottom: 0px ;
  padding-bottom: 0.5em ;
  }

.invisible
{ visibility: hidden ; }

.newsletter-form
{ 
  margin-left: auto; 
  margin-right: auto; 
  width: 80% ;
  }

.newsletter-form th
{ 
  text-align: left ;
 }

.newsletter-form input,
.newsletter-form select,
.newsletter-form textarea
{ 
  border-style: outset ;
  border-width: medium ;
  border-color: #cccc88 ;
 }

.clear-bottom /* add at bottom of a container to extend its box to bottom of its content */
{ 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }

div.content p.page-intro
{ 
  color: rgb(0,0,0);
  font-family: "Comic Sans", "Comic Sans MS", cursive, sans-serif ; /**/
  font-size: 70%; 
  font-weight: 600;
  line-height: 150%;
  text-align: justify ;
 }

div.content hr.main-title-underline
{ 
  color: #ffc501;
  height: 2px;
 }

div.content img.shop-viewcart-button
{ 
vertical-align: bottom;
width: 69px;
height: 46px;
 }

div.content img.shop-checkout-button
{ 
vertical-align: bottom;
padding-bottom: 8px;
width: 75px;
height: 27px;
 }

img.frozen-page
{ margin-top: 20px;
  margin-bottom: 15px;
 }

div.content table.bakery td.pieces
{ 
width: 130px;
text-align: right; 
 }

div.content table.bakery td.flavors
{ 
width: 270px;
text-align: right; 
}

div.content table.bakery td.qty
{ 
width: 30px;
text-align: right; 
 }

div.content table.bakery td.action
{ 
width: 100px;
text-align: right; 
}

/* -- bakery3 -- */

div.content table.bakery3 td.photo-space,
div.content table.baskets3 td.photo-space
{ 
  width: 150px;
/*  border-style: solid; border-width: 1px; border-color: green; */
  }

div.content table.bakery3 td,
div.content table.baskets3 td
{ 
  vertical-align: top;
 }

div.content table.bakery3 td.pieces
{ 
  text-align: left; 
 }

div.content table.bakery3 td.flavors
{ 
  text-align: left; 
}

div.content table.bakery3 td.qty,
div.content table.baskets3 td.qty
{ 
  text-align: center; 
 }

div.content table.bakery3 td.action,
div.content table.baskets3 td.action
{ 
  text-align: right; 
}

div.content table.bakery3 select
{ 
  /*float: right;*/
  font-size: 70%; 
  }