/* 
---------------------------------------------------------
Title: Macari Media master styles : screen
Author: Ray Macari
Last Updated: Jan/16/06
---------------------------------------------------------
 */
 
 
 
/******************************************* =structure *******************************************/


html, body {
   height: 100%; 
	margin: 0;
	padding: 0;
}


body {
	background: #efdea5 url(../img/body_bg2.png) fixed center;
	background-position: 50.2% 0;
    font-family: cambria, Georgia,  times, "times new roman", serif;	
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	text-align: center; /* Win IE 5 Hack */
}


#wrapper {
	background: #fffae6 url(../img/wrapper3.gif) repeat-y 50%;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 750px;
}

#main {	
    background: none;
	float: right;
	width: 498px;
	margin: 0;
	padding-bottom: 40px;
	overflow: hidden;
	border: none;
}

/***  2 colum layout ***/
#content {
    background: url(../img/entry_bg.gif) top left repeat-y;
	float: right;
	margin: 0;
	padding:0;
	width: 300px;
}

  /******************************************* =header *******************************************/
 
 #header {
	color: #D6D6D6;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 750px;
	height: 217px;
}

.images {
	float: right;
	padding: 0;
	margin: 0;
}

#logo {
	color: #000;
	float: left;
	padding: 0;
	margin: 0;
	background: url(../img/dblogo4.gif) no-repeat left;
	height:217px;
	width:252px;
}
#logo img{
    display: none;
}

#wedding a{
margin: 5px 20px 5px 20px;
padding: 5px 3px 5px 6px;
background: #fff2ce;
border: 1px solid #d5a338;
color: #b58110;
font-size: 12px;
text-align: center;
display: block;
text-decoration: none;
}

#wedding a:hover {
color: #ec9f27;
}

.retail 
{
text-align: left;
margin: 25px 0 0 10px;
padding: 0;

}   

 dl.retail
{
margin: 0;
padding: 0;
font-family: georgia, times, serif;
}

.retail dt
{
position: relative;
left: 0;
top: .9em;
width: 12px;
font-weight: bold;
margin: -10px;
padding: 0;
}

.retail dd
{
border-bottom: 1px solid #333;
margin: 0 0 0 6em;
padding: 0 0 0 .5em;
width: 90px;
}

/****************************************** =right column  ******************************************/

#leftcol {
	background: none;
	float: left;
	width: 252px;
	padding:0;
	margin: 0;
}

.leftpadding{
	padding: 0;
}


/******************************************* =nav top*******************************************/
 
#nav {
	background: url(../img/nav_top_old2.gif) no-repeat top left;
	font-size: 75%;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 33px;
	color: Black;
}

#nav li, #nav a {
	display: block;
	height: 33px;
	padding: 0;
	margin: 0;
}

#nav li span { display:none; }

#nav li { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: 0; }





#link2 { left: 252px; width: 100px; }

#link3 { left: 352px; width: 98px; }

#link4 { left: 452px; width: 98px; }

#link5 { left: 552px; width: 98px; }

#link6 { left: 650px; width: 100px; }





#link2 a:hover { background: transparent url("../img/nav_top_old2.gif") -252px -33px no-repeat; }

#link3 a:hover { background: transparent url("../img/nav_top_old2.gif") -352px -33px no-repeat; }

#link4 a:hover { background: transparent url("../img/nav_top_old2.gif") -452px -33px no-repeat; }

#link5 a:hover { background: transparent url("../img/nav_top_old2.gif") -552px -33px no-repeat; }

#link6 a:hover { background: transparent url("../img/nav_top_old2.gif") -650px -33px no-repeat; }





#link2 a.active { background: transparent url("../img/nav_top_old2.gif") -252px -66px no-repeat; }

#link3 a.active { background: transparent url("../img/nav_top_old2.gif") -352px -66px no-repeat; }

#link4 a.active { background: transparent url("../img/nav_top_old2.gif") -452px -66px no-repeat; }

#link5 a.active { background: transparent url("../img/nav_top_old2.gif") -552px -66px no-repeat; }

#link6 a.active { background: transparent url("../img/nav_top_old2.gif") -650px -66px no-repeat; }


    

