body
{
	color: #000000;
	background-color: transparent;
	font-family: Arial, sans-serif;
	font-size: medium;
	/* for compliant browsers */
	margin: 0;
	padding: 0;
}

html>body
{
	/* be nice to Opera */
	font-size: small;
}

p
{
	text-align: left;
	vertical-align: text-top;
	line-height: 140%;
}

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

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

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

a:active
{
	color: #0F0;
	text-decoration: underline;
}

h1
{
	color: black;
	font-size: 130%;
	line-height: 85%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 0;
	vertical-align: middle;
	letter-spacing: 0.93em;
	text-align: center;
	/* 	word-spacing: 0.75em; */
}

h2
{
	color: gray;
	text-align: center;
	font-size: 1.4em;
	line-height: .8em;
}

h3
{
	color: #900;
	text-transform: uppercase;
	background-color: #CCC;
	margin: -5px 0 -10px 0;
	text-indent: 5px;
	font-size: 90%;
	font-weight: bold;
}

h4
{
	color: #333;
	vertical-align: middle;
	text-indent: 5px;
	margin: -5px 0 -10px 0;
	font-size: 85%;
	font-weight: bold;
}

ul
{
	vertical-align: middle;
	font-size: .9em;
	list-style-type: circle;
	list-style-position: outside;
}

li
{
	vertical-align: middle;
	list-style-type: circle;
	list-style-position: outside;
	text-decoration: none;
	line-height: 1.5em;
}

#container
{
	margin: 0px auto 50px auto;
	line-height: normal;
	width: 840px;
	background-color: transparent;
}

/* This is the masthead of the page*/
#masthead
{
	height: auto;
	width: auto;
	padding: 5px 0 5px 0;
}

