/* relation: stylesheet
 * media: screen
 * title: sameday
*/
#pageheader { margin: 0 auto 10px auto; padding: 0; }
#mainLayout { width: 738px; clear: both; margin: 10px auto; padding: 0; color: #000; background-color: #FFF; font-size: 130%; font-family: Arial, sans-serif; border: solid 1px #FFF; }
.footer { clear: both; }
.leftColumn { width: 180px; float: left; clear: both; display: inline; position: relative; margin: 5px 0 0 5px; }
.rightColumn { width: 540px; float: right; display: inline; clear: none; position: relative; margin: 5px 5px 0 0; }
.rightColumn form { width: 100%; margin: 0; padding: 0; }
div#breadcrumbs{ width: 98%; float: left; padding: 0 0 0 2%; margin: 0.3em 0; }
div#breadcrumbs ul { list-style: none; margin: 0; padding: 0; }
div#breadcrumbs li { display: inline; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 73%; color: #F90; }
li.trails { padding: 0 0 0 10px; background: url("chevronRightOrange.gif") 0 50% no-repeat white; }
li.trails-first { padding: 0; background: none; }
div#breadcrumbs a, div#breadcrumbs a:link { color: #333; text-decoration: underline; padding: 0; }
div#breadcrumbs a:visited { color: #666; }
div#breadcrumbs a:hover { color: #606; }
div#breadcrumbs a:active { color: #C0C; }
#catNavListLeftColumn { width: 100%; list-style: none; margin: 0.25em 0 0 0; padding: 0; }
li.catNavListSubcat { padding: 0; margin: 0; line-height: 80%; border-top: 1px dotted #666; }
li.catNavListSubcatLeaf { margin: 0; padding: 0; line-height: 80%; border-top: 1px dotted #666; }
.catNavListSubcat a { display: block; padding: 0.45em 3%; text-decoration: none; font-weight: bold; font-size: 70%; color: #333; }
.catNavListSubcatLeaf a { display: block; padding: 0.45em 3%; text-decoration: none; font-weight: bold; font-size: 70%; color: #333; }
#catNavListLeftColumn a:hover { color: #606; }
#catNavListLeftColumn a:visited { color: #666; }
#catNavListLeftColumn a:active { color: #C0C; }
#catNavListLeftColumn span { color: #F90; }
.catNavListSubSubcat { list-style: none; background-color: white; position: relative; left: 0; margin: 0; padding: 0; line-height: 80%; border-top: 1px dotted #666; }
.catNavListSubSubcat li { border: none; line-height: 70%; margin: 0; padding: 0; }
.catNavListSubSubcat a { background-color: white; padding: 0.25em 0 0.25em 1.5em; font-weight: normal; }
#seeAllCurrentCat { width: 100%; margin: 0; padding: 0; border-top: dotted 1px #333; border-bottom: dotted 1px #333; }
#seeAllCurrentCat a { display: block; width: 97%; padding: 0.25em 2%; margin: 0; text-decoration: none; font-size: 85%; font-weight: bold; color: #333; }
#seeAllCurrentCat a:visited { color: #666; }
#seeAllCurrentCat a:hover { color: #606; }
#seeAllCurrentCat a:active { color: #C0C; }
#seeAllCurrentCat span { color: #F93; }
div#relBrandsListWrapInner {display:none;}
div#relBrands { position: relative; margin: 1em 0; }
div#relBrands h2 { width: 167px; height: 25px; position: relative; margin: 0 auto; padding: 0; }
div#relBrands span { width: 165px; height: 23px; position: absolute; top: 0; left: 0; font-size: 20%; }
.relBrandsTitleInner { cursor: pointer; border: none; }
.relBrandsTitleInnerActive { border: solid 1px #FC0; border-bottom: solid 1px #999; }
.relBrandsTitleWrap { background: url("browseRelBrandsShadow.gif") 0 100% no-repeat #FFF; }
.relBrandsTitleWrapActive { background: none; }
#relBrandsListWrap { width: 164px; position: absolute; top: 25px; left: 6px; clear: both; background: url("relBrandsListShadowBot.gif") 0 100% no-repeat #FFF; }
#relBrandsListWrap div { margin: 0 0 3px 0; background: url("browseRelBrandsListShadow.gif") 100% 0 repeat-y #FFF; overflow: auto; border-left: solid 1px #999; }
ul#relBrandsList { width: 145px; margin: 0 0 4px 0; padding: 0; background-color: #FFF; font-size: 73%; }
ul#relBrandsList li { list-style: none; }
ul#relBrandsList ul { margin: 0; padding: 0; }
li.relCat { margin: 0; padding: 0; }
li.relCat a, li.relCat a:link { display: block; width: 135px; padding: 3px 2px; color: #F90; text-decoration: underline; }
li.relCat a:visited { color: #FC6; }
li.relCat a:hover { color: #606; }
li.relCat a:active { color: #C0C; }
li.relCatLast { border-bottom: solid 1px #666; padding: 0 0 5px 0; }
li.relCatSubCat { margin: 0; padding: 0 0 0 7px; }
li.relCatSubCat a, li.relCatSubCat a:link { width: 125px; padding: 1px 0 1px 7px; background: url("elbow.gif") 0 50% no-repeat #FFF; color: #333; text-decoration: underline; }
li.relCatSubCat a:visited { color: #666; }
li.relCatSubCat a:hover { color: #606; }
li.relCatSubCat a:active { color: #C0C; }
p.customerComment { width: 96%; float: left; /*fix for IE double-margin float bug */ display: inline; clear: both; margin: 0 0 0.3em 0; padding: 0.3em 2%; color: #F90; font-size: 80%; text-align: left; background-color: rgb(255,252,252); border-top: dashed 1px #CCC; }
p.customerComment img { float: left; margin: 0 0.2em 0 0; padding: 0.1em; background-color: #FFF; border: solid 1px rgb(199,141,73); }
p.customerComment span { font-weight: normal; color: rgb(199,141,73); }
.filterform { margin: 0 auto 0.3em auto; padding: 0.5em 0; background-color: rgb(230,226,230); font-size: 70%; text-align: center; }
.filterform select { width: 12em; }
#categoryName { clear: both; color: black; font-size: 120%; margin: 0.5em 0.25em 0.25em 0.25em; padding: 0; font-weight: bold; }
.icon_overlay{position:absolute;z-index: 1;top: 90px;right: 30%;}
.clearOthers { clear: left; margin: 0; padding: 0; height: 1px; overflow: hidden; }

.zerowidth {color:#fff; font-size:1px;}
.subCat, .subCatFirst { float: left; width: 540px; margin-bottom: 10px; background: url("singlePixBlush.gif") 267px 0 repeat-y #FFF; border: 1px solid #666; }
.subCatSolo { float: left; width: 540px; margin-bottom: 10px; background: #FFF; border: 1px solid #666; }
h2.subCatTitle { width: 536px; height: 1.7em; background-color: #333; margin: 0; padding: 0; font-size: 90%; border: solid 2px #FFF; }
h2.subCatTitle span { float: right; clear: none; color: #FFF; margin: 0.3em; font-size: 75%; }
h2.subCatTitle a, h2.subCatTitle a:link { width: 82%; float: left; padding: 0.2em; text-decoration: none; color: white; font-weight: bold; }
h2.subCatTitle a:visited { color: #CCC; }
h2.subCatTitle a:hover { text-decoration: underline; color: #C9C; }
h2.subCatTitle a:active { text-decoration: underline; color: #C0C; }
.noOrderableProds { clear: left; margin: 0; padding: 1em; }
.prodDisplayFirst { width: 47%; float: left; clear: both; margin: 0.2em 0.5%; font-size: 90%; }
.prodDisplaySolo { width: 98%; float: left; clear: both; margin: 0.2em 1%; font-size: 90%; }
.prodDisplay { width: 49%; float: right; clear: right; margin: 0.2em 0.5%; padding: 0 0 0.4em 0; font-size: 70%; border-bottom: dotted 1px #666; }
.thumbNameOfferWrapFirst { width: 98%; float: left; clear: both; vertical-align: middle; }
.prodThumb { width: 127px; height: 127px; float: left; margin: 3px; line-height: 125px; text-align: center; border: solid 1px #CCC; }
.prodThumb img { border: none; vertical-align: middle; }
.prodNameOfferFirst { margin: auto 0; padding: 0.3em; font-weight: bold; }
.prodNameOfferFirst a, .prodInfo a:link { text-decoration: none; color: #333; }
.prodNameOfferFirst a:visited { color: #666; }
.prodNameOfferFirst a:hover { text-decoration: underline; color: #606; }
.prodNameOfferFirst a:active { text-decoration: underline; color: #C0C; }
.prodNameOfferSolo { margin: auto 0; padding: 0.3em 4px; font-weight: bold; }
.prodNameOfferSolo a, .prodInfo a:link { text-decoration: none; color: #333; }
.prodNameOfferSolo a:visited { color: #666; }
.prodNameOfferSolo a:hover { text-decoration: underline; color: #606; }
.prodNameOfferSolo a:active { text-decoration: underline; color: #C0C; }
.prodNameOffer { margin: 0; padding: 0.3em; font-weight: bold; }
.prodNameOffer a, .prodInfo a:link { text-decoration: none; color: #333; }
.prodNameOffer a:visited { color: #666; }
.prodNameOffer a:hover { text-decoration: underline; color: #606; }
.prodNameOffer a:active { text-decoration: underline; color: #C0C; }
.siteOfferFirstNew { font-size: 80%; font-weight: bold; color: #CC0000; }
.siteOfferFirstNonNew { font-size: 80%; font-weight: bold; color: #F90; }
.siteOfferFirstEdu { font-size: 80%; font-weight: bold; color: #F90; }
.siteOfferFirstTooLow { font-size: 80%; font-weight: bold; color: #CC0000; }
.siteOfferSoloNew { float: right; font-weight: bold; color: #CC0000; font-size: 80%; }
.siteOfferSoloNonNew { float: right; font-weight: bold; color: #F90; font-size: 80%; }
.siteOfferSoloEdu { float: right; font-weight: bold; color: #F90; font-size: 80%; }
.siteOfferSoloTooLow { display: block; font-weight: bold; color: ##CC0000; font-size: 80%; }
.siteOfferNew { padding-left: 0.4em; font-weight: bold; color: #CC0000; font-size: 90%; }
.siteOfferNonNew { color: #F90; font-size: 90%; }
.siteOfferEdu { color: #F90; font-size: 90%; }
.siteOfferTooLow { padding-left: 0.4em; font-weight: bold; color: #CC0000; font-size: 90%; }
.promoFirst { clear: left; margin: 0 0.4em; padding: 0 0 0 17px; background: url("savings.gif") 0 50% no-repeat #FFF; font-weight: bold; color: #F90; }
.promoSolo { width: 530px; margin: 0 0.4em; padding: 0 0 0 17px; background: url("savings.gif") 0 50% no-repeat #FFF; font-weight: bold; color: #F90; }
.promo { margin: 0.2em 0.2em 0.4em 0.2em; padding: 2px 0 2px 17px; color: #F90; background: url("savings.gif") 0 50% no-repeat #FFF; }
.shortDescFirst { clear: both; margin: 0 0.6em 0.6em 0.6em; padding: 0; font-size: 75%; }
.shortDescFirst a, .shortDescFirst a:link { text-decoration: underline; color: #333; }
.shortDescFirst a:visited { color: #666; }
.shortDescFirst a:hover { color: #606; }
.shortDescFirst a:active { color: #C0C; }
.shortDescSolo { width: 372px; 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; }
.shipInfo, .shipInfoFirst { float: left; clear: both; margin: 0; padding: 0; background: url("doubleGrayBar.gif") -2px 50% repeat-y; }
.shipInfo li, .shipInfoFirst li { width: 87px; float: left; list-style: none; text-align: center; }
.shipInfoSolo { clear: right; margin: 0; padding: 0; background: url("doubleGrayBar.gif") -2px 50% repeat-y; }
.shipInfoSolo li { width: 87px; float: left; list-style: none; line-height: 87px; text-align: center; }
.shipInfo img, .shipInfoFirst img, .shipInfoSolo img { border: none; vertical-align: middle; }
.shipInfoDropShip { clear: both; margin: 0.3em; color: #333; font-size: 90%; }
.seeMoreSubCat { width: 48%; float: right; clear: right; margin: 0.3em 1%; padding: 0; background-color: #FFF; color: #F00; text-align: right; font-size: 65%; font-weight: bold; }
.seeMoreSubCat a, .seeMoreSubCat a:link { padding: 0; margin: 0; text-decoration: underline; color: #F00; font-weight: bold; }
.seeMoreSubCat a:visited { color: #F33; }
.seeMoreSubCat a:hover { color: #F90; }
.seeMoreSubCat a:active { color: #F99; }

.shipInfoLeafDropShip { clear: both; margin: 0.3em; color: #333; font-size: 70%; }

/* first display, large with 4 products */
.catLeafLg { width: 100%; float: left; margin: 0.3em 0; padding: 0; background: url("barDottedVert.gif") 49% 0 repeat-y #FFF; border-bottom: solid 1px #666; }
h2.catTitleLeaf { width: 99.5%; float: left; background-color: #333; margin: 0.1em; padding: 0; }
span.catCountLeaf { float: right; clear: none; color: #FFF; margin: 0.3em; font-size: 55%; }
span.catNameLeaf { width: 82%; float: left; padding: 0.2em; text-decoration: none; color: #CCC; font-size: 75%; font-weight: bold; }
.prodDisplayLgDiv { width: 90%; height: 1px; clear: both; margin: 0 5%; padding: 0.5em 0; background: url("barDotted.gif") 0 50% repeat-x #FFF; }
.prodDisplayLeafLg { width: 49.5%; float: left; }
.prodThumbLeafLg { width: 126px; float: left; text-align: center; margin: 0; padding: 2px; }
.prodThumbLeafLg img { text-decoration: none; border: none; }
.prodNameLeafLg { clear: none; margin: 0 2px 0 0; padding: 3px; font-size: 85%; font-weight: bold; border: 1; }
.prodNameLeafLg a, .prodNameLeafLg a:link { text-decoration: none; color: #606; }
.prodNameLeafLg a:visited { color: #636; }
.prodNameLeafLg a:hover { text-decoration: underline; color: #C0C; }
.prodNameLeafLg a:active { text-decoration: underline; color: #F0F; }
.prodOfferLeafLg { width: 122px; float: right; clear: right; margin: 0; padding: 3px; font-size: 105%; font-weight: bold; color: #F90; }
/* different pricing groups */
.siteOfferLeafLgNew { font-size: 70%; font-weight: bold; color: #CC0000; }
.siteOfferLeafLgNonNew { font-size: 70%; font-weight: bold; color: #F90; }
.siteOfferLeafLgEdu { font-size: 70%; font-weight: bold; color: #F90; }
.siteOfferLeafLgTooLow { font-size: 70%; font-weight: bold; color: #CC0000; }
.promoLeafLg { width: 114px; float: right; clear: right; margin: 0; padding: 2px 0 2px 17px; background: url("savings.gif") 0 50% no-repeat; font-size: 65%; font-weight: bold; color: #F90; }
.shortDescLeafLg { clear: right; margin: 0; padding: 0.5em; font-size: 73%; }
.shortDescLeafLg a, .shortDescLeafLg a:link { color: #333; text-decoration: underline; }
.shortDescLeafLg a:visited { color: #666; }
.shortDescLeafLg a:hover { color: #606; }
.shortDescLeafLg a:active { color: #C0C; }
.shipInfoLeafLg { float: left; clear: both; margin: 0.3em 2px 0.3em 0; padding: 0; background: url("doubleGrayBar.gif") -2px 50% repeat-y; }
.shipInfoLeafLg li { width: 87px; float: left; list-style: none; text-align: center; }
.shipInfoLeafLg img { border: none; vertical-align: middle; }

/* medium display type, with 3 products */
.catLeafMed { width: 100%; clear: both; float: left; margin: 4px 0; background: url("barDottedVertDouble.gif") 0 0 repeat-y #FFF; }
.prodDisplayLeafMed { width: 32.8%; float: left; margin: 3px 0; }
h2.catTitleLeaf { width: 99.5%; float: left; background-color: #333; margin: 0; padding: .1em 0; font-size: 120%; }
.prodThumbLeafMed { height: 84px; text-align: center; margin: 0; padding: 2px; line-height: 84px; }
.prodThumbLeafMed img { text-decoration: none; border: none; vertical-align: middle; }
.prodNameLeafMed { margin: 0; padding: 3px; font-size: 85%; font-weight: bold; }
.prodNameLeafMed a, .prodNameLeafMed a:link { text-decoration: none; color: #606; }
.prodNameLeafMed a:visited { color: #636; }
.prodNameLeafMed a:hover { text-decoration: underline; color: #C0C; }
.prodNameLeafMed a:active { text-decoration: underline; color: #F0F; }
.prodOfferLeafMed { margin: 0; padding: 3px; font-size: 95%; font-weight: bold; color: #F90; }
/* different pricing groups */
.siteOfferLeafMedNew { font-weight: bold; color: #CC0000; font-size: 70%; }
.siteOfferLeafMedNonNew { font-weight: bold; color: #F90; font-size: 70%; }
.siteOfferLeafMedEdu { font-weight: bold; color: #F90; font-size: 70%; }
.siteOfferLeafMedTooLow { font-weight: bold; color: ##CC0000; font-size: 70%; }
.promoLeafMed { margin: 0 0 0 4px; padding: 2px 0 2px 17px; background: url("savings.gif") 0 50% no-repeat; font-size: 70%; font-weight: bold; color: #F90; }
.shipInfoLeafMed { float: left; clear: both; margin: 0.2em 0; padding: 0; background: url("doubleGrayBar.gif") -2px 50% repeat-y; }
.shipInfoLeafMed li { width: 86px; height: 17px; float: left; padding: 2px 0; list-style: none; text-align: center; line-height: 17px; }
.shipInfoLeafMed img { border: none; vertical-align: middle; }

/* small display type, 1 product */
.catLeafSm { width: 100%; float: left; clear: none; background: url("barDotted.gif") 0 0 repeat-x #FFF; }
.prodDisplayLeafSm { width: 100%; float: left; margin: 3px 0 0 0; padding: 0 0 2px 0; background: url("barDotted.gif") 0 100% repeat-x #FFF; }
.prodThumbLeafSm { width: 104px; float: left; text-align: center; margin: 0; padding: 2px; }
.prodThumbLeafSm img { text-decoration: none; border: none; }
.prodDisplayLeafSmWrap { width: 432px; float: left; clear: none; }
.prodNameLeafSm { margin: 0; padding: 3px; font-size: 85%; font-weight: bold; }
.prodNameLeafSm a, .prodNameLeafSm a:link { text-decoration: none; color: #606; }
.prodNameLeafSm a:visited { color: #636; }
.prodNameLeafSm a:hover { text-decoration: underline; color: #C0C; }
.prodNameLeafSm a:active { text-decoration: underline; color: #F0F; }
.shortDescLeafSm { margin: 0; padding: 3px; font-size: 73%; }
.shortDescLeafSm a, .shortDescLeafSm a:link { color: #333; text-decoration: underline; }
.shortDescLeafSm a:visited { color: #666; }
.shortDescLeafSm a:hover { color: #606; }
.shortDescLeafSm a:active { color: #C0C; }
.promoLeafSm { margin: 0; padding: 3px; padding: 2px 0 2px 17px; background: url("savings.gif") 0 50% no-repeat; font-size: 70%; font-weight: bold; color: #F90; }
.prodOfferLeafSm { float: left; margin: 0; padding: 3px; font-size: 95%; font-weight: bold; color: #F90; }
/* different pricing groups */
.siteOfferLeafSmNew { font-weight: bold; color: #CC0000; font-size: 70%; }
.siteOfferLeafSmNonNew { font-weight: bold; color: #F90; font-size: 70%; }
.siteOfferLeafSmEdu { font-weight: bold; color: #F90; font-size: 70%; }
.siteOfferLeafSmTooLow { font-weight: bold; color: #CC0000; font-size: 70%; }
.shipInfoLeafSm { float: left; clear: none; margin: 2px 2px 5px 2px; padding: 0; background: url("doubleGrayBar.gif") -2px 50% repeat-y; }
.shipInfoLeafSm li { width: 87px; height: 17px; float: left; list-style: none; text-align: center; line-height: 17px; }
.shipInfoLeafSm img { border: none; vertical-align: middle; }

/* tiny display type, for remainders and excess products */
.catLeafTiny { width: 100%; float: left; border-bottom: dotted 1px #CCC; }
.catLeafTinyFirst { border-top: dotted 1px #CCC; }
.prodDisplayLeafTiny { width: 48%; float: left; margin: 0; padding: 4px; }
div.even { border-left: dotted 1px #CCC; }
div.odd { }
.prodNameLeafTiny { margin: 0; padding: 1px; font-size: 70%; font-weight: bold; }
.prodNameLeafTiny a, .prodNameLeafSm a:link { text-decoration: none; color: #606; }
.prodNameLeafTiny a:visited { color: #636; }
.prodNameLeafTiny a:hover { text-decoration: underline; color: #C0C; }
.prodNameLeafTiny a:active { text-decoration: underline; color: #F0F; }
.promoLeafTiny { margin: 0; padding: 2px 0 2px 17px; background: url("savings.gif") 0 50% no-repeat; font-size: 70%; font-weight: bold; color: #F90; }
.prodOfferLeafTiny { margin: 0; padding: 1px; font-size: 90%; font-weight: bold; text-align: left; color: #F90; }
/* different pricing groups */
.siteOfferLeafTinyNew { font-weight: bold; color: #CC0000; font-size: 70%; }
.siteOfferLeafTinyNonNew { font-weight: bold; color: #F90; font-size: 70%; }
.siteOfferLeafTinyEdu { font-weight: bold; color: #F90; font-size: 70%; }
.siteOfferLeafTinyTooLow { font-weight: bold; color: #CC0000; font-size: 70%; }
.shipInfoLeafTiny { float: left; background: url("doubleGrayBar.gif") -2px 50% repeat-y; }
.shipInfoLeafTiny li { width: 87px; height: 17px; float: left; list-style: none; text-align: center; line-height: 17px; }
.shipInfoLeafTiny img { border: none; vertical-align: middle; }

/* extra large display type for only one product in leaf cat */
.catLeafSolo { width: 100%; float: left; margin: 0.3em 0; padding: 0; }
.prodDisplayLeafSolo { float: left; margin: 0; background-color: #FFF; }
.prodThumbLeafSolo { width: 104px; float: left; text-align: center; margin: 2px 0; padding: 2px; border: solid 1px #CCC; }
.prodThumbLeafSolo img { text-decoration: none; border: none; }
.prodDisplayLeafSoloWrap { width: 440px; float: left; clear: none; }
.prodNameLeafSolo { margin: 0; padding: 3px; font-size: 85%; font-weight: bold; }
.prodNameLeafSolo a, .prodNameLeafSolo a:link { text-decoration: none; color: #606; }
.prodNameLeafSolo a:visited { color: #636; }
.prodNameLeafSolo a:hover { text-decoration: underline; color: #C0C; }
.prodNameLeafSolo a:active { text-decoration: underline; color: #F0F; }
.shortDescLeafSolo { margin: 0; padding: 3px; font-size: 73%; }
.shortDescLeafSolo a, .shortDescLeafSolo a:link { color: #333; text-decoration: underline; }
.shortDescLeafSolo a:visited { color: #666; }
.shortDescLeafSolo a:hover { color: #606; }
.shortDescLeafSolo a:active { color: #C0C; }
.promoLeafSolo { margin: 0; padding: 3px; }
.prodOfferLeafSolo { float: left; margin: 0; padding: 3px 0.3em; font-size: 100%; font-weight: bold; color: #F90; }
.shipInfoLeafSolo { float: left; clear: none; margin: 2px 2px 5px 2px; padding: 0; background: url("doubleGrayBar.gif") -2px 50% repeat-y; }
.shipInfoLeafSolo li { width: 87px; height: 17px; float: left; list-style: none; text-align: center; line-height: 17px; }
.shipInfoLeafSolo img { border: none; vertical-align: middle; }