/* relation: stylesheet
 * media: screen
 * title: sameday
*/
html { margin: 0; padding: 0; }
#pageheader { margin: 0 auto; }
#mainProduct { width: 740px; clear: both; margin: 0 auto; font-family: Arial, Verdana, sans-serif; }
#emailThisPage { float: right; clear: both; width: 15%; margin: 0.6em 0.3em; padding: 0; font-size: 95%; text-align: right;  }
#emailThisPage a, #emailThisPage a:link { padding: 2px 2px 2px 15px; background: url("arrowRightPurple.gif") 0 50% #FFF no-repeat; color: #333; text-decoration: underline; }
#emailThisPage a:hover { color: #660066; }
#emailThisPage a:active { color: #CC00CC; }
#emailThisPage a:visited { color: #666; }
.categoryListing { padding-left: 10px; margin: 0.6em 0; }
.trails a {white-space:nowrap;}
.trails a:link { text-decoration: underline; color: #333;  padding: 0; margin: 0; }
.trails a:visited { text-decoration: underline; color: #666;  padding: 0; margin: 0; }
.trails a:hover { color: #606; }
.trails a:active { color: #C0C; }
ul.trails { list-style: none; display: inline; font-size: 95%; padding: 2px; margin: 2px; }
li.trails { display: inline; padding: 0 0 0 10px; margin: 0; background: url("chevronRightOrange.gif") 0 50% no-repeat #FFF; }
li.trails-first { display: inline; padding: 0; margin: 0; }
.itemNumber { padding: 3px; color: #606; text-align:right; display: block; margin: 0; font-style: italic;}
/* discontinued item display */
#disconItemNotice { margin: 2.6em 0; border-bottom: solid 2px #CCC; font-size: 140%; }
.disconItemDesc { clear: both; margin: 1em; padding: 0; text-align: center; color: #F60; font-weight: bold; }
ul.disconItemRelcats { margin: 0.5em; font-size: 70%; text-align: center; }
ul.disconItemRelcats li { list-style: none; display: inline; }
li.disconItemRelcat { padding: 0 0 0 8px; background: url("chevronRightOrange.gif") 0 50% no-repeat #FFF; }
.disconItemRelcats a, .disconItemRelcats a:link { color: #333; font-weight: bold; text-decoration: underline; }
.disconItemRelcats a:visited { color: #666; }
.disconItemRelcats a:hover { color: #606; }
.disconItemDisclaimer { margin: 1em; text-align: center; color: #000; font-size: 70%; }
.prodDisplaySolo { width: 500px; clear: both; padding: 10px; margin: 0.2em auto; font-size: 100%; border: dotted 2px #CCC; }
.thumbNameOfferWrapFirst { float: left; width: 265px; vertical-align: middle; }
.prodThumb { width: 127px; height: 127px; float: left; margin: 0.2em; line-height: 125px; text-align: center; border: solid 1px #CCC; }
.prodThumb img { border: none; vertical-align: middle; }
.prodNameSolo { margin: 0; padding: 0.3em; font-weight: bold; }
.prodNameSolo a, .prodInfo a:link { text-decoration: none; color: #333; }
.prodNameSolo a:visited { color: #666; }
.prodNameSolo a:hover { text-decoration: underline; color: #606; }
.prodNameSolo a:active { text-decoration: underline; color: #C0C; }
.siteOfferSolo { font-weight: bold; color: #F90; }
.siteOfferSoloTooLow { font-weight: bold; color: #F90; font-size: 90%; }
.promoSolo { margin: 0 0.4em; padding: 0 0 0 17px; background: url("savings.gif") 0 50% no-repeat #FFF; font-weight: bold; color: #F90; }
.shortDescSolo { margin: 0; padding: 0.7em; font-size: 75%; }
.shortDescSolo a, .shortDescSolo a:link { text-decoration: underline; color: #333; }
.shortDescSolo a:visited { color: #666; }
.shortDescSolo a:hover { color: #606; }
.shortDescSolo a:active { color: #C0C; }
.shipInfoSolo { height: 20px; margin: 0; padding: 0; background: url("doubleGrayBar.gif") -2px 50% repeat-y #FFF; }
.shipInfoSolo li { width: 87px; float: left; list-style: none; text-align: center; }
.shipInfoSolo a img { border: none }

#productTitle { padding-left: 14px; margin: 0.4em 0 0 0; color: black; font-size: 140%; }
.tinyDescription { margin: 0 0 0 14px; font-size: 85%; }
.ratingSummaryTop { padding-left: 14px; margin: 0; font-size: 95%; }
.ratingSummaryTop img { vertical-align: middle; }
.ratingSummaryTop a, .ratingSummaryTop a:link, .ratingSummaryTop a:visited { color: #660066; text-decoration: underline; }
.ratingSummaryTop a:hover { color: #C0C; }
.rightColumn { width: 348px; float: right; clear: right; display: inline; margin: 10px 10px 0 0; font-size: 0.8em; }
.leftColumn { width: 348px; float: left; display: inline; position: relative; left: 1px; z-index: 200; margin: 10px 0 0 10px; }
.webSku { color: rgb(102,0,102); margin: 0.1em 0 0.1em 20px; font-size: 70%; }
div.famSelect { width: 99%; padding: 0.3em 0; }
.promo { width: 95%; }
.promo { margin: 0 0 0.2em 0; padding: 0.1em 2%; background-color: #FFF; font-size: 105%; line-height: 100%; border: dotted 1px #DAA520; }
.promo dt { margin: 0; padding: 0.5em 0.3em 0.5em 20px; background: url("savings.gif") 0 50% no-repeat white; font-size: 90%; color: #F90; }
.promo dd { margin: 0; padding: 0.2em; }
.promo a, .promo a:link { text-decoration: underline; color: #333; }
.promo a:visited { color: #666; }
.promo a:hover { color: #606; }
.promo a:active { color: #C0C; }
.priceMatch { text-align: right; font-size: 60%; line-height: 0.9em; }
.priceMatch a, .priceMatch a:link { color: #333; text-decoration: underline; }
.priceMatch a:visited { color: #666; }
.priceMatch a:hover { color: #606; }
.priceMatch a:active { color: #C0C; }
#famSelectInvite { font-size: 180%; font-weight: bold; color: #F90; }
#familyDisplay { width: 100%; font-size: 100%; background-color: #FFF; }
.freeShipIcon { vertical-align: middle; }
.prodDisplayWrap { position: relative; top: 1px; }
.prodDisplay { width: 99.7%; margin: 0; padding: 0; border-collapse: separate; border-spacing: 1px; }
.prodDisplay tr, td { margin: 0; padding: 0.2em; }
.prodDisplay input { float: left; margin: 0.1em; }
.prodDisplay label { width: 100%; }
.lowLite { background-color: #FFFAF0; border: solid 1px #FFF; border-top: solid 1px #999; }
.hiLite { background-color: #FFFFE0; border: solid 1px #FFF; border-top: solid 1px #999; }
.hideMe { display: none; }
.siTitle { width: 75%; margin: 0; padding-left: 1%; font-weight: bold; font-size: 130%; color: #660066; }
.siTitle label:hover { color: #C0C; }
.siTitle label span.siConditionLink { text-decoration: underline; cursor: pointer; }
.siTitle label span.siConditionLink:hover { color: #C0C; }
.siTitle label span.siConditionLink:active { color: #F90; }
.siTitle label span.siEducationalLink { text-decoration: underline; cursor: pointer; }
.siTitle label span.siEducationalLink:hover { color: #C0C; }
.siTitle label span.siEducationalLink:active { color: #F90; }
.price { width: 35%; margin: 0; color: #F90; font-weight: bold; font-size: 170%; line-height: 100%; text-align: right; }
.tooLowToShow { font-size: 70%; line-height: 85%; }
.stockStatus { width: 60%; margin: 0; font-size: 95%; vertical-align: top; }
.stockStatus img { vertical-align: middle; }
.outOfStock { color: #666; }
.noFutureShipDate { color: #666; }
.inStock { color: #666; }
.lowStock { color: #666; }
.shipping{ width: 40%; margin: 2px 0 5px; padding: 0; text-align: right; font-size: 120%; color: #666; }
.shipping ul { margin: 0; padding: 0; }
.shipping li { font-size: 80%; line-height: 130%; list-style: none; }
.shipOnDemand { text-align: right; }
.shipOnDemand span { font-size: 110%; color: #606; }
.phoneOnly { margin: 0.3em 0; font-size: 95%; font-weight: bold; color: #F90; }

/**  override the default class from common.smarty.css for availability popups  */
.siStatusPop { left: 3em; top: 9em; font-size: 120% }

.formSubmit { width: 223px; height: 59px; position: relative; text-align: left; margin: 1em 0; padding: 0; clear: both; }
.formSubmit span#addCart { position: absolute; top: 0; left: -7px; z-index: 1; }
.formSubmit button { width: 223px; height: 59px; background-color: transparent; border: none; cursor: pointer; }
.submitButton { display: inline; border: none; background-color: transparent; vertical-align: middle; }
.nonReturnDesc { clear: both; line-height: 120%; font-size: 110%; }
.returnableDesc { margin: 0; padding: 0; font-size: 110%; line-height: 120%; }
.taxBlurb {padding: 0; font-size: 110%; line-height: 120%; margin: 5px 0;}
#faq { clear: both; margin: 3px 0; padding: 0; list-style: none; color: #666666; font-size: 110%; }
#faq a { text-decoration: underline; color: #666666; }
#faq a:hover { color: #660066; }
#faq a:active { color: white; }
#faq li { display: inline; margin: 0; padding: 0; }
.accessBox { width: 99.5%; float: left; display: inline; margin: 10px 0; border: solid 1px #CCC; }
.accessBox #accessBoxTitle { font-weight:bold; clear: both; margin: 0; padding: 0.2em 0.5em 0.1em 0.5em; font-size: 110%; }
.accessRow { width: 95%; float: left; margin: 0 0.3em; padding: 0.25em; font-size: 110%; line-height: 95%; border-top: dotted 1px #333333; }
.accessRow li { list-style: none; margin: 0; }
.accessName { width: 75%; float: left; padding: 0; }
.accessName a { text-decoration: underline; color: #333; }
.accessName a:link { color: #333; }
.accessName a:hover { color: #660066; }
.accessPrice { width: 22%; float: right; color: #F90; font-weight: bold; text-align: right; }
.tooLow { font-size: 100%; }
.promoSpan { padding: 0 0.4em 0 0.4em; background-color: #FFF; }
.promoText { font-size: 0.7em; margin: 0; padding: 10px; }
.promoTitle { margin: 0 auto 0 auto; text-align: center; font-weight: bold; font-size: 0.8em; color: #99CC99; background-image: url("greenDots.gif"); background-repeat: repeat-x; }
.promoBoxOuter { border: solid 1px white; background-color: rgb(237,246,239); margin: 10px 20px 10px 20px; }
.promoBoxMiddle { background-color: rgb(200,229,209); position: relative; bottom: 2px; right: 2px; }
.promoBoxInner { background-color: #FFFFFF; border: solid 1px rgb(119,184,119); position: relative; bottom: 1px; right: 1px; }
#categoryImageArea { position: absolute; top: 10px; left: 10px; margin: 0; padding: 0; }
#imageArea { float: left; width: 100%; position: relative; display: inline; border: solid 1px #666; }
#placeHolderArea { height: 330px; margin: 10px 1.1% 0 1.1%; padding: 5px; background-color: #FFF; text-align: center; }
#placeHolderImage { vertical-align: middle; margin: 0 0 0.5em 0; }
#thumbArea { width: 100%; float: left; clear: both; position: relative; top: -1px; margin: 0 0 0.25em 0; padding: 0; background-color: #FFF; border: solid 1px #333333; border-top: dotted 1px #333; }
.thumbAreaHeader { width: 98.0%; float: left; margin: 0 0 0.1em 0; padding: 0.1em 1% 0 1%; color: #F90; font-size: 95%; font-weight: bold; background-color: #FFF; border-bottom: dotted 1px #333; }
.thumbAreaHeaderSolo { width: 98.0%; float: left; margin: 0 0 0.1em 0; padding: 0.1em 1% 0 1%; color: #F90; font-size: 95%; font-weight: bold; background-color: #FFF; }
.fullSizeImage { float: right; }
#additionalImageInvite { display: none; }
.thumbAreaHeader a, .thumbAreaHeader a:link, .thumbAreaHeaderSolo a, .thumbAreaHeaderSolo a:link { padding: 5px 0 5px 17px; font-size: 100%; font-weight: normal; color: #666; text-decoration: underline; background: url("magnifyingGlass.gif") no-repeat 0 50%; }
.thumbAreaHeader a:hover, .thumbAreaHeaderSolo a:hover { color: rgb(255,153,51); text-decoration: underline; background: url("magnifyingGlass.gif") no-repeat 0 50%; }
.thumbBox { float: left; margin: 0; padding: 0.2em; /* fix for IE double-margin float bug */ display: inline; list-style: none; display: none; }
.thumbBox li { float: left; margin: 3px; padding: 0.1em; cursor: pointer; font-weight: bold; font-size: 90%; text-align: center; }
.additionalImage { position: relative; color: #333; border: solid 1px white; }
.additionalImage:hover { color: rgb(255,153,51); }
.additionalImageActive { position: relative; color: rgb(102,0,102); border: solid 1px rgb(102,0,102); }
.imageThumb { width: 100px; height: 75px; position: absolute; top: -93px; left: 10px; margin: 0; padding: 0 0 11px 0; background: url("quoteBox.gif") 50% 100% no-repeat; text-align: center; }
.imageThumb span { height: 72px; width: 70px; display: block; position: relative; margin: 0 auto; padding: 3px 0 0 0; background-color: #FFF; line-height: 72px; font-size: 72px; text-align: center; border: solid 1px #999; border-bottom: none; }
.imageThumb img { vertical-align: middle; }
.loaderImage { position: absolute; top: -64px; left: 49px; }
.loaderImage img { width: 20px; height: 11px; background-color: #FFF; border: solid 1px #FFF; }
.imageTitle { margin: 0; padding: 0; text-align: center; }
.relCats ul { width: 46%; float: left; clear: none; display: inline; margin: 0.5em 1.5%; padding: 0; font-size: 90%; }
.relCats li { line-height: 140%;list-style: none; margin: 0; padding: 0; }
.relCat a, .relCat a:link { color: #333; }
.relCat a:visited { color: #666; }
.relCat a:hover { color: #606; }
.relCat a:active { color: #C0C; }
.relCat1st a, .relCat1st a:link { color: #F90; }
.relCat1st a:hover { color: #606; }
.relCat1st a:active { color: #C0C; }
.relCats, .addResources { width: 100%; clear: both; float: left; margin: 0.25em 0; padding: 0 0 0.5em 0; border: solid 1px #CCC; }
.relCats .relCatsTitle, .addResources .addResourcesTitle {font-weight:bold; margin: 0 0.3em; padding: 0.1em; font-size: 90%; font-weight: bold; border-bottom: dotted 1px #333; }
.addResources .docTitle {font-weight: bold; clear: left; margin: 0.1em 0.5em 0 0.5em; padding: 0; font-size: 85%; color: black; font-weight: bold; }
.docList { width: 320px; float: left; position: relative; margin: 0 0 0.2em 0.7em; padding: 0; text-decoration: underline; }
.docList li { float: left; margin: 0 0.8em 0 0; padding: 0; font-size: 120%; color: #333; list-style: none; text-decoration: none; font-size: 75%; }
.docListItem a, .docListItem a:link, .docListItem a:visited { color: #333; }
.docListItem a:hover { color: #660066; }
li#interactiveDemoTeaser { text-decoration: underline; cursor: pointer; }
li#interactiveDemoTeaser:hover { color: #606; }
p#closeDemo { width: 8em; margin: 0.5em 0 0 0; padding: 0; cursor: pointer; text-align: center; background-color: #999; color: #000; font-weight: bold; border: solid 1px #333; border-bottom: none; }
div#interactiveDemo { position: absolute; top: 1em; left: 0; margin: 0; }
.prodDesc { width: 97%; clear: both; margin: 1.0em 1.5%; font-size: 95%; background-color: white; border: solid 1px #999; }
.prodDesc .prodDescTitle {font-weight:bold; margin: 1px; padding: 0.4em 0.4em 0.4em 0.6em; background-color: #000; color: #FFF; font-size: 90%; }
.prodDesc p, .prodDesc div { margin: 0.6em 0.6em 0.6em 0.8em; font-size: 95%; line-height: 110%; }
.prodDesc a { color: #333; text-decoration: underline; }
.prodDesc a:hover { color: #660066; }
.prodDesc a:active { color: #CC00CC; }
.prodDesc a:visited { color: #666; }
.reviewsBox { margin: 0.5em 1.0em; font-size: 95%; background-color: white; border: solid 1px #999; }
.reviewsBox #reviewsBoxTitle { font-weight:bold;  clear: both; margin: 1px; padding: 0.4em 0.4em 0.4em 0.6em; background-color: #000; color: #FFF; font-size: 90%; }
.reviewsRead {margin: 10px}
#reviewForm { margin: 0; padding: 0; }
#reviewForm dl { margin: 1px; padding: 0.8em 0.1em; background: #CCC; text-align: left; font-weight: bold; font-size: 90%; }
#reviewForm dt, #reviewForm dd { margin: 0 1em; padding: 0; display: inline; }
#reviewForm select { background: url("bgPewterSelect.gif") 0 0 #333 no-repeat; border-top: solid 2px #333; border-left: solid 2px #666; color: #FFF; font-size: 95%; vertical-align: top; }
#reviewForm button { width: 52px; height: 20px; position: relative; top: -2px; margin: 0; padding: 0; vertical-align: top; cursor: pointer; }
.ratingSummaryBottom { margin: 0.5em 1em; padding: 0; font-size: 90%; }
.overallRatingContent { font-weight: bold; color: #ff0000; }
.overallRatingHeading { font-weight: normal; color: black; }
.ratingsStars { margin: 0 1em 0 1em; }
.reviewList {border-top: 1px dotted; margin:1em; padding-top:.5em; list-style:none}
.reviewList a, .reviewList a:hover { color: #660066; text-decoration: underline; }
.review { width: 98%;  margin: 0.5em 1.0em; border-top: dotted 1px #333; }
.reviewRatings { width: 25%; float: left; margin: 0; padding: 0; }
.reviewRatings li { position: relative; list-style: none; margin: 0.8em 0.5em; padding: 0; font-size: 95%; font-weight: bold; }
.reviewRatings span { position: absolute; left: 5em; }
.reviewContent { width: 74%; float: left; clear: none; }
.reviewTitle { margin: 0.5em; padding: 0; color: #F93; font-weight: bold; font-size: 100%; }
.reviewTitle a { text-decoration: none; }
.reviewTitle a:hover { text-decoration: underline; }
.reviewText { margin: 0.5em; font-size: 100%; }
.reviewerDate { margin: 0 0.5em; font-size: 100%; }
.reviewerStyle { margin: 0 0.5em; font-size: 100%; }
.readAllReviews { margin: 1.5em; clear: both; text-align: left; }
.readAllReviews a, .readAllReviews a:link { margin: 0; padding: 0; color: #333; font-size: 100%; text-decoration: underline; font-weight: bold; }
.readAllReviews a:hover { color: #660066; }
.readAllReviews a:visited { color: #999; }
.readAllReviews a:active { color: #CC00CC; }
.additionalText { display: none; }
.familymembershow { display: block; visibility: visible; }
.familymemberhide { display: none; visibility: hidden; }
.footer { clear: both; }
.csrBox { clear: both; overflow: auto; background:#fff; width:100%; padding: 5px; border-bottom: 1px solid black }

/** added for me-45b **/
.rateit {
    font-family: verdana, arial, helvetica;
    font-size: 75%;
    margin: .5em 2em;
    padding: .5em 0;
    border-top: 1px dotted #000;
    text-align: center;
    font-weight: bold;
}
#md-promo {
    cursor: pointer;
}
#md-popup, #md-terms {
    font-family: verdana,arial,helvetica,sans-serif;
}
#md-popup .lg {
    font-size: 9pt;
}
#md-popup .md, #md-terms {
    font-size: 8pt;
}
#md-terms-link {
    text-decoration: underline;
    cursor: pointer;
}
#md-terms {
    display: none;
    border-top:1px solid #ccc;
    margin-top:1em;
    padding-top:1em;
}
.popup {
    display: none;
    background-color: #fff;
    border: 1px solid #deca7e;
    width: 320px;
    padding: 3px;
}
.popup-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #fff;
    background: transparent url("closelabel.gif") no-repeat right center;
    cursor: pointer;
}