#link2 a:focus { background: transparent url("../img/nav_top_old2.gif") -252px -33px no-repeat; }

#link3 a:focus { background: transparent url("../img/nav_top_old2.gif") -352px -33px no-repeat; }

#link4 a:focus { background: transparent url("../img/nav_top_old2.gif") -452px -33px no-repeat; }

#link5 a:focus { background: transparent url("../img/nav_top_old2.gif") -552px -33px no-repeat; }

#link6 a:focus { background: transparent url("../img/nav_top_old2.gif") -650px -33px no-repeat; }



 
/*
#link2 { left: 251px; width: 99px; }
#link3 { left: 352px; width: 99px; }
#link4 { left: 450px; width: 99px; }
#link5 { left: 551px; width: 99px; }
#link6 { left: 650px; width: 99px; }


#link2 a:hover { background: transparent url("../img/nav_top_old2.gif") 251px -33px no-repeat; }
#link3 a:hover { background: transparent url("../img/nav_top_old2.gif") -134px -33px no-repeat; }
#link4 a:hover { background: transparent url("../img/nav_top_old2.gif") -283px -33px no-repeat; }
#link5 a:hover { background: transparent url("../img/nav_top_old2.gif") -446px -33px no-repeat; }
#link6 a:hover { background: transparent url("../img/nav_top_old2.gif") -595px -33px no-repeat; }


#link2 a.active { background: transparent url("../img/nav_top_old2.gif") 251px -66px no-repeat; }
#link3 a.active { background: transparent url("../img/nav_top_old2.gif") -134px -66px no-repeat; }
#link4 a.active { background: transparent url("../img/nav_top_old2.gif") -283px -66px no-repeat; }
#link5 a.active { background: transparent url("../img/nav_top_old2.gif") -446px -66px no-repeat; }
#link6 a.active { background: transparent url("../img/nav_top_old2.gif") -595px -66px no-repeat; }


#link2 a:focus { background: transparent url("../img/nav_top_old2.gif") 0px -33px no-repeat; }
#link3 a:focus { background: transparent url("../img/nav_top_old2.gif") -134px -33px no-repeat; }
#link4 a:focus { background: transparent url("../img/nav_top_old2.gif") -283px -33px no-repeat; }
#link5 a:focus { background: transparent url("../img/nav_top_old2.gif") -446px -33px no-repeat; }
#link6 a:focus { background: transparent url("../img/nav_top_old2.gif") -595px -33px no-repeat; }
*/
 
    /******************************************* =footer *******************************************/  
 
#footer {
	text-align: center;
	font-size: 90%;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #4e491e;
	background: #fffbda url(../img/footer_bg.gif) top left repeat-x;
	}
#footer p 
{
    color: #3a3510;
    padding:0;
}
#footer_content
{
    padding: 5px 15px 5px 10px;
}
#footer a 
{
   color: #a12628;
   padding: 1px;
}
#footer a:hover 
{
   color: #fff;
   background: #c44425;
   border: 1px solid #d25131;
   padding: 0;
   margin: 0;
}
 .p_left
{
    float: left;
}

.p_right
{
    float: right;
}

/****************************************** =links global  ******************************************/
 
 a {
 	text-decoration: underline;
	color: #771f0b;
	padding: 0;
	
 }
 
 a:hover {
 	color: #bd6263;
	background-color: #F2E6BD;
	padding: 2px 0 2px 0;
 }


/******************************************* =typography global *******************************************/  
 /* If needed specify color, size %, for global headers here */
 
 h1.q-head {
	background: #a12628 url(../img/qualitybar.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	height: 27px;
	font-size: 120%;
	text-align: center;
	text-indent: -10000px;
}

/*
h1#logo a {
	text-indent: -10000px;
	height:217px;
	width:252px;
	display: block;
	margin: 0;
	padding: 0;
}
h1#logo a:hover {
	background: url(../img/logo.png) no-repeat top;
	height:217px;
	width:252px;
	margin: 0;
	padding: 0;
}
 .q-header-bg {
		color: #9D220B;
		background: ;
		height: 27px;
		padding: 0;
		margin: 0;
}*/
 .productheader {
		background: #a12628 url(../img/product-h2.gif) no-repeat;
		width: 251px;
		height: 54px;
		padding: 0;
		margin: 0;
		text-indent: -10000px;
}
 .contactheader {
		background: #a62b10 url(../img/contact-h.png) no-repeat;
		width: 252px;
		height: 63px;
		padding: 0 0 0 0;
		margin: 30px 0 0 0;
		text-indent: -10000px;
}
#contactform {
	padding: 0;
	margin: 0;
}