#identity-breadso
{
	background-image: url(images/new/daobread-logo-web-banner.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 95px;
}

#home-breadso
{
	background-image: url(images/new/daobread-logo-web-banner.png);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	width: 456px;
}

#identity
{
	background-image: url(images/new/daobread-logo.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 95px;
}

#home
{
	background-image: url(images/new/daobread-logo.png);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	width: 456px;
}

#orderform
{
	background-image: url(images/new/web-orderform.png);
	background-repeat: no-repeat;
	background-position: 125px top;
	margin: 10px 0;
	height: 45px;
}

#confirmation
{
	background-image: url(images/new/web-orderconfirmation.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0;
	height: 45px;
}

#orderthanks
{
	background-image: url(images/new/web-orderthanks.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0;
	height: 38px;
}

.orderthanksmail
{
	color: #000;
	font-size: medium;
	font-weight: bold;
}

.weeklybake
{
	height: 44px;
	display: block;
}

#contact
{
	float: right;
	width: 33%;
	height: 75px;
}

.mail { 
	float: right;
	border: none;
	padding: 0 10px;
	height: 20px;
}

.shop
{
	float: right;
	border: none;
	padding: 0 10px;
	height: 40px;
}

.shopenso
{
	float: right;
	border: none;
	padding: 0;
	height: 80px;
}

.twitter
{
	float: right;
	height: 20px;
	padding: 0 10px;
	border: none;
	vertical-align: middle;
}

/* This is the main section of the page */
#main
{
	width: 840px;
	height: auto;
	background-color: transparent;
	padding: 0;
}

.glossary
{
	width: 570px;
	height: 40px;
	background-color: #cc6600;
	border-top: medium #663300 solid;
	background-image: url(images/new/web-glossary.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 270px;
}

.glossary img
{
	height: 28px;
	float: left;
	padding: 6px 0 0 15px;
	border: none;
}

img.crouton
{
	height: 15px;
	padding: 13px 0 0 15px;
	border: none;
}

img.bagel
{
	height: 20px;
	padding: 12px 0 0 15px;
	border: none;
}

a:hover
{
	background: #ffffff;
	text-decoration: none;
}

/*BG color is a must for IE6*/
a.tooltip span, a.tooltip-pullman span, a.tooltip-bagel span, a.tooltip-crouton span, a.tooltip-anatomy span, a.tooltip-art span
{
	display: none;
	padding: 5px;
	margin-left: 8px;
	width: 200px;
}

a.tooltip:hover span, a.tooltip-pullman:hover span, a.tooltip-bagel:hover span,  a.tooltip-crouton:hover span, a.tooltip-anatomy:hover span, a.tooltip-art:hover span
{
	display: inline;
	position: absolute;
	border: 1px solid #663300;
	color: #532F13;
	background-color: #ffcc99;
}

a.tooltip-pullman:hover span { margin-left: -270px; }
a.tooltip-bagel:hover span { margin-left: -260px; }
a.tooltip-crouton:hover span { margin-left: -240px; }
a.tooltip-anatomy span { width: 250px; }
a.tooltip-art span { width: 250px; z-index:1;}

#rightcol
{
	margin: 0;
	width: 33%;
	float: right;
}

#leftcol
{
	margin: 0;
	width: 66%;
}

#weeklybake
{
	width: auto;
	min-height: 100px;
	/*border: thin #412310 solid;*/
	background-image: url(images/new/weeklybake.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 5px 0;
	padding: 3px;
}

#weeklybake p { margin: 0 290px 0 0px; }

#pictures
{
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
	background-color: #FDD0A6;
}

#pictures p
{
	margin: 2px;
	padding: 5px;
	border: thin #000 solid;
	background-color: #FFF;
}

#thebake
{
	width: auto;
	height: auto;
	background-image: url(images/new/web-thebake.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	background-color: #630;
}

#thebakeclear
{
	width: auto;
	height: auto;
	background-image: url(images/new/web-thebake.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	/*background-color: #630;*/
}

#thebake p { margin: 2px; }

.thebakedate
{
	font-family: arial,sans-serif;
	font-size: 1.8em;
	color: #663300;
	text-align: right;
	padding: 5px 0 10px 0;
}

img.thebakepic
{
	/*border: thin #cc6600 solid;*/
	width: 100%;
	margin: 10px auto 10px auto;
}

#anatomy
{
	width: 280px;
	height: auto;
	margin: 0 0 10px 0;
}

img.anatomy
{
	display: block;
	width: 280px;
	border: none;
}

img.anatomy
{
	display: block;
	width: 280px;
	border: none;
}

img.ovenelement
{
	display: block;
	width: 275px;
	border: none;
}

a.ordertip span
{
	display: none;
	padding: 5px;
	margin-left: 8px;
	width: auto;
	z-index:1;
}

a.ordertip:hover 
{
	background: transparent;
}

a.ordertip:hover span
{
	display: inline;
	position: absolute;
	border: 1px solid #663300;
	color: #532F13;
	background-color: #cc6600;
	margin-top: 20px;
	margin-left: -2px;
	z-index:1;
}
.ordertip
{
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
}

img.orderbread
{
	display: block;
	width: 250px;
	border: none;
}

#news
{
	width: 280px;
	height: auto;
	border-left: thin #663300 solid;
	padding: 25px 0 0 0;
	margin: 0 0 10px 0;
	background-image: url(images/new/web-view.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#news p { padding: 5px 0 0 5px; }

#news img
{
	margin: 5px 0 5px 10px;
	float: right;
	border: thin #000 solid;
}

#news img.read
{
	margin: 5px 0 5px 10px;
	width: 50%;
	float: right;
	border: thin #000 solid;
}

#news img.ovenelement
{
	margin: 5px 10px 5px 0px;
	width: 50%;
	float: left;
	border: thin #000 solid;
}

#art
{
	width: 280px;
	height: auto;
	/*border-left: thin #663300 solid;*/
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	/* background-image: url(images/new/web-art.png);
	background-repeat: no-repeat;
	background-position: left top; */
}

#art img
{
	display: block;
	width: 280px;
	border: none;
}

#breaducation
{
	width: 280px;
	height: auto;
	border-left: thin #663300 solid;
	padding: 30px 0 0 0;
	margin: 0 0 5px 0;
	background-image: url(images/new/web-breaducation.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#breaducation p { padding: 0 0 0 5px; }

#breaducation img
{
	display: block;
	width: 280px;
	border: none;
}

#orders
{
	width: 280px;
	height: auto;
	border-left: thin #663300 solid;
	padding: 25px 0 0 0;
	margin: 0 0 10px 0;
	background-image: url(images/new/web-orders.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#orders p {  padding: 5px 0 0 5px; }

#calendar
{
	width: 280px;
	height: auto;
	border-left: thin #663300 solid;
	padding: 40px 0 0 0;
	margin: 10px auto 10px auto;
	background-image: url(images/new/web-thecalendar.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#calendar h2
{
	color: #C30;
	font-size: 1.4em;
	line-height: .5em;
}

#calendar table
{
	width: 95%;
	margin: 0 auto 5px auto;
}

#calendar th
{
	border: 1px #630 solid;
	background-color: #630;
	padding: 5px;
	text-align: center;
	color: #fc9;
}

#calendar td
{
	border: 1px solid #ccc;
	padding: 5px;
	width: auto;
	text-align: center;
}

#calendar td.nodate
{
	border: 1px solid #ccc;
	padding: 5px;
	width: auto;
	text-align: center;
	background-color: #fc9;
}

#calendar td.bake, #legend td.bake
{
	border: 1px #630 solid;
	padding: 5px;
	width: 14.29%;
	background-color: #c60;
	text-align: center;
	color: #fc9;
}

#calendar td.nobake, #legend td.nobake
{
	border: 1px red solid;
	padding: 5px;
	width: 14.29%;
	background-color: red;
	text-align: center;
	color: #FFF;
}

#calendar td.orders, #legend td.orders
{
	border: 1px #FF8000 solid;
	padding: 5px;
	width: 14.29%;
	background-color: #FF0;
	text-align: center;
}

#calendar td.holiday, #legend td.holiday
{
	border: 3px red solid;
	padding: 5px;
	width: 14.29%;
	text-align: center;
	color: red;
	font-weight: bold;
}

#calendar td.ordersin, #legend td.ordersin
{
	border: 2px #663300 solid;
	padding: 5px;
	width: 14.29%;
	background-color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	color: #663300;
}

#legend { padding: 5px 0 10px 0; }

#legend td
{
	border: 1px #FFFFFF solid;
	padding: 2px;
	width: auto;
	text-align: center;
}

#legend td.bake
{
	padding: 2px;
	text-align: center;
	font-size: x-small;
}

#legend td.nobake
{
	padding: 2px;
	text-align: center;
	font-size: x-small;
}

#legend td.orders
{
	padding: 2px;
	text-align: center;
	font-size: x-small;
}

#legend td.ordersin
{
	padding: 2px;
	text-align: center;
	font-size: x-small;
	font-weight: bold;
}

#legend td.holiday
{
	padding: 2px;
	text-align: center;
	font-size: x-small;
}

#archive
{
	width: 280px;
	height: auto;
	border-left: thin #663300 solid;
	padding: 35px 0 0 0;
	margin: 0 0 10px 0;
	background-image: url(images/new/web-thearchive.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#archive dl { margin: 10px auto 10px auto; }

#archive dt
{
	position: relative;
	top: 1em;
	width: 6em;
	font-weight: bold;
	padding: 0;
	text-align: right;
}

#archive dd
{
	margin: 0 0 0 7em;
	padding: 0 10px 0 0.5em;
	border-left: thin solid #999;
}

#footer
{
	width: 280px;
	height: auto;
	padding: 10px 0;
	margin: 0 0 10px 0;
	text-align: center;
	border-top: thin #663300 solid;
	border-left: thin #663300 solid;
}

div#content { padding: 20px; }

#breadbox-new, #breadbox-new2
{
	width: auto;
	border: thin #663300 solid;
	/*background-color: #FDB;*/
	background: -webkit-linear-gradient(#630, #FC9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#630, #FC9); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#630, #FC9); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#630, #FC9); /* Standard syntax */
	margin: 0 5px 10px 5px;
	position: relative;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 15px 0 0 0;
}

#breadbox-new table, #breadbox-new2 table
{
	width: 100%;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0 0 15px 0;
}

#breadbox-new td, #breadbox-new2 td
{
	width: 50%;
	text-align: left;
}

#breadbox-new img.loaf, #breadbox-new2 img.loaf, #breadbox-new img.flag-new, #breadbox-new2 img.flag-new
{
	float: right;
	height: 50px;
	margin: 0 5px;
}

#breadbox-new img.leaven, #breadbox-new2 img.leaven
{
	height: 50px;
	margin: 0 5px;
}

#breadbox-new p.text img.loaf, #breadbox-new2 p.text img.loaf
{
	float: right;
	padding: 0 10px 0 10px;
	height: 25px;
}

#breadbox-new p.text img.leaven, #breadbox-new2 p.text img.leaven
{
	float: right;
	padding: 0;
	height: 25px;
}

#breadbox-new img.sold, #breadbox-new2 img.sold
{
	width: 90%;
	float: right;
	z-index: 1;
	position: absolute;
}

#breadbox-new p.text img.sold, #breadbox-new2 p.text img.sold
{
	width: 45%;
	float: left;
	z-index: 1;
	position: absolute;
}

#breadbox-new img.image, #breadbox-new2 img.image
{
	width: 100%;
	margin: 0;
}

#breadbox-new img.new, #breadbox-new2 img.new
{
	width: 20%;
	left: -7px;
	z-index: 1;
	position: absolute;
	top: -7px;
}

#breadbox-new img.nbotw, #breadbox-new2 img.nbotw
{
	width: 100px;
	left: -1px;
	z-index: 1;
	position: absolute;
	top: -1px;
}

#breadbox-new h1.name, #breadbox-new2 h1.name
{
	color: #630;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	text-transform: none;
	margin: 0 0 5px 0;
	letter-spacing: normal;
	vertical-align: middle;
}

#breadbox-new h3.sub, #breadbox-new2 h3.sub
{
	color: #c60;
	font-size: 1.2em;
	line-height: 1em;
	text-align: center;
	margin: 10px 0 20px 0;
	text-transform: none;
	background-color: #FDB;
	text-indent: 0;
	font-weight: bold;
}

#breadbox-new p.text, #breadbox-new2 p.text, #breadbox-new p.desc, #breadbox-new2 p.desc, #breadbox-new p.ingredient, #breadbox-new2 p.ingredient
{
	width: auto;
	padding: 0 10px;
	/*background-color: #FDB;*/
	font-size: 1em;
	line-height: 1.4em;
}

#breadbox-new .breadboxname, #breadbox-new2 .breadboxname
{
	color: #cc6600;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
}

#breadbox-alt1, #breadbox-alt2, #breadbox-alt3, #breadbox-alt4, #breadbox-alt5, #breadbox-alt6, #breadbox-alt7, #breadbox-alt8
{
	float: left;
	width: 47.75%;
	border: thin #663300 solid;
	background-color: #FDB;
	padding: 0;
	margin: 0 5px 10px 5px;
	position: relative;
	min-height: 450px;
}

#breadbox-alt1 img.reuse, #breadbox-alt2 img.reuse, #breadbox-alt3 img.reuse, #breadbox-alt4 img.reuse, #breadbox-alt5 img.reuse, #breadbox-alt6 img.reuse, #breadbox-alt7 img.reuse, #breadbox-alt8 img.reuse
{
	width: 30%;
	left: -8px;
	z-index: 1;
	position: absolute;
	top: -8px;
}

#breadbox-alt1 img.image, #breadbox-alt2 img.image, #breadbox-alt3 img.image, #breadbox-alt4 img.image, #breadbox-alt5 img.image, #breadbox-alt6 img.image, #breadbox-alt7 img.image, #breadbox-alt8 img.image
{
	width: 100%;
	margin: 0;
}

#breadbox-alt1 p.text img.loaf, #breadbox-alt2 p.text img.loaf, #breadbox-alt3 p.text img.loaf, #breadbox-alt4 p.text img.loaf, #breadbox-alt5 p.text img.loaf, #breadbox-alt6 p.text img.loaf, #breadbox-alt7 p.text img.loaf, #breadbox-alt8 p.text img.loaf
{
	float: right;
	padding: 0 10px 0 10px;
	height: 25px;
}

#breadbox-alt1 img.leaven, #breadbox-alt2 img.leaven, #breadbox-alt3 img.leaven, #breadbox-alt4 img.leaven, #breadbox-alt5 img.leaven, #breadbox-alt6 img.leaven, #breadbox-alt7 img.leaven, #breadbox-alt8 img.leaven
{
	float: right;
	padding: 0;
	height: 25px;
}

#breadbox-alt1 .breadboxname, #breadbox-alt2 .breadboxname, #breadbox-alt3 .breadboxname, #breadbox-alt4 .breadboxname, #breadbox-alt5 .breadboxname, #breadbox-alt6 .breadboxname, #breadbox-alt7 .breadboxname, #breadbox-alt8 .breadboxname
{
	color: #cc6600;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
}

#breadbox-alt1 p.text, #breadbox-alt2 p.text, #breadbox-alt3 p.text, #breadbox-alt4 p.text, #breadbox-alt5 p.text, #breadbox-alt6 p.text, #breadbox-alt7 p.text, #breadbox-alt8 p.text, #breadbox-alt1 p.desc, #breadbox-alt2 p.desc, #breadbox-alt3 p.desc, #breadbox-alt4 p.desc, #breadbox-alt5 p.desc, #breadbox-alt6 p.desc, #breadbox-alt7 p.desc, #breadbox-alt8 p.desc
{
	width: auto;
	padding: 0 10px;
	background-color: #FDB;
	font-size: 1em;
	line-height: 1.4em;
}

#breadbox-alt1 img.sold, #breadbox-alt2 img.sold, #breadbox-alt3 img.sold, #breadbox-alt4 img.sold, #breadbox-alt5 img.sold, #breadbox-alt6 img.sold, #breadbox-alt7 img.sold, #breadbox-alt8 img.sold
{
	width: 90%;
	float: right;
	z-index: 1;
	position: absolute;
}

.breadbox
{
	float: left;
	width: 47.75%;
	border: thin #532F13 solid;
	background-color: #FDD0A6;
	margin: 0 5px 10px 5px;
	position: relative;
}

.breadbox img.image
{
	width: 100%;
	padding: auto 0px;
	margin: 0px;
}

.breadbox img.new
{
	width: 30%;
	left: -8px;
	z-index: 1;
	position: absolute;
	top: -8px;
}

.breadbox p.text img.sold
{
	width: 90%;
	float: left;
	z-index: 1;
	position: absolute;
}

.breadbox p.text
{
	width: auto;
	padding: 0 10px;
	background-color: #FDD0A6;
	font-size: 1em;
	line-height: 1.4em;
}

.breadbox p.text img
{
	float: right;
	padding: 0 0 5px 10px;
	height: 35px;
}

.breadbox p.text img.leaven
{
	float: right;
	padding: 0 10px 5px 10px;
	width: 15%;
}

.breadbox img.leaven
{
	float: right;
	padding: 0 10px 5px 10px;
	width: 15%;
}

.breadboxname
{
	color: #BF7536;
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: bold;
	text-align: left;
}

#sourdough, #yeasted, #bagel, #slice, #confirmdata, #confirmdata2, #confirmdata3, #repurpose, #crackers, #grissini, #flatbread, #nbotw
{
	width: 90%;
	height: auto;
	padding: 0;
	margin: 10px 0;
}

#sourdough th, #yeasted th, #bagel th, #slice th, #confirmdata th, #confirmdata2 th, #confirmdata3 th, #crackers th, #grissini th, #flatbread th, #repurpose th, #nbotw th
{
	border: 1px #532F13 solid;
	background-color: #cc6600;
	padding: 5px;
	text-align: center;
	color: #ffcc99;
}

#sourdough th img.leaven, #yeasted th img.leaven, #bagel th img.leaven, #repurpose th img.leaven, #crackers th img.leaven, #grissini th img.leaven, #flatbread th img.leaven, #nbotw th img.leaven
{
	padding: 0 10px 0 0;
	height: 25px;
	vertical-align: middle;
}

#sourdough th.bread, #yeasted th.bread, #bagel th.bagel, #slice th.thickness, #crackers th.crackers, #grissini th.grissini, #flatbread th.flatbread, #repurpose th.repurpose, #nbotw th.bread
{
	text-align: left;
	text-indent: 5px;
	font-size: 1.6em;
}

#sourdough td, #yeasted td, #bagel td, #slice td, #crackers td, #grissini td, #flatbread td, #repurpose td, #nbotw td
{
	border: 1px solid #ccc;
	padding: 5px;
	width: auto;
	text-align: center;
	vertical-align: middle;
}

#sourdough td.bread, #yeasted td.bread, #bagel td.bagel, #slice td.thickness, #crackers td.crackers, #grissini td.grissini, #flatbread td.flatbread, #repurpose td.repurpose, #nbotw td.bread
{
	text-align: left;
	width: 75%;
	vertical-align: middle;
}

#sourdough td.qty, #yeasted td.qty, #bagel td.qty, #slice td.qty, #crackers td.qty, #grissini td.qty, #flatbread td.qty, #repurpose td.qty, #nbotw td.qty
{
	border: 1px solid #ccc;
	padding: 5px;
	width: 20%;
	text-align: center;
	vertical-align: middle;
}

#sourdough td.new, #yeasted td.new, #bagel td.new, #crackers td.new, #grissini td.new, #flatbread td.new, #nbotw td.new
{
	border: 3px #F00 solid;
	text-align: left;
	color: #f00;
	font-weight: bold;
}

#sourdough td.others, #yeasted td.others, #bagel td.others, #crackers td.others, #grissini td.others, #flatbread td.others, #nbotw td.others
{
	border: 3px #663300 solid;
	text-align: left;
	color: #000;
	background-color: #FFCC99;
}

#sourdough td.anniversary, #yeasted td.anniversary, #bagel td.anniversary
{
	border: 3px #8000FF solid;
	text-align: left;
	color: #8000FF;
	font-weight: bold;
}

#sourdough td img.shape, #yeasted td img.shape, #crackers td img.shape, #flatbread td img.shape, #grissini td img.shape, #nbotw td img.shape
{
	height: 20px;
	vertical-align: middle;
	padding-right: 5px;
	margin: 0px;
	border: none;
}

#bagel td img.shape, #repurpose td img.shape
{
	height: 15px;
	vertical-align: middle;
	padding-right: 5px;
	margin: 0px;
	border: none;
}

#crackers td img.shape
{
	height: 10px;
	vertical-align: middle;
	padding-right: 5px;
	margin: 0px;
	border: none;
}

td img.dairy, td img.fruit, td img.seedsnuts, td img.vegan, td img.wholegrain
{
	float: right;
	height: 20px;
	vertical-align: middle;
	padding: 0 5px 0 0;
	margin: 0px;
	border: none;
}

#confirm p
{
	text-align: left;
	font-size: 1.2em;
	width: 70%;
}

#confirmdata th, #confirmdata2 th, #confirmdata3 th
{
	border: 1px #532F13 solid;
	background-color: #cc6600;
	padding: 5px;
	text-align: left;
	color: #ffcc99;
}

#confirmdata th.name, #confirmdata th.email
{
	border: 1px #532F13 solid;
	background-color: #cc6600;
	padding: 5px;
	text-align: left;
	color: #ffcc99;
	width: 40%;
}

#confirmdata th.date
{
	border: 1px #532F13 solid;
	background-color: #cc6600;
	padding: 5px;
	text-align: center;
	color: #ffcc99;
	width: 20%;
}

#confirmdata2 th.qty, #confirmdata2 th.cost, #confirmdata2 th.total
{
	border: 1px #532F13 solid;
	background-color: #cc6600;
	padding: 5px;
	text-align: center;
	color: #ffcc99;
	width: 10%;
}

#confirmdata td, #confirmdata2 td, #confirmdata3 td

{
	border: 1px solid #ccc;
	padding: 5px;
	text-align: left;
}

#confirmdata td.empty, #confirmdata2 td.empty, #confirmdata3 td.empty
{
	border: none;
	padding: 5px;
	text-align: left;
}

#confirmdata td.date, #confirmdata2 td.qty
{
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
}

#confirmdata2 td.bread, #confirmdata2 td.bread_total
{
	border: 1px solid #ccc;
	padding: 5px;
	text-align: left;
}

#confirmdata2 td.cost, #confirmdata2 td.order_total, #confirmdata2 td.total
{
	border: 1px solid #ccc;
	padding: 5px;
	text-align: right;
}

#confirmdata2 td.order_total, #confirmdata2 td.bread_total
{
	color: black;
	font-weight: bold;
	background-color: #FEC187;
}

.ordernote
{
	width: 220px;
    margin: 0;
}

.ordernote2
{
	float: right;
	width: 220px;
    margin-right: 30%;
    margin-top: -130px;
    margin-bottom: 15px;
}

.back
{ 
	border: none;
}

/*input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #BF7536; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #BF7536; }
input.price { display: none; }*/

.label
{
	font-weight: bold;
	font-size: 1.2em;
	color: #532F13;
	padding-right: 5px;
	vertical-align: top;
}

#submit
{
	border-top: 2px solid #FDD0A6;
	border-left: 2px solid #FDD0A6;
	border-right: 2px solid #532F13;
	border-bottom: 2px solid #532F13;
	padding: 10px 20px !important;
	font-size: 14px !important;
	background-color: #663300;
	font-weight: bold;
	color: #ffcc99;
	margin: 0 5px;
}

#reset
{
	border-top: 2px solid #BF7536;
	border-left: 2px solid #BF7536;
	border-right: 2px solid #532F13;
	border-bottom: 2px solid #532F13;
	padding: 10px 20px !important;
	font-size: 14px !important;
	background-color: #cc6600;
	font-weight: bold;
	color: #532F13;
	margin: 0 5px;
}

#change
{
	border-top: 2px solid #BF7536;
	border-left: 2px solid #BF7536;
	border-right: 2px solid #532F13;
	border-bottom: 2px solid #532F13;
	padding: 10px 20px !important;
	font-size: 14px !important;
	background-color: #cc6600;
	font-weight: bold;
	color: #532F13;
	margin: 0 5px;
}

.required
{
	color: #FF0000;
	font-weight: bold;
	vertical-align: top;
}

input.error
{
	border: 1px solid #F00;
	color: #F00;
}

label.error
{
	color: #F00;
	margin-left: 10px;
	font-size: small;
	font-weight: bold;
}

#pairings
{
	width: 280px;
	height: auto;
	border-left: thin #663300 solid;
	padding: 40px 0 0 0;
	margin: 10px auto 10px auto;
	background-image: url(images/new/web-pairings.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#breadmatch
{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

#breadmatch th
{
	border: 1px #532F13 solid;
	background-color: #ffcc99;
	padding: 5px;
	text-align: center;
	color: #663300;
}

#breadmatch th.title
{
	border: 1px #532F13 solid;
	background-color: #663300;
	padding: 5px;
	text-align: center;
	color: #ffcc99;
}

#breadmatch td
{
	border: 1px solid #ccc;
	padding: 5px;
	width: auto;
	text-align: left;
	vertical-align: top;
}

#breadmatch p
{
	padding-left: 10px;
	text-indent: -10px;
	text-align: left;
	vertical-align: text-top;
	margin-top: -2px;
	margin-bottom: 3px;
	line-height: 1.1em;
}

a.youtube-video 
{
	display: inline-block; 
	width: 280px; 
	height:150px; 
	background: url(images/new/web-youtube-sprite.jpg) 0 0 no-repeat;
}	

a.youtube-video:hover 
{
	background-position: 0 -150px;
}	

iframe.youtube-player
{
	height: 100%;
	margin: 0px;
}

#breadbox-items
{
	width: 560px;
	height: auto;
}

/*.object
{
	float: left;
	width: 48%;
	padding: 5px;
	border: none;
}*/

#iframe
	margin: 10px 5px;
	/*display: block;*/
	width:100%;
	height:100%;
	/*border: none;*/
	overflow: visible; 

}

.column
{
	height: auto;
	float: left;
	width: 48%;
}

.column2
{
	height: 350px;
	float: left;
	width: 96%;
	border: none;
	overflow: visible; 
	display: block;
}

.clear
{
	clear: both;
	overflow: hidden;
	width: 0;
	height: 0;
}

ul li ul {
    display: none;
} 

ul li ul a
{
	color: #630;
	font-size: small;
	font-weight: bold;
}

ul li a
{
	color: #630;
	font-size: small;
	font-weight: bold;
}

.buttoncollection
{
	height: 100px;
	display: block;
	margin: -25px  0 0 0;
	float: left;
}


#shapes, #got, #poetry, #science, #testify, #artbutton
{
	margin: 0 0 20px 0;
}

#shapes td, #got td, #poetry td, #science td, #testify td, #artbutton td
{
	border: 10px solid #C60;
	padding: 5px;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	background-color: #630;
}

#shapes td img.button, #got td img.button, #poetry td img.button, #science td img.button, #testify td img.button
{
	height: 100px;
	padding: 0 0 10px 0;
	vertical-align: top;
}

#artbutton td img.button
{
	height: 100px;
	padding: 0;
	vertical-align: top;
}

#shapes th, #got th, #poetry th, #science th, #testify th, #artbutton th
{
	border: 1px #532F13 solid;
	background-color: #630;
	padding: 5px;
	color: #FC9;
	font-size: large;
	text-align: left;
}

a.buttontip span
{
	display: none;
	padding: 5px;
	/*margin-left: 8px;*/
	width: auto;
	z-index: 1;
}

a.buttontip:hover 
{
	background: transparent;
}

a.buttontip:hover span
{
	display: inline;
	position: absolute;
	color: #532F13;
	margin-top: -300px;
	margin-left: -125px;
	z-index: 1;
}

.buttontip
{
	width: auto;
	height: 300px;
	margin: 0;
}

img.orderbutton
{
	display: block;
	width: auto;
	height: 300px;
	border: none;
}

p.buttonid
{
	text-align: center;
	color: #FFCC99;
	font-size: x-small;
	height: 3.5em;
	margin-bottom: 3px;
	line-height: 120%;
	width: 100px;
}

.price
{
	width: 100%;
	background-color: #FC9;
	display: block;
	padding: 5px 0;
	margin: 0;
}

#orderform2
{
	background-image: url(images/new/web-orderform.png);
	background-repeat: no-repeat;
	background-position: 80px top;
	margin: 40px 0;
	height: 45px;
}

#aob
{
	margin: 0 0 20px 0;
    border-collapse: separate;
    border-spacing: 1px 0px;
}

#aob td
{
	border: 5px solid #FFF;
	padding: 5px;
	width: 40px;
	text-align: center;
	vertical-align: middle;
	background-color: #000;
}

#aob td.aobblank
{
	border: none;
	padding: 0px;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
}

#aob td.aobdesc
{
	font-size: 1.4em;
	border: none;
	padding: 5px 0 5px 10px;
	width: 70%;
	text-align: left;
	vertical-align: middle;
	background-color: #FFF;
	/*background: -webkit-linear-gradient(left, #c60, #fff);*/ /* For Safari 5.1 to 6.0 */
   /* background: -o-linear-gradient(right, #c60, #fff);*/ /* For Opera 11.1 to 12.0 */
  	/*background: -moz-linear-gradient(right, #c60, #fff);*/ /* For Firefox 3.6 to 15 */
  	/*background: linear-gradient(right, #c60, #fff);*/ /* Standard syntax */
}

#aob td.aobname
{
	font-size: 1.2em;
	border: none;
	padding: 0 0 0 20px;
	width: 70%;
	text-align: left;
	vertical-align: middle;
	background-color: #FFF;
	/*background: -webkit-linear-gradient(left, #c60, #fff);*/ /* For Safari 5.1 to 6.0 */
   /* background: -o-linear-gradient(right, #c60, #fff); *//* For Opera 11.1 to 12.0 */
  	/*background: -moz-linear-gradient(right, #c60, #fff);*/ /* For Firefox 3.6 to 15 */
  	/*background: linear-gradient(right, #c60, #fff);*/ /* Standard syntax */
}

#aob td img.aobimg
{
	height: 100px;
	padding: 0;
	vertical-align: top;
}

#aob th
{
	border: 1px #532F13 solid;
	background-color: #FFF;
	padding: 5px;
	color: #FC9;
	font-size: large;
	text-align: left;
}

a.aobtip span
{
	display: none;
	padding: 5px;
	/*margin-left: 8px;*/
	width: auto;
	z-index: 1;
}

a.aobtip:hover 
{
	background: transparent;
}

a.aobtip:hover span
{
	display: inline;
	position: absolute;
	color: #532F13;
	margin-top: -10px;
	margin-left: -50px;
	z-index: 1;
}

.aobtip
{
	width: auto;
	height: 200px;
	margin: 0;
}

img.orderart
{
	display: block;
	width: auto;
	height: 400px;
	border: none;
}

p.artid
{
	text-align: center;
	color: #FFCC99;
	font-size: x-small;
	height: 3.5em;
	margin-bottom: 3px;
	line-height: 120%;
	width: 100px;
}

#art
{
	margin: 0;
}

#art td
{
	border: 10px solid #FFF;
	padding: 5px;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	background-color: #FFF;
}

#td img.art
{
	height: 50px;
	padding: 0 0 10px 0;
	vertical-align: top;
}

a.storetip:link, a.storetip:visited, a.storetip:hover, a.storetip:active
{
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #c60;
	line-height: 1.1em;
	font-size: 1.3em;
	font-weight: bold;
}

a.storetip span
{
	display: none;
	padding: 5px;
	/*margin: 5px;*/
	margin-top: -20px;
	width: 845px;
	z-index:1;
}

a.storetip:hover span
{
	display: block;
	position: absolute;
	/*border: 1px solid #663300;
	color: #532F13;*/
	background-color: #bdc3c7;
}