.omnes-pro { font-family: omnes-pro, sans-serif; font-weight: 500;
}
.font-omnes { font-family: omnes-pro, sans-serif;
}
.font-omnes-semibold { font-family: omnes-pro, sans-serif; font-style: normal; font-weight: 600;
}
.font-omnes-bold { font-family: omnes-pro, sans-serif; font-style: normal; font-weight: 700;
}
.font-omnes-black { font-family: omnes-pro, sans-serif; font-style: normal; font-weight: 900;
}
.font-mattb { font-family: matt-b, sans-serif;
}
.item-float-right { margin: 15px 0 15px 15px; float: right;
}
.item-float-left { margin: 15px 15px 15px 0; float: left;
}
body { color: #666666; font-size: 13px; font-family: omnes-pro, sans-serif; background-position:center 127px; background-repeat:no-repeat;
}
body a,
body a:visited,
body a:active { color: #288d26; outline: none; text-decoration: none;
}
body a:hover { text-decoration: underline;
}
body h1 { color: #288d26; font-size: 54px; word-wrap: break-word;
}
body h1 span:nth-child(1n+1) { color: #248125;
}
body h1 span:nth-child(2n+2) { color: #248125;
}
body h1 span:nth-child(3n+3) { color: #59a139;
}
body h2 { color: #7c7c7c; font-size: 23px; font-weight: normal;
}
body hr { clear: both;
}
body code,
body pre { font-size: 11px; border: 1px #efefef solid; border-radius: 3px; padding: 2px 4px; line-height: 16px; background: #f6f6f6; color: #333333;
}
body aside h1 { font-size: 14px; font-weight: 500; margin: 10px 0 0;
}
body aside h3 { color: #cccccc; text-align: center; font-weight: 500; margin: 10px 0 5px; text-transform: uppercase;
}
body aside hr { background-position: -6px -53px;
}
body input[type=text],
body input[type=password],
body input[type=email] { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid transparent; border-color: #cbcbcb; padding: 6px 10px; -webkit-appearance: none;
}
body .input-wrapper { left: -40px; padding: 5px 0 5px 40px; position: relative; background-position: left top; background-repeat: no-repeat;
}
body .input-wrapper.error { background-image: url("//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/components/validation/validation-flag.png?yocs=r_&yoloc=eu");
}
body .input-wrapper.valid { background-image: url("//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/components/validation/thumbs-up.png?yocs=r_&yoloc=eu");
}
body input[type=text],
body input[type=password],
body input[type=email],
body label { color: #268c26; display: block; font-size: 16px; font-weight: 500; margin: 5px 10px 10px 0;
}
body label { font-size: 18px; font-weight: bold;
}
body label em { color: #b7b7b7; font-size: 16px; font-weight: normal;
}
body label.label_error strong { color: #fc4100;
}
body input.error { border-color: #fc4100;
}
body input[type=submit],
body a.submit { font-family: omnes-pro, sans-serif; background-image: url(//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/green-button.jpg?yocs=r_&yoloc=eu); background-position: -2px 0; background-repeat: no-repeat; background-color: transparent; border: none; color: white; font-weight: 600; font-size: 18px; height: 46px; line-height: 38px; margin: 20px 0; padding: 0; width: 123px;
}
body input[type=submit]:hover,
body a.submit:hover { color: #f9d502;
}
body input[type=submit]:active,
body a.submit:active { background-position: -2px -55px; line-height: 50px;
}
body fieldset { clear: both; padding-top: 25px;
}
body fieldset hr { background-image: url("//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/rules.png?yocs=r_&yoloc=eu"); background-position: -10px 0; border: none; height: 10px; position: relative; left: -5px;
}
body fieldset a { color: #288d26;
}
body fieldset h1 { font-size: 30px;
}
body fieldset h2 { font-size: 22px; font-weight: bold;
}
body .fields-horizontal { clear: both; height: 100%; overflow: hidden;
}
body .fields-horizontal .field-float { float: left; padding-right: 19px; position: relative;
}
body select { margin-bottom: 10px;
}
body li { line-height: 22px;
}
body .invert { background: #333333; color: #ffffff;
}
body .content { border: 1px #efefef solid; -webkit-box-shadow: 1px 1px 8px #efefef; margin-bottom: 50px;
}
body .background-grey { background: #eaeaea;
}
body .background-white { background: #ffffff;
}
body .shadow { -webkit-box-shadow: 1px 1px 8px #efefef; -moz-bix-shadow: 1px 1px 8px #efefef;
}
body .grid-margin-top-large { margin-top: 75px;
}
body .grid-margin-top { margin-top: 50px;
}
body .grid-margin-top-small { margin-top: 20px;
}
body .grid-margin-bottom { margin-bottom: 50px;
}
body .grid-margin-bottom-small { margin-bottom: 20px;
}
body .detail-description { clear: both;
}
body .detail-description h1,
body .detail-description h2 { clear: both; color: #f79635; font-size: 21px; font-family: omnes-pro, sans-serif; font-style: normal; font-weight: 700; margin: 8px 0;
}
body .detail-description p { color: #7d7d7d; line-height: 28px; margin: 0; padding: 0 0 20px;
}
body .detail-description p { font-size: 18px;
}
body input[type="range"] { background: #efefef; height: 2px; width: 120px;
}
body footer .status { clear: both; float: right; width: auto; margin-right: 60px; margin-top: 8px; text-align: right; color: #FFBF7F; font-weight: 600; font-size: 14px;
}
body footer .status span { color: #f79635; font-weight: 600;
}
body footer .more-button { float: right; overflow: hidden; position: relative; width: 270px;
}
body footer .more-button a { background-image: url(//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/components/resultsgrid/more-button.png?yocs=r_&yoloc=eu); background-repeat: no-repeat; background-position: center -10px; clear: both; color: #fff; display: block; font-size: 19px; font-weight: 600; height: 42px; margin: 0; padding-top: 5px; padding-bottom: 5px; text-align: center; width: 270px;
}
body footer .more-button a:active { background-position: center -68px;
}
body footer .more-button a:hover { text-decoration: none; color: #f9d502;
}
body footer .grid-width-9 .more-button { clear: none; float: left; width: 510px;
}
body footer .grid-width-9 .more-button:hover { text-decoration: none; color: #f9d502;
}
body footer.grid-width-7 { padding-top: 40px; position: relative;
}
body footer .pagination { clear: both;
}
body.page { font-family: omnes-pro, sans-serif;
}
body.page .page-title h1 { font-size: 54px; line-height: 54px; margin: 35px 0;
}
body.page nav h1 { font-size: 21px;
}
body.page .main-content { margin-bottom: 40px; min-height: 600px;
}
body.page .main-content p { font-size: 14px; line-height: 20px;
}
body.page .main-content p a:hover { border-bottom-color: #603913; color: #603913; text-decoration: none;
}
body.page .main-content p.subhead { font-size: 18px; line-height: 28px;
}
body.page .main-content .main-content-inner { margin-left: 40px; margin-right: 40px;
}
.oldie body.page .main-content { min-height: 0;
}
.oldie #printMessageBox { display: none;
}
.browser-xp-not-ie body { font-weight: 500;
}
.browser-xp-not-ie body.page .main-content p,
.browser-xp-not-ie body.page .main-content li { font-family: sans-serif;
}
.browser-xp-not-ie body.page .main-content .subhead { font-family: omnes-pro, sans-serif;
}
.browser-xp-not-ie aside h3 { font-family: sans-serif;
}
body.search-results .page-title .search-form { margin-left: 200px; width: 250px;
}
body.search-results .search-results-list ul { padding-left: 10px;
}
body.search-results ul { padding-left: 0px;
}
body.search-results ul .search-results-activities { margin: 0; padding: 0;
}
body.newsletter-success h1 { margin-bottom: 0;
}
body.newsletter-success .grid-width-12.grid-full.main-content { margin-left: 15px;
}
body.login h1 { font-family: omnes-pro, sans-serif;
}
body.login .grid-full.grid-width-12.main-content { margin-left: 20px;
}
body.calendar .more-button { float: left;
}
body.calendar .more-button:hover { text-decoration: none; color: #f9d502;
}
body.calendar ul.calendar-list .calendar-event { font-family: omnes-pro, sans-serif; clear: both; list-style: none;
}
body.calendar ul.calendar-list .calendar-event .calendar-date { color: #b1b1b1; font-size: 11px; font-weight: 500; margin: 10px 10px 0; text-transform: uppercase;
}
body.calendar ul.calendar-list .calendar-event > h2 { color: #268c26; font-size: 36px; line-height: 36px; font-weight: 600; margin: 3px 10px;
}
body.calendar ul.calendar-list .calendar-event h3 { color: #f7941d; clear: both; font-size: 21px; margin: 30px 10px 20px; font-weight: 600;
}
body.calendar ul.calendar-list .calendar-event hr { background-image: url(//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/rules.png?yocs=r_&yoloc=eu); background-position: -10px -105px; background-repeat: no-repeat; border: 0; height: 10px;
}
body.calendar ul.calendar-list .calendar-event ul { margin: 0; padding: 0;
}
body.calendar ul.calendar-list .calendar-event ul li.list-item { margin: 0 10px;
}
body.contact-info .us-state { display: none;
}
body.contact-info .state { display: none;
}
body.contact-info .postal { display: none;
}
body.contact-info .grid-full.grid-width-12 { margin-left: 20px;
}
body.contact-info .contact-submit { font-family: omnes-pro, sans-serif; font-weight: 500; background-color: transparent; background-image: url(//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/green-button.jpg?yocs=r_&yoloc=eu); background-position: -2px 0px; background-repeat: no-repeat; border: none; clear: both; color: white; display: block; font-size: 18px; height: 45px; line-height: 45px; width: 125px; text-indent: 30px;
}
body.contact-info .contact-submit:hover { text-decoration: none; color: #f9d502;
}
body.contact-info .contact-submit:active { background-position: 0 -55px; color: #f9d502; line-height: 47px;
}
body.type-m .result-grid-container .products-head { margin-right: 0;
}
body.type-m .result-grid-container .scrollpane-background { margin-top: 10px; margin-left: 30px;
}
body.ideasinaninstant-page .page-title h1,
body.things-to-do-page .page-title h1 { margin-top: 0;
}
body.ideasinaninstant-page .page-title p,
body.things-to-do-page .page-title p { font-size: 19px; margin-bottom: 0;
}
body.ideasinaninstant-page .page-intro,
body.things-to-do-page .page-intro { font-size: 18px; color: #7D7D7D; line-height: 28px; margin-bottom: 35px;
}
body.ideasinaninstant-page .main-content.grid-top-right-margin,
body.things-to-do-page .main-content.grid-top-right-margin { margin-top: 60px; margin-left: 60px;
}
body.register .register-form-container { margin-left: 20px;
}
body.dob .grid-full.grid-width-12.main-content { margin-left: 20px;
}
.oldie body.register .main-content { min-height: 0;
}
.ie9 body.register .main-content { min-height: 0;
}
body.three-column .page-title h1 { margin-left: 195px;
}
body.explore-color-detail .footer.top-footer.hasideasinaninstant { margin-top: 43px;
}
body.explore-color-detail .subnav { margin-left: 10px; margin-right: 10px; width: 940px; margin-bottom: 45px;
}
body.explore-color-detail .subnav hr.grid-width-12 { width: 940px;
}
body.explore-color-detail .subnav .breadcrumbs.grid-width-9 { width: 700px;
}
body.explore-color-detail .long-button { display: block; background-image: url("//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/components/product-detail/product-detail-sprite.jpg?yocs=r_&yoloc=eu"); background-position: -12px -227px; background-repeat: no-repeat; clear: both; line-height: 30px; margin-top: 110px; color: white; display: block; font-family: omnes-pro, sans-serif; font-weight: 600; font-size: 14px; height: 45px; text-align: center;
}
body.explore-color-detail .long-button:hover { text-decoration: none; color: #F9D502;
}
body.explore-color-detail aside { padding-right: 20px;
}
body.explore-color-detail .scrollpane-background { width: 940px; margin-left: 0; margin-bottom: 120px;
}
@media only screen and (max-width: 480px) { body form .fields-horizontal .field-float { float: none; } body footer.grid-width-7 .status { clear: both; float: none; margin: 0 auto 20px; position: relative; text-align: center; } body h1 { font-size: 48px; } body.newsletter-success .grid-width-12.grid-full.main-content { margin-left: 0x; } body.page .page-title { margin: 0 10px; } body.page .page-title h1 { font-size: 30px; line-height: 30px; margin: 30px 0 20px; } body.page .main-content { min-height: 0; } body.page .main-content .main-content-inner { margin: 0; } body.page .main-content .main-content-inner p { padding-left: 10px; padding-right: 10px; } body.register .register-form-container { margin-left: 10px; } body.dob .grid-full.grid-width-12.main-content { margin-left: 10px; } body.contact-info .grid-full.grid-width-12 { margin-left: 10px; } body.search-results .page-title .search-form { margin-left: 0; width: 300px; } body.search-results .main-content .main-content-inner ul.search-results-activities p { padding: 0; } body.error .page-title h1 img { width: 300px; } body.calendar .calendar-event { margin: 0; } body.calendar .calendar-event h3 { margin: 10px; } body.calendar .calendar-event ul { margin: 0 10px; } body.calendar .more-button { float: none; margin: 0 auto; } body.calendar .status { float: none; margin: 0 auto; padding-bottom: 20px; text-align: center; } body.type-m .products-head { margin-left: 0; } body.type-m .result-grid-container .scrollpane-background { margin-left: -10px; } body.type-m .combinedfilters { margin-left: 33px; } .coloring-page .coloringpage h1 { margin-top: 20px; margin-bottom: 15px; line-height: 50px; font-size: 50px; } body.calendar ul.calendar-list { padding-left: 0; } body.calendar ul.calendar-list .calendar-event > h2 { margin-bottom: 10px; } body.search-results .search-results-products { float: none; clear: both; } body.search-results .results-grid .itemrenderer { float: left; clear: both; } body.my-account .page-header-overlay { background: #fff; width: 300px; } body.my-account .page-header-overlay .grid-width-full-small { margin-left: 0; margin-right: 0; margin-top: 0; } body.my-account .page-header-overlay .main-content { min-height: 0; margin: 0; } body.my-account .page-header-overlay aside { margin-left: 0; margin-right: 0; } body.my-account .page-header-overlay .your-favorite-color, body.my-account .page-header-overlay .your-favorite-color-text { display: none; } body.ideasinaninstant-page .page-header-overlay { background-color: #fff; padding-left: 0; padding-right: 0; } body.ideasinaninstant-page .page-header-overlay .grid-width-full-small { margin-left: 0; margin-right: 0; margin-top: 0; } body.error .search-form input[type="submit"] { right: 25px; top: 13px; } body.things-to-do-page .main-content.grid-top-right-margin { margin-top: 60px; margin-left: 0px; } body.explore-color-detail .subnav { width: 280px; } body.explore-color-detail .subnav hr.grid-width-12 { width: 280px; } body.explore-color-detail .subnav .breadcrumbs.grid-width-9 { width: 280px; } body.explore-color-detail .long-button { background-position: 15px -227px; } body.explore-color-detail aside { padding-right: 0; } body.explore-color-detail .scrollpane-background { width: 100%; } body.explore-color-detail .scrollpane-background .scrollpane { width: 280px; margin-left: auto; margin-right: auto; } body.explore-color-detail .scrollpane-background .scrollpane .itemrenderer { width: 260px; }
}
.doodad1 { display: none; position: absolute; left: 5%; z-index: -1;
}
.doodad2 { display: none; position: absolute; left: 90%; z-index: -1;
}
.new_doodad1 { display: none; position: absolute; left: 5%; z-index: -1;
}
.new_doodad2 { display: none; position: absolute; left: 90%; z-index: -1;
}
@media only screen and (min-width: 1300px) { .doodad1 { display: block; position: absolute; left: 2%; z-index: -1; } .doodad2 { display: block; position: absolute; left: 87%; z-index: -1; } .new_doodad1 { display: block; position: absolute; left: 2%; z-index: -1; top: 127px; } .new_doodad2 { display: block; position: absolute; left: 87%; z-index: -1; top: 127px; }
}
@media (max-width:479px)
{ .productcatalogs { display:none; }
}
.productcatalogs-headline
{ color: rgb(35, 122, 30); font-weight:900; font-size:16px; margin-bottom:20px;
}
.productcatalogs .catalog-button
{ background-image:url("//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/components/button/catalog-button.png?yocs=r_&yoloc=eu"); background-position: 50% -10px; background-repeat:no-repeat; display:block; height:33px; width:165px; text-align:center; padding-top:8px; margin-bottom:10px;
}
.productcatalogs .catalog-button:active
{ background-position: center -68px;
}
a .catalog-button
{ color:#FFF; font-size:16px; font-weight:600;
}
a .catalog-button a:hover
{ text-decoration:none; color:#f9d502;
}
.grid-container .instructions-button,
.grid-container .instructions-button:visited,
.grid-container .instructions-button:link { color: #FFFFFF; display: block; font-family: omnes-pro, sans-serif; font-weight: 600; font-size: 14px; height: 45px; text-align: center; background-image: url("//cdn-eu-ec.yottaa.net/5716d159312e58725a000055/www.crayola.com/v~13.45/application/images/components/product-detail/product-detail-sprite.jpg?yocs=r_&yoloc=eu"); background-position: -12px -227px; background-repeat: no-repeat; clear: both; line-height: 30px; margin-top: 0px;
}
.grid-container .instructions-button:hover { text-decoration: none; color: #f9d502;
}
.grid-container .instructions-button:active { background-position: -12px -277px; line-height: 31px;
}