@charset "UTF-8";

div.body {width: 395px; background: #f7f7f7 url(../images/item/bg_body.gif) no-repeat top center; float: right;}
div.body .wrapper {background: url(../images/item/bg_body-wrapper.gif) no-repeat bottom center; padding: 0px 0px 10px 0px;}
div.picture {width: 360px; background: url(../images/item/bg_picture.gif) no-repeat top center; float: left; margin-left:}
div.picture .wrapper {background: url(../images/item/bg_picture-wrapper.gif) no-repeat bottom center; margin-top: 10px; padding: 3px 0px 17px 13px; overflow: visible;}
div.heading h1 {padding: 15px 0px 0px 15px; color: #990000;}
div.heading h2 {padding: 5px 0px 0px 15px; color: #222;}
div.heading p {padding: 15px; font-size: 12px; line-height: 18px;}
div.heading p img {padding: 5px; text-align: right; margin-top: -50px;}
div.heading div.copy {padding: 10px 15px;}
div.heading div.copy p {padding: 5px 0px;}
div.heading div.copy ul {padding: 5px 10px 5px 30px;}
div.sub-heading {width: 395px; height: 30px; background: url(../images/item/bg_sub-header.gif) no-repeat top center; margin-top: 10px; clear: both;}
div.sub-heading h1 {font-size: 14px; padding: 8px 0px 0px 10px; color: #222;}
div.content h1 {font-size: 12px; font-weight: bold; padding: 15px 10px 0px 15px; color: #222; text-transform: uppercase;}
div.content p {padding: 5px 10px 0px 15px;}
div.content div.nutrition {width: 75%; padding: 15px 0px 5px 15px;}
div.content div.nutrition table {border: solid #333 1px;}
div.content div.nutrition td {border: solid #333 1px; padding: 2px;}
div.reviews {width: 360px; clear: left; float: left; margin: 5px 0px 10px 3px;}
div.rating {height: 40px; background: url(../images/item/bg_ratings-header.gif) no-repeat top center;}
div.rating h1 {font-size: 14px; padding: 8px 0px 0px 15px; color: #222; float: left}
div.rating img {float: right; padding: 6px 15px; vertical-align: top;}
div.my-options {height: 70px; background: url(../images/item/bg_my-rating.gif) no-repeat top center; text-align: center; vertical-align: middle;}
div.my-options h2 {padding: 15px 0px 5px; color: #222; font-size: 16px; }
div.my-options div.my-rating {height: 70px; width: 49%; text-align: center; vertical-align: middle; float: left; background: none;}
div.my-options div.my-rating p {padding: 8px 0px 0px;}
div.my-options div.my-review {height: 70px; width: 49%; text-align: right; float: right;}
div.my-options div.my-review img {padding: 20px 20px 0px 0px;}
div.content h2 {font-size: 12px; font-weight: bold; padding: 15px 10px 0px 10px; color: #222;}
div.reviews div.write-review {padding-top: 20px; text-align: center;}
div.write-review p {color: #222; font-weight: bold; font-size: 10px; text-transform: uppercase; padding-bottom: 10px;}
div.review {clear: both; width: 330px; margin: 20px auto;}
div.review p.title {font-weight: bold;}
div.review p.date {font-size: 12px; color: #333}
div.review p.author {float: left; color: #000; font-weight: bold; font-size: 10px; text-transform: uppercase; padding: 2px 0px 5px;}
div.review p.rating {float: right;}
div.review p.comments {clear: both;}
div.style {clear: both; width: 360px; overflow: auto; margin: 0px auto;}
div.style div.item {float: right; width: 270px; text-align: left; padding: 10px 0px; border: 0px; border-bottom: solid #ccc 1px;}
div.style div.item span {padding-left: 10px;}
div.style div.item:hover {background: #fdfdfd;}
div.style div.quantity {float: right; padding: 10px 0px 0px 10px;}
div.style div.promo {float: left; width: 50px; padding: 10px 0px; text-align: center;}
div.style span.sale, div.style span.price, div.style span.save {display: inline;}
div.style span.price {font-weight: bold;}
div.add-to-bag {padding: 10px 0px; overflow: auto;}
div.form-input {overflow: auto; padding-bottom: 5px; clear: both;}
div.form-input input, div.form-input select {display: block; margin: 2px 0px;}
div.form-input input#qty {text-align: center;}
div.form-input label {width: 275px; float: right; clear: both;  text-transform: uppercase; font-size: 10px; color: #222;}
div.form-input div.input {width: 275px; float: right; clear: both;}
div.review-input label {width: 380px; float: right; clear: both;  text-transform: uppercase; font-size: 10px; color: #222; padding: 15px 0px 5px;}
div.review-input div.input {width: 380px; float: right; clear: both; margin-bottom: 10px;}
div.review-input textarea {width: 350px; clear: both; margin-bottom: 10px;}

/* CSS for My Customer Rating Star Ratings */
#rateStatus {padding: 3px; color: #555;}
#rateMe {width: 90px; padding-top: 3px; margin: 0px auto; vertical-align: middle; overflow: auto;}
#rateMe li {float:left; vertical-align: middle; list-style: none;}
#rateMe li a:hover, #rateMe .on {background:url(../images/ratings/my-star-on.gif) no-repeat;}
#rateMe a {float:left; background:url(../images/ratings/my-star-off.gif) no-repeat; width:18px; height:18px;}
#ratingSaved, #ratingCaption, #ratingItem {display:none;}