/* Created for Union Food Distributors Ireland */
/* Copyright OSD Web Design, eBusiness, eMarketing.ie, Training and Software Solutions, Ireland - www.osd.ie */

/* CSS Document */
/*** page settings ***/
html * { margin: 0; padding:0; }

body { background: url(/images/bg_page.jpg) left top repeat-x #ae5e76; text-align: center; font-size: 82.50%; font-family: Georgia, "Times New Roman", Times, serif; color: #333333; }
a{ color: #4d1222; }
a:hover { color: #930336; text-decoration: none; }

/*** Page ***/
#page { width: 850px; margin: 0px auto 0px auto; text-align: left; }

/*** Header ***/
#cheader { clear: left; float: left; width:850px; height: 304px; margin: 19px 0px -22px 0px; background: url(/images/bg_cheader.jpg) left bottom no-repeat; }
#hm { width: 800px; height: 56px; font-size: 82.50%; margin: 0px auto; }
#hm ul { margin: 25px 0px 0px 0px; list-style-type: none; }
#hm ul li{ float: left; width: 99px; height: 20px; margin: 0px 1px 0px 0px; padding: 11px 0px 0px 0px; background: url(/images/bg_hm.gif) left top no-repeat; list-style-type: none; text-align: center; }
#hm ul li:hover{ background: url(/images/bg_hm.gif) left -34px no-repeat; }
#hm ul li a{ font-weight: bold; color: #820830; text-decoration: none; }
#hm ul li a:hover{ color: #2d0d10; text-decoration: none; }
#hm ul li.active{ background: url(/images/bg_hm.gif) left -34px no-repeat; }
#hm ul li a.active{ color: #ffffff; }

#foodheader { clear: left; float: left; width:850px; height: 111px; margin: 0px 0px 0px 0px; _margin: 0px 0px -5px 0px; background: url(/images/bg_foodheader.jpg) left top no-repeat; }

#foodheader2 { clear: left; float: left; width:850px; height: 111px; margin: 0px 0px 0px 0px; _margin: 0px 0px -5px 0px; background: url(/images/bg_foodheader.jpg) left top no-repeat; }

#slogan { clear: left; float: right; width: 350px; height: 140px; margin: 40px 40px 0px 0px; text-align: right; line-height: 1.5em; }
#slogan h1{ margin: 0px 0px 10px 0px; font-size: 90%; color: #4d1222; }
#logo { clear: left; float: left; width: 230px; height: 56px; padding: 60px 0 0 20px; display: inline; }
#logo a img { border: 0px solid #cccccc !important; text-decoration: none; }

/*** content ***/
#ccontent { clear: left; float: left; width:850px; padding: 20px 0px 30px 0px; background: url(/images/bg_ccontent.gif) left bottom no-repeat #fff; }

#content { width: 770px; line-height: 1.7em; margin: 0 auto; }
#content h1{ margin: 0px 0px 5px 0px; font-size: 250.00%; line-height: 100%; font-weight: normal; color: #820830; }
#content h2{ font-size: 150.50%; color: #4d6e34; font-weight: normal; }
#content h3 { font-size: 150.50%; color: #e57d47; font-weight: normal; border-bottom: 1px solid #f07527; margin: 0 0 5px 0; padding: 3px 0 0 0; line-height: 70%; }
#content h3 a { color: #f07527; text-decoration: none; }
#content h3 a:hover { color: #f07527; text-decoration: none; }
#content h3.meat { color: #c41115; border-bottom: 1px solid #c41115; }
#content h3.dessert { color: #951e54; border-bottom: 1px solid #951e54; }
#content h3.fish { color: #01538b; border-bottom: 1px solid #01538b; }
#content h3.bakery { color: #d28d56; border-bottom: 1px solid #d28d56; }
#content h3.spec { color: #8bb839; border-bottom: 1px solid #8bb839; }

#content h3.meat a { color: #c41115 !important; }
#content h3.dessert a { color: #951e54 !important; }
#content h3.fish a { color: #01538b !important; }
#content h3.bakery a { color: #d28d56 !important; }
#content h3.spec a { color: #8bb839 !important; }

#content p{ margin: 0px 0px 1.3em 0px; }
#content a{ color: #333333; }
#content a:hover { color: #333333; text-decoration: none; }
#content img{ border: none; }
#content a:hover{ color: #000; }

#downloads { float:right; width: 230px; margin: 0px; padding: 0px;}

#catalogue { clear:both; width: 180px; background: url(/images/bg-catering-brochure.jpg) no-repeat; font-size: 13px; margin: 0px; padding: 10px 10px 15px 10px; text-align: left; line-height:140%; }
#catalogue img { float: left; padding: 3px 5px 0 0; }
#catalogue a { color: #c0f0ce; font-weight: normal; text-decoration: none; }
#catalogue:hover { background: url(/images/bg-catering-brochure.jpg) 0 -105px no-repeat;}
#catalogue a:hover { color: #ffffff; }

#catalogue2 { width: 180px; background: url(/images/bg-catering-brochure.jpg) 0 -105px no-repeat; font-size: 15px; margin: 0px; padding: 10px 10px 4px 10px; text-align: left; line-height:145%; }
#catalogue2 img { float: left; padding: 3px 5px 0 0; }
#catalogue2 a { color: #ffffff; font-weight: bold; text-decoration: none; }
#catalogue2:hover { background: url(/images/bg-catering-brochure.jpg) 0 0px no-repeat;}
#catalogue2 a:hover { color: #c0f0ce; }

img.lft { float: left; margin: 0 10px 0 0; }

#products table { width: 100%; }
#products td { vertical-align:top; text-align: left; }

table.poultry { width: 100%; border-collapse: collapse; margin: 0; }
table.poultry th { text-align: left; height:28px; border: 1px solid #cccccc; padding: 2px 5px; color: #f07527; font-weight: bold; }
table.poultry td { text-align: left; border: 1px solid #cccccc; padding: 2px 5px; }

table.meat { width: 100%; border-collapse: collapse; margin: 0; }
table.meat th { text-align: left; height:28px; border: 1px solid #cccccc; padding: 2px 5px; color: #c41115; font-weight: bold; }
table.meat td { text-align: left; border: 1px solid #cccccc; padding: 2px 5px; }

table.desserts { width: 100%; border-collapse: collapse; margin: 0; }
table.desserts th { text-align: left; height:28px; border: 1px solid #cccccc; padding: 2px 5px; color: #951e54; font-weight: bold; }
table.desserts td { text-align: left; border: 1px solid #cccccc; padding: 2px 5px; }

table.fish { width: 100%; border-collapse: collapse; margin: 0; }
table.fish th { text-align: left; height:28px; border: 1px solid #cccccc; padding: 2px 5px; color: #01538b; font-weight: bold; }
table.fish td { text-align: left; border: 1px solid #cccccc; padding: 2px 5px; }

table.bakery { width: 100%; border-collapse: collapse; margin: 0; }
table.bakery th { text-align: left; height:28px; border: 1px solid #cccccc; padding: 2px 5px; color: #d28d56; font-weight: bold; }
table.bakery td { text-align: left; border: 1px solid #cccccc; padding: 2px 5px; }

table.ambient { width: 100%; border-collapse: collapse; margin: 0; }
table.ambient th { text-align: left; height:28px; border: 1px solid #cccccc; padding: 2px 5px; color: #8bb839; font-weight: bold; }
table.ambient td { text-align: left; border: 1px solid #cccccc; padding: 2px 5px; }

/*** footer ***/
#footer { clear: left; float: left; width: 850px; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; color: #ffffff; font-size: 82.50%; }
#footer a{ color: #ffffff; }
#footer a:hover { color: #ffffff; text-decoration: none; }
#copyright { float: left; margin: 0px 0px 0px 20px; }
#fmenue { float: right; margin: 0px 20px 0px 0px; }
#fmenue ul{ list-style-type: none; }
#fmenue ul li{ list-style-type: none; float: left; }
#fmenue ul li a{ margin: 0px 4px 0px 4px; color: #ffffff; }

/*** Formulare ***/
#contactform { clear: left; float: left; line-height: normal; width: 440px; margin: 0px 0px 30px 0px; padding: 0px 10px 30px 10px; background-color: #efefef; }
#contactform label { clear: left; float: left; width: 100px; margin: 10px 0px 0px 0px; }
#contactform label.plabel { font-weight: bold; }
#contactform input,
#contactform select,
#contactform textarea { float: left; width: 325px; margin: 10px 0px 0px 0px; }
#contactform input.submit { width: auto; float: right; margin: 10px 0px 0px 0px; }
#contactform input.reset { width: auto; float: right; margin: 10px 0px 0px 0px; }