td#bkcontt {background: none; } *.nonee {display: none; } /* video */ .video-container { margin: 15px 0; position:relative; padding-bottom:56.25%; padding-top: 30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } #itmDetail h3 {color: #333; font-size: 12px; font-weight: bold; line-height: 16px;} /*** ITEM DETAIL ***/ #itemTD {width: 100%; padding: 80px 0 0 0;} #itemDiv {width: 100%; width: 100%; max-width: 1100px; margin: 0 auto; background: white } #itemDivLeft {vertical-align: top; display: inline-block; width: 48%; margin: 0; padding: 0; position: relative; } #itemDivLeftCont {vertical-align: top; width: 100%; margin: 25px 0px 10px 0; padding: 0; } #itemDivRight {vertical-align: top; display: inline-block; width: calc(50% - 80px); padding: 0; position: relative; margin: 0 0 0 6%; } #itemDivRightCont {vertical-align: top; width: 100%; margin: 30px 0 10px 0; padding: 0; } /* itemDivLeft */ #itemImgDiv {text-align: center; display: inline-block; vertical-align: top; width: calc(100% - 0px); } #itemImgDiv a#Zoomer {width: 100%; Zmax-width: 230px; margin: 0 auto;} #itemImgDiv a#Zoomer img {width: 100%; Zmax-width: 230px; margin: 0 auto; } #itemImgDiv #mainImg, #itemImgDiv #itemMainImg {width: 100%; Zmax-width: 230px; margin: 0 auto; } #itemImgDiv figure .mz-loading.shown {display: none; } #itemImgDiv figure.mz-figure {border-radius: 20px; } div.mz-hint {color: #454545; } span.mz-hint-message {background: rgba(256,256,256,0.7); color: #333333; padding: 5px; border-radius: 8px;} #itemThumbs { text-align: left; display: inline-block; vertical-align: top; width: 100%; margin: 0px; } #itemThumbs a {border: solid var(--lightblue) 2px; border-radius: 8px; margin: 14px 14px 0 0; padding: 2px; display: inline-block; width: 86px; text-align: center; } #itemThumbs a img {width: 80px; height: 80px; } #itemThumbs a:hover {border-color: var(--blue); } #itemThumbs a.mz-thumb-selected {border-color: var(--blue);} #itemVideo { margin: 20px 0px 0 0px; text-align: left; clear: both; } .videoDiv {clear:both; margin: 20px 0px 0px 0px; font-size: 14px; line-height: 1.3em; color: var(--darkgrey); display: block; } .videoDiv img {float: left; margin: 0px 10px 10px 0px; width: 90px; } .videoDiv b {display: block; font-size: 16px; color: var(--blue); } .videoDiv a, .videoDiv a:hover {text-decoration: none; color: var(--darkgrey);} .videoDiv:hover {cursor: pointer; } .videoDiv:hover b {color: var(--darkgrey); } /* itemDivRight */ #itemDivRight h1 {color: var(--darkgrey); font-size: 36px; line-height: 40px; font-weight: normal; text-align: left; margin: 0 0 10px 0; padding: 0px} #itmCodeSpan {font-size: 16px; line-height: 16px; font-weight: 800; padding: 14px 0 0 0; margin: 0 0 0 10px; display: inline-block; vertical-align: top; } #itmCodeSpan::before {content:"#"; font-size: 16px; font-weight: 800;} div#BVRRSummaryContainer .bv-cv2-cleanslate {padding: 20px 0 0 0 !important;} div#BVRRSummaryContainer .bv-cv2-cleanslate span {color: var(--blue) !important; } div#BVRRSummaryContainer .bv-cv2-cleanslate .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars {font-size: 16px !important; letter-spacing: 5px !important; } div#BVRRSummaryContainer .bv-cv2-cleanslate a.bv-rating.bv-text-link span {color: var(--darkgrey) !important; font-size: 18px !important; font-weight: 700 !important; } div#BVRRSummaryContainer div.bv-details-bar {display: none !important; } #itmPrice {font-size: 28px; line-height: 38px; color: var(--darkgrey); margin: 30px auto 0 0; font-weight: 400; } #itmPrice #regprice {font-size: 28px; line-height: 38px; color: var(--darkgrey); font-weight: normal} #itmPrice #regprice #regprcmsg {} #itmPrice #regprice .basePrc {display: none;} #itmPrice #regprice.sale .basePrc {display: inline; color: var(--darkgrey); font-size: 22px; } #itmPrice #regprice.sale #regprcmsg .basePrc {font-size: 22px; color: var(--darkgrey); font-weight: normal } #itmPrice #regprice #salesprice {font-weight: 700; } #itmPrice #regprice.sale #salesprice {color: var(--green);} #itmPrice .prcTable {display: inline-table; } #itmPrice .prcTable td {font-size: 16px; padding: 4px 8px; text-align: center; } #itmPrice .prcTable .qtyTR td {} #itmPrice .prcTable .prcTR td {} #itemAddDiv {margin: 30px 0 30px 0; text-align: left;} #fauxMatrix {display: none; text-align: left; } #fauxMatrix #fauxMatrixSel {max-width: 250px; margin: 0px auto 30px 0; border: solid var(--grey) 1px; font-size: 16px; padding: 8px 10px; border-radius: 12px; outline: none; } #itemOptions {} #itemOptions table.addOptions {margin-left: 0px; } #itemOptions table.addOptions input.inputreq { padding: 2px 3px; font-size: 16px; margin: 3px 0; width: 280px; } #itemOptions table.addOptions textarea.input.textarea { padding: 2px 3px; font-size: 14px; margin: 3px 0; width: 280px; } #itemOptions table.addOptions .smalltextnolink a.smalltextnolink {display: none} #itemOptions table.addOptions span#custcol_shirtsize_832_lbl.smalltextnolink a.smalltextnolink #itemOptions table.addOptions span#custcol_shirtsize_839_lbl.smalltextnolink a.smalltextnolink, #itemOptions table.addOptions span#custcol_shirtsize_845_lbl.smalltextnolink a.smalltextnolink, #itemOptions table.addOptions span#custcol_shirtsize_851_lbl.smalltextnolink a.smalltextnolink, #itemOptions table.addOptions span#custcol_shirtsize_857_lbl.smalltextnolink a.smalltextnolink, #itemOptions table.addOptions span#custcol_shirtsize_863_lbl.smalltextnolink a.smalltextnolink {display: inline-block; font-size: 16px; color: #545454; } #itemOptions table.addOptions select#custcol_shirtsize {padding: 5px 10px; font-size: 16px; border-color: #999999; border-radius: 4px; color: #333333; } #itemDiv #itemAddDiv #itemOptions table.addOptions {margin: 0 auto 30px 0; } #itemAddCart {text-align: left;} #itemAddCart #itemQtyDiv {display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding: 0; width: 65px; text-align: left;} #itemAddCart #itemQtyDiv #qty {color: var(--darkgrey); border: solid var(--darkgrey) 1px; border-radius: 16px; font-size: 16px; line-height: 36px; width: 60px; height: 36px; text-align: center; margin: 0 0 0 0; padding: 0 0 0 0; } #itemAddCart #itemAddLinkDiv {display: inline-block; width: 160px; text-align: left; } #itemAddCart #itemAddLinkDiv button#addCartLink { width: 140px; margin: 0 auto 0 0; display: block; vertical-align: top; text-align: center; color: var(--white); background-color: var(--green); height: 36px; font-weight: bold; border-radius: 18px; border: solid 2px var(--green); font-size: 16px; line-height: 16px; padding: 8px 10px 12px 10px;} #itemAddCart #itemAddLinkDiv button#addCartLink:hover {border: solid 2px var(--green); background-color: transparent; color: var(--green);} #itemAddCart #itemAddLinkDiv button#addCartLink.added {color: var(--white); background-color: var(--orange); border: solid 2px var(--orange);} #itemAddCart #itemAddLinkDiv button#addCartLink.added:hover {border: solid 2px var(--orange); background-color: transparent; color: var(--orange);} #itemAddCart #itemCheckoutLinkDiv {display: none; margin: 2px auto 0 10px; vertical-align: top; text-align: center; max-width: 130px; } #itemAddCart a#itemCheckoutLink { width: 140px; margin: 0 auto 0 0; display: block; vertical-align: top; text-align: center; color: var(--white); background-color: var(--blue); height: 36px; font-weight: bold; border-radius: 18px; border: solid 2px var(--blue); font-size: 16px; line-height: 16px; padding: 8px 10px 12px 10px;} #itemAddCart a#itemCheckoutLink:hover {border: solid 2px var(--blue); background-color: transparent; color: var(--blue);} /* donations and membership */ #itemAddDiv #entamt { font-size: 16px; } #itemAddDiv #entamt strong, #itemAddDiv #entamt b {color: var(--orange); font-size: 14px;} #itemAddDiv #entamt label {color: var(--darkgrey); font-weight: normal; padding-right: 5px;} #itemAddDiv #entamt #itmMonth {margin: 5px auto 15px 0} #itemAddDiv #entamt #itmMonth label {color: var(--darkgrey); font-weight: bold; padding-right: 5px; font-size: 16px;} #itemAddDiv #entamt label input[type="radio"] {} #itemAddDiv #entamt label input[type="radio"]:checked ~ * { color: var(--orange); } #itemAddDiv #entamt label input[type="text"], #itemAddDiv #entamt label input[type="tel"] {color: var(--orange); border-color: var(--lightgrey); outline: none; padding: 1px 3px; width: 56px; border-radius: 3px; } #itemAddDiv #entamt label input[type="text"]:not(:placeholder-shown), #itemAddDiv #entamt label input[type="tel"]:not(:placeholder-shown) { border-color: var(--orange); } #itemAddDiv #entamt label input[type="text"]:placeholder-shown, #itemAddDiv #entamt label input[type="tel"]:placeholder-shown { border-color: var(--lightgrey); } #itemAddDiv #entamt label span {padding-left: 2px; } #itemAddDiv #entamt label#entamtlabel {} #itemAddDiv #entamt label#entamtlabel.hasValue {color: var(--orange); } #itemAddDiv #entamt button#addCartLink { width: 160px; margin: 0 auto 0 0; display: block; vertical-align: top; text-align: center; color: var(--white); background-color: var(--orange); height: 36px; font-weight: bold; border-radius: 18px; border: solid 2px var(--orange); font-size: 16px; line-height: 16px; padding: 8px 10px 12px 10px; } #itemAddDiv #entamt button#addCartLink:hover {border: solid 2px var(--orange); background-color: transparent; color: var(--orange);} #itemAddDiv #itemCheckoutLinkDiv.variable {display: none; margin: 15px auto 0 0px; vertical-align: top; text-align: center; } #itemAddDiv #itemCheckoutLinkDiv.variable a#itemCheckoutLink { width: 160px; margin: 0 auto 0 0; display: block; vertical-align: top; text-align: center; color: var(--white); background-color: var(--blu); height: 36px; font-weight: bold; border-radius: 18px; border: solid 2px var(--blue); font-size: 16px; line-height: 16px; padding: 8px 10px 12px 10px; } #itemAddDiv #itemCheckoutLinkDiv.variable a#itemCheckoutLink:hover {border: solid 2px var(--blue); background-color: transparent; color: var(--blue);} #itemAddDiv #renewalDiv {color: var(--blue); font-size: 15px; line-height: 1.2em; font-weight: bold; margin: 20px 0 12px 0; } #itemAddDiv #renewalDiv a#renewLink { width: 200px; margin: 0 auto 0 0; display: block; vertical-align: top; text-align: center; color: var(--white); background-color: var(--orange); height: 36px; font-weight: bold; border-radius: 18px; border: solid 2px var(--orange); font-size: 16px; line-height: 16px; padding: 8px 10px 12px 10px; } #itemAddDiv #renewalDiv a#renewLink:hover {border: solid 2px var(--orange); background-color: transparent; color: var(--orange);} #paypalDiv {margin: 45px 0px 2px 3px; font-weight: bold; color: var(--blue); font-size: 16px;} #paypalDiv p.oneTime {color: var(--burgundy); margin-bottom: 0px; font-size: 14px;} #payPalForm {} #payPalForm table td {font-size: 14px; padding: 5px 0 5px; } #payPalForm table td select {font-size: 16px; outline: none; } #payPalForm .paypalSubmit {width: 200px; margin: 10px auto 0 0; display: block; vertical-align: top; text-align: center; color: var(--white); background-color: var(--orange); height: 36px; font-weight: bold; border-radius: 18px; border: solid 2px var(--orange); font-size: 16px; line-height: 16px; padding: 8px 10px 12px 10px; } #payPalForm .paypalSubmit:hover { border: solid 2px var(--orange); background-color: transparent; color: var(--orange); } p.donationItem { font-weight: bold; font-size: 18px; margin: 35px auto 2px auto; text-align: center; } a.donationItem { color: var(--white); text-align: center; background-color: var(--orange); border: solid var(--orange) 2px; border-radius: 20px; padding: 7px 10px; text-decoration: none; display: block; font-size: 16px; font-weight: bold; margin: 15px auto 10px auto; width: 100%; max-width: 250px; } a.donationItem:hover { background-color: white; color: orange; text-decoration: none; } p.membershipItem { font-weight: bold; font-size: 18px; margin: 35px auto 2px auto; text-align: center; } a.membershipItem { color: var(--white); text-align: center; background-color: var(--blue); border: solid var(--blue) 2px; border-radius: 20px; padding: 7px 10px; text-decoration: none; display: block; font-size: 16px; font-weight: bold; margin: 15px auto 10px auto; width: 100%; max-width: 250px; } a.membershipItem:hover { background-color: white; color: orange; text-decoration: none; } /* gift certificate */ #fauxMatrix.gift {display: block; margin: 0; padding: 5px 0 0 0px; text-align: left; } #fauxMatrix #entamt {font-size: 14px; } #fauxMatrix #entamt strong, #itemAddDiv #entamt b {color: var(--darkgrey); font-size: 16px;} #fauxMatrix #entamt label {color: var(--orange); font-weight: normal; padding-right: 3px;} #fauxMatrix #entamt #itmMonth label {color: var(--blue); font-weight: bold; padding-right: 3px; font-size: 14px;} #fauxMatrix #entamt label input[type="radio"] {} #fauxMatrix #entamt label input[type="radio"]:checked ~ * { color: #c36300; } #fauxMatrix #entamt label input[type="text"] {color: var(--orange); border-color: var(--orange); outline: none; padding: 1px 2px; width: 50px; } #fauxMatrix #entamt label span {padding-left: 1px} p.itemName.noDesktop { display: none; } #itemIcons {margin: 20px auto; padding: 10px 0; width: 100%; } #itemIcons .itemIcon {display: inline-block; width: 32%; text-align: center; font-size: 14px; color: var(--darkgrey); vertical-align: top; padding: 5px 15px; line-height: 18px; } #itemIcons .itemIcon div {margin: 5px auto; text-align: center; height: 40px; vertical-align: top; } .activeprice {font-weight: bold} .item_description {font-size: 15px; line-height: 20px;} #itemDescDiv {font-size: 18px; line-height: 26px; margin: 20px 0 10px 0; text-align: left; color: var(--darkgrey); } #itemDescDiv h3 {} #itemDescDiv h4 {color: var(--darkgrey); font-size: 18px; line-height: 1.2em; font-weight: bold; margin: 15px 0 0 0;} #itemDescDiv h5 {padding-left: 5px; font-size: 16px; line-height: 1.1em; color: var(--darkgrey); margin: 4px 0 0 0; } #itemDescDiv p {font-size: 18px; line-height: 26px; color: var(--darkgrey);} #itemDescDiv b {font-size: 18px; line-height: 26px; color: var(--darkgrey);} #itemDescDiv ul {margin-top: 5px; } #itemDescDiv ul li {list-style-type: square; list-style-image: url(/img/square.png); padding-bottom: 8px; } #itemDescDiv ol li {line-height: 1.2em; margin: 2px 0 10px 0;} a#itemDescMoreLink, a#itemDescLessLink, a#itemDescMoreLink2, a#itemDescLessLink2, a#itemDescMoreLink3, a#itemDescLessLink3 {display: block; margin: 20px 0 10px 10px; color: #545454; text-decoration: none; font-size: 16px; font-weight: normal; } a#itemDescMoreLink:hover, a#itemDescLessLink:hover, a#itemDescMoreLink3:hover, a#itemDescLessLink3:hover, a#itemDescMoreLink3:hover, a#itemDescLessLink3:hover {color: var(--blue);} a#itemDescLessLink, a#itemDescLessLink2, a#itemDescLessLink3 {display: none; } div#itemDescMore,div#itemDescMore2, div#itemDescMore3 {display: none; } h3#prodDetailsH3 {font-size: 36px; line-height: 46px; font-weight: 400; width: calc(40% - 70px); text-align: center; margin: 60px auto 0 0; display: inline-block; vertical-align: top; } #prodDetails {width: 60%; display: inline-block; margin: 60px 0 0 60px; vertical-align: top; } #itemSpecs { margin-bottom: 60px; border-bottom: solid var(--darkgrey) 1px; } #itemSpecs a.specTitle {padding: 15px 5px 5px 5px; margin: 0 0 0 0; display:block; border-top: solid var(--darkgrey) 1px; } #itemSpecs a.specTitle { font-size: 22px; color: var(--blue); line-height: 1.4em; vertical-align: top; font-weight: 800; } #itemSpecs a.specTitle.collapsed {color: var(--darkgrey); padding: 15px 5px 15px 5px;} #itemSpecs div.collapse { } #itemSpecs { } #itemSpecs ul { } #itemSpecs li { padding: 2px 0; font-size: 16px; line-height: 24px; color: var(--darkgrey); } #itemSpecs { } /* Icon when the collapsible content is shown */ #itemSpecs .specTitle:after { float: right; content: ""; display: inline-block; width: 15px; height: 17px; margin: 6px 0 0 5px; padding: 0 0 0 0; background-image: url('/img/icon-up-arrow-blue2.png'); background-size: contain; background-repeat: no-repeat; background-position-y: 0px; } /* Icon when the collapsible content is hidden */ #itemSpecs .specTitle.collapsed:after { background-image: url('/img/icon-down-arrow-darkgrey.png'); } #prodDetails h2 {font-size: 24px; line-height: 1.4em; } #prodDetails div.prodDesc .img {text-align: center; font-size: 12px; color: var(--darkgrey); font-weight: bold; margin: 0 auto 10px auto} #prodDetails div.prodDesc .img img {display: block; margin: 1px auto; width: 100%; } /* related items */ #relItemsDiv {margin: 60px 0 0 0; padding: 0; } #relItemsCont { } #relItmTbl {} #relItemsCont #lstTD {background: var(--lightgrey); padding: 50px 0 60px 0; } #relItemsCont #lstTD h3 {font-size: 36px; line-height: 46px; font-weight: 400; text-align: center; margin: 0px auto 0 0; } #relItemsCont #lstTD #lstCells {margin: 0 40px; width: calc(100% - 80px); } #relItemsCont .lstDiv {} #relItemsCont .lstDiv h4, #relItemsCont .lstDiv h4 span, #relItemsCont .lstDiv h4 a:link, #relItemsCont .lstDiv h4 a:visited {font-size: 22px} /* reviews */ #reviewsDiv {margin: 60px 5px; padding: 10px 15px; } #reviewsDivCont {margin: 0; padding: 0; } #reviewsDivCont h3 {font-size: 36px; line-height: 46px; text-align: center; padding: 10px auto; font-weight: 400; text-align: center; margin-bottom: -30px; } #BVRRContainer {} #BVRRSearchContainer {display: none !important; } #BVRRContainer div.bv-section-summary {display: none !important; } #BVRRContainer h2 {display: none !important; } #fixedBox {position: fixed; top: 0; left: 0; right: 0; width: 100%; padding-right: 25px; padding-left: 20px; box-shadow: rgba(0, 0, 0, 0.0980) 2px 2px 2px; z-index: 300; overflow: hidden; display: none; background-color: var(--white); left: 4px; right: 4px; width: calc(100% - 8px);} #fixedBoxCont {margin: 0 auto; max-width: 990px} #fixedBox #rightDiv {float: right; padding: 6px 0 0 0; margin: 6px 0 15px 0;} #fixedBox #rightDiv a#fixedToCart {display: inline-block; text-align: center; border: solid var(--green) 2px; border-radius: 20px; width: 120px; } #fixedBox #rightDiv a#fixedToCart { background-color: var(--green); color: var(--white); font-size: 16px; padding: 5px 8px; margin: 0 auto;} #fixedBox #rightDiv a#fixedToCart:hover {color: var(--green); background-color: transparent; text-decoration: none; } #fixedQty {padding-right: 15px; color: var(--darkgrey);; display: inline-block; margin: 4px 0 0 0; vertical-align: top; margin-top: 4px; font-size: 14px;} #fixedBox #rightDiv #fixedCheckout {display: none; margin: 0 15px 0 0; vertical-align: top} #fixedBox #rightDiv #fixedCheckout a {display: block; text-align: center; border: solid var(--blue) 2px; border-radius: 20px; width: 120px; } #fixedBox #rightDiv #fixedCheckout a { background-color: var(--blue); color: var(--white); font-size: 16px; padding: 5px 8px; margin: 0 auto;} #fixedBox #rightDiv #fixedCheckout a:hover {color: var(--blue); background-color: transparent; text-decoration: none; } #fixedBox #fixedImageDiv {float: left; margin: 0 15px 10px 25px; padding: 6px 0 0 0; } #fixedBox #fixedImageDiv img {max-height: 45px; max-width: 50px; width: 100%; } #fixedBox #centerDiv {padding: 10px 0 0 0; } #fixedBox #centerDiv #centerDivTop {white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden !important; overflow-y: hidden !important; font-weight: bold; color: var(--darkgrey);} #fixedBox #centerDiv #centerDivBottom {white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden !important; overflow-y: hidden !important; } #fixedBox #centerDiv #centerDivBottom #fixedPrice {display: inline-block; color: var(--darkgrey);; font-size: 12px; } #fixedBox #centerDiv #centerDivBottom #fixedPrice span, #fixedBox #centerDiv #centerDivBottom #fixedPrice span#itmPriceCont {color: var(--darkgrey);; font-size: 12px; } #fixedBox #centerDiv #centerDivBottom #fixedProdID {display: inline-block; margin-left: 0px; color: var(--darkgrey); font-size: 14px; } #fixedBox #rightDiv.added {} #fixedBox #rightDiv.added a#fixedToCart, #fixedBox #rightDiv.added a#fixedToCart:hover { } #fixedBox #rightDiv.added #fixedCheckout {display: inline-block; } #fixedBox.dona {} #fixedBox.dona #rightDiv a#fixedToCart { width: 135px; background-color: var(--orange); border: solid var(--orange) 2px;} #fixedBox.dona #rightDiv a#fixedToCart:hover { color: var(--orange); background-color: transparent; border: solid var(--orange) 2px; } #fixedBox.memb {} #fixedBox.memb #rightDiv a#fixedToCart { width: 150px; background-color: var(--orange); border: solid var(--orange) 2px;} #fixedBox.memb #rightDiv a#fixedToCart:hover { color: var(--orange); background-color: transparent; border: solid var(--orange) 2px; } *.noDesktop {display: none} *.noHandheld {} /*--------- SCREEN WIDTH CHANGES ------------*/ /* super wide screen */ @media screen and (min-width:1200px) { } @media screen and (min-width:1080px) and (max-width:1200px) { } @media screen and (max-width:1080px) { /* iPad landscape */ #itemDiv { padding: 0 5px; } } @media screen and (max-width:990px) { } @media screen and (max-width:840px) { /* iPad portrait */ } @media screen and (max-width:767px) { /* iPhone */ *.noDesktop {display: block} *.noHandheld {display: none} #hdrBarCont { border-bottom: solid var(--grey) 1px; } #fixedBox {padding-right: 5px; padding-left: 5px; box-shaddow: rgba(0, 0, 0, 0.0980) 0px 2px 2px; left: 0px; right: 0px; width: 100%; } #fixedBox #fixedImageDiv {margin: 0 10px 10px 5px; padding: 6px 0 0 0; } #itemDivLeft {vertical-align: top; display: block; width: 100%; margin: 0; padding: 0; } #itemDivLeftCont {width: calc(100% - 10px); margin: 10px 10px 10px 0; } #itemDivLeftTop {margin: 10px 0 0 0; padding: 0 20px 20px 0 ; } #itemDivLeftTop .bv-cv2-cleanslate div.bv-summary-bar {width: 215px !important; margin: 0 auto !important; } #itemDivRight {display: block; width: 100%; margin: 0; padding: 0; clear: both; } #itemDivRightCont {width: calc(100% - 10px); margin: 50px 10px 10px 0; } p.itemName.noDesktop {text-align: center; color: var(--darkgrey); font-weight: 400; font-size: 30px; line-height: 1.4; margin: 0 auto 10px auto; display: block !important; } #itemDivRight h1 {font-size: 24px; margin-bottom: 0px; } #itemOptions table.addOptions select#custcol_shirtsize {font-size: 16px; } h3#prodDetailsH3 {width: 100%; display: block; font-size: 30px; line-height: 40px; text-align: center; } #prodDetails {width: calc(100% - 24px); display: block; margin: 10px 10px 0 10px; vertical-align: top; } #relItemsDiv {margin: 15px 10px 10px 0; padding: 0; } #relItemsCont #lstTD {background: var(--lightgrey); padding: 20px 0 20px 0; } #reviewsDiv {margin: 15px 5px 15px 0; padding: 10px 5px; } /* related item list */ td.category {padding-right: 0px;} #lstTable .lstImgDiv {display: block; width: 100%; padding: 10px 0 5px 0; } #lstTable .lstRightDiv {display: block; width: 100%; max-width: 100%; padding: 10px 10px 5px 10px; text-align: center; } #lstTable .lstDiv h3 {text-align: center; } #lstTable .lstDiv .lstStars {text-align: center; display: block; max-width: 160px; margin: 0 auto; } #lstTable .lstDiv .pricing {text-align: center; margin-top: 5px; max-width: 300px; } #lstTable .lstDiv .itmCode {padding-top: 4px; } #lstTable .lstDiv .lstDesc {text-align: left; margin: 10px auto 0 auto; max-width: 100%; } #lstTable .lstDiv .lstAddDiv {text-align: center; max-width: 240px; margin: 10px auto 0 auto;} #lstTable .lstDiv .lstAddDiv table.addCart {margin: 0 auto; } #lstCells.deskTop #lstTable .lstImgDiv {display: inline-block; width: 150px; padding: 0; } #lstCells.deskTop #lstTable .lstRightDiv { display: inline-block; vertical-align: top; width: calc(100% - 155px); max-width: 100%; text-align: center; padding: 0; } #lstCells.deskTop #lstTable .lstDiv h3 {text-align: left; } #lstCells.deskTop #lstTable .lstDiv .lstStars {text-align: left; display: block; max-width: 160px; margin: 0 auto 0 0; } #lstCells.deskTop #lstTable .lstDiv .pricing {margin-top: 0px; margin-bottom: 4px; text-align: left;} #lstCells.deskTop #lstTable .lstDiv .itmCode {padding-top: 4px; } #lstCells.deskTop #lstTable .lstDiv .lstDesc {text-align: left; margin: 10px auto 0 auto;} #lstCells.deskTop #lstTable .lstDiv .lstAddDiv {text-align: left; max-width: 280px; margin: 10px auto 0 0;} #lstCells.deskTop #lstTable .lstDiv .lstAddDiv table.addCart {margin: 0 auto 0 0; } } @media screen and (max-width:340px) { /* iPhone small */ }