/*/themes/application/prochamp/common_2015/css/checkout.css*/ #orderSubTotalSection.orderSubTotal{margin-right:15px;}#giftCodeSection .giftCodeEntry{margin-left:15px!important;}#orderSubTotalSection.orderSubTotal,#giftCodeSection .giftCodeEntry{border:1px solid #e2e2e2!important;box-shadow:none;}#giftCodeSection .giftCodeEntry .giftCodesTable td.header-gradient{background:transparent!important;background-image:none!important;}#orderSubTotalSection.orderSubTotal .orderTotal td{border-bottom:0 solid #e2e2e2!important;}#orderSubTotalSection.orderSubTotal .orderTotal .itemActionMsg,#orderSubTotalSection.orderSubTotal .orderTotal .itemActions{border-top:1px solid #e2e2e2!important;}#orderSubTotalSection.orderSubTotal td.header-gradient{background:transparent!important;background-image:none!important;}#giftCodeSection.promotionDetail .giftCodesTable thead td,#orderSubTotalSection.orderSubTotal .orderTotalTable thead td{border-bottom:1px solid #e2e2e2!important;}#orderSubTotalSection.orderSubTotal .orderTotal td.orderDetail,#orderSubTotalSection.orderSubTotal .orderTotal td.orderPrice{padding-top:1em!important;}.checkoutPage #itemSection{border-top:0 solid transparent!important;}.checkoutPage #itemSection tr.first.last td,.checkoutPage #itemSection tr.last td{border-bottom:0 solid transparent;}.checkoutPage #itemSection tr.first td,.checkoutPage #itemSection tr td{border-top:0 solid transparent;border-bottom:1px solid #e2e2e2!important;}.checkoutPage #cartForm #itemSection{border-bottom:0 solid transparent;}#itemSection .cartItemAction a{background:transparent;}.checkoutPage #reviewOrder .jBox.redemptionsContainer{display:none;}#reviewOrder .paymentContainer.jBox{border-bottom:1px solid #e2e2e2!important;}#summaryDetailsSection .orderCosts .highlightedTotal{border-top:0 solid transparent!important;}#summaryDetailsSection .orderCosts .highlightedTotal span.order-total{font-weight:bold;}.jBox,#printReceipt .header{border-bottom-color:#e2e2e2!important;}#reviewOrder .summaryDetails,#summaryDetailsSection{border-top:0 solid transparent!important;} /*/themes/application/prochamp/common_2015/css/button.css*/ a.black-button{display:inline-block;font-size:12px;font-weight:bold;height:24px;line-height:24px;padding:0 0 0 17px;zoom:1;*display:inline;}.pcb span{height:auto;line-height:10px;padding:0;}a.black-button,.black-active-button,.black-disabled-button{color:#fff!important;border:2px solid #00366b;}a.black-button:hover{border:2px solid #7f9ab5;}a.black-button:active,.black-active-button{border:2px solid #7f9ab5;}#comboLogin a.comboLoginBtn,#comboLogin input.comboLoginBtn{border:2px solid #00366b!important;}#comboLogin a.comboLoginBtn:hover,#comboLogin a.comboLoginBtn:focus,#comboLogin a.comboLoginBtn:active,#comboLogin input.comboLoginBtn:hover,#comboLogin input.comboLoginBtn:focus,#comboLogin input.comboLoginBtn:active{border:2px solid #7f9ab5!important;} /*/themes/application/prochamp/common_2015/css/messaging.css*/ .ui-tooltip .ui-state-error-tooltip-pointer-left{border-right-color:#FFE9B8;}ul.messages li.message{color:#ff1200;font-weight:bolder;background:none;border:0 none;font-size:1.2em;padding:3px 5px 6px 5px;}ul.messages li.ui-state-error{color:#ff1200;font-weight:bolder;background:none;border:0 none;font-size:1.2em;padding:3px 5px 6px 5px;} /*/themes/application/prochamp/common_2015/css/prochamp.css*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}:focus{outline:0;}body{text-align:left;line-height:1em;color:#000;margin:0;font-size:13px;font-family:Helvetica,Arial,sans-serif;background:url(/apps/shop/images/champ/2522686/body-bg.jpg?norewrite=true) #fff no-repeat center top;height:100%;}ol,ul{list-style:none;}form{padding:0;margin:0;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}STRONG{font-weight:bold;}EM{font-style:italic;}html{background-image:none;box-sizing:unset;-moz-box-sizing:unset;-webkit-box-sizing:unset;}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{zoom:1;}* html .clearfix{height:1%;}#mainWrapper{border:1px solid transparent;margin:0 auto;text-align:center;width:936px;}p{line-height:1.4em;}a,a:link,a:visited,a:hover{color:#004387;}.checkoutPage a,.checkoutPage a:link,.checkoutPage a:visited,.checkoutPage a:hover{color:auto;}#mainWrapper .logosWrapper{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}#mainBody{width:910px;padding:0;margin:0 auto;overflow:visible;border:0 solid #e2e2e2;}#mainBody .mainContent{border:0 none;padding:0;text-align:left;height:auto;}#signinBox .formField{padding:8px 0;}#signinBox input{font-family:helvetica,arial,sans-serif;}input{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}#signinBox input[type="text"]{background:#353535;border:1px solid #c7c7c7;padding:3px 5px;display:block;width:200px;font-size:16px;}#signinBox input[type="text"]:focus{border:1px solid #7f9ab5;}#signinBox label{display:block;clear:both;padding-bottom:3px;}#signinBox input[name="password"]{float:left;margin-right:10px;}#signinForm .signinButton{background:#00366b;float:left;}#signinForm a.primary,#signinForm a.primary:visited,#signinForm .signinButton.primary,#signinForm .signinButton.primary:visited{font-weight:bold;font-size:12px;color:#fff;text-decoration:none;padding:4px 12px 5px;line-height:1em;cursor:pointer;}#signinForm a.primary:focus,#signinForm a.primary:hover,#signinForm .signinButton.primary:focus,#signinForm .signinButton.primary:hover{background:#7f9ab5;}#signinForm a.primary:active,#signinForm .signinButton.primary:active{background:#7f9ab5;}.checkoutPage #cartForm,.checkoutPage #billingAndShippingForm,.checkoutPage #paymentForm,.checkoutPage #printReceipt{padding-bottom:10px;padding-top:10px;}#paymentForm,#printReceipt{padding:10px 20px 10px 20px;}.cartWall .clearfix{display:block;}.cartWall #viewPaymentOptions{display:none;}.checkoutPage #itemSection{border-bottom:1px solid #e2e2e2;padding:0;width:100%;}.checkoutPage #summaryDetailsSection .orderCosts .highlightedTotal{border-top:1px solid #e2e2e2;}.checkoutPage #itemSection .cartItemQty input{display:inline;}.checkoutPage .paymentContainer .paymentTypes .paymentType .paymentTypeLogo #billMeLaterLogo{background-position:0 0!important;}.cartNavigation .ui-icon-jostens-nav-next,.cartNavigation .ui-icon-jostens-nav-prev{display:none;}.checkoutPage #itemSection tr.first td{border-top:1px solid #e2e2e2;}#body-gb_product #prod_detail_table{display:block;height:auto;min-height:100px;}#body-gb_product #prod_detail_width{padding:0 10px 0 10px!important;}#body-gb_product #prod_detail_table:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;margin:0;padding:0;}#body-gb_product #prod_detail_table .bodytext #product_display_name{padding-left:10px;}#body-gb_product #prod_detail_table table tr td img{padding-left:0;padding-top:20px;}#body-gb_product #prod_detail_table .bodytext{padding:10px 0 0 0;}#body-gb_product #page_buttons{padding-top:10px!important;}#errorMessage{border:1px solid #e2e2e2;padding:20px;color:#ff1200;}#billingAndShippingForm{padding:10px;}#billingAndShippingForm #billing,#billingAndShippingForm #shipping{border:1px solid #e2e2e2;float:left;}#billingAndShippingForm #shipping{float:right;margin-left:0;}#billingAndShippingForm{border-bottom:1px solid #e2e2e2;}#billingAndShippingForm .cartNavigationRow.clearfix{margin-top:0!important;width:250px!important;}#billingAndShippingForm .cartNavigationRow .cartNavigation .emailOptIn{float:left;}#billingAndShippingForm .cartNavigationRow .cartNavigation .emailOptIn .emailOptin1{width:25px;}#paymentForm .cartNavigation a.pcb,#billingAndShippingForm .cartWall #cartFooter .cartNavigationRow a.pcb.ui-link{padding:10px 20px!important;}.checkoutPage ul.breadcrumbsWall li.breadcrumb{background-image:none;padding-left:20px;position:relative;}.checkoutPage ul.breadcrumbsWall li.breadcrumb:after{content:"\203A";position:absolute;top:2px;left:8px;font-size:14px;}.checkoutPage ul.breadcrumbsWall li.breadcrumb.first:after{display:none;}.checkoutPage ul.breadcrumbsWall{background-color:transparent;border:none;border-bottom:1px solid #e2e2e2;width:98%;}.checkoutPage #mainBody .mainContent{border:0 1px 1px 1px solid #e2e2e2;padding-top:0;}.checkoutPage .jBox{border:1px solid #e2e2e2;}.checkoutPage .jBox#relatedProductsSection{border:none;}.checkoutPage .jBox .header h2{font-size:14px;font-weight:bold;text-transform:none;}.checkoutPage #summaryDetailsSection .orderCosts .ordertotalHighlighted,.checkoutPage #summaryDetailsSection .orderCosts .highlightedTotal{background:transparent;}#summaryDetailsSection .orderCosts{width:100%;}.checkoutPage #itemSection .actionReqdRow a:hover{text-decoration:underline;}.checkoutPage #cartFooter{padding:0;margin-top:15px;clear:both;}.checkoutPage #reviewOrder{padding:0;}.checkoutPage #reviewOrder .jBox{margin-bottom:10px;border:1px solid #e2e2e2;}.checkoutPage #reviewOrder .paymentContainer .col1{width:260px;}.checkoutPage #reviewOrder .paymentContainer .col2{width:430px;}.checkoutPage #summaryDetailsSection .orderCosts>div{width:100%;}.checkoutPage #giftCodeContainer,.checkoutPage #giftCodeSection,.checkoutPage .redemptionsContainer{display:none;}.checkoutPage #itemSection .cartItemImage{border:1px solid #0c0c0c;}.checkoutPage #cartLinkIcon .cartSpinner{display:none;}.checkoutPage #printReceipt .billingContainer .body .address,.checkoutPage #printReceipt .shippingContainer .body .address{width:260px;}#billingAndShippingForm input#emailOptin1{width:15px;}.checkoutPage #printReceipt .billingContainer,.checkoutPage #printReceipt .shippingContainer{width:405px;}.checkoutPage #printReceipt .shippingContainer{margin-left:0;}#printReceipt .billingContainer .body .billing,#printReceipt .shippingContainer .body .shipping{width:auto;}#body-gb_product #mainBody{clear:both;}.checkoutPage #printReceipt .header p{padding:10px;}#printReceipt .jBox{border:1px solid #e2e2e2;}a.gold-button span,a.gold-button:hover span{background:none;}.access-group-family-only,.access-group-owners-only,.access-group-seasonticket-only,.access-group-fans-only{display:none!important;}#storyScroller .story .story-image{padding-bottom:30px!important;}#storyScroller .carouselPointerWrapper{position:absolute;left:0;right:0;padding-top:6px;height:15px;text-align:center;}#storyScroller .carouselPointerWrapper .point{display:inline-block;background-color:lightgrey;border:1px solid grey;border-radius:50%;height:15px;width:15px;box-sizing:border-box;margin:0 2px;}#storyScroller .carouselPointerWrapper .point.activePoint{background-color:grey;}body.landing #secondary #storyScroller p{width:90%;padding-left:5%;} /*/themes/application/prochamp/common_2015/css/asp.css*/ img.champ_product{border:0;outline:0;padding-left:8px;padding-top:5px;}#product_display_name{font-size:20px;}#product_display_name br{display:none;}#product_long_desc{display:none;}#prod_detail_width{width:700px;}#prod_detail_table{width:900px;height:100px;padding-top:20px;}#prod_top{border-bottom:1px solid #e2e2e2!important;padding:0;margin:0;height:45px;color:#000;width:700px;margin-bottom:10px;margin-left:18px;}#txtDisplayTotal2{display:none;}#price_tag{display:none;}#page_buttons{padding-right:10px;display:block;margin-top:15px;}.image{float:left;margin-left:10px;}.border_bottom{border-bottom:1px solid #e2e2e2!important;margin-left:10px;}#mainBody{background-color:#fff!important;}#mainBody.champ_product{border:none;width:910px;float:none;}#mainBody.champ_product a{color:#000;}#mainBody.champ_product a:hover{text-decoration:none;}#mainWrapper.champ_product{background:transparent;}.opaque{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}.required{display:none;}.bodytext{font-family:helvetica,arial,sans-serif;font-size:14px;}span.bodytext{display:block;padding-top:10px;padding-bottom:0;margin:0;}td.bodytext{font-size:12px;}font.champ_product{font-size:12px;color:white;}br.champ_product{display:none;}select.champ_product{display:block;}.footerclearp{display:none;}#body-champ_product #mainBody{border:none;width:910px;}#mainBody input[type="image"]{background:none;}#txtDisplayTotal1{text-align:right;font-size:15px;font-weight:bold;vertical-align:middle;border-style:solid;border:none;background:transparent;}#prod_detail_table .noMainMenu{border-top:1px solid transparent!important;} /*/themes/application/prochamp/common_2015/css/pager.css*/ #pager{width:880px;position:absolute;}.storyPageWrapper{position:relative;}.pager{background-repeat:no-repeat;display:none;height:76px;position:absolute;width:46px;z-index:98;}.storyPageWrapper .pager{top:40%;}.landing .pager{height:49px;width:29px;}#leftPager{background-image:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common/img/browse/arrow_left.png?secure=true);}.storyPageWrapper #leftPager{left:-13px;}#leftPager.hover{background-image:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common/img/browse/arrow_left_hover.png?secure=true);}#rightPager{background-image:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common/img/browse/arrow_right.png?secure=true);}.storyPageWrapper #rightPager{right:-13px;}#rightPager.hover{background-image:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common/img/browse/arrow_right_hover.png?secure=true);}.landing #leftPager{background-image:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common/img/browse/arrow_left_30x49.png?secure=true);}.landing #leftPager.hover{background-image:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common/img/browse/arrow_left_hover_30x49.png?secure=true);}.landing #rightPager{background-image:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common/img/browse/arrow_right_30x49.png?secure=true);}.landing #rightPager.hover{background-image:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common/img/browse/arrow_right_hover_30x49.png?secure=true);}.pageSelector{display:block;height:18px;padding:4px 20px 0 0;vertical-align:baseline;width:900px;}.pageSelectorControls{height:14px;font-size:11px;padding:3px 0 0;text-align:right;text-transform:uppercase;vertical-align:baseline;width:895px;}.pageSelectorControls label{display:inline;}.pageSelectorControls a{border:1px solid #000;color:#fff;padding:0 2px 0 2px;text-decoration:none;}.pageSelectorControls a.selected{border:1px solid #000;padding:0 2px 0 2px;color:#FCB217;text-decoration:none;}.pageSelectorControls a:hover{color:#FCB217;} /*/themes/application/prochamp/common_2015/css/product_browse.css*/ .browse.filtered-square{width:76%;float:left;}.browse.filtered-square #pageView,.browse.filtered-square #pageView .products{width:685px;}.browse.filtered-square #pageView .results{margin:1em 5px 3px;}.browse.filtered-square #pageScroller{width:auto;}.filtered-square #mainBody .mainContent{padding:20px 0;}.browse.filtered-square #pageView .products .productView{margin:5px;border:1px solid #dadada;height:215px;width:215px;}.browse.filtered-square #pageView .products .productView img{height:75%;width:75%;margin:auto;padding-top:10px;box-sizing:border-box;}.browse.filtered-square #pageView .products .productView div.description{color:black;visibility:visible;margin:auto;}.browse.filtered-square #pageView .products .productView div.description div.name{width:100%;font-size:12px;}@media(min-width:479px){.jos-aside{float:left;width:24%;}}.jos-filter-list{padding:1em 8px 1em 8px;text-align:left;}.jos-filter-list .jos-card-filter-header{border-bottom:1px solid #e2e2e2;}.jos-filter-list .jos-card-filter-header .jos-card-filter-header-item{display:inline-block;}.jos-filter-list .jos-card-filter-header .jos-card-filter-header-item.jos-reset-filters{float:right;margin-right:10px;cursor:pointer;}.jos-filter-list .jos-card-filter-header .jos-card-filter-header-item.jos-reset-filters img{width:18px;height:18px;}.jos-filter-list ul li{line-height:20px;}.jos-aside h3{font-size:18px;color:#2c2c2c;margin-bottom:5px;}.jos-aside h5{margin-top:8.5px;margin-bottom:8.5px;font-size:14px;font-family:'arial';font-weight:bold;text-transform:uppercase;}.jos-filter-list label{font-weight:normal;display:inline-block;margin-bottom:5px;}.jos-filter-list input[type=checkbox],#modalFilterDialog input[type=checkbox]{margin-top:0;vertical-align:middle;}body.productBrowse #productsPager{background-color:#fff;display:block;height:570px;overflow:hidden;width:100%;zoom:1;}body.productBrowse #pageView{display:block;height:530px;overflow:hidden;position:relative;margin:0 auto;padding:0 0 20px 0;width:878px;zoom:1;}body.productBrowse #pageScroller{display:block;height:800px;margin:0;padding:0;width:10000px;}body.productBrowse .products{background-color:#fff;display:inline-block;float:left;height:698px;padding:0;margin:2px 0 0 0!important;width:928px;z-index:1;}body.productBrowse .productView{cursor:pointer;float:left;height:167px;list-style:none;margin:0 16px 16px 0;overflow:hidden;width:207px;z-index:2;}body.productBrowse .productView.last{margin:0 0 16px 0;}body.productBrowse .productView.lastRow{margin:0 16px 0 0;}body.productBrowse .productView.last.lastRow{margin:0;}body.productBrowse .productView.active{cursor:default;filter:alpha(opacity=100);opacity:1;z-index:99;}body.productBrowse .productView.selected{background:black;cursor:pointer;filter:alpha(opacity=100);opacity:1;zoom:1;z-index:99;}body.productBrowse .productView img{display:block;height:100%;width:100%;}body.productBrowse .productView img.hover{display:none;}body.productBrowse .productView.selected img.thumb{display:none;}body.productBrowse .productView.selected img.hover{display:block;}body.productBrowse .productView div.description{color:#fff;margin-top:-50px;padding:10px;position:relative;visibility:hidden;}body.productBrowse .productView div.description.two-line{color:#fff;line-height:1.4em;margin-top:-70px;padding:10px;position:relative;visibility:hidden;}body.productBrowse .productView div.description.three-line{color:#fff;line-height:1.4em;margin-top:-95px;padding:10px;position:relative;visibility:hidden;}body.productBrowse .productView.selected div.description{visibility:visible;}body.productBrowse .productView div.description div.name{font-size:13px;font-weight:bold;width:158px;vertical-align:baseline;}body.productBrowse .productView div.description div.price{font-size:11px;margin-top:2px;}body.productBrowse .productView div.description a.dialogButton{float:right;padding:2px 8px 2px 8px;margin-top:-30px;}body.productBrowse .productView div.description.two-line a.dialogButton{float:right;padding:5px 10px 5px 10px;margin-top:-40px;}#scrollUp{bottom:20px;right:20px;background:url('/apps/content/img/file/themes/application/prochamp/common_2015/img/top.png') no-repeat;height:40px;width:40px;transition:.5s ease;opacity:.7;}#scrollUp:hover{opacity:.5;} /*/themes/application/prochamp/common_2015/css/product_detail.css*/ body.productDetail #productDetailWrapper{background-color:#fff;margin:0;padding:0;width:910px;}body.productDetail #productDetail{width:930px;height:437px;}body.productDetail #productDetail .detailFold{background-repeat:no-repeat;float:left;height:437px;}body.productDetail #leftDetail{position:relative;width:61px;}body.productDetail #midDetail{width:394px;}body.productDetail.square #midDetail a img{width:394px;height:437px;}body.productDetail #rightDetail{padding-left:20px;width:455px;}body.productDetail #altTray{background:#000;bottom:48px;padding-top:7px;position:absolute;z-index:5;}body.productDetail .alt{background-color:#000;color:#fff;cursor:pointer;display:inline-block;height:45px;margin:0 7px 7px 7px;text-decoration:none;width:45px;}body.productDetail .alt:hover{text-decoration:none;}body.productDetail #altTray a img.altImg{height:46px;width:46px;}body.productDetail #productDetailInfo{margin-top:72px;width:415px;}body.productDetail #productTitle{font-size:26px;font-style:normal;font-weight:normal;padding:10px 0 10px 0;line-height:1.0em;}body.productDetail #productDescription{font-size:12px;padding:10px 0 10px 0;line-height:1.3em;margin-bottom:30px;}body.productDetail #productDescription ul li{list-style:disc;margin-left:2em;}body.productDetail #priceLabel{color:#222;font-size:10px;font-weight:bold;}body.productDetail #price{font-size:26px;padding:10px 0 10px 0;float:left;}body.productDetail #customize{margin-left:288px;margin-top:-40px;}body.productDetail #customize a.pcb{margin:8px 0 8px 0;padding:2px 8px 2px 8px;}body.productDetail .zoomWindow{background:#fff;}body.productDetail .zoomWrapper{border-color:#666;}body.productDetail .zoomPup{background-color:transparent;border:1px solid #666;opacity:1.0;}body.productDetail #productsPager{background:#fff;border-top:1px solid #666;display:block;height:170px;margin:10px 0 0 0;padding:1em 0 0 0;width:910px;position:relative;}body.productDetail #productsPager #leftPager{left:-20px;top:50%;transform:translateY(-50%);}body.productDetail #productsPager #rightPager{right:-20px;top:50%;transform:translateY(-50%);}body.productDetail #productsPager h4{font-size:1.1em;font-weight:bold;margin-left:20px;margin-top:0;position:absolute;text-transform:uppercase;}body.productDetail #pageView{display:block;height:136px;overflow:hidden;margin:20px auto;width:834px;}body.productDetail #pageScroller{display:block;padding:0;margin:0;width:10000px;}body.productDetail .products{float:left;}body.productDetail #pageScroller .products .productView{cursor:pointer;float:left;height:99px;list-style:none;padding-right:16px;z-index:2;}body.productDetail #pageScroller .products .productView.first{margin:0;}body.productDetail #pageScroller .products .productView img{width:123px;} /*/themes/application/prochamp/common_2015/css/signin.css*/ #content{width:910px;margin:0 auto;text-align:left;background:#000;}#primary{background:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common_2015/img/backgrounds/primary-bg.jpg?secure=true) #333 no-repeat top left;height:420px;font-size:14px;padding:0;margin:0 auto;width:910px;text-align:left;}#primary p{padding:170px 0 10px 15px;width:350px;}#primary form{padding-left:15px;}body.login h1{font-size:1.4em!important;float:none!important;}body.login input{font-family:helvetica,arial,sans-serif;border:1px solid #c7c7c7;display:block;background-color:#fff;color:#000;font-size:1.4em!important;width:93%;padding:.7em 3%;}body.login input[type="submit"]{width:100%;padding:.7em 0;}label{display:block;clear:both;padding-bottom:3px;}#submitBtn{background:transparent;float:left;}a.pcb,a.primary,a.primary:visited,#submitBtn.primary,#submitBtn.primary:visited{font-weight:bold;font-size:12px;color:#0C0C0C;text-decoration:none;padding:4px 12px 5px;padding-left:20px;padding-right:20px;border:2px solid #d4940c;line-height:1em;cursor:pointer;}a.primary:focus,a.primary:hover,#submitBtn.primary:focus,#submitBtn.primary:hover{border:2px solid #ffc20e;}a.primary:active,#submitBtn.primary:active{border:2px solid #ffe8b8;}#secondary{padding:15px 0;width:910px;color:#222;text-align:left;}#secondary a,#secondary a:visited{color:#0C0C0C;text-decoration:none;}#secondary a:focus,#secondary a:hover{text-decoration:underline;}#ring-gallery{position:relative;width:200px;text-align:center;float:left;padding:10px 0 0 0;margin-left:10px;}#gallery-display{width:192px;margin:auto;}#gallery-prev,#gallery-next{position:absolute;top:75px;z-index:999;width:14px;opacity:.70;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity = 70);}#gallery-prev:focus,#gallery-prev:hover,#gallery-next:focus,#gallery-next:hover{opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity = 85);cursor:pointer;}#gallery-prev:active,#gallery-next:active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity = 100);}#gallery-prev{left:0;}#gallery-next{right:0;}.ring-story{width:340px;float:left;padding:15px;border-right:1px solid #222;}.ring-story img{padding:0 0 5px;}.ring-story div{overflow-y:scroll;padding-right:10px;height:180px;}.ring-story p{padding-bottom:10px;}#help{padding-top:15px;float:left;}#help img{display:block;padding-bottom:13px;}#help li{padding:0 0 0 15px;}#help span{color:#fff;}#help li.first{padding-bottom:31px;border-bottom:1px solid #222;margin-bottom:15px;}.bottom-stripe{height:15px;width:910px;background:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common_2015/css/img/stripe-bg.png?secure=true) #9f182e repeat-x bottom left;}body.login #mainBody{background-color:transparent!important;}body.login #mainBody .mainContent{background-color:transparent!important;padding:0!important;}body.login li.ui-state-error{font-weight:normal!important;color:#f70303!important;line-height:1.4em!important;}body.login .messages{text-align:center;padding:1em 0 1em;}.login #signinContainer{background:transparent!important;}#signinContainer form span{background:transparent;} /*/themes/application/prochamp/common_2015/css/header.css*/ #header{width:936px;margin:0 auto;padding:0;text-align:left;position:relative;}.logos{margin:0 auto;width:100%;height:73px;padding-bottom:15px;background-color:#fff;}.left-logo{float:left;padding:10px 0 0 10px;}.right-logo{float:right;padding:2px 10px 0 0;}.title-bar{background-color:#00366b;height:34px;width:936px;padding:1;margin:0;text-align:left;position:relative;}h1{font-size:15px;font-weight:bold;text-transform:uppercase;color:#000;text-shadow:0 1px 1px rgba(255,255,255,0.15);float:left;padding:11px 0 0 13px;line-height:1em;}.nav{float:right;color:#000;padding:10px 13px 0 0;height:15px;}.nav a,.nav a:visited{color:#000;text-decoration:none;padding:0 6px;}.nav a:focus,.nav a:hover{text-decoration:underline;}.left-corner{bottom:-7px;left:0;position:absolute;}.right-corner{bottom:-7px;right:0;position:absolute;}.checkoutPage #mainHeader .imageHeader,.profilePage #mainHeader .imageHeader{padding-right:10px;}#body-gb_product #mainHeader .imageHeader{margin-top:11px;}.checkoutPage #mainHeader .imageHeader,.profilePage #mainHeader .imageHeader{margin-top:14px;}#cartLinkIcon .cartSpinner{width:16px;height:16px;background-size:16px;background-image:url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common/img/loading.gif?secure=true);} /*/themes/application/prochamp/common_2015/css/footer.css*/ #footer{width:870px;margin:0 auto;padding:15px 20px;text-align:left;font-size:13px;border-top:2px solid #00559d;text-align:center;}#footer a,#footer a:visited{color:#787878;text-decoration:none;}#footer a:focus,#footer a:hover{text-decoration:underline;}#footer p{float:left;text-align:left;width:680px;}#footer p span{display:block;padding-top:10px;}#footer img{float:right;padding-top:20px;}#onetrust-button-group button,.ot-fltr-btns button,.onetrust-close-btn-handler{width:100%!important;margin-bottom:5px!important;margin-top:5px!important;font-weight:600!important;text-transform:uppercase!important;height:auto!important;min-height:2.5rem!important;font-size:.875rem!important;line-height:1!important;padding:.6875rem 1rem!important;text-decoration:none!important;border-radius:1.5rem!important;background-color:#212121!important;border-color:#212121!important;color:#fff!important;}.onetrust-close-btn-handler,.ot-fltr-btns button{width:unset!important;}#onetrust-consent-sdk #onetrust-banner-sdk *:focus,#onetrust-consent-sdk #onetrust-banner-sdk:focus,#onetrust-consent-sdk #onetrust-pc-sdk *:focus,#onetrust-consent-sdk #onetrust-pc-sdk .ot-vlst-cntr>a:focus{outline:unset!important;}.ot-sdk-show-settings{background:none!important;color:#004387!important;border:none!important;font-size:13px!important;padding:0!important;}.ot-sdk-show-settings:hover{color:#000;text-decoration:underline;} /*/themes/application/prochamp/common_2015/css/style-ie.css*/ .account-links{float:right;color:#000;padding:7px 13px 0 0;}a.primary{height:30px;} /*/themes/application/prochamp/common_2015/css/faq.min.css*/ .faqTemplate #content { width: 100%; padding-bottom: 30px; background-color: transparent !important; margin: 0; } .faqTemplate #content-header { display: block; height: 45px; } .faqTemplate #content-header h1 { margin: 0; padding: .3em 0; font-weight: normal; font-size: 1.9em; color: white; } .faqTemplate .collapsibles h3 { font-weight: bold; padding: 8px 0 8px 20px; font-size: 13px; cursor: pointer; border-top: 1px solid #e2e2e2; background: url(/apps/content/img/file/themes/jcom/images/shop/arrow-closed.png?norewrite=true) no-repeat scroll 1px 50%; } .faqTemplate .collapsibles h3.open { background: url(/apps/content/img/file/themes/jcom/images/shop/arrow-opened.png?norewrite=true) no-repeat scroll 1px 50%; } .faqTemplate .collapsibles { border-bottom: 1px solid #e2e2e2; } .faqTemplate .collapsible-info { padding: 0 0 10px 20px; } .faqTemplate .collapsible-info p { padding: .5em 0; } .faqTemplate h4 { font-size: 13px; font-weight: bold; padding: 15px 0 5px; } /* MOBILE LAYOUT ====================================*/ @media screen and (max-width: 749px) { .faqTemplate #mainBody .mainContent { padding: 0; } .faqTemplate .content_container { width: 100%; } .faqTemplate #content-header { width: 90%; max-width: 600px; margin: 0 auto; padding-bottom: 2em; } .faqTemplate #content-header h1 { padding: 1em 0 .5em; line-height: 1.4em; } .faqTemplate .content_container #content { width: 90%; max-width: 600px; margin: 0 auto; padding-left: 0; } } /*/themes/application/prochamp/common_2015/css/product_configure.min.css*/ /* PRODUCT CONFIGURE STYLES */ /* DESKTOP LAYOUT & GENERAL STYLES ====================================*/ html { min-height: 100%; background: #FFF; } #body-champ_product #mainBody, #body-inscript #mainBody { background-color: #fff; } /* TODO: needs to be more specific to the page it is on, otherwise, can this css be loaded independently for shop pages? */ #body-champ_product #mainBody table, #body-champ_product #mainBody tr, #body-champ_product #mainBody td, #body-champ_product #mainBody span, #body-champ_product #mainBody div, #body-inscript #mainBody table, #body-inscript #mainBody tr, #body-inscript #mainBody td, #body-inscript #mainBody span, #body-inscript #mainBody div { padding-left: 0; } #body-champ_product #mainBody #prod_detail_table, #body-inscript #mainBody #prod_detail_table { margin: 0 auto; } #body-champ_product #product_display_name, #body-inscript #product_display_name { font-weight: normal; color: #222; } #body-champ_product #prod_top, #body-inscript #prod_top { border-bottom: 1px solid #e2e2e2; } #body-champ_product .page_buttons_wrapper, #body-inscript .page_buttons_wrapper { margin-top: 10px; padding-bottom: 10px; text-align: right; } #body-champ_product #prod_bot, #body-inscript #prod_bot { border-bottom: 1px solid transparent; } #body-champ_product #prod_detail_width .bodytext input, #body-inscript #prod_detail_width .bodytext input { background-color: #fff; color: #000; padding: 3px; width: 160px; } #body-champ_product td.bodytext.optionPadding > table { padding-right: 10px; } #body-champ_product #prod_detail_width .bodytext input.radio, #body-inscript #prod_detail_width .bodytext input.radio { background: transparent; width: auto; padding: 0px; margin: 0 3px 0 0; border: 0px solid transparent; } #body-champ_product #prod_detail_width .bodytext input#txtDisplayTotal1, #body-inscript #prod_detail_width .bodytext input#txtDisplayTotal1 { color: #000; background: transparent; border: 0px solid transparent; width: auto; padding: 6px 6px 0 0; font-size: 16px; font-family: helvetica, arial, sans-serif; font-weight: normal; } #body-champ_product td.bodytext, #body-inscript td.bodytext { color: #000000; } #body-champ_product #prod_detail_width font, #body-inscript #prod_detail_width font { display: inline-block; } #body-champ_product #mainBody #prod_detail_table select, #body-inscript #mainBody #prod_detail_table select { margin: 5px 0 0; } #body-champ_product #prod_detail_table #page_buttons a, #body-inscript #prod_detail_table #page_buttons a { display: none; } #body-champ_product #prod_detail_width #prod_top, #body-inscript #prod_detail_width #prod_top { width: 720px; } /* MOBILE LAYOUT ====================================*/ @media screen and (max-width: 749px) { #body-champ_product #mainBody, #body-champ_product #mainBody #prod_detail_width, #body-champ_product #mainBody table, #body-champ_product #mainBody thead, #body-champ_product #mainBody tbody, #body-champ_product #mainBody tfoot, #body-champ_product #mainBody tr, #body-champ_product #mainBody td, #body-champ_product #mainBody span, #body-champ_product #mainBody div, #body-inscript #mainBody, #body-inscript #mainBody #prod_detail_width, #body-inscript #mainBody table, #body-inscript #mainBody thead, #body-inscript #mainBody tbody, #body-inscript #mainBody tfoot, #body-inscript #mainBody tr, #body-inscript #mainBody td, #body-inscript #mainBody span, #body-inscript #mainBody div { padding-left: 0 !important; width: 100% !important; } #body-inscript #mainBody td img { margin: 0 auto; display: block; width: 14em; height: 14em; } #body-champ_product td, #body-inscript td { display: block; } #body-champ_product #prod_detail_width input, #body-champ_product #prod_detail_width select, #body-inscript #prod_detail_width input, #body-inscript #prod_detail_width select { width: 97% !important; padding: 1em .5em !important; box-sizing: border-box; font-size: 16px; } #body-champ_product #prod_detail_table .bodytext, #body-inscript #prod_detail_table .bodytext { font-size: 1em; } #body-champ_product #page_buttons, #body-inscript #page_buttons { float: left; } #body-champ_product #mainBody #prod_detail_table, #body-inscript #mainBody #prod_detail_table { width: 90% !important; max-width: 600px; } #body-champ_product #mainWrapper #footer, #body-inscript #mainWrapper #footer { padding-bottom: 1em; } #body-champ_product #prod_detail_table .bodytext input#txtDisplayTotal1, #body-inscript #prod_detail_table .bodytext input#txtDisplayTotal1 { float: left; text-align: left; width: 100%; } #body-champ_product #prod_detail_table span.bodytext b, #body-inscript #prod_detail_table span.bodytext b { font-size: 1.3em; } #body-champ_product #prod_detail_table #page_buttons, #body-inscript #prod_detail_table #page_buttons { text-align: center; } } /*/themes/application/prochamp/common_2015/css/pro-champ-sep2012.min.css*/ /* PRO-CHAMP-SEP-2012 */ /* DESKTOP LAYOUT & GENERAL STYLES ====================================*/ #mainWrapper { border: 0px solid transparent; } a:active, a:focus { outline: none; ie-dummy: expression(this.hideFocus=true); } a.pcb, body.productDetail #customize a.pcb, body.login input[type="submit"], body.login a.submit { display: inline-block; padding: 10px 20px; color: #ffffff !important; text-decoration: none; font-weight: bold; text-transform: uppercase; line-height: 1; border-radius: 6px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 0px solid transparent; position: relative; cursor: pointer; height: auto; } a.pcb.primary { background: url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common_2015/img/btn-primary.png?secure=true) repeat-x left top; } a.pcb.secondary { background: url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common_2015/img/btn-secondary.png?secure=true) #2c2c2c repeat-x left top; color: #ffffff !important; } a.pcb.secondary span { background: none; } a.pcb:focus, a.pcb:hover, body.login input[type="submit"]:focus, body.login input[type="submit"]:hover, body.login a.submit:focus, body.login a.submit:hover { border: 0px solid transparent; background-position: 0 -59px; } a.pcb:active, body.login input[type="submit"]:active, body.login a.submit:active { border: 0px solid transparent; background-position: 0 -118px; } .title-bar .title-name { color: #ffffff; text-decoration: none; } .title-bar h1 { padding-top: 9px; } h3 { font-size: 1.3em; margin-bottom: .5em; text-transform: uppercase; font-weight: normal; } #pc-nav { float: right; padding: 9px 13px 0 0; color: #ffffff; } #pc-nav a, #pc-nav a:visited { color: #ffffff; padding: 0 5px; margin: 0; text-decoration: none; } #pc-nav a:focus, #pc-nav a:hover { text-decoration: underline; } #pc-nav a.selected { font-weight: bold; } #pc-nav a.selected:focus, #pc-nav a.selected:hover { text-decoration: underline; } #header #pc-nav span.cart, #header #pc-nav span.myOrders { margin: 0; width: auto; } #header #pc-nav span.cart a { width: auto; /* was 65px */ border-right: none; display: inline-block; margin-bottom: -2px; } .checkoutPage #cartLinkIcon .cartSpinner { display: inline-block; width: 15px; height: 15px; background-size: 15px; padding-right: 0; margin-bottom: -5px; } #mainHeader .nav ul li span.cart, span.myOrders { margin-right: 0 !important; } #mainBody .mainContent { padding: 20px; } #secondary, #footer { background-color: #ffffff; } .signin #secondary, .signin #footer { background-color: transparent; } #secondary { padding: 40px 0 0; } #footer { border-top: 1px solid #e2e2e2; padding-top: 0; padding-bottom: 20px; } #footer p { width: auto; color: #777; } #footer .questions { float: left; padding-top: 17px; } #footer .jostens { display: none; float: right; position: relative; } #footer a, #footer a:visited { color: #004387; } #footer .questions span { display: inline; } #footer img { padding: 0 0 0 5px; float: none; position: relative; bottom: -10px; } /* ========== LOGIN PAGE ========== */ body.login { background-color: transparent; background-image: none; color: #c7c7c7; } #loginWrapper { width: 580px; margin: 0 auto; text-align: center; margin-top: 50px; } body.login h1 { font-weight: normal; text-transform: uppercase; font-size: 1.5em; margin: 1em 0; color: #000; } body.login form { width: 60%; margin: 20px auto; } body.login fieldset label { display: none; } body.login input { font-size: 1.5em; font-family: helvetica, arial, sans-serif; margin: 0 auto; } body.login input#name { border-top-left-radius: 10px; border-top-right-radius: 10px; } body.login input#pass { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 0px solid transparent; } body.login input#accessCode { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } body.login a.submit { width: 90%; padding: .7em; font-size: 1.5em; font-family: helvetica, arial, sans-serif; margin: 0; color: #0c0c0c !important; } body.login input[type="submit"], body.login a.submit { margin-top: 1em; border-radius: 10px; } /* ================ FAN LANDING PAGE ================ */ .landing #mainBody .mainContent { padding: 0; } #signinContainer { height: 380px; padding: 70px 0 0 30px; margin-bottom: 0; } #signinTitle { padding: 0; } #buttons { margin-top: 30px; } #buttons a.catalogFilter { margin-right: 10px; padding: 10px 20px 10px 20px; } .mobile-billboard { display: none; } .section-title { width: 100%; height: 28px; background: url(https://www.jostens.com/apps/content/img/file/themes/application/prochamp/common_2015/img/section-title-bg.png?secure=true) #ffffff repeat-x left top; margin-bottom: 3em; } .section-title.bg-stripes { width: 100%; background: none; margin-bottom: 3em; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; height: 10px; } .section-title img { background-color: #ffffff; max-width: 90%; } .section-title.bg-stripes img { padding: 0 5px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-72%); -moz-transform: translateY(-39%); -ms-transform: translateY(-10%); -o-transform: translateY(-50%); } #champ-ring img { margin-left: 20px; } #crafting { text-align: center; } #ring-feature { padding: 0 0 4em; } #ring-gallery { width: 280px; margin-left: 30px; } .ring-story { width: 540px; padding: 0 0 0 30px; border-right: 0px solid transparent; } .ring-story div { overflow: visible; height: auto; } /* ====== BROWSE ====== */ .featured { position: relative; width: 885px; height: auto; } .featured#size01 {height: 295px;} .featured#size02 {height: 885px;} .featured#size03 {height: 885px;} .featured#size04 {height: 885px;} .featured#size05 {height: 885px;} .featured#size06 {height: 1180px;} .featured#size07 {height: 1180px;} .featured#size08 {height: 1475px;} .featured#size09 {height: 1475px;} .featured#size10 {height: 1475px;} .item { border: 1px solid #e2e2e2; } .featured .item { position: absolute; } .remainder .item { position: relative; } .remainder .item:nth-child(3n+0) { margin-right: 0; } .featured #slot01 {top: 0; left: 0;} .featured #slot02 {top: 295px; left: 0;} .featured #slot03 {top: 0; right: 0;} .featured #slot04 {top: 590px; left: 295px;} .featured #slot05 {top: 590px; right: 0;} .featured #slot06 {top: 885px; left: 0;} .featured #slot07 {top: 885px; right: 0;} .featured #slot08 {top: 1180px; left: 0;} .featured #slot09 {top: 1180px; left: 295px;} .featured #slot10 {top: 1180px; right: 0;} .one-by-one, .one-by-two { width: 278px; height: 278px; margin: 0 15px 15px 0; float: left; overflow: hidden; } .one-by-one img, .one-by-two img { width: 278px; height: 278px; } .two-by-one, .two-by-two { width: 573px; height: 278px; margin: 0 15px 15px 0; float: left; overflow: hidden; } .two-by-one img, .two-by-two img { width: 573px; height: 278px; } .one-by-two, .two-by-two { height: 573px; } .one-by-two img, .two-by-two img { height: 573px; } .item a { display: block; } .item .details { background-color: transparent; bottom: 0px; display: block; height: auto; left: 0; padding: 10px; position: absolute; width: 260px; } .two-by-one .details, .two-by-two .details { width: 575px; } .item .details a, .item .details a:visited { font-weight: bold; } /* ====== DETAIL ====== */ body.productDetail #mainBody .mainContent { padding: 0; } body.productDetail #productDetailWrapper { background-color: #ffffff; } body.productDetail #productDetail { width: 910px; height: 408px; } body.productDetail #productDetailInfo { margin-top: 50px; } body.productDetail #productDetail .detailFold { height: 408px; } body.productDetail #productTitle { padding: 0; } body.productDetail #leftDetail { width: 47px; } body.productDetail #midDetail { width: 408px; } body.productDetail #rightDetail { width: 455px; padding: 0; } body.productDetail #altTray { background: transparent; top: 50px; } body.productDetail #altTray a.alt { border: 1px solid transparent; background: transparent; width: 40px; height: 40px; margin: 0 0 5px 4px; } body.productDetail .zoomWrapper { border: 1px solid #666; } .zoomWrapperImage img { border: 0px !important; } body.productDetail #altTray a.alt.zoomThumbActive { border: 1px solid #666; } body.productDetail #altTray a img.altImg { width: 40px; height: 40px; } #mob { display: none; } body.productDetail #productDescription { padding-bottom: 30px; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; } #price-details { float: left; width: auto; } body.productDetail #customize { margin: 0; float: right; } body.productDetail #customize a.pcb { margin: 3px 3px 0 0; padding: 10px 20px; } .pageSelectorControls { width: 100%; } /* CHECKOUT */ .checkoutPage #itemSection tr.first td, .checkoutPage #itemSection tr td { border-bottom: 1px solid #e2e2e2; } .checkoutPage #itemSection { border-top: 1px solid #e2e2e2; } #itemSection .customerName { display: none; } .checkoutPage #itemSection dl dt.cartItemDesc a.edit { padding-left: 5px; } .checkoutPage #itemSection .delivery { display: none; } /* BILL & SHIP */ #cartFooter { color: #979797; } #billingAndShippingForm .emailOptIn { padding-top: 20px; } #cartFooter h3 { font-size: 1.1em; } #cartFooter .subscribeAlerts { padding-top: 9px; } #cartFooter .addressUsageList li { padding: 5px 0; } #billingAndShipping { margin-top: 10px; } #billingAndShippingForm .cartInfoRow { border-bottom: 1px solid #e2e2e2; margin-bottom: 15px; padding-bottom: 10px } #cartFooter .addressUsageList .addressUse, #cartFooter .addressUsageList .shipToSales { visibility: hidden; } .checkoutPage .ui-dialog .buttonBar a { font-size: 12px; line-height: 12px; padding: 10px 16px; border-radius: 6px !important; } .checkoutPage .ui-dialog .buttonBar a.btn-outlined { line-height: 11px; padding-top: 9px; padding-bottom: 9px; } .checkoutPage #cartFooter a.pcb { line-height: 16px; margin-top: 3px; } /* FINALIZE ORDER */ .jBox.paymentContainer .header { display: none; } .jBox.shippingMethodContainer .notes, .jBox.paymentContainer .orderChangeCancel { color: #979797; font-size: 11px; } .jBox.paymentContainer .body { padding-top: 0; } .jBox.paymentContainer .paymentTypeHeader { font-size: 14px; } .checkoutPage #printReceipt .header .buttonContainer { display: none; } .checkoutPage #printReceipt .header p { padding-left: 0; } /* ========= MY ORDERS ========= */ .profilePage #signinContainer { background-image: none; } .profilePage #signinContainer #myOrdersBox { float: none; width: 50%; margin: 0 auto; } .profilePage #signinContainer #myOrdersBox h2 { color: #222; font-weight: normal; float: none; } .profilePage #signinContainer #myOrdersForm .body { padding-bottom: 0; } .profilePage #signinContainer #myOrdersForm .body input[type=text] { width: 90%; } .pcb-start-over-or-end{ border: 0px solid transparent !important; background-position: 0 -118px !important; } /*/themes/application/prochamp/common_2015/css/pro-champ-sep2012-mobile.min.css*/ /* MOBILE LAYOUT ====================================*/ @media screen and (max-width: 749px) { body, #mainWrapper, #header, #mainBody, .mainContent, #signinTitle, #signinTitle img, .ring-story img, #secondary, #footer { width: 100%; } html,body { font-size: 100%; line-height: 1.5em; background-image: none; background-color: #ffffff; } #header { text-align: left; background-image: none; float: left; } .logos { float: none; height: auto; text-align: center; width: 100%; } .left-logo { float: none; padding: 18px 0 0 0; } .right-logo { display: none; } .title-bar { background: transparent; background-image: none; font-size: 1em; margin: 0; padding-top: 20px; width: 100%; text-align: center; height: auto; background-color: transparent; } .title-bar h1 { margin: -9px auto; } .title-bar a.title-name { display: block; margin-bottom: .5em; } .title-bar a.title-name, .title-bar a.title-name:visited, .title-bar a.title-name:focus, .title-bar a.title-name:hover { text-decoration: none; color: #ffffff; } .title-bar h1 { display: block; float: none; padding: .5em 0 2px; line-height: 1.3em; } .title-bar h1 span { display: none; } h3 { font-size: 1.4em; font-weight: bold; } .title-bar #pc-nav { display: block; margin: 1em 0 0; padding: .5em 0; text-align: center; width: 100%; } #pc-nav a, #header #pc-nav span.cart a { color: #004387 !important; display: inline-block; width: 24%; padding: 0; font-weight: normal; } .left-corner, .right-corner { display: none; } #mainBody { clear: both; background-color: #ffffff; } .mobile-billboard { display: block; width: 100%; max-width: 600px; margin: 0 auto; } #mainBody #signinContainer { padding: 0; height: auto; margin: -1em 0 4em; background-image: none !important; width: 90%; max-width: 600px; margin: 0 auto; } #signinTitle { padding-top: 0; } #buttons { width: 100%; text-align: center; } #buttons a.pcb, #buttons a.catalogFilter { text-align: center; font-size: 0.9em; margin: 0; padding: .75em 0; width: 49%; } #secondary { padding-top: 4em; } #secondary p { font-size: 0.9em; width: 400px; } #ring-gallery, .ring-story { float: none; width: 90%; max-width: 600px; margin: 0 auto; padding: 0; } .ring-story { padding-top: 3em; } #champ-ring { text-align: center; } #champ-ring img { margin-left: 0; } .video-wrapper { width: 90%; max-width: 600px; padding: 0; margin: 1em auto; text-align: center; float: none; } #footer { padding: 0; } #footer p { text-align: center; } #footer .questions span { display: block; margin-bottom: .5em; } #footer .questions, #footer .jostens { float: none; width:100%; } #footer .jostens { margin-top: 1em; } #storyScroller .story .story-text { height: auto !important; } /* ========== LOGIN PAGE ========== */ #loginWrapper { width: 90%; max-width: 600px; margin: 0 auto; text-align: center; margin-top: 2em; } #team-logo { margin: 0 auto; } body.login h1 { font-weight: normal; text-transform: uppercase; font-size: 1.2em; line-height: 1.4em; margin: 1em 0; color: #ffffff; } body.login form { width: 100%; margin: 20px auto; } body.login fieldset label { display: none; } body.login input, body.login a.submit { width: 93%; padding: .7em 3%; font-size: 1.5em; font-family: helvetica, arial, sans-serif; margin: 0 auto; } body.login input[type="submit"] { width: 100%; padding: .7em 0; } body.login input#name { border-top-left-radius: 10px; border-top-right-radius: 10px; } body.login input#pass { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 0px solid transparent; } body.login input#accessCode { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } body.login a.submit { margin: 1em 0 0; } /* ====== BROWSE ====== */ body.productBrowse .mainContent { padding: 0; width: 90%; max-width: 600px; margin: 0 auto; } .section1, .section2, .section3 { width: 100%; margin: 0; float: none; } .section1 { padding-top: 2em; } .item { width: 48%; height: auto; overflow: hidden; margin-right: 2%; } .item img { width: 100%; height: auto; } .item:nth-child(even) { margin-right: 0; } .item .details { height: auto; width: 90%; padding: 5%; display: block; background-color: transparent; position: relative; bottom: 0; font-size: 1.2em; } .two-by-one .details, .two-by-two .details { width: auto; height: auto; } body.productDetail #productsPager { height: auto; width: 100%; } body.productDetail #pageView { height: auto; width: 85%; } body.productDetail #pageScroller { width: 100%; } body.productDetail .products { width: 100%; } body.productDetail #pageScroller .products .productView { height: auto; } body.productDetail #pageScroller .products .productView.first { margin: 0 0 0 16px; } body.productDetail #productsPager h4 { margin: 0; } /* ====== DETAIL ====== */ body.productDetail #mainBody .mainContent { width: 90%; max-width: 600px; margin: 0 auto; padding: 0; } /* for backwards support */ body.productDetail #productDetailWrapper, body.productDetail #productDetail, body.productDetail #leftDetail, body.productDetail #midDetail, body.productDetail #rightDetail, body.productDetail.rectangular #productDetailWrapper, body.productDetail.rectangular #productDetail, body.productDetail.rectangular #leftDetail, body.productDetail.rectangular #midDetail, body.productDetail.rectangular #rightDetail { width: 100%; padding: 0; background-image: none; height: auto; } body.productDetail #leftDetail.detailFold, body.productDetail #productDetail .detailFold { float: none; height: auto; } body.productDetail #altTray { top: 2px; height: auto; position: relative; } body.productDetail #altTray a.alt { margin-left: 0; } #mob { display: block; width: 100%; height: auto; } body.productDetail #midDetail a { display: none; } body.productDetail #productDetailInfo { margin: 1em 0 0; width: 100%; } body.productDetail #productDescription { padding-bottom: 30px; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; font-size: 1.2em; } body.productDetail #price-details, body.productDetail #customize { float: none; margin: 2em 0; } body.productDetail #priceLabel { float: left; margin-right: 7px; font-size: 1em; padding-top: 4px; font-weight: normal; } body.productDetail #price { padding: 0; font-weight: bold; float: none; } body.productDetail #customize a.pcb { margin: 3px 3px 0 0; padding: 10px 0; width: 100%; display: block; font-size: 0.9em; text-align: center; } .browse .featured, .browse .remainder { padding-top: 1em; width: 100%; } .featured#size01 {height: auto;} .featured#size02 {height: auto;} .featured#size03 {height: auto;} .featured#size04 {height: auto;} .featured#size05 {height: auto;} .featured#size06 {height: auto;} .featured#size07 {height: auto;} .featured#size08 {height: auto;} .featured#size09 {height: auto;} .featured#size10 {height: auto;} .browse .featured .item, .browse .remainder .item { width: 48%; height: auto; overflow: hidden; margin-right: 2%; display: inline; position: relative; } .browse .featured #slot01 {top: auto; left: auto;} .browse .featured #slot02 {top: auto; left: auto;} .browse .featured #slot03 {top: auto; right: auto;} .browse .featured #slot04 {top: auto; left: auto;} .browse .featured #slot05 {top: auto; right: auto;} .browse .featured #slot06 {top: auto; left: auto;} .browse .featured #slot07 {top: auto; right: auto;} .browse .featured #slot08 {top: auto; left: auto;} .browse .featured #slot09 {top: auto; left: auto;} .browse .featured #slot10 {top: auto; right: auto;} .two-by-one .details, .two-by-two .details { width: auto; } .browse .featured .item img, .browse .remainder .item img { width: 100%; } .browse .item:nth-child(even) { margin-right: 0; } .profilePage #mainBody .mainContent { padding-left: 0px !important; padding-right: 0px !important; } .profilePage #mainBody .mainContent #signinContainer { margin-left: 0px !important; width: 100%; } .profilePage #signinContainer #myOrdersBox { margin-left: 0px !important; width: 100%; } .profilePage #signinContainer form .body { padding: 0px; } .profilePage #signinContainer form { padding: 5%; } .profilePage #signinContainer form .formField { height: auto; } .profilePage #signinContainer form .formField input { display: block; width: 95%; } .profilePage #signinContainer form .formField { margin-bottom: 10px; } .profilePage #signinContainer form .footer { display: block; width: 100%; } .profilePage #signinContainer form div.buttons { float: none; text-align: center; } /* CART */ #mainBody > .mainContent, #mainBody .mainBodyFooter { padding-left: 0; padding-right: 0; } body.checkoutPage .cartWall { padding-top: 1em; padding-bottom: 2em; } body.checkoutPage #itemSection .cartItemImage { border: 0px solid transparent; } body.checkoutPage #itemSection tbody { border-bottom: 1px solid #e2e2e2; } .checkoutPage #itemSection tr.first td, .checkoutPage #itemSection tr td { border-bottom: 0px solid transparent !important; } .checkoutPage #itemSection .cartItemAction .ui-link { padding: 10px; color: #666666 !important; border-radius: 6px; } table.zebra tr.odd + .even, table.zebra tr.even + .odd, #reviewOrder .summaryDetails, #summaryDetailsSection { border-top: 1px solid #e2e2e2; } .itemExtraInfo { margin-bottom: 20px; } .itemExtraInfo #itemSection .features { margin-bottom: 0px; } .itemExtraInfo .col2 { padding-top: 10px; } .cartItemDesc .itemName { color: #222; } .itemPrice .cartItemUnitPrice { color: #222; font-weight: bold; } #itemSection .cartItemQty input { height: auto; padding: 5px; } /* CHECKOUT */ .cartWall .header h2 { color: #222; } .paymentTypeHeader { color: #222; font-size: 18px; } .cartWall #billing_fields label { color: #222; font-size: 14px; } .checkoutPage #cartForm, .checkoutPage #billingAndShippingForm, .checkoutPage #paymentForm, .checkoutPage #printReceipt { width: 90%; max-width: 600px; margin: 0 auto; } .checkoutPage .ui-dialog .buttonBar a { font-size: 12px; line-height: 12px; padding: 10px 16px; border-radius: 6px !important; } .checkoutPage .ui-dialog .buttonBar a.btn-outlined { line-height: 11px; padding-top: 9px; padding-bottom: 9px; } .checkoutPage #paymentForm { padding: 0; } .checkoutPage #printReceipt .billingContainer, .checkoutPage #printReceipt .shippingContainer { width: auto; } /*#cartForm*/ #cartForm .cartNavigation { text-align: center; } #cartForm .cartNavigation .pcb, #cartForm .cartNavigation .pcb:hover, #cartForm .cartNavigation .pcb:focus, #cartForm .cartNavigation .pcb:visited { border-radius: 6px; color: #ffffff; float: none; width: 100%; margin: 10px 0; text-align: center; } a.pcb.primary { background-color: #333333; } #cartForm .cartNavigation .pcb.primary { height: 40px; line-height: 20px; } #cartForm .cartNavigation .pcb.secondary { background-color: #2c2c2c; width: 48%; height: 40px; line-height: 20px; } #cartForm .cartNavigation .pcb.secondary:first-child { width: 100%; } #cartForm .cartNavigation .pcb.secondary:last-child { margin-left: 4%; } } @media screen and (max-width: 480px) { #pc-nav a, #header #pc-nav span.cart a { display: inline-block; padding: 0; width: 20%; } } /* BEHAVE TABLETS, BEHAVE! -----------------------------*/ @media screen and (orientation:portrait) { html, body { width: 100%; } } @media screen and (orientation:landscape) { html, body { width: 100%; } } /*cms://includes/application/prochamp-stlouisblues/stlouisblues.min.css*/ /* Global Styles */ html {background: url(/apps/shop/images/champ/2908020/body-bg.jpg) no-repeat 0% 0% fixed #878ebd; background-size: cover; } body {background: none; } img {max-width: 100%; } .line-break {display: block; } .uppercase {text-transform: uppercase; } /* Signin Styles */ html.signin {background: url(/apps/shop/images/champ/2908021/login-bg.jpg) no-repeat 0% 33% fixed #878ebd; background-size: cover; } html.signin.stlouisblues5 {background: url(/apps/shop/images/champ/2919160/login-bg.jpg) no-repeat 0% 0% #0d2241; background-color: #062241 !important; background-size: contain; } #loginWrapper {box-sizing: border-box; padding: 0 4.5%; width: 100%; } .stlouisblues5 #loginWrapper {margin: 13.5% 0 0; } body.login #mainWrapper {width: 100%; } body.login form {max-width: 500px; width: 40%; } html.stlouisblues3 body.login form {max-width: 360px; width: 40%; } body.login input#accessCode {border-radius: 0; color: #1b2844; font: 700 1.25em 'Oswald'; letter-spacing: 0.21em; margin: 5% 0 0; text-align: center; text-transform: uppercase; } body.login input#name, body.login input#pass {border-radius: 0; font: 700 1.25em 'Oswald'; letter-spacing: 0.21em; } #signinForm .signinButton.primary {background-color: #003569; border-radius: 0; font: 700 1.25em 'Oswald'; letter-spacing: 0.21em; padding: 15px 12px; -webkit-appearance: none; } #signinForm .signinButton.primary:hover {background-color: #1b2844; } .stlouisblues5 #signinForm .signinButton.primary {background-color: #99999b; border-radius: 0; font: 700 1.25em 'Oswald'; letter-spacing: 0.21em; padding: 15px 12px; -webkit-appearance: none; } .stlouisblues5 #signinForm .signinButton.primary:hover {background-color: #545454; } .signin-title {color: #ffffff; font: 1.25em 'Open Sans'; letter-spacing: 0.024em; padding: 1.5% 27%; } .signin-title p {line-height: 2; } .signin-footer {color: #ffffff; font: 1.11em 'Open Sans'; letter-spacing: 0.024em; margin: 2.25% 0 0; text-transform: uppercase; } .signin-footer img {padding-bottom: 0.75%; } .signin-footer a {color: #ffffff; } .signin-top-banner {overflow: hidden; position: absolute; top: 50px; width: 100%; } .signin-top-banner img {position: relative; width: 100vw; } .signin-footer-rpp {color: #fff; padding: 3% 15%; } .signin-footer-rpp p {font: 1.42rem 'Open Sans'; line-height: 1.5; } .signin-footer-rpp a {color: #ffffff; } .signin-footer-rpp-center-align-content {padding: 2.25% 0 0; } .signin-footer-rpp-center-align-content h2 {font: 1.41rem 'Oswald'; letter-spacing: 0.06em; padding: 0 0 0.45%; text-transform: uppercase; } .signin-footer-rpp-center-align-content p {font-size: 1.14rem; line-height: 1.74; margin: 0 0 2.25%; } .signin-footer-rpp-center-align-content hr {margin: 0 auto 2.25%; width: 600px; } .signin-footer-rpp-left-align-content {text-align: left; } .signin-footer-rpp-left-align-content h2 {font: 1.41rem 'Oswald'; letter-spacing: 0.06em; padding: 0 0 0.45%; text-align: center; text-transform: uppercase; } .signin-footer-rpp-left-align-content p {font-size: 1.14rem; line-height: 1.74; margin: 0 0 2.25%; } .ul-p-disclaimer {margin: 0 0 0.75% !important; } .signin-footer-rpp-left-align-content ul {list-style: disc; margin: 0 0 2.25% 3.75%; } .signin-footer-rpp-left-align-content li {font: 1.14rem 'Open Sans'; font-size: 1.14rem; line-height: 1.74; margin: 0 0 0.75%; } /* Header Styles */ #header {width: 100% !important; } .main-header {background-color: #1b2844; color: #ffffff; display: flex; padding: 1.5%; } .main-header div:nth-child(2) {width: 81%; } .main-header div p {font: 1.26em 'Oswald'; letter-spacing: 0.25em; padding: 3% 0 0; text-align: center; text-transform: uppercase; } .header-primary-logo {width: 9%; } .header-jostens-logo {width: 10%; } .header-jostens-logo img {padding-top: 10%; } .title-bar {background-color: #eab339; width: 100%} .title-bar h1 {padding: 0.75% 0 0 2%; } .title-name {font: 1em 'Open Sans', sans-serif; letter-spacing: 0.5px; } #pc-nav {font: 1em 'Open Sans', sans-serif; letter-spacing: 0.5px; padding: 0.85% 1.5% 0 0!important; text-transform: uppercase; } /* Landing Styles */ #mainBody {margin: 0; width: 100%; } .landing-container-fan {background: url(/apps/shop/images/champ/2908020/history-made-landing-bg.jpg) no-repeat #fff; background-size: contain; overflow: hidden; padding: 44.017094017% 0 0; position: relative; } .landing-container-rpp {background: url(/apps/shop/images/champ/2919160/history-made-landing-bg.jpg) no-repeat #fff; background-size: contain; overflow: hidden; padding: 44.017094017% 0 0; position: relative; } html.stlouisblues2 .landing-container-fan, html.stlouisblues4 .landing-container-fan {background: url(/apps/shop/images/champ/2908019/absolutely-glorious-landing-bg.jpg) no-repeat #fff; background-size: contain; overflow: hidden; padding: 44.017094017% 0 0; position: relative; } .landing-container-fan-image {position: absolute; right: 3%; top: 4.5%; width: 36%; } .landing-container-fan-image p {color: #375a93; font: 700 1.5em 'Oswald'; letter-spacing: 0.12em; line-height: 1.35; position: absolute; right: 21%; text-align: center; text-transform: uppercase; top: 67.5%; } .landing-container-fan-image span {display: block; font-size: 0.69em; } html.stlouisblues4 .landing-container-fan-image {width: 42%; } .landing-container-rpp-image {left: 9%; position: absolute; top: 6%; } .landing-container-rpp-image img {max-width: 539px; width: 100%; } .landing-container-fan-content {box-sizing: border-box; color: #4e4e50; font: 1.05em 'Open Sans'; position: absolute; text-align: center; top: 31.5%; width: 61%; } .landing-container-rpp-content {color: #4e4e50; padding: 0 18%; position: absolute; text-align: center; top: 68.1%; } .landing-container-fan-product {display: flex; padding: 0 10.5%; } .landing-container-fan-product div:nth-of-type(1) {width: 22.369584438%; } .landing-container-fan-product div:nth-of-type(2) {width: 14.220453875%; } .landing-container-fan-product div:nth-of-type(3) {width: 29.630857648%; } .landing-container-fan-product div:nth-of-type(4) {width: 33.779104037%; } html.stlouisblues2 .landing-container-fan-product div:nth-of-type(1) {width: 31.555555555%; } html.stlouisblues2 .landing-container-fan-product div:nth-of-type(2) {width: 17.333333333%; } html.stlouisblues2 .landing-container-fan-product div:nth-of-type(3) {width: 22.962962963%; } html.stlouisblues2 .landing-container-fan-product div:nth-of-type(4) {width: 28.148148148%; } html.stlouisblues4 .landing-container-fan-product div:nth-of-type(1) {width: 29.333333333%; } html.stlouisblues4 .landing-container-fan-product div:nth-of-type(2) {width: 16.296296296%; } html.stlouisblues4 .landing-container-fan-product div:nth-of-type(3) {width: 27.259259259%; } html.stlouisblues4 .landing-container-fan-product div:nth-of-type(4) {width: 27.111111111%; } .landing-container-fan-content h2 {bottom: 0.6em; font-weight: 700; position: relative; text-transform: uppercase; } .landing-container-fan-content p {line-height: 2; padding: 0 21%; } .landing-container-rpp-content p {font: 1.035em 'Arial', sans-serif; letter-spacing: 0.06em; line-height: 1.5; margin: 0 0 3%; } html.stlouisblues2 .landing-container-fan-content p, html.stlouisblues4 .landing-container-fan-content p {line-height: 2; padding: 0 15%; } .landing-container-button {position: relative; margin: 2.25% 0 0; z-index: 1;} .landing-container-button a {background-color: #1a2843; color: #fff; display: inline-block; font-size: 0.9em; padding: 0.75% 0; text-transform: uppercase; transition: all .375s ease; width: 126px; } .landing-container-rpp-button a {background-color: #1a2843; color: #fff; display: inline-block; font-size: 0.9em; padding: 1.5% 0; text-transform: uppercase; transition: all .375s ease; width: 126px; } .landing-container-button a:hover, .landing-container-rpp-button a:hover {background-color: #003569; text-decoration: none; } .promo-disclaimer {color: #4e4e50; font: 0.9em 'Open Sans'; line-height: 1.8; padding: 6% 4.5% 3%; position: relative; text-align: center;} .promo-disclaimer strong {color: #1a2843;} .landing-divider-bar {background-color: #99999b; color: #fff; font: 1.05em 'Oswald'; letter-spacing: 0.36em; padding: 0.60% 0; text-align: center; text-transform: uppercase; } /* Landing Page Scroller Styles */ .grey-box {background-color: #e1e2e5; height: 100%; width: 55%; position: absolute; top: 0; right: 0; z-index: 2; } #leftPager {background-image: url("/apps/shop/images/champ/20190306-184500-2872245/left-arrow-pager.png?secure=true") !important; } #rightPager {background-image: url("/apps/shop/images/champ/20190306-184500-2872245/right-arrow-pager.png?secure=true") !important; } .storyPageWrapper #leftPager {left: 13px; } .storyPageWrapper #rightPager {right: 13px; } .signinStoryParagraph {color: #000; font-size: 1.4em; line-height: 1.5; text-align: center; } .signinStoryParagraph h3 {color: #1a2843; font: 700 1.5em 'Oswald'; letter-spacing: 0.075em; padding: 0 9%; } .signinStoryParagraph p {font: 0.9em 'Arial', sans-serif; letter-spacing: 0.5px; line-height: 1.5; margin-bottom: 3%; } body.landing #storyPager {background-color: #ffffff; display: block; overflow: hidden; padding: 0; } body.landing #storyScroller {display: block; width: 10000px; } body.landing #storyScroller .story {display: flex; float: left; padding: 0.35% 5px 0.25% 5px; width: 864px; } body.landing #storyScroller .story .story-image {margin-left: 30px; padding: 0 5% 0 0; padding-bottom: 0px !important; position: relative; width: 56.5%; z-index: 0; } body.landing #storyScroller .story .story-text {font-size: 0.75em; position: relative; z-index: 3; width: 63%; } body.landing #storyScroller .story .story-text ul li {line-height: 1.25em; list-style: disc; margin-left: 20px; } /* Product Detail Styles */ #body-champ_product #mainBody {width: 100%; } body.productDetail #productDetail {height: 475px; } #leftDetail.detailFold, #midDetail.detailFold, #rightDetail.detailFold {background-image: none !important; } body.productDetail #productDescription {border-bottom: 0px solid #e2e2e2; } body.productDetail #productsPager {border-top: 1px solid #e8e8e8; width: 100%} body.productDetail #productsPager h4 {margin-left: 65px; } body.productDetail #productsPager #leftPager {left: 20px; top: 57%; } body.productDetail #productsPager #rightPager {right: 0px; top: 57%; } body.productDetail #pageScroller .products .productView {padding-right: 17px; } #body-champ_product #mainBody {line-height: 1.5em; width: 100%} #body-champ_product #prod_detail_width .bodytext input[type=checkbox] {width: 13px; } #content a {color: #1a2843; } .jos-sel-group, .jos-feature-name, .jos-feature-desc {color: #000 !important; } .jos-sel-group a, .jos-feature-name a, .jos-feature-desc a {color: #1a2843 !important; } /* Checkout Styles */ #itemSection .cartItemAction a {background: none !important; } .checkoutPage #itemSection tr.first td,.checkoutPage #itemSection tr td, #cartForm .cartWall.ui-corner-bottom .contanier {border: 0px solid #e2e2e2!important; } #itemSection td.itemActions {width: 80px; } #orderSubTotalSection.orderSubTotal, #billingAndShippingForm #billing, #billingAndShippingForm #shipping, #billingAndShippingForm .cartInfoRow, #billingAndShippingForm {border: 0px solid #e2e2e2!important; } #orderSubTotalSection.orderSubTotal .orderTotalTable {box-shadow: none !important} #billingAndShippingForm .cartInfoRow, #billingAndShippingForm {margin-bottom: 0; } #billingAndShippingForm #billing {margin-right: 30px; } #billingAndShippingForm #shipping {float: left; } .checkoutPage #cartFooter {margin-top: 0px; } .checkoutPage ul.breadcrumbsWall {width: auto; } .jBox .header {background-color: #99999b; } .shippingToPoBox, #billingAndShippingForm .cartInfoRow h3 b, #billingAndShippingForm .cartInfoRow .addressUsageList, .checkoutPage .shippingMethodContainer a, .orderChangeCancel a, #reviewOrder .shippingMethodContainer .notes, #reviewOrder .paymentContainer .orderChangeCancel, .orderTotal .itemActionMsg a {display: none; } #reviewOrder .paymentContainer .paymentTypeHeader {padding-bottom: 10px; } .checkoutPage #giftCodeSection {display: inherit; } #giftCodeSection.promotionDetail .giftCodesTable {box-shadow: none !important; } #giftCodeSection .giftCodeEntry {border: none !important; } .pp-flex--8x1 iframe {display: none; } /* FAQ and My Order Styles */ body.profilePage #header {max-width: 936px; width: 100%} .content-container {letter-spacing: 0.5px; } .content-container h2 {color: #000; font-size: 1.75em; letter-spacing: 0; margin-bottom: 2%; } .content-container h3 {font-size: 1em; font-weight: 700; } .collapsibles, .content-container p, .content-container h2 {margin-bottom: 2%; } .collapsible-info p {margin: 0; padding: 0; } #myOrdersBox .header {background-color: transparent; } .profilePage.prochamp .container-content-wrapper {max-width: 936px !important; } #signinContainer #myOrdersBox #lookupOrderHref {color: #1a2843 !important; } .formField .fieldError, .formField .fieldError.error {font-size: 12px; } /* Button and Anchor Styles */ a.pcb.primary, a.pcb.primary:focus, a.pcb.primary:active, input.pcb.primary, input.pcb.primary:focus, input.pcb.primary:active {background-image: none; background-color: #1a2843; border-radius: 0; } a.pcb.primary:hover, input.pcb.primary:hover {background-color: #003569; } a.pcb.primary, a.pcb.secondary, body.productDetail #customize a.pcb {border-radius: 0; } /* Footer Styles */ #footer {background-color: transparent; border: 0; box-sizing: border-box !important; max-width: 936px; -moz-box-sizing: border-box !important; padding: 0; width: 100%; -webkit-box-sizing: border-box !important; } #footer a, #footer a:visited {color: #ffffff; font-weight: 700; } #footer p {color: #ffffff; float: none; font: 1em 'Arial', sans-serif; letter-spacing: 0.5px; line-height: 2; padding: 0 16% 1.5%; text-align: center; } #footer img {float: none; } .footer-content {background-color: #99999b; padding-top: 5%; } .footer-social {padding-bottom: 5%; } .footer-social img {width: 4%} .footer-social img:hover {opacity: 0.5; } .footer-social a {padding: 0.5%} .footer-social a:hover, .footer-social a:visited {text-decoration: none !important; } /* Medium Devices */ @media (min-width: 993px) and (max-width: 1200px) {/* Signin Styles */ body.login form {width: 500px; } .signin-top-banner {top: 4.5vw; } .signin-top-banner img {left: -24vw; max-width: inherit; width: 147vw; } .stlouisblues5 #loginWrapper {margin: 21% 0 0; } .stlouisblues5 #loginWrapper img {width: 60vw; } .signin-footer-rpp {padding: 3vw 7.5vw; } .signin-footer-rpp p, .signin-footer-rpp-center-align-content h2, .signin-footer-rpp-left-align-content h2 {font-size: 1.77vw; } .signin-footer-rpp-center-align-content p, .signin-footer-rpp-left-align-content p, .signin-footer-rpp-left-align-content li {font-size: 1.5vw; } .mobile-line-break {display: block; } .signin-footer-rpp-center-align-content hr {width: 51vw; } /* Header Styles */ .main-header div p {font-size: 1.8vw; } /* Product Detail Styles */ #body-champ_product #mainWrapper, body.checkoutPage #mainWrapper {width: 80%; } #prod_detail_table {width: 100%; } #body-champ_product #prod_detail_width #prod_top, #body-inscript #prod_detail_width #prod_top {width: 99%; } } @media (min-width: 750px) and (max-width: 1024px) {/* Landing Page Scroller Tablet Styles */ .grey-box {display: none; } #storyPager {max-width: 100%; } .storyPageWrapper #leftPager, .storyPageWrapper #rightPager {display: none !important; } #storyScroller .story {display: initial !important; padding: 20px 0 0 !important; } #storyScroller .story .story-image {margin: 0 !important; padding: 0 0 0 20vw !important; z-index: 0; } #storyScroller .story .story-image img {max-width: 336px !important; } body.landing #storyScroller .story .story-text {width: 77%; } .signinStoryParagraph {margin-top: 5%; padding-left: 7vw; text-align: center; } } /* Small Devices, Tables */ @media (min-width: 750px) and (max-width: 992px) {/* Signin Styles */ html.signin #secondary {width: 100%; } .signin-title {font-size: 2vw; padding: 2.25vw 15vw; } .signin-footer {font-size: 1.5vw; margin: 4.5vw 0 2.25vw; padding: 0 21%; } .signin-footer p {line-height: 1.5; } .signin-top-banner {top: 6vw; } .signin-top-banner img {left: -35.85vw; max-width: inherit; width: 171vw; } .stlouisblues5 #loginWrapper {margin: 24vw 0 0; } .stlouisblues5 #loginWrapper img {width: 75vw; } .signin-footer-rpp {padding: 6vw 4.5vw 4.5vw; } .signin-footer-rpp p {font-size: 2.1vw; } .signin-footer-rpp-center-align-content h2, .signin-footer-rpp-left-align-content h2 {font-size: 2.4vw; padding: 3vw 0 1.5vw; } .signin-footer-rpp-center-align-content p, .signin-footer-rpp-left-align-content p, .signin-footer-rpp-left-align-content li {font-size: 1.89vw; } .mobile-line-break {display: block; } .signin-footer-rpp-center-align-content hr {width: 60vw; } /* Header Styles */ .main-header div p {font-size: 1.8vw; } .title-bar h1, #pc-nav {font-size: 1.5vw; padding: 9px 12px 0 !important; } /* Landing Styles */ .landing-container-fan-image p {font-size: 1.95vw; } .landing-container-fan-content {font-size: 1.38vw; top: 30%; } .landing-container-button {margin: 1.5% 0 0; } .landing-container-button a, .landing-container-rpp-button a {font-size: 1.35vw; width: 12.6vw; } .landing-divider-bar {font-size: 1.38vw; } .landing #mainWrapper {width: 85%; } .landing-container-rpp-image img {width: 48vw; } .landing-container-rpp-content {padding: 0 15%; top: 64.5%; } .landing-container-rpp-content p {font-size: 1.35vw; } .promo-disclaimer {font-size: 1.2vw;} /* Landing Page Scroller Tablet Styles */ .signinStoryParagraph h3 {font-size: 2.07vw; } .signinStoryParagraph p {font-size: 1.26vw; } /* Product Detail Styles */ #body-champ_product #mainWrapper, body.checkoutPage #mainWrapper {width: 85%; } #prod_detail_table {width: 100%; } #body-champ_product #prod_detail_width #prod_top, #body-inscript #prod_detail_width #prod_top {width: 99%; } #body-champ_product #prod_detail_table .bodytext, #body-inscript #prod_detail_table .bodytext {font-size: 1em; padding: 0 2.5% 0 0; } /* FAQ and My Order Styles */ .container {width: 85%; } .nav-slide-wrapper .nav-slide {position: static; } } /* Mobile */ @media (max-width: 749px) {/* Global Styles */ #mainWrapper {width: 100%; } /* Signin Styles */ html.stlouisblues3 #loginWrapper {background: url(/apps/shop/images/champ/2908021/logo-login-mobile.png) no-repeat; background-size: contain; margin: 1.5em auto 0; padding: 119% 0 0; width: 96vw; } html.stlouisblues3 #team-logo {display: none; } body.login form {width: 70vw; } html.stlouisblues3 body.login form {margin: 0 auto; width: 60%; } body.login input {font-size: 2.5vw !important; padding: 13.5px 3%; } .signin-title {font-size: 3vw; padding: 2.25vw 0; } html.stlouisblues2 .signin-title {font-size: 3vw; padding: 2.25vw 7.5vw; } .signin-footer {font-size: 2.1vw; margin: 4.5vw 0 2.25vw; padding: 0 3vw; } .signin-footer img {width: 15.75vw; } .signin-footer p {line-height: 1.65; } .signin-top-banner {top: 6vw; } .signin-top-banner img {left: -51.45vw; max-width: inherit; width: 201vw; } .stlouisblues5 #loginWrapper {margin: 27vw auto 0; padding: 0; } .stlouisblues5 #loginWrapper img {width: 81vw; } .signin-footer-rpp {padding: 6vw 4.5vw 4.5vw; } .signin-footer-rpp p {font-size: 2.4vw; } .signin-footer-rpp-center-align-content, .signin-footer-rpp-left-align-content {padding: 2.25vw 4.5vw 0; } .signin-footer-rpp-center-align-content h2, .signin-footer-rpp-left-align-content h2 {font-size: 2.7vw; padding: 3vw 0 1.5vw; } .signin-footer-rpp-center-align-content p, .signin-footer-rpp-left-align-content p, .signin-footer-rpp-left-align-content li {font-size: 2.1vw; } .mobile-line-break {display: block; } .signin-footer-rpp-center-align-content hr {width: 66vw; } /* Header Mobile Styles */ .main-header {padding: 13.5vw 0 3vw; } .main-header div:nth-child(2) {margin: 0 auto; width: inherit; } .main-header div p {font-size: 3.21vw; letter-spacing: 0.18em; } .header-primary-logo {left: 4.5vw; position: absolute; top: 4.5vw; } .header-jostens-logo {position: absolute; right: 3vw; top: 6vw; width: 11.5vw; } .header-jostens-logo img {padding: 0; } .title-bar {height: auto; padding: 0; } .title-bar h1 {padding: 3vw; } .title-name {font-size: 3vw; font-weight: 700; letter-spacing: 0.06em; } .title-bar #pc-nav {margin: 0; padding: 2.25vw 0 !important; } #pc-nav {background: #fff} #pc-nav a {border-right: 1px solid #0C2340; color: #0C2340 !important; display: inline-block; font-size: 0.75em; width: 20%; } #header #pc-nav span.cart a {border-right: 0px solid #fff; color: #0C2340 !important; } #cartForm .cartNavigation .pcb {padding-top: 1.5%; } body.checkoutPage #mainWrapper #header .title-bar {padding: 0; } body.checkoutPage #mainWrapper #header .main-header div p {padding-top: 6%; } /* Landing Styles */ .landing #mainWrapper {width: 100%; } .landing-container-fan {background: url(/apps/shop/images/champ/2908020/history-made-landing-bg-mobile.jpg) no-repeat #fff; background-size: contain; padding: 201% 0 0; } .landing-container-rpp {background: url(/apps/shop/images/champ/2919160/history-made-landing-bg-mobile.jpg) no-repeat #fff; background-size: contain; padding: 128.170894526% 0 0; } html.stlouisblues2 .landing-container-fan, html.stlouisblues4 .landing-container-fan {background: url(/apps/shop/images/champ/2908019/absolutely-glorious-landing-bg-mobile.jpg) no-repeat #fff; background-size: contain; padding: 183.978638184% 0 0; } .landing-container-fan-image {box-sizing: border-box; padding: 0 18vw; top: 19.5%; right: 0; text-align: center; width: 100%; } html.stlouisblues2 .landing-container-fan-image {top: 19.5%; width: 100%; } html.stlouisblues4 .landing-container-fan-image {top: 21%; width: 100%; } .landing-container-fan-image p {font-size: 3.9vw; right: 30%; } .landing-container-fan-content {display: flex; flex-direction: column; top: 52.5%; width: 100%; } html.stlouisblues2 .landing-container-fan-content, html.stlouisblues4 .landing-container-fan-content {top: 60%; } .landing-container-fan-product {order: 3; padding: 0 9vw; } .landing-container-fan-content h2 {font-size: 3.6vw; padding: 0 10.5vw; order: 1; } html.stlouisblues2 .landing-container-fan-content h2 {padding: 0 15vw; } .landing-container-fan-content p {font-size: 3vw; order: 2; padding: 0 12vw; } html.stlouisblues2 .landing-container-fan-content p {padding: 0 12vw; } .landing-container-button {display: flex; flex-direction: column; margin: 0 auto; order: 4; } .landing-container-button a, .landing-container-rpp-button a {align-self: flex-start; font-size: 3vw; font-weight: 700; letter-spacing: 0.05em; margin: 0 0 2.25vw; padding: 1.8vw 0; width: 42vw; } .landing-divider-bar {font-size: 2.7vw; letter-spacing: 0.228em; padding: 2.25vw 0; } html.stlouisblues3 .landing-divider-bar {margin: 3vw 0 0; } .landing-container-rpp-image {left: 0; padding: 0 3%; top: 31.5%; } .landing-container-rpp-image img {max-width: inherit; } .landing-container-rpp-content {padding: 0 4.5vw; top: 67.5%; } .landing-container-rpp-content p {font-size: 2.85vw; margin: 0 0 6vw; } .promo-disclaimer {font-size: 2.7vw; padding: 9vw;} /* Landing Page Scroller Mobile Styles */ .grey-box {display: none; } .signinStoryParagraph h3 {display: none; } .signinStoryParagraph p {font: 2vw 'Open Sans', sans-serif; line-height: 1.5; } body.landing #storyScroller .story {display: initial; padding: 0; } body.landing #storyScroller .story .story-image {margin-left: 21vw; max-height: 70vw; padding: 5vw 0 0; position: relative; z-index: 0; } body.landing #storyScroller .story .story-image img {width: 65vw !important; } body.landing #storyScroller .story .story-text {padding-left: 12.5vw; text-align: center; width: 75vw; } .storyPageWrapper #leftPager, .storyPageWrapper #rightPager {top: 75vw} #storyScroller .carouselPointerWrapper {top: 65vw !important; } /* Product Detail Styles */ #body-champ_product #mainWrapper, body.checkoutPage #mainWrapper {width: 100%; } #body-champ_product #prod_detail_table .bodytext, #body-inscript #prod_detail_table .bodytext {font-size: 0.95em; } body.productDetail #leftDetail, body.productDetail #midDetail, body.productDetail #rightDetail {background-image: none !important; } body.productDetail #productDetailInfo {font-size: 0.75em; } #productsPager {display: none !important; } .item .details p {font-size: 0.85em; } .item .details a, .item .details a:visited {padding-bottom: 10px; } /* Checkout Styles */ #billingAndShippingForm #billing {margin-right: 0; } /* FAQ and MyOrder Styles */ .content-container {padding: 2% 5% 10%; } .content-container p {font-size: 0.75em} .content-container h2 {font-size: 1.15em; } .content-container h3 {font-size: 0.85em; } .jBox .header {clear: both; padding: 5% 0 0; } .profilePage.prochamp #signinContainer #myOrdersBox h2 {font-weight: 700; } .profilePage #signinContainer form {font-size: 0.75em; letter-spacing: 0.5px; } /* Footer Styles */ #footer a {font-weight: 700; text-transform: none; } #footer p {padding: 0 6vw 1.5vw; width: auto; } #footer img {float: none; padding: 0; position: initial; } .footer-social {display: flex; justify-content: center; padding: 4% 0; } .footer-social img {width: 75%; } } /* Mobile XS*/ @media (max-width: 430px) {/* Signin Styles */ body.login input, #signinForm .signinButton.primary {font-size: 4vw !important; padding: 1em 3%; margin: 3vw auto !important; } html.stlouisblues3 body.login form {width: 75%; } .signin-title {font-size: 3.25vw; } .signin-footer {font-size: 2.5vw; padding: 0 7.8vw; } .signin-footer-rpp {padding: 6vw; } .signin-footer-rpp p {font-size: 4.2vw; } .signin-footer-rpp-center-align-content h2, .signin-footer-rpp-left-align-content h2 {font-size: 3.6vw; } .signin-footer-rpp-center-align-content p, .signin-footer-rpp-left-align-content p, .signin-footer-rpp-left-align-content li {font-size: 3vw; } .mobile-line-break {display: inline; } /* Header Mobile Styles */ .main-header {padding: 12vw 0 4vw; } .title-bar h1 {padding: 3vw; } #pc-nav {font-size: 4.5vw; } #pc-nav a {width: 25%; } /* Landing Styles */ .landing-container-fan-image p {top: 66%; } html.stlouisblues4 .landing-container-fan-image {top: 19.5%; } html.stlouisblues4 .landing-container-fan-content {top: 58.5%; } .landing-container-fan-content h2 {padding: 0 12vw; } .landing-container-fan-content p, .landing-container-rpp-content p {font-size: 3.5vw; } html.stlouisblues2 .landing-container-fan-content p {padding: 0 9vw; } .landing-container-rpp-image {top: 27%; } .landing-container-rpp-content {top: 63%; } .promo-disclaimer {} /* Landing Page Scroller Mobile Styles */ .signinStoryParagraph p {font-size: 3.5vw; } }