/* CSS Document */

body {text-align: center; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 76%;}
td {font-size: 1em}
#partners {margin: 5px 0 5px 0; padding: 10px 0 0 0; border-top: 1px dotted #CCCCCC; border-bottom: 1px solid #CCCCCC; height: 40px}
#partners p {display: inline; font-weight: bold; color: #FF3300}
#partners dl {padding:0; margin:0; font-size: .9em}
#partners dt {padding: 0; margin: 0; display: inline; font-size: .9em}
#partners dd {padding: 0; margin: 0; display: inline; font-size: .9em}
div#wrapper{margin-left: auto; margin-right: auto; width: 770px; text-align: left;}
#header {background-image: url(assets/back-logo.gif); height: 113px;background-repeat: no-repeat; width: auto; margin: 0 0 10px 0}
#headerad {clear:both; display: block; padding: 2px 0 5px 0; border-top: 1px solid #f95bec; border-bottom: 1px solid #f95bec; text-align: center; margin: 0 0 10px 0}
#headerad ul {list-style: none; padding: 0; margin: 0; height: 110px; text-align: center}
#headerad li {float: left; width: 190px; }
#headerad li a {display: block; padding: 5px; margin: 0 10px 0 10px; font-size: 1em; font-weight: bold; border: 1px solid white; height: 95px; text-decoration:none}
#headerad li a:hover {color: #FF0066; border: 1px solid #FF0066}

#shoplinks { text-align: center; padding: 20px; border-top: 5px solid #FF0033; border-bottom: 5px solid #FF0033; margin: 5px 0 5px 0}
#shoplinks h3 {color: #FF0033; font-size: 1.5em; padding: 0; margin: 0px}
#shoplinks ul {padding: 0; margin:0 ;list-style: none; text-align: center}
#shoplinks li {display: inline; margin: 0 5px 5px 0}
#shoplinks li:a {font-weight: bold; display: block; padding: 3px}

#sidead  {width: 190px; margin: 10px 0 10px 0 }
#sidead a {display: block; padding: 5px; margin: 10px; font-size: .9em; font-weight: bold; border: 1px solid #bebebe; height: 105px; text-decoration:none}
#sidead a:hover {color: #FF0066; border: 1px solid #FF0066}


#sub {background-color:#66CCFF; padding: 5px; margin: 0 0 5px 0}
#doco {}
#homepage {width: 370px; margin: 0 10px 0 10px ;float: left; clear: none;}
#homepage p {color: #333333; line-height: 1.5em}
#homepage h1 {padding: 5px 0 5px 0px; margin: 0; color: #a5249a; font-size: 1.6em; border-top: 1px solid #efe7ee; border-bottom: 1px solid #efe7ee}
#homepage h2 {padding: 10px 0 5px 0; margin: 0; color: #333333; font-size: 1.2em}
#homepage h3 {padding: 20px;margin: 0; color: #003366; font-size: 1.1em; border: 1px solid  #003366;}
#mobile h4 {padding: 100px 20px 10px 20px; margin: 0; color: #CC0000; font-size: 1.1em}
#mobile h5 {padding: 5px 20px 10px 20px; margin: 0;  color: #333333; font-size: 1.1em}
#mobile {width: 216px; background-color:#FFFFFF; background-image: url(assets/mobile-phone.gif); background-repeat: no-repeat; height: 229px; display: block; }
#homecolumn {width: 250px; float: left; clear: none; text-align: center;}
#mobile h6 {}
#menu {float: left; width: 130px; clear: none}
#menu ul {padding: 0px; margin :0px; list-style: none}
#menu li {padding: 0px; margin: 0px; display: inline}
#menu li a {width: auto; display: block; border-bottom: 1px solid #b525a9; text-decoration: none; font-size: .9em; font-weight: bold; padding: 3px 3px 3px 6px; margin: 0 0 2px 0; color:#3333FF}
#menu li a:hover {color: #FF0000; background-color:#f9eef7}

#cont {float: left; width: 400px; background-color:#FFFFFF; margin: 0 0 0 5px}
#contindex {float: left; width: 620px; background-color:#FFFFFF; margin: 0 0 0 5px}
#right {float: left; clear: none; width: 220px; margin: 0 0 0 5px}
#right2 {float: left; clear: none; width: 60px; margin: 0 0 0 5px}
#foot {clear: both; height: 38px; margin: 10px 0 0 0; background-image: url(/assets/footer.gif); background-repeat:no-repeat}
#foot p {margin: 0px; padding: 10px 0 10px 20px; color: #660033; font-weight: bold}
.pad {padding: 10px}
.pag {background-image: url(/assets/b-pag.gif); background-repeat:repeat-x; padding:10px; background-color: #75abc0;display: block; margin: 0 10px 0 10px; border: 1px solid #144b60; color: white; text-decoration:none}
td.outputhead {font-size: 1.1em; background-image: url(/assets/b-td.gif); background-color:#f850e9;background-repeat: repeat-x; font-weight: bold; padding: 4px 0 4px 2px}
.ing {padding: 5px; font-size: .9em}
.ing h3 {padding: 3px; margin: 0px;}
.pad h1 {font-size: 1.6em; font-weight: bold; padding: 3px; margin: 0px; border-bottom: 1px dotted gray; color: #660033}
.output td {font-size:.9em; border-bottom: 1px solid #e2c7e0}
.output td a {display: block; text-decoration: none; width: 99%; padding: 3px 0 3px 2px; font-weight: bold}
.output td a:hover {background-color:#e2c7e0}
.footclear {height: 30px; display: block; width: auto; clear: both}
.alpha {text-align: center; border: 1px solid white; padding: 5px}
.alpha p {padding: 2px; margin: 0px; background-color:#FFFFCC; font-size: .8em; font-weight:bold}
.alpha td {text-align: center; color: white; padding: 0 0 3px 0; border-bottom: 1px solid gray; width: 30px}
.alpha td a {display: block; color: #33FFFF; text-decoration: none;}
.alpha td a:hover {background-color:#CCCC66}
.ingred {color: #666666; font-weight: bold; padding: 2px; margin: 0px; border-bottom: 1px solid gray}
.category a {display: block; background-color:#CCCCCC; text-decoration: none}
.category a:hover {background-color:#CCCC66}
.category img {border: 0px}
.category h2 {display: inline;padding: 0px; margin: 0px; font-size: 1.1em; font-weight: bold}
.category p {display: inline; padding: 0px; margin: 0px; font-size: .8em}

.comments {border-top: 1px solid gray; background-color: #FFF4FA; padding: 5px}
.comments p {font-size: .9em; font-weight: bold; color: #333333; pading: 0; margin: 0}
.data {padding: 5px; border-top: 1px solid gray}