@charset "UTF-8";
/* CSS Document */
* { margin:0; padding:0; }
a img { border-style:none; margin:0; padding:0; } 
ul li { list-style-type:none; margin:0; padding:0; }
body { background-image:url(../images/header.gif); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; }
#master_container { width:1000px; margin:0px auto; }

.instructions { position:relative; display:inline; float:left; width:100%; margin-bottom:80px;  }
.universal { font-size:1em; margin-bottom:10px; }

#matts_code { position:relative; display:inline; float:left; width:100%; border-style:solid; border-width:thin; padding: 10px;}

/* Matt's CSS */

.clr { clear:both; }

ul li.pod { position:relative; list-style-type:none; margin-right:20px; display:inline; float: left; padding: 10px 10px 10px 10px; width:217px;  border: 1px solid #000; }

img.bottle { float: left; margin-right: 10px; width:88px; height:133px; border: 1px solid #000; }

ul.sup { float:left; width:105px; }
ul.sup li { list-style-type: none; }
ul.sup li.sup_name { font-family:Arial, Helvetica, sans-serif; font-size:.85em; font-weight:bold; text-transform:uppercase; color:#0099FF; }
ul.sup li.sup_grade { }
ul.sup li.sup_rate {  }
ul.sup li.sup_star1 { height:20px; background-image:url(../images/1star.jpg); background-repeat:no-repeat;}
ul.sup li.sup_star2 { height:20px; background-image:url(../images/2star.jpg); background-repeat:no-repeat;}
ul.sup li.sup_star3 { height:20px; background-image:url(../images/3star.jpg); background-repeat:no-repeat;}
ul.sup li.sup_star4 { height:20px; background-image:url(../images/4star.jpg); background-repeat:no-repeat;}
ul.sup li.sup_star5 { height:20px; background-image:url(../images/5star.jpg); background-repeat:no-repeat;}

img.review { position:absolute; bottom:0px; right:0px; width:82px; height:28px; border:1px solid #000; margin-right:10px; margin-bottom:10px;}