/* relation: stylesheet
 * media: screen
 * title: zzounds
*/

.prodDisplayWrap { margin: 0 auto; width: 50%; text-align: center; /* since IE can't center using auto */ }
.prodDisplay { float: left; text-align: left; width: 100%;  clear: left; margin-left: auto; margin-right: auto; padding: 0.5em 0.5%; border: solid 1px #CCC; border-right: solid 1px #333; border-bottom: solid 1px #333 }
.thumbAndPromo { width: 90px; height: 90px; position: relative; float: left; margin: 0 0.25em 0.25em 0; padding: 2px; text-align: center; border: solid 1px #CCC; }
.thumbAndPromo img { border: none; vertical-align: middle; }
.promoSplash { clear: left; position: absolute; bottom: 5px; left: -7px; margin: 0; padding: 0; color: red; }
.productName { margin: 0; padding: 0.25em; font-size: 80%; font-weight: bold; }
.productName a { text-decoration: underline; color: rgb(0,41,145); }
.productName a:hover { color: #DAA520; }
.productInfoRight { float: left; clear: none; margin: 0 0.3em 0 0; padding: 0; list-style: none; }
.prodInfo { overflow: hidden; }

.prodShortDescription { float: right; width: 44%; margin: 0.2em 1%; padding: 0; font-size: 70%; }
.prodShortDescription a { white-space: nowrap; text-decoration: underline; font-weight: bold; color: rgb(0,41,145); }
.prodShortDescription a:hover { color: #DAA520; }

.prodReviewInfo { clear: both; padding: 0; margin: 0.2em 0 0 0; font-size: 80%; font-weight: bold; text-align: center; border-top: solid 1px #CCCCCC; }
.prodReviewInfo span { margin: 0 1.0em; }
form.reviewForm { margin: 0; padding: 0 }
div.reviewWrap { clear: both; margin: 10px 0; padding: 0.5em; text-align: center; font-weight: bold; background: url("yellowBackground.jpg") 0 0 repeat; border-top: solid 1px #666; border-bottom: solid 1px #666; }
div.reviewWrap input, div.reviewWrap select { margin: 0 0 0 1em; }
h2.overallHeading { margin: 0.5em; font-size: 120%; }
dl.overallRatings { width: 100%; float: left; margin: 0 0 1em 0; /*fix for IE double-margin bug*/display: inline; font-size: 80%; }
dl.overallRatings dt { width: 35%; float: left; clear: left; margin: 0 0 0 1%; padding: 0.2em 2% 0 1%; /*fix for IE double-margin bug*/display: inline; font-weight: bold; border-top: solid 1px #FC0; }
dt.oddRow, dd.oddRow { background-color: #FFC; }
dl.overallRatings dd { width: 50%; float: left; margin: 0; padding: 0.2em 0 0 10%; /*fix for IE double-margin bug*/display: inline; border-top: solid 1px #FC0; }
dl.overallRatings dd span { margin: 0; padding: 0 0.5em; }
h2.individualHeading { clear: both; margin: 0.5em 0.5em 0 0.5em; padding: 0.5em 0 0 0; font-size: 120%; border-top: solid 3px #000; }
div.individualReview { width: 96%; float: left; clear: both; margin: 0 2%; padding: 0.5em 0; /*fix for IE double-margin bug*/display: inline; font-size: 80%; border-bottom: dashed 1px #333; }
div.individualRatingWrap { width: 35%; float: left; margin: 0 0 0.5em 0; border: solid 1px #FC0; }
dl.individualRating { width: 98%; float: left; clear: left; position: relative; top: 1px; margin: 0 1%; padding: 0.2em 0; /*fix for IE double-margin bug*/display: inline; border-bottom: solid 1px #FC0; }
dl.individualRating dt { width: 5em; float: left; clear: left; margin: 0; padding: 0.2em 0 0 1%; /*fix for IE double-margin bug*/display: inline; font-weight: bold; }
dl.individualRating dd { width: 73%; float: left; margin: 0; padding: 0.2em 0 0 0; /*fix for IE double-margin bug*/display: inline; }
dl.individualRating dd span { margin: 0 0 0 0.2em; white-space: nowrap; position: relative; top: -1px; }
p.individualReviewText { width: 62%; float: right; margin: 0; padding: 0 1%; /*fix for IE double-margin bug*/display: inline; }
ul.individualInfo { clear: left; margin: 0.5em; padding: 0; }
ul.individualInfo li { list-style: none; margin: 0.1em; }
ul.individualInfo li span { font-weight: bold; color: rgb(0,41,145); }
div.rateThisReview { width: 100%; float: left; clear: both; background-color: #CCF; font-weight: bold; }
div.rateThisReview h3 { width: 384px; height: 42px; float: left; margin: 0; padding: 0; text-indent: -1000px; background: url("doYouAgree.gif") 0 0 no-repeat; }
div.rateThisReview p.response { float: left; padding: 0.5em 0.8em; margin: 0.5em 0 0.5em 0.8em; text-decoration: underline; cursor: pointer; border: dotted 1px #FFF; }
div.rateThisReview p.responseYes, div.rateThisReview p.ResponseNo { background-color: #CCF; }
div.rateThisReview p.responseYes:hover, div.rateThisReview p.responseNo:hover { background-color: #FFDD54; }
div.rateThisReview p.responseYesDown, div.rateThisReview p.responseNoDown { background-color: #FC0; }
div.rateThisReview p.thanks { float: left; padding: 0.5em; margin: 0.5em 0 0.5em 0.5em; color: #CC3340; }

/** changes related to me45B **/
#imageArea { float: left; width: 340px; position: relative; overflow: hidden; padding: 10px 1%; background: url("texture.jpg") repeat 0 0; }
#categoryImageArea { position: absolute; top: 15px; left: 15px; margin: 0; padding: 0; z-index: 30; }
#placeHolderArea { width: 95.8%; *width: 99%; height: 230px; position: relative; overflow: hidden; line-height: 200px; /* fix for IE vertical align, includes filter to unset font-size */font-size: 350px; background-color: #FFF; margin: 0 1.1%; padding: 5px 1%; text-align: center; }
*>#placeHolderArea { font-size: 100%; }
.fullSizeImage { float: right; position: absolute; bottom: 0.7em; right: 0.7em; margin: 0; padding: 0; font-size: small; line-height: 100%; }
.fullSizeImage a { *font-size: 70%; color: #666; padding-left: 14px; text-decoration: underline; background: url("smallBox.jpg") white 2px 50% no-repeat; }
.fullSizeImage a:hover { color: rgb(0,41,145); background: url("smallBoxActive.jpg") white 2px 50% no-repeat; }


dl.overallRatings_new {width: 335px; float: left; margin: 0; /*fix for IE double-margin bug*/ display: inline; font-size: 80%;}
dl.overallRatings_new dt { width: 100px; float: left; clear: left; margin: 0; padding: 0 0 .5em 0; /*fix for IE double-margin bug*/ display: inline; font-weight: bold; }
dl.overallRatings_new dd { width: 235px; float: left; margin: 0; padding: 0 0 .5em 0; /*fix for IE double-margin bug*/display: inline; }
dl.overallRatings_new dd span { margin: 0; padding: 0 0.5em; }

#productTitle { color: #10147E; font-size: 1em; margin: 1em 0 0.5em 20px; }
.tinyDescription { font-size: 0.8em; margin: 0 0 0 20px; }

.product {
    margin: 1em 0 0 1em;
}
.product td {
    vertical-align: top;
}
td.overallRatings_new {
    width: 100%;
    padding-left: 5em;
}
h2.overallHeading_new { font-size: 110%; }
.returnToProduct { float: left; clear: both; }
.returnToProduct img { border: none; }

div.reviewWrap_new { clear: both; margin: 10px 0 0 0; padding: 0.5em 0 0 0; text-align: center; font-weight: bold; background: url("./yellowBackground.jpg") 0 0 repeat; border-top: solid 1px #666; }
div.reviewWrap_new input, div.reviewWrap_new select { margin: 0 0 0 1em; }
div.reviewWrap_foot {
    background: url("user_review_blackbar.gif") repeat-x bottom;
    width: 100%;
    padding:0;
    margin:0 0 1em 0;
}

.reviewLeftColumn {
    float: left;
    clear: none;
    width: 325px;
}

.reviewRightColumn {
    float: right;
    clear: none;
    display: inline;
    width: 725px;
    margin-left: auto;
}
.reviewRightColumn-new {
    float: right;
    clear: none;
    display: inline;
    width: 50%;
    margin-left: auto;
}

div.individualRatingWrap_new { width: 35%; margin: 0 0 0.5em 0; font-size: 120%; clear: both; }
ul.individualInfo_new { width: 300px; clear: left; margin: 0.5em; margin-left: 0; padding: 0; }
ul.individualInfo_new li { list-style: none; margin: 0.1em; }
ul.individualInfo_new li span { font-weight: bold; color: #10308f }

.userreview {
    width: 725px;
    float: right;
    margin: 0;
    padding: 0 1%; /*fix for IE double-margin bug*/
    display: inline;
    clear: none;
    vertical-align: top;
}

.userreview-new {
    margin: 0;
    padding: 0 1%; /*fix for IE double-margin bug*/
    clear: none;
    vertical-align: top;
}

/** We use this to make safari to behave properly **/
@media screen and (-webkit-min-device-pixel-ratio:0){
    #spotlightreview_bot-right, #spotlightreview_top-right,
    #crewreview_bot-right, #normalreview_top-right,
    #normalreview_bot-right, #crewreview_top-right {
        top:0;
    }
}

/** common css for the review boxes **/
.spotlightreview_bot-right, .crewreview_bot-right,
.normalreview_top-right, .normalreview_bot-right {
    float: right;
    position: relative;
    right: 0;
    top: -15px;
    width: 32px;
}

.spotlightreview_top-right, .crewreview_top-right {
    float:right;
    position:relative;
    right:0;
    top:-35px;
    width:32px;
}
/** end common **/

.userreviewbody {
    width: 670px;
    padding: .5em .5em .5em 2em;
}

.userreviewbody-new {
    padding: .5em .5em .5em 2em;
}
.spotlightreview {
    background: url("user_review_spotmid.gif") repeat-y #fff;
}

.spotlightreview_top {
    background: url("user_review_spottop.gif") no-repeat top left;
    line-height: 40px;
}
.spotlightreview_top-container {
    line-height: 35px;
    background: url("spot_topmiddle.gif") repeat-x top center;
    margin: 0 2px 0 2px;
}
.spotlightreview_top-left {
    background: url("spot_topleft.gif") no-repeat top left;
    width: 258px;
    float: left;
}
.spotlightreview_top-right {
    background: url("spot_topright.gif") no-repeat top right;
}

.spotlightreview_mid-left {
    background: url("spot_midleft.gif") repeat-y center left #ffefb6;
}

.spotlightreview_mid-right {
    background: url("spot_midright.gif") repeat-y center right;
    padding-right: 5px;
}

.spotlightreview_bot {
    background: url("user_review_spotbot.gif") no-repeat bottom left;
}

.spotlightreview_bot-container {
    background: url("spot_botmiddle.gif") repeat-x bottom center;
    line-height: 15px;
    margin: 0 2px 0 3px;
    *margin: 0 7px 0 3px;
}
.spotlightreview_bot-left {
    background: url("spot_botleft.gif") no-repeat bottom center;
    width: 32px;
    float: left;
}
.spotlightreview_bot-right {
    background: url("spot_botright.gif") no-repeat bottom center;
}

.staffreview {
    background: url("user_review_staffmid.gif") repeat-y #fff;
}

.staffreview_top {
    background: url("user_review_stafftop.gif") no-repeat top left;
    line-height: 40px;
}

.staffreview_bot {
    background: url("user_review_staffbot.gif") no-repeat bottom left;
}

.crewreview_top-container {
    line-height: 35px;
    background: url("crew_topmiddle.gif") repeat-x top center;
    margin-right: 2px;
}
.crewreview_top-left {
    background: url("crew_topleft.gif") no-repeat top left;
    width: 258px;
    float: left;
}
.crewreview_top-right {
    background: url("crew_topright.gif") no-repeat top right;
    padding-right: 5px;
}

.crewreview_mid-left {
    background: url("crew_midleft.gif") repeat-y center left #ccffff;
}

.crewreview_mid-right {
    background: url("crew_midright.gif") repeat-y center right;
    padding-right: 8px;
}

.crewreview_bot {
    background: url("user_review_spotbot.gif") no-repeat bottom left;
}

.crewreview_bot-container {
    background: url("crew_botmiddle.gif") repeat-x bottom center;
    line-height: 15px;
    margin: 0 2px 0 3px;
    *margin: 0 7px 0 3px;
}
.crewreview_bot-left {
    background: url("crew_botleft.gif") no-repeat bottom center;
    width: 32px;
    float: left;
}
.crewreview_bot-right {
    background: url("crew_botright.gif") no-repeat bottom center;
}


.normreview {
    background: url("user_review_normmid.gif") repeat-y #fff;
}

.normreview_top {
    background: url("user_review_normtop.gif") no-repeat top left;
    line-height: 40px;
}

.normreview_bot {
    background: url("user_review_normbot.gif") no-repeat bottom left;
}

.normalreview_top-container {
    background: url("norm_topmiddle.gif") repeat-x top center;
    margin-right: 0px;
}
.normalreview_top-left {
    background: url("norm_topleft.gif") no-repeat top left;
    width: 258px;
    float: left;
}
.normalreview_top-right, .normalreview_bot-right {
    float:right;
    position:relative;
    right:0;
    top:-15px;
    width:32px;
}
.normalreview_top-right {
    background: url("norm_topright.gif") no-repeat top right;
}

.normalreview_mid-left {
    background: url("norm_midleft.gif") repeat-y center left;
}

.normalreview_mid-right {
    background: url("norm_midright.gif") repeat-y center right;
    padding-right: 5px;
}

.normalreview_bot {
    background: url("user_review_spotbot.gif") no-repeat bottom left;
}

.normalreview_bot-container {
    background: url("norm_botmiddle.gif") repeat-x bottom center;
    line-height: 15px;
    margin: 0 2px 0 3px;
    *margin: 0 7px 0 3px;
}
.normalreview_bot-left {
    background: url("norm_botleft.gif") no-repeat bottom center;
    width: 32px;
    float: left;
}
.normalreview_bot-right {
    background: url("norm_botright.gif") no-repeat bottom center;
}

.reviewvote {
    padding-left: 1em;
}
.reviewvote img {
    cursor: pointer;
    margin-right: 1em;
}
.reviewvote span {
    color: #cc0505;
    font-weight: bold;
    float: left;
}
.votetable {
    font-size: 93%;
}

div.individualReview_new {
    width: 96%;
    float: left;
    clear: both;
    margin: 0 2%;
    padding: .5em 0 2em 0; /*fix for IE double-margin bug*/
    display: inline;
    font-size: 80%;
    background: url("user_review_blackbar.gif") repeat-x bottom;
}

.responseYes_new, .responseNo_new, .responseYesDown_new, .responseNoDown_new {
    cursor: pointer;
    float: left;
    clear: none;
    width: 46px;
    height: 19px;
    margin-right: 1em;
}
.responseYes_new {
    background: url("user_review_yes_up.gif") no-repeat;
}
.responseNo_new {
    background: url("user_review_no_up.gif") no-repeat;
}

 .votecommentbox {
    visibility: hidden;
    display: none;
}
.review-thankyou-wrapper {
    margin-bottom: 4em;
}
.review-thankyou-wrapper h1, .review-thankyou-wrapper p {
    text-align: left;
}
.review-thankyou {
    margin-left: 1em;
    width: 510px;
}
.review-thankyou p {
    font-size: 90%;
    margin-bottom: 2em;
}

.review-thankyou div {
    text-align: center;
}