#bottle_results { clear: both; }

#bottles { clear: both; }
#bottles li { float: left; height: 140px; display: block; margin: 5px; border: 1px solid #CCC; background: url(../images/default_bg.png) bottom left no-repeat; }
#bottles li a { width: 136px; height: 120px; display: block; padding-top: 15px; }
#bottles li a:hover { background-color: #F0F0F0; }
#bottles li img { max-width: 75px; max-height: 75px; _width: expression(this.width > 75 ? 75 : true); _height: expression(this.height > 75 ? 75 : true); display: block; }
#bottles li.pp { background: url(../images/pp_bg.png) bottom left no-repeat; }
#bottles li.hdpe { background: url(../images/hdpe_bg.png) bottom left no-repeat; }
#bottles li.pet { background: url(../images/pet_bg.png) bottom left no-repeat; }
#bottles li.ldpe { background: url(../images/ldpe_bg.png) bottom left no-repeat; }
#bottles li.pvc { background: url(../images/pvc_bg.png) bottom left no-repeat; }

#color_key { border: 1px solid #CCC; margin-left: 1px; padding: 10px; float: left; width: 195px; margin-top: 3px; }
#color_key h2 { color: #000; font-size: 14px; font-weight: bold; }
#color_key td { text-align: center; width: 37px; }
#color_key td.pp { height: 10px; background: url(../images/pp_bg.png); }
#color_key td.ldpe { height: 10px; background: url(../images/ldpe_bg.png); }
#color_key td.hdpe { height: 10px; background: url(../images/hdpe_bg.png); }
#color_key td.pvc { height: 10px; background: url(../images/pvc_bg.png); }
#color_key td.pet { height: 10px; background: url(../images/pet_bg.png); }

.pagebar { height: 17px; border: 1px solid #e0e0e0; padding: 3px; float: right; background: #FFF; margin-bottom: 6px; margin-right: 4px; }
.pagebar img { float: left; border: 0px; }
.pagebar div { float: left; border-left: 1px dotted #dabe82; border-right: 1px dotted #dabe82; padding-left: 6px; padding-right: 6px; margin-left: 6px; margin-right: 6px; }
.pagebar span { float: left; width: 13px; height: 14px; border: 1px solid #FFF; color: #929292; font-size: 10px; text-align: center; line-height: 14px; }
.pagebar span a { color: #929292; text-decoration: none; }
.pagebar span.active { float: left; width: 13px; height: 14px; border: 1px solid #4b4b4b; color: #4b4b4b; font-size: 10px; background: #f2f2f2; }

h2.left { float: left; padding-left: 10px; margin-top: 6px; }

#login_area { border: 1px solid #CCC; margin-left: 1px; padding: 10px; float: left; width: 195px; margin-top: 3px; font-size: 10px; }
#login_area h2 { color: #000; font-size: 14px; font-weight: bold; }
#login_area input.default { width: 50px; border: 1px solid #666; float: left; margin-right: 6px; font-size: 10px; padding: 3px 4px; margin-bottom: 5px; height: 13px; }
#login_area input.submit { border: 1px solid #666; background-color: #EEE; color: #333; padding: 1px 4px; width: 50px; height: 21px; }
#login_area div { margin-top: 5px; font-size: 10px; }
#login_area span { display: block; margin-bottom: 5px; font-size: 10px; color: red; }