body { margin: 0; padding: 0; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000000; background-color: #1D0043; }
#page { width: 760px; margin: 0 auto 0 auto; padding: 0; color: #000000; background-color: #1D0043; }
#content { width: 760px; margin: 0 auto 0 auto; padding: 0; color: #1D0043; background-color: #FFFFFF; }

#logo { margin: 0; padding: 20px 0 0 0; color: #000000; background-color: #1D0043; }
#logo a:link { text-decoration: none; }
#logo a:visited { text-decoration: none; }
#logo a:hover { text-decoration: none; }

#nav { margin: 0; padding: 1px 0 1px 0; color: #000000; background-color: #1D0043; }
#nav ul { margin-left: 0; padding-left: 0; text-align: center; }
#nav li { display: inline; list-style-type: none; padding: 0px; }
#nav a { padding: 3px 4px 2px 4px; border: 1px solid #1D0043; font-size: 11px; }
#nav a:link { color: #FFFFFF; background-color: #1D0043; text-decoration: none; }
#nav a:visited { color: #FFFFFF; background-color: #1D0043; text-decoration: none; }
#nav a:hover { color: #000000; background-color: #EEEEEE; text-decoration: none; }

.sidepanel { float: left; width:200px; border: 0 solid #333333; }
.price { text-align: right; }
.noprice { margin-bottom: 10px; }
.veg { color: #B1E662; background-color: #FFFFFF; font-style: italic; }

.picture { border: 0 solid #333333; }
.break { padding-top: 20px; border-top: 1px dotted #000000; }
.inset { margin: 5px; }
.icon { padding-left: 9px; padding-right: 9px; padding-top: 2px; padding-bottom: 2px; border: 0 solid #333333; }
.floatright145 { float: right; width: 145px; }
.floatimageright { float: right; margin: 0 0 0 20px; padding: 0; border: 0 solid #333333; }
.alignright { text-align: right; }
.aligncentre { text-align: center; }
.alignmid { display: block; margin: 10px auto 10px auto; border: 0 solid #333333; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.google { margin: 10px 0 0 0; width: 160px; }
.google p { text-align: center; }
.colleft { width: 320px; margin: 0 0 0 40px; float: left; }
.colright { width: 320px; margin: 0 0 0 40px; float: left; }
.clearboth { clear: both; }

#joannas { margin: 0; padding: 0 0 20px 0; position: relative; clear: left; }
#joannas h1 { font-size: 14px; line-height: 20px; font-weight: bold; text-align: left; margin: 0 40px 0 220px; padding: 0 0 15px 0; }
#joannas h2 { width: 200px; font-size: 12px; line-height: 16px; font-weight: bold; text-align: center; margin: 0; padding: 2px 0 2px 0; color: #FFFFFF; background-color: #1D0043; }
#joannas h3 { font-size: 12px; line-height: 16px; font-weight: bold; text-align: left; margin: 0 40px 0 220px; padding: 0 0 5px 0; }
#joannas h4 { font-size: 12px; line-height: 20px; font-weight: bold; text-align: left; margin: 0; padding: 20px 0 5px 0; }
#joannas p { font-size: 12px; line-height: 25px; font-weight: normal; text-align: left; margin: 0 40px 0 220px; padding: 0 0 20px 0; }
#joannas p.topimage { font-size: 12px; line-height: 25px; font-weight: normal; text-align: left; margin: 0; padding: 0 0 5px 0; }
#joannas p.fullwidth { font-size: 12px; line-height: 25px; font-weight: normal; text-align: left; margin: 0; padding: 0 0 20px 0; }
#joannas ol { font-size: 12px; line-height: 25px; font-weight: normal; text-align: left; margin: 0 0 0 35px; padding: 0 0 10px 0; }
#joannas ul { font-size: 12px; line-height: 20px; font-weight: normal; text-align: left; margin: 0 150px 50px 220px; padding: 0; list-style-type: none; }
#joannas ul ul { font-size: 12px; line-height: 20px; font-weight: normal; text-align: left; margin: 0 20px 10px 20px; padding: 0; list-style-type: none; }
#joannas ul ul ul { font-size: 12px; line-height: 20px; font-weight: normal; text-align: right; margin: -20px -70px 0 300px; padding: 0; list-style-type: none; }
#joannas a:link { color: #1D0043; text-decoration: none; border-bottom: 1px solid #FF6633; background-color: #FFFFFF; }
#joannas a:visited { color: #1D0043; text-decoration: none; border-bottom: 1px solid #FF6633; background-color: #FFFFFF; }
#joannas a:hover { color: #1D0043; text-decoration: none; border-bottom: 1px dotted #FF6633; background-color: #FFFFFF; }

#joannas p.top a:link { color: #000000; text-decoration: none; border-bottom: 1px solid #FFFFFF; background-color: #FFFFFF; }
#joannas p.top a:visited { color: #000000; text-decoration: none; border-bottom: 1px solid #FFFFFF; background-color: #FFFFFF; }
#joannas p.top a:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #FFFFFF; background-color: #FFFFFF; }

#joannas ul.nav2ul { margin: 0 0 15px 220px; padding: 0; text-align: left; }
#joannas li.nav2li { display: inline; list-style-type: none; padding: 2px; }
#joannas a.nav2ahref { padding: 3px 6px 2px 6px; border: 0px solid #FFFFFF; font-size: 11px; }
#joannas a.nav2ahref:link { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #1D0043; background-color: #1D0043; }
#joannas a.nav2ahref:visited { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #1D0043; background-color: #1D0043; }
#joannas a.nav2ahref:hover { color: #1D0043; text-decoration: none; border-bottom: 1px solid #EEEEEE; background-color: #EEEEEE; }


#address { margin: 10px 0 0 0; padding: 0; color: #BBB2C6; background-color: #1D0043; }
#address p { font-size: 12px; line-height: 16px; font-weight: normal; text-align: center; }
#address a:link { color: #BBB2C6; text-decoration: none; background-color: #1D0043; }
#address a:visited { color: #BBB2C6; text-decoration: none; background-color: #1D0043; }
#address a:hover { color: #FFFFFF; text-decoration: none; background-color: #1D0043; }

#info { margin: 0; padding: 0 0 20px 0; }
#info p { font-size: 11px; line-height: 16px; font-weight: normal; text-align: center; color: #4A3369; background-color: #1D0043; }

#icons { list-style-type: none; margin: 0; padding: 10px 0 0 0; clear: left; }
#icons ul { margin: 0; padding: 0; text-align : center; }
#icons ul li { display: inline; }
#icons a:link { color: #000000; background-color: #FFFFFF; text-decoration: none; }
#icons a:visited  { color: #000000; background-color: #FFFFFF; text-decoration: none; }
#icons a:hover { color: #000000; background-color: #FFFFFF; text-decoration: none; }

#disclaimer { border: 2px solid #11AABB; }
#disclaimer p { font-size: 11px; line-height: 16px; font-weight: normal; text-align: left; }

#links { margin: 0; padding: 10px 0 20px 0; }
#links ul { margin: 0 auto 0 auto; padding: 0 0 2px 0; text-align: center; }
#links ul li { display: inline; margin: 0; padding: 0 8px 0 8px; font-size: 10px; line-height: 14px; font-weight: normal; text-align: center; }
#links a:link { color: #000000; text-decoration: none; border-bottom: 1px solid #FF6633; background-color: #FFFFFF; }
#links a:visited { color: #000000; text-decoration: none; border-bottom: 1px solid #FF6633; background-color: #FFFFFF; }
#links a:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #FF6633; background-color: #FFFFFF; }