#contactinfo {
	background: #fff;
	margin: 10px 0 12px 20px;
	width: 400px;
	text-align: left;
	padding: 10px;
	border: 1px solid #f3edd4;
	
}



h3.bakeryaddy {
	text-align: left;
	margin: 0 0 4px 0;
}
p.contactaddy {
	text-align: left;
	color: #3a2004;
	font-style: normal;
	line-height: 1.3em;
	height: 1%;
}
h2 {
	color: #D54925;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 80%;
}

h3 {
	color: #D54925;
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 100%;
}
h3.top-header 
{
    background: url(../img/index_header.gif) no-repeat;
	padding: 4px 0 25px 0;
	margin: 0 0 0 20px;
	line-height: 1.5em;
	font-size: 18px;
	text-indent: -4000px;
}
h3.retailhours
{
    background: url(../img/retailhours_header.gif) no-repeat;
	padding: 4px 0 0 0;
	margin: 10px 0 0 0;
	font-size: 18px;
	text-indent: -4000px;
}
h3.retail_header
{
    background: url(../img/retail_header.gif) no-repeat;
	padding: 4px 0 25px 0;
	margin: 0 0 0 22px;
	line-height: 1.5em;
	font-size: 18px;
	text-indent: -4000px;
}
h3.directions_header
{
    background: url(../img/directions_header.gif) no-repeat;
	padding: 4px 0 25px 0;
	margin: 0 0 0 22px;
	line-height: 1.5em;
	font-size: 18px;
	text-indent: -4000px;
}
h3.wedding_header
{
    background: url(../img/wedding_header.gif) no-repeat;
	padding: 4px 0 25px 0;
	margin: 0 0 0 22px;
	line-height: 1.5em;
	font-size: 18px;
	text-indent: -4000px;
}
h3.s-head {
	background: url(../img/serving-header.png) no-repeat center;
	margin: 10px 0 35px 0;
	padding: 0;
	height: 14px;
	font-size: 80%;
	text-align: center;
	text-indent: -10000px;
}
h3.t-head {
	background: url(../img/tradition-header.png) no-repeat center;
	margin: 10px 0 20px 0;
	padding: 0;
	height: 20px;
	font-size: 80%;
	text-align: left;
	text-indent: -10000px;
}
h3.bread-header {
    background: url(../img/about_header.gif) no-repeat;
	padding: 4px 0 10px 0;
	line-height: 1.5em;
	font-size: 24px;
    margin: 0 0 0 22px;
    text-indent: -4000px;
}
h3.product-header {
	color: #a12628;
	font-size: 200%;
	padding-bottom: 10px;
}
h3.a-head {
	background: url(../img/about-h.png) no-repeat center;
	margin:  10px 0 20px 0;
	padding: 0;
	height: 13px;
	font-size: 50px;
	text-indent: -10000px;
}
h2.p-head {
	background: none;
	margin: 0;
	padding: 0;
	height: 19px;
	font-size: 80%;
	text-align: center;
	text-indent: -10000px;
}
h2.c-head {
	background: url(../img/contact-header-img.png) no-repeat  center;
	margin: 0;
	padding: 0;
	height: 19px;
	font-size: 80%;
	position: relative;
	top: 21px;
	text-align: center;
	text-indent: -10000px;
}

p {
	color: #3D310B;
	font-size: 13px;
	line-height: 1.7em;
	font-family: cambria, Georgia,  times, "times new roman", serif;	
	margin: 5px 0 10px 0;
	padding: 0 10px 0 20px;
}
p.tradition {
	font-size: 12px;
	color: #3a2004;
	margin: 0 0 0 8px;
}

