html, body {font-family: arial, helvetica, sans-serif; font-size: 12px; background: #e2cbff url(../images/bubble_bg.gif); margin: 0px;}
#container {display: block; clear: none; float: left; padding: 30px;}
#main {display: block; float: left; clear: none; width: 700px; background: #fff; border: 3px solid #00c;}
#container > #main {width: 740px;}
#nav {display: block; position: absolute; top: 20px; left: 212px; background: url(../images/navtab_left.gif) top left no-repeat;}
#links {display: block; margin-left: 36px; padding-right: 36px;}
#nav a {display: block; float: left; clear: none; padding: 4px 12px 5px; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; background: #d21f00; border-left: 1px solid #f9c798; border-right: 2px solid #b34a01;}
#nav a#nav_contact {background: #d21f00 url(../images/navtab_right.gif) bottom right no-repeat; padding-right: 46px;}
#nav a:hover {color: #fcc;}
a#nav_contact {border-right: 0px;}
a#nav_home {border-left: 0px;}
#bulletPoints {display: block; background: #fffdaf; width: 180px; text-align: left; padding: 6px; margin: 12px 12px 6px;}
#bulletPoints h1, #contactBox h1 {border: 0; font-size: 12px; font-family: arial, helvetica, sans-serif; text-align: left; color: #000; margin: 0px;}
#bulletPoints li, #contactBox li {list-style-image: url(../images/bullet.gif); font-family: arial, helvetica, sans-serif; font-size: 12px;}
#bulletPoints p, #contactBox p {font-size: 10px;}
#contactBox {display: block; float: left; clear: left; background: #fffdaf; width: 180px; text-align: left; padding: 6px; margin: 12px 12px 6px;}
img#logo {display: block; clear: both; margin: 24px 18px;}
img#titleHeader {margin: 24px 0 0;}
p.caption {font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #d21f00; margin-top: -24px; text-align: center;}
#sidebar{display: block; clear: none; float: left; width: 200px; margin: 0px; padding: 0px;}
#sidebarDist{display: block; clear: none; float: left; width: 140px; margin: 0px; padding: 0px;}
h1 {font-family: georgia, "times new roman", times, serif; font-style: italic; font-size: 24px; color: #d21f00; border-bottom: 1px solid #d21f00; padding: 0 0 3px 0;}
h2 {font-family: arial, helvetica, sans-serif; line-height: 1.2em; font-size: 18px; color: #d21f00; font-weight: bold; text-align: center; margin-bottom: -16px;}
h3 {display: block; font-family: arial, helvetica, sans-serif; line-height: 1.2em; font-size: 18px; color: #d21f00; font-weight: bold; text-align: left; float: left; clear: right; margin: 0px;}
p {font-family: arial, helvetica, sans-serif; font-size: 12px; clear: both;}
#content {display: block; float: left; clear: none; width: 500px; padding: 30px 24px 24px;} 
#contentContact {display: block; float: left; clear: none; width: 420px; padding: 30px 24px 24px;}
#contentHome {display: block; float: left; clear: none; width: 459px; padding: 12px 0 12px 12px;}
table {margin-top: 30px; border-top: 1px solid #c60; border-bottom: 1px solid #c60; border-left: 1px solid #c60;}
table th {background: #fce1c8; color: #c60; font-weight: bold; size: 12px; border-right: 1px solid #c60; padding: 3px;}
table td {border-right: 1px solid #c60; padding: 3px; font-size: 12px;}
table tr.shaded {background: #faefe5}
table tr.hilite {font-weight: bold;}
img#logoSM {display: block; clear: none; float: left; margin: 12px;}
img.chart {margin-top: 24px;}
hr {display: block; width: 100%; visibility: hidden;}
table#formTable, table#formTable td {border: 0px;}
#footer {display: block; clear: both; width: 100%; text-align: center; font-size: 10px; padding: 24px 0;}
img#chartLemon, img#chartOrange, img#chartStraw {text-align: center}
p.chartCaption {display: block; text-align: center; color: #d21f00; font-size: 14px; font-weight: bold;}
#checkDistribution {display: block; float: left; clear: right; width: 100%; margin: -18px 0 6px 15px;}
#nutritionFacts {text-align: center;}
#nutritionFacts img {display: block; margin: -12px auto 0;}
img#poloshirt {display: block; float: left; clear: none;}
img#girl {display: block; float: left; clear: left; margin: 6px 0 0 6px;}
img#flavors {display: block; float: left; clear: none; margin: 12px 0 12px;}
