/* Product Details -------------------------------*/ .productDetailsB h1 {/*margin: 20px 0 0 450px;*/ margin: 0 0 10px; width: 300px; /*margin: 20px 0 0 350px; width: 615px;*/ } .productDetailsB h1 span {display: none; margin: 0;} .productDetailsB h1.prodDetailsH1 {margin: 0;} #gc_ProductMainImgArea { width: 425px; /*width: 325px; margin-top: -15px;*/ float: left; } #gc_ProductImageHolderLeft { float: left; width: 425px; /*width: 325px;*/ /*height: 325px;*/ overflow: hidden; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; } #gc_ProductImageHolderLeft img {width: 100%; height: auto; display: block;} .gc_prodImgExtra {-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; opacity: .75; } .gc_prodImgExtra:hover { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .gc_prodImgFull { width: 100%; height: 100%; max-width: 325px; max-height: 325px; } #MainPImgEnlarge { height: 56px; width: 56px; background: url(/Content/images/MainPImgEnlarge.png) top left no-repeat; position: absolute; top: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #gc_ProductImageHolderLeft:hover #MainPImgEnlarge { opacity: 0; } #gc_ProdAltImages { float: left; /* height: 75px;*/ margin-top: 7px; width: 100%; } #gc_ProdVideoThumbs { float: left; height: 150px; margin-top: 15px; width: 335px; } #gc_ProductInfoWrapper { float: left; } #gc_ProductMainDetailsArea { float: left; margin-left: 25px; /*margin-top: 8px;*/ width: 300px; /*width: 400px;*/ } #gc_ProductMainDetailsArea .prodMessage {font-weight: bold; font-style: italic; letter-spacing: 1px; background: #32459D; color: #fff; padding: 10px 15px;} .fb-like { float: left; margin-left: 13px; } .productDetailsB .gc_ProductReviewSummary { width: 100%; margin: 10px 0 0 0; } .productDetailsB .rateStars { width: auto; } #reviewScore { margin: -2px 0 0 10px; font-weight: 700; font-size: 15px;} #numReviews {margin: -2px 0 0 5px; color: #666;} .rateStars span { display: block; float: left; margin: 0 0 0 3px; } .inZone { background: url(/Content/images/zoneCheck.jpg) no-repeat left top; color: #6C9200; float: left; font-size: 12px; font-style: italic; height: 13px; letter-spacing: 0.5px; line-height: 13px; margin-top: 6px; padding-left: 18px; width: 100%; } .noZone { } .productDetailsB .gc_spec { float: left; width: 100%; } .detailsSection { margin-top: 15px; } .productDetailsB #gc_ProdBottomInfo { margin-top: 20px; } #youMayAlsoLike { border-left: 1px solid #CCCCCC; float: right; margin: -15px 10px 0 0px; /*padding-left: 11px;*/ width: 200px; } .productDetailsB #youMayAlsoLike {margin: 0 8px 20px 0;} .gc_sectionHeaderYouLike { background: url(/Content/images/featuredSomethingBG.jpg) no-repeat right center #263B7C; color: #FFFFFF; float: left; font-size: 15px; font-weight: 700; height: 29px; letter-spacing: 1px; line-height: 29px; text-align: center; width: 100%; } .productDetailsB .detailsSection h3 { font-size: 13px; padding-bottom: 1px; width: 96%; } #megaProdDiv{float:left; width:750px;} #imageExtraDetails { background: url(/Content/images/blackTransRepeater.png) repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; height: 0px; position: absolute; text-align: center; width: 100%; overflow:hidden; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #gc_ProductImageHolderLeft:hover #imageExtraDetails{height:33px;} #mainContent a#imageLink { text-decoration: underline; color: #FFF; height: 33px; line-height: 33px; } #mainContent a#imageLink:hover { color: #F7B316; text-decoration: none; } .videoThumb { width: 156px; float: left; margin-right: 11px; } #mainContent .videoThumb a { float: left; display: block; width: 100%; } #gc_ProductsRelated, .gc_ProductsRelated { float: left; margin: 0 0 0 10px; padding: 0 0 20px; } #gc_ProductsRelated .featuredProd { margin-top: 8px; min-height: 0; } #gc_ProductsRelated .featuredProd .featuredProdHeading { min-height: 0; } #gc_ProductsRelated .featuredProdImageTable { width: 150px; } #gc_ProductsRelated .featuredProdImage { width: 150px; margin-left: 10px; } #gc_ProductsRelated .featuredProd .ProdImgHoverOverlay { width: 150px; /*margin-top: -6%; height: 106%;*/ } #prodSpecsHOlder{float:left; width:100%;} #imageZoom { float: left; display: block; width: 100%; } .gc_QuickViewImg { height: auto; } .videoThumb img { width: 100%; } .videoTitle { float: left; width: 100%; text-align: center; margin-top: 7px; } #gc_ProdReviews { float: left; width: 100%; background:none; margin: 60px 0;} #gc_ProductWriteReview{float:left; width:100%; margin-top:10px;} #gc_ProductWriteReview .header{font-size:16px; font-weight:600; color:#E71E28;text-transform:uppercase;margin-left:25px;} #reviewForm{float:left; margin-left:25px;} #reviewForm .reviewText{float:left; width:100%;margin:3px 0;} #reviewForm .reviewText label{width:93px; float:left;color: #2a3e93;display: block;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;margin-top:13px;} #reviewForm .reviewText input{border: 3px solid #bfbfbf;border-radius: 4px;color: #333;font-size: 1.2em;margin-top: 2px;padding: 7px;width: 400px;} #reviewForm .rating{float:left;margin:5px 0;} #reviewForm .rating label{width:120px; float:left;color: #2a3e93;display: block;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;margin-top:13px;} #reviewForm .rating input{float:left; margin:14px 0 0 0;} #reviewForm .fullReview.reviewText label{width:230px;} #reviewForm .fullReview.reviewText textarea {font-family: inherit; border: 2px solid #bfbfbf;border-radius: 4px;color: #333;float: left;font-size: 1.2em;margin-top: 2px;min-height: 60px;padding: 7px;width: 493px;} .reviewSubmit{float:left; width:100%;} .reviewSubmit input {background: url(/Content/images/reviewBtnIcon.jpg) no-repeat scroll left top #d71d23;cursor:pointer;border: medium none;border-radius: 5px;color: #fff;float: left;font-size: 12px;font-weight: 600;height: 27px;letter-spacing: 1px;line-height: 25px;margin-top: 10px;padding-left: 41px;padding-right: 20px;text-decoration: none;text-transform: uppercase;} .reviewSubmit input:hover { background: url(/Content/images/reviewBtnIconO.jpg) top left no-repeat #e8a900; } #reviewForm .reviewText input:focus{border:3px solid #577104} #reviewForm .fullReview.reviewText textarea:focus{border:2px solid #577104} #reviewForm .rateit{float:left; margin:13px 0 0 0;} #productQuestions {float: left; margin: 0 0 60px;} #productQuestions .gc_sectionHeader {padding: 0; width: 100%; min-height: 48px; background: transparent; color: #263B7C; font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: uppercase;} #productQuestions .gc_sectionHeader span {padding: 0 0 0 2%; display: inline-block;} #prevQuestions #allQuestions { float: right; width: 160px; text-align: center; background: #60713B; text-decoration: none; margin: 2px; font-weight: 600; border-radius: 5px; color: #FFF; text-transform: uppercase; letter-spacing: 0.5px; font-size: 13px; line-height: 25px; display: inline-block; transition: all 0.3s ease;} #prevQuestions #allQuestions:hover { background: #eab209; transition: all 0.3s ease;} #gc_ProdAdvice { float: left; width: 100%; margin-top: 35px; } #logoheaderReviews { float: left; width: 163px; height: 48px; background: url(/Content/images/headerLogoReviews.jpg) no-repeat; } #logoheaderQuestions { float: left; width: 133px; height: 48px; margin: -5px 0 0; background: url(/Content/images/headerLogoQuestions.jpg) no-repeat; } #pdetailsRatingHeader { float: left; width: 550px; margin-top: 10px;} #pdetailsRatingHeader .rateStars { margin-top: 14px; margin-left: 10px; } #pdetailsRatingHeader #reviewScore { margin: -2px 0 0 10px; color: #23388C; font-weight: 700; font-size: 15px; } #pdetailsRatingHeader #numReviews { margin: -2px 0 0 5px; color: #666; } #mainContent #allRatings { float: right; width: 144px; background: url(/Content/images/reviewBtnIcon.jpg) top left no-repeat #d71d23; text-decoration: none; margin-top: 10px; font-weight: 600; height: 27px; border-radius: 5px; color: #FFF; text-transform: uppercase; letter-spacing: 0.5px; font-size: 13px; line-height: 25px; padding-left: 41px; } #mainContent #allRatings:hover { background: url(/Content/images/reviewBtnIconO.jpg) top left no-repeat #e8a900; } #mainContent #prodRatingsDetails { float: right; margin: -15px 0 0; padding: 0; width: calc(100% - 25px); /*715px;*/ } #prodRatingsDetails li.prodRating { background: #eee; margin: 15px 0 0 0; padding: 2%; width: 96%; float: left; } .ratingBy { float: left; color: #333; width: 50%; letter-spacing: 0.5px; font-size: 13px; } .ratingTitle { color: #999; } .ratingDataName, .ratingDataFrom { font-weight: 600; } .ratingDate { float: right; width: 50%; } .ratingDataDate { float: right; font-weight: 600; color: #23388C; letter-spacing: 0.5px; font-size: 14px; } .ratingFrom { float: left; width: 100%; } .ratingStars { float: left; margin-left: -3px; margin-top: 6px; width: 100%; } .ratingNotes { float: left; /*width: 645px;*/ background: url(/Content/images/wordBlurb.jpg) top left no-repeat; padding-left: 31px; margin-top: 5px; font-size: 14px; font-style: italic; letter-spacing: 0.5px; } li.prodRating #reviewScore { font-size: 15px; font-weight: 700; margin: -3px 0 0 7px; } .ratingDataStaffReplyNotes {margin-top: 12px; border-top: 1px solid #ccc; width: calc(100% - 10px); background-position: 0px 8px; padding-top: 8px; } .ratingDataStaffReplyHeader { clear:both; letter-spacing: 0.5px; font-size: 13px; font-weight:bold; display:block; font-style:normal; margin-bottom:5x; } #gc_ProdAdviceHeader { background: url("/Content/images/topSellersBG.jpg") no-repeat scroll right center #DB9A00; color: #FFFFFF; float: left; font-size: 15px; font-weight: 700; height: 29px; letter-spacing: 1px; line-height: 29px; padding-left: 2%; width: 98%; } .gc_ProdArticles { float: left; width: 100%; } .gc_ProdArticlesHeader { float: left; margin-left: 2%; width: 96%; border-bottom: 1px solid #999; font-size: 12px; margin-top: 12px; font-weight: 600; } #mainContent .gc_ProdArticles ul { float: left; margin: 2px 0 0 2%; width: 96%; } #mainContent .gc_ProdArticles ul .clickToView { color: #6F9200; font-size: 10px; letter-spacing: 0.5px; margin-left: 8px; } .gc_ProdVideos { float: left; width: 100%; margin: 0 0 60px; } #mainContent .gc_ProdVideos ul { float: left; margin: 2px 0 0 2%; width: 96%; } #mainContent .gc_ProdVideos ul li { background: url("/Content/images/youTubeMiniIcon.jpg") no-repeat left top; padding-left: 27px; line-height: 22px; } #mainContent .gc_ProdVideos ul li a.clickToView { color: #5B7708; } #prevQuestions .prodQuestionItem {display: block; float: left; padding: 10px 2%; width: 96%; border-bottom: 1px solid #ccc; } #prevQuestions .label {display: inline-block; color: #999; text-transform: uppercase; font-weight: bold;} #prevQuestions .prodQuestion {font-weight: bold; color: #2A3E93;} #prevQuestions .prodQuestionAsker {margin: 5px 0 20px;} #prevQuestions .prodAnswer {font-weight: bold; color: #D71D23;} #prevQuestions .prodAnswerer {margin: 5px 0 0;} #prevQuestions .prodQuestion .label, #prevQuestions .prodAnswer .label {font-size: 30px; line-height: 30px; margin: 0 5px 0 0;} .questionFormDiv {background: none;float:left; margin: 20px 0;} #questionForm{float:left; margin-left:25px;} .questionFormDiv .questionHeader {font-style:italic; letter-spacing:1px; color:#999999; float:left; margin-top:8px;margin-bottom:5px;} .questionFormDiv .questionLine {width: 100%; margin: 5px 0;float:left;} .questionFormDiv .questionBox textarea{font-family: inherit; border: 2px solid #bfbfbf;border-radius: 4px;color: #333;float: left;font-size: 1.2em;margin-top: 2px;min-height: 60px;padding: 7px;width: 501px;} .questionFormDiv .questionBox textarea:focus{border:2px solid #577104;} .questionFormDiv .questionBox{} .questionFormDiv .questionTitle{margin-top:13px;width:100px; float:left;color: #2a3e93;display: block;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;} .questionBox input{border: 3px solid #bfbfbf;border-radius: 4px;color: #333;font-size: 1.2em;margin-top: 2px;padding: 7px;width: 400px;} .questionFormDiv .fullSize .questionTitle{margin-top:13px; width:200px;float:left;color: #2a3e93;display: block;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;} .questionBox input:focus{border:3px solid #577104;} #questionForm .fullSize .questionBox{float:left; width:100%;} #mainContent #questionForm .submit {float: left;font-size: 13px;font-weight: 600;letter-spacing: 1px;margin-top: 8px;padding: 4px 20px;width: auto;} #UserUploadedProductImages {} #UserUploadedProductImages #userUploadedHeader {display: block; background: url(/Content/images/featuredSomethingBG.jpg) no-repeat right center #263B7C; color: #FFFFFF; float: left; font-size: 15px; font-weight: 700; height: 29px; letter-spacing: 1px; line-height: 29px; width: 98%; padding-left: 2%;} .uploadImageItem {width: 23%; margin: 1.5%; display: block; float: left;} .uploadImageItem img {width: 100%; height: auto; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; border:1px solid #000000; opacity: 0.75;} .uploadImageItem img:hover { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .uploadContent {} .uploadContent .by {text-align: right; display: block; width: 95%; padding: 5px 5% 5px 0; font-style: italic; border-top: 1px solid #CCC;} .cartSum { border: 1px solid #C3C3C3; border-radius: 5px; float: right; margin-right: 25px; margin-top: -32px; padding: 15px 10px; width: 325px; } #cartSumCheck { background: url(/Content/images/cartSummaryCheck.jpg) no-repeat; height: 43px; width: 56px; float: left; margin: -45px 0 0 5px; } .CartSummary h1 { margin-left: 69px; color: #88b300; font-size: 22px; } #cartSumProdArea { float: left; width: 49%; margin-top: 40px; } #justAddedProdImage { float: left; max-width: 100px; width: 25%; } #justAddedProdImage img { width: 100%; } #JA-ProductName { float: left; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; margin: 10px 0 0 2%; width: 73%; } #JA-ProdNumber { float: left; margin: 5px 0 0 2%; width: 73%; font-size: 13px; color: #B7080F; } #JA-Rating { float: left; height: 14px; margin-top: 3px; overflow: hidden; width: 100px; } #JA-Rating .rateStars { width: 100%; } #JA-Rating .rateStars span { display: block; float: left; margin-left: 5px; width: 14px; } #JA-Desc { float: left; margin: 5px 0 0 2%; width: 73%; line-height: 17px; font-size: 12px; } .quantNum { font-size: 16px; font-weight: 700; } .cartSubTotal { color: #C81920; float: right; font-size: 15px; font-weight: 700; letter-spacing: 0.5px; margin: 4px 13px 0 0; text-align: right; } .cartSumTotNum { font-size: 20px; } .cartSumProceed { float: left; } .cartSubTotalNum { float: right; font-size: 15px; margin-right: 13px; margin-top: 15px; text-align: right; width: 300px; } #CS-SecureImg { float: left; width: 100%; text-align: center; } #CS-SecureImg img { max-width: 304px; margin: 0 auto; } /* #mainContent a#cartSumProceed { border: 1px solid #8F0F0F; border-radius: 5px; color: #FFFFFF; cursor: pointer; float: right; font-size: 13px; font-weight: 700; letter-spacing: 1px; margin-right: 8px; margin-top: 19px; padding: 8px 11px 9px; text-decoration: none; text-transform: uppercase; background: -webkit-linear-gradient(#F44046, #C00209); background: -o-linear-gradient(#F44046, #C00209); background: -moz-linear-gradient(#F44046, #C00209); background: linear-gradient(#F44046, #C00209); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent a#cartSumProceed:hover { background: #DB9A00; border-color: #C18905; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } */ #cartSumProceed img { float: left; margin-right: 5px; } #mainContent a#cartSumEdit { color: #656565; float: right; font-size: 11px; letter-spacing: 0.5px; margin: 4px 11px 0 0; text-align: right; width: 94%; text-decoration: none; } #CS-EditCart { text-decoration: underline; font-style: italic; letter-spacing: 1px; color: #B7080F; } #CS_ProductMain { float: left; margin-top: 30px; width: 100%; } .CartSummary #gc_ProdRecentlyViewed .featuredProdWrap { width: 170px; padding-top:5px; margin-top: 8px;/*width: 32%; margin-top: 10px;*/ } .CartSummary #gc_ProdRecentlyViewed .featuredProdDetails { /*width: 196px;*/ } .mayAlsoLikeWide {display: block; float: left; width: 100%;} .mayAlsoLikeWide #youMayAlsoLike {border: none; float: left; margin: 0; width: 100%;} .mayAlsoLikeWide #youMayAlsoLike .featuredProdWrap {min-height: 250px;} .mayAlsoLikeWide .gc_sectionHeaderYouLike {width: 98%; padding: 0 0 0 2%; text-align: left;} #Categories { float: left; width: 100%; } .gc_categoryDisplayBox { float: left; width: 210px; position: relative; margin: 13px 10px; } #mainContent .gc_categoryDisplayBox:hover .gc_CatLink, #mainContent .gc_categoryDisplayBox:active .gc_CatLink {color: #1B2F8C;} .gc_catImageHolder { display: block; position: relative; height: 219px;} .gc_tableCellCategoryImgCenter { display: table-cell; text-align: center; vertical-align: middle; width: 219px; } .gc_categoryDisplayBlock { display: block; } .gc_tableCellCategoryImgCenter a { display: block; width: 100%; } img.gc_CatImage { display: block; width: 100%; } /*.gc_CategoryName { width: 100%; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } */ .gc_CategoryName {height: 73px; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .gc_categoryDisplayBox:hover .gc_CategoryName { /*opacity: 0;*/ } #mainContent a.gc_CatLink { /*color: #FFFFFF;*/ display: block; float: left; font-size: 15px; font-weight: 600; /*height: 92%;*/ height: 60px; letter-spacing: 0.5px; line-height: 18px; padding: 4%; text-align: center; text-decoration: none; text-transform: uppercase; width: 92%; } #mainContent a.gc_CatLink .table {display: table; width: 100%; height: 100%;} #mainContent a.gc_CatLink .table .cell {display: table-cell; vertical-align: middle;} .gc_CateDarkOverlay { /*background: url(/Content/images/blackTransRepeater.png) repeat;*/ height: 100%; opacity: 1; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .featuredProd { float: left; width: 180px; padding-top: 5px; min-height: 275px; } .featuredProdImage { float: left; width: 100%; position: relative; max-height: 219px; overflow: hidden; } .searchResultsProdWrap .featuredProdImage { float: left; width: 100%; position: relative; max-height: 210px; overflow: hidden; } #featurednext { float: right; height: 50px; width: 31px; margin: 71px 22px 0 0; } #featurednext a { background: url("/Content/images/featuredProductsNext.jpg") no-repeat scroll center center; height: 50px; width: 31px; display: block; } #featurednext a:hover { background: url("/Content/images/featuredProductsNextO.jpg") no-repeat scroll center center; } #topSellingnext { float: right; height: 50px; width: 31px; margin: 71px 22px 0 0; } #topSellingnext a { background: url("/Content/images/topSellersNext.jpg") no-repeat scroll center center; height: 50px; width: 31px; display: block; } #topSellingnext a:hover { background: url("/Content/images/featuredProductsNextO.jpg") no-repeat scroll center center; } .featuredProdWrap { float: left; padding: 5px; } .featuredProd { list-style: none; } /* ---------Products 5 rows----------- .featuredProdImageTable { display: table-cell; height: 160px; text-align: center; vertical-align: middle; width: 170px; }*/ .featuredProdImageTable { display: table-cell; text-align: center; vertical-align: middle; width: 219px; } .tableCellProductImgCenter { text-align: center; } .featuredProd .ProdImgHoverOverlay { /*background: url(/Content/images/prodHoverOverlay.png) top center repeat;*/ height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 170px; z-index: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ProdImgHoverOverlay { /*background: url(/Content/images/prodHoverOverlayBig.png) top center repeat;*/ height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 219px; z-index: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .positionProdImg { position: relative; } .gc_ProdDisplayImgHolderAnchor:hover .ProdImgHoverOverlay { opacity: 1; } .featuredProdWrap a { float: left; width: 100%; display: block; } .featuredProdImageTable img { width: 100%; } .featuredProdImageTable a { display: block; float: left; width: 100%; height: 100%; } .featuredProdDetails { float: left; margin-top: 7px; width: 100%; margin-bottom: 5px; } /* ---------Products 5 rows----------- .featuredProdHeading{text-align:center; width:98%; padding:0 1%;font-size:12px; color:#222; letter-spacing:0.3px; min-height: 38px;} */ .featuredProdHeading { color: #222222; font-size: 13px; line-height: 15px; letter-spacing: 0.3px; height: 45px; padding: 0 5%; text-align: center; width: 90%; } .featuredProdHeading .table {width: 100%; height: 100%; display: table;} .featuredProdHeading .table .cell {display: table-cell; vertical-align: middle;} .featuredProdHeading a { color: #333; text-decoration: none; } .featuredPrice { color: #C01118; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; padding: 0 1%; text-align: center; width: 98%; float: left; } .featuredPrice select { border: 1px solid #CDCDCD; color: #C01118; font-size: 12px; font-weight: 600; margin-bottom: 0; margin-top: -4px; } .centerAlign { width: 100%; text-align: center; float: left; } .centerAlign .quickViewBtn {float: none;} /* .centerAlign .quickViewBtn .qvText {margin: 1px 0 0 5px;} .centerAlign .quickViewBtn .fa {float: left; font-size: 16px; line-height: 16px;} */ .centerAlign .quickViewBtn .qvText {margin: -2px 0 0 5px; display: inline-block; float: none; vertical-align: top;} .centerAlign .quickViewBtn .fa {display: inline-block; vertical-align: top; margin: -2px 0 0; font-size: 16px; line-height: 30px;} .quickViewBtn {margin: 2px 0; /*background: #FFFFFF; border: 2px solid #577104; border-radius: 19px; color: #577104; font-size: 11px; font-weight: 500; height: 28px; letter-spacing: 2px; line-height: 20px; padding: 0 10px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; */} .quickViewBtn img { float: left; } .qvText { display: block; float: left; /*margin: 1px 0 0 5px;*/ } .quickViewBtn:hover { background: #EEEEEE; color: #333; border-color: #C01118; } .rateStars { float: left; width: 140px; } .numbRatings { float: left; width: 40px; } .ratingLink { display: block; text-decoration: none; } .purchaseProd { clear: both; } /*#btnStyleChange .quickViewBtn:hover { background: #EEEEEE; color: #333; border-color: #DB9A00; }*/ .full { width: 100% !important; } /* .checkout { background: #000000; color: #FFFFFF; display: block; font-size: 13px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px; text-align: center; text-decoration: none; padding: 4px 17px; border: none; cursor: pointer; font-family: Source Sans pro; } .checkout:hover { background: #AAA; color: #ffffff; font-family: Source Sans pro; } .checkout a { color: #fff; text-decoration: none; } */ .qtyLinks { float: left; } .submit { background: #667B94; color: #FFFFFF; font-size: 13px; margin-right: 4px; margin-top: 9px; text-align: center; text-decoration: none; padding: 4px 9px; border: none; cursor: pointer; } .submit:hover { background: #AAA; } .submit a { color: #fff; text-decoration: none; } #javaSub.checkout { height: 30px; line-height: 25px; } .classyButton { background: #000; color: #FFFFFF; display: block; font-size: 13px; margin-right: 4px; margin-top: 9px; text-align: center; text-decoration: none; padding: 2px 9px; border: 1px solid #000; cursor: pointer; width: 95px; } .classyButton:hover { background: #aaa; } .classyButton a { color: #FFFFFF; font-size: 13px; display: block; float: left; width: 100%; } /* FORM STYLES */ /* ACCOUNT */ .editor-label { padding-left: 2px; margin-bottom: 4px; } .editor-label label { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #484848; } .editor-label01 { font-size: 12px; letter-spacing: 1px; color: #000; padding-left: 2px; margin-bottom: 4px; font-weight: normal; margin-top: 6px; } .edheading { font-size: 12px; text-transform: uppercase; color: #000; padding-left: 2px; margin-bottom: 4px; } .editor-field { margin-bottom: 8px; } .editor-field01 { border: 1px solid #cad1da; font-size: 12px; height: 20px; line-height: 20px; padding-left: 3px; width: 240px; float: left; margin-top: 5px; margin-bottom: 5px; } .editor-field02 { border: 1px solid #cad1da; font-size: 12px; height: 20px; line-height: 20px; padding-left: 3px; width: 210px; float: right; margin-top: 5px; margin-bottom: 5px; } .editor-field input { border: 1px solid #cad1da; font-size: 12px; height: 20px; line-height: 20px; padding-left: 3px; width: 240px; } /* PRODUCT Details Page*/ #ProductBG { float: left; padding-top: 10px; width: 100%; padding-bottom: 45px; border-top: 7px solid #AAA; background: #fff; } #productInfoTileWrapper { float: left; margin-top: 10px; width: 69%; margin-left: 1%; } #pDeetsInfoWrapper { float: left; width: 52%; margin-left: 1%; margin-top: 39px; } #PriceHolder { float: left; width: 30%; margin-top: 3%; } .savings { color: #AAA; font-size: 16px; letter-spacing: .5px; } #Details { float: left; margin-left: 35px; width: 744px; } #ProdImageHolderLeft { background: none repeat scroll 0 0 #FFFFFF; float: left; overflow: hidden; width: 45%; margin-left: 2%; text-align: center; min-height: 431px; margin-bottom: 10px; margin-top: 39px; } #purchaseInfo { float: left; width: 100%; } #purchaseInfo .checkout { font-family: Source Sans pro; font-size: 16px; height: 29px; letter-spacing: 2px; margin: 20px 0 0; text-transform: uppercase; width: 145px; } #purchaseInfo #Total { color: #000; display: block; font-size: 24px; margin-top: 18px; } #ProdFeaturesTab { margin-left: 30px; margin-top: 0px; float: left; } #selectQ { float: left; margin: 22px 0 0 0px; font-size: 14px; font-family: Source Sans pro; } #selectQ #quantity { width: 21px; height: 25px; padding-left: 5px; line-height: 25px; } #ProdImageHolderLeft a.lightbox { float: left; padding-top: 2%; width: 100%; } #productcontenttext { float: right; font-size: 11px; line-height: 18px; padding: 2%; margin-right: 10px; /*width: 46%;*/ } .ProductNameDetails { font-size: 12px; font-family: Source Sans pro; } .ULFullDesc { margin-left: 20px; margin-top: 20px; font-size: 14px; list-style-type: none; font-family: Source Sans pro; color: #1f2124; } .ULFullDesc ul { margin-left: 20px; list-style-type: none; } .ULFullDesc li { background-image: url("/Content/images/bulletPoint.jpg"); -repeat: no-repeat; background-position: 0px 6px; padding-left: 10px; } #productcontenttext table { float: left; margin: 10px 0; border-spacing: 0; border-collapse: collapse; } #productcontenttext table th { background: #D9D9D9; text-transform: uppercase; } #productcontenttext table th, #productcontenttext table td { padding: 10px; text-align: left; border: solid 1px #efefef; } h4.clickabove { color: #8F8F8F; float: left; font-size: 10px; font-weight: normal; padding: 10px 0; width: 100%; } .productBoxHolder { float: left; height: 372px; overflow: hidden; text-align: center; width: 401px; } #miniProductPhotoWrap { float: left; height: 90px; width: 100%; } #miniProductPhotoWrap .miniProductPhoto { float: left; margin: 4px; } #productpriceBox { width: 200px; } .producttext { font-family: 'museo_slab500'; font-style: normal; font-weight: normal; font-size: 20px; color: #000; /*width: 490px;*/ } #productinfo { float: left; width: 290px; margin-left: 37px; } #bgproductContent { float: left; clear: both; } #productPrice { color: #30C1FF; font-size: 24px; letter-spacing: 1px; } #productMFGnumber { color: #30C1FF; font-size: 22px; text-transform: uppercase; } #producttext { float: left; margin-bottom: 10px; width: 100%; } #productNameInfo { color: #1D1D1D; font-size: 15px; } .DIVOTitleFullDesc { color: #667b94; font-size: 16px; float: left; margin-bottom: 10px; width: 100%; } #prodSKU { color: #30C1FF; padding: 2px 0; font-size: 14px; width: 100%; float: left; } #productShortDesc { padding: 10px 0; color: #504f55; font-size: 12px; line-height: 24px; } .prodInfo .prodHeader { text-transform: uppercase; color: #30C1FF; padding: 2px 0; font-size: 12px; letter-spacing: 1px; float: left; width: 100%; } .prodInfo .detailProductLabels { font-size: 12px; width: 100%; padding: 7px 0; float: left; } .prodInfo strong, .prodInfo .na { float: left; font-size: 12px; padding: 7px 0; width: 100%; } .prodInfo, .helper { float: left; width: 100%; } #productShortDesc .detailProductLabels { color: #30C1FF; } /* RELATED PRODUCTS */ .RelatedProducts { float: left; background-color: #ffffff; width: 78%; border: 2px solid #000; } .RelatedProducts .prodDisplay { float: left; width: 23%; margin: 0 0 2% 2%; min-height: 150px; text-align: center; } .relatedBolt { position: relative; top: 13px; left: 0px; width: 14px; height: 47px; } #main .relatedProdsh4PD { background-color: #000000; color: #FFFFFF; font-size: 27px; height: 63px; margin-left: -20px; padding-bottom: 10px; padding-left: 35px; padding-top: 5px; text-transform: uppercase; width: 839px; z-index: 100; } .relatedProdWrap { float: left; width: 100%; } .prodDisplay .relatedProdImage { width: 179px; float: left; height: 122px; text-align: center; } .relatedProdWrap .relatedProdImageTable { width: 100%; height: 122px; display: table-cell; vertical-align: middle; width: 179px; } .prodDisplay a { color: #fff; } .relatedProdWrap .relatedProdImageTable img { max-width: 100%; } .prodDisplay .relatedProdName { float: left; font-size: 13px; text-transform: none; width: 90%; padding: 5%; } /* CAT PAGE */ #catDescTop { margin-top: 20px; padding-right: 45px; } #Products { float: left; width: 100%; } .CatPage #Products { /*border-top: 1px solid #B7B7B7;*/ position:relative;} .CatPage #Products .allTheProducts {margin: 0 0 20px;} /* ---------Products 5 rows----------- #Products .featuredProdWrap { float: left; margin: 13px; padding: 0; width: 170px; }*/ #Products .featuredProdWrap { float: left; margin: 13px 10px; padding: 0; width: 219px; min-height: 320px; } .AdvancedResults #Products .featuredProdWrap {margin: 13px 10px;} .prodDisplay { width: 31%; float: left; margin-top: 3%; margin-left: 2%; margin-right: 0%; min-height: 400px; } .prodDisplay .prodWrap { float: left; margin-bottom: 20px; width: 80%; } .prodDisplay .prodName { margin-bottom: 1%; margin-top: 5%; padding: 1%; text-align: left; width: 100%; float: left; } .prodDisplay .prodName a { font-size: 15px; width: 100%; color: #000000; text-decoration: none; float: left; } .prodDisplay .addToCart { float: left; font-size: 12px; font-weight: 700; margin-left: 0; margin-top: 0; transition: all 0.3s ease 0s; width: 170px; background: none repeat scroll 0 0 #000000; color: #FFFFFF; position: relative; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .prodDisplay .addToCart .checkout { background: none; } .prodDisplay .prodName a:hover { color: #AAA; } .prodDisplay .ProdImage { width: 100%; float: left; text-align: center; height: 180px; } .prodDisplay .ProdImageTable { width: 240px; height: 180px; vertical-align: middle; display: table-cell; } .prodDisplay .prodCatDetails { float: left; width: 100%; } .prodDisplay .ProdSalePrice { color: #8c8c8c; font-size: 14px; margin-top: 9px; float: left; text-decoration: line-through; text-transform: uppercase; width: 100%; } .prodDisplay .ProdPrice { color: #0b0b0b; width: 100%; float: left; font-size: 25px; } .prodDisplay .ProdSavings { color: #AAA; width: 100%; float: left; font-size: 16px; } .prodDisplay .Quantity { float: left; font-family: 'Source Sans Pro'; font-size: 14px; font-weight: 700; margin: 14px 4px 0px auto; text-transform: uppercase; } .prodDisplay .FeaturedQty { width: 25px; border: none; float: left; height: 21px; margin-top: 4px; margin-left: 4px; padding-left: 5px; background: #fff; } .prodDisplay .cartholder { text-transform: uppercase; float: left; width: 100%; transform: skew(-15deg); -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); } .prodDisplay .addToCart a.buyProduct { color: #fff; text-decoration: none; float: left; width: 81%; text-align: center; height: 100%; line-height: 29px; width: 78%; } .prodDisplay .addToCart:hover { background: #aaa; transition: all .3s ease; cursor: pointer; } /* CART CHECKOUT */ .cart { width: 100%; } .cartTable2 { float: left; width: 100%; border-collapse: collapse; } .cartHeaders { color: #000; font-size: 16px; height: 40px; margin-top: 7px; margin-bottom: 7px; text-align: center; font-weight: normal; background: #CAD1DA; } .cartHeaders th { font-weight: normal; border-bottom: 1px solid #CAD1DA; } .cartTable2 td { border: 1px solid #CAD1DA; } .cartTable2 td.cartImage { border-right: none; width: 144px; vertical-align: middle; } .cartTable2 td.cartName { border-left: medium none; text-align: left; vertical-align: middle; width: 309px; } .cartTable2 .prodName { font-weight: normal; line-height: 16px; margin-left: 14px; text-align: left; margin-top: 9px; } .cartTable2 td.cartQty { padding-left: 20px; text-align: left; vertical-align: top; border-left: none; border-right: none; } .cartTable2 td.cartPrice { border-right: none; } .cartQty .remove { float: left; margin-left: 0; width: 28%; color: #AAA; font-size: 11px; letter-spacing: 1px; padding: 4px 0; position: relative; text-align: center; text-transform: uppercase; transform: skew(-15deg); transition: all 0.3s ease 0s; } td.cartQty input { float: left; height: 25px; margin-left: 4px; margin-right: 13px; margin-top: 0; padding-left: 5px; width: 25px; z-index: 100; } .cartUpdate { background-color: #AAA; border: medium none; color: #FFFFFF; float: left; height: 100%; line-height: 25px; text-align: center; text-decoration: none; width: 30%; } .cartUpdate:hover { background: #000; } .cartQty .icon { font-size: 14px; margin-right: 4px; } #cartWrapper { float: left; padding: 0 20px; width: 95%; } #cart { float: left; } .COzipCode { float: left; margin-top: 9px; margin-right: 10px; } #ZipCodeBox { width: 75px; border: None; float: left; } #COzipsubmit.submit { background: #000; margin-top: 0px; } #codeSubmitBtn { float: left; margin-left: 10px; margin-top: 6px; } #couponCode { float: left; } #shippingEstimate { background: #AAA; float: right; min-height: 150px; padding: 14px; width: 289px; } #shippingEstimate hr { background: #fff; border: none; height: 2px; margin: 10px 0; width: 100%; } .shippingIcon { float: left; margin-right: 5px; } .checkoutQuantityCouponShipping { float: left; padding: 1.5%; background: #CAD1DA; width: 45%; } #couponCodeBox { float: left; width: 98%; } #couponCodeBox .editor-field01 { width: 74%; } #updateQtyBtn span { float: left; margin-top: -4px; margin-left: -4px; } #shippingEstimateBox { float: left; background: #AAA; padding: 14px; } .memberCheck { float: left; margin-top: 7px; width: 65%; } .memberCheck .checkout { width: auto; width: 65%; } #updateQtyBtn { clear: left; float: left; width: 30%; cursor: pointer; } .checkOutMember { float: left; margin-left: 10px; margin-top: 7px; padding: 10px; width: 46%; } .headingNewCust { float: left; } .CheckoutLink a { float: left; } .CheckoutLink a:hover { float: left; } .checkoutGuest { float: left; margin-top: 7px; padding: 10px; width: 45%; } #subWDiscount { font-size: 24px; color: #000; } #mainContent .checkOutMember p, #mainContent .checkoutGuest p { font-family: Arial; font-size: 13px; font-style: normal; margin-top: 10px; } /* Checkout Step Three ==================================== */ .newsletterSignUp select {background: #f1f1f1; border: 1px solid #c6c6c6; margin: 10px 0; padding: 5px 2.5%;} #checkoutStep3 .checkoutExtras .newsletterSignUp .newsletterHeader {color:#222; display: inline-block; font-size: 14px; font-weight: bold; padding: 0 5px 0 0;} .newsletterSignUp label {color: #4e4e4e; font-size: 13px; display: inline-block; margin: 0 10px 0 0;} .printCatalog {display:block; float:left; margin-top:25px;} #checkoutStep3 .checkoutExtras .printCatalogHeader {font-weight:bold; font-size:14px; color:#222;} .cartDetails { text-align: center; } #mainContent .cartDetails ul li { background: none; text-align: left; font-weight: normal; color: #9E9B8A; } #mainContent .cartDetails .prodName { font-weight: normal; text-align: left; } #mainContent .cartDetails ul { margin: 0; padding: 0; } #mainContent .cartDetails ul li { margin: 0; padding: 0; } .checkoutStep2 .heading { font-weight: normal; } .cartDetails td { border-bottom: 1px solid #CAD1DA; border-top: none; padding-top: 10px; padding-bottom: 10px; } #main .cartRight { float: right; margin-top: 0px; text-align: right; width: 34%; margin-left: 0px; } #main #shippingEstimate { float: left; width: 100%; } #main #shippingEstimate #Total { font-size: 25px; } #main #subtotal { font-size: 18px; } #main h4.shippingEstimateTitle { margin-left: 0px; margin-bottom: 4px; color: #2A363B; } .member-only { float: right; height: 140px; text-align: center; width: 200px; } #main .member-only h4 { margin-left: 0px; margin-top: 40px; } .guest-checkout { float: right; height: 140px; text-align: center; width: 200px; } #main .guest-checkout h4 { margin-left: 0px; margin-top: 40px; } #shippingCalc { float: left; margin-left: 1px; margin-bottom: 22px; width: 100%; } #SIinnerCO { margin-left: 35px; font-size: 15px; } /* ACCOUNT */ #signup { padding: 15px; margin: 0 auto; } #signup .editor-label { padding-left: 2px; margin-bottom: 4px; display: block; float: left; width: 100%; } .ScreenName { border: 1px solid #CAD1DA; clear: left; color: #FA9016; float: left; font-style: italic; height: 25px; width: 100%; } #signup .editor-label label { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #474747; } #signup .editor-label01 { color: #201626; display: block; float: left; font-size: 14px; letter-spacing: 0; line-height: 28px; margin-bottom: 4px; margin-right: 10px; padding-left: 2px; width: 100%; } #signup .editor-field { display: block; height: 28px; margin-bottom: 8px; float: left; margin-right: 10px; width: 50%; } #signup .editor-field input { border: 1px solid #A09FA9; padding-left: 10px; float: left; margin-bottom: 5px; display: block; margin: 0 auto; color: #3E3629; } .signUpHelper { color: #667B94; display: block; float: left; font-size: 11px; margin-top: 10px; width: 100%; } .field-validation-error { color: #cc0000; font-size: 11px; } .nevermind { font-size: 11px; margin-top: 11px; float: left; width: 100%; } #sortOrder { color: #32459D; float: left; font-size: 13px; letter-spacing: 1px; line-height: 25px; margin: 7px 14px; } .sortOrderDrop { background: url("/Content/images/down_arrow_select.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #A09FA9; height: 25px; overflow: hidden; width: 240px; margin-left: 10px; float: right; } #sortOrder select { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #B4B4B4; border-radius: 0; color: #222222; float: left; font-size: 13px; margin-left: -3px; margin-top: 2px; min-width: 154px; padding: 2px; text-transform: none; } /* .pager a, .pager .selected { margin-left: 12px; text-decoration: none; } .pager a:hover { color: #FFFFFF; } .pager { background: none repeat scroll 0 0 #000000; clear: right; color: #FFFFFF; float: right; font-size: 14px; font-weight: normal; height: 18px; margin-right: 40px; margin-top: 7px; padding: 5px; } .current { margin-left: 12px; } */ #containerPagerOrder { display: inline-block; float: left; padding: 0; } #containerPagerOrder select {padding: 4.5px 7px;} #containerPagerOrder span {display: block;} #leftContentContainer { float: left; width: 24%; } .CAcityInputs { display: block; float: left; margin-right: 5px; margin-top: 10px; } #billingandshipping { float: left; color: #484848; } .save { padding: 2px 4px; color: White; border: none; cursor: pointer; } #AddressState_Province { margin-top: 1px; } #accountBillingAddressH4 { color: #474747; margin-top: 12px; font-size: 14px; } #accountShippingAddressH4 { color: #474747; margin-top: 12px; font-size: 14px; } #bodyWrapper { clear: both; padding-top: 27px; } .md-close { background: url(/Content/images/quickViewClose.jpg) top center no-repeat; border: none; text-indent: -999999px; overflow: hidden; width: 74px; height: 20px; cursor: pointer; position: absolute; top: 14px; right: 17px; } .md-close:hover { background: url(/Content/images/quickViewCloseO.jpg) top center no-repeat; } /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .md-perspective, .md-perspective body { height: 100%; overflow: hidden; } .md-perspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .container { background: #e74c3c; min-height: 100%; } /*.md-modal { position: fixed; border:solid 4px #000; top: 50%; left: 50%; width: 800px; height:579px; height: auto; z-index: 999; visibility: hidden; padding:50px; background:#fff; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .md-modal { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #555555; height: auto; left: 50%; top: 100%; padding: 25px; position: absolute; visibility: hidden; width: 750px; z-index: 999; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }*/ .md-modal { background: #FFFFFF; border: 1px solid #636363; height: auto; max-height: 80%; overflow-y: scroll; left: 50%; padding: 25px 20px 25px 25px; position: fixed; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); visibility: hidden; width: 750px; z-index: 99999; box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.45); border-radius: 6px; /*-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;*/ } #modal-2 {display: none; background: url(/Content/images/modal2BG.jpg) center center no-repeat #fff;} #modal-2.md-show {display: block;} #modal-2 #md-close2 {background: #F44046; color: #fff; border: 1px solid #C00209; border-radius: 5px; font-weight: bold; padding: 2px; position: absolute; top: 15px; right: 15px; transition: all 0.2s ease;} #modal-2 #md-close2:hover, #modal-2 #md-close2:active {background: #C00209; border: 1px solid #F44046; cursor: pointer; transition: all 0.2s ease;} #modal-2 .loginPartial {width: 520px; margin: 0 auto 10px;} #modal-2 .leftBlock {float: left; width: 250px;} #modal-2 .rightBlock {float: right; width: 250px; margin: 19px 0 0;} #modal-2 .loginPartial .loginSubHeader {color: #32459D; display: block; font-size: 20px; line-height: 30px; font-weight: 700; width: 100%; margin: 0 0 15px;} #modal-2 .loginPartial .loginItem {margin: 0 0 10px;} #modal-2 .loginPartial .loginItem input[type="text"], #modal-2 .loginPartial .loginItem input[type="password"] { background: #f1f1f1; border: 1px solid #c6c6c6; padding: 5px 2.5%; transition: all 0.3s ease 0s; width: 94%; } #modal-2 .loginPartial .loginItem input[type="text"]:focus, #modal-2 .loginPartial .loginItem input[type="password"]:focus {border: 1px solid #253b7c; background: #fff; transition: all 0.3s ease 0s;} #modal-2 .loginPartial .loginButton {margin: 0 0 20px;} #modal-2 .loginPartial .loginButton button, #modal-2 .createLogin .createButton { background: #db9a00; border: 1px solid #c18905; border-radius: 5px; color: #fff; cursor: pointer; font-size: 13px; font-weight: 600; letter-spacing: 1px; padding: 4px 8px; text-transform: uppercase; transition: all 0.3s ease 0s; } #modal-2 .createLogin .createButton {display: block; text-decoration: none; text-align: center;} #modal-2 .loginPartial .loginButton button:hover, #modal-2 .loginPartial .loginButton button:active, #modal-2 .createLogin .createButton:hover, #modal-2 .createLogin .createButton:active {background: #253b7c; border: 1px solid #131f41; transition: all 0.3s ease 0s;} #modal-2 .loginPartial .loginButton a { color: #222; font-size: 11px; font-style: italic; line-height: 30px; padding: 0 10px; text-decoration: none; transition: all 0.3s ease 0s;} #modal-2 .loginPartial .loginButton a:hover, #modal-2 .loginPartial .loginButton a:active {color: #85b100; transition: all 0.3s ease 0s;} #modal-2 .rightBlock .loginSub {padding: 20px; width: auto; font-weight: 400; color: #000; font-size: 14px; line-height: 20px;} #md-maincontent { float: left; margin-top: 15px; /*max-height: 680px; overflow-x: hidden;*/ width: 100%; /*padding-right: 5px;*/ } #gc_QuickView, #gc_QProductMain, #gc_QProductMain, #gc_ProductBG { float: left; width: 100%; } #gc_QProductImageHolderLeft { float: left; width: 216px; height: 216px; margin-top: 5px; overflow: hidden;} #gc_QProductImageHolderLeft a {display:block;} .gc_QuickViewImg { width: 100%; } #gc_QProductInfoWrapper { float: right; margin: 0px; width: 480px; } .gc_QuickViewHeader { float: left; width: 100%; color: #D10E15; font-weight: 700; font-size: 17px; } .gc_QuickViewHeader a{color:inherit;text-decoration:none;} .gc_QuickViewHeader a:hover,.gc_QuickViewHeader a:focus,.gc_QuickViewHeader a:active{text-decoration:underline;} #gc_Producttext { float: left; width: 100%; margin-top: 8px; } #modal-2 .gc_QuickViewHeader .prodName, #modal-2 .gc_QuickViewHeader .gc_ProductSKU {display: inline-block; float: left} #modal-2 .gc_QuickViewHeader .prodName {line-height: 28px; margin: 0 20px 0 0;} #modal-2 #gc_QProductImageHolderLeft {height: 290px; overflow: hidden;} #modal-2 .gc_ShareInput {} #modal-2 .emailTo {margin: 20px 0;} #modal-2 .shareMessage {margin: 20px 0;} #modal-2 .sendCopyDiv {display: inline-block; margin: 0 25px 0 0;} #modal-2 .gc_ShareInput input[type="submit"] {background: #db9a00;border: 1px solid #c18905;border-radius: 5px;color: #fff;display: inline-block;font-size: 13px;font-weight: 600;letter-spacing: 1px;padding: 4px 10px;text-decoration: none;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease 0s;} #modal-2 .gc_ShareInput input[type="submit"]:hover, #modal-2 .gc_ShareInput input[type="submit"]:active {background: #253b7c; border: 1px solid #131f41; transition: all 0.3s ease 0s;} #modal-2 label span {font-weight: bold; font-size: 14px; line-height: 20px;} #modal-2 label span.charsLeft {margin: 0 0 0 20px; font-weight: normal; color: #444;} #modal-2 .hint {display: block; width: 100%; font-size: 12px; line-height: 16px; margin: 5px 0;} #modal-2 textarea {font-family: inherit; border: 2px solid #bfbfbf; border-radius: 4px; color: #333; font-size: 16px; line-height: 20px; min-height: 60px; max-height: 80px; padding: 7px;} #modal-2 textarea:focus {border:2px solid #577104;} #gc_Producttext button { float: left !important; margin: 10px 0 !important; /*background: #FFFFFF; border: 2px solid #577104; border-radius: 19px; color: #577104; text-transform: uppercase; font-size: 11px; font-weight: 500; height: 28px; letter-spacing: 2px; line-height: 20px; padding: 0 5px; margin: 0 5px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ } #gc_Producttext button:hover, #gc_Producttext button:active {/*background: #EEEEEE; color: #333; border-color: #C01118;*/} #gc_Producttext button .fa {display: inline-block; vertical-align: top; line-height: 30px; margin: -2px 0 0; font-size: 16px; padding: 0 10px 0 0;} #gc_Producttext button .qvText {display: inline-block; vertical-align: top; float: none; line-height: 30px; margin: -2px 0 0;} #gc_Producttext .fb-like {margin: 4px 15px 4px 0;} #gc_Producttext .socialShareButtons {clear: both;} #gc_Producttext .pinterest-pin {display: inline-block;position: relative;margin: 4px 15px 4px 0;} #gc_Producttext .twitter-tweet {display: inline-block;position: relative;margin: 4px 0;} #gc_Producttext .customerServiceNumber {font-style: italic;float: right;line-height: 28px;font-size: 14px;} #gc_Producttext .customerServiceNumber .tel{font-weight:bold;} .gc_ProductSKU { float: left; color: #263B7C; font-size: 14px; line-height: 28px; letter-spacing: 1px; font-weight: 600; } .gc_ProductSKU a{color:inherit;text-decoration:none;} .gc_ProductSKU a:hover,.gc_ProductSKU a:focus,.gc_ProductSKU a:active{text-decoration:underline;} .gc_ProductReviewSummary { float: left; margin: 0 0 0 12px; } #gc_QProductMain .rateStars { float: left; width: auto; /*margin-top: -2px;*/ } #gc_QProductMain .rateStars span {float: none; margin: 0; display: inline-block; vertical-align: middle;/*float: left; margin-left: 3px;*/ } #gc_QProductMain .rateStars span#reviewScore { font-weight: 700; font-size: 12px; color: #111; letter-spacing: 1px; margin-left: 8px; display: inline-block; vertical-align: middle;} #gc_QProductMain .rateStars span#numReviews { color: #333; font-size: 11px; letter-spacing: 1px; display: inline-block; vertical-align: middle;} .gc_ProductDetails { font-size: 13px; color: #222; float: left; width: 100%; line-height: 20px; margin-top: 9px; } .gc_ProductDetails b { font-size: 12px; } #gc_ProdfrequentPurchase { float: left; width: 100%; } .freqMainProduct { background: none repeat scroll 0 0 #E2E2E2; float: left; margin-top: 12px; padding: 13px 13px 4px; width: 160px; } .CartSummary .featuredProdHeading { font-size: 12px; line-height: 17px; min-height: 0; padding: 0; width: 100%; } .CatPage .featuredProdDetails .featuredProdSKUnum, .Home .featuredProdDetails .featuredProdSKUnum { font-weight: 600; margin-top: 4px; text-align: center; } .plusSign { height: 23px; width: 23px; background: url(/Content/images/purchasedWithPlus.jpg) no-repeat; float: left; margin: 95px 0 0 15px; } .freqRot { float: left; margin-top: 12px; width: 756px; } .productDetailsB .freqRot { width: 540px; } .productDetailsB .freqRot .jcarousel-container-horizontal {width: 510px;} .productDetailsB .freqMainProduct { padding: 5px; } .productDetailsB .plusSign { margin: 95px 0 0 5px; /*11px;*/ } #FrequentlyPurchasedWith { float: left; /*width: 756px;*/ } .CartSummary #FrequentlyPurchasedWith { float: left; width: 700px; /*711px;*/ } #FrequentlyPurchasedWith .featuredProdHeading {height:40px;} #FrequentlyPurchasedWith ul { margin: 0; padding: 0; width: 20000em; height: 296px; overflow: hidden;} #FrequentlyPurchasedWith ul li { background: none; margin: 0; /*13px 6px 0;*/ padding: 0; width: 174px; /*164px;*/ } .productDetailsB #FrequentlyPurchasedWith ul li { /*margin: 13px 4px;*/ height: 270px; float: left; } #FrequentlyPurchasedWith .featuredProdWrap { padding: 5px; } #FrequentlyPurchasedWith .featuredProdImage { height: 161px; } #FrequentlyPurchasedWith .ProdImgHoverOverlay, #FrequentlyPurchasedWith .featuredProdImageTable { width: 164px; } #FrequentlyPurchasedWith .featuredProdDetails { min-height: 36px; } #FrequentlyPurchasedWith .ProdImgHoverOverlay { /*background: url(/Content/images/prodHoverOverlay.png) repeat top center;*/ } #FrequentlyPurchasedWith .featuredProdSKUnum { color: #B7080F; margin-top: 2px; text-align: center; } .productDetailsB #freqnext {margin: 71px -10px /*-25px*/ 0px 0px;} #freqnext { float: right; height: 50px; margin: 71px 22px 0 0; width: 31px; display: block; } #freqnext a { background: url("/Content/images/featuredProductsNext.jpg") no-repeat scroll center top #FFFFFF; display: block; height: 50px; width: 31px; } .giftCardCheckoutUpsell { float: left; width: 605px; margin-top: 50px; } .giftCardHeadlineUpsell { float: left; width: 100%; } #giftCardJungTitle { float: left; width: 64px; height: 48px; background: url(/Content/images/headerLogoReviews.jpg) top left no-repeat; display: block; } #GCUStitle { color: #E71E28; display: block; float: left; font-size: 20px; font-weight: 700; height: 48px; line-height: 42px; margin: 0 0 0 8px; } #underlineGCUS { background: #CFCFCF; float: left; height: 1px; margin: -5px 0 0 22px; width: 567px; } .gcHeadline { float: left; } #fullGiftCertificateBtn { display: block; float: left; font-size: 15px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; width: 244px; position: relative; margin-top: -29px; } #miniGCfullIcon { float: left; margin-right: 12px; width: 80px; } .JGClabel { border-bottom: 1px solid #B7080F; float: left; height: 19px; margin-top: 18px; } .JGClabelTitle { color: #6F6F6F; display: block; float: left; font-size: 11px; font-style: italic; font-weight: normal; letter-spacing: 0.5px; position: relative; text-transform: none; } /* Gift Certificate Upsell styles ================================= */ .giftCardCheckoutUpsell #gc_ProductMainImgArea { margin-top: 0; width: 251px; overflow: hidden; } .giftCardCheckoutUpsell #gc_ProductImageHolderLeft { height: 100%; width: 100%; margin-top: -8px; } .giftCardCheckoutUpsell #gc_ProductImageHolderLeft img { float: left; } .giftCardCheckoutUpsell #gc_ProductMainDetailsArea { margin-left: 17px; margin-top: 5px; width: 319px; } #giftCardPricingSec { float: left; background: #E3E3E3; padding: 15px; width: 289px; } .GCUStitleSpan { float: left; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; margin-top: 10px; } .GCUSInputArea { float: left; margin-top: 9px; } .enterAmount { float: left; margin-left: 10px; } .GCpriceStrong { float: left; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; } .GiftCertDollar, .GiftCertMessage{display:block; float:left; width:100%; height:auto;} .GiftCertDollar label, .GiftCertMessage label{display:block; float:left; width:100%; height:auto; margin-top:10px; display:block;} .GiftCertDollar #GiftAmount{float:none; display: inline-block; vertical-align: middle; padding:0 0 0 5px; margin:0 auto; text-align: center;} .giftCertMidText{display:block; line-height:30px; margin-left:5px; float:left;} .priceWrap {display: inline-block; float: left; margin: 0 10px 0 0;} .priceWrap .amtLabelText {font-weight: 700; font-size: 18px; display: inline-block; vertical-align: middle;} #mainContent .giftCert {margin: 20px 0; font-size: 14px;} #GCSample{/*float:left;*/ margin:0 auto; margin-top:20px; clear:both; display: block; max-width: 100%;} #GiftAmount { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #B3B3B3; float: left;font-size: 16px; font-weight: 700; height: 30px; margin: -6px 2px 0 3px; padding: 0 4px 0 0; } .GCUSSmallText { color: #555555; float: left; font-size: 11px; font-style: italic; letter-spacing: 1px; margin-left: 2px; margin-top: 1px; width: 100%; } #GiftMessage { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #B3B3B3; float: left;height: 30px; margin: 4px 0 0 0; padding: 0 0px 0 5px; width: 280px; } .GCUSdefaultText { float: left; font-size: 12px; margin-top: 5px; width: 100%; } .addCertificate { float: left; } #mainContent .addCertificate { border: 1px solid #8F0F0F; border-radius: 5px; color: #FFFFFF; cursor: pointer; float: right;font-size: 13px; font-weight: 700; letter-spacing: 1px; margin-right: 8px; margin-top: 19px; padding: 8px 11px 9px; text-decoration: none; text-transform: uppercase; background: -webkit-linear-gradient(#F44046, #C00209); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#F44046, #C00209); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F44046, #C00209); /* For Firefox 3.6 to 15 */ background: linear-gradient(#F44046, #C00209); /* Standard syntax */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent .addCertificate:hover { background: #DB9A00; border-color: #C18905; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #GiftAmount:focus, #GiftMessage:focus { border-color: #000000; background: #f2f2f2; } #AddGCToCart{float:left; width:100px; text-align:center; margin:0 auto; margin-top:10px;} .CartSummary .featuredProdDetails .featuredProdSKUnum { text-align: center; } .buyProduct .prodPurchase { background: #DBDBDB; border: none; color: #000000; float: left;font-size: 16px; font-weight: 700; height: 31px; text-align: center; width: 50px; } .featuredProdDetails .featuredProdSKUnum { color: #B7080F; margin-top: 0; font-size: 12px; letter-spacing: 1px; text-align: center; } .AdvancedResults .featuredProdDetails .featuredProdSKUnum {text-align: center;} .buyProduct .prodPurchaseSelect { background: #DBDBDB; border: medium none; color: #000000; float: left;font-size: 14px; font-weight: 600; letter-spacing: 0.5px; min-width: 117px; padding: 3px; text-align: center; margin-right: 5px; margin-top: 2px; } .buyProduct .prodPurchaseSubmit { /*float: left; margin-left: 5px; border: 1px solid #8F0F0F; border-radius: 5px; color: #FFFFFF; cursor: pointer;font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 4px 9px 5px; text-transform: uppercase; background: -webkit-linear-gradient(#F44046, #C00209); background: -o-linear-gradient(#F44046, #C00209); background: -moz-linear-gradient(#F44046, #C00209); background: linear-gradient(#F44046, #C00209);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; */} .buyProduct .prodPurchaseSubmit:hover { /*background: #DB9A00; border-color: #C18905; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ } #youMayAlsoLike .featuredProdDetails .featuredProdSKUnum{text-align:center;} #gc_ProductpurchaseInfo { float: left; width: 100%; margin: 12px 0 5px 0; } #gc_ProdBottomInfo { float: left; width: 100%; margin-top: 0px; } #gc_QuickView #gc_ProdBottomInfo { margin-top: 20px; } .productDetailsB #gc_ProdBottomInfo { width: 740px; } #gc_ProdRecentlyViewed { float: left; width: 100%; /*75.6%;*/ display: block; margin: 10px 0; } .gc_sectionHeader { background: url("/Content/images/featuredSomethingBG.jpg") no-repeat right #263B7C; color: #FFFFFF; float: left; font-size: 15px; font-weight: 700; height: 29px; letter-spacing: 1px; line-height: 29px; width: 98%; padding-left: 2%; } .gc_sectionHeaderRec { background: url("/Content/images/topSellersBG.jpg") no-repeat right #DB9A00; color: #FFFFFF; float: left; font-size: 15px; font-weight: 700; height: 29px; letter-spacing: 1px; line-height: 29px; width: 98%; padding-left: 2%; } #gc_ProdRecentlyViewed .featuredProdWrap {float:left; width: 170px;/*23.5%;*/} .gc_ProdDisplayImgHolderAnchor { float: left; width: 100%; display: block; } #gc_ProdRecentlyViewed .featuredProdImage { float: left; width: 150px; margin-left: 10px; } #gc_ProdRecentlyViewed .featuredProdImageTable { display: table-cell; height: 150px; text-align: center; vertical-align: middle; width: 150px; } #gc_ProdRecentlyViewed .featuredProdDetails { float: left; width: 100%; /*margin: 5px 0 0 15px; width: 225px;*/} #gc_ProdRecentlyViewed .featuredProdHeading { color: #222222; font-size: 13px; letter-spacing: 0.3px; min-height: 0; padding: 0; /*text-align: left;*/ width: 100%; } #gc_ProdRecentlyViewed .centerAlign { float: left; /*margin-left: 115px; margin-top: -33px;*/ text-align: center; width: 100%; } #gc_ProdRecentlyViewed .gc_ProdDisplayImgHolderAnchor:hover .ProdImgHoverOverlay { opacity: 1; } #gc_ProdRecentlyViewed .gc_ProdDisplayImgHolderAnchor:hover .featuredProdHeading { color: #D10E15; } #gc_ProdRecentlyViewed .ProdImgHoverOverlay { /*background: url(/Content/images/relatedQuickHoverHover.png) top center repeat; width: 100px;*/ } .giftCertificate { border: 1px solid #c6c6c6; background: #f0f0f0; padding: 10px; } .giftCertificate th { width: 20%; padding: 2.5%; } .giftCertificate td { width: 70%; padding: 2.5%; } .giftCertificate .enterAmount { display: block; width: 100%; font-size: 16px; } .giftCertificate .enterAmount input[type="text"] { padding: 5px; border: 1px solid transparent; background: #dbdbdb; color: #222; font-family: inherit; font-size: inherit; font-weight: bold; margin: 0 0 0 5px; transition: all 0.3s ease; } .giftCertificate .enterAmount input[type="text"]:focus { background: #fff; color: #000; border: 1px solid #253b7c; transition: all 0.3s ease; } .giftCertificate input.giftMessage { padding: 5px; border: 1px solid transparent; background: #dbdbdb; color: #222; font-family: inherit; font-size: inherit; width: 95%; transition: all 0.3s ease; } .giftCertificate input.giftMessage:focus { background: #fff; color: #000; border: 1px solid #253b7c; transition: all 0.3s ease; } #mainContent .giftCertificate a.addCertificate { text-decoration: none; margin: 5px auto; display: block; width: 125px; text-align: center; border: 1px solid #8F0F0F; border-radius: 5px; color: #FFFFFF; cursor: pointer;font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 4px 9px 5px; text-transform: uppercase; background: -webkit-linear-gradient(#F44046, #C00209); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#F44046, #C00209); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F44046, #C00209); /* For Firefox 3.6 to 15 */ background: linear-gradient(#F44046, #C00209); /* Standard syntax */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContent .giftCertificate a.addCertificate:hover, #mainContent .giftCertificate a.addCertificate:active { background: #DB9A00; border-color: #C18905; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .GiftCertificate #mainContent h1 { float: left; margin: 20px 0 0 350px; width: 600px; } .GiftCertificate #gc_ProductMainDetailsArea { width: 600px; } .GiftCertificate #gc_Producttext, .GiftCertificate .gc_ProductDetails { margin-top: 0; } .singlePurchase { float: left; width: 100%; } .SizeCode { float: left; } .selectQty { float: left; height: 84px; width: 90px; background: #e0e0e0; margin-right: 5px; cursor: pointer; margin-bottom: 7px; border-radius: 8px; position: relative; } .selectQty.SizeUnavailable {opacity: 0.4;} .selectQty:hover .sizeCodeDesc { color: #D10E15; } .selectQty:hover .SizeClassSeedTape { opacity: 0.7; } .selectedDiv { cursor: default; } .selectedDiv:hover .sizeCodeDesc { color: #222222; } .typeLogo { color: #607108; float: left; font-size: 13px; letter-spacing: 1px; margin-left: 1px; text-transform: uppercase; width: auto; margin-right: 9px; border-bottom: 1px solid #C8C8C8; } #unavailPhoneContact { color: #263B7C; font-weight: 600; letter-spacing: 0.5px; } .unavailCallForHelp { color: #666666; float: left; font-size: 12px; font-style: italic; letter-spacing: 0px; width: 100%; font-weight: normal; text-transform: none; } .cart-descript-items {position: relative;} #PopulatedCartMini { display: block; position: absolute; right: 0; top: 20px; width: 320px; height: 0px; opacity: 0; z-index: 2000000; overflow: hidden; transition: all 0.2s ease; } #PopulatedCartMini .myMenu { border: 1px solid #ddd; padding: 30px 0 0; background: url(/Content/GenCart/images/checkout/cartHeadersBG.jpg) no-repeat scroll right top #fff; } .cart-descript-items:hover #PopulatedCartMini {height: auto; opacity: 1; transition: all 0.2s ease;} .mini-product-row {padding: 10px; background: #F1F1F1; border-bottom: 2px solid #fff;} .mini-product-image {width: 80px; height: 80px; display: block; float: left; margin: 0 10px 0 0;} .mini-product-image img {width: 100%; height: auto; display: block;} .mini-product-info {width: 200px; height: 80px; display: block; float: left;} .miniName {font-size: 15px; line-height: 20px; height: 40px; width: 100%; letter-spacing: 0.3px; color: #222;} .miniName .table {display: table; width: 100%; height: 100%;} .miniName .table .cell {display: table-cell; vertical-align: middle; text-align: left;} .mini-info-price, .mini-qty {font-size: 13px; line-height: 20px; letter-spacing: 0.3px; color: #222;} .mini-info-price .count, .mini-qty .count, #miniSubTotal .count {font-weight: 600; color: #B7080F;} #mini-cart-total-row {display: block; float: left; padding: 10px; width: 300px;} #mini-cart-total-row .aleft {display: block; float: left; width: 50%;} #mini-cart-total-row .aright {display: block; float: right; width: 45%; margin: 0 0 0 5%;} #miniSubTotal {display: block; font-weight: bold; line-height: 28px; color: #222; letter-spacing: 0.3px; text-transform: uppercase;} .wrap100 { /*border-bottom: 1px solid #C8C8C8;*/ float: left; margin-bottom: 4px; padding: 0 3px; width: auto; min-width: 185px; } .seedsPerPacket { color: #7C7C7C; float: left; font-size: 11px; font-style: italic; letter-spacing: 1px; margin: 2px 10px 0px 0px; text-transform: uppercase; } .availToPurchase { float: left; } #miniPopInfo { float: left; font-size: 12px; letter-spacing: 0px; line-height: 23px; text-align: right; /*width: 146px;*/ cursor: pointer; } #miniPopInfo:hover { color: #C01118; } .cartPopGreen { color: #577104; } #cartPopArrowDown { float: right; margin-left: 6px; margin-right: 2px; margin-top: 9px; } .unavailProdPrice { color: #D10E15; float: left; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin-top: 11px; text-transform: uppercase; width: 100%; } .unavailCallForHelp a { color: #223778; } .unavailCallForHelp a:hover { color: #607108; } .purchaseAmounts2 { float: left; margin-left: 1%; width: 99%; } .purchaseAmounts { color: #555555; float: left; font-size: 12px; font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; width: 100%; font-style: normal; } .priceQty { float: left; font-size: 13px; letter-spacing: 0.5px; width: 100%; } /*.buyProduct { float: left; margin-left: 0px; margin-top: 13px; }*/ .wishListButton {display: inline-block; margin: 13px 0 0 15px; line-height: 30px; transition: all 0.3s ease;} .wishListButton:hover, .wishListButton:active {color: #B7080F; transition: all 0.3s ease;} select.prodPurchaseSelect { float: left; } .numberForPriceBold { float: left; font-weight: 600; } .tinyFor { color: #333333; float: left; font-size: 11px; letter-spacing: 1px; line-height: 19px; margin: 0 10px; } .littleWidth { min-width: 21px; text-align: right; } #gc_ProductSpecs { float: left; width: 100%; margin: 0 0 25px;} #gc_QProductMain .detailsSection { float: left; margin-right: 4%; margin-top: 15px; width: 46%; } #gc_QProductMain .gc_spec { float: left; margin-bottom: 6px; width: 100%; } .specName { float: left; font-size: 12px; letter-spacing: 0.5px; padding-left: 1%; margin-right: 7px; } .specDetail { color: #223778; float: left; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; margin-left: 3px; text-transform:lowercase; text-transform:capitalize} .detailsSection {float: left;margin-right: 2%;width: 48%;} .detailsSection .restrictedShipping {border: 1px solid #607108; background: #f4fbcb; border-radius: 3px; width: 96%;} .detailsSection h3 { border-bottom: 1px solid #BDBDBD; font-size: 14px; font-style: italic; font-weight: 600; letter-spacing: 1px; padding-bottom: 4px; padding-left: 1%; width: 99%; color: #607108; margin: 0 0 7px 0; } .md-show { visibility: visible; } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 99998; opacity: 0; background: rgba(0,0,0,0.6); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show ~ .md-overlay { opacity: 1; visibility: visible; } /* Content styles */ .md-content { color: #fff; background: #e74c3c; position: relative; border-radius: 3px; margin: 0 auto; } .md-content h3 { margin: 0; padding: 0.4em; text-align: center; font-size: 2.4em; font-weight: 300; opacity: 0.8; background: rgba(0,0,0,0.1); border-radius: 3px 3px 0 0; } .md-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em; } .md-content > div p { margin: 0; padding: 10px 0; } .md-content > div ul { margin: 0; padding: 0 0 30px 20px; } .md-content > div ul li { padding: 5px 0; } .md-content button { display: block; margin: 0 auto; font-size: 0.8em; } /*------------------------------------*\ NAV \*------------------------------------*/ #newsLetterSignUp { clear: both; } .removeItem { max-width: 20px; cursor: pointer; } .quickViewImage { float: left; width: 75px; padding-right: 15px; } #gc_cart tr { min-height: 80px; } .sizeClass {height: 50px; width: 50px; margin: 5px 20px 0;} .SizeClassSeedDisk { background: url("/Content/images/SizeClassSeedDisk.jpg") no-repeat scroll center top #fff; } .SizeClassSeedTape { background: url("/Content/images/SizeClassSeedTape.jpg") no-repeat scroll center top #fff; } .SizeClassLiquid { background: url("/Content/images/SizeClassLiquid.jpg") no-repeat scroll center top #fff; } .SizeClassBag { background: url("/Content/images/SizeClassBag.jpg") no-repeat scroll center top #fff; } .SizeClassFeet { background: url("/Content/images/SizeClassFeet.jpg") no-repeat scroll center top #fff; } .SizeClassSmBag { background: url("/Content/images/SizeClassSmBag.jpg") no-repeat scroll center top #fff; } .SizeClassPlant { background: url("/Content/images/SizeClassPlant.jpg") no-repeat scroll center top #fff; } .SizeClassSet { background: url("/Content/images/SizeClassSet.jpg") no-repeat scroll center top #fff; } .SizeClassSeed { background: url("/Content/images/SizeClassSeed.jpg") no-repeat scroll center top #fff; } .SizeClassPellet { background: url("/Content/images/SizeClassPellet.jpg") no-repeat scroll center top #fff; } .SizeClassTime { background: url("/Content/images/SizeClassTime.jpg") no-repeat scroll center top #fff; } .SizeClassBulb { background: url("/Content/images/SizeClassBulb.jpg") no-repeat scroll center top #fff; } .SizeClassTree { background: url("/Content/images/SizeClassTree.jpg") no-repeat scroll center top #fff; } .SizeClassGeneric { background: url("/Content/images/SizeClassGeneric.jpg") no-repeat scroll center top #fff; } /* Generic for blank options - no background image */ .SizeClass { } .sizeCodeDesc { width: 100%; height: 26px; float: left; text-align: center; text-transform: uppercase; letter-spacing: 0.5px; font-size: 11px; line-height: 11px; color: #222; } .sizeCodeDesc .table {display: table; width: 100%; height: 100%;} .sizeCodeDesc .table .cell {display: table-cell; vertical-align: middle; text-align: center;} .selectedImg { background: url("/Content/images/selectedIcon.png") no-repeat scroll center top; display: block; height: 50px; margin: -55px 0 0 20px; position: absolute; width: 50px; } .sunTo { float: left; font-size: 11px; margin: 2px 2px 0 4px; } .sun1 { background: url("/Content/images/LightRequirements1.gif") top center no-repeat; width: 23px; height: 23px; float: left; } .sun2 { background: url("/Content/images/LightRequirements2.gif") top center no-repeat; width: 23px; height: 23px; float: left; } .sun3 { background: url("/Content/images/LightRequirements3.gif") top center no-repeat; width: 23px; height: 23px; float: left; } @media only screen and (min-width: 640px) and (max-width: 999px) { .md-modal { width: 555px; } #gc_QProductImageHolderLeft { width: 180px; height: 180px; } #gc_QProductInfoWrapper { float: right; width: 325px; margin-left: 0;} .gc_ProductDetails { font-size: 12px; line-height: 18px; margin-top: 5px; } #gc_Producttext { margin-top: 4px; } #gc_ProdRecentlyViewed .featuredProdDetails {/* width: 142px; */} #cartSumProdArea { width: 200px; margin-top: 35px; margin-left: 16px; } #justAddedProdImage { width: 80px; } #JA-ProductName { font-size: 13px; margin: 5px 0 0 10px; width: 135px; line-height: 15px; } #JA-ProdNumber { margin: 5px 0 0 10px; width: 135px; } #CS-SecureImg { float: right; } #CS-SecureImg img { width: 94%; } #mainContent #Products .pagination-products {margin: 10px 0 10px 10px;} #Products .featuredProdWrap { width: 210px; min-height: 350px; } /* .featuredProdImageTable { width: 280px; } .ProdImgHoverOverlay { width: 280px; } .featuredProdHeading { font-size: 14px; } .featuredProdImage { max-height: 280px; } */ #FrequentlyPurchasedWith .jcarousel-container-horizontal {width: 340px; /*352px;*/} .productDetailsB .freqRot {width: 410px;} .productDetailsB #freqnext {margin: 71px 0 0 0;} /*.gc_categoryDisplayBox {margin: 1.5%; width: 30%;}*/ .productDetailsB #gc_ProdBottomInfo {width: 100%;} #cart-descript-mini { margin-top: 7px; } #cartPopArrowDown { display: none; } /* .searchResultsProdWrap { width: 192px; min-height: 320px; margin: 7px; } .searchResultsProdWrap .featuredProdHeading { font-size: 12px; } .searchResultsProdWrap .featuredProdImageTable { width: 182px; } .searchResultsProdWrap .ProdImgHoverOverlay { width: 182px; } .searchResultsProdWrap .ProdImgHoverOverlay { background: url(/Content/images/prodHoverOverlay.png) top center repeat; } */ .productDetailsB h1 {margin: 20px 0px 0px 325px; width: 315px;} #gc_ProductMainDetailsArea {float: right; width: 265px; margin: 0;/*288px;*/ } #gc_ProductMainImgArea {width: 325px; /*300px;*/} #gc_ProductImageHolderLeft {width: 325px; height: 325px;} #pdetailsRatingHeader {width: 425px;} .ratingNotes {width: 94%;} #youMayAlsoLike #gc_ProductsRelated .featuredProd, .CartSummary #gc_ProdRecentlyViewed .featuredProdWrap {margin: 8px 10px 0;} #youMayAlsoLike {margin: 15px 0 0; width: 100%; border: none;} #youMayAlsoLike .featuredProdWrap {min-height: 200px;} #youMayAlsoLike #gc_ProductsRelated {height: 275px; overflow: hidden;} #modal-2 textarea {width: 100%;} #megaProdDiv{width:100%;} .cartSum {margin-top: 25px;} .freqRot {width: 390px;} .CartSummary #FrequentlyPurchasedWith {width: 350px;} #freqnext {margin: 71px 0 0 0;} } @media only screen and (max-width: 639px) { .productDetailsB h1 span {display: block; margin: 20px 0;} .productDetailsB h1.prodDetailsH1 {display: none;} #cart-descript-mini { margin-top: 7px; } #Products .featuredProdWrap, .gc_categoryDisplayBox { float: none; margin: 13px auto 0; } .AdvancedResults #Products .featuredProdWrap {margin: 13px auto;} .CatPage .centerAlign { margin-bottom: 19px; } /*#categoryNav { margin: -91px 0 0 -6px; }*/ .CatPage h1 { width: 100%; margin-top: 0; } .CatPage .wrapperContent { padding-top: 14px; /*margin: 80px auto 0;*/} #containerPagerOrder { margin-top: 0; width: 100%; } #sortOrder { margin: 0; width: 100%; text-align: center; } #sortOrder select { float: none; margin-left: 5px; } .quickViewBtn { display: none; } #AddGCToCart.quickViewBtn {display: block;} /*.gc_categoryDisplayBox {margin: 2.5%; width: 45%;}*/ #mainContent a.gc_CatLink {font-size: 16px; line-height: 20px;} li.featuredProd { min-height: 246px; } /*.searchResultsProdWrap { margin: 13px 13px 13px 44px; }*/ .productDetailsB #gc_ProdBottomInfo {width: 100%;} #gc_ProdRecentlyViewed .featuredProdWrap {width: 48%; padding: 5px 1%; min-height: 170px;} #gc_ProdRecentlyViewed .featuredProdWrap a {} #gc_ProdRecentlyViewed .featuredProdDetails {margin: 5px 0 0; width: 100%;} #gc_ProdRecentlyViewed .featuredProdImage {margin: 0 auto; float: none;} #gc_ProdRecentlyViewed .featuredProdHeading, #gc_ProdRecentlyViewed .featuredProdDetails .featuredProdSKUnum {text-align: center;} .gc_sectionHeader { background: url("/Content/images/featuredSomethingBG.jpg") top right no-repeat #263B7C; height: auto;} .productDetailsB h1 {width: 100%; margin: 20px 0 0;} #gc_ProductMainDetailsArea {float: right; width: 100%; margin: 0;} #gc_ProductMainImgArea {width: 300px; padding-top: 15px;} #gc_ProductImageHolderLeft {width: 300px; height: 300px;} #youMayAlsoLike {margin: 15px 0 0; width: 100%; border: none;} #youMayAlsoLike .featuredProd, .CartSummary #gc_ProdRecentlyViewed .featuredProdWrap {width: 50%; margin: 0; padding: 0;} #youMayAlsoLike .featuredProdWrap, #gc_ProdRecentlyViewed .featuredProdWrap a {min-height: 235px; width: 90%; margin: 5%; padding: 0;} #youMayAlsoLike #gc_ProductsRelated, .gc_ProductsRelated {margin: 0;} #gc_ProductsRelated .featuredProdImage, #gc_ProductsRelated .featuredProd .ProdImgHoverOverlay {width: 100%; margin: 0;} #gc_ProdfrequentPurchase {display: none;} #gc_ProdRecentlyViewed .featuredProdImage {width: 100%;} #gc_ProductWriteReview .header, #reviewForm, #questionForm {margin-left: 0;} #reviewForm .reviewText input, .questionBox input {width: 290px;} #reviewForm .fullReview.reviewText textarea, .questionFormDiv .questionBox textarea {width: 290px;} #pdetailsRatingHeader {width: 100%;} #pdetailsRatingHeader {width: 320px;} #mainContent #prodRatingsDetails { width: 100%; margin: 0; } .ratingNotes {width: 88%;} #mainContent #allRatings {float: left;} .md-modal {display: none;} #modal-2.md-show {max-width: 320px; z-index: 999999;} #modal-2 .loginPartial {width: 100%;} #modal-2 .leftBlock {width: 100%;} #modal-2 .rightBlock {width: 100%;} #modal-2 #gc_QProductImageHolderLeft {float: none; clear: both; margin: 0 auto;} #modal-2 #gc_QProductInfoWrapper {margin: 0; width: 100%;} #modal-2 textarea {width: 92%;} #productQuestions .gc_sectionHeader {margin: 0 0 15px;} /*#logoheaderQuestions {margin: 5px auto 0; float: none;}*/ #pdetailsRatingHeader .rateStars {} #prevQuestions #allQuestions {float: none; clear: both; margin: 5px auto; display: block;} /*#productQuestions .gc_sectionHeader span {padding: 0; width: 100%; margin: 5px 0; text-align: center;}*/ #megaProdDiv{width:100%;} #gc_ProdReviews{margin-top:0;} #gc_ProdVideoThumbs { float: left; height: 180px; margin-top: 15px; width: 300px; } #gc_ProdVideoThumbs .videoThumb {width: 146px; margin: 0; float: left;} #gc_ProdVideoThumbs .videoThumb:first-child {margin: 0 8px 0 0;} .uploadImageItem {width: 97%; margin: 1.5%; display: block; float: left;} .cartSum {margin: 0; padding: 15px 1%; width: 97%;} #cartSumProdArea {width: 99%; margin: 40px 0 20px;} #JA-Rating .rateStars {width: 78px;} #JA-Rating .rateStars span {margin-left: 2%; width: 17%;} } /* OVERRIDING BUTTON STYLING ======================================================== */ .jungCheckout, a.jungCheckout, .gc_memberCheck a#cartSubmit, #gc_cartWrapper a.cartSubmit, #mainContent a.quickViewBtn, a.quickViewBtn, .quickViewBtn, .buyProduct .prodPurchaseSubmit, #gc_Producttext button, #mainContent a#cartSumProceed, #checkoutStep3 input[type="submit"].cartSubmit, .homepageGiftCert .GiftCert, #AccountAddresses .createOne, #addQuickOrderToCart.QOCB, #removeQuickOrderToCart.QOCB, .signupLink { float: right; margin-left: 5px; border: 1px solid #8F0F0F; border-radius: 5px; color: #FFF; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 0 10px;/*3px 9px 5px;*/ height: 30px; line-height: 30px; text-transform: uppercase; text-decoration: none; /* background: linear-gradient(#F44046, #C00209); */ background-color: #C00209; background-image: linear-gradient( rgba(255,255,255,0.25), rgba(0,0,0,0.25) ); animation: hovering 0.3s ease; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #gc_cartWrapper a.cartSubmit{display:inline-block;margin:20px 0;} .buyProduct .prodPurchaseSubmit {line-height: normal;} .secureCheckout{display:block;clear:both;} @keyframes hovering { 100% {background-color: #DB9A00;} } .jungCheckout:hover, .jungCheckout:active, a.jungCheckout:hover, a.jungCheckout:active, .gc_memberCheck a#cartSubmit:hover, .gc_memberCheck a#cartSubmit:active, #mainContent a.quickViewBtn:hover, a.quickViewBtn:hover, .quickViewBtn:hover, .quickViewBtn:active, .buyProduct .prodPurchaseSubmit:hover, .buyProduct .prodPurchaseSubmit:active, #gc_Producttext button:hover, #gc_Producttext button:active, #mainContent a#cartSumProceed:hover, #mainContent a#cartSumProceed:active, #checkoutStep3 input[type="submit"].cartSubmit:hover, #checkoutStep3 input[type="submit"].cartSubmit:active, .homepageGiftCert .GiftCert:hover, .homepageGiftCert .GiftCert:active, #AccountAddresses .createOne:hover, #AccountAddresses .createOne:active, #addQuickOrderToCart.QOCB:hover, #removeQuickOrderToCart.QOCB:hover, .loginForm .signupSection .signupLink:hover, .loginForm .signupSection .signupLink:active { background: #DB9A00; border: 1px solid #C18905; color: #fff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .ButtonOff{ border: 1px solid #3B4F00 !important; background-color: #6E9401 !important; } .ButtonOff:hover{background-color:#DB9A00 !important; border: 1px solid #000 !important;} #mainContent a#cartSumProceed {padding: 9px 14px 10px; margin: 10px 0 10px 5px;} .reviewOrder {width: 99%; margin: 0 1% 0 0; display: block; float: left;} .reviewOrder input[type="submit"] {margin: 10px auto; width: 240px;} @media only screen and (min-width: 640px) and (max-width: 999px) { .reviewOrder input[type="submit"] {margin: 10px 30%; width: 40%;} } @media only screen and (max-width: 639px) { .reviewOrder input[type="submit"] {margin: 10px 0; width: 99%;} .categoryDesc {display: none;} }