.cap {font-size:50px; color:#a12628;  float:left; margin-top:4px; margin-right:2px; padding: 8px 0 11px 0; height: 15px;}
* html .cap { margin-top:5px;}
/*#cap {font-size:50px; color:#f60; font-weight:bold; float:left; height:34px; line-height:34px; margin-top:2px; margin-right:1px;}
* html #cap {margin-right:-2px; margin-top:3px;}*/

.clear {
	clear: both;
}
.entry {
	background: none;
	padding:30px 13px 15px 13px;
	margin: 0 0 0 0;
	color: #3e3e3e;
}
hr {display: none;}
h1{
	padding: 30px 10px 30px 10px;
}
/******************************************* =forms global*******************************************/

/******************************************* =lists global *******************************************/

/******************************************* =misc (hacks) *******************************************/
/* for hacks create and call a seperate css file */

body {
	font-size: x-small; /* Sets font name value in IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* Opera fix */
	font-size: small;
	}
	
img.img-right {
	margin: 5px;
	float: right;
	background: #fff;
	padding: 5px;
	border: 1px solid #C9C9C9;
}
img.img-left {
	margin: 5px 5px 5px 0;
	float: left;
	background: #fff;
	padding: 5px;
	border: 1px solid #C9C9C9;
}

#content-imgs {
	float: right;
	width: 180px;
}

.productlist {
	float: right;
	width: 98px;
}


#productnav {
	float: left;
}

/*gallery*/

/* styling for RIGHT gallery */
#container_right {position:relative; width:470px; height:400px; background:none;  margin:1em auto;}
#container_right img {border:0;}
#container_right #thumbs {width:100px; position:absolute; right:0; top:0;padding: 0; margin:0;}
#container_right a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:285px; left:-360px;  padding:5px; font-style:italic; color:#543712;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #5F4C11;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:340px; height:264px; top:5px; left:-360px; padding:5px; color:#000; border:1px solid #5F4C11; z-index:50;}
#container_right h1 {clear:both; margin:0; padding-top:80px; padding-left:50px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:1.5em; font-weight:normal; color:#5F4C11; line-height: 1.5em}
#container_right h1 em {font-size:0.6em; color:#000;}

/* needed for IE to make :active state work first time */
a, a:visited {color:#771f0b;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; padding:0; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
/*a.slidea {background:url(../img/thumb1.jpg) no-repeat;}
a.slideb {background:url(london/thumb2.jpg);}
a.slidec {background:url(london/thumb4.jpg);}
a.slided {background:url(london/thumb5.jpg);}
a.slidee {background:url(london/thumb6.jpg);}*/
a.gallery em, a.gallery span {display:none;}
a.gallery:hover 
{
padding:0;
border:1px solid #fff;
}


#submit
{
	border:none;
}

.contact-header {
	text-align: left;
	font-size: 160%;
	margin: 0 0 15px 20px;
}


textarea {
	border: 1px solid #333;
}

input {
	border: 1px solid #333;
}

select {
	border: 1px solid #333;
}

img {
	border: none;
}

#submit {
	border: none;
}


#productlisting {
	list-style: none;
	display: block;
	width: 300px;
	list-style-type: none;
}

#productlisting a{
	text-decoration: none;
	list-style-type: none;
	color: #333;
	text-decoration: none;
	background: url(../img/arrow.gif) no-repeat 5%;
	margin: 0;
	padding: 3px 0 3px 25px;
}

#productlisting li {
margin: 0;
padding: 0;
}

#productlisting li a:hover {
	background:  url(../img/arrow-red.gif) no-repeat 5%;
	text-decoration: underline;
}

.back 
{
	margin: 0 0 0 20px;
}

#map
{
		margin: 0 0 0 20px;
		border: 1px dotted;
}
 
.contact
{
	margin:0 0 0 5px;
}
ul#aboutus  
{
    padding: 0 10px 0 20px;
    margin: 0;
}
#aboutus li {
	background: #fffdf1 url(../img/arrow-red.gif) no-repeat;
	background-position: 2px 8px;
	font-family: cambria, Georgia,  times, "times new roman", serif;	
	list-style: none;
	font-size: 12px;
	line-height: 1.5em;
	width: 400px;
	margin: 8px 20px 8px 8px;
	padding: 3px 3px 3px 10px;
	border: 1px #f1e5af solid;
	line-height: 1.5em;
}


