BODY{
margin: 0px;
padding: 0px;
background: #fffff8}

IMG{
border: none}

H1, H2, H3, H4, P{
font-family: arial, sans-serif;
font-size: 13px;
line-height: 15px;
color: #7c6830;
margin: 0px;
padding: 10px 10px 5px 10px}

P, A{
color: #6a5d54;
font-size: 12px}

P.welcome{
font-size: 11px;
text-align: right;
width: 300px;
position: absolute; left: 50%; top: 20px;
margin: 0px 0px 0px 90px;
padding: 0px}

A:hover{
color: #fffff8;
background: #283838}

H1{
display: none}

.red{
color: #e04020}

TEXTAREA{
display: none}



/************************* Structure *******************/
#container{
width: 100%;
margin: 0px;
position: absolute}

#header{
width: 445px;
height: 98px;
position: relative; left: 50%;
margin: 0px 0px 0px -415px;
background: url(../graphics/header.gif) no-repeat 0px 20px}

A.icon-customers, A.icon-contact, A.icon-faq, A.icon-home, A.icon-map, A.icon-cart{
width: 49px;
height: 46px;
display: block;
position: absolute; left: 50%; top: 35px;
margin: 0px 0px 0px 349px}

A.icon-contact{
margin: 0px 0px 0px 300px}

A.icon-faq{
margin: 0px 0px 0px 251px}

A.icon-customers{
margin: 0px 0px 0px 153px}

A.icon-map{
margin: 0px 0px 0px 202px}

A.icon-cart{
margin: 0px 0px 0px 104px}

#tagline{
width: 540px;
height: 27px;
padding: 4px 4px 29px 276px;
position: relative; left: 50%;
margin: 0px 0px 0px -390px}
/************************* End: structure *******************/



/************************* Top nav *******************/
#top-nav{
width: 100%;
height: 44px;
position: absolute; top: 85px;
background: url(../graphics/top-nav.gif) center}

#croissants, #danish, #savouries, #quiches, #breads, #rolls, #cakes, #cookies{
height: 31px;
position: absolute; left: 50%; top: 7px}

P.menu{
height: 31px;
padding: 0px;
line-height: 0px;
background: url(../graphics/transparent.png)}

#croissants{
margin: 0px 0px 0px -397px}

#croissants P.menu{
width: 100px}

#danish{
margin: 0px 0px 0px -298px}

#danish P.menu{
width: 110px}

#savouries{
margin: 0px 0px 0px -187px}

#savouries P.menu{
width: 113px}

#quiches{
margin: 0px 0px 0px -74px}

#quiches P.menu{
width: 101px}

#breads{
margin: 0px 0px 0px 28px}

#breads P.menu{
width: 65px}

#rolls{
margin: 0px 0px 0px 93px}

#rolls P.menu{
width: 60px}

#cookies{
margin: 0px 0px 0px 153px}

#cookies P.menu{
width: 83px}

#cakes{
margin: 0px 0px 0px 226px}

#cakes P.menu{
width: 167px}

.dropdown-outer{
width: 230px;
position: absolute; left: -5000px;
margin: 0px 0px 0px -10px}

.dropdown{
width: 230px;
padding: 10px 0px 22px 0px;
background: url(../graphics/dropdown.png) no-repeat left bottom}

.dropdown-inner{
margin: 0px 10px 0px 10px}

#top-nav DIV:hover DIV,
#top-nav DIV.iehover DIV{
left: 0px;
z-index:99999;
min-height: 0}

.dropdown A{
font: 12px arial, sans-serif;
color: #e04020;
display: block;
text-decoration: none;
margin: 1px 0px 1px 0px;
padding: 1px 10px 1px 10px}

.dropdown A:hover{
color: #fffff8;
background: #283838}
/************************* End: Top nav *******************/



/************************* Rolls *******************/
.dropdown P.menu-inner, .dropdown P.menu-inner-1, .dropdown-menu P.menu-inner-breads{
color: #7a6d64;
font-size: 13px;
line-height: 15px;
margin: 0px;
padding: 5px 10px 0px 10px}

.dropdown P.menu-inner-1{
padding: 2px 10px 10px 10px}

.dropdown-menu P.menu-inner-breads{
padding: 1px 10px 0px 0px}

.dropdown-menu{
margin: 12px 10px 10px 10px;
padding: 5px 0px 6px 8px;
border: solid 1px #86b6ff;
border-left: none;
border-right: none;
background: #e6f6ff}

TABLE.nav{
width: 180px;
font-family: arial, sans-serif;
color: #6a5d54;
font-size: 12px;
line-height: 14px;
margin: 0px;
padding: 0px}

TABLE.nav TR, TABLE.nav TD.weight, TABLE.nav TD.raw-baked, TABLE.nav TD.radio{
margin: 0px;
padding: 0px}

TABLE.nav TD.weight{
width: 55px}

TABLE.nav TD.raw-baked{
width: 60px}

TABLE.nav TD.radio{
width: 30px}

INPUT.cr-weight, INPUT.cr-weight, INPUT.da-weight, INPUT.da-weight, INPUT.ro-weight, INPUT.raw-baked, INPUT.baked-raw{
cursor: pointer}
/************************* Rolls *******************/



/************************* Bottom nav *******************/
#bottom-nav{
clear: both;
width: 100%;
height: 44px;
background: url(../graphics/bottom-nav.gif) center}

#bottom-nav-inner{
width: 765px;
position: relative; left: 50%;
margin: 0px 0px 0px -380px;}

#link-about, #link-faq, #link-customers, #link-map, #link-legal, #link-contact, #link-cart, #link-home{
float: left;
margin: 7px 1px 0px 0px}

a.menu-bottom{
height: 30px;
margin: 0px 14px 0px 10px;
display: block;
background: url(../graphics/transparent.png)}

a.menu-bottom span{
display: none}

a.menu-bottom:hover{
background: url(../graphics/underline.gif) repeat-x 0px 21px}

#link-about a.menu-bottom{
width: 119px}

#link-faq a.menu-bottom{
width: 26px}

#link-customers a.menu-bottom{
width: 101px}

#link-map a.menu-bottom{
width: 87px}

#link-legal a.menu-bottom{
width: 91px}

#link-contact a.menu-bottom{
width: 75px}

#link-cart a.menu-bottom{
width: 32px;
margin-right: 13px}

#link-home a.menu-bottom{
width: 35px}
/************************* End: Bottom nav *******************/



/************************* Footer *******************/
#footer{
width: 800px;
position: relative; left: 50%;
margin: 20px 0px 0px -400px;
border-top: solid 1px #fdd95b;
border-bottom: solid 1px #fdd95b}

#footer P, #footer A{
font-size: 11px;	
line-height: 14px;
text-align: right}

#footer P{
padding: 8px 10px 9px 10px}

#footer A{
text-decoration: none;
border-bottom: dotted 1px #6a5d54}

#footer A:hover{
color: #fffff8;
border: none;
background: #283838}
/************************* End: Footer *******************/