/*------------ Drop down menu -------------- */


dl.accordion-menu img
{
    padding: 0;
    margin: 0;
    border: 0;
}
dl.accordion-menu {
	margin: 0;
	padding: 0;
	width: 251px;
	background:none;
}

dl.accordion-menu dt.a-m-t {
	margin: 0;
	background: #a12628 url(../img/db_menu_bg4.gif) top left repeat-x;
	padding: 0.1em .7em;
	margin: 0;
	color: #f4db89;
	border-top-color: #bc604b;
	border-bottom: 1px solid #6d0a04;
	border-left: 1px solid #6d0a04;
	text-align: center;
	border-right: inherit;
}

dl.accordion-menu dt.a-m-t a{
	margin: 0;
	padding:0;
	color: #f4db89;
	text-align: center;
	text-decoration: none;
}
dl.accordion-menu dt.a-m-t a:hover{
	margin: 0;
	background: #a12628 url(../img/db_menu_noscript.gif) top left repeat-x;
	padding:5px 30px 5px 30px;
	color: #fff;
	text-align: center;
	width: 251px;
}

dl.accordion-menu dt.a-m-t-hover{
	background:#d24244;
}
dl.accordion-menu a{
	padding: 0;
	margin: 0;
	width: 252px;
	border: none;
	overflow: hidden;
}
dl.accordion-menu a:hover{
	padding: 0;
	margin: 0;
	width: 252px;
	border: none;
	overflow: hidden;
}


dl.accordion-menu dt.a-m-t-down{
    background: #942c2d;
}





html.accordion-menu-js dt.a-m-t{
	cursor:pointer;
}

dl.accordion-menu dd.a-m-d {
	margin: 0;
	padding: 0;
	border: none;
}

html.accordion-menu-js dd.a-m-d{
	display:none;
	padding: 0;
	margin: 0;
}


html.accordion-menu-js dd.a-m-d-expand {
	display:block;

}

html.accordion-menu-js dd.a-m-d-before-expand {
	display:block;
	position:relative;
	z-index:-1;
	height:auto !important;
	visibility:hidden;
	overflow:visible;

}


html.accordion-menu-js dt.a-m-t-expand {
	color: #f4db89;
	background:#962c0c;
	
}

html.accordion-menu-js dd.a-m-d-anim {
	overflow:hidden;
	display:block;	
	padding: 0;
	margin: 0;

}


dl.accordion-menu dd.a-m-d p 
{
 
    color: #ab300c;
    font-size: 11px;
    
}
 
 img
 {
 display: block;
 }
 
 .menu_img 
 {
    display:none;
 }
 
h4.contactform 
{
    background: url(../img/contact_us4.gif) top left no-repeat;
    width: 251px;
    height:70px;
    padding: 0;
    margin: 0 0 5px 0;
    text-indent: -4000px;
}

h4.joinourteam
{
    background: URL(../img/joinourteam.gif)  top left no-repeat;
    width: 251px;
    height:70px;
    padding: 0;
    margin: 0 0 5px 0;
    text-indent: -4000px;
}

 fieldset 
{
    width: 220px;
    border:none;
}
#contact_form 
{
    padding: 0;
    margin: 0 0 0 15px;
}
 label 
{
        color: #fff;
}

.text_submit
{
    width: 200px;
    background: #fff url(../img/input_bg.gif) top left repeat-x;
    border: 1px solid #cbb368;
    font-family: Verdana, Sans-Serif;
    padding: 3px;
    font-size: 100%;
    color: #634f0e;
}
textarea
{
    width: 200px;
    background: #fff url(../img/input_bg.gif) top left repeat-x;
    border: 1px solid #cbb368;
    padding: 3px;
    color: #634f0e;
    font-size: 100%;
    font-family: Verdana, Sans-Serif;
}
#sendcontact 
{
    background: #fff url(../img/input_bg.gif) top left repeat-x;
    width: 55px;
    border: 1px solid #cbb368;
    color: #634f0e;
    margin: 5px 0 20px 0;
}
span#spanStatus
{
    color: #fff;
    font-size: 110%;
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
}

#spanPad 
{
    padding: 0 10px 0 10px;
    margin: 15px 0 10px 9px;
}