@import url('menu.css'); @import url('icons.css'); @import url('carousel.css'); @import url('ll-carousels.css'); @import url('catalog-srp.css'); @import url('auxpages.css'); @import url('common.css'); @import url('default-skin.css'); @import url('photoswipe.css'); @import url('apple-pay.css'); @import url('map.css'); @import url('b2b.css'); @import url('bootstrap-datepicker.min.css'); @import url('https://fonts.googleapis.com/css?family=Hind+Vadodara:300,400,500,600,700'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700'); /* careers page font */ @import url('https://fonts.googleapis.com/css?family=Raleway'); /*LL-7481 - updated all body copy from 14px/1.4em to 15px/22px */ /*body, input, select {font-family:'Hind Vadodara', sans-serif; font-size: 15px ; line-height: 22px; color: #020202; -moz-osx-font-smoothing: grayscale; }*/ /*LL-12248 - updated all body copy to google Open Sans from 15px/22px to 14px/23px */ body, input, select {font-family:'Open Sans', sans-serif; font-size: 14px ; line-height: 23px; color: #020202; -moz-osx-font-smoothing: grayscale; } /* base.css */ /* ie10 select drop down arrow remove */ /* select::-ms-expand { display: none; } */ body, input, select { -webkit-font-smoothing: antialiased !important; } /* Minimum Height for Page Refreshes + Loading */ #page.container {min-height: 750px!important;} /* Change also affecting SVN #main .container {width: 100%; padding-left: 0px; padding-right: 0px;} */ /* Hidden Areas .viewLarger {display:none;} View Larger on PDP*/ /*facebook*/ .fb_iframe_widget {display: inline!important;position: relative; margin-left: 33px;} /* LL-4509 - facebook icon on FCFK */ .fb_iframe_widget.fcfk-social-icon {margin-left: 5px;} /* Headings */ h1,.h1 { font-family: 'Roboto Slab', serif; font-weight: 700; margin: 0 0 18px; font-size: 28px !important; line-height: 31px; } h2,.h2 { font-family: 'Roboto Slab', serif; font-weight: 700; margin: 0 0 16px; font-size: 22px !important; position: relative; line-height: 29px; } h3 { font-weight: 700; font-size: 21px; } h4 { line-height: 1.4; } h5 { font-weight: 700; font-size: 1em; } /* LL-18864 - Add New Class To Make Fonts Roboto slab with added class */ .newHeadFont { font-family: 'Roboto Slab', serif; font-weight: 700; } a.modalLink:focus {text-decoration: none !important; color: #0072bc;} a { cursor: pointer; /* color: #ed1c24; */ color: #0072bc; outline: none !important; text-decoration: none;} a.no-link:hover,a.no-link:focus {text-decoration: none !important;} a>i { display: inline-block; } a:hover, #main a.noline:hover { text-decoration: underline; color: #0072bc; /* color: #ed1c24; */ } a.disabled, span.disabled { color: #ccc; cursor: not-allowed; } /*select box IE 10+ hack*/ select::-ms-expand { display: none!important; } /*select box select color IE*/ select:focus::-ms-value { background: #fff; color: #020202; } /*paragraph classes*/ p {margin: 0 0 15px;} .largebody {font-size:15px; line-height: 19px;} /*.smallbody {font-size:13px; line-height: 19px;}*/ .smallbody {font-size:14px; line-height: 23px;} .bold {font-weight: 700;} /*Quick View Color Swatches*/ .blackqv { color: #000000 !important; } .whiteqv { color: #ffffff !important; text-shadow: -1px 0 #cccccc, 0 1px #cccccc, 1px 0 #cccccc, 0 -1px #cccccc;} .grayqv { color: #999999 !important; } .grayCarpetqv {color: #aaaaaa !important; } .graySSqv { color: #959a96 !important; } .silverqv { color: #959a96 !important; } .autumnBrownqv { color: #5d3e37 !important; } .darkBrownqv { color: #663300 !important; } .brownqv { color: #94670d !important; } .warmBrownqv { color: #996600 !important; } .lightBrownqv { color: #cc9966 !important; } .tanqv { color: #cc9966 !important; } .summerSandqv { color: #e9cb96 !important; } .almondTanqv { color: #f7d5a8 !important; } .burgundyqv { color: #cc3333 !important; } .flameRedqv { color: #c80014 !important; } .redCPqv { color: #d20004 !important; } .redqv { color: #e60000 !important; } .scarletqv { color: #e6003c !important; } .redSSqv { color: #f61749 !important; } .holidayRedqv { color: #ff0000 !important; } .redOrangeqv { color: #ff6600 !important; } .orangeqv { color: #ff9900 !important; } .goldqv { color: #d8b055 !important; } .yellowqv { color: #ffcc33 !important; } .yellowIPqv { color: #f3e160 !important; } .yellowpaleqv {color: #fdf3e3 !important; text-shadow: -1px 0 #cccccc, 0 1px #cccccc, 1px 0 #cccccc, 0 -1px #cccccc;} /* LL-12724 - New Yellow Dark Pale Quick View Color Swatches*/ .yellowdkpaleqv {color: #f3d997 !important; text-shadow: -1px 0 #cccccc, 0 1px #cccccc, 1px 0 #cccccc, 0 -1px #cccccc;} .canaryYellowqv { color: #f4f400 !important; } /*LL-9361 - new colors added - Azure Blue and Nile Green */ .nileGreenqv { color: #99CC00 !important; } .lightGreenqv { color: #99ff33 !important; } .lightGreenSSqv { color: #a0e15b !important; } .mediumGreenqv { color: #a8dd73 !important; } .brilliantLimeqv { color: #99cc00 !important; } .brightGreenqv { color: #66cc33 !important; } .limeqv { color: #85c03f !important; } .appleGreenqv { color: #339900 !important; } .holidayGreenqv { color: #009900 !important; } .emeraldGreenqv { color: #379955 !important; } .darkGreenqv { color: #338c33 !important; } .forestGreenqv { color: #00663b !important; } .sageGreenqv { color: #90ba8e !important; } .greenPLqv { color: #b7decb !important; } /* LL-12724 - New Pale Green Quick View Color Swatches*/ .greenpaleqv { color: #8fc37c !important; } .greenqv { color: #009629 !important; } .blueGreenqv { color: #46a683 !important; } .turquoiseSSqv { color: #28bb90 !important; } .tealqv { color: #359fb0 !important; } /*LL-9361 - new colors added - Azure Blue */ .azureBlueqv { color: #33CCCC !important; } .oceanBlueqv { color: #006678 !important; } .aquaqv { color: #3fbef3 !important; } .turquoiseqv { color: #33ccff !important; } .lightBlueqv { color: #8ed8f8 !important; } .skyBlueSSqv { color: #b6d9f5 !important; } .skyBlueqv { color: #99ccff !important; } .blueBBqv { color: #74add8 !important; } .brightBlueqv { color: #3399ff !important; } .blueqv { color: #3366ff !important; } .seaBlueqv { color: #618dc8 !important; } .blueKCqv { color: #5688e8 !important; } .royalBlueqv { color: #003399 !important; } .darkBlueqv { color: #003399 !important; } .violetqv { color: #6600cc !important; } .purpleIPqv { color: #6600cc !important; } .purpleqv { color: #663399 !important; } .violetSSqv { color: #955bc1 !important; } .lilacqv { color: #cc99ff !important; } .lilacSSqv { color: #cc99ff !important; } .pinkqv { color: #FF99CC !important; } .pinkIPqv {color: #ee73b0 !important;} .pinkSSqv { color: #fea1bc !important; } .shockingPinkqv { color: #ff6699 !important; } .hotPinkqv { color: #ff6699 !important; } .magentaqv { color: #e60099 !important; } .clearqv {color: #eeeeee !important; text-shadow: -1px 0 #cccccc, 0 1px #cccccc, 1px 0 #cccccc, 0 -1px #cccccc;} .assrtqv { background-image: url("../images/assorted.jpg"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} .primaryqv { background-image: url("../images/sw-primary.jpg"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} .neonqv { background-image: url("../images/sw-neon.jpg"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} /*LL-7482 - multicolor color swatch - same image as assrtqv */ .multicolorqv { background-image: url("../images/assorted.jpg"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} /*Carpet Colors*/ .forestGreenCarpetqv { color: #5c6d43 !important; } .navyBlueCarpetqv { color: #344c78 !important; } .charcoalCarpetqv { color: #858988 !important; } .plumCarpetqv { color: #875d8d !important; } .burgundyCarpetqv { color: #6a1721 !important; } .greenCarpetqv { color: #487570 !important; } .blueCarpetqv { color: #445580 !important; } .greyCarpetqv { color: #767475 !important; } .greyLight { color: #999999 !important; } /* LL-14023 - color swatches for glitter paint */ .sv-gl-qv { background-image: url("../images/sv-gl.gif"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} .rd-gl-qv { background-image: url("../images/rd-gl.gif"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} .rg-gl-qv { background-image: url("../images/rg-gl.gif"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} .gl-gl-qv { background-image: url("../images/gl-gl.gif"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} .ye-gl-qv { background-image: url("../images/ye-gl.gif"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} .gr-gl-qv { background-image: url("../images/gr-gl.gif"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} .bu-gl-qv { background-image: url("../images/bu-gl.gif"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} .vt-gl-qv { background-image: url("../images/vt-gl.gif"); background-size: 18px 18px; letter-spacing: 5px; border-radius:50%; width: 16px; height: 16px; margin-top: 1px;} /*genericColors*/ .blueLink {color: #0072bc !important;} .black { color: #000000 !important; } .white { color: #ffffff !important; } .red { color: #e60e0e !important; } .green { color: #00b422 !important; } .blue { color: #0072bc !important; } .gold { color: #fc0 !important; } .grey { color: #666666;} .warmbrown { color: #996600 !important; } .tan { color: #CC9966 !important; } .royalblue { color: #003399 !important; } .blue2 { color: #3366FF !important; } .skyblue { color: #B6D9F5 !important; } .purple { color: #663399 !important; } .violet { color: #955BC1 !important; } .pink { color: #FEA1BC !important; } .lilac { color: #FDAED0 !important; } .shockpink { color: #FF6699 !important; } .magenta { color: #E60099 !important; } .holidayred { color: #FF0000 !important; } .burgundy { color: #CC3333 !important; } .orange { color: #FF9900 !important; } .dkorange { color: #FD9326 !important; } .yellow { color: #FFCC33 !important; } .lightgreen { color: #A0E15B !important; } .brilliantlime { color: #99CC00 !important; } .holidaygreen { color: #009900 !important; } .turquoise { color: #28BB90 !important; } .brightblue { color: #2dbde6 !important; } .brightpurple { color: #dc46d2 !important; } .brightorange { color: #fa8647 !important; } .brightpink { color: #fd469c !important; } .brightyellow { color: #fff203 !important; } .brightgreen { color: #9ee447 !important; } .clear-both {clear:both; } /*LL-13410 - lakeshore color black #020202 */ .ll-black { color: #020202!important; } hr {border-color: #ccc; margin-top: 15px; margin-bottom: 15px;} .textbox { border: 1px solid #CCCCCC; padding: 5px 10px; display: inline-block; } /* LL-8324 - remove underlines from links */ #main a:hover, .modal-body a:hover, #main a.line:hover, #main a.noline:hover, .qo-remove:focus {text-decoration: underline;} /*as per EC-6164 do no remove !important declaration*/ #cvv-help.order-status.no-link:hover {text-decoration: none !important} .nowrap { white-space: nowrap; } .ellipsis { text-overflow: ellipsis; overflow: hidden; display: block; } .bg-red { background-color: #ed1c24 !important; } .bg-green { background-color: #00b422 !important; } .bg-blue { background-color: #58acc0 !important; } .bg-grey { background-color: #a6a6a6 !important; } .bg-black { background-color: #020202 !important; } .bg-white { background-color: #ffffff !important; } .br-blue {border: 1px solid #3B92C7;} strong { font-weight: 700; } .btn {border-radius:4px!important;} img.autofill { width: 100%; margin: 0 auto; } .bgcover { background-position: center center; background-size: cover; } dl.row { margin-top: 0; margin-bottom: 10px; } .row>ul { margin: 0; } ul.list-arrow li { position: relative; padding-left: 12px; font-weight: 600; list-style: none; } ul.list-arrow li a { color: #020202; } ul.list-arrow li:before { font-family: 'FontAwesome'; content: "\f105"; color: #ed1c24; position: absolute; left: 0; } .row.tight { margin-left: 0; margin-right: 0; } .row.tight>* { padding-left: 0; padding-right: 0; } .row.narrow { margin-left: -8px; margin-right: -7px; } .row.narrow>* { padding-left: 8px; padding-right: 7px; } li.row { margin: 0; margin-left: -15px !important; margin-right: -15px !important; padding: 0; } li.row.tight { margin-left: 0 !important; margin-right: 0 !important;} li.row.narrow { margin-left: -8px !important; margin-right: -7px !important;} /* #wrapper, .mp-pusher { width: 100% !important; background: #fff; } */ /* promos */ .banner { background: #f0b132; color: #020202; text-transform: uppercase; padding: 10px; font-size: 13px; } .banner a { font-size: 13px; text-decoration: underline!important; color: #020202;} .banner-lg { font-size: 1.2em; padding: 15px; } /* header */ #header { background: #3784be; /* Old browsers */ background: -moz-linear-gradient(top, #3784be 0%, #3d9bcd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3784be 0%,#3d9bcd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3784be 0%,#3d9bcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3784be', endColorstr='#3d9bcd',GradientType=0 ); /* IE6-9 */ color: #777; height: 100px; position: relative; z-index: 1040; } #header a, #header a:hover { color: #fff; } /* LL-14300 - checkout header - logo spacing 22px to 17px*/ .header-left { padding-top: 25px; } .header-center { height: 80px; overflow: hidden; position: relative; padding: 0; } .co-header .header-center { height: 40px; } a.ll-logo {position:relative; display: inline-block;} a.ll-logo:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0;} a.header-logo { position: relative; top: -138px; display: block; font-size: 280px; } /* LL-14300 - checkout header - logo spacing 22px to 17px*/ .header-right { padding-top: 13px; } p.header-user { font-size: 13px; margin:0px!important;} p.header-user small { margin-left: 5px; } form.header-search { position: relative; } form.header-search input { padding-right: 30px; } /* LL-8874 - HEADER PROMO BANNER STYLES - desktop width*/ #header-promo { width: 100%; height:40px; display: block; padding:10px; margin: 0px; font-size: 13px; /*background-color: #F0B132;*/ background-color: #29568F; color: #ffffff; text-align: center; } /*Temp styles for deactivated TypeAhead height: 40px; background-color: #fff !important; border-radius: 20px !important; border: none; padding: 6px 50px 6px 18px !important; }*/ /* PDP Sticky Button */ .stickyButton { position: fixed; z-index: 100; bottom: 0; width: 100%; border-top: solid 1px rgba(0, 0, 0, .5); box-shadow: 0 -1px 2px rgba(0, 0 , 0, .3); height: 80px; background-color: #fff; } .pdp-sticky-hide { display: none !important; } .pdp-sticky-show { display: block !important; } /* */ form.header-search input::-ms-clear { display: none; /*Hides IE 10+ Clear Field X*/ } form.form input.form-control::-ms-clear { display: none; /*Hides IE 10+ Clear Field X*/ } form.header-search button { background: none; border: none; font-size: 22px; position: absolute; padding:0px; right: 50px; top: 6px; outline: none;} /*Typeahead*/ .ll-typeahead .ll-autosuggest-container {position: absolute; top: 100%; left: 0px; z-index: 100; border-top:1px solid #ccc !important; padding-top:10px} .ll-typeahead .ll-autosuggest-container hr.light-grey {color:#ccc;margin:2px 20px 8px 20px} .ll-typeahead .ll-autosuggest-container .tt-suggestion a {text-decoration:none; color:#020202!important} .ll-typeahead .ll-autosuggest-container .left-border {border-left:1px solid #ccc} .ll-typeahead .ll-autosuggest-container.open .tt-right {background-color:#ccc} .ll-typeahead #search::-ms-clear {display:none} .tt-suggestion.tt-selectable {font-size: 14px;} .tt-dataset-search-terms i {padding-left: 4px; padding-bottom: 40px; display: block;} .autosuggest-content {font-size: 13px; line-height: 18px;} .ll-typeahead button.glyphicon-remove, .ll-typeahead button.icon-search {outline: none} /* LL- 9741 - move the close icon to left off of the search icon */ span.ll-typeahead > button.glyphicon-remove::before { content: "\e014"; margin-right: 30px!important; } .ll-typeahead {width: 600px!important;} .ll-typeahead .form-control {height:40px; background-color:#fff!important; border-radius: 20px!important; border: none; padding: 6px 65px 6px 18px !important;} .ll-typeahead input[type=text]:focus, textarea:focus {border:1px solid #ccc; border-bottom: 0px!important;} .ll-typeahead input[type=text], textarea {outline: none!important;} .ll-typeahead .icon-search.ta-search-icon {width: 40px; height: 40px; right: 0; top: 0; border-top-right-radius: 50%; border-bottom-right-radius: 50%; z-index: 20000} .ll-typeahead .icon-search.ta-search-icon.highlight{background-color: #ccc;} .tt-left {position: absolute; left: -1px; background-color: #fff; border-left: 1px solid #ccc; width: 20px; height: 20px; top: -20px; border-top-right-radius: 50%;} .tt-right {position: absolute; right: -1px; background-color: #fff; border-right: 1px solid #ccc; width: 20px; height: 20px; top: -20px; border-top-left-radius: 50%;} .tt-menu { width: 100%; text-align: left; border: 1px solid #CCCCCC; border-top: 0px!important; border-bottom: 3px solid #2D8CAB; background: #fff; padding: 10px 0px;} .tt-dataset {} .tt-highlight {cursor: pointer;} .tt-dataset>div { /*border-top: 1px solid #e4e4e4; border-bottom: 1px solid #F0F0F1;*/ padding: 3px 5px; } .tt-cursor {background-color: #eee;} .search-header { font-size: 14px; color: #020202; font-weight: 700;} .content-header { font-size: 15px; color: #020202; font-weight: 700; margin-top:10px; margin-bottom: 5px;} .search-header span, .content-header span {position:absolute; right:20px; } .search-header span a, .content-header span a {font-size: 14px; color:#2D8CAB!important; font-weight: 400; font-style: italic;} .tt-dataset-search-terms {} .tt-dataset-search-terms>div {/*border-bottom:1px solid #ccc;*/} .tt-dataset-search-items {} .tt-menu .item, .tt-menu .item .item-price { font-size: inherit; padding: 3px 5px; line-height: 18px;} .tt-menu .item .item-title { margin: 0 0 6px; color:#2D8CAB;} .tt-menu .item {float: left;} .tt-content, .tt-price {color: #020202; font-weight: 400;} .tt-menu .col-xs-4 { padding: 0px 10px 8px 10px;} .tt-menu .col-xs-8 { padding-top: 10px; padding-bottom: 10px; } .tt-dataset.tt-dataset-search-items .col-xs-8 {padding: 0px 10px 0px;} /* DEMO ONLY */ .tt-dataset-search-items .tt-suggestion { display: none; } .tt-suggestion.tt-selectable:hover {background-color:#eeeeee; cursor:pointer;} .hidden-spinner-wheel {display:none !important} .placeholder-spinner { background-image: url('/assets/images/spinner.gif'); background-repeat: no-repeat; background-position: center; } /* navigation */ #nav { height: 50px; position: relative; background: #f8f8f8; box-shadow: 0 3px 4px rgba(55,55,55,.3); z-index: 1001;} #nav .container, .nav-left, ul.nav-main, ul.nav-main li { /*position: static !important;*/ } #nav>.container>.row { } ul.nav-main a { color: #020202; display: block; } ul.nav-main .dropdown-menu a:hover { text-decoration: underline!important; } ul.nav-main { margin: 0 0 0 -10px; padding: 0; } ul.nav-main>li { margin: 0; padding: 0; list-style: none; float: left; height: 50px; padding: 0 11px; } /*LL-12848 - updated all body copy to google Open Sans font-size from 19px to 18px */ ul.nav-main>li>a { display: block; height: 50px; font-size: 18px; line-height: 20px; padding: 15px 0px; text-decoration: none; } ul.nav-main>li.open>a, ul.nav-main>li.dropdown.hover {background-color:#d3d4d6; text-decoration: none;} ul.nav-main .dropdown-menu {background-color:#f8f8f8!important; top: 50px; margin: 0; /*width: 100%;*/ border: none; border: 1px solid #e5e5e5; border-radius: 0; box-shadow-color: rgba(0,0,0,.1); } ul.nav-main .dropdown-caret { display: none; } /*LL-12248 - updated all body copy to google Open Sans from 15px/22px to 14px/22px, added padding-bottom:30px */ ul.nav-main .dropdown-menu>.container { padding: 20px 20px 30px 20px; font-size: 14px; line-height: 22px; } ul.nav-main .dropdown-menu>.container>.row>div { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 0 25px; margin: 0 -1px 0 0; } ul.nav-main .nav-products .dropdown-menu>.container>.row>div { min-height: 205px; } ul.nav-main .dropdown-menu>.container>.row>div:first-of-type { border-left: none; } ul.nav-main .dropdown-menu>.container>.row>div:last-of-type { border-right: none; } ul.nav-main .dropdown-header {font-family: 'Roboto Slab', serif; font-size: 17px; font-weight: bold; padding: 6px 0; color: #000; } ul.nav-main .dropdown-menu ul { margin: 0; padding: 0 0 6px; } /*LL-12248 - updated all body copy added margin-bottom */ ul.nav-main .dropdown-menu ul li { list-style: none; margin: 0; padding: 2px 0; margin-bottom: 5px; } /*LL-12248 - updated all body copy added width from 900px to 960px */ .container.nav-products-dropdown {width: 960px;} .container.nav-sale-dropdown {width:260px;} .container.nav-stores-dropdown {width: 260px;} /*LL-12248 - updated all body copy added width from 260px to 285px */ .container.nav-services-dropdown {width: 285px;} .container.nav-resources-dropdown {width: 550px;} .container.nav-blog-dropdown {width: 435px;} .blog-post-heading {font-size: 16px; font-weight: 800; margin-bottom: 10px;} .blog-post-entry:after {width: 375px; border-bottom: 1px solid #ccc; margin: 0px 15px 15px 15px; padding-bottom: 14px;} .blog-post-title {line-height: 20px;} .blog-post-title a, .blog-post-all a {color: #0072bc!important; font-weight: 700;} .blog-post-date {font-size: 13px;} .blog-post-all {margin-top: 10px;} .nav-right { padding-top: 15px; } /*hides store locator**/li.nav-locator {display: none;} /* navigation - mobile */ ul.mobileNavTop {height:100vh;} .mp-menu ul { margin: 0; padding: 0; font-size: 18px; line-height: 1.1; font-weight: bold; } .mp-menu li { list-style: none; /*margin: 0px 20px; border-bottom: 1px solid #cccccc;*/} .mp-menu a { display: block; padding: 20px 0px 20px 0px; position: relative; color: #1073B8; font-weight: 400;} .mp-menu a i { font-size: 14px; color: #c2c2c2; position: absolute; right: 0px; top: 22px;} .mp-menu a:hover { /*opacity: .7; background: #f9f9f9;*/} .mp-menu a.mp-back { background: #4093C5; padding: 20px 20px 20px 20px; color: #ffffff; font-size:16px; font-weight:900;} .mp-menu a.mp-back i { color: #ffffff; right: auto; left: 20px;} .mp-menu li.mp-secondary { font-size: 13px;} .mp-menu li.mp-secondary>a { color: #020202; padding: 0; display: block; background: none; padding: 12px 20px;} .mp-menu li.mp-secondary>a>.mp-nav-next { display: none; } .mp-level { min-height: 100%; } .mp-level-open { z-index: 100; } .mp-level-open .dropdown-header {display: block; color: #020202; font-weight: 600; margin: 0px 20px; padding: 20px 0px 20px 0px; border-bottom: 1px solid #cccccc; font-size: 18px;} .mp-level .mp-level-open li {padding-left: 10px;} .mp-store-locator {background-color: #4093C5; margin: 0px!important; padding: 0px 20px!important;} .mp-store-locator a {padding-left: 23px; color: #fff; font-weight: 700;} /*icons*/ .mp-nav-store {width: 14px; position: relative; top: 20px; float: left;} .mp-nav-next {width: 18px; position: absolute; right: 0px; top: 22px;} .mp-nav-back {width: 20px; margin-right: 8px;} .mp-store-locator .mp-nav-next {display: none;} .mp-level-overlay .mp-nav-next {display: none;} .mobile-auth { padding: 15px; } .mobile-auth p { font-weight: normal; } .mobile-auth a { display: inline; padding: 0; background: none; color: #dc0b13; } .mobile-auth .form-control { font-weight: normal; } /* tools */ /*LL-12848 - updated all body copy to google Open Sans font-size from 15px to 14px */ ul.nav-tools { display: inline-block; white-space: nowrap; color: #020202; font-size: 14px; line-height: 1; font-weight: 400; margin: 0; padding: 0;} ul.nav-tools>li { border-right: 1px solid #777; float: left; list-style: none; padding: 0 8px; margin: 0; position: relative; } ul.nav-tools>li:first-child { padding-left: 0; } ul.nav-tools>li:last-of-type { border-right: none; padding-right: 0; } ul.nav-tools.user-tools>li { border-right: 1px solid #fff!important;} ul.nav-tools.user-tools>li:last-of-type { border-right: none!important; padding-right: 0; } ul.nav-tools a { color: #020202; } ul.nav-tools a:hover {text-decoration: underline!important;} ul.nav-tools .nav-cart>a { padding-right: 40px; } /* LL-15170 - mobile header cart and user sign in icons*/ ul.nav-tools .nav-cart>a i { position: absolute; right: 2px; top: -8px; font-size: 24px; } ul.nav-tools .nav-cart>a .badge { position: absolute; right: -3px; top: -13px; font-size: 10px; padding: 4px 6px; min-width: 15px; min-height: 15px;} /* LL-10491 - checkout header help and return links */ ul.nav-tools.user-tools.checkout>li { border-right: 0px solid #fff!important; padding: 1px 0px 0px 0px!important; } ul.nav-tools.user-tools.checkout>li span.checkout-nav-divide { padding: 0px 7px; font-size: 17px; font-weight: 400; } ul.nav-tools.user-tools.checkout>li span.checkout-nav-divide:first-child {display: none;} ul.nav-tools.user-tools.checkout>li a span.checkout-nav-help-text::before { font-family: 'FontAwesome'; font-size: 15px; content: "\f059"; color: #fff; position: relative; margin-right: 5px; text-decoration: none; } .checkout-nav-help-text {margin-left: 20px;} #modal-checkout-help-link:hover { text-decoration: none !important; } a:hover span.checkout-nav-text { text-decoration: underline; } ul.nav-tools.user-tools.checkout>li a span.checkout-nav-text { display: inline-block; } /* LL-14300-shopping-cart-icon adjustment and spacing - added with CSS ::before psuedo class */ ul.nav-tools.user-tools.checkout>li a span.checkout-nav-text.shopping-cart::before { font-family: 'lakeshore' !important; content: "\e901"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 5px; } ul.nav-tools.user-tools.checkout>li a span.checkout-nav-icon { display: inline-block; letter-spacing: 0px; margin-right: 5px; } ul.nav-tools.user-tools.checkout { margin-top: 25px!important; } ul.nav-tools.user-tools.checkout li div#header-salutation p#userHeaderLinks { padding-top: 4px!important; } /* LL-8298 - Viewcart button to green in header cart dropdowwn */ ul.nav-tools li.nav-cart.dropdown a.btn.btn-primary { background-color: #00B422!important; } ul.nav-tools li.nav-cart.dropdown a.btn.btn-primary:link { background-color: #00B422!important; } /* LL-14644-shopping-cart-view-cart-fix */ ul.nav-tools li.nav-cart.dropdown a.btn.btn-primary:hover { background-color: #39a34d!important; text-decoration: none!important;} /*LL-12848 - updated all body copy to google Open Sans font-weight to 600 */ .user-tools {font-size:12px!important; color:#fff!important; margin-top: 3px !important; margin-bottom:10px!important; font-weight: 600!important;} .user-tools ul li {border-right:1px solid #fff!important;} .user-tools > li:last-of-type {border-right: none; padding-right: 0;} /* minicart */ .dropdown-menu.minicart { width: 280px; padding: 15px; white-space: normal; } .minicart-header { color: #020202; margin: 0 0 12px; } .minicart-header small { font-size: 1em; color: #838587; } .minicart ul.item { margin: 0 0 12px; } .minicart ul.item-h li { padding: 15px 0; font-size: 15px; } .minicart .item .item-title { padding: 0 0 5px; } .minicart .item .item-title:hover {text-decoration: underline;} .minicart .item .item-price { font-size: 15px; color: #020202; padding: 0 0 5px; } .minicart .item .item-price.sale { font-size: 15px; color: #ed1c24; padding: 0 0 5px; } .minicart .item .item-price.del { font-size: 15px; color: #020202; padding: 0 0 5px; text-decoration: line-through; } .minicart .item .item-qty { text-transform: uppercase; font-size: 13px; } .minicart .item .row.tight>div:last-of-type { padding-left: 15px; } .minicart-total { color: #020202; padding-top: 10px; } /* LL-9689 - adjust top margin of minicart */ #minicartdropdown.dropdown-menu { margin-top: 17px; } /* breadcrumb *//*LL-12259 - updated all body copy to google Open Sans font-size: 11px */ .breadcrumb { padding: 22px 0px 19px 0px; margin: 0; background: none; font-size: 11px; border-radius: 0; } .breadcrumb > li + li:before { /* font-family: 'FontAwesome'; content: "\f0da"; color: #ed1c24; */ width: 0; height: 0; margin-left: 5px; overflow: hidden; display: inline-block; border-left: 4px solid #ed1c24; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } /*LL-12259 - updated all body copy to google Open Sans font-color to #020202 */ .breadcrumb li a {color:#020202!important; text-decoration: none!important;} .breadcrumb li a:hover {text-decoration: underline!important;} .breadcrumb>.active { color: #020202; font-weight: bold; } /* subnav */ /* LL-10969 - updated margin-left for account subnav*/ ul.subnav { padding: 0; margin: 0px 0px 0px -15px; background: none; font-size: 13px; } ul.subnav a {color: #020202;} ul.subnav li { display: inline; list-style: none; } #main ul.subnav li a:link { padding: 20px 17px 0px; display: inline-block; text-decoration: none; } #main ul.subnav li a:hover { text-decoration: underline; } ul.subnav li.active {position: relative;} ul.subnav li.active a:after {content: ""; width: 75%; height: 3px; background: #2d7fb1; position: absolute; left: 0; bottom: -7px; right: 0; margin: auto;} /* LL-10969 - updated padding-left for account profile*/ .checkbox.profile input[type="checkbox"] { margin-left: -25px; } div.checkbox.profile label { padding-left: 25px; } /* footer */ #footer { background: #f8f8f8; font-size: 13px; line-height: 1.2; padding: 30px 0 10px; border-top: 4px solid #e23a41;} #footer a { color: #020202; } #footer a:hover { text-decoration: underline; } #footer ul { list-style: none; margin: 0; padding: 0; } #footer li { margin: 0 0 8px; list-style: none; line-height: 18px;} #footer p { margin: 0 0 6px; } /* LL-15290 - footer social-links updates - 3col design max- width: > 1200px */ #footer-links {background-color: #f8f8f8; padding: 0px} /*LL-12848 - updated all body copy to google Open Sans font-weight from 100 to 400 */ #footer-links p {font-size: 12px; font-weight: 400; margin-bottom: 3px;} /* LL-14228 - footer footer and social-links updates - max- width: > 1200px */ #footer-links p a {color:#020202;} #footer-links p a:hover {text-decoration: underline!important;} #footer-links p.footerpromo {font-size:11px; color:#666666;} #footer-links p.footerpromo a {border-bottom:1px solid #aaaaaa; color:#666666;} #footer-links p.footerpromo a:hover {text-decoration:none!important;} /* LL-15290 - footer social-links updates margin-bottom to 0px - LL-12917 - footer updates - 3col design - LL-4310 - footer reformat max-width: >1200px */ .footer-links {width: 60%; float: left; padding: 0px 0px 0px 15px; margin-bottom: 0px;} .footer-col {width: 30%; height: 100%; padding-left: 30px;} .footer-col:first-child {width: 60%;} /*LL-12848 - updated all body copy to google Open Sans width from 28% to 26% and last child from 32% to 34%*/ /*.footer-col:nth-child(2) { width: 26%; }*/ .footer-col:last-child { width: 40%; padding-left: 30px; padding-bottom: 20px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; } .footer-col span.liveChatOn::after {background: url(/assets/images/live-chat.svg); background-size: 20px 20px; content: ""; margin-left: 8px; display: inline-block; width: 20px; height: 20px; position: absolute; top: 0px;} .footer-col span.liveChatOn a { color: #0f5bb1!important; } /*.footer-col:first-child ul, .footer-col:last-child ul, { width: 50%!important; }*/ .footer-contact { width: 40%; padding-left: 30px; float: left; margin-bottom: 0px; } .footer-header {font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 600; padding: 0 0 6px; color: #020202; margin-bottom: 10px;} .footer-email { margin: 0 0 10px; position: relative; display: block; white-space: nowrap; } .footer-email input.form-control {width: 75%; border: 1px solid #bebebe; border-radius:4px!important; float: left; margin-bottom: 10px;} .footer-email button {float: left; margin-left: 10px;} #footer .btn-join {border-radius: 4px; margin-left: 10px;} /* LL-12917 - footer updates - 3col design - LL-6320 - Fix stay connected section in footer */ div.footer-contact>.row div:last-child { clear: both; } #footer p.footer-mobile { position: relative; margin-bottom: 15px; padding-top: 5px;} #footer p.footer-mobile a { text-decoration: underline!important; } /* LL-15174-footer-icon-update - LL-15290 - footer social-links updates margin-left -30px - 3col design max- width: > 1200px */ /*.text-terms p.footer-mobile, .text-terms p { padding-left: 0px; margin-left: 0px; }*/ #footer p.footer-mobile span { line-height: 1.4em; } #footer .icon-mobile { font-size: 18px; position: absolute; left: 2px; top: -2px; } #footer ul.footer-social li { display: inline; margin: 0 6px; font-size: 20px; } #footer ul.footer-social a { color: #838587; text-decoration: none; } #footer ul.footer-social a:hover { color: #020202; } /* LL-15290 - footer social-links updates margin-left -30px - 3col design max- width: > 1200px */ #footer .footer-social a { color:#2d76af; font-size: 33px; padding:2px; float: left; } /* LL-15290 - footer social-links updates image width - update selector - 3col design */ .footer-social a img { width: 28px; } /*LL-8324 - remove underlines from hover on icons added text-decoration: none; */ #footer .footer-social a:hover {color:#3b89c6; text-decoration: none; } #footer .footer-contact .icon-footer-mail {font-size: 17px; color:#2d76af; float:left; margin-right:12px; position: relative; top: 4px;} #footer .footer-contact .text-terms span.icon-footer-mail { margin-right: 0px; } #footer .footer-contact .icon-footer-text {font-size: 21px; color:#2d76af; float:left; margin-right:10px; position: relative; top: -2px;} .footer-social a { color: #ffffff; margin-right: 5px; } #legal { padding: 10px 0; font-size: 12px; } /*#legal .container { width: 1080px; }*/ #legal .container .footer-social { text-align: right; padding-top: 10px; } #legal .container .footer-cert { text-align: left; } /* LL-14228 - footer footer and social-links updates - max- width: > 1200px */ ul.legal-icons { margin: 0; padding: 0; position: relative; top: -7px; left: -4px; } ul.legal-icons li { list-style: none; display: inline; margin: 0 4px; } ul.legal-icons img.accred {width:55px; margin-bottom: 0px;} /* LL-14228 - footer footer and social-links updates - max- width: > 1200px */ ul.legal-icons img.commerce {width:70px; margin-bottom: 0px;} /* section */ section { margin: 0 0 30px; } /* carousel */ .carousel {} a.carousel-nav { position: absolute; height: 100%; top: 0; color: #fff; text-decoration: none; font-size: 25px; line-height: 1; cursor: pointer; } a.carousel-nav.slick-disabled { color: #fff; cursor: default; } a.carousel-nav.slick-disabled .arrow-wrap {background: #DFDFDF;} a.carousel-prev { left: -20px; z-index: 10; } a.carousel-next { right: -20px; z-index: 10; } a.carousel-nav span { position: relative; top: 36%; transform: translateY(-50%); } /* arrows */ .arrow-wrap { display: inline-block; width: 40px; height: 40px; text-align: center; background: #3B92C7; border-radius: 50px; } .arrow-wrap i { position: relative; top: 7px; line-height: 1; } .pdpcarousel .arrow-wrap i {top: 4px;} .arrow-wrap .fa-caret-left, .arrow-wrap .fa-angle-left { margin-right: 6px; } .arrow-wrap .fa-caret-right, .arrow-wrap .fa-angle-right { margin-left: 4px; } /* PDP view larger Modal*/ .viewLarger-modal-slider .pdp-nav-prev .fa-caret-up {top: 6px;} /* items *//*LL-12259 - updated all body copy to google Open Sans font-size to 14px/18px */ .item, ul.item { font-size: 14px; line-height: 18px;} ul.item li { list-style: none; margin: 0; padding: 0; } /* LL-8884 - updated link color to #2d7fb1 */ #main .item a:link { color: #0072bc; text-decoration: none; } /*LL-12855 - updated all body copy to google Open Sans font-weight to 700 margin: 0px */ .item .item-title, .zero-results .item-title {color:#0072bc; margin: 0px; font-weight: 700;} /*LL-12855 - updated all body copy to google Open Sans font-size:14px; line-height:18px; color: #020202; */ .item .item-price, .item .item-qty { font-size:14px; line-height:18px; color: #020202; } .item .item-price ins { color: #ed1c24; text-decoration: none; } /*LL-12259 - updated all body copy to google Open Sans font-size:12px; line-height:18px; color: #020202; display: block; */ .item .item-price del { text-decoration: none; color: #020202; font-size: 0.86em; line-height: 18px; display: block; } /*LL-12855 - updated all body copy to google Open Sans font-size:13px; color: #020202; */ .item .item-sku { font-weight: normal; color: #020202; font-size: 13px; } .item-flag { position: absolute; width: 60px; height: 60px; top: 10px; left: 10px; } .item-v { padding: 0 10px; text-align: center; } /*LL-12259 - updated all body copy to google Open Sans padding from 20 to 20 20 0 */ .item-v a.item-link, .item-h a.item-link { display: block; padding: 20px 20px 0px; position: relative; border: 1px solid #fff; border-bottom: 3px solid #fff; outline: none; } .item-v a.item-link:hover, .item-h a.item-link:hover { /*border-color: #CCCCCC; border-bottom-color: #2D8CAB; - Turned off as per JL */ text-decoration: none; } .item-v img.item-img { display: block; margin: 0 0 12px; } .item-v .item-flag { left: 10px; top: 10px; } ul.item-h { border-top: 1px solid #ddd; } /*LL-8842 - updated add to cart modal - remove border */ ul.item-h>li, div.item-h { border-bottom: 0px solid #ddd; } .item-h .item-title { padding: 25px 0 0; margin: 0; } .item-h .item-price, .item-h .item-qty { padding: 15px 0; } .item-h .input-group.item-qty { padding: 5px 0; } .item-h .item-flag { left: 5px; top: -10px; } input.item-qty, .input-group.item-qty { max-width: 80px; margin: 0 auto; } ul.item-actions { padding: 0; margin: 0; font-size: 12px; font-weight: normal; } ul.item-actions li { margin: 5px 0; } .item-notes { font-size: 14px; font-weight: normal; margin: 5px 0; } .item-notes dl.row { margin-bottom: 5px; } #main ul.item-actions a:link, #main .item-notes a:link { text-decoration: underline; } .item-qty-edit { width: 80px; text-align: center; } .item-qty-edit a { font-size: 12px; } .item-qty-edit .select-wrap { width:70%; } ul.item-actions li { float: left; border-left: 1px solid #020202; padding: 0 10px; list-style: none; } ul.item-actions li:first-child { border: none; padding-left: 0; } ul.item-actions li:last-child { padding-right: 0; } #main ul.item-actions a { text-decoration: underline; } .item-rating { color: #ccc; } /* free resources carousel items */ .frcarousel { margin-bottom:20px; border-bottom: 1px solid #cccccc; } a.frcarousel-nav { position: absolute; height: 100%; top: 0; color: #fff; text-decoration: none; font-size: 25px; line-height: 1; cursor: pointer; } a.frcarousel-nav.slick-disabled { color: #fff; cursor: default; } a.frcarousel-nav.slick-disabled .arrow-wrap {background: #DFDFDF;} a.frcarousel-prev { left: -5px; z-index: 10; } a.frcarousel-next { right: 2px; z-index: 10; } a.frcarousel-nav span { position: relative; top: 40%; transform: translateY(-40%); } .frcarousel .slick-list { width: 90%; margin: 0px auto; height:100px; } .fritem-v { width: 84px !important; padding: 0px; text-align: center; margin: 0px 12px; } .fritem-v a.item-link, .item-h a.item-link { display: block; padding: 6px; position: relative; border: 1px solid #fff; border-bottom: 3px solid #fff; outline: none; } .fritem-v a.item-link:hover, .item-h a.item-link:hover { border-color: #CCCCCC; border-bottom-color: #2D8CAB; text-decoration: none; } .fritem-v img.item-img { display: block; margin: 0px; width:70px; } /* items - cart */ ul.item-cart { margin-bottom: 15px; } ul.item-cart>li { padding: 15px 0; position: relative; } .item-cart img.item-img { max-width: 200px; margin: 0 auto; } ul.item-cart .item-title { padding-top: 15px; } .item-cart .item-price, .item-cart .item-qty { padding: 0; } /*LL-12855 - updated all body copy to google Open Sans for total price styles added class and font-weight*/ /* .item-cart .item-price-total { font-weight:600; } */ .paypalbutton {cursor: pointer;} /* LL-11334 - GSA pricing and pricing to be inline */ .item-cart .item-price.red, .item-cart .item-price.grey, .item-cart .item-price.green { display: inline; margin-right: 5px; } /* items - wishlist */ .header-wishlist { padding-right: 0px; } ul.item-wishlist { border-top: none; margin: 0; padding: 0;} ul.item-wishlist>li { padding: 30px 0; font-size: 14px; position: relative; } ul.item-wishlist>li.empty { padding: 30px 0px 30px 0px; font-size: 15px; position: relative; } /* ul.item-wishlist .item-img-column, ul.item-wishlist .item-qty-column { position: static; } */ .item-img-column { padding-right: 15px !important; } /* ul.item-wishlist button.item-atc { position: absolute; top: 30px; right: 0; } */ ul.item-wishlist button.item-added { position: absolute; top: 30px; right: 0; } /* ul.item-wishlist div.item-actions { position: absolute; right: 0; top: 85px; white-space: nowrap; font-size: 15px; padding-right:0px; text-align:right; font-weight: 500; } */ ul.item-wishlist div.item-actions { padding-right:0px; text-align:right; font-size: 15px; font-weight: 500; } ul.item-wishlist .item-title { padding: 0; } ul.item-wishlist .item-price, ul.item-wishlist .item-qty { padding: 0; font-size: inherit; font-weight: normal; color: #020202; } ul.item-wishlist .item-qty-edit { margin: 0 auto; } ul.item-wishlist .item-price {margin-top: 10px;} ul.item-wishlist label { font-size: 14px; } ul.item-wishlist .item-sku { font-weight: normal; color: #020202; font-size: 13px; } .item-quickview-qty .select-wrap{width: 60px;} ul.wishlist-manage { list-style-type: none; } ul.item-wishlist #dropdownShipping { color: #020202; } /* LL-14242 - shopping-list-personalized item NONE to red */ .pers-entry > span { color: #e60e0e; } /* LL-11444 - wishlist add shopping list space reduction max-width: 767px*/ ul.account-list.wishlist-move li:last-child { padding-bottom: 15px; } /* LL-16503 - shopping list modal scroll bar add max width: > 1200px */ div#modal-add .modal-dialog { overflow-y: initial!important; } div#modal-add .modal-body { padding-bottom: 10px!important; height: 195px; overflow-y: auto; } div#modal-add .modal-footer { padding-top: 0px!important; padding-right: 35px; margin-top: 20px; } #modal-add .radio {margin-top: -11px; margin-bottom: 0px;} #modal-add input[type=radio], #modal-add input[type=radio]:checked {top:6px;} /*sticky wishlist for mobile only. position:static; width:25% for lg and md, width:41.6% for sm. affix buttons and popup for xs */ .wishlist-trigger.wishListAffix.affix-top, .manage-trigger.wishListAffix.affix-top { position: fixed !important; bottom: 0px !important; } .wishlist-trigger.wishListAffix.affix, .manage-trigger.wishListAffix.affix { position: fixed !important; width: 50% !important; bottom: 0px !important; top: 93% !important;} .wishlist-trigger.wishListAffix.affix-bottom, .manage-trigger.wishListAffix.affix-bottom{ position: fixed !important; bottom: 580px !important; } .wishlist-list.wishListAffix.affix-top { position: static !important; bottom: 0px; } .wishlist-list.wishListAffix.affix { position: static !important; width: 25% !important; bottom: 0px ; top: 93%;} .wishlist-list.wishListAffix.affix-bottom { position: static !important; bottom:0px; } .wishlist-manage-list.wishListAffix.affix-top { position: fixed !important; bottom: 0px !important; } .wishlist-manage-list.wishListAffix.affix { position: fixed !important; width: 100% !important; bottom: 0px !important; top: 93% !important;} .wishlist-manage-list.wishListAffix.affix-bottom { position: fixed !important; bottom: 610px !important; } a.delete { display: inline-block; border: 1px solid #cdcccc; width: 36px; height: 36px; text-align: center; background: #fff; background: rgba(255,255,255,.5); border-radius: 50px; } a.delete i { position: relative; top: 48%; transform: translateY(-50%); line-height: 1; padding-left: 2px; } /* items - giftwrap */ ul.item-wishlist.giftWrapList >li { padding: 30px 0px 30px 0; font-size: 15px; position: relative; } /*LL-11327 - gift wrap modal border-top */ ul.item-wishlist.giftWrapList >li > div.giftWrapAlert { border-top: 1px solid #ccc; padding-top: 20px!important; } /*LL-8168 - gift wrap modal spacing */ ul.item-wishlist.giftWrapList li.show { padding-top: 0px!important; } ul.item-wishlist.giftWrapList li:first-child { padding-top:15px; } ul.item-wishlist.giftWrapList >li.gift-edit-list { padding: 0px; font-size: 14px; position: relative; border-bottom: 0px; } ul.item-wishlist.giftWrapList label { font-size: 14px; width:27px; } /* LL-16666- gift-wrap-modal-personalization-spacing max-width: > 1200px*/ ul.item-wishlist.giftWrapList .pers-fields { margin-top: 10px; } /* feature */ .feature>.row { border: 1px solid #F0F0F1; position: relative; } .feature>.row>div:first-child { padding: 20px; } .feature h2 { margin: 0 0 20px; } .feature .bgcover { position: absolute; right: 0; top: 0; width: 50%; height: 100%; } /* callouts */ .callouts a { position: relative; display: block; text-align: center; font-size: 22px; line-height: 1.2; font-weight: bold; color: #fff; } .callouts a .callouts-title { background: rgb(200,200,200); background: rgba(200,200,200,.8); position: absolute; bottom: -1px; left: 0; width: 100%; padding: 20px; } .callouts a:hover .callouts-title { background: rgb(237,28,36); background: rgba(237,28,36,.9); } /* buckets */ .buckets { color: #fff; } .buckets div.row>div { background: #000; height: 280px; overflow: hidden; } .buckets div.row>div.buckets-gold { background: #f3bd3d; } .buckets div.row>div.buckets-blue { background: #58acc0; } .buckets-text { padding-top: 30px; height: 200px; position: relative; } .buckets h2 { font-size: 36px; line-height: 1.2; font-weight: 300; } .buckets p { font-weight: bold; } .buckets-btn { position: relative; } .buckets-btn a.btn { width: 150px; text-align: center; } .buckets-img .bgcover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5; } .buckets form.buckets-locate { background: #37779b; } form.buckets-locate>div:first-child { text-align: right; padding: 20px 10px; } form.buckets-locate>div:last-child { text-align: left; padding: 27px 10px; } form.buckets-locate label { font-size: 30px; font-weight: 300; position: relative; } form.buckets-locate label i { font-size: 40px; position: absolute; left: -45px; } form.buckets-locate .form-control { border: none; width: 140px; background: #2f6584; color: #fff; } form.buckets-locate span.buckets-locate-or { margin: 0 5px; text-transform: uppercase; } form.buckets-locate ::-webkit-input-placeholder { color: white !important; } form.buckets-locate :-moz-placeholder { color: white; } form.buckets-locate ::-moz-placeholder { color: white; } form.buckets-locate :-ms-input-placeholder { color: white; } form.buckets-locate ::-ms-input-placeholder { color: white; } form.buckets-locate :placeholder-shown { color: white !important; } /* account */ .account .account-header { padding-bottom: 0; } .account-landing>.row { padding-bottom: 14px; } /*.account-landing .panel { min-height: 330px; } - commented out as per LL-12357*/ .account-callouts ul, .account-callouts p { padding: 0; margin: 0; } .account-callouts li { font-weight: 600; list-style: none; margin: 0 0 12px; } /* LL-12215 - added padding-top: 1px for edit form to have outline */ .table td.account-edit, .table td.account-assign { padding: 0; padding-top: 1px; } .account-edit-box { background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: -1px -20px; padding: 20px; } .account-sort .pagination { margin: 0 auto; } .account-scroll { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 -20px; padding: 20px; max-height: 300px; overflow: auto; } .account-new-left { padding-right: 30px; } .account-new-right { border-left: 1px solid #ccc; padding-left: 30px;} .well.profile-block { margin: -20px 0; position: relative; } .profile-block-close { position: absolute; right: 15px; top: 15px; text-decoration: none; } .account-select { text-align: right; clear: right;} .order-history .pageNavContainer .pagination {display:block;} .register-radio .radio label {padding-left: 0;} .register-radio .radio input {margin-left: 0} ul.account-list { border: 1px solid #ccc; padding: 0 15px; margin: 0; } ul.account-list li { border-top: 1px solid #ddd; list-style: none; padding: 10px 0; margin: 0; } ul.account-list li:first-child { border-top: none; } ul.account-list li.active { background: #eee; border-bottom: 1px solid #ddd; margin: 0 -15px -1px !important; padding-left: 15px; padding-right: 15px; } ul.account-list .account-edit-box { margin: -11px -15px; padding: 15px; } ul.account-list .acc-edit-xs {display: none; margin: 0; padding: 0;} ul.account-list.wishlist-move { margin: 0 -20px; border: none; } ul.account-list.wishlist-move li:first-child { padding-top: 0; } ul.account-list.wishlist-move li:last-child { position: relative; min-height: 46px; } ul.account-list.wishlist-move .account-edit-box { position: absolute; left: 0; right: 0; } /* LL-11087 - Wishlist updates to new design max-width: > 1200px */ .wishlist-title-bar h2 { margin-bottom: 10px; } .wishlist-title-bar .wishlist-options { padding: 5px 15px; text-align: right;} ul.item-wishlist li {border-bottom: 1px solid #ccc;} ul.giftOptions li:last-child {border-bottom: 0px solid #ccc;} /* #cartItems .line-item:last-child {border-bottom: none;} */ td.on { display: table-cell; } td.off { display: none; } .header { font-weight: bold; margin-bottom: 10px; } /* account summary */ .account-summary-item {position:relative; height:150px; background-color:#ffffff; margin-bottom:30px; border:1px solid #a0a0a0;} .account-summary-item:hover {background-color: #f8f8f8!important;} .account-summary-item h2, .account-summary-item p {color:#020202;} .acct-summary-item-img {position:absolute; top:25%; left: 25px;} .acct-summary-item-title {position:absolute; top:30%; left: 125px;} .acct-summary-item-title h2 {margin-bottom:0px!important;} /* LL-6520 - Account Order History Title Header Fixes */ .account-header .mainTitle { width: 75%; } /* LL-10364 - Order History Modal Trigger Style max-width: > 1200px*/ a.order-status::before { font-family: 'FontAwesome'; font-size: 15px; content: "\f059"; color: #999; position: relative; margin-left: 5px; display: inline-block; } a.order-status:hover { text-decoration: none !important; } a.order-status.od-rowHeader { display: none; } #orderStatus-edit-area {background-color: #eee; border: 1px solid #ccc;padding: 20px;} /* LL-10364 - Account Order History modal max-width: > 1200px */ #modal-order-status ul.no-marker li { margin-bottom: 5px; } #modal-order-status ul.no-marker li span { font-weight: 700; } /* LL-6454 - Account Edit Box Default Fix max-width: 1200px */ .account-edit-box .account-default-text { text-align: right; } .account-sidebar { background-color: #3B92C7; padding: 1px; } .account-sidebar .sidenav > li > a { display: block; padding: 6px 0; color: black; } .account-sidebar .sidenav > li.active > a { font-weight: 700; } .account-sidebar .sidenav > li > a > img { margin-right: 7px; } #account-sections-xs .account-sidebar > h4{font-size: 20px;} #account-sections-xs .account-sidebar .sidenav > li > a > img { padding-right: 15px;width: 60px; margin-right: 0px !important; } #account-sections-xs .account-sidebar .sidenav > li > a {font-size: 18px; font-weight: normal; padding: 7px 0;} .account-sidebar .ul-shop-list{margin-left: 60px; margin-top: 0px;} .account-sidebar .ul-shop-list .list-wrapper {display: inline-block; width: 140px;} .account-sidebar .ul-shop-list .list-wrapper .shop-list-name {display: inline-block; max-width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .wishlist-title-bar .header-title{display: inline-block; height: 35px; max-width: 265px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap;} /* cart */ .cart-totals { font-size: 16px; } .cart-totals dt { text-align: right; font-weight: normal; } .cart-totals dd { text-align: right; font-weight: 600; } .cart-totals-final { border-top: 1px solid #ddd; padding-top: 10px; } .cart-totals-final dt, .cart-totals-final dd { font-size: 18px; font-weight: 600; } .item-cart-image {max-width: 120px; } #cartItems a:link {text-decoration: none!important;} #cartItems a:hover {text-decoration: underline!important;} .cartItemsWrapper { margin-top: 50px; } div#cartItems.emptyCart { width: 100% !important;} /* EC-5721 - ROPIS-cart-order-summary min-width > 1200px */ ul.order-cart-summary.checkout-list { list-style: none; padding: 0px; background-color: #f3f3f3; border-radius: 4px; } ul.order-cart-summary.checkout-list li:first-child { padding: 0px; } ul.order-cart-summary.checkout-list li { padding: 15px 20px; } /* EC-9525 - ROPIS subtotal and subtotal detail text spacing */ ul.order-cart-summary.checkout-list li.subtotalAmount { padding-bottom: 0px!important; } ul.order-cart-summary.checkout-list li.subtotalDetail { padding-top: 0px!important; line-height: 1em; } ul.order-cart-summary.checkout-list li.cartCoupon { padding: 0px 20px 5px!important; } .order-cart-summary .order-summary-title { background-color: #ffffff; padding: 5px 20px 10px!important; border-bottom: 2px solid red; } .order-cart-summary .order-summary-title h4 { font-family: 'Roboto Slab', serif; font-size: 22px; } ul.order-cart-category { padding: 15px; line-height: 1.4em; } ul.order-cart-category:not(:first-child) { border-top: 1px solid #ccc; } ul.order-cart-category:last-child { padding-bottom: 6px; } ul.order-cart-category li:first-child { margin-bottom: 10px; } /* EC-8951 - shopping cart-line-height - add padding */ ul.order-cart-category li { padding: 5px 0px!important; } ul.order-cart-summary.checkout-list li.delivery-method-subtotal { padding: 0px 20px; } /* LL-10365 */ #cartItems div.price-detail{display: inline;} .order-info h4{margin-top: 20px;} /*LL-6318 subtotal display for tablets*/ .shopmid {text-align: right!important; } .shopmidSubTotal {text-align: right!important; } .shopmid a.shop {text-align: right!important; padding-right: 0px; } .shopmid a.move {text-align: left!important; padding-left: 0px; } .shopMoveDivide {display: inline!important ; padding:0px; } /* LL-10861 - remove sticky nav function from Cart*/ #cartAffix {/*position: fixed!important;*/ width:263px; top:20px; float: left;} #cartAffixEmpty {position: static!important; width:263px; float: right; } #cartAffixOnePage {position: fixed!important; width:263px; top:20px; float: right; } /* #cartAffix.affix-top {width:263px; top:20px; float: left;} #cartAffix.affix {position: fixed!important; width:263px; top:20px; float: left;} #cartAffix.affix-bottom {width:263px; top:30px; float: left;} #cartAffixEmpty.affix-top {width:263px; float: right; } #cartAffixEmpty.affix {position: static!important; width:263px; float: right; } #cartAffixEmpty.affix-bottom {width:263px; float: right; } #cartAffixOnePage.affix-top {width:263px; top:20px; float: right; } #cartAffixOnePage.affix {position: fixed!important; width:263px; top:20px; float: right; } #cartAffixOnePage.affix-bottom {width:263px; top:30px; float: right; } */ /* LL-9689 - commented out the z-index due to Order Summary overlapping minicart. */ #cartAffix { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /*z-index:20;*/ background-color: #ffffff !important; } /* LL-11276 - shopping cart Order Summary updates max-width: >1200px */ .orderSummaryCheckout .couponConfirm { padding: 0px!important; } .orderSummaryCheckout .couponConfirm p.small.red{ margin-bottom: 0px!important; } .orderSummaryCheckout { margin-top: 10px; } /* Communication Preferences */ /*LL-6276 Communication Preferences*/ div.cp-panel.panel.panel-default { border: 0px!important; background-color: #fff; margin-bottom:20px; } div.cp-panel.panel.panel-default > .panel-heading { border: 0px!important; background-color: #fff; } p.panel-title { font-family: inherit; font-size: 15px; color: #020202; position: relative; padding: 0px; font-weight: normal!important; margin-left: 25px; } div.cp-panel.panel.panel-default > .panel-heading { padding: 0px!important;} /* Communication Preferences new css to make before/after icons */ p.panel-title > a:link::before, p.panel-title > a.accordian.collapsed:link::before, p.panel-title > a.accordian:link::before { font-family: 'FontAwesome'; font-size: 22px; content: "\f1db"; color: #ccc; position: relative; margin: 0px 5px 0px -25px; } p.panel-title > a.accordian:link::before { font-family: 'FontAwesome'; font-size: 22px; content: "\f058"; color: #0072bc; position: relative; margin-right: 5px; } a.accordian:link, a.accordian:hover { text-decoration: none!important; color:#020202; } div.comm-prefs a.emailSignup, div.comm-prefs a.emailUnsubscribe, div.comm-prefs a.mailChange, div.comm-prefs a.mailRemove { width: 100%; margin: 0px; background-color: #fff!important; text-align: left; color: #020202; } /* LL-5043 - new Comm prefs icons max-width: < 1200px */ h2.email-pref::before { content: url(/assets/images/email-pref-icon.gif); vertical-align: top; margin-right: 10px; } h2.mail-pref::before { content: url(/assets/images/mail-pref-icon.gif); vertical-align: top; margin-right: 10px; } h2.mobile-pref::before { content: url(/assets/images/mobile-pref-icon.gif); vertical-align: top; margin-right: 10px; } h2.mail-pref, h2.mobile-pref { line-height: 70px; white-space: nowrap; margin-bottom: 0px; } h2.email-pref { line-height: 45px; white-space: nowrap; } form.form-left { padding-right: 30px; } form.form-right { padding-left: 30px; } div.checkbox-inline.checklist { width: 40%; margin-left: 0px!important; margin-right: 10px!important; } .recProducts {background-color:#eee; height:250px;} /*Temp rec-area class*/ ul.checkout-list { border: 1px solid #CCCCCC; padding: 0 20px 20px; margin: 0 !important; } ul.checkout-list li { list-style: none; padding: 5px 0; margin: 0; } /* EC-9525 - ROPIS subtotal and subtotal detail text spacing */ ul.checkout-list li.subtotalAmount { padding-bottom: 0px!important; } ul.checkout-list li.subtotalDetail { padding-top: 0px!important; line-height: 1em; } /* LL-14300 - checkout - customer service text spacing removed padding-bottom: 0px; */ .panel-checkout .checkout-list.noBorder { padding-right: 10px; } /* ul.checkout-list li:first-child { border-top: none; } */ ul.checkout-list .account-edit-box { margin: -11px -15px; padding: 15px; } .giftwrapText {width:100%;} .giftwrapText a {color:#020202;} .panel-checkout label.control-label { margin-bottom: 5px !important } ul.checkout-list.wishlist-move { margin: 0 -20px; border: none; } ul.checkout-list.wishlist-move li:first-child { padding-top: 0; } ul.checkout-list.wishlist-move li:last-child { position: relative; min-height: 46px; } ul.checkout-list.wishlist-move .account-edit-box { position: absolute; left: 0; right: 0;} .cartCoupon {padding:0px!important; margin:0px!important;} .cartCalculate .dropdown-menu {width:230px; padding:10px; border-bottom:1px solid #CCCCCC; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .cartCalculate .dropdown-menu .dropdown-caret {position: absolute; left: 150px; top: 127px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .item-cart .item-quickview-qty {max-width:60px; text-align: center;} .cartAlert .dropdown-menu {max-width:230px; left: 0px; padding:10px; border-bottom:1px solid #CCCCCC; margin-right:20px; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .cartAlert .dropdown-menu .dropdown-caret {display:none; position: absolute; left: 33px; top: 162px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .cartAlert .dropdown-menu2 {max-width:230px; left: 0px; padding:10px; border-bottom:1px solid #CCCCCC; margin-right:20px; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .cartAlert .dropdown-menu2 .dropdown-caret {display:none; position: absolute; left: 33px; top: 145px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .cartAlert .dropdown-menu3 {max-width:230px; left: 0px; padding:10px; border-bottom:1px solid #CCCCCC; margin-right:20px; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .cartAlert .dropdown-menu3 .dropdown-caret {display:none; position: absolute; left: 160px; top: 95px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .cartAlert .dropdown-menu4 {max-width:230px; left: -30px; padding:10px; border-bottom:1px solid #CCCCCC; margin-right:20px; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .cartAlert .dropdown-menu4 .dropdown-caret {display:none; position: absolute; left: 160px; top: 95px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .cartAlert .dropdown-poBox {max-width:230px; left: 0px; padding:10px; border-bottom:1px solid #CCCCCC; margin-right:20px; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .cartAlert .dropdown-poBox .dropdown-caret {display:none; position: absolute; left: 33px; top: 84px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .dropup ul.dropdown-menu button.icon-close {display:none; position: absolute; right:-10px; top: -10px;} .dropup.cartAlert .dropdown-toggle img { width:20px; } /*LL-9412 - dropup alerts in cart need to be small text.*/ div.dropup.cartAlert.small a#dropdownAlertMenu { font-size: 12px!important; color:#020202!important;} /*LL-11369 - dropup alerts icon prevent line-break between words and icon.*/ #dropdownAlertMenu span.glyphicon.glyphicon-question-sign.grey { display: inline; } /*Cart edit areas*/ /* .pers-edit-area, .gift-edit-area, .egc-edit-area, .gc-edit-area, .email-edit-area {display:none;} */ .pers-edit-area .form-inline .form-control {display: inline-block; vertical-align: baseline; width: auto;} strong[data-bind="html: prefix"] { float: left; margin-right: 5px; } strong[data-bind="html: postfix"] { margin-left: 5px; } /* LL-7327 - EGC - Email address is cut off max-width: > 1200px */ /* LL-9053 - EGC - Email fields added width to accommodate Recipient's Email description > 1200px */ div.gift-fields-desc { width: 118px !important; } div.gift-fields-desc.gift-msg { min-width: 0; width: 20%; } div.gift-fields-desc.gift-msg small { float: right; display: block; } /* LL-9053 - EGC - Email fields added margin-bottom > 1200px */ div.gift-fields-entry { width:62%; max-width: 290px; min-width: 245px; } /*LL-13913 - personalization none to red */ div.gift-fields-entry span, font.gift-fields-entry span { color: #e60e0e; } div.gift-fields-entry.status { padding-left: 0; } div.gift-fields-entry.status small { display: block; } div.gift-fields-entry.gift-msg-entry { margin-bottom: 0; padding-left: 0; } div.gift-fields-entry.gift-msg-entry small { display: block; } /* LL-14279- my account payment and checkout payment label fix for cvv max-width: > 1200px */ .checkout-edit-box .control-label { display: inline-block; margin-top: 0px; margin-bottom: 5px!important; } .gc-edit-area.checkout-edit-box .control-label, .egc-edit-area.checkout-edit-box .control-label { display: block; margin-top: 0px; margin-bottom: 5px!important; } /*LL-8409 - Personalization Edit Fields styling max-width: < 1200px */ div.pers-edit-area .form-inline .row.narrow:last-child > div.col-sm-6.text-right { width: 100%; } /* div.pers-fields div.gift-fields-desc { width:38%; max-width: 110px; min-width: 60px; } */ /*EC-10041 - ROPIS alignments - LL-11013 - Delivery Edit Fields styling max-width: < 1200px */ .est-delivery { line-height: 25px; font-style: normal; margin-left: 5px; margin-bottom: 10px; padding-top: 5px; } .fs-italic, .delivery-message { font-style: italic; } .select-store-info { padding-left: 12px; } /* LL-14511-add-to-cart-update-top=to-unset items - cart add Thank You*/ .modal-dialog.modal-cartAddty {border-radius: 0; border: none; box-shadow: 0 0 20px rgba(0,0,0,.1);top: unset; width: 450px !important;} /* old added to cart modal */ .checkout-cartAddty {color:#00b422 !important;} .checkout-cartAddty:after {font-family: FontAwesome; content: "\f00c"; font-size: 22px; color:#fff; position: absolute; left: 1.25em; top: 1.4em;} .header-cartAddty { padding-right: 0px !important; } ul.item-cartAddty { border-top: none; } /* LL-14511-add-to-cart-update - LL-8842 - updated add to cart modal - reduce top padding max-width: > 1200px */ ul.item-cartAddty>li {font-size: 15px; padding: 0px; position: relative; } ul.item-cartAddty .item-img-column, ul.item-wishlist .item-qty-column { position: static; } ul.item-cartAddty .item-price, ul.item-wishlist .item-qty { text-align: center; font-size: inherit; font-weight: normal; color: #020202; } ul.item-cartAddty .item-price { padding: 0px 7px 0px 8px; } ul.item-cartAddty .item-title { padding: 0; } ul.item-cartAddty .item-sku, ul.item-cartAddty .item-qnty { color: black; font-weight: normal; font-size: 14px; } /* LL-8842 - updated add to cart modal - view cart button styling max-width: > 1200px*/ /* button.btn-success.btn-cartaddty { width: 100%; max-width: 160px; font-size: 17px; padding: 4px 12px; } */ /* LL-15760CUAT Added to Cart modal - add "Keep Shopping" button and change "View Cart" to "Checkout" */ button.btn-success.btn-cartaddty, button.btn-info.btn-cartaddty { width: 100%; max-width: 190px; font-size: 16px; padding: 4px 12px; font-weight: 400; outline:none;} /* checkout */ .tbl-guest {border-bottom: none !important;} /* Login / Registration */ .checkoutSignIn {border-right: 1px solid #ccc; padding: 0px 50px 0px 15px; } .passLink { font-size: 13px; } .chatheading {font-size: 15px; font-weight: 900;} .chatIcon {width:17px; height:17px; margin-left:5px;} .newCheckout #collapseThree.panel-collapse.mt20 {margin-top:0px!important;} #checkout-header {background: #f0f0f1; color: #777; /*height: 90px;*/ position: relative; z-index: 1040;} .cart-return-text {font-size: 16px; margin-top: 30px;} .cart-return-text a:hover {text-decoration: underline!important;} .checkout-steps .order-review-panel {margin-left: 35px;padding-left:10px !important;} /* EC-5918 - Checkout Redesign Checkout Title - review section reveal */ .newCheckout.checkout-steps .order-review-panel { margin-left: 0px; padding-left:0px !important; } /* EC-6075 - top line removed from order summary */ .newCheckout .order-review-panel .table.checkout > thead > tr > th {border-top: none!important;} .checkout-steps .order-review-panel .review-comment {resize: none;} .checkout-steps .order-review-panel .review-comment:focus, #modal-share .msgText:focus {border-bottom: 1px solid #66afe9 !important;} .panel-checkout {border:none; -webkit-box-shadow: none; box-shadow: none;} .checkout-steps .panel-heading, .checkout-steps .panel-body {border:none; border-top:none!important; background: #ffffff; padding: 0px;} .panel-checkout table.checkout th:first-child {text-align:left !important;} /* LL-14300-checkout steps text center alignment */ .panel-checkout table.checkout th {text-align:center !important;} .panel-checkout table.checkout th:last-child {text-align:right !important;} .panel-checkout table.checkout td:first-child {text-align:left !important;} /* LL-14300-checkout steps text center alignment */ .panel-checkout table.checkout td {text-align:center !important;} .panel-checkout table.checkout td:last-child {text-align:right !important;} /* LL-14300-checkout steps price cell adjustment to allow inline display with text center alignment */ .panel-checkout table.checkout td:nth-child(3) { width: 20%; } .panel-checkout table.checkout td:nth-child(3) > span > .grey.price-small { display: inline; margin-left: 5px; } /* LL-14606 - checkout panel review max-width > 1200px */ .panel-checkout table.checkout td:nth-last-child(2) { text-align: right !important; } .checkout-title a, .checkout-focus a {text-decoration: none!important;} /* LL-14300-checkout padding adjustment around the change button, added right padding to keep copy off of button */ .checkout-title h3 {color:#020202; margin:0px; padding: 10px 90px 10px 45px;} .checkout-title h3.shippingheader {color:#020202; margin:0px; padding: 7px 12px; display:inline-block;} /* EC-5494 -Checkout Redesign Checkout Title Update min-width: > 1200px */ .newCheckout .checkout-title h3 {color:#020202; margin:0px; padding: 6px 90px 10px 45px; font-family: 'Roboto Slab', serif; font-size: 22px; font-weight: 400; } /* EC-5494 - Checkout Redesign Checkout Title Update - EC-6204 - added span for delivery update min-width: > 1200px */ .newCheckout .checkout-title h3 small, .newCheckout .checkout-title h3 span.small { font-family: 'Open Sans', sans-serif; } /* EC-5918 - Checkout Redesign Checkout Title - review section reveal */ .checkout-review-title h3 {color:#020202; margin:0px; padding: 10px 90px 10px 0px; font-family: 'Roboto Slab', serif; font-size: 22px; font-weight: 400; } .newCheckout.checkout-review-title h3.panel-title {color:#020202; margin:0px; padding: 10px 0px; font-family: 'Roboto Slab', serif; font-size: 22px; font-weight: 400; } .newCheckout.checkout-review-title .checkout-review-return { padding-top: 12px; } /*EC-6234 - Checkout Redesign - greyed out steps*/ .newCheckout .checkout-title h3 {color:#bbbbbb; margin:0px; padding: 6px 90px 10px 45px; font-family: 'Roboto Slab', serif; font-size: 22px; font-weight: 400; } .newCheckout .checkout-title.checkout-focus h3, h3.checkout-title-complete {color:#020202!important;} /* LL-14300-checkout change button vertical align */ .checkout-title a.btn { position: absolute; top: 50% !important; right: 0px; height: 34px; margin-top: -17px; } .payment-addgc {right: 110px!important;} .checkout-focus h3 {color:#020202;} .checkout-shipping, .shipping-details, .payment-details, .delivery-details, .profile-details, .checkout-payment, .checkout-delivery, .checkout-profile {color:#020202;} .checkout-step-complete {font-size:40px; color:#00b422 !important;} .checkout-step-complete:after {font-family: FontAwesome; content: "\f00c"; font-size: 22px; color:#fff; position: absolute; left: 6px; top: 9px;} .checkout-step-complete span {display:none;} .checkout-focus .checkout-step {font-size:40px; color:#00b422 !important;} /* EC-5494 - checkout redesign remove border*/ .checkout-table-border {border: 0px solid #ccc; padding: 0px 0px !important; border-bottom: 0px;} .checkout-table-border .table > tbody > tr > td:first-child { border-top:none!important; text-align: left!important; padding-left: 10px; vertical-align: middle!important; } .checkout-table-border .table > tbody > tr > td {border-top:none!important; vertical-align: middle!important; } .checkout-table-border .radio {margin-top:0px; display:inline;} .checkout-table-border .radio input[type=radio]{opacity:1;} /*value changed from "0" to "1" to fix issue in LL-11246*/ .checkout-table-border #checkout-payment-table .radio input[type=radio]{opacity:0;} /*value changed from "1" to "0" to fix issue in EC-6257*/ .checkout-table-border #tbl-shipping-address .radio input[type=radio]{opacity:0;} /*value changed from "1" to "0" to fix issue in EC-6257*/ .checkout-table-border .radio-blue { position: absolute;height: 15px;width: 15px;top: 2px;left: 0px;border:1px solid grey; border-radius: 50%;background-color: white;} .checkout-table-border input[type=radio]:checked+.radio-blue {border:5px solid #3595fe;} .control {cursor: pointer;position: relative;}.control input {position: absolute;z-index: -1;opacity: 0;} .radio-indicator {position: absolute; top: 10px; left: 0; height: 18px; width: 18px; border: 1px solid #ccc; background: white; cursor: pointer;} .radio-indicator.disabled, .ropis .radio-indicator.disabled { cursor: not-allowed; background: rgb(240, 240, 240);} .radio-control .radio-indicator:after {left: 6px;top: 6px;height: 6px;width: 6px;border-radius: 50%;background: #fff;} .radio-control .radio-indicator {border-radius: 50%;} .control input:checked ~ .radio-indicator, .radio-control input:checked ~ .radio-indicator {background: #0081D0 !important; border: none !important;} .radio-indicator:after {content: ''; position: absolute; display: none;} .control input:checked ~ .radio-indicator:after, .radio-control input:checked ~ .radio-indicator:after {display: block;} .control input:disabled ~ .radio-indicator {background: #ddd; cursor: auto;} .checkbox-control .radio-indicator:after {left: 6px; top: 2px; width: 7px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);} .checkbox-control .radio-indicator {border-radius: 15%;} .wishlist-list .account-edit-show {padding-right: 10px !important; color: #020202; } .ropis input[type="radio"], .pdp-ropis input[type="radio"]{visibility: hidden; width: 18px !important; height: 18px !important; margin: 6px 4px 0 0 !important;} .account-edit-show {padding-right: 10px !important; /*color: #020202;*/ } .payment-continue {margin-right:10px;} .account-edit .payment-continue {margin-right:0px;} .guest-payment {border: 1px solid #ccc;} .member-payment {border-bottom: 1px solid #ccc;} .checkout-edit-box-first {border: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: -1px 0px -1px; padding: 20px 0;} .checkout-edit-box {margin: -1px 0px -20px; padding: 20px 0;} .checkout-table-border .checkout-edit-box {border: 0px!important; border-bottom: 1px solid #ccc!important;} .checkout-table-border .checkout-edit-box-first {border-left: 0px!important; border-right: 0px!important;} .promo-check {font-size: 13px; margin-bottom: 20px!important; } .promo-check .radio-indicator {top: 12px;} /* LL-12217 - button placement alignment max-width: > 1200px */ .saveNewPayment { padding-right: 0px; } .email-register-box, .shipping-edit-box, .payment-edit-box, .payment-giftcard-box, .delivery-edit-box, .profile-edit-box {background: #eee; border: 1px solid #ccc; padding: 20px;} .checkoutgc.borderTop {border-top: none; padding-top:0px; margin-top:0px;} .checkoutgc.borderLeft, .checkoutgc.borderLeft-gc {border-left: 1px solid #ccc; padding-left:20px; margin-left:20px;} .fa-circle.checkout-step {font-size:40px; float:left; color:#aaa; position: relative;} .fa-circle.checkout-step span {font-size: 20px; font-family:'Hind Vadodara', sans-serif; color: #fff; position: absolute; left: 13px; top: 8px; font-weight: 700;} .paypal-logo {width:67px;} /* EC-6031 Sign-in / register modal display fix */ .newCheckout #modal-email-exist .col-sm-pull-6 {right: 0;} /* EC-5494 -Checkout Redesign Checkout Title Update min-width: > 1200px */ .newCheckout .checkout-edit-box-first { background: #fff; border: 0px solid #ccc; border-bottom: 0px solid #ccc; margin: 0px; padding: 0px;} .newCheckout .checkout-edit-box {background: #fff; border: 0px solid #ccc; margin: 20px 0px 0px!important; padding: 0px;} /* EC-6488 - Billing/Shipping checkout similar alignment fix */ .newCheckout .checkout-edit-box.guest-payment {margin: 0px 0px 0px 0px!important;} .checkout-payment-methods div, .account-payment-methods div { display: inline-block; margin-right: 5px; float: left; } .newCheckout .email-register-box, .newCheckout .shipping-edit-box, .newCheckout .payment-edit-box, .newCheckout .payment-giftcard-box, .newCheckout .delivery-edit-box, .newCheckout .profile-edit-box {background: #fff; border: 0px solid #ccc; padding: 0px;} .newCheckout .fa-circle.checkout-step {font-size:40px; float:left; color:#dbdbdb; position: relative;} .newCheckout .fa-circle.checkout-step:after { font-family: FontAwesome; content: "\f00c"; font-size: 22px; color: #fff; position: absolute; left: 6px; top: 9px; } .newCheckout .fa-circle.checkout-step span { display: none; } /* EC-6133 - added top margin of 20px min-width: > 1200px */ .newCheckout.shipping-edit-box { margin-top: 15px; } .newCheckout form#edit-guest-payment { margin-top: 15px; } .newCheckout .checkout-table-border.tbl-guest { margin-top: 15px; } .newCheckout .email-register-box { margin-top: 30px; } /* EC-5494 - guest checkout style updates */ .checkoutGuest { padding: 0px 50px 20px; } .checkoutSUSubmit .continue-guest-btn { padding: 6px 25px!important; } .checkout-main-title { border-bottom: 2px solid red; padding-bottom: 10px; margin: 13px 0px 10px; } .panel-checkout h2 { font-weight: 400; } /* EC-5494 - order-summary-shares some css with order-confirm-summary */ .checkout-order-summary ul.checkout-list.order-checkout-summary { list-style: none; padding: 0px 20px 20px; margin: 0; background-color: #f3f3f3; border-radius: 4px; } .checkout-order-summary ul.checkout-list.order-checkout-summary li { list-style: none; padding: 5px 0px; margin: 0; } /* EC-9525 - ROPIS subtotal and subtotal detail text spacing */ ul.checkout-list.order-checkout-summary li.subtotalAmount { padding-bottom: 0px!important; } ul.checkout-list.order-checkout-summary li.subtotalDetail { padding-top: 0px!important; line-height: 1em; } .checkout-order-summary ul.checkout-list.order-checkout-summary li.order-summary-title { border-bottom: 2px red solid; background-color: #ffffff; padding: 6px 20px 0px!important; margin: 0px -20px 10px!important; border-radius: 4px 4px 0px 0px;} .checkout-order-summary ul.checkout-list.order-checkout-summary li.order-summary-title h4 { font-family: 'Roboto Slab', serif; font-size: 22px; } .checkout-order-summary ul.checkout-list.order-checkout-summary .order-checkout-submit { padding: 0px 0px 20px; } .checkout-order-summary .order-summary-title h4 { font-family: 'Roboto Slab', serif; font-size: 22px; } .paypal-logo-container {float: right;} .btn-CancelSplitPay {margin-top: 6px;margin-right: 10px;} .btn-submit-order {background-color: #ccc; color: #fff !important; border-color: transparent !important;} .btn-checkout-edit {background-color: #fff; color: #1A77A3 !important; border: 1px solid #aaa;} .checkoutAlert .dropdown-menu {width: 230px; left: -40px; padding: 10px; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .checkoutAlert .dropdown-menu .dropdown-caret {position: absolute; left: 143px; top: 100px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} /* EC-7459 - tom tom autofill address */ .shipping-edit-box .ll-autosuggest-container { position: absolute; background-color: #ffffff; z-index: 100; border: 1px solid #ccc; border-radius: 4px; line-height: 2em; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 220, 224,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 220, 224, 0.6); } .shipping-edit-box .ll-autosuggest-container:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 220, 224,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 220, 224, 0.6); } .shipping-edit-box .ll-autosuggest-container a { color: #020202; display: block; white-space: nowrap; padding: 6px 12px; text-decoration: none; } .shipping-edit-box .ll-autosuggest-container a:hover, .shipping-edit-box .ll-autosuggest-container a:focus { text-decoration: none!important; background-color: #f5f5f5; } /*Checkout Modal Bootstrap Overrides*/ #modal-address {-webkit-overflow-scrolling:auto!important;} /*Fixes non-scrolling issue on iOS Safari*/ /* LL-16413 - address verification modal formatting -max-width: > 1200px */ #modal-address .modal-body .modalText { width: 63%; } #modal-address .modal-body .modalLogo { width: 37%; } #modal-address .av-address { width: 50%; } #modal-address .av-address .radio label.radio-control { padding-left: 25px; } /*one-page checkout mobile table heads */ table.checkout span.mobileTableHead { display: none; font-weight: 700; } .review-order-title, .add-shopping-list {display:none;} /*cart checkout thank you*/ ul.checkout-links { border: 1px solid #CCCCCC; padding: 0 15px 15px; margin: 0; list-style: none; text-decoration:none; } ul.checkout-links li a{ text-decoration:none !important; } ul.checkout-links li a:hover{ text-decoration:underline !important; } /*homepage*/ .container2 { width:100%; max-width: 1560px; margin: 0px auto; padding:0px 30px; } /* LL-18271 - homepage headline space adjustment margin-top to 20px */ .homeFeature {font-family: 'Roboto Slab', serif; font-size: 44px!important; color: #666666; margin: 20px 40px 40px; font-weight: 600; text-align: center;} /*homepage featured categories*/ /*5 column layout*/ .col-custom-5 {float: left; width: 20%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;} .feat-heading {padding-left:0px; padding-right:0px; margin-bottom: 20px;} /* LL-18271 - homepage headline space adjustment margin-top to 20px - LL-18118 - full width banner h2 format - feature headings max-width: > 1200px */ .feat-heading h2 {font-family: 'Roboto Slab', serif; font-size: 44px!important; color: #666666; margin: 20px 40px 40px; font-weight: 600; text-align: center;} /* LL-18327 - homepage headline paragraph space adjustment margin-bottom to 20px - feature headings max-width: > 1200px */ .feat-heading.resources h2 { margin-bottom: 20px; } .feat-heading.resources p { text-align: center; font-size: 19px; color: #666666; margin-bottom: 30px; } /*.feat-heading h2 {text-align: center;} .feat-heading h2 span {background-color:#ffffff; padding:10px;} .feat-heading h2:before {border-top: 1px solid #cccccc; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; z-index: -1;} */ /* LL-18118- featured Categories Block Links max-width: > 1200px */ /* LL-17978- featured Categories Block Links background color and hover color - max-width: > 1200px */ .col-custom-5.feat-cat-heading {float: left; width: 18%; position: relative; min-height: 1px; margin: 0px 1%; padding: 0px !important; } .col-custom-5.feat-cat-heading.left { padding-left: 0px; } .col-custom-5.feat-cat-heading.right { padding-right: 0px; } .col-custom-5.feat-cat-heading div { width: 100%; height: 85px; } /* LL-18343- featured Categories Block Links max-width: > 1200px */ .col-custom-5.feat-cat-heading div h2 { font-size: 28px!important; line-height: 28px; color: #ffffff; margin: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /* LL-17978- featured Categories Block Links background color and hover color - max-width: > 1200px */ .col-custom-5.feat-cat-heading div.first { background-color: #ff3334; } .col-custom-5.feat-cat-heading div.first:hover { background-color: #ff5c5d; } .col-custom-5.feat-cat-heading div.second { background-color: #3398cc; } .col-custom-5.feat-cat-heading div.second:hover { background-color: #39b4f4; } .col-custom-5.feat-cat-heading div.third { background-color: #67cb33; } .col-custom-5.feat-cat-heading div.third:hover { background-color: #73e239; } .col-custom-5.feat-cat-heading div.fourth { background-color: #ffc600; } .col-custom-5.feat-cat-heading div.fourth:hover { background-color: #ffdc00; } .col-custom-5.feat-cat-heading div.fifth { background-color: #9a33cc; } .col-custom-5.feat-cat-heading div.fifth:hover { background-color: #b443eb; } .feature-container h2:before {border-top: none;} .feat-cat-heading h2 {font-size: 16px!important; margin-top: 15px; line-height: 23px;} .feat-cat-heading h2:before {border-top: none!important;} /* LL-17984 - feat-cat-heading image to display none for IE */ .feat-cat-heading .item-img { display: none; } /* LL-18163 - homepage featured resources slots update */ .featured-resource-mobile-container { display: none; } .featured-resource { text-align: center; } .featured-resource .item-img { max-width: 190px; opacity: 1;} .featured-resource .item-img:hover { opacity: 0.7;} .featured-resource h2 { font-family: 'Open Sans', sans serif; font-size: 20px !important; line-height: 20px; margin: 10px 0px; } /*homepage featured slots*/ .feature-container {padding:20px; text-align:center; margin-bottom:20px;} .featured-slot a:hover {text-decoration: none!important;} .featured-slot h2 {margin-bottom:5px; color:#fff;} .featured-slot p {margin-bottom:0px; color:#fff;} .featured-slot p a {color:#fff; text-decoration: underline!important;} /* LL-18118 - homepage featured slots update */ .featured-slot .heroImage { margin: 20px auto; } /* LL-18164 - homepage connect banner css updates max-width: > 1200px */ .homepage-connect { background: url('https://s7d2.scene7.com/is/image/OCProduction/connect-with-us?wid=1500&qlt=85&fmt=pjpeg&pscan=auto') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; width: 100%; max-width: 1500px; height: 100%; position: relative; padding-bottom: 40%!important; } .homepage-connect-content { background-color: transparent; width: 45%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /* LL-18343- homepage-css-updates - max-width: > 1200px */ .homepage-connect-content h1 { font-family: 'Roboto Slab', serif; font-size: 56px!important; color: #666666; margin: 0px; font-weight: 600; } .homepage-connect-content p { font-size: 19px!important; color: #666666; margin: 20px 20px 15px; } .homepage-connect-content video { width: 60%!important; margin: 0px auto 20px; border: none; } .homepage-connect-content .social-links a { margin: 0px 10px; } .homepage-connect-content .social-links a img { width: 48px; } /* LL-17926 - homepage complete-classroom-carousel-featured slots update max-width: > 1200px */ .homepage-classroom-content { width: 57%!important; padding: 0px 15px; text-align: center; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .homepage-classroom-content h1 { font-family: 'Roboto Slab',serif; font-size: 52px !important; margin: 0; font-weight: 600; margin-bottom:30px; } .homepage-classroom-content h1 sup { font-size: 30px !important; margin: 0; } .homepage-classroom-content h2 { font-family: 'Roboto Slab',serif; font-size: 32px !important; margin: 20px 0px; font-weight: 400; } .homepage-classroom-content h2 span { font-family: 'Roboto Slab',serif; font-size: 32px !important; color: #f9c708; margin: 0; font-weight: 700; } .homepage-classroom-content p { font-size: 19px !important; line-height: 34px; font-weight: 400; width: 550px; margin: 0px auto 20px; } .homepage-classroom-content a.btn { font-size: 19px !important; line-height: 19px; font-weight: 700; color: #fff; background-color:rgba(0,0,0,0.1); border: 1px solid #fff; border-radius: 3px; margin: 0px; padding: 10px!important; } .homepage-classroom-content a.btn:hover { background-color:rgba(0,0,0,0.2); } /* Carousel Specific CSS */ #classroomCarousel.carousel-fade.content { width: 40%; position: absolute; top: 5%; left: 57%;} #classroomCarousel.carousel-fade.content ol.carousel-indicators { display: none;} #classroomCarousel.carousel-fade.content a.carousel-control { display: none;} #classroomCarousel.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } #classroomCarousel.carousel-fade .carousel-inner .active { opacity: 1; } #classroomCarousel.carousel-fade .carousel-inner .active.left, #classroomCarousel.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } #classroomCarousel.carousel-fade .carousel-inner .next.left, #classroomCarousel.carousel-fade .carousel-inner .prev.right { opacity: 1; } #classroomCarousel.carousel-fade .carousel-control { z-index: 2; } /* Added transforms to improve carousel performance in modern browsers */ @media all and (transform-3d), (-webkit-transform-3d) { #classroomCarousel.carousel-fade .carousel-inner > .item.next, #classroomCarousel.carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #classroomCarousel.carousel-fade .carousel-inner > .item.prev, #classroomCarousel.carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #classroomCarousel.carousel-fade .carousel-inner > .item.next.left, #classroomCarousel.carousel-fade .carousel-inner > .item.prev.right, #classroomCarousel.carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Product Detail Page */ .contentWidth {width:100%; padding-left:0px; padding-right:0px;} .review-entry {margin-bottom:15px;} .review-entry p {font-size:14px; margin-bottom:0px;} .review-entry .btn-review {background-color: #fff !important; border:none; color:#0072bc; font-size: 13px; font-weight: normal !important; margin-left: 15px; opacity: 1; padding:0; vertical-align: text-bottom;} .review-entry .btn-review:hover {text-decoration: underline;} .review-accred {margin-top:10px;} .review-accred img {width:115px;} .review-title br {display:none;} .review-title .item-rating {position: relative; display: inline-block; top: 2px; margin-right: 10px;} #llReviews .avg-review, #llReviews .review-title {font-size: 14px; font-weight: 700;} #llReviews .review-helpful {font-size: 13px;} .reviewCheck {position: relative; top: -2px; margin-right: 5px;} .pdp-stars, .pdp-reviewstars {position:relative; top:2px; margin-right: 0px; display: inline-block;} .glyphicon-star {font-size: 18px; top: 4px;} .pdp-reviewdate {font-size: 13px;} a.write-review{font-size: 14px; margin-left: 35px;} a.write-review.btn-primary {width: 165px; border-radius:4px; } .pdp-pagination .pagination {margin: 0 auto;} .pdp-pagination {border-top:none;} .pdp-form .form-group {display:inline-block!important; margin-bottom:0px; vertical-align:top!important;} .pdp-form .item-quickview-qty {min-width: 80px; display: inline;} .pdp-form .item-quickview-qty .pdp-qty {width:70px; height: 38px;} .pdp-form .item-quickview-qty select.form-control option {padding: 0px 0px!important;} #dropdownAlertMenu, .user-message {font-size:12px; color: #020202;} .accessories-box {border: 1px solid #ccc; padding: 20px!important;} /* EC-6925 PDP Write a reivew form groups misaligned bug fix */ .form-group-alignment { display: block; float: left; height: auto; width: 100%;} /* LL-14203 - added selector and updated padding */ #cartItems .accessories-box {border: 1px solid #ccc; padding: 11px 20px 20px !important;} .dropdown-border-red[aria-expanded="false"] { border: 1px solid #ff0000 !important; } span.glyphicon.glyphicon-heart.grey {top: 3px;} .product-accessories-box .pdp-warranty-image-mobile {position: absolute; bottom: 10px; right: 10px; z-index: 5; pointer-events: none;} /*Correlated Reading Charts*/ .reading-modal {width: 100%;} .reading-modal tbody {height:255px; overflow-y:scroll; width: 100%;} .reading-modal thead, .reading-modal tbody, .reading-modal tr, .reading-modal td, .reading-modal th {display:block;} .reading-modal tbody td, .reading-modal thead tr th {float:left;} .reading-modal td {border-bottom: 0px!important; border-top:0px!important} .reading-modal tr {border-bottom: 1px solid #ddd!important;} .reading-modal tr:after {content: ' '; display: block; visibility: hidden; clear: both;} /*LL-9634 - Qty dropdown moves text */ .item-quickview-qty > .dropdown.open { height: 34px; } /*LL-6270 - mobile updates - accessories wishlist icon */ span.glyphicon.glyphicon-heart.grey.accessories-wishlist-glyphicon-selected { top: 0px; } /* LL-7321- reduce margin between breadcrumb and Product description max-width: >1200 */ div#pdpItemInfo section { margin-bottom: 5px; } /*backordered message on pdp*/ .backOrderedMessage { left: 55px !important; top: 204px !important; } .padding0{padding:0px;} /*LL-9347 - remove underline from email icon on PDP pages*/ a.pdp-emailicon { text-decoration: none!important; } /* css to make modal align left*/ .social-icons .modal { text-align: left; } #social-icon-div a, #social-icon-div-craft a, #social-icon-div a: hover, #social-icon-div-craft a:hover {text-decoration: none!important;} #social-icon-div .popover, #social-icon-div-craft .popover { width: 160px; text-align:center; } /* PDP - ACCESSORIES SECTION */ .pdp-saleAlert {width: 100%;} .product-accessories-title-row {font-size: 21px; font-weight: 700; background-color: #f6f6f6; border-bottom: 1px solid #ccc; padding: 10px 15px;} .product-accessories-wrapper hr {margin-top:0px; margin-bottom:0px;} /* .product-accessories-wrapper .pdp-item-dropdown {width: 250px; margin-top: 20px;} */ .accessory-row1 {padding: 25px;} .accessory-row1-col2-row2-col1 {padding-left: 0px; padding-right:0px;} img.accessory-main-image {width:100%; margin-bottom:20px;} /* LL-11659 - accessories text from 13px to 15px */ .accessory-row1-col2 {font-size: 14px;} /*LL-12259 - updated all body copy to google Open Sans font-size to 17px */ .accessories-display-name, .accessories-price {font-size:16px; font-weight:700;} .download-instruction {font-weight: 600;} .download-platform {font-size: 20px;} .accessory-row1-col2-row1-col1 {padding-bottom: 15px;} .accessories-wishlist {text-align: left; padding-top: 15px; } /* LL-11624 - updated font style for add to wishlist *//*LL-12259 - updated all body copy to google Open Sans color to #020202 */ .accessories-wishlist-text {font-size: 13px; color: #020202; font-weight: 700; padding-left: 5px; position: relative; top: -2px;} .accessory-age-text { font-size:14px; font-weight:700;} .qtyHeading {font-size:14px;} .accessory-age-value {font-size:14px;} .accessory-long-description-text {font-size:14px;} .accessory-description-text {font-size:14px; font-weight: 700; padding-top: 15px;} .accessory-description-text, .accessory-long-description-text, .accessory-row1-col2-row4 {padding-left:15px;} input.pdp-personalize {width:50%!important; text-transform: uppercase; display: inline-block;} .pdp-safeAlert-qv {left: -130px !important; top: -260px !important;} .pdp-saleAlert .dropdown-menu {/*width: 230px; height:107px;*/ left: 80px; padding: 10px; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .pdp-saleAlert .dropdown-menu .dropdown-caret {position: absolute; left: 65px; top: 101px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .pdp-shipAlert .dropdown-menu {width: 320px; height:147px; left: 40px; padding: 10px; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .pdp-shipAlert .dropdown-menu .dropdown-caret {position: absolute; left: 65px; top: 141px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .pdp-warningAlert .dropdown-menu {width: 330px; top: -400px; left: 118px; padding: 20px; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb; height: 379px;} .pdp-warningAlert .dropdown-menu .dropdown-caret {position: absolute;left: 218px; top: 373px; height: 14px; width: 100%;background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .pdp-warningAlertWrapper { border: 1px solid #ccc; margin-top: -6px; margin-bottom: 10px; padding-top: 10px; padding-left: 8px; } /* LL-6270 PDP Accessories */ div.product-accessories-box div.row.tight.pdp-warningAlert small.grey { margin-left: 35px; } div.product-accessories-box div.row.tight.pdp-shipAlert small.grey { margin-left: 35px; } div.product-accessories-box div.row.tight.pdp-shipAlert small.grey>a#shipAlertMenu { margin-left: 5px; } div.product-accessories-box div.row.tight.pdp-warningAlert small.grey>a#warningAlertMenu { margin-left: 5px; } /* LL-13835 - product accessories dropdown fix */ /* .product-accessories-box .dropdown-color { width: 100%; margin-top: -12px; padding: 10px; background-color: #ffffff; border: 1px solid #CCCCCC; border-top-width: 0px !important; line-height: 1.42857143 !important; font-size: 13px; } */ .product-accessories-box .dropdown.open .dropdown-menu { border: 2px solid #848484; } .product-accessories-box .dropdown.open .btn-colSelect { border: 2px solid #848484; margin-bottom: 8px; } /* LL-13800 - Accessories Item Titles -remove the underline on hover */ /*.product-accessories-box a:hover { text-decoration: none !important; }*/ /*LL-10326 - Accessory Wrapper added margin bottom space */ div.product-accessories-wrapper { border: 1px solid #ccc; margin-top: 20px !important; margin-bottom: 30px; } /* LL-6260 - accessories back-order message style */ .backinstock-success { border: none; border-radius: 0; color: #020202; background: #f0f0f1 !important;padding: 15px; margin-bottom: 20px;} /* LL-4366 - pdp cleanup max-width: >1200px */ .pdp-mobile-price {display:none;} .pdp-noteicon {width:25px; height:25px; position:absolute;} /* LL-11428 - pdp warning label icon button for modal */ .prod-alert-note {margin-top: 3px; margin-bottom: 5px; margin-left: 20px; font-size: 12px; font-weight: 500; line-height: 16px;} .prod-warning {margin-top: -3px !important;} /* LL-11592 - pdp warning label modal footer space*/ #warningModal .modal-footer { padding-bottom: 30px !important; } /* LL-11428 - pdp warning label icon button for modal */ .prod-alert-note span.glyphicon.glyphicon-question-sign { font-size: 12px; } /*LL-6270 - mobile updates - pdp social icon - added margin-right */ .pdp-socialicon {width:25px; height:25px; margin:0 5px 0 0; text-decoration: none!important;} .pdp-socialicon-top {width:20px; height:20px; margin-top: -15px; margin-left:5px; margin-right: 5px; text-decoration: none!important;} /*d%AI-*/ /* LL-18993 */ /*LL-12259 - updated all body copy to google Open Sans font-size to 25px font-weight to 400 */ .pdp-price {font-size: 25px; font-weight: 400; margin-top:0px; margin-bottom:0px;} /*LL-12257 - updated all body copy to google Open Sans added font-weight and letter spacing */ .price-small {font-size: 12px; color: #020202; font-weight: 400; line-height: 20px;} .dd-title {overflow: hidden; text-overflow: ellipsis; width: 95%;} /* LL-13800 -underline on new label - added display: inline-block */ .label-pdp-new {position: relative; top:-5px; left:5px; background-color: #fd9326; font-size: 45%; text-transform: uppercase; display: inline-block; margin-top:10px;} .label-carousel-new {position: relative; top: 10px; background-color: #fd9326; text-transform: uppercase;} .label-carousel-gsa {position: relative; top: 10px; background-color: #00B422; text-transform: uppercase;} .readMore {border:0px; background-color: #fff; font-weight: 900; padding-left:0px;} .pdp-header {margin-bottom: 1px;} .itemNo {font-weight: 400; color:#020202;} /*LL-11623 - updated font style for accesory item #s */ .accessory-item-number { color: #020202; font-weight: 400; margin-bottom: 10px; margin-top: 5px;} /*LL-12259 - updated all body copy to google Open Sans font-size to 14px */ .error-message {font-size: 14px; color: #e60e0e; margin-bottom: 10px; font-weight: 600;} /* PDP Image / Thumbnail Styles*/ /* LL-6270 - PDP Carousel changes from margin-bottom:70px to margin-bottom:50px */ .pdpcarousel {width:590px; clear:left; margin-left:auto; margin-right:auto; margin-bottom:50px; z-index: 1;} .pdpcarousel img {width:108px; height:78px; border:1px solid #ccc; cursor: pointer;} .pdpcarousel .slick-dots {bottom: -55px;} .pdpcarousel a.carousel-nav span {top: 46%;} .pdpcarousel .arrow-wrap {display: inline-block; border: 1px solid #cdcccc; width: 30px; height: 30px; text-align: center; background: #fff; background: rgba(255,255,255,.5); border-radius: 50px; font-size: 20px;} .pdp-nav-prev .arrow-wrap {background-color: #3b92c7; border:none;} .pdp-nav-next .arrow-wrap {background-color: #3b92c7; border:none;} .pdpThumb {width:108px; margin-right: 10px; outline:0;} .pdpThumb.slick-outline img {border: 2px solid #3b92c7; outline: 0;} .pdp-nav-prev.slick-disabled .arrow-wrap, .pdp-nav-next.slick-disabled .arrow-wrap {background-color: #ddd!important;} .pdp-nav-prev a.carousel-prev {left: -40px;} .pdp-nav-prev a.carousel-prev .fa-caret-left {margin-right: 3px;} .pdp-nav-next a.carousel-next {right: -30px;} .s7flyoutviewer {float:left; z-index: 4; margin-bottom: 20px;} /*Scene 7 image & video styles*/ .s7videoviewer .s7videoplayer {background-color:#ffffff;} a.pdpVideo {width: 100%; float:left; position: relative;} a.pdpVideo span {width: 100%; height: 100%; top: 0px; left:0px; position: absolute; background: url("../images/play-btn.png") no-repeat; background-position: 50% 50%; background-size: 300%;} /*reset*/.s7flyoutviewer, .s7flyoutzoomview, .s7staticimage, .s7flyoutviewer .s7flyoutzoomview, .s7staticimage img {width:650px!important; height:488px!important; top: 0px !important; left:0px!important; color:white;} #s7_videoview.s7videoviewer{width:100%; height:auto;} /* LL-4832 - Complete Classrooms HTML video player*/ video.videoViewer, video.videoPlayer { width: 100%; } .pdp-thumbnail img {margin-left: 2px; margin-top: 2px; outline: 2px solid #ccc; } .viewLarger-modal-slider img {margin-top: 2px; outline: 2px solid #ccc; } .pdp-thumbnail-highlight {outline: 2px solid #3b92c7!important; cursor:pointer;} article.item { min-height: 300px; } #thumbnailsArea article.item { min-height: 365px; } .viewLarger-modal-slider article.item { min-height: 558px; } /* Vertical Slider overrides */ .flex-container .pdpcarousel {width: 110px; height: 355px; margin-right: 20px; float: left; z-index: 1;} .flex-container .s7flyoutviewer, .flex-container .s7mouseinput, .flex-container .s7size_medium, .flex-container .s7device_landscape {width:500px!important; height:375px!important; /*Old Value height: 365px!important;*/} /*reset*/.flex-container .s7flyoutviewer, .flex-container .s7flyoutzoomview, .flex-container .s7staticimage, .flex-container .s7flyoutviewer .s7flyoutzoomview, .flex-container .s7staticimage img {width:500px!important; height:375px!important; top: 0px !important; left:0px!important;} .flex-container .pdp-nav-prev {position: absolute; bottom: -10px; left: 58px;} .flex-container .pdp-nav-next {position: absolute; bottom: -10px; right: 50px;} .flex-container .s7flyoutviewer .s7flyoutzoomview .s7flyoutzoom {left: 520px!important;} .flex-container .s7flyoutzoom {width:457px!important; height:537px!important;} .flex-container .pdpcarousel img {border:2px solid #ccc;} .flex-container .pdpThumb.slick-outline img {border: 2px solid #3b92c7!important;} /* LL-13821 - video player outside main area on IE 10 only */ .flex-container #productVideo { width: 500px!important; } /*View Larger Styles*/ .viewLarger {float: left; width: 100%; text-align: center; margin-bottom: 20px; font-weight: 600;} .viewLarger-modal-thumbnail img {border: 2px solid #ffffff; cursor: pointer;} .viewLarger-modal-thumbnail.slick-outline img {border: 2px solid #3b92c7; outline: 0;} .viewLarger-modal-slider #slickListId {height: 545px!important;} .viewLarger-modal-thumbnail:focus {outline: none;} .viewLarger-modal-thumbnail.slick-outline:focus {outline: none;} /* LL-9719 - view larger modal border add */ .modal-dialog.viewLarger-modal-dialog { border: 1px solid #cccccc; margin: 70px auto;} /* LL-9719 - view larger modal image centering and sizing */ /*.product-accessories-box .modal-dialog.viewLarger-modal-dialog { width: 825px; height: auto; margin: 30px auto; } .product-accessories-box .modal-content.viewLarger-modal-content { height: auto; margin: 0px auto; } */ /* LL-10210 - view larger modal image centering and sizing back to the original size - commented out LL-9719 changes except image positioning */ .product-accessories-box .viewLarger-modal img { display: block; margin: 0px auto; } /*LL-8324 - remove underline from magnifying glass */ .viewLargerMagnifier { display: inline-block; } .viewLargerMagnifier::before {content: "\f00e"; font-family: FontAwesome; margin-right: 5px; font-size: 20px; font-weight: 100;} /* LL-13410 - PDP font edits */ .viewLargerText { color: #0072bc; font-weight: 700; } .viewLarger-modal-button-close {width:30px; height:30px; position: absolute; right: -14px; top: -14px; background-color: #111; border: none; border-radius: 30px;} .viewLarger-modal-button-close span {color: #fff; font-size: 20px; line-height: 24px;} .viewLarger-modal-dialog {width: 1140px;} .viewLarger-modal-slider {height: 545px; width: 112px; float: left; margin-right: 15px;} .viewLarger-modal-slider .pdp-nav-prev {position: absolute; bottom: -30px; left: 45px;} .viewLarger-modal-slider .pdp-nav-next {position: absolute; bottom: -30px; right: 45px;} /* LL-10248 - increased height from 660px to 725px to include the new close button at bottom */ .viewLarger-modal-content {height: 710px;} /*Temporary Height Value*/ /*LL-10248 - add footer close window button */ .modal-footer-close a, .modal-footer-close a:link, .modal-footer-close a:visited, .modal-footer-close a:hover, .modal-footer-close a:active, .modal-footer-close a:hover:active, .modal-footer-close a:focus { color:#838587; text-decoration: none; } .modal-footer-close a span.glyphicon.glyphicon-remove-circle { font-size: 25px; vertical-align: middle; font-weight: normal; margin-right: 5px; } .modal-footer-close a span.close-text { vertical-align: middle; } /* Quick view carousel styles */ .qvcarousel {width: 100%; float: left; padding: 0px 20px;} .qvcarousel img {width: 93px; border:1px solid #ccc; cursor: pointer;} .qvcarousel .qv-nav-prev a.carousel-prev {left:-10px; } .qvcarousel .slick-disabled a.carousel-nav {color:#aaa!important;} .qvcarousel .qv-nav-next a.carousel-next {right: -7px;} .qvcarousel a.carousel-nav span {position: relative; top: 40%; transform: translateY(-50%);} .qvcarousel .arrow-wrap {display: inline-block; border: 1px solid #cdcccc; width: 25px; height: 25px; text-align: center; background: #fff; background: #fff; border-radius: 50px; font-size: 20px;} .qvcarousel .arrow-wrap i {top:40%; font-size:17px;} .qvcarousel .qv-nav-prev a.carousel-prev .arrow-wrap i {left:-1px;} .qvcarousel .qv-nav-next a.carousel-next .arrow-wrap i {left:1px;} .qv-mainimg .s7flyoutviewer {float:left; z-index: 4;} .qv-mainimg .s7container.s7innercontainer {position: absolute!important;} /*reset*/.qv-mainimg .s7flyoutviewer, .qv-mainimg .s7container, .qv-mainimg .s7innercontainer, .qv-mainimg .s7flyoutzoomview, .qv-mainimg .s7staticimage, .qv-mainimg .s7flyoutviewer .s7flyoutzoomview, .qv-mainimg .s7staticimage img {width:320px!important; height:240px!important; left:0px!important;} #s7flyout_div_flyout { width: 650px !important; } .slick-dots {position: absolute; bottom: -35px; display: block; width: 100%; padding: 0; list-style: none; text-align: center;} .slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;} .slick-dots li.slick-active button::before {opacity: .75; color: #58ACC0;} .slick-dots li button::before {font-family: 'slick'; font-size: 36px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #020202; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .s7flyoutviewer, .s7mouseinput, .s7size_medium, .s7device_landscape {width:650px!important; height:488px!important; /*Old Value height: 365px!important;*/} /* Mouse Actions */ .cursor-pointer{cursor:pointer;} /*PDP Dropdowns*/ .pdp-product-item {font-size: 14px;} .dd-title strong, .prod-secondary strong {color:#020202; font-weight: 400; font-size: 14px;} .product-price.grey {color: #020202;} .pdp-product-item a .product-name {color:#020202;} .dropdown-color a {color:#020202!important;} .product-dropdown-color-text {position: relative; top:-3px;} .product-main-dropdown-color-swatch {margin-right: 5px;} .product-main-dropdown-color-swatch span {position: relative; top:-3px;} .dropdown-list-2col li {margin-bottom: 10px; text-decoration: none;} .dropdown-list-2col li a {text-decoration: none!important;} .dropdown-borderleft {border-left: 1px solid #ccc;} .pdp-item-secondary {display:none;} .pdp-secondary-show {display:block!important;} .scrollable-menu {height: auto; max-height: 200px; overflow-x: hidden;} /*Dropdown hover effect*/ ul.pdp-product-menu-item li a {float: left;width: 100%; padding: 5px 0px;} ul.pdp-product-menu-item li a:hover {background-color: #DDD; text-decoration: none!important;} ul.pdp-product-menu-item .row.mb10 {margin-bottom:0px!important;} /*PDP SHOW/HIDE TEXT*/ .pdp-description {/*min-height:30px;*/ height:auto; margin-bottom: 5px; font-size: 14px; line-height: 23px; letter-spacing: 0.2px;} .remaining-content span {display:none;} a.morelink {color:#444; text-decoration: none!important; font-weight: 900;} /*PDP - Giftcard styles*/ .form-grey-background-bordered, .giftcard-edit-box {background: #eee; border: 1px solid #ccc; padding: 20px!important;} /* EC-9462 - PDP-space on gift card page */ .giftcard-edit-box { margin-bottom: 20px; } div.giftcard-edit-box form.form div.form-group.col-sm-6 { width: 50%!important; } /* LL-14023 - updated the width from 80% to 75% */ .giftcard-amount {display:inline; width:75%;} .giftcard-validation-error{ display: block; margin-bottom: 10px; color:#ED1C24; padding-left: 15px;} /* misc */ .required { font-weight: 700; } .mt0 { margin-top: 0 !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt13 { margin-top: 13px !important; } .mt15 { margin-top: 15px !important;} .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt45 { margin-top: 45px !important; } .mt-10 { margin-top: -10px !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr20 { margin-right: 20px!important; } .mr50 { margin-right: 50px !important; } .mb0 { margin-bottom: 0px !important; } .mb3 { margin-bottom: 3px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 {margin-bottom: 15px !important;} .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .ml0 { margin-left: 0px !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .pt0 { padding-top:0px !important; } .pb0 { padding-bottom:0px !important; } .pt5 { padding-top: 5px !important; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 20px !important; } .pt25 { padding-top: 25px !important; } .pt30 { padding-top: 30px !important; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr30 { padding-right: 30px !important; } .pr15 { padding-right: 15px !important; } .pr40 { padding-right: 40px !important; } .pr5 { padding-right: 5px !important; } .pr0 { padding-right: 0 !important; } .pb5 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px !important; } .pb15 {padding-bottom: 15px !important;} .pb20 { padding-bottom: 20px !important; } .pb30 { padding-bottom: 30px !important; } .pl0 { padding-left: 0 !important; } .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl30 { padding-left: 30px !important; } .pl38 { padding-left: 38px !important; } .pl50 { padding-left: 50px !important;} .pl100 { padding-left: 100px !important;} .font-normal { font-weight: normal !important; } .display-block { display: block; } .display-inline-block { display: inline-block; } .display-flex {display: flex;} .static { position: static; } .noPadding {padding: 0px!important;} .cart-item-border {border-top: 1px solid #ccc; padding: 20px 0;} .borderTop {border-top: 1px solid #ccc; padding-top:20px;} .borderLeft {border-left: 1px solid #ccc;} .borderRight {border-right: 1px solid #ccc;} #header-salutation .borderRight {border-right: 1px solid #ffffff;} .borderBottom {border-bottom: 1px solid #ccc; padding-bottom:20px;} .class-borderBottom {border-bottom: 1px solid #ccc; padding-bottom:20px;} .no-border-top {border-top: 0px !important;} .no-border-bottom {border-bottom: 0px !important;} .noBorder { border: none !important; } .borderAll { border: solid 1px #ccc; } .br-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .br-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .fs12 { font-size: 12px !important;} .fs13 { font-size: 13px !important;} .fs14 { font-size: 14px !important;} .fs15 { font-size: 15px !important;} .fs16 { font-size: 16px !important;} .fs17 { font-size: 17px !important;} .fs18 { font-size: 18px !important;} .fs19 { font-size: 19px !important;} .fs20 { font-size: 20px !important;} .fs21 { font-size: 21px !important;} .fs22 { font-size: 22px !important;} .fs23 { font-size: 23px !important;} .fs24 { font-size: 24px !important;} .border-t { border-top: 1px solid #ccc; } .border-b { border-bottom: 1px solid #ccc; } .no-decor, .no-decor:hover { text-decoration: none; color: #020202;} /*Do not add important to text-decoration - it breaks paypal link, see EC-6164*/ .msg-green { color: #119e25; } .lh13 { line-height: 13px !important; } .lh17 { line-height: 17px !important; } .lh19 { line-height: 19px !important; } .lh22 { line-height: 22px !important; } .lh24 { line-height: 24px !important; } .lh25 { line-height: 25px !important; } .lh34 { line-height: 34px !important; } .lh38 { line-height: 38px !important; } .lh44 { line-height: 44px !important; } .lh46 { line-height: 46px !important; } .h40 { height: 40px !important; } .lh30 { line-height: 30px !important; } .vertical-center { display: flex; justify-content: center; align-items: center; height: 100%; } /*** VANILLA OVERRIDES ***/ /* forms */ label { font-weight: normal; } /* EC-6208 - border radius from 0px to 4px for entire site */ .form-control { border-radius: 4px!important; border: 1px solid #CCCCCC; box-shadow: none; } .form-control.pinNumber{ width: 25%; } /* remove select style and caret in all browser per LL-9373*/ select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none;} /**/ .select-wrap { position: relative; display: inline-block; width: 100%; } .form-inline .select-wrap { width: auto; } .select-wrap { background: #ffffff; } .select-wrap select.form-control { text-align: left !important; padding-right: 30px; position: relative; z-index: 2; background: none; padding-bottom: 0; padding-top: 0; } /* LL-12205 - SRP search bar - increase width from 105px to 112px */ .search-pagination .select-wrap select.form-control {width: 112px; padding: 0px 18px 0px 8px; -webkit-appearance: none; -moz-appearance: none;} .search-pagination .select-wrap select.form-control option { padding: 0px 0px 0px 12px !important; } select.form-control option { padding: 0px 0px 0px 15px !important; } select.form-control.qtyNoSelect option { padding: 0px !important; } .fw500 { font-weight: 500 !important; } .fw600 { font-weight: 600 !important; } .item-quickview-qty select.form-control option { padding: 0px !important; } select.form-control option { color: #020202 !important; font-weight: 500 !important; } select.form-control option:disabled { color: #808080 !important; font-weight: 300 !important; } .select-wrap select.form-control.edit{ padding-right: 22px; position: relative; z-index: 2; background: #ffffff; padding-bottom: 0; padding-top: 0; } .select-wrap select.form-control.edit option{ padding-left: 15px; } .select-wrap select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .caret-select { position: absolute; right: 12px; top: 15px; z-index: 3; pointer-events: none;} .caret {border-top: 4px solid;} input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /*EC-6208 - add border radius to buttons and inputs - LL-7715 - show hide button in password field added the following - border-left:1px solid #ccc!important; min-width: 86px; padding: 0px!important; */ .input-group-addon { background-color: transparent; border-radius: 4px !important; border-left:1px solid #ccc!important; min-width: 86px; padding: 0px!important; } /*LL-7715 - show hide button in password field added the following to override the bootstrap.min.css form-control padding to keep text from jumping when button is toggled */ input.form-control[name=password] { padding: 0px 12px !important; } input.form-control.input-lg[name=password] { padding: 0px 16px !important; } input.form-control.input-sm[name=password] { padding: 0px 10px !important; } .input-group-white>* { border: none; border-top: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; background: #fff; } .input-group-white>*:first-child { border-left: 2px solid #CCCCCC; } .input-group-white>*:last-child { border-right: 2px solid #CCCCCC; } form.search { position: relative; } form.search .form-control { padding-right: 30px; } form.search button[type=submit] { border: none; background: none; position: absolute; right: 4px; top: 6px; } /* LL-12210 - align text and radio button on input fields- checkout margin: 7px 5px 0px 0px */ input[type=checkbox], input[type=radio] { margin: 6px 5px 0px 0px!important; width: 20px; height: 20px; position:relative !important; top:5px; } /* LL-11305 - bug to fix checkbox movement on safari. desktop > 1200px */ input[type=checkbox]:checked, input[type=radio]:checked { margin: 6px 5px 0px 0px; width: 20px; height: 20px; position:relative !important; top:5px; } #modal-address input[type=radio]:checked {margin-left: -20px !important; margin-right: 0px !important;} #modal-address input[type=radio] {margin-left: -20px !important; margin-right:0px !important;} input[type=checkbox].mt0, input[type=radio].mt0 { margin: 0px 5px 0px 0px!important; width: 20px; height: 20px; position:relative !important; top:5px; } .checkout-edit-box.guest-payment input[type=radio]:checked {margin-left: -20px;} .checkout-edit-box input[type=radio]:checked {margin-left: -20px;} /* EC-6251 - updated margins rules - > 1200px */ .checkout-edit-box .btn-primary { margin: 0px 0px 0px 20px!important; } /*LL-12368 - fix to stop radio buttons from "jumping" when clicked.*/ .email-register-box input[type=radio]:checked {margin-left: -20px;} /* LL-12210 - align text and radio button on input fields*/ .checkbox-control input.savePaymentCheck, .checkbox-control input.saveDefault { margin-left: 0px !important; } .checkbox-control input.use-shipping-select { margin-left: 0px !important; } .radio-control input[name="paymentType"]:checked { margin-left: 0px !important; } .payment-edit-list input.savePaymentCheck {margin-bottom: 15px;} .write-review .radio-control input[type=radio] {margin:5px 0px 0px -20px !important;} /* EC-5494 - checkout-redesign - remove negative left margin */ /*.checkout-payment-methods .radio-control input[type=radio] { margin:5px 0px 0px -20px !important; }*/ /* LL-2962 - bug to fix register fields and buttons. desktop > 1200px */ /* LL-2962 - checkbox. push menu - modal-register */ .mp-level .mobile-auth .form .form-group div.checkbox { margin-left: 10px!important; } .mp-level .mobile-auth .form .form-group div.checkbox input[name="emailOptIn"] { margin-left: -30px!important; } /* LL-2962 - radio. push menu - modal-register */ .mp-level .mobile-auth .form .form-group div.radio { margin-left: 10px!important; } .mp-level .mobile-auth .form .form-group div.radio input[name="typicalShop"] { margin-left: -30px!important; } /* LL-2962 - modal-body style - padding-bottom:0px */ #modal-register .modal-content .form .modal-body { padding-bottom:0px!important; } /* LL-2962 - checkbox. modal-register */ #modal-register .modal-content .form .modal-body .form-group div.checkbox { margin-left: 0px; } /* LL-2962 - LL=7910 - radio. modal-register */ /* LL=7910 - radio. modal-register restyle*/ #modal-register hr { display:none; } #modal-register .modal-content .form .modal-body .form-group label.control-label:first-of-type { font-weight:700; display: block; } /* LL=12251 - radio. modal-register restyle*/ #modal-register .modal-content .form .modal-body .form-group div.radio:first-of-type { width: 40%!important; min-width: 220px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-register .modal-content .form .modal-body .form-group div.radio:nth-of-type(2) { width: 20%!important; min-width: 90px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-register .modal-content .form .modal-body .form-group div.radio:nth-of-type(3) { width: 20%!important; min-width: 90px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-register .modal-content .form .modal-body .form-group div.checkbox { padding-left: 10px!important; } #modal-register .modal-content .form .modal-body .form-group div.checkbox label input[type=checkbox] { margin-left: -30px!important; } #modal-register .modal-content input[type='email']+div a {color:#ED1C24;} /* LL-2962 - buttons. modal-register */ #modal-register .modal-content .form .modal-footer div.row { margin-left: 0px!important; margin-right: 0px!important; } #modal-register .modal-content .form .modal-footer div.logInButton:first-child { width: 15%!important; min-width: 70px; display: inline-block!important; float: right; left: 0%!important; padding: 0px!important; } #modal-register .modal-content .form .modal-footer div.logInButton:nth-child(2) { width: 25%!important; min-width: 130px; margin-right: 20px!important; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-register .modal-content .form .modal-footer div.logInButton:nth-child(3) { width: 55%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; padding-left: 0px; } /* LL-5013 - buttons. modal-login */ .has-error .radio {color:#020202;} #modal-login .modal-content .form .modal-footer div.row { margin-left: 0px!important; margin-right: 0px!important; } #modal-login .modal-content .form .modal-footer div.logInButton:first-child { width: 15%!important; min-width: 80px; display: inline-block!important; float: right; left: 0%!important; padding: 0px!important; } #modal-login .modal-content .form .modal-footer div.logInButton:nth-child(2) { width: 15%!important; min-width: 80px; margin-right: 15px!important; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-login .modal-content .form .modal-footer div.logInButton:nth-child(3) { width: 55%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; padding: 0px; } #modal-add .modal-content .modal-footer div.logInButton:first-child { width: 15%!important; min-width: 80px; display: inline-block!important; float: right; left: 0%!important; padding: 0px!important; } #modal-add .modal-content .modal-footer div.logInButton:nth-child(2) { width: 15%!important; min-width: 80px; margin-right: 15px!important; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-add .modal-content .modal-footer div.logInButton:nth-child(3) { width: 55%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; padding: 0px; } #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:first-child { width: 15%!important; min-width: 80px; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:nth-child(2) { width: 15%!important; min-width: 80px; margin-right: 0px!important; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:nth-child(3) { width: 55%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; padding: 0px; } #passwordReset-area .forgot-password-error { margin: -12px 0 8px; } /* LL-14452 - logInButton forgot password hover fix */ .logInButton a.btn:link { text-decoration: none; color: #0072bc; } .logInButton a.btn:hover { text-decoration: underline; color: #0072bc; } /* LL-7910 - bug fix for gsa register fields and buttons. desktop > 1200px */ /* LL-7910 - GSA Registration buttons. modal-login */ #modal-gsa-register .modal-content .form .modal-footer div.row { margin-left: 0px!important; margin-right: 0px!important; } #modal-gsa-register .modal-content .form .modal-footer div.logInButton:first-child { width: 15%!important; min-width: 80px; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-gsa-register .modal-content .form .modal-footer div.logInButton:nth-child(2) { width: 15%!important; min-width: 80px; margin-right: 0px!important; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-gsa-register .modal-content .form .modal-footer div.logInButton:nth-child(3) { width: 55%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; padding: 0px; } /* LL-7910 - modal-gsa-register-body style - padding-bottom:0px */ #modal-gsa-register .modal-content .form .modal-body { padding-bottom:0px!important; } /* LL-7910 - radio. modal-gsa-register */ #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio:first-of-type { width: 35%; min-width: 200px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio:nth-of-type(2) { width: 15%; min-width: 80px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio:nth-of-type(3) { width: 15%; min-width: 80px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio input[name="userShopFor"] { padding: 0px; } /* LL-7910 - checkbox. modal-gsa-register */ #modal-gsa-register .modal-content .form .modal-body .form-group div.checkbox { margin-top: 15px; border-top: 0px solid #ccc; padding-left: 10px!important; } #modal-gsa-register .modal-content .form .modal-body .form-group div.checkbox label input[type=checkbox] { margin-left: -30px!important; } /* LL-7910 - password input. modal-gsa-register */ input.form-control[name=password] { padding: 0px 12px !important; } input.form-control.input-lg[name=password] { padding: 0px 16px !important; } input.form-control.input-sm[name=password] { padding: 0px 10px !important; } /* LL-6164 - GREENGUARD certified modal */ #modal-greenguard img { width: 100px; float: left; margin: 5px 20px 20px 0px; } /* LL-8613 - WARRANTY Image and LL-9093 - fixed width to be 60px max-width > 1200px */ .pdp-warranty-image { position:absolute; bottom:20px; right:20px; z-index: 5; pointer-events: none; } .pdp-warranty-image img{ border:none !important; } .input-cc { position: relative; } .input-cc .form-control { padding-right: 50px; } .input-cc img { position: absolute; right: 8px; top: 7px; } .form-horizontal .form-block .form-group { margin-left: 0; margin-right: 0; } .form-horizontal .row > div > hr { margin-top: 5px; } .has-error .control-label { color: inherit; } .has-error .form-control { border-color: #ED1C24; } .has-error .help-block { color: #ED1C24; } /* EC-5887 - help-block anchor tag underline fix */ .has-error .help-block a { text-decoration: underline; } .empty-item {border-color: #ED1C24; } .upload { background: #fff; border: 3px dashed #ccc; padding: 30px 0; } .upload-drag { color: #787878; } .upload-drag .fa { font-size: 1.2em; } .input-group.item-qty>* { border-width: 1px; } .item-qty-control { padding: 0; } .item-qty-control span { text-align: center; width: 22px; height: 22px; cursor: pointer; display: block; font-weight: bold; font-size: 18px; padding: 2px 0 0 2px; } .item-qty-up { border-bottom: 1px solid #dcdcdc; } .input-group.item-qty+label { padding-right: 22px; } /* buttons *//*LL-12855 - updated all body copy to google Open Sans font-weight to 600 */ .btn { border-radius: 0; font-weight: 600; cursor: pointer !important; } .btn+.btn, .table div .btn+.btn { margin-left: 20px; } /*Resets secondary PDP dropdown, as per EC-292*/ #dropdownMenu2d {margin-left: 0px;} #main .btn { min-width: 86px; padding: 6px 10px;} #main a.btn { text-decoration: none !important; } #main .btn-apply { min-width: 60px !important; color:#0f5bb1;} #main a.btn-apply { text-decoration: none !important; } /*LL-7715 - changed the text color from #cccccc to #838587 per john 3/10/17 */ .btn-showhide { color: #838587 !important;} .btn-link, .btn-link.focus, .btn-link:focus, .btn-link:hover, .btn-link.active, .btn-link:active, .open > .dropdown-toggle.btn-link, .btn-link.active.focus, .btn-link.active:focus, .btn-link.active:hover, .btn-link:active.focus, .btn-link:active:focus, .btn-link:active:hover, .open > .dropdown-toggle.btn-link.focus, .open > .dropdown-toggle.btn-link:focus, .open > .dropdown-toggle.btn-link:hover { color: #dc0b13; text-transform: none; } .btn-link.btn-sm, .upper-case { text-transform: uppercase; } .btn-fill {min-width: 0px!important; width:100%!important;} .btn-primary { background-color: #3b92c7; color: #fff !important; border-color: transparent !important; } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background-color: #27aadd; } /*LL-12848 - updated all body copy to google Open Sans added font-weight:600 */ .btn-join {background-color: #2d76af; color: #fff !important; border-color: transparent !important; font-weight:600;} .btn-join.focus, .btn-join:focus, .btn-join:hover, .btn-join.active, .btn-join:active, .open > .dropdown-toggle.btn-join, .btn-join.active.focus, .btn-join.active:focus, .btn-join.active:hover, .btn-join:active.focus, .btn-join:active:focus, .btn-join:active:hover, .open > .dropdown-toggle.btn-join.focus, .open > .dropdown-toggle.btn-join:focus, .open > .dropdown-toggle.btn-join:hover { background-color: #3a86c2; } /* LL-13798 - select button color to #020202 */ .btn-colSelect, .btn-dropdown {background-color: #ffffff; border: 1px solid #CCCCCC; color:#020202; width: 100% !important; text-align: left; font-weight: 400;} .dropdown .dropdown-menu.menu-container {border: 2px solid #848484;width: 100%; margin-top: -3px; padding: 10px; background-color: #ffffff; border-top-width: 0px!important; line-height:1.42857143 !important; font-size: 13px; min-width:100%;} .dropdown .dropdown-menu.menu-container a {color: #020202;} .item-quickview-qty button {line-height: 24px;} .item-quickview-qty .caret-select {top: 45%;} /* LL-13798 - select button color to #020202 - LL-11166 - dropdown-button from moving to the right on select */ /* .btn-colSelect.acc-select { margin-left: 0px!important; margin-bottom: 10px;} */ .btn-colSelect.acc-select:hover { color: #020202; } .btn-reverse { background: none; color: white !important; border-color: white !important; } .btn-reverse.focus, .btn-reverse:focus, .btn-reverse:hover, .btn-reverse.active, .btn-reverse:active, .open > .dropdown-toggle.btn-reverse { background-color: rgba(0,0,0,.2); } .btn-reverse.active.focus, .btn-reverse.active:focus, .btn-reverse.active:hover, .btn-reverse:active.focus, .btn-reverse:active:focus, .btn-reverse:active:hover, .open > .dropdown-toggle.btn-reverse.focus, .open > .dropdown-toggle.btn-reverse:focus, .open > .dropdown-toggle.btn-reverse:hover { background-color: rgba(0,0,0,.3); } .btn-cart-checkout {height:44px; font-size:20px;} .btn-success { background-color: #00B422; color: #fff !important; border-color: transparent !important; } .btn-success.focus, .btn-success:focus, .btn-success:hover, .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { background-color: #39a34d; } .btn-addtocart {width:155px; background-color: #00B422 !important; font-size: 17px; padding: 4px 12px; color: #fff !important; border-color: transparent !important; } .btn-addtocart.focus, .btn-addtocart:focus, .btn-addtocart:hover, .btn-addtocart.active, .btn-addtocart:active, .open > .dropdown-toggle.btn-addtocart, .btn-addtocart.active.focus, .btn-addtocart.active:focus, .btn-addtocart.active:hover, .btn-addtocart:active.focus, .btn-addtocart:active:focus, .btn-addtocart:active:hover, .open > .dropdown-toggle.btn-addtocart.focus, .open > .dropdown-toggle.btn-addtocart:focus, .open > .dropdown-toggle.btn-addtocart:hover { background-color: #39a34d; } .btn-addtocart.disabled {background-color: #eee!important;} /* .btn-addtocart-accessories {width:112px!important; font-size:13px; padding:7px; margin-bottom: 10px; } */ .btn-pdp-dropdown { background-color: #f0f0f1; color: #444 !important; border: 2px solid #CCCCCC;} .btn-pdp-dropdown.focus, .btn-success:focus, .btn-success:hover, .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { background-color: #39a34d; } .btn-info { background-color: #838587; color: #fff !important; border-color: transparent !important; text-align: center;} .btn-info.focus, .btn-info:focus, .btn-info:hover, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { background-color: #767c80; text-align: center;} .btn-shop { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; } .btn-shop:link { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; } .btn-shop:visited { background-color: #cc0000 !important; color:#fff; } .btn-shop:hover { background-color: #cc0000 !important; color:#fff; } .btn-shop:active { background-color: #ff0000 !important; color:#fff; } .btn-tt { background-color: #fff !important; color:#2D8CAB!important; border-radius: 0; border: 1px solid #ccc; font-size: 13px; font-weight: 500; cursor: pointer !important; } .btn-tt:hover { background-color: #eee !important; color:#2D8CAB!important;} .close.red { opacity: 1; } .close.red:hover { color: #ccc !important; } .pagination .icon-circle {display: inline-block; background: #3B92C7; width: 25px; height: 25px; border-radius: 40px; text-align: center; font-size: 18px; line-height: 1; padding: 0 0 0 1px; font-weight: bold; color: #fff;} .icon-circle {display: inline-block;background: #2d7fb1;width: 20px;height: 20px;border-radius: 50%;text-align: center;font-size: 16px;line-height: 1;font-weight: bold;color: #fff;} .icon-circle.red {color:#fff!important;} .icon-circle i { font-size: 10px; } /* LL-12794 - pagination arrow alignments from -1 to 7px */ .pagination .fa-play.fa-flip-horizontal {position: relative; left: -1px; top: 7px;} .pagination .fa-play {position: relative; top: 7px;left: 1px;} .icon-close { line-height: 1px; font-size: 14px; padding-bottom: 5px; background-color: #020202; border: none; color: #fff !important; } .text-circle { display: inline-block; background: #fff; width: 25px; height: 25px; border: 1px solid #CCCCCC; border-radius: 40px; text-align: center; font-size: 13px; line-height: 1; padding: 5px 0 0; font-weight: bold; } ol.bubble { padding-left: 30px; } ol.bubble>li { list-style: none; position: relative; margin-bottom: 10px; } ol.bubble>li .text-circle { position: absolute; left: -32px; top: -3px; } /* dropdowns */ .dropdown-menu { border: 1px solid #CCCCCC; border-bottom: 3px solid #ed1c24; box-shadow: none; border-radius: 0; padding: 0; margin-top: 12px; } .hover .dropdown-menu { left: -999em; display: block; transition-delay:0.2s; } .hover .dropdown-menu-right { left: auto; right: 9999em; } .hover .dropdown.hover .dropdown-menu { left: 0; transition-delay:0.2s; } .hover .dropdown:hover .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu>li>a { padding: 6px 10px; font-size: 13px; color: #020202 !important; } .dropdown-menu .dropdown-caret { position: absolute; left: 0; top: -14px; height: 14px; width: 100%; background: url(../images/dropdown-caret.png) no-repeat 20% 6px; } .dropdown-menu-right .dropdown-caret { background-position: 80% 6px; } /*PDP Dropdown - Open State*/ /*Giftcard*/.dropdown.dropdown-gc.open {width: 100%!important;} /* LL-13839 - PDP dropdown open wrapping max-width: > 1200px */ .dropdown.pdp-item-dropdown.open {width: 135%; height: 34px; } .pdp-item-dropdown.open .btn-colSelect, .dropdown.open .btn-dropdown {border: 2px solid #848484;} /* LL-14859 - PDP dropdown open vertical space fix - removed height value of 180px - max-width: > 1200px */ .pdp-item-dropdown.open .dropdown-color {border: 2px solid #848484; height: unset;} .dropdown-color {width: 100%; background-color: red; margin-top:-3px; padding: 10px; background-color: #ffffff; border: 1px solid #CCCCCC; border-top-width: 0px!important; line-height: 1.42857143 !important; font-size: 13px;} .dropdown-color a:link {text-decoration: none;} .dropdown-color a:hover {text-decoration: underline!important;} .dropdown-color .dropdown-caret {display:none;} .dropdown-color .fa-circle {font-size: 18px; color:transparent;} .dropdown-color .fa-circle .black {color:red;} .dropdown-color .fa-circle .red {color:red;} .btn-colSelect .fa-circle {font-size: 18px; color:transparent;} .btn-colSelect .fa-circle .black {color:red;} .btn-colSelect .fa-circle .red {color:red;} /*Fix for IE to compensate for scrollbar addition to dropdowns*/ .dropdown-secondary {width: 100%!important} /* tabs */ ul.nav-tabs-lg { text-align: center; border: none; font-size: 0; padding: 20px 0; } ul.nav-tabs-lg li { float: none; display: inline-block; margin: 0 -1px 0; border-right: 1px solid #a7a7a7; } ul.nav-tabs-lg li:last-child{ border-right:none !important; } ul.nav-tabs-lg li a:link, ul.nav-tabs-lg li.active a:link { background: none; /* original font-size: 32px;*/ font-size: 21px; line-height: 1; border: none; border-radius: 0; padding: 0; color: #a7a7a7; text-decoration: none !important; margin:0 24px; } ul.nav-tabs-lg li.active a:link { font-weight: bold; color: #020202; } ul.nav-tabs-lg li a:hover, ul.nav-tabs-lg li.active a:hover { background: none; text-decoration:underline!important;} ul.nav-tabs-lg li:first-child a { border-left: none !important; } ul.nav-tabs-lg li:last-child a { border-right: none !important; } ul.nav-tabs-lg li:first-child a:hover { border-left: none !important; } ul.nav-tabs-lg li:last-child a:hover { border-right: none !important; } /* tabs active styles */ ul.nav-tabs li.active a::after {content: ""; position: absolute; left: 0; bottom: -10px; right: 0; margin: auto; background: #2d7fb1; height: 3px; width: 100%;} ul.nav-tabs li.active a:hover {text-decoration: none!important;} /* LL-9296 - tabs active styles fix blue underline width */ ul.nav-tabs-lg li a:hover, ul.nav-tabs-lg li.active a:hover { text-decoration: none !important; } ul.nav-tabs li.active a.tab-sale::after { content: ""; position: absolute; left: 0; bottom: -15px; right: 0; margin: auto; background: #2d7fb1; height: 3px; width: 45%; } ul.nav-tabs li.active a.tab-recentlyviewed::after { content: ""; position: absolute; left: 0; bottom: -15px; right: 0; margin: auto; background: #2d7fb1; height: 3px; width: 75%; } .tab-content>.tab-pane { display: block; width: 100%; height: 0; overflow: hidden; ; position: relative; left: -9999em; } .tab-content>.active { left: 0; height: auto; overflow: visible; } /* alerts */ .alert { border: none; border-radius: 0; color: #020202; background: #f0f0f1 !important; } .alert-danger { color: #ED1C24; } .alert-success { color: #00b422; } /* .alert-info { background-color: #deeef2; } .alert-warning { background-color: #fdf2d8; } .alert-danger { background-color: #fbd2d3; } */ /* LL-9811 - product accessories alert - remove gray BG */ .product-accessories-box .alert { background-color: transparent!important; margin-bottom: 5px; padding: 0px 15px; } .product-accessories-box .col-md-4.accessory-row1-col2-row2-col1 { width: 45%; } /* LL-9958 - cursor fix for wishlist Accessories */ .accessories-wishlist span { cursor: pointer; } #main .badge { border-radius: 0; } /* modals */ .modal.in .modal-dialog { border-radius: 4px; } .modal-content { border-radius: 5px 5px 4px 4px !important; border: none; box-shadow: 0 0 20px rgba(0,0,0,0.25); } .modal-content.logIn { width: 400px; border-radius: 4px; border: none; box-shadow: 0 0 20px rgba(0,0,0,0.25); } .modal-header, .modal-body, .modal-footer { padding: 20px; } .modal-header .icon-close { position: absolute; right: -10px; top: -10px; padding-left: 6px; } .modal-header .icon-close span { position: relative; top: 0px; left:1px; } .modal-header { background: #2473ac; border-radius: 4px 4px 0px 0px; } .modal-header .modal-title {color:#ffffff; font-size: 24px; font-weight: 900;} .modal-border-right {border-right: 1px solid #cccccc; padding-right: 20px;} .modal-border-left {padding-left: 20px;} .modal-border-top {border-top: 1px solid #ccc !important; margin-left: 20px; margin-right: 20px;} /* LL-14316 - modals global position margin-top: 70px for all button fix for all with LogInButtons */ .modal-dialog { margin-top: 70px; } .modal-footer .logInButton + .logInButton { margin-left: 20px!important; } /* LL-13294 - craft email modal button size */ .modal .btn { min-width: 86px; padding: 6px 10px; } /* LL-6694 - downlaod software modals */ #modal-forpc .modal-dialog img, #modal-formac .modal-dialog img { width: 100%; max-width: 324px; } /*Close X Button*/.modal-header .close {background-color: #111; border-radius: 30px; padding: 5px 10px; position: absolute; right: -10px; top: -10px;} .modal-header .close.red {color: #fff !important; text-shadow: none;} .modal-header .modal-title#modal-cartAddty-label{font-weight: 600;} /* old added to cart modal */ .modal-body img.avs-modalLogo { width: 100%; max-width: 81px; min-width: 70px; } .modal-footer { border: none; } .modal-footer.text-center { text-align: center; } .modal-footer .btn+.btn { margin-left: 20px; } .modal-header#modal-continue-label a:link {text-decoration: none!important;} .modal-header#modal-continue-label a:hover {text-decoration: underline!important;} /* LL-8639 Checkout Help Modal links to blue and underline on hover */ #modal-checkout-help .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0px solid #ddd; } #modal-checkout-help .panel-body a:link { color: #0072bc; text-decoration: none; } #modal-checkout-help .panel-body a:hover { text-decoration: underline!important; } /* LL-6510 Checkout Help Modal new css to make before/after icons */ p.panel-title > a:link::before, p.panel-title > a.helpModal.accordian.collapsed:link::before, p.panel-title > a.helpModal.accordian:link::before { font-family: 'FontAwesome'; font-size: 22px; content: "\f055"; color: #2d7fb1; position: relative; margin-right: 5px; } p.panel-title > a.helpModal.accordian:link::before { font-family: 'FontAwesome'; font-size: 22px; content: "\f057"; color: #2d7fb1; position: relative; margin-right: 5px; } a.helpModal.accordian:link, a.helpModal.accordian:hover { text-decoration: none!important; color:#2d7fb1; } /* LL-6510 Checkout Help Modal chat paragraph format - toggle span*/ div.checkoutChat img { width: 69px; min-width: 69px; height: 74px; margin-bottom: 30px; float: left; } div.checkoutChat p { width: 175px; min-width: 175px; float: left; font-size: 19px; border-bottom: 1px solid #ccc; padding: 46px 0px 5px 10px; } div.checkoutChat span#chatOn { display: inline-block; } div.checkoutChat span#chatOff { display: none; } p.livechat-online { margin-left: 0px; margin-top: 0px; } #modal-checkout-help div[id*="collapse"] .panel-body { padding: 15px; } /* LL-10536 - Credit Card CVV help Modals max-width: >1200px */ .cvv-modal { text-align: center; margin-bottom: 20px; } .cvv-modal img { width: 100%; max-width: 270px; } .cvv-modal p{ width: 100%; max-width: 270px; text-align: left; margin: 10px auto 20px; } /* LL-11430 - Warranty and Award Badges Modals max-width: >1200px */ #modal-badge .modal-footer { padding: 20px; } /* LL-12909 - gift card modal add scroll function */ #gift-wrap-modal .modal-body, #modal-checkout-help .modal-body, #warningModal .modal-body, #modal-termsofuse .modal-body, #modal-download-installation-instructions .modal-body { overflow-y: auto; max-height: 70vh;} /* LL-16715 -cart-gift-wrap-modal */ .giftOptions #show-edit-gift { padding: 0px 0px 0px 43px !important; margin-top: 0px; } #show-edit-gift { padding: 0px 0px 0px 30px !important; margin-top: 0px; } #show-edit-gift label { margin-left: -30px; } /* LL-13645 - added font family to the Popovers */ .popover {z-index:10; font-family:'Open Sans', sans-serif; } .popover-content {color: #020202;} /*PDP*/ .modal-sendemail {width:900px;} .modal-seatingchart {width:798px;} .chart-modal-links {float: right; font-size: 14px;} .passReset a:link {text-decoration: none!important;} .passReset a:hover {text-decoration: underline!important;} .item-title a:link {text-decoration: none!important;} .item-title a:hover {text-decoration: underline!important;} .item-title p.videotitle-no-target{text-decoration: none; color: #2d7fb1; font-size: 16px; font-weight: 600; margin-bottom: 20px;} .newImage-title img {display: inline;} #shopReturn a:link {text-decoration: none!important;} #shopReturn a:hover {text-decoration: underline!important;} /* PDP out of stock email - CSS for mobile styling */ form.form-inline div.form-group { max-width: 225px; display: inline-block!important; } form.form-inline div.form-group input#stockEmail.form-control { max-width: 187px; display: inline-block; } /* LL-9485 - PDP Page PDP Gift Card Form Add to Cart Button misalign - Top Margin Add max-width: >1200px*/ .form-group.mobile-flush.gift-addtocart { margin-top: 21px; } /* pagination */ ul.pagination { border: none; } ul.pagination li.active a {font-weight: 700; text-decoration: none !important; color: #fff !important;} ul.pagination li { display: inline-block; } #main .pagination>li>a, .pagination>li>span { border: none; color: #020202; background: none !important; text-decoration: none; padding-left: 7px; padding-right: 7px; } #main .pagination>li>a:hover, #main .pagination>.active>a, #main .pagination>.active>a:focus, #main .pagination>.active>a:hover, #main .pagination>.active>span, .pagination>.active>span:focus, #main .pagination>.active>span:hover { text-decoration: underline; } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #999; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { text-decoration: underline; } .pagination .icon-circle {position: relative; top: 2px;} .pagination>li>a, .pagination>li>span {padding: 0px 12px;} ul.pagination li.active {background-color: #337ab7; border-radius: 2px;} /* sort-pagination CSS to prevent the nav from breaking into 2 lines */ div.sort-pagination ul.pagination { border: none; font-size: 14px; white-space: nowrap; } div.sort-pagination ul.pagination li { display: inline-block; } /* wells */ .well { box-shadow: none; border: none; border-radius: 0; margin: 0; padding: 15px; } .well-blue { background-color: #58acc0; color: #fff; } .well-blue a { color: #fff; } .well-white { background-color: #fff; border: 1px solid #CCCCCC; } .well-white a { color: #ed1c24; } .well>h2.block { margin: -16px -16px 16px; } .well>h3 { margin: 0 0 16px; } /* panels */ .panel-default { border-radius: 0; box-shadow: none; } .panel-heading, .panel-body { padding: 20px; position: relative; border-radius: 0; } .panel-default .panel-heading { border-bottom-color: #58acc0; background: #f0f0f1; } .panel-title { font-size: 18px; font-weight: 600; } /* EC-6756 fixing h3.panel-title small for use case when a user enters the max allowed input for all form fields */ h3.panel-title small {font-size: 14px; font-weight: 400; position: absolute; left: 160px; top: 11px; line-height: 21px; max-width: 600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } h3.panel-title .paypal-logo {position: relative; left: 27px;} .panel-heading .btn { position: absolute; right: 15px; top: 15px; } .panel-body>table { margin: -20px 0; } /* tables */ .table>thead>tr>th, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-bottom: 1px solid #ccc; padding-left: 0; padding-right: 10px; } .table .btn { margin: -15px 0; } .table div .btn { margin: 0; } .table>tbody>tr:last-child>td { border: none; } .table .table-super th { padding: 0; } .table .table-super th h4 { margin: -1px -20px; padding: 15px 20px; font-weight: 600; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f0f0f1; } /*account-payment account-address table*/ div.account-address .table>thead>tr>th, div.account-address .table>tbody>tr>td, div.account-address .table>tbody>tr>th { text-align:left !important; padding-left: 0; padding-right: 0; } div.account-address .table>tbody>tr>td.account-control { text-align: right !important; } div.account-address .table>tbody>tr>td.account-control a.account-edit-show { margin-right: 10px !important; } div.account-address .table>thead>tr>th>a.noline, div.account-address .table>tbody>tr>td>a.noline, div.account-address .table>tbody>tr>th>a.noline { color: #020202 !important; } /* LL-11553 - my Account- Shipping Addresses Page max-width: >1200px */ tr.account-add { border-bottom: none !important; padding-bottom: 0px!important; text-transform: capitalize;} tr.account-add a { color: #020202; } /* EC-5494 - fix underline on add new address icon max-width: >1200px */ tr.showAddAddress a::before { content: "\f055"; font-family: FontAwesome; color: #0072bc; margin-right: 5px; font-size: 20px; font-weight: 100; display: inline-block; } tr.showAddAddress a:hover { text-decoration: none!important; } tr.showAddAddress a:hover > strong, tr.showAddAddress a:hover > span { text-decoration: underline; } .account-edit-show > strong, .nowrap-edit-show > strong { font-weight: normal; } p.shipAddressKey { text-align: right; margin-top:-30px; padding: 0px; } p.shipAddressKey::before { font-family: 'FontAwesome'; content: "\f058"; color: #00b422 ; position: relative; margin-right: 5px; } .account-header.shippingAddress { padding: 0px; } .account-header.shippingAddress h1 { margin-bottom: 0px; } .shippingAddressPanels { padding: 0px; margin-left: -15px; } /* LL-11553 - account shipping panels max-width: >1200px*/ .shippingAddressPanels .panel-body { padding: 0px 15px; position: relative; border-radius: 0; } .account-landing .shippingAddressPanels .panel { min-height: unset!important; } /*Accounts*/ p.text-required { padding: 8px 15px 0px 0px; margin-bottom: 0px; text-align: right; } .shippingAddressPanels .shipping-edit-list .checkout-table-border .table td { padding: 10px 20px!important; } .shippingAddressPanels .shipping-edit-list .checkout-table-border .table td.account-edit { padding: 0px !important; } .shipping-edit-list .checkout-table-border .table td .radio { padding: 0px; margin: 10px 0px; } .shipping-edit-list .checkout-table-border .table td .radio span:first-child { margin-right: 15px; } .shipping-edit-list .checkout-table-border .radio a.account-edit-show > input { margin-left: -30px; } /*Checkout*/ /*EC-6257 - adjust padding for old and new checkout design */ .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td { padding: 2px 20px 8px 50px !important; } .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td.account-edit { padding: 0px !important; } .shipping-edit-list .checkout-table-border #tbl-shipping-address.table td { padding: 2px 20px 8px 30px !important; } .shipping-edit-list .checkout-table-border #tbl-shipping-address.table td.account-edit { padding: 2px 0px 8px 0px !important; } .account-landing .shippingAddressPanels .panel .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td { padding: 2px 20px 8px 20px !important; } .account-landing .shippingAddressPanels .panel .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td.account-edit { padding: 0px !important; } .account-landing .shippingAddressPanels .panel .shipping-edit-list .checkout-table-border #tbl-shipping-address.table td { padding: 2px 20px 8px 0px !important; } .account-landing .shippingAddressPanels .panel .shipping-edit-list .checkout-table-border #tbl-shipping-address.table td.account-edit { padding: 0px !important; } /*EC-6257 - adjust padding for old and new checkout design */ /* EC-6501 -fix left-padding of the mobile checkout payment edit section */ .panel-billing .checkout-table-border .table.table-bordered td { padding: 2px 20px 8px 20px !important; } .panel-billing .checkout-table-border .table td { padding: 2px 20px 8px 0px !important; } .account-landing .panel-billing .checkout-table-border .table td { padding: 2px 20px 8px 0px !important; } .account-landing .panel-billing .checkout-table-border .table.table-bordered td { padding: 2px 20px 8px 20px !important; } .account-landing .panel-billing .checkout-table-border .table.table-bordered td.account-edit { padding: 0px !important; } .shipping-edit-list .checkout-table-border .table td.account-edit, .panel-billing .checkout-table-border .table td.account-edit {border-bottom:none; padding: 0px 0px 0px 0px !important; } /* LL-11759 - checkout shipping display - LL-12220 - alignment payment */ .shipping-edit-list .checkout-table-border .radio label.control.radio-control {padding-left: 0px; display: inline; padding-right: 10px;} .panel-billing .checkout-table-border .radio label.control.radio-control {padding-left: 0px; display: block; padding-right: 10px;} .panel-billing .checkout-table-border tr.acct-addnew-paymentform td.account-edit .checkout-edit-box.member-payment .radio label.control.radio-control { padding-left: 0px; display: inline-block; padding-right: 10px; margin-left: 30px; white-space: nowrap;} .shipping-edit-list .checkout-table-border .radio label.control.radio-control .radio-indicator { top: 0; left: -30px; } .panel-billing .checkout-table-border .radio label.control.radio-control .radio-indicator { top: 11px; } .shipping-edit-list .checkout-table-border .radio label.control.radio-control > input[type=radio] { margin-left: -30px!important; } .shipping-edit-list .checkout-table-border .radio a.account-edit-show { line-height: 22px; margin-left: 0px !important; padding-left: 0px !important; } /* /* EC-5494 -Checkout Redesign Checkout Register Update - removed widths - LL-12250 - checkout e-mail panel radio style update */ .checkout-register .radio .control.radio-control:first-of-type { width: auto; } .checkout-register .radio .control.radio-control:nth-of-type(2), .checkout-register .radio .control.radio-control:nth-of-type(3) { width: auto; } /* LL-11770 - account payment panels max-width: >1200px*/ /* .payment-edit-list tr.off { display: none; } tr.showAddAddress td { border-bottom: 0px!important; } .panel.panel-checkout.panel-billing { min-height: unset; } */ /* tooltips */ .tooltip-inner { background: #f0f0f1; box-shadow: 0 3px 10px rgba(0,0,0,.4); color: #020202; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #f0f0f1; } .tooltip.right .tooltip-arrow { border-right-color: #f0f0f1; } .tooltip.left .tooltip-arrow { border-left-color: #f0f0f1; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #f0f0f1; } /* landing pages */ /* landing page main category */ .landing-mainCat { position: relative; background-color: #58acc0; width: 100%; } .landing-mainCatImg { width: 58.333%; } .landing-mainCatTxt { width: 41.666%; position: absolute; top: 50%; left: 60%; transform: translateY(-50%); color:#FFF; } .landing-mainCatTxt h1, .landing-mainCatTxt h2, .landing-mainCatTxt h3, .landing-mainCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6, .landing-mainCatTxt p { width: 100%; } .landing-mainCatTxt h1 { font-size: 31px; font-weight: 700; line-height: 37px; } .landing-mainCatTxt h2, .landing-mainCatTxt h3 { font-size: 19px; font-weight: 700; line-height: 23px; } .landing-mainCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6 { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-mainCatTxt p { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-mainCatTxt strong { font-weight: 700; } /* landing page popular category titles */ .landing-popCat { margin-bottom: 20px; } .landing-popCat .item-title { text-align: left; font-size: 15px; font-weight: 700; } .landing-popCat .item-title a { text-align: left; font-size: 15px; font-weight: 700; margin-bottom: 20px; } /* landing page subcategory */ .landing-subCat { position: relative; background-color: #f4f4f4; width: 95%; } .landing-subCatImg { } .landing-subCatTxt { width: 50%; position: absolute; top: 50%; left: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); padding: 20px 15px 20px 15px; } .landing-subCatTxt h1, .landing-subCatTxt h2, .landing-subCatTxt h3, .landing-subCatTxt h4, .landing-subCatTxt h5, .landing-subCatTxt h6, .landing-subCatTxt p { width: 100%; } .landing-subCatTxt h1 { font-size: 31px; font-weight: 700; line-height: 37px; } .landing-subCatTxt h2, .landing-mainCatTxt h3 { font-size: 19px; font-weight: 700; line-height: 23px; } .landing-subCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6 { font-size: 19px; font-weight: 400; line-height: 23px; padding: 0px; } .landing-subCatTxt p { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-subCatTxt strong { font-weight: 700; } .category-landing h1 {font-size: 31px; text-align: left; font-weight: 700; margin-top:30px; margin-bottom: 0px;} /* Landing Page CTA button */ .btn-shop { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; min-width: 200px!important; margin-top: 20px; } .btn-shop:link { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; } .btn-shop:visited { background-color: #cc0000 !important; color:#fff; } .btn-shop:hover { background-color: #cc0000 !important; color:#fff; } .btn-shop:active { background-color: #ff0000 !important; color:#fff; } /* Sidebar buttons */ .catLanding button.list-group-item { text-decoration:none; background-color: #fff; padding:6px 15px !important; } .catLanding button.list-group-item:link { text-decoration:none; background-color: #fff; padding:6px 15px !important; } .catLanding button.list-group-item:visited { text-decoration:none; background-color: #fff;} .catLanding button.list-group-item:hover { text-decoration:underline; background-color: #fff;} .catLanding button.list-group-item:active { text-decoration:none; background-color: #fff;} /* LL-14706 - quick order dropdown caret position */ .qo-colorOption .pdp-item-dropdown .btn-colSelect span.caret { position: absolute; top: 15px; right: 15px; } /* QUICK ORDER STYLES */ .qo-item-qty-container { width:120px; } /* LL-14706 - quick order input width to fit one line with color dropdown - QUICK ORDER STYLES */ .qo-item-sku-input { width:145px; } .qo-form-input { width:140px; } input.qo-personalize { min-width: 150px!important; max-width: 230px!important; text-transform: uppercase; display: inline-block; float:left;} /* LL-10013 - QUICK ORDER STYLES prefix and postfix*/ strong[data-bind="html: personalizedInfo.prefix"] { float: left; margin-right: 5px; } strong[data-bind="html: personalizedInfo.postfix"] { margin-left: 5px; } /* LL-9411 - QUICK ORDER STYLES */ label.control-label.strong { font-weight: 700; } /* LL-10083 - Quick Order Imported Item Vertical Spacing targeting the dynamic ID that is generated on Item imports*/ div[id*="qoImport"] { margin-bottom: 30px; } /* ORDER DETAILS STYLES */ p.od-rowHeader { width: 300px !important; } span.od-rowHeader { width: 300px !important; } .od-info p { display:block; margin-bottom:0px; } .od-shopmid {text-align: right!important; } .od-shopmid a.od-view {text-align: right!important; padding-right: 0px; color: #1A77A3; } .od-shopmid a.od-status {text-align: left!important; padding-left: 0px; color: #1A77A3; } /* EC-1433 - QUICK ORDER SEPARATE PAGE RESTYLE */ .table-quickorder { border: 1px solid #ccc; } .table-quickorder > thead { background-color: #f0f0f0; } .table-quickorder > tbody > tr:nth-child(odd) { background-color: #ffffff; } .table-quickorder > tbody > tr:nth-child(even) { background-color: #f0f0f0; } .table-quickorder > tbody > tr > td:first-child { vertical-align: middle; } .table-quickorder > tbody > tr > td:last-child { vertical-align: top; padding-top: 10px; } .table-quickorder > tbody > tr > td:nth-child(3) { padding-right: 20px; padding-left: 0px; } .table-quickorder > thead > tr > th:nth-child(4), .table-quickorder > thead > tr > th:nth-child(5), .table-quickorder > tbody > tr > td:nth-child(4), .table-quickorder > tbody > tr > td:nth-child(5) { text-align: center!important; } .table-quickorder > tbody > tr > td:first-child span { padding-right: 20px; float: right; } .table-quickorder > thead > tr > th {border-bottom: none;} .table-quickorder > tbody > tr > td {border-bottom: 0px; border-top: 0px;} .table-quickorder .form-control.item-id { height: 34px; } .table-quickorder .qo-colorOption { width: 100%; padding-top: 7px; } /* .table-quickorder .qo-colorOption .btn.btn-colSelect.dropdown-toggle.prod-secondary { width: 100%!important; color: red;} */ .table-quickorder .qo-qty-drop { padding-right: 15px; } /* EC-6025 - added max width for desktop min-width: > 1200px */ .table-quickorder .qo-qty-drop .item-quickview-qty { min-width: auto; max-width: 64px; } /* .table-quickorder .qo-qty-drop, .table-quickorder .qo-qty-drop .item-quickview-qty .cart-item-qty { height: 38px; } */ /* .table-quickorder .qo-colorOption { width: 200px !important; padding-right: 10px; } */ .table-quickorder td { vertical-align: middle !important; } .qo-product-array-vert {margin-top: 64px;} .qo-more .fa-plus {color:#222222;} .qo-sidebar-banner {border: 1px solid #ccc; margin-top: 10px; padding: 20px;} .qo-sidebar-banner img {width:218px;} .qo-sidebar-banner p {font-size:16px; line-height:22px;} .qo-sidebar-banner .btn {height:50px; border-radius:3px;} .qo-sidebar-banner .btn span {font-size:17px; font-weight:600;} /* EC-5527 - For color-dropdown :focus state */ .table-quickorder button.btn-colSelect:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); } /* EC-6352 For color-dropdown :focus on error*/ .table-quickorder button.btn-colSelect.has-error:focus { border-color: red; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ea787c; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ea787c; } /* LL-14180-my-account-my-orders-updates max-width: > 1200px */ .item-quickview-qty.order-detail-qty.text-center { min-width: unset; max-width: none; } .order-detail-overview { width: unset; display: inline-block; } .order-detail-overview > div { width: unset; display: inline-block; } .od-summary ul.checkout-list { border: 1px solid #CCCCCC; padding: 0px; margin: 0; } /* EC-8777 - order-details-print bug fix min-width: 1200px */ .order-detail-overview .shopMoveDivide { display: inline!important; padding: 0px; } /* ORDER STATUS STYLES */ span.od-rowHeader { display: none !important; margin-right: 10px; } /*Please see notes*/ table.accountOrder-info th, td { text-align:left !important; } /*master style has been over-ridden in this style, please see C.B. prior to changing*/ td a.od-tracking { padding: 0 5px 0 0; } .orderSearch .select-wrap select.form-control { text-align: left !important; padding-right: 22px; position: relative; z-index: 2; background: none; padding-bottom: 0; padding-top: 0; } /*ORDER DETAILS sticky nav*/ #od-summaryAffix.affix-top {position:relative; top:65px;} #od-summaryAffix.affix {position: fixed!important; width:263px; top:20px;} #od-summaryAffix.affix-bottom {top:30px;} /*FREE RESOURCES - AWARD MAKER*/ .flash { height: 100%; width: 100% } #frRtNavAffix.affix-top { position: relative!important; width:265px; margin-left: 5px; top:0px;} #frRtNavAffix.affix { position: relative!important; width:265px; margin-left: 5px; top:20px;} #frRtNavAffix.affix-bottom { width:265px; margin-left: 5px; top:0px;} .flash { height: 100%; width: 100% } #frRtNavAffix span.navLinkIcon.hovered { display: inline-block !important; } #frRtNavAffix ul.checkout-list { border: 1px solid #cccccc; padding: 0px 25px 25px; margin: 0px; } #frRtNavAffix ul.checkout-list li { list-style: none; padding: 2px 0px; margin: 0px; } /* LL-8040 = Remove button underline in sidebar */ #frRtNavAffix ul.checkout-list a.btn:hover { text-decoration: none !important; } #frRtNavAffix ul.checkout-list a:link { clear: both; display: block; color: #020202; text-decoration: none; } #frRtNavAffix ul.checkout-list a:visited { color: #020202; } #frRtNavAffix ul.checkout-list a:hover { color: #020202; text-decoration: underline !important; } #frRtNavAffix ul.checkout-list a:active { color: #020202; } span.navLinkIcon {display : none; } img.frCatMain { width:100% !important; } /* LL-15812 SANDI page */ #right-nav ul.checkout-list { border: none; padding: 0px; } #right-nav ul.checkout-list li { list-style: none; padding: 0px; margin: 0px; } #right-nav ul.checkout-list a:link { clear: both; display: block; color: #020202; text-decoration: none; } #right-nav ul.checkout-list a:visited { color: #020202; } #right-nav ul.checkout-list a:hover { color: #020202; text-decoration: underline !important; } #right-nav ul.checkout-list a:active { color: #020202; } #right-nav span.navLinkIcon.hovered { display: inline-block !important; } /* EC-8575 - sandi pages-redesign nav - desktop min-width: > 1200px */ .sandi-hero { width: 100%; padding: 0px 10px 0px 0px; margin-bottom: 20px; } .sandi-nav .btn { width: 31%; margin-right: 2.3333%; margin-bottom: 15px; white-space: normal; } .sandi-nav .row .btn:nth-child(3), .sandi-nav .row .btn:last-child { margin-right: 0%; } .sandi-nav-links { margin-right: -15px; margin-bottom: 20px; } /*MYSTERY PROMO LANDING PAGE */ .registryForm { padding-left: 8.3333%; padding-right:0px; margin-bottom:30px; } .registryForm.newMember { margin-left: 8.3333%; padding-left: 8.3333%; border-left: 1px solid #ccc; } .registryForm button{ float:right; margin-top:5px; } button.promoOver { margin-left: 20px; } div.hero { width:100%; background-image:url("../images/mysteryPromoBG.png"); background-repeat:repeat-x; } .hero img { width: 100%; max-width: 1152px; margin: auto; } img.mobileHero { width: 100%; } .promoEntryTerms { background-color: #F0F0F1; } h4.promoOverCTA { display: inline; } /* 2018 Mystery Promo - EC-6835 - promo code and live text added to mystery promo min-width: 1200px */ .mys-welcome {position:relative;} .mys-welcome .mys-promo-mobileBackgroundImg {padding-bottom: 22px;} .mys-login { width: 50%; color: #020202; position:absolute; right:20px; bottom:20px; text-align: center; margin-bottom: 10px; } .mys-login a.btn {width:200px; font-size:22px; font-weight: bold; padding: 10px!important; background-color: red; } .mys-login a.btn:hover { background-color: red; } .mys-login a { color: #020202; } .mys-login h4 {font-weight: bold;} .mys-login img { width: 100%; max-width: 400px; } .mys-login img.mys-promo-svgHeading { margin-bottom: 30px; } .mys-login p {font-size: 12px; line-height: 1.5;} .promoDetailContainer {border:1px solid #dddddd; border-top:0px; padding:20px;} .promoDetailContainer img {width:140px; position:absolute; right:0px; top:0px;} .promoDetailContainer h2 {margin-bottom: 0px;} /*MYSTERY PROMO COUPON PAGE */ .mysteryDetail { border-left: 1px solid #ccc; padding: 20px 0px 20px 20px!important; } .mysteryDetail img { width: 75%; padding: 0px !important; } .mysteryCodes h2 { font-size: 30px !important; font-weight: 700px; } .mysteryCodes p { font-size: 19px; font-weight: 400px; } .promo1 h1 { width: 100%; height: 80px; font-size: 80px !important; line-height: .8em !important; padding-top: 25px; } .promo2 h1 { width: 100%; font-size: 60px !important; line-height: .8em !important; padding-top: 10px; } .promo2 span { font-size:65px !important; font-weight:400 !important; line-height:.3em !important; } .promo3 h1{ font-size:110px !important; font-weight:700 !important; line-height:.8em !important; padding-top: 10px; } .promo3 span { font-size:60px !important; font-weight:400 !important; line-height:0em !important; } img.mysteryPromo { width: 100%; } .mysteryBarcode { height: 100px; } /*SERVICES - PROFESSIONAL SERVICES GROUP max-width: > 1200px */ img.psgMain { width: 100% !important; } img.psgImage { width: 90%; } img.psgImageMobile { width: 100%; } div.psg-cta { padding-left:40px !important; } div.psg-mainText { padding-right:30px !important; border-right: 1px solid #ccc; } div.psg-category { padding-bottom: 30px; border-bottom: 1px solid #ccc; } div.psg-category-last { padding-bottom: 0px; border-bottom: 0px solid #ccc; } div.psg-category ul, div.psg-category-last ul { padding-left: 20px!important; } div.psg-list-item::before { font-family: 'FontAwesome'; content: "\f00c"; color: #2d7fb1; position: relative; margin-right: 5px; } /* LL-4832 - Complete Classrooms at > 1200px */ button#scrollup.back-to-top { width: 60px; height: 60px; border-radius: 30px; position: fixed; bottom: 50px; right: 20px; display: none; border: 2px solid #ffffff; background-color: #2d7fb1; color: #ffffff; z-index: 1000; } button#scrollup.back-to-top:hover { background-color: #27aadd; } button#scrollup.back-to-top::before { font-family:FontAwesome; content: "\f062"; font-size: 28px; color: #fff; display: block; } section.description { font-size: 15px; margin-top: 0px!important; padding-bottom: 0px!important; } section.subcategory img, .description img, .assortment img {width: 100%;} section.subcategory a { font-size: 21px!important; white-space: nowrap; line-height: 1em; color: #020202; } img.cc-main-title { width: 100%; max-width: 557px; max-height: 83px; } div.videoContainerText { font-size: 19px!important; padding-left: 20px!important; line-height: 28px; } div.videoContainerText a:link { font-size: 19px!important; color: #0072bc;} div.videoContainerText a:hover { text-decoration: underline!important; } div.subcat-container { border-bottom: 0px solid #ccc; margin-bottom: 0px!important; padding-left: 20px; } div.subcat-container div.cc-subcat-text { padding-top: 50px; padding-bottom: 50px;} /* LL-4832 - complete classrooms style updates */ div.subcat-container div.cc-subcat-text ul li { margin-bottom: 5px;} div.cc-subcat-text h2 { margin-bottom: 0px!important; } div.cc-subcat-text p { margin-bottom: 20px; font-size: 15px; } div.cc-subcat-text a:link { text-decoration: none!important; } div.cc-subcat-text a:hover { text-decoration: underline!important; } div.cc-subcat-text ul { list-style-position: ouside;padding-left: 20px!important; } div.cc-subcat-text ul li { padding-left: 5px!important; clear:left; } p.cc-cta-text { display: block; font-size: 30px; line-height: 1.1em; margin: 0px; } p.cc-cta-text strong { font-weight: 700; } p.cc-cta-text a:link { text-decoration: none!important; font-weight: 700; } p.cc-cta-text a:hover { text-decoration: underline!important; font-weight: 700; } p.cc-cta-text-mobile { display: none; font-size: 30px; line-height: 1.1em; margin: 0px; } p.cc-cta-text-mobile strong { font-weight: 700; } p.cc-cta-text-mobile a:link { text-decoration: none!important; font-weight: 700; } p.cc-cta-text-mobile a:hover { text-decoration: underline!important; font-weight: 700; } div.cc-view-links { width: 25%; margin-bottom: 20px; } div.cc-view-links a:link { } div.cc-view-links a:hover { text-decoration: underline!important; } div.cc-view-links a:hover::before { text-decoration: none!important; } div.cc-view-links a:last-of-type::before { font-family:FontAwesome; content: "\f1c1"; color:#F00; padding-right:5px; display: inline-block; } img.circleInset { width: 90% !important; outline: 0px solid #ccc; } .box-quote { font-size: 15px; background-color: #F0F0F1; padding: 20px 0px; margin-bottom: 30px; margin-top: 20px; } .box-quote img { width: inherit; border: 0px; } .box-quote-text-left { padding: 10px 30px!important; } .box-quote-text-left img { max-width: 20px; border: 0px;} .box-quote-text-right { padding: 10px 30px!important; } .box-quote-text-right img { max-width: 20px; border: 0px;} p.box-quote-quote { line-height: 25px; } p.box-quote-quote::before { content: url(/assets/images/complete-classroom-leftquote.gif); vertical-align: bottom; padding-right: 5px;} p.box-quote-quote::after { content: url(/assets/images/complete-classroom-rightquote.gif); vertical-align: bottom; padding-left: 5px; white-space: nowrap; } .mobileButtons a:link { text-align: center; font-size: 19px; font-weight: 600; color: #0072bc; text-decoration: none; padding: 10px; margin-bottom: 10px; } .mobileButtons a:hover { color: #0072bc; text-decoration: none; } #s7_videoview.s7videoviewer { width:100%!important; height:auto!important; margin-bottom: 20px; } /* LL-4512 - custom learning solution style updates max-width: 1200px */ h4.cls-cta { text-align: center; padding: 15px; background-color: #f0f0f1; } h4.cls-cta span { font-weight: 700; } /* INFANT TODDLER Complete Classrooms (min-width: 1200px)*/ /* HOME CATEGORY */ /* NAV TABS FOR INFANT TODDLER */ #main .it-nav.nav-tabs > li.active > a.home:link { background-color:#f0f0f1; color: #020202; font-weight:700; border-bottom: 1px solid #f0f0f1; } #main .it-nav.nav-tabs > li > a.home:link { background-color:#f0f0f1; color: #020202; font-weight:700; } #main .it-nav.nav-tabs > li.active > a.first:link{ background-color:#afbc0b!important; color: #ffffff!important; font-weight:700!important; border-bottom: 1px solid #afbc0b; } #main .it-nav.nav-tabs > li > a.first:link { background-color:#afbc0b!important; color: #ffffff!important; font-weight:700!important; } #main .it-nav.nav-tabs > li.active > a.second:link{ background-color:#19bcd0!important; color: #ffffff!important; font-weight:700!important; border-bottom: 1px solid #19bcd0; } #main .it-nav.nav-tabs > li > a.second:link { background-color:#19bcd0!important; color: #ffffff!important; font-weight:700!important; } #main .it-nav.nav-tabs > li.active > a.third:link { background-color:#f7bc00!important; color: #ffffff!important; font-weight:700!important; border-bottom: 1px solid #f7bc00; } #main .it-nav.nav-tabs > li > a.third:link { background-color:#f7bc00!important; color: #ffffff!important; font-weight:700!important; } div.row.it-home-top { border-top: 10px solid #f0f0f1; border-right: 1px solid #f0f0f1; border-bottom: 0px solid #f0f0f1; border-left: 1px solid #f0f0f1; } div.row.it-home-bottom { border-top: 0px solid #f0f0f1; border-right: 1px solid #f0f0f1; border-bottom: 1px solid #f0f0f1; border-left: 1px solid #f0f0f1; } div.row.it-menu1-top { border-top: 10px solid #afbc0b; border-right: 0px solid #f0f0f1; border-bottom: 0px solid #f0f0f1; border-left: 0px solid #f0f0f1; } div.row.it-menu1-bottom { border-top: 0px solid #f0f0f1; border-right: 0px solid #f0f0f1; border-bottom: 0px solid #f0f0f1; border-left: 0px solid #f0f0f1; } div.row.it-menu2-top { border-top: 10px solid #19bcd0; border-right: 0px solid #f0f0f1; border-bottom: 0px solid #f0f0f1; border-left: 0px solid #f0f0f1; } div.row.it-menu2-bottom { border-top: 0px solid #f0f0f1; border-right: 0px solid #f0f0f1; border-bottom: 0px solid #f0f0f1; border-left: 0px solid #f0f0f1; } div.row.it-menu3-top { border-top: 10px solid #f7bc00; border-right: 0px solid #f0f0f1; border-bottom: 0px solid #f0f0f1; border-left: 0px solid #f0f0f1; } div.row.it-menu3-bottom { border-top: 0px solid #f0f0f1; border-right: 0px solid #f0f0f1; border-bottom: 0px solid #f0f0f1; border-left: 0px solid #f0f0f1; } /* CATEGORIES FOR INFANT TODDLER */ .category { padding-right: 15px !important; padding-left: 15px !important; margin-bottom: 20px; } .category img { width: 100%; } .category-link.first { background-color: #afbc0b; border: 1px solid #afbc0b; position:relative; } .category-link { background-color: #19bcd0; border: 1px solid #19bcd0; position:relative; } .category-link.last { background-color: #f7bc00; border: 1px solid #f7bc00; position:relative; } .categoryTitle { color: #fff; padding:20px; text-align: center; } .categoryTitle p { color: #fff; font-size: 19px; text-align: center; } .guideLink.first {text-align:center; padding: 10px; background-color: #f0f0f1; color: rgb(175, 188, 11); border: 1px solid rgb(175, 188, 11); } .guideLink { text-align:center; padding: 10px; background-color: #f0f0f1; color: #19bcd0; border: 1px solid #19bcd0; } .guideLink.last { text-align:center; padding: 10px; background-color: #f0f0f1; color: #f7bc00; border: 1px solid #f7bc00; } h2.product-name { line-height: 1em!important; } /* SCENE 7 IMAGE CONTROL */ /*controls the AREA FOR THE SCENE 7 IMAGES */ .it-s7image { height: 330px !important; } /*controls the container size */ .it-s7image .s7container.it-product-image { width: 440px !important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the viewer size */ .it-s7image .s7flyoutviewer.it-product-image { width: 100% !important; height: 330px!important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the SCENE 7 sizes */ /*reset*/.it-product-image .s7flyoutviewer, .it-product-image .it-product-image.s7container, .it-product-image .s7innercontainer, .it-product-image .s7flyoutzoomview, .it-product-image .s7staticimage, .it-product-image .s7flyoutviewer .s7flyoutzoomview, .it-product-image .s7staticimage img {width:440px!important; height: 330px!important; position: absolute!important; top:0px!important; display:block!important; } /*controls the SCENE 7 zoom out window */ /* 0-12 MONTHS IMAGES */ /* sleep-area1 */ div#s7flyout_div-sleep-area1_container.s7container {width:440px!important; height: 330px!important; z-index: 40000!important; } div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; z-index: 40001!important; } div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* library1 */ div#s7flyout_div-library1_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-library1_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-library1_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* block-play1 */ div#s7flyout_div-block-play1_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-block-play1_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-block-play1_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* mealtime1 */ div#s7flyout_div-mealtime1_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* discovery1 */ div#s7flyout_div-discovery1_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-discovery1_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-discovery1_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* cubbies1 */ div#s7flyout_div-cubbies1_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* changing1 */ div#s7flyout_div-changing1_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-changing1_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-changing1_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* gross-motor1 */ div#s7flyout_div-gross-motor1_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* nonmob1 */ div#s7flyout_div-nonmob1_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* 12-24 MONTHS IMAGES */ /* naptime2 */ div#s7flyout_div-naptime2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-naptime2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-naptime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* library2 */ div#s7flyout_div-library2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-library2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-library2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* block-play2 */ div#s7flyout_div-block-play2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-block-play2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-block-play2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* mealtime2 */ div#s7flyout_div-mealtime2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* dramaticPlay2 */ div#s7flyout_div-dramaticPlay2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* cubbies2 */ div#s7flyout_div-cubbies2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* changing2 */ div#s7flyout_div-changing2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-changing2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-changing2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* gross-motor2 */ div#s7flyout_div-gross-motor2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* manipulatives2 */ div#s7flyout_div-manipulatives2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* music2 */ div#s7flyout_div-music2_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-music2_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-music2_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* 24-36 MONTHS IMAGES */ /* naptime3 */ div#s7flyout_div-naptime3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-naptime3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-naptime3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* library3 */ div#s7flyout_div-library3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-library3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-library3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* block-play3 */ div#s7flyout_div-block-play3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-block-play3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-block-play3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* learningCorner3 */ div#s7flyout_div-learningCorner3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* dramaticPlay3 */ div#s7flyout_div-dramaticPlay3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* cubbies3 */ div#s7flyout_div-cubbies3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* changing3 */ div#s7flyout_div-changing3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-changing3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-changing3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* arts-crafts3 */ div#s7flyout_div-arts-crafts3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* manipulatives3 */ div#s7flyout_div-manipulatives3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* music3 */ div#s7flyout_div-music3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-music3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-music3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* science3 */ div#s7flyout_div-science3_container.s7container {width:440px!important; height: 330px!important; } div#s7flyout_div-science3_flyout.s7flyoutzoomview {width:440px!important; height: 330px!important; } div#s7flyout_div-science3_flyout.s7flyoutzoomview .s7flyoutzoom {width:680px!important; height: 400px!important; position: absolute!important; top: -60px!important; left: -695px!important; z-index: 400; } /* INFANT TODDLER INTERACTIVE PAGES */ /*MORE INFO BUTTON */ .btn-more-info { width: 155px; float: right!important; background-color: #fff; font-size: 17px; padding: 4px 12px; color: #58acc0; border: 1px solid #ccc; } div.it-product-more-info { padding: 15px!important; } div.interactive-wrapper.desktop { display: block!important; } div.interactive-wrapper.mobile { display: none!important; } div.clearfix.mobile { display: none !important; } h2.product-name { line-height: 1em!important; padding-left: 0px; } h2.product-price { line-height: 1em!important; padding-right: 15px!important; } h2.it-subhead { text-align: right; } div.interactive { margin-left: 0px!important; margin-right: 0px!important; } div.interactive div.interactive-container { display: table; background-color: #F5F5F5; position: relative; height: 450px; padding-top: 35px!important; } div.interactive div.it-product-details { padding-right: 0px!important; padding-left: 0px!important; } div.interactive div.it-product-info { padding-right: 0px!important; padding-left: 15px!important; } div.interactive div.it-product-more-info { padding-right: 0px!important; padding-left: 15px!important; } div.interactive div.interactive-container div.interactive-wrapper { position: relative; width: 500px; height: auto; margin: auto; } div.interactive div.interactive-container div.interactive-wrapper img.interactive-main { width: 500px; height: 363px; z-index:10; } /* hotspot outlines eliminate */ div.interactive-wrapper map area { outline: 0px !important; } map area { outline: none !important; } /* 0 - 12 months rollovers */ div.interactive.first div.interactive-container div.interactive-wrapper img.sleep { width: 239px; height: 195px; position: absolute; top: 26px; left: 23px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.nonmob { width: 218px; height: 109px; position: absolute; top: 156px; left: 3px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.grossmotor { width: 185px; height: 66px; position: absolute; top: 228px; left: 91px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.changing { width: 145px; height: 133px; position: absolute; top: 211px; left: 172px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.cubbies { width: 187px; height: 94px; position: absolute; top: 240px; left: 311px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.discovery { width: 269px; height: 92px; position: absolute; top: 181px; left: 228px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.mealtime { width: 81px; height: 177px; position: absolute; top: 40px; left: 362px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.blockplay { width: 103px; height: 174px; position: absolute; top: 30px; left: 289px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.library { width: 107px; height: 168px; position: absolute; top: 19px; left: 199px; pointer-events: none; } /* 12 - 24 months rollovers */ div.interactive.second div.interactive-container div.interactive-wrapper img.naptime { width: 108px; height: 101px; position: absolute; top: 188px; left: 40px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.manipulatives { width: 216px; height: 87px; position: absolute; top: 256px; left: 196px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.grossmotor { width: 152px; height: 108px; position: absolute; top: 160px; left: 347px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.changing { width: 115px; height: 139px; position: absolute; top: 8px; left: 228px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.cubbies { width: 211px; height: 134px; position: absolute; top: 27px; left: 51px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.dramaticPlay { width: 235px; height: 118px; position: absolute; top: 186px; left: 224px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.mealtime { width: 102px; height: 149px; position: absolute; top: 193px; left: 136px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.blockplay { width: 154px; height: 167px; position: absolute; top: 35px; left: 246px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.library { width: 131px; height: 195px; position: absolute; top: 55px; left: 27px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.music { width: 76px; height: 150px; position: absolute; top: 48px; left: 362px; pointer-events: none; } /* 24 - 36 months rollovers */ div.interactive.third div.interactive-container div.interactive-wrapper img.naptime { width: 73px; height: 110px; position: absolute; top: 231px; left: 115px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.manipulatives { width: 137px; height: 185px; position: absolute; top: 20px; left: 225px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.arts-crafts { width: 153px; height: 114px; position: absolute; top: 164px; left: 325px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.changing { width: 124px; height: 179px; position: absolute; top: 55px; left: 7px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.cubbies { width: 118px; height: 151px; position: absolute; top: 200px; left: 6px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.dramaticPlay { width: 167px; height: 113px; position: absolute; top: 211px; left: 145px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.learningCorner { width: 110px; height: 163px; position: absolute; top: 22px; left: 74px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.blockplay { width: 240px; height: 98px; position: absolute; top: 209px; left: 155px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.library { width: 125px; height: 188px; position: absolute; top: 50px; left: 114px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.music { width: 181px; height: 148px; position: absolute; top: 46px; left: 285px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.science { width: 69px; height: 144px; position: absolute; top: 22px; left: 198px; pointer-events: none; } /*AYR - LANDING PAGE */ section.mainVideo { font-size: 15px!important; } section.mainVideo a.btn:link { text-decoration: none!important; } section.mainVideo a.btn:link { text-decoration: underline!important; } div.ayr-product-selector { border: 1px solid #ccc; padding: 10px; } div.ayr-product-selector ul { list-style: none; padding-left:0px; } div.ayr-product-selector ul li { width:100%; height: 100%; } div.ayr-product-selector ul li a:link, div.ayr-product-selector ul li a:visited { text-decoration: underline!important; } div.ayr-product-selector ul li a:hover, div.ayr-product-selector ul li a:active { text-decoration: underline!important; } div.ayr-product-selector ul > li > a:link > p { text-decoration: none!important; color: #0072bc; } div.ayr-product-selector ul > li > a:hover > p { text-decoration: underline!important; color: #0072bc; } div.ayr-signin-wrapper p > a:link { text-decoration: none!important; color: #0072bc; } div.ayr-signin-wrapper p > a:hover { text-decoration: underline!important; color: #0072bc; } div.ayr-cta > p > a:link { text-decoration: none!important; color: #0072bc; } div.ayr-cta > p > a:hover { text-decoration: underline!important; color: #0072bc; } div.ayr-container { padding-left: 30px!important; } div.ayr-assessment-form div.ayr-signin-overlay { width: 84%; height: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #ccc; background-color: #fff; padding: 0%; z-index: 100;} div.ayr-assessment-form div.ayr-signin-overlay div.ayr-signin-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} div.ayr-assessment-form div.ayr-signin-overlay div.ayr-signin-wrapper p { display: block;} button#ayr-help-button.ayr-button, button#moreSpaces-button.ayr-button, button#clearForm-button.ayr-button { padding: 0px; vertical-align: baseline; min-width: 20px; color: #2d7fb1; } div.ayr-postgame-inputs input.ayr-input { width: 25%; margin: 5px 1.5625%; display: inline-block; } div.ayr-assessment-form { border:1px solid #ccc; position: relative; background-color: #f0f0f1; padding: 20px !important; } div.ayr-assessment-form button { vertical-align: baseline; min-width: 20px; color: #2d7fb1; } button#ayr-open-save-assessment { vertical-align: baseline; min-width: 20px; color: #2d7fb1; } span.new-icon { background-color: #fd9326; display: inline-block; margin-right: 3px; padding: 3px 6px; text-transform: uppercase; vertical-align: text-bottom; } div.ayr-awardLogos-wrapper { min-width:200px; } div.ayr-awardLogos { width:200px; margin:0px auto; } div.ayr-awardLogos img { float: left; } div.ayr-awardLogos p { width:130px; float:left; font-size:10px; line-height:14px; font-weight:bold; text-align:left; color:#000; padding:12px 0px 0px 6px; } table#saved-assessments td.assessment-name { text-align: left!important; } table#saved-assessments td.assessment-control { text-align: right!important; } table#saved-assessments td.assessment-control button.btn.btn-link { color:#2d7fb1!important; } table#saved-assessments td.assessment-name a:link { text-decoration: none!important; } table#saved-assessments td.assessment-name a:hover { text-decoration: underline!important; } /*AYR - ASSESSMENTS PAGE */ div.ayr-title { float: left!important; width: 100%; } div.ayr-navbar { float: right; width: 100%; } div.ayr-navbar div.ayr-nav-table { display: table; margin: 0px auto; float: right; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav { width: 100%; float: left; margin: 0px auto; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li { float: left; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a:link { width: 100%; text-align: center; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a:link { width: 100%; text-align: center; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a:hover { background-color: #fff; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a img { display: inline; margin: 0px auto;} div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a p { display: inline; text-align: center; margin: 0px auto; line-height: 15px; padding-top:10px; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a:link p { text-decoration: none!important;} div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a:hover p { text-decoration: underline!important;} section.ayr-details.advanced div.advanced-banner { background-color: #3b92c7; color: #fff; text-align: center; padding: 10px; } section.ayr-details h2.ayr-skill { color: #020202; } section.ayr-details h2.ayr-skill span.ayr-skill-name { color: #020202; } section.ayr-details.advanced h2.ayr-skill { color: #00B422; } section.ayr-details.advanced h2.ayr-skill span.ayr-skill-name { color: #020202; } div.ayr-printables { background-color: #f0f0f1; padding: 15px; } div.ayr-printables.advanced { background-color: #e9f8e6!important; padding: 15px; } div.ayr-printables div.printItemLeft a:link, div.ayr-printables div.printItemRight a:link, div.ayr-printables.advanced div.printItemLeft a:link, div.ayr-printables.advanced div.printItemRight a:link { display: inline-block; text-decoration: none!important; } div.ayr-printables div.printItemLeft a:hover, div.ayr-printables div.printItemRight a:hover, div.ayr-printables.advanced div.printItemLeft a:hover, div.ayr-printables.advanced div.printItemRight a:hover { display: inline-block; text-decoration: underline!important; } div.ayr-products-wrapper { padding-left: 20px!important; } div.ayr-products-wrapper div.ayr-products a { display: inline; } /*AYR - RESOURCES PAGE */ div.ayr-resources a:link p { text-decoration: none!important;} div.ayr-resources a:hover p { text-decoration: underline!important;} /* SPECIAL NEEDS HOME */ div.sn-home.row { background-color: #1c87a7; } div.sn-cta { padding: 30px!important; } img.sn-main { width: 100%; height: 100%; } div.sn-cta { padding: 30px; background-color: #1c87a7; color: #fff; } a.sn-link:link, a.sn-link:visited {color: #020202; } div.sn-home div.sn-cats { background-color: #ffffff; padding: 30px; } /* SPECIAL NEEDS PRODUCT GUIDE PAGES */ div.sn-home.row { border: 1px solid #ccc; margin-top: 20px; } h1.special-needs { text-align: left!important; } img.special-needs-icon { width: 100% !important; max-width: 157px; } img.sn-headerart { width: 100% !important; max-width: 766px; } a.sn-brochure-link { float: right; text-align: right; padding-bottom: 20px; } .bg-grey-sn-product { background-color: #f4f4f4; padding: 0px 0px 0px 30px; text-align: left; } .bg-white-sn-product { background-color: #ffffff; padding: 0px 30px 0px 0px; text-align: left; } div.row.sn-home-top { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0px solid #ccc; border-left: 1px solid #ccc; padding: 30px; } div.row.sn-home-middle { border-top: 0px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0px solid #ccc; border-left: 1px solid #ccc;} div.row.sn-home-bottom { border-top: 0px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;} ul.sn-nav.nav-tabs > li { width:20%; color: #fff; } /* LL-4877 update to remove underline on hover, active state */ ul.sn-nav.nav-tabs li.active a::after { background: transparent; height: 3px; width: 75%;} ul.sn-nav.nav-tabs > li.active > a { color: #fff; } /* LL-4877 - updated anchor height to accommodate long title: */ .sn-nav.nav-tabs > li > a { height: 42px; border-radius: 0px 0px 0 0; border: 0px!important; font-weight: 600; color: #fff; background-color: #e95d46; text-align: center; } .sn-nav.nav-tabs > li > a:hover { border-radius: 0px 0px 0 0; border: 0px!important; font-weight: 600; color: #fff; background-color: #e95d46; text-align: center; } /*DESKTOP NAVIGATION*/ /* MENU 1 TAB */ ul.sn-nav.nav-tabs > li > a.first { color: #fff; background-color: #e95d46; } /* MENU 2 TAB */ ul.sn-nav.nav-tabs > li > a.second { color: #fff; background-color: #ef7e39; } /* MENU 3 TAB */ ul.sn-nav.nav-tabs > li > a.third { color: #fff; background-color: #d69d20; } /* MENU 4 TAB */ ul.sn-nav.nav-tabs > li > a.fourth { color: #fff; background-color: #9da64e; } /* MENU 5 TAB */ ul.sn-nav.nav-tabs > li > a.fifth { color: #fff; background-color: #4697c5; width: 100%; } div#menu1 span.glyphicon.glyphicon-triangle-bottom { position: relative; top: -10px; left: 8.25%; font-size: 35px; color: #e95d46; } div#menu2 span.glyphicon.glyphicon-triangle-bottom { position: relative; top: -10px; left: 28.25%; font-size: 35px; color: #ef7e39; } div#menu3 span.glyphicon.glyphicon-triangle-bottom { position: relative; top: -10px; left: 48.25%; font-size: 35px; color: #d69d20; } div#menu4 span.glyphicon.glyphicon-triangle-bottom { position: relative; top: -10px; left: 68.5%; font-size: 35px; color: #9da64e; } div#menu5 span.glyphicon.glyphicon-triangle-bottom { position: relative; top: -10px; left: 88.5%; font-size: 35px; color: #4697c5; } div.category-text { font-size: 15px; } div.sn-product-image.left { float: left!important; text-align: center; min-height: 300px; position: relative; bottom: 0; left: 0; border: 0px; } div.sn-product-image.right { float: right!important; text-align: center; min-height: 300px; position: relative; bottom: 0; right: 0; border: 0px;} div.sn-product-image img { float: none; border: 0px; position: absolute; bottom: 0; right: 0; } img.sn-product { width: 100%; max-width: 435px; padding-top: 10px; } img.sn-product.left { float:left; position: relative; } img.sn-product.left.bottom { position: absolute; bottom: 0!important; left: 0!important; } img.sn-product.right { float:right; position: relative;} img.sn-product.right.bottom { float:right; position: absolute; bottom: 0!important; right: 0!important; } div.sn-product-text { min-height: 250px; padding: 0px; font-size: 15px!important; } div.sn-product-text > p > a { font-weight: 600!important; } div.sn-product-text h2 { padding: 30px 0px 0px 0px; } /* LL-4877 - Special Needs Updates */ .sn-product-text p:last-child a::after { font-size: 19px; font-family: 'FontAwesome'; content: "\f0da"; position: relative; margin-left: 0px; display: inline; vertical-align: top; float: none; } /* Chart Modals */ /* SEATING AND SIZING CHART MODALS */ table.table-modal row:link { border-bottom: 1px solid #ccc; } table.table-modal row:hover { border-bottom: 1px solid #ccc; } /*seating sizing MODAL */ table.table.table-modal tr td:first-child, table.table-modal tr th:first-child { width:50%!important; text-align: left!important; padding-left: 0px!important; } table.table.table-modal tr td:nth-child(2), table.table.table-modal tr td:nth-child(3), table.table-modal tr th:nth-child(2), table.table-modal tr th:nth-child(3) { width:25%; text-align: left!important; } table.table.table-modal span, table.table-modal-left span { display: none; font-weight: 600; } table.table.table-modal-left tr td { text-align: left!important; max-width: 200px;} img.seatingchart { width: 100%!important; max-width: 350px; padding: 20px; } /*READING CORRELATION MODAL EC-9307 - chart-updates-alignment for second child min-width > 1200px */ table.table.reading-modal tr td:first-child, table.table.reading-modal tr th:first-child { width: 38%!important; text-align: left!important; padding-right:10px; padding-left: 0px!important; } table.table.reading-modal tr td:nth-child(2), table.table.reading-modal tr th:nth-child(2) { width: 28%!important; text-align: center!important; padding-right:0px; padding-left: 0px!important; } table.table.reading-modal tr th:nth-child(3) { width: 16%!important; text-align: center!important; padding-right:10px; padding-left: 0px!important; } table.table.reading-modal tr td:nth-child(3) { width: 16%!important; text-align: center!important; padding-right:0px; padding-left: 0px!important; } table.table.reading-modal tr th:nth-child(4) { width: 18%!important; text-align: center!important; padding-right:15px; padding-left: 0px!important; } table.table.reading-modal tr td:nth-child(4) { width: 18%!important; text-align: center!important; padding-right:0px; padding-left: 0px!important; } /*READING CORRELATION MODAL EC-9307 - chart-updates-alignment for second child aa580x, pp467, pp667 - min-width > 1200px */ table.table.reading-modal tr.subcat td:first-child { width: 38%!important; text-align: left!important; padding-right:10px; padding-left: 10px!important; } table.table.reading-modal tr.subcat td:nth-child(2) { width: 28%!important; text-align: center!important; padding-right:0px; padding-left: 0px!important; } table.table.reading-modal tr.subcat td:nth-child(3) { width: 16%!important; text-align: center!important; padding-right:0px; padding-left: 0px!important; } table.table.reading-modal tr td.subcat:nth-child(4) { width: 18%!important; text-align: center!important; padding-right:0px; padding-left: 0px!important; } /* LL-5095 - ABOUT US PAGE STYLE > 1200px - LL-14864 - center-text box in blue field */ .our-story .about-main .mainText { width: 39%; position: absolute; top: 50%; right: 0px; left: unset; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); text-align: left; color: #ffffff; } .our-story .about-main .mainText h1 { border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px; } .our-story .about-main .mainText p { width: 90%; font-size: 16px; margin-bottom: 0px; } .about-subcat { width: 50%; display: inline-block; margin-bottom: 30px; } .about-subcat.left { padding-right: 10px; } .about-subcat.right { padding-left: 10px; } .about-subcat-small { text-align: center; padding: 0px; } .about-logos { text-align: center; margin-bottom: 30px; } /* LL-14864 - ABOUT US PAGE LOGO STYLES> 1200px */ .about-logos img { display: inline-block; margin: 0px 15px 20px; max-width: unset; } .about-tertiary { padding: 0px 0px 20px; margin-bottom: 10px; } .about-tertiary:first-of-type .about-tertiary-text { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .about-tertiary:nth-of-type(2) .about-tertiary-text { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .about-tertiary img { max-width: 384px; } /* LL-14844 - css update to selector for career and not complete class - LL-5045 - careers css updates max-width: > 1200px */ div.videoContainerText.career-page { font-size: 14px !important; line-height: 23px; } div.videoContainerText.career-page a:link { font-size: 14px !important; color: #0072bc;} section.mainVideo div.videoContainerText.career-page a.btn:link { text-decoration: none !important; font-size: 19px !important; margin-bottom: 20px; } .subcategory-values-banner { border-top: 1px solid #cccccc; margin: 30px auto 0px; position: relative; top: 50%; left: 0; right: 0; bottom: 0; z-index: -1; } .subcategory-values-banner img.desk-banner { display: inline-block!important; width: 500px; position: relative; bottom: 33px; } .subcategory-values-banner img.tablet-banner { display: none!important; width: 400px; position: relative; bottom: 31px; } .subcategory-values-banner img.mobile-banner { display: none!important; width: 360px; position: relative; bottom: 0px; } .subcategory-values-banner img.mobile-sm-banner { display: none!important; width: 270px; position: relative; bottom: 0px; } .subcategory-values-banner .btn-primary { position: relative; bottom: 40px; border: 20px solid white !important; font-size: 19px; } .subcategory-values > .row.tight.mb30 { position: relative; } .subcategory-values h2 { font-weight: normal; font-size: 29px!important; } .subcategory-values p { font-weight: normal; font-size: 16px; line-height: 25px; } .subcategory-values-image img.left { padding-right: 15px; } .subcategory-values-text.left { position: absolute; top: 50%; left: 0px; right: unset; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); padding-right: 15px; } .subcategory-values-image img.right { padding-left: 15px; } .subcategory-values-text.right { position: absolute; top: 50%; left: unset; right: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); padding-left: 15px; } .subcategory-perks .about-main .mainText, .subcategory-inside .about-main .mainText { width: 32%; position: absolute; top: 50%; right: 0px; left: unset; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); text-align: left; color: #ffffff; } .subcategory-perks .about-main .mainText h2, .subcategory-inside .about-main .mainText h2, .subcategory-questions .about-main .mainText h2 { border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px; } .subcategory-questions .about-main .mainText { width: 31%; position: absolute; top: 50%; right: unset; left: 0px; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); text-align: left; color: #ffffff; } .subcategory-questions .about-main .mainText h2 { text-align: left; border-bottom: 1px solid #ffffff; padding-bottom: 15px; padding-left: 43px; margin-bottom: 15px; } .subcategory-questions .about-main .mainText p { font-size: 16px; padding-left: 43px; } .subcategory-perks .about-main .mainText p, .subcategory-inside .about-main .mainText p { width: 90%; font-size: 16px; } .subcategory-perks-icons { min-height: 300px; text-align: center; } .read-more { border-top: 1px solid #cccccc; margin: 30px auto; position: relative; top: 50%; left: 0; right: 0; bottom: 0; } .read-more .btn-primary { position: relative; bottom: 22px; font-size: 19px; border-left: 25px solid white!important; border-right: 25px solid white!important; border-top: 1px; border-bottom: 1px; } .career-qa .career-icon { width: 10%!important; } .career-qa .career-text { width: 90%!important; } .career-qa.left { border-right: 1px solid #cccccc; padding-right: 30px } .career-qa.right { padding-left: 30px } .career-qa h1 { font-family: 'Raleway', sans-serif; font-size: 39px!important; font-weight: 600!important; margin-bottom: 10px; } .career-social { padding-right: 150px; } .career-social h2 { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; } .subcategory-inside-icons { text-align: center; } .subcategory-inside-icons div { text-align: center; } .view-all-button .btn.btn-primary { font-size: 19px; } /* LL-5045- life at lakeshore-page css max-width: 1200px */ .left-chev.return { text-align: right; } .about-life-main { padding: 0px; } .about-life-main .mainText { width: 32%; position: absolute; top: 50%; right: 0px; left: unset; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); text-align: left; color: #ffffff; } .about-life-main .mainText h2 { border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px; } .about-life-main .mainText p { width: 90%; font-size: 16px; } .about-life-icon { padding-left: 0px; } .about-life-text { padding-left: 0px; } .about-life-text p { margin-bottom: 10px; } .about-life-text ul { padding-left: 15px; } .about-life-text ul li { padding-bottom: 5px; } /*NEWSROOM >1200px */ /*NEWSROOM MAIN PAGE >1200px */ .news-date { width: 20%; font-size: 21px; font-weight: 700; line-height: 29px; display: inline-block; vertical-align: top; padding-bottom: 20px; } .news-article { width: 79%; display: inline-block; } .news-article a:link { font-size: 21px; font-weight: 700; line-height: 29px; color: #0072bc; text-decoration: none!important;} .news-article a:hover { text-decoration: underline!important; } .news-article a.readMore:link { font-size: 15px; font-weight: 400; line-height: 21px; color: #0072bc; padding-left:0px; } .news-article a.readMore:hover { font-size: 15px; font-weight: 400; line-height: 21px; color: #0072bc; padding-left:0px; text-decoration: underline!important;} .news-article p {margin-bottom:0px} a.newslink:link { font-size: 15px; color: #0072bc; text-decoration: none!important; font-weight: normal; line-height: 1.42857143em; } a.newslink:visited { text-decoration: none!important; } a.newslink:hover { text-decoration: underline!important; } a.newslink:active { text-decoration: underline!important; } /*NEWSROOM ARTICLE PAGES >1200px */ p.news-return a::before { font-family:FontAwesome; content: "\f053"; font-size: 15px; color: #2d7fb1; display: inline-block; } .news-return a:link { color: #0072bc; text-decoration: none!important; } .news-return a:hover { text-decoration: underline!important; } .news-return { margin-top: 5px; text-align: right; } a.anchor-underline:link { text-decoration: none; } a.anchor-underline:hover { text-decoration: underline; } /*mobile terms styles*/ ul.mobile-terms { padding-left: 20px!important; list-style-position: outside; } ul.mobile-terms > li { margin-bottom: 5px; } ul.mobile-terms-address { padding-left: 30px!important; list-style: none; } ul.mobile-terms-address-modal { padding-left: 15px!important; list-style: none; } /* kids Co page */ /* LL-5300 - kids and company */ img.main-image { width: 100%; padding: 0px; border: 0px; } div.aux-row { margin-top: 30px; } /*help - international numbers page */ ul.no-marker { list-style: none; padding: 0px 30px 10px 0px; } /* LL-4510 - help center- credit application max-width: > 1200px*/ .help-main-img { width: 225px; } .help-main-content { width: 80%; } /*classroom furniture landing*/ p.cf-subhead { text-align: right!important; padding-top: 10px!important; } ul.desktop-nav { list-style: none; padding: 0px 30px 10px 0px; font-size: 15px; } /*--- For LL-13201--- ul.desktop-nav li:nth-last-child(2), .cf-dropdown > ul.dropdown-menu li:nth-last-child(2) { margin-bottom: 20px; } */ .cf-dropdown a.btn.dropdown-toggle::after { font-family:FontAwesome; content: "\f0d7"; padding-left:5px; color: #fff; } .cf-dropdown.open a.btn.dropdown-toggle::after { font-family:FontAwesome; content: "\f0d8"; padding-left:5px; color: #fff; } .cf-dropdown > ul.dropdown-menu li a:link { font-size: 15px; padding: 3px 20px; } /*--- For LL-13201--- ul.desktop-nav li:last-child a:link, .cf-dropdown ul.dropdown-menu li:last-child a:link { color: #2d7fb1!important; margin-bottom: 20px; } */ /*--- For LL-13201--- ul.desktop-nav li:last-child a:link::after, .cf-dropdown ul.dropdown-menu li:last-child a:link::after { font-family:FontAwesome; content: "\f0da"; padding-left:5px; color: #2d7fb1; } */ ul.desktop-nav li a:link { color: #020202; text-decoration: none; } ul.desktop-nav li a:visited { color: #020202; } ul.desktop-nav li a:hover { color: #020202; text-decoration: underline!important; } div.cf-collection { padding: 0px 15px!important; text-align: center!important; } div.cf-collection img { width: 100%!important; } div.cf-collection p { text-align: center; margin: 5px 0px 15px 0px!important; font-size: 15px; font-weight: 600!important; } div.cf-services-lt img { width: 100%; max-width: 552px; height: auto; padding-right: 0px; float: left;} div.cf-services-rt img { width: 100%; max-width: 552px; height: auto; padding-left: 0px; float: right;} /*product-safety max-width: > 1200px*/ p.download-link::before { font-family:FontAwesome; content: "\f1c1"; color:#F00; padding-right:5px; } p.download-link a:link { text-decoration: none; } p.download-link a:hover { text-decoration: underline!important; } p.return-button::before, p.return-btn::before { font-family:FontAwesome; content: "\f053"; color:#2d7fb1; } /*product-registration form max-width: > 1200px*/ p.return-button { text-align: right; } p.return-button a:link { text-align: right; } p.return-button a:hover { text-decoration: underline!important; } form.product-registration div.form-group { width: 25%; } form.product-registration div.form-group.wide-input { width: 50%!important; } form.product-registration a.btn.btn-primary { min-width: 86px!important; } /*software-organizer download page max-width: > 1200px*/ .software-cta { border: 1px solid #ccc; background-color: #f5f5f5; padding: 15px 65px; margin-top: 30px; } .software-image { width: 50%; margin: 20px auto; padding-top: 0px; } .software-image img{ width: 100%; padding-left: 40px; display: block; margin: 0px auto; } .btn-download { min-width: 125px; } /*Teachers Club page desktop max-size > 1200 */ .tc-offer-main { width: 100%; height: 100%; max-height: 595px; text-align: left; background:url('https://s7d9.scene7.com/is/image/LakeshoreLive/tc-bg?wid=1140&qlt=85&fmt=pjpeg&pscan=auto&op_sharpen=0&resMode=sharp2&op_usm=1,0.25,0,0') no-repeat top right; background-size: cover; } .tc-offer-main .main-logo-container { width: 60%; height: 360px; text-align: left; margin: 20px 0px 0px 30px; } .tc-offer-main .main-logo-container img.main-logo { width: 70%; padding-left: 30px; } /* LL-10819 - Teachers Club Banner page desktop max-size > 1200 */ .tc-offer-main .main-logo-container ol li a { color: #020202; font-weight: 700; text-decoration: underline; } .tc-offer-main ol { width: 100%; text-align: left; font-size: 17px; line-height: 1em; padding: 0px 0px 0px 60px; margin: 15px 0px 20px 0px; } .tc-offer-main ol li { margin-top: 10px; } .tc-offer-main .main-logo-container a.btn-primary { margin: 0px 0px 0px 45px; } .tc-offer-main .tc-offer-cta { width: 65%; padding: 15px 45px; } /*TEACHERS CLUB OFFER BANNER DISPLAY CONTROL - DISPLAY: BLOCK for OFFER - DISPLAY: NONE for NO OFFER */ .tc-offer-cta-banner { display: block; } .tc-offer-main .tc-offer-cta .tc-offer-cta-banner a img, .tc-offer-main .tc-offer-cta .tc-offer-cta-text img { width: 100%; } .tc-offer-main .tc-offer-cta .tc-offer-cta-banner a img { margin-top: 10px; } .clearfix.short { height: 5px; } .tc-offer-list { width: 100%; background-color: #ffffff; color: #020202; padding: 15px; text-align: left; } .offer-list-wrapper { width: 100%; margin: 0px auto; } .tc-offer-list ul { list-style-type: none; margin-top: 10px; padding-left: 0px;} .tc-offer-list div.offer-list { width: 20%; margin: 0px; float: left; padding: 0px; } /* LL-10821 - Teachers Club Banner page desktop max-size > 1200 */ .tc-offer-list div.offer-list ul li { line-height: 19px; margin-bottom: 5px; } /* LL-10821 - Teachers Club Banner page desktop max-size > 1200 */ .tc-offer-list div.offer-list ul li.nowrap { white-space: nowrap; } /*modal-sizingchart-adjustableChair Sizes Modal > 1200 */ #modal-sizingchart-adjustable .modal-footer { text-align: left; background-color: #2d7fb1; color: #fff; } /* Connective Furniture max-width: >1200px */ .connective-main { overflow: hidden; margin-bottom: 10px; } .connective-main img { width: 100%; } .connective-main-text { padding-left: 30px!important; } /* LL-5112 - Connective Furniture max-width: >1200px */ div.diagram { background: #ffffff url("https://s7d9.scene7.com/is/image/LakeshoreLive/connective-diagram?wid=1140&fmt=pjpeg&pscan=auto&qlt=85,1") no-repeat right top; background-size: 1140px 710px; height: 710px; } div.connect-furniture { width: 100%; text-align: center; padding: 0px; } div.connect-furniture p { text-align: left; padding: 45px 0px 0px 125px; margin-bottom: 30px; } div.connect-furniture img { width: 1056px; padding: 0px; } div.connect-furniture ul:first-child { width: 50%; text-align: left; padding: 50px 0px 0px 140px; } div.connect-furniture ul:last-child { width: 40%; text-align: left; padding: 50px 0px 0px 50px; } p.connect-title { width: 100%; height: 50px; padding: 8px 15px; color: #fff; background-color: #093; font-size: 19px; font-weight: 700; text-transform: uppercase; } /* mobile-apps page styles max-width: >1200px */ div.mobile-app, div.free-app { width: 35%; float: left; min-height: 635px; font-size: 15px; text-align: center; margin: 20px 7.5%; } div.mobile-app img.main, div.free-app img.main { width: 90%; } div.mobile-app ul, div.free-app ul { width: 90%; text-align: left; margin-top: 10px; } div.mobile-app img.logos { width: 100%; max-width: 100px; } /* LL-7610 - audio player CSS for PDP */ /* audio */ div#modal-audioDiv .modal-body audio#audio { width: 94%; min-width: 260px!important; margin-bottom:15px; } /* controls */ div#modal-audioDiv .modal-body #prevTrack { width: 50%; ; height: 25px; float: left; margin-bottom: 10px; } div#modal-audioDiv .modal-body #nextTrack { width: 50%; ; height: 25px; float: right; margin-bottom: 10px; } /*code for Audio Bugs */ audio::-internal-media-controls-download-button { display:none; } audio::-webkit-media-controls-enclosure { overflow:hidden; } audio::-webkit-media-controls-panel { width: calc(100% + 33px); } /* LL-9580 - audio player CSS for PDP */ div#secondaryPlaylists > span.blue { display: block; line-height: 23px; margin-bottom: 5px; } div#modal-audioDiv .modal-body p.cdTitle { font-weight: 700; } ul#playlist { list-style: none outside; cursor: pointer !important; max-height: 220px; overflow-y: auto; padding-left: 25px; } ul#playlist li { margin-left: 15px; margin-bottom: 5px; } ul#playlist li span { margin-left: -15px; } ul#playlist li i.fa.fa-play { margin-right: 15px; margin-left: -30px; } div#modal-audioDiv .modal-body span.closeWindow { cursor: pointer; } /*Product Detail Page*/ /* LL-8825 - resize font to 13px, align right */ /* PDP reviews - CSS to prevent review span from breaking in mobile */ /* LL-11591 - product review section max-width: 1199px */ .review-text { font-size: 13px; white-space: nowrap; text-align: left; } /* LL-8933 review rating stars - CSS to create the correct star rating */ /* controls the rating stars - shows gray stars */ span.stars, span.stars span { width: 100px; height: 18px; display: block; background: url("/assets/images/ratingStars.png") 0 -18px repeat-x !important; } /* controls the amount of gold rating stars to show */ span.stars span { background-position: 0 0 !important; } /* LL-5383 - FREE RESOURCES - LESSON PLANS - STYLES*/ .view-returnButtons { text-align: right; } .viewLink { margin-bottom: 30px; } ul.ActivitiesList { padding-left: 20px; } ul.ActivitiesList li { margin-bottom: 5px; } ul.ActivitiesList li a > i { display: inline; } a[onclick] > i { display: inline; } ol.lessonList { padding-left: 20px; } ol.lessonList li { margin-bottom: 5px; } /* LL-8026 - Free Resources Word Search Page */ .wordSearchSample img { width: 100%; max-width: 184px; padding-right: 15px; } #wordSearchForm .control-label { margin-bottom: 15px !important; } #wordSearchForm select#horizontal { margin: 0px 15px 15px 0px; } #wordSearchForm select#vertical { margin-bottom: 20px; } .fr-wordSearch.form-group textarea { margin-bottom: 10px; } #wordSearchForm .control-label { margin: 15px 0px 5px 0px !important; } .fr-orderList { padding-left: 20px; } /*LL-8040 - free resources craft and activity pages max-width: >1200px*/ /*LL-5343 - free resources craft and activity pages print icon size max-width: >1200px*/ .fr-print a img { width: 17px; margin-right: 5px; } .freeResourceHead { height: 0px; } .mainContentSectionHeader { width: 60%; float: left; margin-left: 15px; } .mainContentSectionHeader ul { padding-left: 20px; } .mainContentSectionDirections { width: 100%; float: left; } .mainContentSectionDirections ol { padding-left: 20px; } .mainContentSectionDirections ol li { margin-bottom: 5px; } /* LL-18647 - craft activities style updates - roboto slab */ .mainContentSectionHeader h3, .mainContentSectionDirections h3 { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 22px !important; line-height: 29px; } span.craftAge { font-weight: 700; } /* LL-8037 - SANDI page */ #left-main { padding-right: 30px; } #left-main ul { padding-left: 20px; margin-bottom: 30px; } #right-nav { padding-right: 0px; } #right-nav ul { padding-left: 20px; margin-bottom: 30px; } .externalLink.gryText {padding-left: 0px; } .testimonialText { padding-left: 0px; } .txt-justify{text-align: justify;} /* LL-5106 -State DOE lists */ .responsive-list ul { width: 49%; display: inline-block; vertical-align: top; line-height: 22px; } .responsive-list ul li { margin-bottom: 5px; } /* LL-2537 Digital Learning SignIn max-width: > 1200px */ .dl-category { width: 50%; text-align: center; margin: 30px 0px; } .dl-category p { padding: 20px 15px 0px; } .dl-category img { width: 100%; max-width: 291px; } .dl-cta h4 { line-height: 29px; } .dl-warning {background-color: #fdf786; border:1px solid #cccccc; padding:20px 35px;} .dl-warning h4 {line-height:30px;} #modal-dlwarning .modal-body {font-size:18px; line-height:30px; padding-bottom: 10px!important; height: 300px; overflow-y: auto;} /* LL-10785 - PDP badges update with Live Text */ div.badges { display: inline-block; margin: 0px 15px 12px 0px; font-size: 12px; font-weight: 500; color: #020202;} div.badges img { max-width: 210px; display: inline-block; vertical-align: top!important; margin-right:4px; padding-top: 4px; } /* LL-11430 - PDP badges Live Text paragraph max-width */ div.badges p { display: inline-block; font-size: 12px; line-height: 16px; color: #020202; margin: 0px; max-width:60px; } /* LL-5091 - tools of the mind page */ .tom-main-logo { width: 33%; max-width: 176px; } .tom-main-logo img { width: 100%; max-width: 176px; } .tom-main-image { width: 100%; max-width: 745px; } /* LL-2539 - Share Feedback page forms and tables */ .table.feedback { width: 100%; margin-bottom: 20px; } .table.feedback > tbody > tr > td { padding: 8px 10px 8px 0px; border: 0px; vertical-align: bottom; } .table.feedback > tbody > tr > td .radio-inline { vertical-align: bottom; white-space: nowrap; } .table.feedback > tbody > tr > td span { white-space: nowrap; } .table.feedback > tbody > tr > td textarea { width: 100%; margin-bottom: 10px; } .table.feedback > tbody > tr > td > p{ margin-bottom: 5px; } .table.feedback > tbody > tr > td > p > small { margin-left: 25px; } .table.feedback > tbody > tr > td > form.form-inline.contact-form { width: 100%; } .table.feedback > tbody > tr > td > form.form-inline p { margin-left: 25px; } .table.feedback > tbody > tr > td > form.form-inline div.form-group { max-width: 100%; display: block !important; } .table.feedback > tbody > tr > td > form.form-inline div.form-group .form-control { margin-right:15px; margin-bottom: 10px; } .table.feedback > tbody > tr > td.feedback-submit { text-align: right!important; } .table.feedback > tbody > tr > td.feedback-submit > button { margin-right: 20px; } /* LL-2538 - Gift-card-balance-page max-width: > 1200px */ .gift-card-info { width: 65%; margin-top: 20px; } .gift-card-info .card-links { display: block; text-align: center; } .gift-card-info .btn-primary { display: none; } .gift-card-form { width: 30%; margin-top: 20px; margin-bottom: 30px; float: right; } .gift-card-form form { background-color: #f0f0f1; padding: 15px; border: 1px solid #ccc; } .gift-card-form form .gc-check-button { padding: 0px 15px 0px 0px; margin-top: 23px; } /* LL-10962 - Teachers Workshop - desktop column width */ .col-2-wide { width: 20%; } /* LL-12319 - GSA Cart Banner styles max-width: > 1200px */ /* banner above */ .gsa-promo-terms-above { padding:0px; } .gsa-promo-terms-above p { font-weight:600; } .gsa-promo-terms-over p a { color: #020202; text-decoration: underline !important; } .gsa-promo-banner-above a img { position: relative !important; width: unset!important; top: -25px; left: -195px; } /* banner over */ .gsa-promo-terms-over { background-position: top; height: 100px; margin-bottom: 20px; background-size: cover; } .gsa-promo-terms-over p { font-weight:600; } .gsa-promo-terms-over p a.white { text-decoration: underline !important; } /* banner under */ .gsa-promo-terms-under { padding: 0px; } .gsa-promo-terms-under p { font-weight:600; margin-top: 10px; } .gsa-promo-terms-under p a { color: #020202; text-decoration: underline !important; } .gsa-promo-banner-under a img { position: relative !important; width: unset!important; top: 0px; left: -195px; } /* gsa modal style */ #gsa-shipping p { font-weight: normal; } /* LL-2540 - Product Registration Pages styles max-width: > 1200px */ .product-safety-info-main { padding: 0px 15px; } .product-safety-info-main > div { padding: 0px 15px; } /* LL-15524 - for title level 2 */ .semi-bold {font-weight: 600;} .wishlist-title { display: inline-block; margin-right: 5px; text-transform: capitalize; } /* LL-16823 change qty dropdown on PDP to native */ .qty-dropdown { height: 38px !important; text-align: left !important; position: relative; background: none; padding:0 30px 0 6px !important; } /* LL-14240 redesign dropdown menus on PDP - Switch-Case $default as a second dropdown */ .second-DD { padding: 5px 15px !important; } .cart-item-qty { width: 60px; margin: 0 auto; } /* Moved from common.css */ #personalmessage { resize: vertical; height: 101px; min-height: 55px; } /* LL-17739 - Social icon popover position fix*/ .pdp-emailicon .popover {width: 160px; text-align:center;} /*d%AI-*/ /* LL-18993 */ .pdp-pticon .popover {width: 160px; text-align:center;} /*d%AI-*/ /* LL-18993 */ .fb-like .popover {width: 160px; text-align:center;} /*d%AI-*/ /* LL-18993 */ /* LL-17320 - cart-e-mail-cart modal style updates - max-width: > 1200px */ #modal-share .btn-shareList {min-width: 80px;} #modal-share .cart-icon { width: 10%; min-width: 75px; max-width: 95px; padding: 0px 15px; float: left; } #modal-share .required { width: 86%; margin-top: 0px; padding: 0px 15px; float: left; } #modal-share .required h3 {margin: 0px 20px 0px 0px; display: inline; } #modal-share .required span { display: inline; white-space: nowrap; } #modal-share .required p { margin-top: 5px; } #modal-share .msgText {height: 115px;resize: none;} /* LL-16947 Shopping list search result page */ .sh-list img {margin-right: 10px !important; } .list-label { width: calc(100% - 60px); padding-bottom: 10px; display: inline-block; } .list-label-border { border-bottom: 1px solid #ddd; } .list-label span { font-size: 16px; font-weight: 700; } h4.wishlist-title { font-weight: 700; font-size: 18px; } .no-item-alert { text-align: center; font-size: 1.65rem; padding-top: 20px; } .mobile-cart-links { display: none !important; } .btn-paypal { padding: 11px !important; } .add-all-btn { width: 165px !important;} .text-cap { text-transform: capitalize; } .add-to-list { cursor: pointer; color: #0f5bb1; font-size: 0.93em; line-height: 1.4em; } .s7staticimage img { display: none !important; } /* EC-1036 PDP - Grey outline flashes around main image when PDP loads */ .remove-all { text-align: right; padding: 15px 0 10px; border-top: 1px solid #ccc; } .register-bullets { font-size: 1.1em; padding-left: 32px !important; } .password-verbiage { font-size: 0.93em; } .password-verbiage p { line-height: 1.4em; } /* EC-1369 - ORDER-CONFIRMATION NEW STYLE UPDATES min-width > 1200px */ .order-confirm-info { padding-right: 20px!important; } .order-info-head { font-family: 'Roboto Slab', serif; border-bottom: 2px red solid; padding: 6px 0px 0px; } /* EC-1536 - EC-8570 - updated order-confirm-display-issues-fix min-width > 1200px*/ .order-confirm-greeting-icon { display: inline-block; width: 20%; margin-right: 20px; } .order-confirm-greeting { display: inline-block !important; width: 77%; vertical-align: bottom; } .order-confirm-greeting h1 { display: inline-block !important; font-size: 42px !important; } .order-confirm-greeting h2 { font-size: 28px !important; font-weight: 400; } .order-confirm-greeting-mobile { display: none!important; } .order-confirm-greeting p { font-size: 15px; } .oc-account .input-direction { white-space: nowrap; line-height: 1.4em; } /* EC-1725 - Order confirmation registration area */ .well.oc-account {border: 1px solid #ccc; border-radius: 4px; padding: 10px 20px 5px;} .oc-account h2, .oc-account p.oc-tagline {display:inline; margin-right:10px;} .oc-account .btn-primary { height: 40px; position: absolute; top: 23px; right: 15px; font-size: 19px; padding: 6px 20px!important; } .oc-account input {height: 40px;} /* EC-7612 - order-confirm-page-long-email-fix */ .oc-account .oc-email { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } /* EC-8570 - ropis-order-confirmation-styles- min-width: > 1200px */ .oc-ropis-info { background-color: #fefce5; border: 1px solid #f3cf21; border-radius: 4px; padding: 20px!important;} ul.checkout-list.order-confirm-summary { list-style: none; padding: 0px 0px 15px; margin: 0; background-color: #f3f3f3; } ul.checkout-list.order-confirm-summary li { list-style: none; padding: 5px 15px; margin: 0; } /* EC-9525 - ROPIS subtotal and subtotal detail text spacing */ ul.checkout-list.order-confirm-summary li:last-child { padding-bottom: 0px!important; } ul.checkout-list.order-confirm-summary li.subtotalAmount { padding-bottom: 0px!important; } ul.checkout-list.order-confirm-summary li.subtotalDetail { padding-top: 0px!important; line-height: 1em; } ul.checkout-list.order-confirm-summary li.order-summary-title { border-bottom: 2px red solid; background-color: #ffffff; padding-bottom: 0px; } /* EC-8816 - order-confirm-summary-total-style-update */ .order-confirm-total { border-top: 0px solid #ccc; font-size: 14px; font-weight: 700; margin-top: 0px!important; padding: 5px 15px 15px!important; } .order-confirm-contact { padding: 20px 0px 20px 20px !important; border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; } .order-confirm-contact h4.chatheading { margin: 0px; display: block; } .checkout-order-confirm-summary { padding-left: 20px !important; } .checkout-order-confirm-summary .order-confirm-summary .order-summary-title h4 { font-family: 'Roboto Slab', serif; } .order-confirm-resources a .featured-resource h2 { color: #666666; font-weight: 600; } .table-responsive.order-confirmation-stores { margin: -20px -20px 20px; border: 0px; } .order-confirmation-stores .col-container-desktop { display: table; width: 100%; border-collapse:separate; border-spacing:20px; } .order-confirmation-stores .col-container-tablet { display: none; width: 100%; border-collapse:separate; border-spacing:20px; } .col-container-row { display: table-row; } .order-confirm-col { display: table-cell; width:25%; padding: 20px; border: 1px solid #cccccc; text-align: center; } .order-confirm-col img.img-responsive { margin: 0px auto; } /* EC-1553 - ORDER-CONFIRMATION NEW STYLE UPDATES min-width > 1200px */ .order-confirm-email { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* EC-1666 - order confirmation cart summary table space fix */ .table.checkout > thead > tr > th { border-top: 1px solid #ccc!important; border-bottom: 1px solid #ccc; } .table.checkout > thead > tr > th:first-child, .table.checkout > tbody > tr > td:first-child { text-align: left!important; width: 50%; } .table.checkout > thead > tr > th, .table.checkout > tbody > tr > td { text-align: center!important; } div#modal-request-quote .modal-dialog { width: 850px; } /*EC-1482 - write a review margin fixes min-width 1200px */ .table-row { display: table-row; } .table-cell { display: table-cell; vertical-align: middle; } .table-cell > p { margin: 0px; } .review-shop-button { display: block; width: initial; } /* EC-1721 Added to cart modal new design */ .modal-dialog.addedtocart { border-radius: 0; border: none; box-shadow: 0 0 20px rgba(0,0,0,.2); top: unset; width: 720px !important; } .addedtocart .close.white{ opacity: 1; text-shadow: none; } .addedtocart .added-item { padding: 0 20px; min-height: 135px; } .center-wrap { height: 135px; position: relative; } .addedtocart .item-img-column, .addedtocart .item-details { position: relative !important; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .addedtocart .modal-title { font-family: 'Roboto Slab', serif; font-weight: 900; font-size: 25px; display: inline; color: #fff; } .addedtocart .header-link { float: right; line-height: 1.4em; color: #fff; font-size: 15px; text-decoration: underline; } .green-checked { float: left; position: relative; font-size: 40px; color: #00b422 !important; margin-right: 10px; } .addedtocart .modal-msg { font-size: 17px; display: table; } .addedtocart .item-title { line-height: 23px; } .addedtocart .carousel .item-title { line-height: 18px; } .modal-body-divider { border-right: 1px solid #ccc; } .summaryRow { padding: 0px 20px; } .btn-addcart-modal { width: 100%; font-weight: 400; outline: none; max-width: 100%; font-size: 18px; padding: 7px 10px !important; border-radius: 4px; } .addedtocart article.item { min-height: 200px; } .addedtocart .modal-footer { padding: 20px 30px; text-align: left; } .addedtocart .modal-footer h2 { font-size: 20px !important; } .addedtocart section { margin: 0px } .addedtocart [class*="fa-caret-"] { margin-top: 40px; position: absolute; top: 0; } .addedtocart a.no-decor, .addedtocart a.no-decor:hover { text-decoration: none !important; } .addedtocart .orderSummaryCheckout a:hover {text-decoration: underline !important; } /* EC-7976 -added-to-cart-updated-styles min-width: > 1200px */ .addedtocart .header-links { color: #ffffff; float: right; padding-top: 5px; } .addedtocart .links-divider { display: inline; float: right; } /* EC-7423 - update- image - EC-5767 - store landing - locator - details redesign min-width: 1200px */ .store-locator-main { background-position: right top; background-repeat: no-repeat; background-size: cover; height:347px; } /* EC-7423 - EC-7311- store-locator-button-and-search-field-styles update */ /* EC-7407 - store location updates - wrapper add-for-input-position max-width: 1200px */ .store-locator-main .store-locator-main-input-wrapper { width: 1170px; height: 100%; margin: 0px auto; padding: 0px 15px; } .store-locator-main .store-locator-main-input { width: 425px; padding: 20px; color: #fff; background-color:#002776; border-radius: 4px; position: relative; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .store-locator-main-input .store-locator button.btn.btn-default { background-color: #002776; color: #fff; border: 2px solid #fff; } .store-locator-main-input .store-locator button.btn.btn-default:hover { background-color: #113c90; } /* EC-7075 - store locator view stores link underline */ .store-locator-main-input a { text-decoration: underline; } /* EC-7114 - store locator input error message update */ .store-locator-main-input span { font-size: 15px; font-weight: 700; text-decoration: none; } .store-locator-content { background-color: #f8f8f8; padding: 30px 125px; margin-bottom: 60px; } .store-locator-content #nearest-stores { background-color: #fff; height: 630px; padding-top: 15px; } .store-locator-content #map { height: 630px; width: 100%; } /* EC-7077 - store-landing-states-fomatting */ .store-locator-content h2 { font-size: 26px!important; } .store-locator-content ul li strong { font-family: Roboto Slab; font-size: 19px; color: #020202; } /* EC-7078 - store-landing-city-fomatting */ .store-locator-content ul li a { color: #020202; } .store-locator-slot-items { width: 100%; max-width: 1170px; padding: 15px; margin: 60px auto 30px; } .store-detail-info { background-color: #f8f8f8; padding: 20px 0px; } .store-detail-info-content { width: 100%; max-width: 1140px; margin: 0px auto; padding-bottom: 30px; } .store-landing-bottom { font-size: 21px; line-height: 31px; margin-bottom: 50px; color: #5f5f5f; } .store-landing-bottom div:first-child { padding: 0px 50px 0px 15px; border-right: 1px solid #ccc; } .store-landing-bottom div:last-child { padding: 0px 15px 0px 50px; } .store-landing-bottom div img { margin: 0px auto; } .store-landing-bottom a.btn.btn-default { font-size: 19px; padding: 6px 20px!important; border: 2px solid #333; } .store-landing-outlets { text-align: center; border-top: 1px solid #ccc; } .store-landing-outlets p { font-size: 21px; text-align: left; line-height: 31px; margin-bottom: 20px; padding: 0px 15px; color: #5f5f5f; } .store-landing-outlets span.main { font-family: 'Roboto Slab', serif; font-size: 32px; font-weight: 400; line-height: 36px; margin-bottom: 20px; padding: 0px 15px; text-align: center; color: #5f5f5f; background-color: #fff; position: relative; top: -20px; } .store-landing-outlets span.main span.red { font-size: 36px; font-weight: 700; } .store-landing-outlets store-landing-outlets-info { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 0px solid #ccc; } /* EC-7407 - store location updates max-width: 1200px */ .store-landing-outlets .mobile-main { font-family: 'Roboto Slab', serif; font-size: 29px; font-weight: 400; line-height: 37px; margin-bottom: 10px; text-align: center; color: #5f5f5f; } .store-landing-outlets .mobile-main span.red.bold { font-size: 32px; } /* EC-6266 Updating Apple Pay btn and Paypal btn */ .btn-tpw { width: 100%; border: 1px solid #000; padding: 8px 10px !important; background-color: #ffffff; } .btn-tpw img { height: 15px; } .checkoutGuest .btn-tpw { padding: 6px 10px !important;} /* Paypal redirect spinner */ .paypal-spinner.preloader { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1100; background: rgba(255,255,255,0.85); } .paypal-spinner .spinWrap { width: 100%; height: 70px; position: relative; top: 40%; left: -2%; } .paypal-spinner .loader, .paypal-spinner .spinnerImage { position: absolute; top: 0; left: 50%; opacity: 1; } .paypal-spinner .spinnerImage { height: 70px; width: 70px; margin: 24px 0 0 -15px; background: url(../images/icon_paypal_spin_lock.png) no-repeat center; background-size: contain; } .paypal-spinner .loader { height: 120px; width: 120px; margin: 0 0 0 -40px; background-color: transparent; -webkit-animation: paypal-spin .7s infinite linear; -o-animation: paypal-spin .7s infinite linear; animation: paypal-spin .7s infinite linear; border-left: 5px solid #cbcbca; border-right: 5px solid #cbcbca; border-bottom: 5px solid #cbcbca; border-top: 5px solid #2380be; border-radius: 100%; } @keyframes paypal-spin { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } .srpWrapper .item-title { line-height: 18px !important; margin-bottom: 2px;} .hr-divider { margin: 0px 20px !important; } .disabledLink { color: currentColor; opacity: 0.4; display: inline-block; /* For IE11/ MS Edge bug */ pointer-events: none; text-decoration: none !important; } .review-login-text { padding: 35px 0 0 35px; } .review-login-text h1 { margin-bottom: 5px; } .review-login-text p { font-size: 18px; } /* EC-941 - holiday-gift-guide-styles min-width: 1200px */ .gift-guide-ribbon-title { background: url('/assets/images/gift-guide_ribbon.svg') no-repeat center; width: 505px; height: 70px; color: #fff; background-color: white; padding: 0px 20px; margin: 0px auto; position: relative; top: 35px; display: table; } .gift-guide-ribbon-title h2 { font-size: 29px!important; vertical-align: middle; display: table-cell; } .gift-guide-age { margin: 20px auto 0px; } .gift-guide-age img { width: 165px; } .gift-guide-cat { color: #5ec3e2; border: 4px solid #5ec3e2; padding: 0px; text-align: center; height: 300px; } .treeBG1 { background: url('/assets/images/gift-guide-tree-bg1.gif') no-repeat left bottom; background-size: 100%; } .treeBG2 { background: url('/assets/images/gift-guide-tree-bg2.gif') no-repeat left bottom; background-size: 100%; } .treeBG3 { background: url('/assets/images/gift-guide-tree-bg3.gif') no-repeat left bottom; background-size: 100%; } .treeBG4 { background: url('/assets/images/gift-guide-tree-bg4.gif') no-repeat left bottom; background-size: 100%; } .treeBG5 { background: url('/assets/images/gift-guide-tree-bg5.gif') no-repeat left bottom; background-size: 100%; } .treeBG6 { background: url('/assets/images/gift-guide-tree-bg6.gif') no-repeat left bottom; background-size: 100%; } .treeBG7 { background: url('/assets/images/gift-guide-tree-bg7.gif') no-repeat left bottom; background-size: 100%; } .treeBG8 { background: url('/assets/images/gift-guide-tree-bg8.gif') no-repeat left bottom; background-size: 100%; } .gift-guide-cat-title { background-color: #5ec3e2;color: #fff; padding: 10px 30px!important; } .gift-guide-cat-title h3 { font-family: Roboto Slab, serif; font-size: 36px; margin: 0px auto 10px; } .gift-guide-cat-title p { font-size: 17px; } .gift-guide-cat a.btn { font-size: 19px; background-color: #d71921; color: #fff; padding: 6px 20px!important; } .gift-guide-cat a.btn:hover { background-color: #9d191e; color: #fff; } .gift-guide-carousel { height: 270px; margin-top: 30px; padding-left:30px!important; } .gift-guide-section { border-bottom: 1px solid #ccc; margin: 0px auto; padding: 20px 0px; } .ropis .radio-indicator { top: 5px; cursor: pointer; } img.assort-img { cursor: pointer; } .no-click { pointer-events: none !important; color: gray; opacity: 0.6;} .bottom-right { bottom: 0; right: 0; position: absolute; padding-right: 0px !important; } @media (min-width: 992px) and (max-width: 1199px) { #cartItems .sm-cart {padding-left: 40px;} .wishlist-list .account-list .account-edit-cancel {margin-left: 10px;min-width: 70px !important;} article.item { min-height: 275px; } ul.search-tabs > li > a {font-size: 13px;} .account-sidebar .ul-shop-list { margin-left: 10px; } .account-sidebar .ul-shop-list .list-wrapper { width: 140px;} .account-sidebar .ul-shop-list .list-wrapper .shop-list-name { max-width: 165px; } .flex-container .s7flyoutviewer .s7flyoutzoomview .s7flyoutzoom {left: 425px!important;} /* LL-14823 */ /* LL-14859 - added parent to selector to fix PDP dropdown width */ .qo-colorOption .btn.btn-colSelect.dropdown-toggle.prod-secondary { width: 160px !important; } /* EC-1433 - QUICK ORDER SEPARATE PAGE RESTYLE min-width: 991px max 1199px */ .table-quickorder .qo-colorOption .btn.btn-colSelect.dropdown-toggle.prod-secondary { width: 100%!important; } .md-pl30{ padding-left: 30px !important; } } @media screen and (max-width: 1199px) { /* EC-6908 2018 mystery promo breakpoint styling */ .mys-login { bottom: 5px; margin-bottom: 5px; } .mys-login img { max-width: 335px;} .mys-login p { font-size: 11px; margin-bottom: 25px; line-height: 1.4;} .mys-login a.btn { width: 180px; font-size: 18px; padding: 10px !important;} .mys-login img.mys-promo-svgHeading { margin-bottom: 5px; } /*LL-12917 - footer updates - LL-12848 - updated all body copy to google Open Sans width from 28% to 26% and last child from 32% to 34% max-width: 1199*/ .footer-links { width: 60%; margin-left: 0%; } .footer-col:first-child { padding-left: 15px; } /*.footer-col:nth-child(2) { width: 28%; }*/ #legal .container { width: 971px; } /*cart*/ /*LL-6318 subtotal display for tablets max-width: 1199px*/ .shopmid {width: 75%!important; text-align: right!important; } .shopmidSubTotal {text-align: right!important; display: none; } .ll-typeahead .ll-autosuggest-container .autosuggest-content {/*max-height:110px;*/ padding:0} /*sticky nav*/ /* #cartItems {padding-right: 0px !important;} */ /* LL-10861 - remove sticky nav function from Cart*/ #cartAffix {/*position:fixed !important;*/ width:263px; top:0px; float: right; margin-left: 30px;} #cartAffixEmpty {position: static!important; width:263px; float: right; } #cartAffixOnePage {position: static!important; width:200px; top:0px; float: right; } /* #cartAffix.affix-top {width:263px; top:0px; float: right;} #cartAffix.affix {position:fixed !important; width:263px; top:0px; float: right; margin-left: 30px;} #cartAffix.affix-bottom {width:263px; top:0px; float: right;} #cartAffixEmpty.affix-top {width:263px; float: right; } #cartAffixEmpty.affix {position: static!important; width:263px; float: right; } #cartAffixEmpty.affix-bottom {width:263px; float: right; } #cartAffixOnePage.affix-top {width:200px; top:0px; float: right; } #cartAffixOnePage.affix {position: static!important; width:200px; top:0px; float: right; } #cartAffixOnePage.affix-bottom {width:200px; top:0px; float: right; } */ /*homepage*/ .feature-container {padding:15px;} /* LL-18118- featured Categories Block Links max-width: 1199px */ .col-custom-5.feat-cat-heading div { width: 100%; height: 75px; } .col-custom-5.feat-cat-heading.left { padding-left: 15px; } .col-custom-5.feat-cat-heading.right { padding-right: 15px; } /* LL-18343- featured Categories Block Links max-width: 1199px */ .col-custom-5.feat-cat-heading div h2 { font-size: 2vw!important; line-height: 2vw; color: #ffffff; margin: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /* LL-18163 - homepage featured resources slots update max-width: 1199px */ .col-md-2.featured-resource { display: none; } /* LL-17978- featured Categories Block Links background color and hover color - max-width: 1199px */ .featured-resource-mobile-container { display: inline-block; padding: 0px 15px!important; margin-bottom: 0px; } a.featured-resource-mobile { background-color: #f8f8f8; display: block; } a.featured-resource-mobile:hover { background-color: #f3f3f3; } a.featured-resource-mobile img { width: 40%; margin-right: 15px; float: left; } a.featured-resource-mobile span { width: 45%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: #666666; font-size: 2vw; line-height:2vw; font-weight: 600; } /* LL-18164 - homepage connect banner css updates max-width: 1199px */ .homepage-connect-content { width: 45%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /* LL-18343- homepage-css-updates - max-width: 1199px */ .homepage-connect-content h1 { font-size: 3.5vw!important; } .homepage-connect-content p { font-size: 19px!important; color: #666666; margin: 10px 20px 15px; } /* LL-18343 - homepage connect banner css updates max-width: 1199px */ .homepage-connect-content .social-links a img { width: 40px; } /* LL-17926 - homepage complete-classroom-carousel-featured slots update max-width: 1199px */ .homepage-classroom-content h1 { font-size: 3.5vw !important; margin-bottom: 15px; } .homepage-classroom-content h1 sup { font-size: 2.5vw !important; } .homepage-classroom-content h2 { font-size: 2.5vw !important; margin: 10px 0px 10px; } .homepage-classroom-content h2 span { font-size: 2.5vw !important; margin: 0; } .homepage-classroom-content p { width: 90%; font-size: 1.5vw !important; line-height: 2.5vw; } /*PDP - Giftcard styles*/ div.giftcard-edit-box form.form div.form-group.col-sm-6 { width: 100%!important; } /* LL-10218 move and remove wrap - LL-9053 - EGC - Email fields max-width: 1199px */ /* div.gift-fields-desc { width:16%; max-width: 115px; min-width: 110px; } */ div.gift-fields-entry { width:84%; max-width: 220px; min-width: 215px; } /* LL-12250 - checkout e-mail panel radio style update max-width: 1199px */ .checkout-register .radio .control.radio-control:first-of-type { width: 100%; } .checkout-register .radio .control.radio-control:nth-of-type(2), .checkout-register .radio .control.radio-control:nth-of-type(3) { width: 100%; } /*FREE RESOURCES - AWARD MAKER*/ .flash { height: 100%; width: 100% } #frRtNavAffix.affix-top { position: relative!important; width:263px; top:0px;} #frRtNavAffix.affix { position: static!important; width:263px; top:20px;} #frRtNavAffix.affix-bottom { width:263px; top:0px;} /* LL-8026 - Free Resources Word Search Page max-width: 1199px */ #wordSearchForm { border-top: 1px solid #ccc; margin-top: 30px; } /*LL-8040 - free resources craft and activity pages max-width: 1199px*/ .mainContentSectionHeader { margin-left: 30px; } /* free resources carousel items */ .fritem-v { width: 88px !important; padding: 0px; text-align: center; margin: 0px 12px; } .fritem-v a.item-link, .item-h a.item-link { display: block; padding: 8px; position: relative; border: 1px solid #fff; border-bottom: 3px solid #fff; outline: none; } .fritem-v a.item-link:hover, .item-h a.item-link:hover { border-color: #CCCCCC; border-bottom-color: #2D8CAB; text-decoration: none; } .fritem-v img.item-img { display: block; margin: 0px; width:70px; } /* LL-5179 Image search results fix */ .item-sr.search-item.list-viewimg .item-link.item-noHover img { vertical-align: middle; width: 100%; max-width: 180px; min-width: 95px; } /*ORDER DETAILS sticky nav*/ #od-summaryAffix.affix-top {position:relative; width:212px; top:65px;} #od-summaryAffix.affix {position: fixed!important; width:212px; top:20px;} #od-summaryAffix.affix-bottom {width:212px; top:30px;} .checkoutgc.borderLeft-gc {border-left:none; padding-left:0px; margin-left:0px; margin-top:20px;} /*Checkout*/ h3.panel-title small {position: relative; left: 0px; top: 0px;} /* LL-14300 - checkout line checkout panel info max-width: 1199px */ /* EC-6756 fixing h3.panel-title small for use case when a user enters the max allowed input for all form fields */ .checkout-steps .panel-title small { position: relative; left: 0px; top: 0px; white-space: normal;} /*sticky wishlist for mobile only. position:static; width:25% for lg and md, width:41.6% for sm. affix buttons and popup for xs */ .wishlist-trigger.wishListAffix.affix-top, .manage-trigger.wishListAffix.affix-top { position: fixed !important; bottom: 0px !important; } .wishlist-trigger.wishListAffix.affix, .manage-trigger.wishListAffix.affix { position: fixed !important; width: 50% !important; bottom: 0px !important; top: 93% !important;} .wishlist-trigger.wishListAffix.affix-bottom, .manage-trigger.wishListAffix.affix-bottom{ position: fixed !important; bottom: 580px !important; } .wishlist-list.wishListAffix.affix-top { position: static !important; bottom: 0px; } .wishlist-list.wishListAffix.affix { position: static !important; width: 25% !important; bottom: 0px ; top: 93%;} .wishlist-list.wishListAffix.affix-bottom { position: static !important; bottom:0px; } .wishlist-manage-list.wishListAffix.affix-top { position: fixed !important; bottom: 0px !important; } .wishlist-manage-list.wishListAffix.affix { position: fixed !important; width: 100% !important; bottom: 0px !important; top: 93% !important;} .wishlist-manage-list.wishListAffix.affix-bottom { position: fixed !important; bottom: 610px !important; } /*homepage*/ .container2 {width:100%; padding:0px;} /*Product Detail Page*/ /* Spacing between header and PDP info*/ /*Commented for LL-13654*/ /*#pdpItemInfo {padding-top:25px;}*/ /*PDP Image*/ .pdpThumb.slick-outline img {border:none!important;} .flex-container .pdpcarousel {width:100%; height:auto;} .flex-container .s7flyoutviewer .s7flyoutzoomview .s7flyoutzoom {width: 345px!important; height: 380px!important;} /* LL-8825 - resize font to 13px, align right max-width: 1199px */ /* PDP reviews - CSS to prevent review span from breaking in mobile */ /* LL-11591 - product review section max-width: 1199px */ .review-text { font-size: 13px!important; white-space: nowrap; text-align: left; } .pdp-desktop-price { font-size: 13px; } /* LL-18993 .pdp-socialicon {width:20px; height:20px; margin-top:0px; margin-left:0px; margin-right:5px;} */ .pdpcarousel {width:100%; text-align: center;} .pdpThumb img {width: 100%; height:auto;} .pdp-nav-next, .pdp-nav-prev {display:none!important;} .pdp-price {font-size: 27px;} .pdp-stars {width:25%;} .pdp-reviewdate {text-align: left; font-size: 14px; margin-bottom: 10px;} /* LL-13839 - PDP dropdown open wrapping max-width: 1199px */ .dropdown.pdp-item-dropdown.open { width: 130%; height: 34px; } /*Show PDP image and slider on iPad portrait*/ .flex-container .s7flyoutviewer, .flex-container .s7flyoutzoomview, .flex-container .s7staticimage, .flex-container .s7flyoutviewer .s7flyoutzoomview, .flex-container .s7staticimage img {width: 400px!important; height: 300px!important;} .flex-container .pdpcarousel {height:275px;} .flex-container img {border: none;} .flex-container .pdpThumb.slick-outline img {border: none!important;} .flex-container .pdp-nav-next, .flex-container .pdp-nav-prev {display:block!important;} .flex-container .pdp-warranty-image-mobile {display: none;} .flex-container #s7_videoview.s7videoviewer {width: 400px!important; height: 225px!important;} .flex-container .slick-list {display:block!important;} /* LL-13821 - video player outside main area on IE 10 only */ .flex-container #productVideo { width: 400px!important; } /*pdp - view larger modal*/ .viewLarger-modal-dialog {width: 990px;} /* LL-9963 - product accessories alert - expand the div - max-width: 1199px */ .viewLargerMagnifier, .viewLargerText { display: none; } /* LL-8613 - WARRANTY Image and LL-9093 - fixed width to be 60px max-width: 1199px */ .pdp-warranty-image-mobile { position:absolute; bottom:10px; right:10px; z-index: 5; pointer-events: none; } .pdp-warranty-image-mobile img {width: 100px; border:none !important;} /* LL-8324 - remove underlines from View Larger and Zoom */ #main .viewLarger > a[data-dismiss]:link {text-decoration: none !important; } #main .viewLarger > a[data-dismiss]:hover {text-decoration: underline !important; } /*QV Scene 7*/ .qv-mainimg .s7flyoutviewer {display:block;} /* ORDER DETAILS STYLES */ .od-shopmid {text-align: right!important; } /*ORDER DETAILS sticky nav*/ #od-summaryAffix.affix-top {position:relative; width:212px; top:65px;} #od-summaryAffix.affix {position: fixed!important; width:212px; top:20px;} #od-summaryAffix.affix-bottom {width:212px; top:30px;} /* Complete Classrooms max-width < 1199px */ div.cc-view-links { width: 33.3333%; margin-bottom: 20px; } /* INFANT TODDLER COMPLETE CLASSROOMS SCENE 7 IMAGE CONTROL max-width < 1199px */ /* NAV TABS FOR INFANT TODDLER */ #main .it-nav.nav-tabs > li.active > a.home:link { background-color:#f0f0f1; color: #020202; font-weight:700; border-bottom: 1px solid #f0f0f1; } #main .it-nav.nav-tabs > li > a.home:link { background-color:#f0f0f1; color: #020202; font-weight:700; } #main .it-nav.nav-tabs > li.active > a.first:link{ background-color:#afbc0b!important; color: #ffffff!important; font-weight:700!important; border-bottom: 1px solid #afbc0b; } #main .it-nav.nav-tabs > li > a.first:link { background-color:#afbc0b!important; color: #ffffff!important; font-weight:700!important; } #main .it-nav.nav-tabs > li.active > a.second:link{ background-color:#19bcd0!important; color: #ffffff!important; font-weight:700!important; border-bottom: 1px solid #19bcd0; } #main .it-nav.nav-tabs > li > a.second:link { background-color:#19bcd0!important; color: #ffffff!important; font-weight:700!important; } #main .it-nav.nav-tabs > li.active > a.third:link { background-color:#f7bc00!important; color: #ffffff!important; font-weight:700!important; border-bottom: 1px solid #f7bc00; } #main .it-nav.nav-tabs > li > a.third:link { background-color:#f7bc00!important; color: #ffffff!important; font-weight:700!important; } div.row.it-home-top, div.row.it-home-bottom { border-top: 0px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } e-bottom { border-top: 0px solid #f0f0f1; border-right: 1px solid #f0f0f1; border-bottom: 1px solid #f0f0f1; border-left: 1px solid #f0f0f1; } /*controls the AREA FOR THE SCENE 7 IMAGES */ .it-s7image { height: 270px !important; } /*controls the container size */ .it-s7image .s7container.it-product-image { width: 360px !important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the viewer size */ .it-s7image .s7flyoutviewer.it-product-image { width: 100% !important; height: 270px!important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the SCENE 7 sizes */ /*reset*/.it-product-image .s7flyoutviewer, .it-product-image .it-product-image.s7container, .it-product-image .s7innercontainer, .it-product-image .s7flyoutzoomview, .it-product-image .s7staticimage, .it-product-image .s7flyoutviewer .s7flyoutzoomview, .it-product-image .s7staticimage img {width:360px!important; height: 270px!important; position: absolute!important; top:0px!important; display:block!important; } /*controls the SCENE 7 zoom out window */ /* 0-12 MONTHS IMAGES */ /* sleep-area1 */ div#s7flyout_div-sleep-area1_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* library1 */ div#s7flyout_div-library1_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-library1_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-library1_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* block-play1 */ div#s7flyout_div-block-play1_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-block-play1_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-block-play1_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* mealtime1 */ div#s7flyout_div-mealtime1_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* discovery1 */ div#s7flyout_div-discovery1_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-discovery1_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-discovery1_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* cubbies1 */ div#s7flyout_div-cubbies1_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* changing1 */ div#s7flyout_div-changing1_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-changing1_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-changing1_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* gross-motor1 */ div#s7flyout_div-gross-motor1_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* nonmob1 */ div#s7flyout_div-nonmob1_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* 12-24 MONTHS IMAGES */ /* naptime2 */ div#s7flyout_div-naptime2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-naptime2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-naptime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* library2 */ div#s7flyout_div-library2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-library2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-library2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* block-play2 */ div#s7flyout_div-block-play2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-block-play2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-block-play2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* mealtime2 */ div#s7flyout_div-mealtime2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* dramaticPlay2 */ div#s7flyout_div-dramaticPlay2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* cubbies2 */ div#s7flyout_div-cubbies2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* changing2 */ div#s7flyout_div-changing2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-changing2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-changing2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* gross-motor2 */ div#s7flyout_div-gross-motor2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* manipulatives2 */ div#s7flyout_div-manipulatives2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* music2 */ div#s7flyout_div-music2_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-music2_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-music2_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* 24-36 MONTHS IMAGES */ /* naptime3 */ div#s7flyout_div-naptime3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-naptime3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-naptime3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* library3 */ div#s7flyout_div-library3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-library3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-library3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* block-play3 */ div#s7flyout_div-block-play3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-block-play3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-block-play3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* learningCorner3 */ div#s7flyout_div-learningCorner3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* dramaticPlay3 */ div#s7flyout_div-dramaticPlay3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* cubbies3 */ div#s7flyout_div-cubbies3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* changing3 */ div#s7flyout_div-changing3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-changing3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-changing3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* arts-crafts3 */ div#s7flyout_div-arts-crafts3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* manipulatives3 */ div#s7flyout_div-manipulatives3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* music3 */ div#s7flyout_div-music3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-music3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-music3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } /* science3 */ div#s7flyout_div-science3_container.s7container {width:360px!important; height: 270px!important; } div#s7flyout_div-science3_flyout.s7flyoutzoomview {width:360px!important; height: 270px!important; } div#s7flyout_div-science3_flyout.s7flyoutzoomview .s7flyoutzoom {width:565px!important; height: 355px!important; position: absolute!important; top: -60px!important; left: -580px!important; z-index: 400; } #s7flyout_div_flyout { width: 500px !important; position: absolute; top: 0px; left: 0px; } /* INFANT TODDLER INTERACTIVE PAGES max-width < 1199px */ div.it-product-more-info { padding: 15px!important; } div.interactive-wrapper.desktop { display: block!important; } div.interactive-wrapper.mobile { display: none!important; } div.interactive div.interactive-container { display: table; background-color: #F5F5F5; position: relative; height: 390px; padding-top: 10px!important; } div.interactive div.interactive-container div.interactive-wrapper{ position: relative; width: 500px; height: auto; margin: auto; } div.interactive div.interactive-container div.interactive-wrapper img.interactive-main { width: 500px; height: 363px; z-index:10; } /*AYR - LANDING PAGE */ div.ayr-assessment-form div.ayr-signin-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #ccc; background-color: #fff; padding: 15% 10%; z-index: 100;} /*AYR - ASSESSMENTS PAGE */ div.ayr-title { float: left!important; width: 100%; } div.ayr-navbar { float: right; width: 100%; } div.ayr-navbar ul.nav.navbar-nav { float: right; } div.ayr-navbar ul.nav.navbar-nav > li > a { float: left; } div.ayr-navbar ul.nav.navbar-nav > li > a img { margin-right: 10px; } /*NEWSROOM <1199px */ .news-date { width: 22%; font-size: 21px; font-weight: 700; line-height: 29px; display: inline-block; vertical-align: top; } .news-article { width: 77%; display: inline-block; } .news-article a { font-size: 21px; font-weight: 700; line-height: 29px; color: #0072bc; } .news-article a.readMore { font-size: 15px; font-weight: 700; line-height: 21px; color: #0072bc; padding: 0px; } /* LL-5045 - life at lakeshore css updates max-width: 1199px */ .about-main .main-text { width: 32%; position: absolute; top: 30px; right: 15px; text-align: left; color: #ffffff; } /* LL-5095 - ABOUT US PAGE STYLE > 1199px - LL-14864 - main-text-width to 40% */ .our-story .about-main .mainText { width: 40%; } .about-life-main .mainText { width: 33%; transform: translateY(-57%); -webkit-transform: translateY(-57%); -moz-transform: translateY(-57%); -ms-transform: translateY(-57%); -o-transform: translateY(-57%); } /*software-organizer download page max-width: > 1199px*/ .software-image { width: 50%; margin: 20px auto; padding-top: 20px; } .software-image img{ width: 100%; padding-left: 40px; display: block; margin: 0px auto; } /*Teachers Club page desktop max-width > 1199px */ .tc-offer-main { background-size: 115%; } .tc-offer-main .main-logo-container { width: 70%; } .tc-offer-main .main-logo-container img.main-logo{ width: 65%; padding-left: 0px; } .tc-offer-main ol { padding: 0px 0px 0px 30px; margin: 20px 0px 15px 0px; } .tc-offer-main .main-logo-container a.btn-primary { margin: 0px 0px 0px 15px; } .tc-offer-main .tc-offer-cta { width: 63%; padding: 15px 45px; } /*Classroom Furniture max-width > 1199px */ div.cf-services-lt img { width: 100%; max-width: 552px; height: auto; padding-right: 10px; float: left;} div.cf-services-rt img { width: 100%; max-width: 552px; height: auto; padding-left: 10px; float: right;} /* LL-5112 - Connective Furniture max-width: 1199px */ .connective-main img { width: 140%; position: relative; left: -110px; } div.diagram { background: #ffffff url("https://s7d9.scene7.com/is/image/LakeshoreLive/connective-diagram?wid=1140&fmt=pjpeg&pscan=auto&qlt=85,1") no-repeat right top; background-size: 940px 585px; height: 585px; } /* LL-5112 - Connective Furniture max-width: 1199px */ div.connect-furniture p { text-align: left; padding: 40px 25px 5px 100px; margin-bottom: 0px; } div.connect-furniture img { width:840px; padding: 0px 0px 0px 50px; } div.connect-furniture ul:first-child { width: 50%; text-align: left; padding: 65px 0px 0px 115px; } div.connect-furniture ul:last-child { width: 45%; text-align: left; padding: 65px 0px 0px 40px; } /* mobile-apps page styles max-width: 1199px */ div.mobile-app { width: 33.333%; float: left; min-height: 590px; font-size: 15px; text-align: center; } div.mobile-app img.main { width: 90%; } div.mobile-app ul { width: 90%; text-align: left; margin-top: 10px; } /* LL-4877 - updated anchor height to accommodate long title: */ .sn-nav.nav-tabs > li > a { height: 63px; padding: 10px; } /* LL-10276 - popovers going off screen on iPAD */ div[id*='popover'] { width: 275px; position: absolute; /*left: 25%!important;*/ } /* LL-2538 - Gift-card-balance-page max-width: 1199px */ .gift-card-info { width: 65%; margin-top: 20px; } .gift-card-form { width: 35%; margin-top: 20px; float: right; } /* LL-4510 - help center- credit application max-width: > 1199px*/ .help-main-img { width: 225px; } .help-main-content { width: 75%; } /* LL-12319 - GSA Cart Banner styles max-width:1199px */ /* banner over */ .gsa-promo-terms-over { height: 83px;} /* LL-14703 - Shopping List - Cancel and Add Buttons are stacked and misaligned max-width:1199px */ #main .btn { min-width: 75px; } /* LL-15050 - Checkout - Text within collapsed Payment section is misaligned max-width:1199px */ h3.panel-title .paypal-logo {left: 0;} /* EC-5767 - store-landing-redesign max-width: 1199px */ .store-locator-main { height:260px; } .store-locator-content { padding: 30px 50px; } /* EC-7407 - store location updates - wrapper add-for-input-position max-width: 1199px */ .store-locator-main .store-locator-main-input-wrapper { width: 970px; } /* EC-941 - holiday-gift-guide-styles max-width: 1199px */ .gift-guide-age img { width: 132px; } /* EC-1536 - EC-8570 - updated order-confirm-display-issues-fix max-width 1199px*/ .order-confirm-greeting-icon { display: inline-block; width: 25%; margin-right: 20px; } .order-confirm-greeting { display: inline-block !important; width: 70%; vertical-align: bottom; } .oc-account .input-direction { white-space: normal; } /* EC-8575 - sandi pages-redesign nav - desktop max-width 1199px */ .sandi-nav .btn { width: 47%; margin-right: 2.3333%; margin-bottom: 15px; white-space: normal; } .sandi-nav .row .btn:nth-child(3), .sandi-nav .row .btn:last-child { margin-right: 2.3333%; } } /* end of max-width: 1199px */ /*Max width rule specifically for side nav only*/ @media screen and (min-width: 991px) { .mp-pusher.mp-pushed {transform: translate3d(0px, 0px, 0px)!important;} .mp-pusher::after, .mp-level::after {display:none;} } @media screen and (max-width: 991px) { #modal-sendemail {overflow-y: auto;} .container.nav-products-dropdown{width: 730px;} p.acc-list-back{text-align: left;} .checkout-steps .order-review-panel {margin-left: 0;padding-left:0px !important;} .checkout-title {padding-left: 0px !important;padding-right: 0px !important;} .checkout-review-title.newCheckout {padding-left:0px!important;} .shipping-edit-box .shipping-continue a.btn {margin-top:20px;} #modal-email-exist .modal-dialog {margin: 5%; width: 90% !important;} #modal-email-exist .modal-dialog .modal-border-right {border-right:none;} /* EC-6133 - checkout-spacing consistency updates - max-width: 991px */ .newCheckout .shipping-edit-list { margin-top: 0px !important; } .newCheckout .delivery-edit-box { margin-top: 15px !important; } .newCheckout .payment-edit-list { margin-top: 0px !important; } /*PDP Image styles*/ .flex-container .pdp-nav-next, .flex-container .pdp-nav-prev {display:block!important;} .flex-container .pdpcarousel {width: 110px;} .flex-container .s7flyoutviewer, .flex-container .s7flyoutzoomview, .flex-container .s7staticimage, .flex-container .s7flyoutviewer .s7flyoutzoomview, .flex-container .s7staticimage img {width:350px!important; height:263px!important;} /* LL-13821 - video player outside main area on IE 10 only */ .flex-container #productVideo { width: 350px!important; } #wrapper { min-height: 100%; height: auto; } #contentWrapper { min-height: 100%; height: auto; } .mp-pushed { position: fixed; width: 100%;} .mp-pushed #trigger { z-index: 99999; } /* LL-15276 - mobile-header-updates-hamburger-menu max-width: 767px */ .trigger { font-size: 38px; position: relative; top: -4px; } /*.trigger-show, .mp-pushed .trigger-hide { display: inline-block; } .trigger-hide, .mp-pushed .trigger-show { display: none; } */ .mp-menu { -webkit-overflow-scrolling: touch;} .mp-level { background: #fff; } /*Typeahead*/ .ll-typeahead {width: 100%!important;} .ll-typeahead .ll-autosuggest-container {top: 88%;} .tt-left {position: absolute; left: -1px; background-color: #fff; border-left: 1px solid #ccc; width: 20px; height: 20px; top: -20px;} .tt-right {position: absolute; right: -1px; background-color: #fff; border-right: 1px solid #ccc; width: 20px; height: 20px; top: -20px;} /*header*/ .header-search .glyphicon-triangle-top {position: absolute; left: 104px; top: -10px;} .header-left .icon-search {font-size: 30px; position:absolute; left: 50px; top: 18px;} /* LL-8874 - HEADER PROMO BANNER STYLES - max-width: 991px*/ #header-promo { display: none; } /*homepage featured categories*/ /*5 column layout*/ /* .col-custom-5 {width: 50%;} --- disabled for LL-15672 */ /*modals*/ .modal-sendemail {width:600px;} .modal-seatingchart {width:600px;} .modal-seatingchart img {width:100%;} /* cart */ ul.checkout-list { border: none; padding: 0px; } /* .btn-cart-checkout {margin-right:20px;} This margin cusses the wobbling issue on mobile. */ /*LL-14300- checkout button width from 45% to 100% max-width: 991px*/ .pl-991-30 {padding-left:0px!important; width: 100%!important; } /*.shopmid {text-align: center!important; }*/ /*.shopmidSubTotal {text-align: right!important; }*/ h3.panel-title .paypal-logo {left: -7px;} /*LL-6318 subtotal display for tablets max-width: 991px*/ .shopmid {width: 50%!important; text-align: right!important; } .shopmidSubTotal {text-align: right!important; display: inline-block; } /*#cartItems {padding-right: 15px !important;}*/ .emptyCart#cartItems {padding-right: 0 !important; } #cartAffixOnePage ul.checkout-list.onepage li { padding-left: 50px; margin: 0; } /* LL-6317 - shopping cart updates */ /*coupon input*/ .col-md-12.col-sm-7.col-xs-7.orderSummaryCheckout { width: 30%; padding-left: 0px!important; } /*checkoutButton Container*/ .col-lg-12.col-lg-offset-0.col-md-12.col-md-offset-0.col-sm-5.col-sm-offset-0.col-xs-4.col-xs-offset-1.orderSummaryCheckout { width: 70%; padding-left: 30px!important; } /*checkout "or" text*/ div.pl-991-30 + div.col-md-12.col-sm-12.text-center.pb10 { width: 10%; float: left; } /*checkout "gift wrap" text*/ .col-lg-12.col-md-12.col-sm-4.col-xs-5.orderSummaryCheckout.pt10 { width: 100%; } /*account-payment account-address table*/ div.account-address .table>thead>tr>th, div.account-address .table>tbody>tr>td, div.account-address .table>tbody>tr>th { text-align: left !important; padding-left: 0; padding-right: 0; } div.account-address .table>tbody>tr>td.account-control { text-align: right !important; } div.account-address .table>tbody>tr>td.account-control a.account-edit-show { margin-right: 10px !important; } div.account-address .table>thead>tr>th>a.noline, div.account-address .table>tbody>tr>td>a.noline, div.account-address .table>tbody>tr>th>a.noline { color: #020202 !important; margin-left: 0px !important; } /* LL-11553 - account shipping panels max-width: 991px*/ /*Accounts*/ p.text-required { padding: 10px 0px 0px 0px; margin-bottom: 0px; } /*EC-6150 - CSS updates for PO Box messaging on mobile checkout*/ ul.dropdown-menu.dropdown-poBox {width: 70%; max-width: 100%; font-size: 18px; position: absolute; left: 50%; top: 50%; bottom: initial; transform: translate(-50%, -50%); box-shadow: none; margin: 0px; padding: 20px;} ul.dropdown-menu.dropdown-poBox button.close {opacity: 1; background-color: #111; border-radius: 30px; padding: 5px 10px; position: absolute; right: -10px; top: -10px; color: #ffffff;} /* LL-6520 - Account Order History Title Header Fixes max-width: 991px */ .account-header .mainTitle { width: 66.66%; } /* LL-14511 - modal width-update to 450px - LL-9115 - add to cart modal width for Tablets adjusted */ /* LL-15760 - modal-addWishlistItem included for this style */ #modal-added-to-cart, #modal-addWishlistItem { width: 450px; margin: 0px auto; overflow: visible; } /* old added to cart modal */ /* items - cart add Thank You*/ .modal-dialog.modal-cartAddty { width: auto !important; } /* LL-14511- items - cart add Thank You absolute - to relative max-width: 991px */ ul.item-cartAddty .item-img-column { position: relative; } ul.item-cartAddty .item-price { text-align: left; margin-top:10px;} ul.item-cartAddty .item-qty-column { position: relative; text-align: left; margin-top:10px; } ul.item-cartAddty .item-subtotal-price { text-align: center; margin-top:10px; } ul.item-cartAddty .item-total { text-align: center; margin-top:10px; } /*sticky nav*/ /* LL-10861 - remove sticky nav function from Cart*/ #cartAffix {width:100%; position:static!important; top:0px!important;} #cartAffixEmpty {width:100%; position:static!important; top:0px!important;} #cartAffixOnePage {width:100%; position:static!important; top:0px!important;} /* #cartAffix.affix-top {width:100%; position:static!important; top:0px!important;} #cartAffix.affix {width:100%; position:static!important; top:0px!important;} #cartAffix.affix-bottom {width:100%; position:static!important; top:0px!important;} #cartAffixEmpty.affix-top {width:100%; position:static!important; top:0px!important;} #cartAffixEmpty.affix {width:100%; position:static!important; top:0px!important;} #cartAffixEmpty.affix-bottom {width:100%; position:static!important; top:0px!important;} #cartAffixOnePage.affix-top {width:100%; position:static!important; top:0px!important;} #cartAffixOnePage.affix {width:100%; position:static!important; top:0px!important;} #cartAffixOnePage.affix-bottom {width:100%; position:static!important; top:0px!important;} */ #page {padding-top:0px; clear:both;} #header .container, #header .header-right { position: static; padding-left: 15px; } .header-left { padding-top: 26px; } .header-left .icon-search {position:absolute; left: 80px;} .header-center { padding-top: 11px; } a.header-logo { font-size: 180px; top: -82px; } form.header-search input { height: 45px; font-size: 18px; margin-bottom: 5px;} form.header-search button { font-size: 30px; padding:0px; right: 50px; top: 6px; } .minicart .dropdown-caret { background-position: 96.5% 6px; } /* footer - max-width: 991px */ #footer { padding: 30px 0; } #footer>.container { width: auto; } .icon-footer-text {margin-left:20px;} #footer-links #legal p.text-right {text-align:center!important;} /*LL-12917 - footer update to 3-col - LL-4310 - footer reformat max-width: 991px */ .footer-links { width: 60%; margin-left: 0%; float: left; } .footer-col:first-child { width: 70%; } /*.footer-col:nth-child(2) { width: 30%; }*/ .footer-col:last-child { width: 30%; padding: 0px 15px; } .footer-col:first-child ul { width: 50%!important; } .footer-contact { width: 40%; padding-left: 15px; float: left; } .footer-contact>.row { padding-top: 0px; } .footer-header {font-size:25px;} #legal { text-align: center; } #legal .container { width: 100%; } /**/ a.carousel-nav { width: 80px; background: #fff; text-indent: -9999em; z-index: 200; opacity: .5; } a.carousel-prev { left: 0; } a.carousel-next { right: 0; } /* Quick View Carousel*/ .qvcarousel a.carousel-nav { width:25px; background-color: none; text-indent: 0em; opacity: 1;} #main.home>.container { padding: 0; width: auto; } .buckets div.row>div { height: auto; padding: 30px 20px; } .buckets-text { padding: 0 0 15px; height: auto; } .buckets br { display: none; } form.buckets-locate>div:first-child { text-align: center; padding: 30px 20px 5px; } form.buckets-locate>div:last-child { text-align: center; padding: 5px 20px 30px; } form.buckets-locate label { font-size: 24px; padding-left: 40px; } form.buckets-locate label i { font-size: 30px; position: absolute; left: 0; } form.buckets-locate .form-control { display: inline-block; } .feature .bgcover { position: static; right: 0; top: 0; width: 100%; height: 500px; } /* account */ .account-new-left { padding-right: 15px; padding-bottom: 15px; } .account-new-right { border-left: none; border-top: 1px solid #ccc; padding-left: 15px; padding-top: 15px; } .account-landing .account-address { padding-bottom: 14px; } /*homepage*/ .container2 {width:100%; padding:0px;} /* LL-18271 - removed min-height - LL-18164 - homepage connect banner css updates max-width: 991px */ .homepage-connect { background-size: 1080px 432px; -webkit-background-size: 1080px 432px; -moz-background-size: 1080px 432px; -o-background-size: 1080px 432px; background-position: 38% 25%; height: 425px; overflow: hidden; padding-bottom: 0px !important; } .homepage-connect-content { width: 45%; } .homepage-connect-content h1 { font-size: 29px!important; } .homepage-connect-content p { font-size: 19px!important; margin: 10px 20px; } .homepage-connect-content video { width: 90%!important; margin-top: 0px; } .homepage-connect-content .social-links a { margin: 0px 5px; } .homepage-connect-content .social-links a img { width: 40px; } /* LL-17926 - homepage complete-classroom-carousel-featured slots update max-width: 991px */ .homepage-classroom-content h1 { margin-bottom: 5px; } .homepage-classroom-content h2 { margin: 5px 0px 5px; } .homepage-classroom-content p { width: 95%; margin-bottom: 10px; } .homepage-classroom-content a.btn { font-size: 2vw!important; line-height: 2vw; } /* product detail page*/ .pdpThumb {margin-right: 0px;} /*LL-8825 - added font-size: 13px (max-width: 991px) */ /*LL-9634 - added white-space: nowrap (max-width: 991px) */ .pdp-mobile-price {display: block; font-size: 13px; white-space: nowrap; } .pdp-mobile-price .col-xs-6.text-right { padding-left: 0px; } .pdp-desktop-price {display: none;} .pdp-description {line-height: 26px;} .smallbody {line-height: 26px;} .pdp-mobile-price h4 {margin-top:0px;} .pdp-item-dropdown {margin-bottom:10px;} .review-entry {margin-bottom:30px;} .review-entry br {display: none;} .review-title br {display:block!important;} .review-title .pdp-reviewstars {top:-10px;} .review-user {font-size:15px; margin-right:5px;} a.write-review.btn-primary {width:155px;} .review-helpful {margin-top:5px!important;} /*product dropdowns*/.dropdown.pdp-item-dropdown.open {width:100%;} /* PDP Accessories Section*/ .accessory-item-number {padding-left: 0px; padding-top: 10px; margin-bottom: 10px; margin-top: -13px;} .accessories-wishlist {text-align:left; padding-left: 0px; padding-bottom: 5px; padding-top: 15px;} .product-accessories-box .pdp-warranty-image-mobile img {width:70px;} /* LL-9811- adjust bottom margin max-width: 991px */ .form-group.mobile-flush { margin-bottom: 0px!important; } /* LL-9963 - product accessories alert - expand the div - max-width: 991px */ .viewLargerMagnifier, .viewLargerText { display: none; } /* single page checkout */ /* LL-10491 - checkout header help and return links - max-width: 991px*/ ul.nav-tools.user-tools.checkout { position: absolute; top: 35px; right: 15px; margin-top: 0px!important; } /* mobile header styles */ .cart-return-text {margin-top: 20px;/* font-size: 25px; */} .icon-faqs, .icon-cart {margin-left: 0px;} /*PDP - Giftcard styles*/ div.giftcard-edit-box form.form div.form-group.col-sm-6 { width: 50%!important; } /* wishlist max-width 991px */ /* ul.item-wishlist>li { padding-right: 0; min-height: 195px; } */ /* ul.item-wishlist>li { min-height: 195px; } */ /* ul.item-wishlist>li:first-child { padding-top: 15px; } */ /* ul.item-wishlist .item-img-column { position: absolute; } */ /* ul.item-wishlist .item-price { margin-top: 0; text-align: left; } */ /* ul.item-wishlist .item-qty-column { position: relative; text-align: left; padding-top: 10px; } */ /* ul.item-wishlist button.item-atc { top: 20px; } */ /* ul.item-wishlist button.item-added { top: 20px; margin:0px } */ /* ul.item-wishlist .item-qty-edit { margin: 0; text-align:left; } */ /* ul.item-wishlist div.item-actions { padding: 15px 0px 0px 8px; position: relative; top: 0px; text-align: left; } */ ul.item-wishlist ul.item-actions li { padding: 0; margin: 0; border: none; float: none; } ul.item-wishlist ul.item-actions li a { white-space: normal; } /* LL-17309 */ ul.item-wishlist ul.item-actions li a, ul.item-wishlist a.item-update { display: block; padding: 5px 0; font-size: 14px; } /*LL-11449 - commented to align add-to-cart button in wishlist page as per comps. ul.item-wishlist .item-quickview-qty { margin-left: 15px; margin-top: 10px; }*/ /*sticky wishlist for mobile only. position:static; width:25% for lg and md, width:41.6% for sm. affix buttons and popup for xs */ .wishlist-trigger.wishListAffix.affix-top, .manage-trigger.wishListAffix.affix-top { position: fixed !important; bottom: 0px !important; } .wishlist-trigger.wishListAffix.affix, .manage-trigger.wishListAffix.affix { position: fixed !important; width: 50% !important; bottom: 0px !important; top: 93% !important;} .wishlist-trigger.wishListAffix.affix-bottom, .manage-trigger.wishListAffix.affix-bottom{ position: fixed !important; bottom: 580px !important; } .wishlist-list.wishListAffix.affix-top { position: static !important; bottom: 0px; } .wishlist-list.wishListAffix.affix { position: static !important; width: 41.6% !important; bottom: 0px ; top: 93%;} .wishlist-list.wishListAffix.affix-bottom { position: static !important; bottom:0px; } .wishlist-manage-list.wishListAffix.affix-top { position: fixed !important; bottom: 0px !important; } .wishlist-manage-list.wishListAffix.affix { position: fixed !important; width: 100% !important; bottom: 0px !important; top: 93% !important;} .wishlist-manage-list.wishListAffix.affix-bottom { position: fixed !important; bottom: 610px !important; } /* LL-11087 - Wishlist updates to new design max-width: 991px */ .wishlist-title-bar h2 { margin-bottom: 10px; } .wishlist-title-bar .wishlist-options { padding: 0 15px 20px 15px; text-align: left; } .wishlist-list h1 { display: inline-block; margin-right: 5px; margin-bottom: 10px; } .wishlist-options { text-align: right; line-height: 40px; } /* items - giftwrap max-width: 991px */ ul.item-wishlist.giftWrapList .item-img-column { position: static; } ul.item-wishlist.giftWrapList li { padding: 20px 0 20px 0; } ul.item-wishlist.giftWrapList li.show { padding-top: 0px; } /* LL-16666- gift-wrap-modal-personalization-spacing max-width: 991px*/ ul.item-wishlist.giftWrapList .pers-fields { margin-top: 0px; } /*LL-8165 - spacing of gift wrap and gift message checkbox */ ul.item-wishlist.giftWrapList li.show div#show-edit-gift { width: 100%; } ul.item-wishlist.giftWrapList#first li { padding-top: 15px; } ul.item-wishlist.giftWrapList ul.giftOptions#first li { padding-top: 0px; } /*ORDER DETAIL sticky nav*/ #od-summaryAffix.affix-top {width:100%; position:static!important; top:0px!important;} #od-summaryAffix.affix {width:100%; position:static!important; top:0px!important;} #od-summaryAffix.affix-bottom {width:100%; position:static!important; top:0px!important;} a.carousel-nav {display:none!important;} /*MYSTERY PROMO LANDING PAGE */ .registryForm { padding-left: 0px; padding-right:15px; margin-bottom:30px; } .registryForm.newMember { margin-left: 0%; padding-left: 15px; padding-right:0px; border-left: 1px solid #ccc; } /* 2018 Mystery Promo - EC-6835 - promo code and live text added to mystery promo min-width: 1200px */ .mys-login { bottom: -3px; } .mys-login a.btn {width:150px; font-size:16px; padding: 6px 12px!important; background-color: red; } .mys-login img.mys-promo-svgHeading { margin-bottom: 0; width: 100%; max-width: 250px;} .mys-login p {font-size: 10px;} /* Complete Classrooms max-width < 991px */ section.subcategory img, .description img, .assortment img { width: 100%; border: 1px solid #ccc; } section.subcategory a { font-size: 19px!important; white-space: nowrap; line-height: 1em; color: #020202; } p.cc-cta-text { display: none; } div.cc-view-links { width: 50%; margin-bottom: 20px; } /* LL-4832 - Complete Classrooms max-width: 991px */ div.videoContainerText { padding-left: 0px!important;} .box-quote { background-color: #F0F0F1; padding: 20px 0px; margin-bottom: 30px; margin-top: 20px;} .box-quote img { width: inherit; border: 0px; } .box-quote-text-left { padding: 0px !important; margin-bottom: 30px; } .box-quote-text-right { padding: 0px !important; } .mobileButtons a { text-align: center; padding: 10px; margin-bottom: 10px; } .mobileMainImage { margin: 10px -15px !important; } /* INFANT TODDLER Complete Classrooms (max-width: 991px)*/ /* SCENE 7 IMAGE CONTROL */ /*controls the AREA FOR THE SCENE 7 IMAGES */ .it-s7image { height: 375px !important; } /*controls the container size */ .it-s7image .s7container.it-product-image { width: 500px !important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the viewer size */ .it-s7image .s7flyoutviewer.it-product-image { width: 100%!important; height: 375px!important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the SCENE 7 sizes */ /*reset*/.it-product-image .s7flyoutviewer, .it-product-image .it-product-image.s7container, .it-product-image .s7innercontainer, .it-product-image .s7flyoutzoomview, .it-product-image .s7staticimage, .it-product-image .s7flyoutviewer .s7flyoutzoomview, .it-product-image .s7staticimage img { width: 500px !important; height: 375px!important; position: absolute!important; top:0px!important; left:50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); display:block!important; } /*controls the SCENE 7 zoom out window */ /* 0-12 MONTHS IMAGES */ /* sleep-area1 */ div#s7flyout_div-sleep-area1_container.s7container {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library1 */ div#s7flyout_div-library1_container.s7container {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play1 */ div#s7flyout_div-block-play1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* mealtime1 */ div#s7flyout_div-mealtime1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* discovery1 */ div#s7flyout_div-discovery1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-discovery1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-discovery1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies1 */ div#s7flyout_div-cubbies1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing1 */ div#s7flyout_div-changing1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* gross-motor1 */ div#s7flyout_div-gross-motor1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* nonmob1 */ div#s7flyout_div-nonmob1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* 12-24 MONTHS IMAGES */ /* naptime2 */ div#s7flyout_div-naptime2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library2 */ div#s7flyout_div-library2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play2 */ div#s7flyout_div-block-play2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* mealtime2 */ div#s7flyout_div-mealtime2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* dramaticPlay2 */ div#s7flyout_div-dramaticPlay2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies2 */ div#s7flyout_div-cubbies2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing2 */ div#s7flyout_div-changing2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* gross-motor2 */ div#s7flyout_div-gross-motor2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* manipulatives2 */ div#s7flyout_div-manipulatives2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* music2 */ div#s7flyout_div-music2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* 24-36 MONTHS IMAGES */ /* naptime3 */ div#s7flyout_div-naptime3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library3 */ div#s7flyout_div-library3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play3 */ div#s7flyout_div-block-play3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* learningCorner3 */ div#s7flyout_div-learningCorner3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* dramaticPlay3 */ div#s7flyout_div-dramaticPlay3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies3 */ div#s7flyout_div-cubbies3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing3 */ div#s7flyout_div-changing3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* arts-crafts3 */ div#s7flyout_div-arts-crafts3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* manipulatives2 */ div#s7flyout_div-manipulatives3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* music2 */ div#s7flyout_div-music3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* science3 */ div#s7flyout_div-science3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-science3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-science3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} #s7flyout_div_flyout { width: 500px !important; position: absolute; top: 0px; left: 0px; } .btn-more-info { width: 155px; float: right!important; background-color: #fff; font-size: 17px; padding: 4px 12px; color: #58acc0; border: 1px solid #ccc; } .btn-add-to-cart { width: 155px; } /* INFANT TODDLER INTERACTIVE PAGES */ div.clearfix.mobile { display: block !important; } div.interactive-wrapper.desktop { display: block!important; } div.interactive-wrapper.mobile { display: none!important; } div.interactive div.interactive-container { display: table; background-color: #F5F5F5; position: relative; width: 100%; height: 100%; padding-top: 0px!important; } div.interactive div.it-product-details { padding-right: 0px!important; padding-left: 0px!important; } div.interactive div.it-product-info { padding-right: 0px!important; padding-left: 0px!important; } div.interactive div.it-product-more-info { padding-right: 15px!important; padding-left: 15px!important; } div.interactive div.interactive-container div.interactive-wrapper{ position: relative; width: 500px; height: auto; margin: auto; } div.interactive div.interactive-container div.interactive-wrapper img.interactive-main { width: 500px; height: 363px; } /*AYR - LANDING PAGE */ div.ayr-assessment-form div.ayr-signin-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #ccc; background-color: #fff; padding: 15% 10%; z-index: 100;} /*AYR - ASSESSMENTS PAGE */ div.ayr-title { float: left!important; } div.ayr-navbar { float: right; width: 100%; } div.ayr-navbar div.ayr-nav-table { width: 100%; display: table; margin: 0px auto; float: none; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav { width: 100%; float: left; margin: 0px auto; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li { width: 20%; float: left; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a { width: 100%; text-align: center; padding: 15px; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a img { display: inline; margin: 0px auto;} div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a p { display: inline; text-align: center; margin: 0px auto; line-height: 15px;} div.ayr-products-wrapper { padding-left: 0px!important; } div.ayr-products-wrapper div.ayr-products a { display: inline; } /* SPECIAL NEEDS PAGES */ h1.special-needs { text-align: left!important; } img.special-needs-icon { width: 100% !important; max-width: 157px; padding-right: 10px!important;} .bg-grey-sn-product { background-color: #f4f4f4; padding: 30px 0px 0px 30px; text-align: left; } .bg-white-sn-product { background-color: #ffffff; padding: 30px 30px 0px 0px; text-align: left; } a.sn-brochure-link { float: left; text-align: left; padding-bottom: 20px; } div.row.sn-home-top { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0px solid #ccc; border-left: 1px solid #ccc; padding: 30px; } div.row.sn-home-middle { border-top: 0px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0px solid #ccc; border-left: 1px solid #ccc;} div.row.sn-home-bottom { border-top: 0px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;} ul.sn-nav.nav-tabs > li { width:20%; color: #fff; } ul.sn-nav.nav-tabs > li.active > a { color: #fff; } /* LL-4877 - updated anchor height to accommodate long title: */ ul.sn-nav.nav-tabs > li > a { height: 67px; border-radius: 0px 0px 0 0; font-weight: 700; color: #fff; background-color: #e95d46; text-align: center; } .sn-nav.nav.nav-tabs { height: 67px; } /* MENU 1 TAB */ ul.sn-nav.nav-tabs > li > a.first:link, ul.sn-nav.nav-tabs > li.active > a.first:focus, ul.sn-nav.nav-tabs > li.active > a.first:hover { color: #fff; background-color: #e95d46; } /* MENU 2 TAB */ ul.sn-nav.nav-tabs > li > a.second:link, ul.sn-nav.nav-tabs > li.active > a.second:focus, ul.sn-nav.nav-tabs > li.active > a.second:hover { color: #fff; background-color: #ef7e39; } /* MENU 3 TAB */ ul.sn-nav.nav-tabs > li > a.third:link, ul.sn-nav.nav-tabs > li.active > a.third:focus, ul.sn-nav.nav-tabs > li.active > a.third:hover { color: #fff; background-color: #d69d20; } /* MENU 4 TAB */ ul.sn-nav.nav-tabs > li > a.fourth:link, ul.sn-nav.nav-tabs > li.active > a.fourth:focus, ul.sn-nav.nav-tabs > li.active > a.fourth:hover { color: #fff; background-color: #9da64e; } /* MENU 5 TAB */ ul.sn-nav.nav-tabs > li > a.fifth:link, ul.sn-nav.nav-tabs > li.active > a.fifth:focus, ul.sn-nav.nav-tabs > li.active > a.fifth:hover { color: #fff; background-color: #4697c5; } div.sn-product-image.left { float: left!important; text-align: center; min-height: 250px; position: relative; bottom: 0; left: 0; border: 0px; } div.sn-product-image.right { float: right!important; text-align: center; min-height: 250px; position: relative; bottom: 0; right: 0; border: 0px;} div.sn-product-image img { float: none; position: relative; bottom: 0; right: 0; } div.sn-product-text { min-height: 100px; padding: 0px 0px 30px 0px; } div.sn-product-text.left { min-height: 100px; padding: 0px 30px 30px 0px; } div.sn-product-text.right { min-height: 100px; padding: 0px 0px 30px 30px; } div.sn-product-text h2 { padding: 0px; } img.sn-product { width: 90%; max-width: 435px; border: 0px solid #ccc!important; padding-top: 0px; } img.sn-product.left, img.sn-product.left.bottom { float:left; position: relative; margin: 0px 0px 0px 30px; } img.sn-product.right, img.sn-product.right.bottom { float:right; position: relative; margin: 0px 30px 0px 0px; } /* LL-5095 - ABOUT US PAGE STYLE max-width: 991px - LL-14864 - left-align image and text to right */ .about-main > .main-text { width: 46%; position: absolute; top: 20px; right: 40px; text-align: left; color: #ffffff;} .about-subcat-small { text-align: left; } .about-tertiary:first-of-type .about-tertiary-text { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .about-tertiary:nth-of-type(2) .about-tertiary-text { position: absolute; top: 50%; left: 50%; right: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /* LL-5045 - life at lakeshore css updates max-width: 991px */ .our-story .about-main .mainText { width: 46%; position: absolute; top: 50%; right: 0px; left: unset; transform: translateY(-58%); -webkit-transform: translateY(-58%); -moz-transform: translateY(-58%); -ms-transform: translateY(-58%); -o-transform: translateY(-58%); text-align: left; color: #ffffff; } .about-life-main .mainText { width: 45%; position: absolute; top: 50%; right: 0px; left: unset; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); text-align: left; color: #ffffff; } /* LL-5045 - careers css updates max-width: 991px */ .subcategory-values-text.left { position: relative; top: 0px; left: initial; right: 50%; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); padding-right: 15px; } .subcategory-values-text.right { position: relative; top: 0px; left: 0%; right: initial; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); padding-left: 15px; } .subcategory-perks .about-main .mainText, .subcategory-inside .about-main .mainText { width: 45%; position: absolute; top: 50%; right: 0px; left: unset; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); text-align: left; color: #ffffff; } .subcategory-perks-icons { min-height: 360px; text-align: center; } .subcategory-questions .about-main .mainText { width: 42%; position: absolute; top: 50%; right: unset; left: 0px; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); text-align: left; color: #ffffff; } .career-qa .career-icon { width: 15%!important; } .career-qa .career-text { width: 85%!important; } .career-social { padding-right: 50px; } /*NEWSROOM max-width: 991px */ .news-date { width: 100%; font-size: 21px; font-weight: 700; line-height: 29px; display: inline-block; vertical-align: top; } .news-article { width: 100%; display: inline-block; } .news-article a { font-size: 21px; font-weight: 700; line-height: 29px; color: #0072bc; } .news-article a.readMore { font-size: 15px; font-weight: 700; line-height: 21px; color: #0072bc; padding: 0px; } /*classroom furniture landing for max-width: 991px */ p.cf-subhead { text-align: right!important; padding-top: 10px!important; } div.cf-collection { padding: 0px 15px!important; text-align: center!important; } div.cf-collection img { width: 100%!important; } div.cf-collection p { text-align: center; margin: 5px 0px 15px 0px!important; font-size: 15px; font-weight: 600!important; } /*software-organizer download page max-width: 991px*/ .software-cta { border: 1px solid #ccc; background-color: #f5f5f5; padding: 20px!important; margin-top: 10px; } .software-image { width: 58%; margin: 20px auto; padding-top: 0px; } .software-image img{ width: 100%; padding-left: 30px; display: block; margin: 0px auto; padding-top: 0px; } /*Teachers Club page desktop max-width > 991px */ .tc-offer-main { max-height: unset; text-align: left; background:url('../images/teachers-club-main.jpg') no-repeat 90% 0%; background-size: 185%; } .tc-offer-main .main-logo-container { width: 65%; height: 370px; text-align: left; margin: 20px 0px; } .tc-offer-main .main-logo-container img.main-logo{ width: 80%; padding: 0px; margin-left: 30px; } .tc-offer-main ol { width: 80%; text-align: left; padding: 0px; margin: 30px auto 20px; } .tc-offer-main ol li { margin-top: 15px; } .tc-offer-main .main-logo-container a.btn-primary { margin: 0px 0px 20px 45px; } .tc-offer-main .tc-offer-cta { width: 100%; padding: 15px; background-color:#eeeeee; } .tc-offer-list { margin-top: 0px; } .tc-offer-list div.offer-list { width: 33.333%; margin: 0px; float: left; padding: 0px; } /* LL-5112 - Connective Furniture max-width: 991px */ div.diagram { background: #ffffff; height: 100%; } .connective-main img { width: 100%; position: relative; left: unset; } .connective-main-text { padding-left: 0px!important; } div.diagram-subhead.yes { width: 100%; font-size: 21px; font-weight: 700; text-transform: uppercase; text-align: left; background-color: #00b422; color: #fff; padding: 5px 15px!important; } div.diagram-subhead.no { width: 100%; font-size: 21px; font-weight: 700; text-transform: uppercase; text-align: left; background-color: #ed1c24; color: #fff; padding: 5px 15px!important; margin-top: 30px; } div.diagram-subhead.tip { width: 100%; font-size: 21px; font-weight: 700; text-transform: uppercase; text-align: left; background-color: #176397; color: #fff; padding: 5px 15px!important; margin-top: 30px; } div.connect-furniture p { text-align: left; padding: 15px 0px 0px 0px; margin-bottom: 10px; } div.connect-furniture img { width:100%; padding: 0px; } div.connect-furniture ul:first-child { width: 50%; text-align: left; padding: 20px 0px 0px 20px; } div.connect-furniture ul:last-child { width: 50%; text-align: left; padding: 20px 0px 0px 45px; } /* EC-1725 - Order confirmation registration area - max-width 991px */ .oc-tagline {display:block!important; margin-top:5px;} .oc-account .btn-primary {position: initial; margin: 10px 0 20px;} /* mobile-apps page styles max-width: 991px */ div.mobile-app { width: 50%; float: left; min-height: 600px; margin-bottom: 20px; font-size: 15px; text-align: center; } div.free-app { width: 45%; float: left; min-height: 680px; margin-bottom: 20px; font-size: 15px; text-align: center; margin: 20px 2.5%; } div.free-app:last-child { min-height: 200px; } div.mobile-app img.main, div.free-app img.main { width: 90%; } div.mobile-app ul, div.free-app ul { width: 90%; text-align: left; margin-top: 10px; } /* LL-5383 - FREE RESOURCES - LESSON PLANS - STYLES*/ .view-returnButtons { text-align: left; margin-bottom: 20px; } /* LL-8037 - SANDI PAGES */ .externalLink.gryText { padding-left: 0px; } /* EC-8575 - sandi pages-redesign nav - desktop max-width 991px */ .sandi-hero { padding: 0px; } .sandi-nav .btn { width: 48%; margin-right: 2.3333%; margin-bottom: 15px; white-space: normal; } .sandi-nav .row .btn:nth-child(3), .sandi-nav .row .btn:last-child { margin-right: 2.3333%; } .sandi-nav .row .btn:nth-child(2), .sandi-nav .row .btn:nth-child(4), .sandi-nav .row .btn:last-child { margin-right: 0%; } #left-main { padding-right: 0px; margin-bottom: 30px; } /* LL-2539 - Share Feedback page forms and tables */ .table.feedback > tbody > tr > td { display: block; padding: 0px; border: 0px; vertical-align: bottom; } .table.feedback > tbody > tr > td:last-child { margin-bottom: 20px; } .table.feedback > tbody > tr > td .radio-inline { padding-left: 0px; } /* LL-2538 - Gift-card-balance-page max-width: 991px */ .gift-card-info { width: 60%; } .gift-card-form { width: 40%; } .gift-card-form form .gc-check-button { padding: 0px 15px 0px 15px; margin-top: 23px; } .gift-card-form form .gc-check-button .btn-primary{ width: 100%; } /* LL-4510 - help center- credit application max-width: > 991px*/ .help-main-content { width: 68%; } /* LL-12319 - GSA Cart Banner styles max-width:991px */ /* banner over */ .gsa-promo-terms-over { height: 63px;} .panel-facet-list .list-group.facets.collapse { display: block !important; height: auto !important; } .panel-facet-list .view-more { display: none !important; } /* LL-16288 Missing "Add all items to cart" button on shopping list page added for phone and tablet */ ul.item-wishlist li:last-child { border-bottom: 1px solid #ccc; } .sm-mt20 { margin-top: 20px !important; } /* LL-16666- gift-wrap-modal-border-bug max-width: 991px */ ul.giftOptions li:last-child { border-bottom: 0px solid #ccc; } /* #cartItems .line-item:last-child { border-bottom: 1px solid #ccc; } */ /* LL-17320 - cart-e-mail-cart modal style updates - max-width: 991px */ #modal-share .cart-icon { width: 14%; } #modal-share .required { width: 80%; padding: 0px 15px; } .sm-xs-border-top { border-top: 1px solid #ccc; } .tc-offer-main ol li { line-height: 1.3em; } .remove-all { padding: 15px 0 0; } /* EC-1433 - QUICK ORDER SEPARATE PAGE RESTYLE */ .table-quickorder > tbody > tr > td:first-child span { padding-right: 15px; } /* EC-1369 - ORDER-CONFIRMATION NEW STYLE UPDATES max-width 991px */ .order-confirm-info { padding-right: 0px!important; } ul.checkout-list.order-confirm-summary { background-color: #ffffff; } ul.checkout-list.order-confirm-summary li { padding: 5px 0px; } ul.checkout-list.order-confirm-summary li.order-summary-title { border-bottom: 0px red solid; background-color: #ffffff; padding-bottom: 0px; } .order-confirm-total { border-top: 0px solid #ccc; font-size: 17px; padding: 10px 0px!important; } .order-confirm-contact { margin: 10px 0px; padding: 25px 0px 20px !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .order-confirm-contact h4.chatheading { margin: 0px 10px; display: inline; } /* EC-5721 - ROPIS-cart-order-summary max-width: 991px */ ul.order-cart-summary.checkout-list { border: 1px solid #ccc; margin: 20px 0px!important; } /* EC-1536 - order-confirm-display-issues-fix min-width > 991px*/ .order-confirm-greeting-icon { display: inline-block; width: 20%; margin-right: 20px; } .order-confirm-greeting { display: inline-block; width: 70%; vertical-align: middle; } .oc-account .input-direction { white-space: normal; } /* EC-1433 - QUICK ORDER SEPARATE PAGE RESTYLE max-width: 991px */ .table-quickorder > tbody > tr > td:nth-child(3) { padding-right: 20px; padding-left: 0px; } .table-quickorder .pdp-item-dropdown { margin-bottom: 0px; } /* .table-quickorder .qo-colorOption { width: 170px; padding-right: 10px; } */ .table-quickorder .qo-qty-drop { padding-right: 10px; } /* EC-6025 - added max width for small viewports max-width: 991px */ .table-quickorder .qo-qty-drop .item-quickview-qty { max-width: 54px; } /* EC-1746 - QUICK ORDER SEPARATE PAGE RESTYLE max-width: 991px */ div#modal-request-quote .modal-dialog { width: 80%!important; } /* EC-1721 Added to cart modal new design */ #modal-added-to-cart, #modal-addWishlistItem { width: auto; } /* EC-5767 - store landing - locator - details redesign max-width: 991px */ .store-locator-main { background-position: center top; height:240px; } /* EC-7407 - store location updates - wrapper add-for-input-position max-width: 991px */ .store-locator-main .store-locator-main-input-wrapper { width: 750px; } .store-locator-main .store-locator-main-input { width: 425px; } /* EC-7423 - EC-7311- store-locator-button-and-search-field-styles update */ .store-locator-main .store-locator-main-input { left: 0px; } .store-locator-content { padding: 30px 15px; margin: 0px!important; } .store-locator-content #nearest-stores { background-color: #f8f8f8; height: unset; } .store-landing-bottom { margin-bottom: 30px; } .store-landing-outlets { padding: 0px; } .store-landing-outlets-info { margin-bottom: 30px; padding-bottom: 15px; } /* EC-941 - holiday-gift-guide-styles min-width: 991px */ .gift-guide-age img { width: 99px; } } /* END max-width: 991px */ @media (min-width: 768px){ /* to keep the links at the bottom*/ /* LL-10218 - added width property to class */ /* LL-14023 - updated margin-bottom from 10px to 0px - LL-11265 - added 100% width property to class */ .align-wishlisttext { width: 100%; position:relative ; bottom:0px; right:0px; margin-bottom: 0px !important; } .rating-slider { margin-left: 25%;} form.form-inline div.stock-email { max-width: 100%} .text-sm {text-align: right;} .adobe-swipe { margin-right: -24px; margin-left: -24px; } .addedtocart .adobe-swipe { margin-right: -35px; margin-left: -35px; } .other-swipe { margin-right: -24px; margin-left: -24px; } .swipe-device .item .item-title { font-size: 14px !important; } } @media screen and (max-width: 767px) { body, input, select, .form-control { font-size: 17px; } body, p { line-height: 27px; } input, select, .form-control { padding-top: 0px; padding-bottom: 0px; line-height: 1.2; } .fa-caret-down { line-height: 30px; } h1 { font-size: 24px !important; } h4 { font-weight: 600; } .price-small {font-size: 14px; line-height: 23px; } .item.item-cart { padding-left: 0; } .item, ul.item, .item .item-details, .item .item-price, .item .item-title, .item .item-qty, .item .item-quickview-qty { font-size: 17px !important; line-height: 23px !important; } .swipe-device .item .item-title { font-size: 16px !important; } .item .item-sku { font-size: 0.93em !important; } .blueLink { font-size: 16px !important; } .account .item-wishlist .editable-qty { display: inline; } .item .item-price del { line-height: 23px; } .rmv-wrap { text-align: left; display: block; line-height: 34px; margin-bottom: 10px; } .btn-cart-checkout { height: 50px; font-size: 24px; font-weight: 500; } .btn-paypal { padding: 12px !important; } .btn-paypal img, .lh46 img { height: 24px; } .lh46 { line-height: 54px !important; } .lh46 .fs13, .lh46.fs13 { font-size: 17px !important; } .fs13 .fa-lg { vertical-align: -5%; } .fs13 { font-size: 15px !important; } .fs15 { font-size: 17px !important; } .pdp-socialicon {width:30px; height:30px; margin:0 10px 0 0; text-decoration: none!important;} .pdp-pagination { text-align: center; } .catReq-customCat { padding-left: 10px; } .catReq-customCat img { min-width: 100px; } .table.feedback > tbody > tr > td > form.form-inline p { margin-left: 0; font-size: 20px !important; } div.videoContainerText.career-page { font-size: 17px !important; line-height: 27px; } div.videoContainerText.career-page a:link { font-size: 17px !important; } small a.blueLink { font-size: 0.9em !important; } section.description, div.cc-subcat-text p { font-size: 17px; } .register-bullets { font-size: 1.18em; padding-left: 38px !important; } .password-verbiage { font-size: 0.77em; } .password-verbiage p { line-height: 1.7em; } #header .container, #nav .container { width: auto; } #header {width:100%; height:124px; box-shadow: 0 4px 4px rgba(55,55,55,.3);} #nav, #nav>.container>.row { height: 0; border: none; z-index: 1045; } #nav ul.nav-tools>li { display: none; position: absolute; } #nav ul.nav-tools>li.nav-cart { display: block; top: -100px; right: 4px; } .nav-right { height: 0; padding: 0; } ul.nav-tools .nav-cart .nav-cart-label { display: none; } /* LL-15170 -mobile header my account updates icon position - max-width: 767px */ li.nav-locator {display: block!important; top:-107px; right: 65px;} li.nav-locator img.icon-signInUser { width: auto; height: 30px; } .nav-tools li, .nav-cart li {border-right: 0px!important;} ul.nav-tools .nav-cart .glyphicon-map-marker {top: -8px;} .ll-icon.icon-cart.blue {color: #fff !important;} ul.nav-tools .nav-cart>a i { font-size: 32px; } ul.nav-tools .nav-cart .glyphicon-map-marker {right: 80px;} ul.nav-tools .nav-cart>a .badge { font-size: 11px; padding: 4px 5px; right: -4px; top: -12px; min-width: 19px; min-height: 15px;} .tt-suggestion.tt-selectable {padding: 10px 5px;} form.header-search { width: 95%; position: absolute; left: 0; right: 0; bottom: 6px; /* background: #3A91C6; */ margin-left: auto; margin-right: auto;} #left-main {padding-right: 0px;} .text-xs {text-align: left;} .mb0-xs {margin-bottom:0 !important;} .xs-plr0{padding:0 !important;} .item-img-wrapper { max-width: 150px; } #nav.fixed-nav .nav-locator {position: fixed; top: 10px; right: 50px;} #nav.fixed-nav .nav-cart {position: fixed; top: 35px !important; right: 19px !important; } /*PDP Image updates*/ .flex-container .pdpcarousel {width:100%; height:auto;} .flex-container .pdp-warranty-image-mobile {display: block;} /*Header*/ .header-left .icon-search {position:absolute; left: 70px;} ul.nav-tools .nav-cart .glyphicon-map-marker {right: 70px;} .header-search .glyphicon-triangle-top {position: absolute; left: 94px; top: -10px;} /* LL-15204 - checkout-header updates - max-width: 767px*/ .checkout-header #header { height: 65px; } .checkout-header #nav ul.nav-tools > li.nav-locator { top: -65px; } .checkout-header #nav ul.nav-tools > li.nav-cart { display: block; top: -40px; right: 4px; } /* LL-10491 - help and return links - max-width: 767px*/ ul.nav-tools.user-tools.checkout { position: absolute; top: 30px; right: 15px; margin-top: 0px!important; } ul.nav-tools.user-tools.checkout>li span.checkout-nav-divide { display: none } ul.nav-tools.user-tools.checkout>li a span.checkout-nav-help-text::before { font-size: 22px; margin-right: 15px; } ul.nav-tools.user-tools.checkout>li a span.checkout-nav-text { display: none; } ul.nav-tools.user-tools.checkout>li a span.checkout-nav-icon { font-size: 22px; } /* EC-5494 - checkout redesign max-width: 767px */ .checkout-payment-methods div, .account-payment-methods div { display: block; margin-right: 10px; float: none; } .panel-heading.checkout-title { padding: 0px!important; } .shipping-continue a.btn, .delivery-continue a.btn, .checkoutSUSubmit a.btn { width: 100%; } /* EC-6174 - checkout-redesign-register-button fix - EC-6167 - checkout-redesign delivery button fix max-width: 767px */ .checkoutSUSubmit button.btn, .delivery-continue button.btn { width: 100%; margin: 10px 0px; } .checkout-payment-methods div { display: block; margin-right: 0px; } /*.checkout-main-title { border-bottom: 0px solid red; padding-bottom: 0px; margin: 0px; }*/ .checkoutGuest { padding: 0px 15px; } .checkoutGuest a.btn { width:100%; font-size: 4.5vw; } .checkoutSignIn { border-right: 0px solid #ccc; padding: 15px; } /* EC-6344 - checkout redesign - remove red line */ .checkout-main-title {border:none; margin:0px 0px 15px; padding-bottom:0px;} /*2018 Mystery Promo*/ /* EC-6024 Mystery Promo Img Barcode aligning center */ .promoDetailContainer img {position:relative; display: block; margin: 0 auto;} /* EC-6835 - promo code and live text added to mystery promo - max-width: 767px */ .mys-login { width: 95%; text-align: center;} .mys-login a.btn {width:85%; font-size: 21px; padding: 10px !important;} .mys-login h4 {line-height: 2; font-size: 20px;} .mys-login p {line-height: 1.3; font-size: 13px; margin-bottom: 40px;} .mys-login .centerRow {width: 100%; margin: 0 auto 55px 0 !important;} .mys-promo-svgHeading {position: absolute; z-index: 1; width: 550px !important; top: 20px; right: 13%;} /* LL-8874 - HEADER PROMO BANNER STYLES - max-width: 767px*/ #header-promo { display: none; } /*modals*/ .modal-sendemail {width:auto;} .modal-seatingchart {width:auto;} .modal-seatingchart img {width:100%;} img.seatingchart { width: 100%!important; max-width: 400px!important; margin: 0px auto!important;} /* Modal margins*/ .modal-dialog {margin:20px;} /*footer*/ #footer { padding: 0 0 10px; font-size: 16px; } .footer-contact>.row { padding-top: 0px; } .footer-header { border-top: 1px solid #CCCCCC; position: relative; padding: 15px 20px; color: #020202; } #footer .row>.div:first-of-type .footer-header { border: none; } #footer .footer-col {width: 100%; padding-left:0px; margin-bottom: 0px; border: none;} /* LL-15290 - footer social-links updates padding 15px max- width: > 767px */ .footer-header {margin-bottom: 0px; padding: 15px; } /*LL-18865 - Remove additional gray stripe*/ .footer-links .footer-col:first-child .footer-header {border-top: none;} /* LL-14228 - footer arrows-space-adjustment from right: 15px to right: 30px new icons plus-minus max-width: 767px */ .footer-header i { position: absolute; top: 17px; right: 15px; font-size: 18px; color: #838587; } .footer-header i.fa.footer-plus:after {content: "\002b"; font-size:28px; color:#222222;} .footer-header i.fa.footer-minus:after {content: "\2212"; font-size:28px; color:#222222;} .footer-header .fa.footer-minus, .footer-header.active .fa.footer-plus { display: none; } .footer-header .fa.footer-plus, .footer-header.active .fa.footer-minus { display: block; } #footer ul { padding-left: 20px; padding-right: 20px; } /* LL-15290 - footer social-links updates padding-left 15px max- width: > 767px */ .footer-email {width:100%; padding: 0px 15px 5px; } #footer p, #footer p.footer-mobile { padding: 0px 15px; } #footer ul li { padding-bottom: 10px; padding-left:10px;} form.footer-email input, form.footer-email button { height: 60px; font-size: 17px; min-width: 60px; } form.footer-email input {width:70%!important; margin-bottom:0px!important; margin-right: 15px; } /* LL-15174 - footer social icons-space-adjustment max-width: 767px */ #footer .footer-contact .icon-footer-mail { top: 18px; } .icon-footer-text {margin-left:0px;} #footer .icon-mobile { font-size: 24px; position: absolute; left: 2px; top: -2px; } #footer ul.footer-social { text-align: center; } #footer ul.footer-social li { font-size: 24px; } /*LL-12917 - footer updates - LL-4310 - footer reformat max-width: 767px */ .footer-links { width: 100%; margin-left: 0%; padding:0px;} .footer-col:first-child { width: 100%; padding: 0px; } /* LL-14228 - footer arrows-space-adjustment from right: 15px to right: 30px max-width: 767px */ .footer-col:first-child ul { width: 100% !important; } .footer-col:last-child { width: 100%; padding: 0px; } .footer-col{ border-right: none; } /* .footer-col:first-child ul { width: 100%!important; } */ .footer-contact { width: 100%; padding: 0px; } /* LL-14228 - footer social icons-space-adjustment max-width: 767px */ .footer-social a img {width: 34px;} /* #footer-links p {padding: 0 15px;} */ .footer-contact .footer-social { margin: 0px 15px 15px; text-align: center; } #footer .footer-social a { float: none; } .btn-join { padding: 16px 24px; font-size: 18px; margin-left:0px!important;} .footer-contact>.row div:last-child { clear: both; } #legal .container .footer-social { text-align: center; padding-top: 10px; padding-bottom: 20px; } #legal .container .footer-cert { text-align: center; } /* tabs - LL-7429 - Dropdown functionality is hidden ul.nav-tabs, ul.nav-tabs-lg { border: 2px solid #CCCCCC; padding: 0; display: block; margin: 0 20px 20px; } ul.nav-tabs li { display: block; max-height: 0; padding: 0; margin: 0; overflow: hidden; border: none; position: relative; transition: all 1s linear; background: #fff; } ul.nav-tabs li .caret, ul.nav-tabs.active li.active .caret { position: absolute; border-width: 6px; left: -9999px; top: 17px; color: #CCCCCC; } ul.nav-tabs li.active { max-height: 999px; display: block; z-index: 10; } ul.nav-tabs li.active .caret { left: auto; right: 10px; } ul.nav-tabs li a, ul.nav-tabs-lg li a, ul.nav-tabs-lg li.active a { font-size: 18px; padding: 10px; border: none !important; display: block; } ul.nav-tabs.active li { max-height: 999px;} ul.nav-tabs.active li a:hover { background: #f9f9f9; } */ ul.nav-tabs .caret {display:none!important;} /*Hides Caret, as per LL-7429*/ /*homepage*/ .container2 {width:100%; padding:0px;} .homeFeature {font-size: 22px!important; margin: 0 20px 20px 0; text-align: left;} /* LL-18118 - full width banner h2 format - feature headings max-width: 767px */ .feat-heading h2 { font-size: 22px!important; margin: 0 15px 20px; text-align: left; } /* LL-18327 - homepage headline paragraph space adjustment margin-bottom to 20px - feature headings max-width: 767px */ .feat-heading.resources h2 { margin-bottom: 20px; } .feat-heading.resources p { text-align: left; margin-left: 15px; margin-right: 15px; } /*LL-18118 - LL- 15672 - homepage featured categories - 5 column layout on mobile max width: 767px */ .col-custom-5.feat-cat-heading { width: 50%; padding: 0px !important; margin: 0px; } .col-custom-5.feat-cat-heading.left { padding-top: 0px; } .col-custom-5.feat-cat-heading.right { padding-right: 15px; } /* LL-18826- featured Categories Block Links background color and hover color - max-width: 767px */ .col-custom-5.feat-cat-heading div h2 { text-align: center; font-size: 22px!important; line-height: 22px; padding: 10px; width: 100%; } .col-custom-5.feat-cat-heading.mobile-left { padding: 0px 8px 15px 15px !important; } .col-custom-5.feat-cat-heading.mobile-right { padding: 0px 15px 15px 7px !important; } /* LL-18163 - homepage featured resources slots update max-width: 767px*/ .featured-resource-mobile-container { margin-bottom: 20px; } .featured-resource-mobile > a > img { width:30%; } .featured-resource-mobile h2 { font-size: 4vw!important; line-height: 4vw; left: 35%; } /* LL-17978- featured Categories Block Links background color and hover color - max-width: 767px */ a.featured-resource-mobile img { width: 40%; } a.featured-resource-mobile span { font-size: 4vw; line-height:4vw; } /* LL-18164 - homepage connect banner css updates max-width: 767px */ .homepage-connect { background: none; width: 100%; height: 100%; } .homepage-connect-content { width: 100%; background-color: #eee; position: relative; top: 0%; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); padding: 30px 20px; } .homepage-connect-content video { width: 90%!important; margin: 0px auto 20px; } /* account */ .account-header { position: relative; } .account-menu { position: absolute; right: 0; top: -68px; } .account-landing>.row { padding-bottom: 0; } .account-landing>.row>div { padding-bottom: 14px; } .account-landing .panel { min-height: 0; } .account-scroll { max-height: none; } .well.profile-block { margin-top: 0; } /* cart */ .item-cart .item-details { padding-top: 20px; padding-bottom: 20px; } /* LL-9612 - space betwween sale and unit price - removed width, added padding-right (max-width: 767px) */ .item-cart label, .item-cart .item-price, .item-cart .item-qty { display: inline-block; /*width: 25%; */ padding-right: 5px; } .item-cart label { text-align: right; padding-right: 10px; } .item-cart .input-group.item-qty { display: table; width: auto; } .item-cart .item-qty+label { text-align: center; } .item-cart .item-price, .item-cart .item-qty { text-align: left; padding-left: 10px; } .ropis .radio-indicator { top: 12px; } .disabledRopis { text-align: left !important; } .item-cart .text-right, .item-cart .text-center {text-align:left;} .item-cart .item-price {padding-left:0px; margin: 10px 0;} .item-cart .item-quickview-qty {width:100px; padding-left:15px; text-align: left;} /*LL-9479 - GSA item price green without sale price - move GSA closer max-width: 767px */ .item-cart .item-price.green { width: unset !important; } /* LL-8359 - minicart - no display for mobile devices. max-width: 767px */ .dropdown-menu.minicart { display: none!important; } /* LL-7327 - EGC - Email address is cut off max-width: 767px */ div.gift-fields-entry { width:initial; max-width: initial; min-width: initial;} /* LL-14023 - cart-egc- amount field update for max width: 767px */ .giftcard-amount { display: inline; width: 15%; } /*Single Page Checkout*/ .payment-edit-list .dataIndent img {position: relative; margin-left: -9px; margin-right: 0px !important;} .payment-edit-list .dataIndent {margin-left: 38px;} .account-edit-show {line-height: 40px;} .add-new-shipping.pt20 {padding-top: 0px!important;} .account-edit-addnew {padding-left: 0px !important;} .account-list .acc-edit-show-xs {line-height: 23px;} /* LL-11553 - removed -11px top and bottom margin */ .checkout-edit-box-first {border: none; margin: 0px !important;} /*checkout button max-width: 767px*/ /* LL-6317 - shopping cart updates */ /*coupon input*/ .col-md-12.col-sm-7.col-xs-7.orderSummaryCheckout { width: 30%; padding-left: 0px!important; } /*checkoutButton Container*/ .col-lg-12.col-lg-offset-0.col-md-12.col-md-offset-0.col-sm-5.col-sm-offset-0.col-xs-4.col-xs-offset-1.orderSummaryCheckout { width: 70%; padding-left: 30px!important; margin: 0px; } /*checkout "or" text*/ div.pl-991-30 + div.col-md-12.col-sm-12.text-center.pb10 { width: 10%; float: left; } /*checkout "gift wrap" text*/ .col-lg-12.col-md-12.col-sm-4.col-xs-5.orderSummaryCheckout.pt10 { width: 100%; } /* LL-6317 - cart checkout buttons */ /* LL-14300 - button width from 45% to 100% - LL-7309 - position: relative; z-index: 5; */ .pl-991-30 {padding-left:0px!important; width: 100%!important; text-align: center; float: left; position: relative; z-index: 5; } /* LL-8884 - cart checkout buttons added padding to right and bottom*/ /*LL-11276 - reduce space between coupon input and error message below */ /*.pb-767-15 { padding-bottom:25px!important; padding-right:15px!important; } */ .pl20m {margin-left:20px!important;} /* EC7816 subtotal display on Mobile max-width: 767px*/ .shopmid { text-align: left!important; font-size:13px!important; margin-top: 0px!important; margin-bottom: 10px; width: 100%!important; } .shopmidSubTotal {font-size:18px!important; line-height: 31px; } .paypalbutton {cursor: pointer; width:100%!important;} /* EC-5721 - ROPIS-cart-order-summary max-width: 767px */ ul.order-cart-summary.checkout-list { background-color: #ffffff; border: 0px; } .order-cart-summary .order-summary-title { padding: 5px 0px 0px!important; border-bottom: 0px solid red; } ul.order-cart-summary.checkout-list li.delivery-method-subtotal { padding: 0px; } ul.order-cart-summary.checkout-list li.cartCoupon { padding: 0px 0px 5px!important; } /* LL-14511-add-to-cart-modal - absolute to relative - items - cart add Thank You max-width: 767px */ ul.item-cartAddty .item-img-column { position: relative; } ul.item-cartAddty .item-price { text-align: left; } ul.item-cartAddty .item-qty-column { position: relative; text-align: left; } ul.item-cartAddty .item-subtotal-price { text-align: left; } ul.item-cartAddty .item-total { text-align: left; } /*account-payment account-address table*/ div.account-address .table>thead>tr>th, div.account-address .table>tbody>tr>td, div.account-address .table>tbody>tr>th { text-align: left !important; padding-left: 0; padding-right: 0; } div.account-address .table>tbody>tr>td.account-control { text-align: left !important; margin-top: 10px; } div.account-address .table>tbody>tr>td.account-control a.account-edit-show { margin-right: 30px !important; } div.account-address .table>thead>tr>th>a.noline, div.account-address .table>tbody>tr>td>a.noline, div.account-address .table>tbody>tr>th>a.noline { color: #020202 !important; margin-left: 0px !important; } /* sort-pagination */ div.sort-pagination ul.pagination { border: none; font-size: 17px; white-space: nowrap; } /* EC-6473 -mobile PLP pagination spacing fix */ div.sort-pagination ul.pagination li { display: inline-block; float: left; } /* Spacing between header and PDP info*/ #pdpItemInfo {padding-top:0px;} /*PDP Page*/ .pdp-form .form-group {display:inline-block!important; margin-bottom:0px; vertical-align:top!important;} .review-helpful .text-right {text-align:left; margin-top:5px;} .pdp-reviewdate {text-align: left; font-size: 14px; margin-bottom: 10px;} a.write-review.btn-primary {width:250px; display:block; margin: 15px 0;} .pdp-report {text-align: left;} .social-icons {text-align:left; margin-top:20px;} .pdp-emailicon .popover {margin-left: -20000px;} /*d%AI-*/ /* LL-18993 */ .pdp-pticon .popover {margin-left: -20000px;} /*d%AI-*/ /* LL-18993 */ .fb-like .popover {margin-left: -20000px;} /*d%AI-*/ /* LL-18993 */ /*PDP Accessories*/ .pdp-saleAlert .dropdown-menu {left:20px;} .product-accessories-box .pdp-warranty-image-mobile img {width:100px;} /* LL-14137 Open - webkit CSS for text on iOS 10 devices */ .review-text a > span.blueLink, .align-wishlisttext small > a.blueLink { -webkit-text-size-adjust: 100%!important; } /* LL-9963 - product accessories alert - expand the div - max-width: 767px */ .product-accessories-box .col-md-4.accessory-row1-col2-row2-col1 { width: 100%; } .viewLargerMagnifier, .viewLargerText { display: none; } /* LL-7321- reduce margin between breadcrumb and Product description max-width: 767px */ div#pdpItemInfo section { margin-bottom: 20px; } .container2 div#pdpItemInfo section { margin-bottom: 0px; } /*Overrides general section targeting for homepage carousel*/ /*PDP - Giftcard styles*/ div.giftcard-edit-box form.form div.form-group.col-sm-6 { width: 100%!important; } /* LL-6315 - from developer- added 3/21 */ .gift-qty { max-width: 100% !important; display: block !important; float: none !important; min-width: 220px; padding: 0px 12px; } .ptn-block { max-width: 100% !important; display: block !important; float: none !important; } .ptn-block .btn { padding-left: 0; } /*Quickview modal*/ .qv-mainimg .s7flyoutviewer {display:none;} .qvcarousel {width:100%; text-align: center; margin-bottom:20px!important;} .qvThumb img {width: 100%; height:auto;} .s7flyoutviewer {display:none;} .qv-nav-next, .qv-nav-prev {display:none!important;} .qvcarousel .slick-dots {position:relative; bottom: -20px;} /* PDP out of stock email - CSS for mobile styling */ form.form-inline div.form-group { max-width: 225px; display: inline-block; } form.form-inline div.form-group.mobile-flush { max-width: 100%; display: inline-block; } form.form-inline div.form-group input#stockEmail.form-control { max-width: 187px; display: inline-block; } /* LL-4367 - move add to cart closer to quantity for mobile */ /* LL-9809 - added CSS for width: 100% to make quantity box to be 100% wide on mobile */ form.form-inline div.form-group.gift-qty { max-width: 100%; min-width: unset; padding: 0px; } /*checkout*/ /* mobile header styles */ .cart-return-text {margin-top: 20px; /* font-size: 25px; */} .icon-faqs, .icon-cart {margin-left: 0px;} .checkoutgc.borderTop {border-top: 1px solid #ccc; padding-top:20px; margin-top:20px;} .checkoutgc.borderLeft {border-left: none; padding-left:0px; margin-left:0px;} .form-control.checkout-po {margin-left:0px!important;} .form-control.pinNumber{ width: 50%; } /*one-page checkout mobile table heads */ table.checkout span.mobileTableHead { display: none; font-weight: 700; } /* LL-5043 - Communication Preferences max-width: 767px */ div.checkbox-inline.checklist { width: 100%; } form.form-left { padding-right: 0px; } form.form-right { padding-left: 0px; } /* wishlist max-width 767px*/ ul.item-wishlist .item-img-column { position: absolute; } /*LL-11449 - Removed all Fixed, absolute positions and changed other properties for showing shopping list in mobile.*/ .wishlist-list { left: 0; width: 100%; margin: 0; z-index: 298; } .wishlist-manage-list { position: fixed; bottom: 500px; left: 0%; width: 100%; padding: 0; margin: 0; background: #fff; z-index: 299; box-shadow: 0 0 20px rgba(0,0,0,.2); } .manage-trigger { position: fixed; bottom: 500px; z-index: 301; left: 50%; box-shadow: 0 0 20px rgba(0,0,0,.2); } .wishlist-trigger { display: none!important; position: fixed; bottom: 500px; z-index: 300; left: 0px; box-shadow: 0 0 20px rgba(0,0,0,.2); } .wishlist-list .account-list { bottom:0px; width:100%; background: #fff;} .wishlist-manage-list .wishlist-manage { position:absolute; bottom:0px; width:100%; border: none; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2);} /*LL-8165 - adjust min height to reduce space ul.item-wishlist>li { min-height: 170px; } */ ul.item-wishlist>li { padding-right: 0; min-height: 120px; } ul.item-wishlist div.item-actions { padding-top: 10px; text-align: left; } ul.item-wishlist>li:first-child { padding-top: 15px; } ul.item-wishlist .item-price { margin-top: 0; text-align: left; } ul.item-wishlist .item-qty-column { position: relative; text-align: left; } ul.item-wishlist .item-qty-edit { margin: 0; text-align:left; } ul.item-wishlist button.item-atc { margin-left: 20px; } ul.item-wishlist button.item-added { top: 20px; left: 80px; } /*LL-11449 - adjust padding to reduce bottom space. ul.account-list li:last-child { padding-bottom: 45px; }*/ /*sticky wishlist for mobile only. position:static; width:25% for lg and md, width:41.6% for sm. affix buttons and popup for xs */ .wishlist-trigger.wishListAffix.affix-top, .manage-trigger.wishListAffix.affix-top { position: fixed !important; bottom: 0px !important; } .wishlist-trigger.wishListAffix.affix, .manage-trigger.wishListAffix.affix { position: fixed !important; width: 50% !important; bottom: 0px !important; top: 93% !important;} .wishlist-trigger.wishListAffix.affix-bottom, .manage-trigger.wishListAffix.affix-bottom{ position: fixed !important; bottom: 610px !important; } .wishlist-list.wishListAffix.affix-top { position: fixed !important; bottom: 0px !important; } .wishlist-list.wishListAffix.affix { position: fixed !important; width: 100% !important; bottom: 25px !important; top: 93% !important;} .wishlist-list.wishListAffix.affix-bottom { position: fixed !important; bottom: 610px !important; } .wishlist-manage-list.wishListAffix.affix-top { position: fixed !important; bottom: 0px !important; } .wishlist-manage-list.wishListAffix.affix { position: fixed !important; width: 100% !important; bottom: 30px !important; top: 93% !important;} .wishlist-manage-list.wishListAffix.affix-bottom { position: fixed !important; bottom: 610px !important; } /* LL-11087 - Wishlist updates to new design max-width: 767px */ .wishlist-title-bar h2 { margin-bottom: 0px; } .wishlist-title-bar .wishlist-options span.shopMoveDivide{ display: inline; padding: 0px; } .wishlist-options { text-align: left; line-height: initial; margin-bottom: 18px;} .table.condense-sm thead tr, .table tr.thead { display: none; } .table.condense-sm thead tr.table-super { display: block; } /* LL-12215 - remove top and bottom padding from row */ .table.condense-sm tr { display: block; border-bottom: 1px solid #ccc; padding: 0px; } .table.condense-sm tr.table-super { border: none; padding: 0; } .table.condense-sm>thead>tr>th, .table.condense-sm>tbody>tr>td, .table.condense-sm>tbody>tr>th, .table.condense-sm>tfoot>tr>td, .table.condense-sm>tfoot>tr>th, .table.condense-sm>thead>tr>td, .table.condense-sm>thead>tr>th { display: block; border: none; padding: 0; } /* LL-12215 - space at bottom and top of edit table on checkout - added padding-top:1px; padding-bottom: 0px; max-width: 767px */ .table.condense-sm>tbody>tr:last-child { border: none; padding-top: 1px; padding-bottom: 0px; } .condense-sm td.on { display: block; } .table.condense-sm>tbody>tr>td.off { display: none; } .condense-sm .account-edit-box { margin: -11px -20px; } span.visible-xs { display: inline !important; } /*BEGIN new styles added for pagination div max-width: 767px*/ .pull-center-xs {width:100%; text-align:center; float:none; padding-left:0px; padding-right:0px;} /* landing pages */ /* landing page main category */ .landing-mainCat { position: relative; background-color: #58acc0; width: 100%; } .landing-mainCatImg { width: 58.333%; } .landing-mainCatTxt { width: 41.666%; position: absolute; top: 50%; left: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color:#FFF; } .landing-mainCatTxt h1, .landing-mainCatTxt h2, .landing-mainCatTxt h3, .landing-mainCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6, .landing-mainCatTxt p { width: 100%; } .landing-mainCatTxt h1 { font-size: 31px !important; font-weight: 700; line-height: 37px; } .landing-mainCatTxt h2, .landing-mainCatTxt h3 { font-size: 19px; font-weight: 700; line-height: 23px; } .landing-mainCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6 { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-mainCatTxt p { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-mainCatTxt strong { font-weight: 700; } /* landing page popular category titles */ .landing-popCat { width: 50%; margin-bottom: 20px; } .landing-popCat .item-title { text-align: left; font-size: 15px; font-weight: 700; } .landing-popCat .item-title a { text-align: left; font-size: 15px; font-weight: 700; margin-bottom: 20px; } /* landing page subcategory */ .landing-subCat { position: relative; background-color: #f0f0f1; width: 95%; } .landing-subCatImg { width: 100%; } .landing-subCatTxt { width: 100%; position: static; top: 0%; left: 0%; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); text-align:center !important; padding: 20px 15px 20px 15px; min-height: 110px; } .landing-subCatTxt h1, .landing-subCatTxt h2, .landing-subCatTxt h3, .landing-subCatTxt h4, .landing-subCatTxt h5, .landing-subCatTxt h6, .landing-subCatTxt p { width: 100%; } .landing-subCatTxt h1 { font-size: 31px; font-weight: 700; line-height: 37px; } .landing-subCatTxt h2, .landing-mainCatTxt h3 { font-size: 19px; font-weight: 700; line-height: 23px; } .landing-subCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6 { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-subCatTxt p { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-subCatTxt strong { font-weight: 700; } .category-landing h1 {font-size: 31px; text-align: left; font-weight: 700; margin-top:30px; margin-bottom: 0px;} /* Landing Page CTA button */ .btn-shop { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; min-width: 175px!important; margin-top: 20px; } .btn-shop:link { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; } .btn-shop:visited { background-color: #cc0000 !important; color:#fff; } .btn-shop:hover { background-color: #cc0000 !important; color:#fff; } .btn-shop:active { background-color: #cc0000 !important; color:#fff; } /* Sidebar buttons */ .catLanding button.list-group-item { text-decoration:none; background-color: #fff; padding:6px 15px !important; } .catLanding button.list-group-item:link { text-decoration:none; background-color: #fff; padding:6px 15px !important; } .catLanding button.list-group-item:visited { text-decoration:none; background-color: #fff;} .catLanding button.list-group-item:hover { text-decoration:underline; background-color: #fff;} .catLanding button.list-group-item:active { text-decoration:none; background-color: #fff;} /*QUICK ORDER POPUPS- SHIPPING and DOWNLOAD SOFTWARE */ .cartAlert .dropdown-menu {left: 0px; padding:10px; border-bottom:1px solid #CCCCCC; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .cartAlert .dropdown-menu .dropdown-caret {position: absolute; left: -30px; top: 162px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .cartAlert .dropdown-menu2 {left: 0px; padding:10px; border-bottom:1px solid #CCCCCC; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .cartAlert .dropdown-menu2 .dropdown-caret {position: absolute; left: -30px; top: 146px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} .cartAlert .dropdown-menu4 {left: 0px; padding:10px; border-bottom:1px solid #CCCCCC; margin-bottom: 15px; box-shadow: 5px 5px 5px #bbbbbb;} .cartAlert .dropdown-menu4 .dropdown-caret {position: absolute; left: 130px; top: 95px; height: 14px; width: 100%; background: url(../images/dropup-caret.png) no-repeat 20% 4px;} /* ORDER STATUS STYLES */ .pageResultsContainer { text-align: left; } /* ORDER DETAILS STYLES */ span.od-info { display: block; line-height: 23px; margin-bottom:0px; } .od-shopmid {text-align: center!important; font-size: 18px!important; margin-bottom: 20px} table.accountOrder-info th, td { text-align:left !important; } /* EC-8777 - order-details-print bug fix max-width: 767px */ .order-detail-overview { width: 100%; display: block; } .order-detail-overview > div { width: 100%; display: block; } .order-detail-overview .shopMoveDivide { display: none!important; } /* Vertical Carousel Styles*/ .carousel-vertical .item-title, .carousel-vertical .item-price, .carousel-vertical .item-rating {text-align: left!important;} .carousel-vertical .label-carousel-gsa {text-align: left!important; display:block; width:35px;} .paging-vert.text-right {display:none;} .paging.text-right {text-align:left;} .slick-vertical .slick-list {padding-top:0px!important;} .slick-vertical .slick-list, .slick-vertical .slick-track {height:auto!important;} .mobile-more {display:none!important;} /*MYSTERY PROMO LANDING PAGE */ .registryForm { padding-left: 15px; padding-right:15px; } .registryForm.newMember { margin-left: 0%; padding-left: 15px; padding-right:15px; border-left: 0px solid #ccc; } .registryForm button{ float:right; } .panel-heading .btn.btnRegister { position: static; right: 0px; top: 0px; } /*MYSTERY PROMO COUPON PAGE */ .mysteryDetail { border-left: 1px solid #ccc; padding: 20px 0px 20px 20px!important; } .mysteryDetail img { width: 75%; padding: 0px !important; } .mysteryCodes h2 { font-size: 30px !important; font-weight: 700px; } .mysteryCodes p { font-size: 19px; font-weight: 400px; } .promo1 h1 { width: 100%; height: 80px; font-size: 65px !important; line-height: .8em !important; padding-top: 25px; } .promo2 h1 { width: 100%; font-size: 60px !important; line-height: .8em !important; padding-top: 10px; } .promo2 span { font-size:65px !important; font-weight:400 !important; line-height:.3em !important; } .promo3 h1{ font-size:110px !important; font-weight:700 !important; line-height:.8em !important; padding-top: 10px; } .promo3 span { font-size:60px !important; font-weight:400 !important; line-height:0em !important; } img.mysteryPromo { width: 100%; } .mysteryBarcode { height: 100px; } /*SERVICES - PROFESSIONAL SERVICES GROUP max-width: 767px */ img.psgMain { width: 100% !important; } img.psgImage { width: 95%; } img.psgImageMobile { width: 110%; position: relative; left: -15px} div.psg-cta { padding-left:0px !important; } div.psg-mainText { border-right: 0px solid #ccc; padding-right:0px !important; } div.psg-category { padding-bottom: 0px; border-bottom: 0px solid #ccc; } div.psg-category-last { padding-bottom: 0px; border-bottom: 0px solid #ccc; } /* Complete Classrooms < 767px */ section.subcategory img, .description img, .assortment img { width: 100%; border: 1px solid #ccc; } p.cc-cta-text { display: none; } p.cc-cta-text-mobile { display: block; font-size: 30px; line-height: 1.1em; margin: 10px 0px 20px; } div.cc-view-links { width: 50%; margin-bottom: 20px; } .box-quote { font-size: 15px; background-color: #F0F0F1; padding: 20px 0px; margin-bottom: 30px; margin-top: 20px;} .box-quote img { width: inherit; border: 0px; } .box-quote-text-left { padding: 0px !important; } .box-quote-text-right { padding: 0px !important; } .mobileButtons a { text-align: center; padding: 10px; margin-bottom: 10px; } .mobileMainImage { margin: 10px -15px !important; } /* INFANT TODDLER Complete Classrooms (max-width: 767px) */ .category img { width: 35%; display: inline; } .categoryTitle { color: #fff; padding:0px; text-align: center; position: absolute; left: 66%; top: 50%; transform: translate(-50%, -50%); } .categoryTitle p { color: #fff; font-size: 19px; text-align: center; } /* SCENE 7 IMAGE CONTROL */ /*controls the AREA FOR THE SCENE 7 IMAGES */ .it-s7image { height: 375px !important; } /*controls the container size */ .it-s7image .s7container.it-product-image { width: 500px !important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the viewer size */ .it-s7image .s7flyoutviewer.it-product-image { width: 100%!important; height: 375px!important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the SCENE 7 sizes */ /*reset*/.it-product-image .s7flyoutviewer, .it-product-image .it-product-image.s7container, .it-product-image .s7innercontainer, .it-product-image .s7flyoutzoomview, .it-product-image .s7staticimage, .it-product-image .s7flyoutviewer .s7flyoutzoomview, .it-product-image .s7staticimage img { width: 500px !important; height: 375px!important; position: absolute!important; top:0px!important; left:50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); display:block!important; } /*controls the SCENE 7 zoom out window */ /* 0-12 MONTHS IMAGES */ /* sleep-area1 */ div#s7flyout_div-sleep-area1_container.s7container {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library1 */ div#s7flyout_div-library1_container.s7container {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play1 */ div#s7flyout_div-block-play1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* mealtime1 */ div#s7flyout_div-mealtime1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* discovery1 */ div#s7flyout_div-discovery1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-discovery1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-discovery1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies1 */ div#s7flyout_div-cubbies1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing1 */ div#s7flyout_div-changing1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* gross-motor1 */ div#s7flyout_div-gross-motor1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* nonmob1 */ div#s7flyout_div-nonmob1_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* 12-24 MONTHS IMAGES */ /* naptime2 */ div#s7flyout_div-naptime2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library2 */ div#s7flyout_div-library2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play2 */ div#s7flyout_div-block-play2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* mealtime2 */ div#s7flyout_div-mealtime2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* dramaticPlay2 */ div#s7flyout_div-dramaticPlay2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies2 */ div#s7flyout_div-cubbies2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing2 */ div#s7flyout_div-changing2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* gross-motor2 */ div#s7flyout_div-gross-motor2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* manipulatives2 */ div#s7flyout_div-manipulatives2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* music2 */ div#s7flyout_div-music2_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music2_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music2_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* 24-36 MONTHS IMAGES */ /* naptime3 */ div#s7flyout_div-naptime3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library3 */ div#s7flyout_div-library3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play3 */ div#s7flyout_div-block-play3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* learningCorner3 */ div#s7flyout_div-learningCorner3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* dramaticPlay3 */ div#s7flyout_div-dramaticPlay3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies3 */ div#s7flyout_div-cubbies3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing3 */ div#s7flyout_div-changing3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* arts-crafts3 */ div#s7flyout_div-arts-crafts3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* manipulatives2 */ div#s7flyout_div-manipulatives3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* music2 */ div#s7flyout_div-music3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* science3 */ div#s7flyout_div-science3_container.s7container {width:100%!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-science3_flyout.s7flyoutzoomview {width:500px!important; height: 375px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-science3_flyout.s7flyoutzoomview .s7flyoutzoom {width:500px!important; height: 275px!important; position: absolute!important; top:-280px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} #s7flyout_div_flyout { width: 500px !important; position: absolute; top: 0px; left: 0px; } .product-cta-buttons btn { width: 100%; } div.it-product-more-info { padding: 0px 15px; } .btn-more-info { width: 155px; float: left!important; margin-left: 20px !important; background-color: #fff; font-size: 17px; padding: 4px 12px; color: #58acc0; border: 1px solid #ccc; } /* 0-12 MONTHS INTERACTIVE PAGE */ div.interactive-wrapper.desktop { display: block!important; } div.interactive-wrapper.mobile { display: none!important; } div.interactive { margin-left: -15px!important; margin-right: -15px!important; } div.interactive div.it-product-info { padding-right: 15px!important; padding-left: 15px!important; } div.interactive div.interactive-container { display: table; background-color: #F5F5F5; position: relative; width: 100%; height: 100%; padding-top: 0px!important; } div.interactive div.interactive-container div.interactive-wrapper{ position: relative; width: 500px; height: auto; margin: auto; } div.interactive div.interactive-container div.interactive-wrapper img.interactive-main { width: 500px; height: 363px; } /*AYR - LANDING PAGE */ div.ayr-container { padding-left: 0px!important; } /* MOBILE NAV STYLES */ div.ayr-product-selector-mobile { padding: 15px!important; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li.left { width: 48%!important; border: 1px solid #ccc; margin-right: 2%; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li.right { width: 48%!important; border: 1px solid #ccc; margin-left: 2%; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li img { max-width: 80px!important; display: block; margin: 5px auto; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li p { padding: 5px 0px 10px 0px; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li > a.ayr-product.btn:link > p { text-decoration: none!important; color: #2d7fb1; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li > a.ayr-product.btn:hover > p { text-decoration: underline!important; color: #2d7fb1; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li > a.ayr-product:link { background-color: #fff;} div.ayr-product-selector-mobile ul.ayr-mobile-nav > li > a.ayr-product:hover { background-color: #fff; } /*AYR - ASSESSMENTS PAGE */ div.ayr-title { float: left!important; } div.ayr-navbar { float: right; width: 100%; } div.ayr-navbar div.ayr-nav-table { width: 100%; display: table; margin: 0px auto; float: none; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav { width: 100%; float: left; margin: 0px auto; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li { width: 20%; float: left; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a { width: 100%; text-align: center; padding: 5px; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a > img { display: block; margin: 0px auto; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a > p { display: block; text-align: center; margin: 0px auto; line-height: 15px; } /* SPECIAL NEEDS PAGES */ /*MOBILE NAVIGATION*/ div.sn-nav.mobile-scrollmenu { width: 100%; height: 80px; background-color: #ffffff; overflow: auto; white-space: nowrap; font-size: 15px; } div.sn-nav a#button-menu1.first { display: inline-block; background-color: #e95d46; color: #fff; font-weight: 600; text-align: center; padding: 10px 30px; text-decoration: none!important; } div.sn-nav a#button-menu2.second { display: inline-block; background-color: #ef7e39; color: #fff; font-weight: 600; text-align: center; padding: 10px 30px; text-decoration: none!important; } div.sn-nav a#button-menu3.third { display: inline-block; background-color: #d69d20; color: #fff; font-weight: 600; text-align: center; padding: 10px 30px; text-decoration: none!important; } div.sn-nav a#button-menu4.fourth { display: inline-block; background-color: #9da64e; color: #fff; font-weight: 600; text-align: center; padding: 10px 30px; text-decoration: none!important; } div.sn-nav a#button-menu5.fifth { display: inline-block; background-color: #4697c5; color: #fff; font-weight: 600; text-align: center; padding: 10px 30px; text-decoration: none!important; } span#arrow-menu1 { float: left; position: relative; top: -10px; left: 35px; font-size: 35px; color: #e95d46; } span#arrow-menu2 { float: left; position: relative; top: -10px; left: 145px; font-size: 35px; color: #ef7e39; } span#arrow-menu3 { float: left; position: relative; top: -10px; left: 300px; font-size: 35px; color: #d69d20; } span#arrow-menu4 { float: left; position: relative; top: -10px; left: 470px; font-size: 35px; color: #9da64e; } span#arrow-menu5 { float: left; position: relative; top: -10px; left: 630px; font-size: 35px; color: #4697c5; } .bg-grey-sn-product { background-color: #f4f4f4; padding: 30px 0px 0px 0px; text-align: left; } .bg-white-sn-product { background-color: #ffffff; padding: 30px 0px 0px 0px; text-align: left; } div.row.sn-home-top { border-top: none; border-right: 1px solid #ccc; border-bottom: 0px solid #ccc; border-left: 1px solid #ccc; padding: 30px; margin: 0px -15px; } div.row.sn-home-middle { border-top: 0px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0px solid #ccc; border-left: 1px solid #ccc; margin: 0px -15px; } div.row.sn-home-bottom { border-top: 0px solid #ccc; border-right: 1px solid #ccc; border-bottom: none; border-left: 1px solid #ccc; margin: 0px -15px; } div.sn-product-image { text-align: center; } div.sn-product-image.left { float: none!important; text-align: center; min-height: 100px; position: relative; bottom: 0; left: 0; border: 0px; } div.sn-product-image.right { float: none!important; text-align: center; min-height: 100px; position: relative; bottom: 0; right: 0; border: 0px;} div.sn-product-image img { float: none; border: 1px solid #ccc; position: relative; } div.sn-product-image img.left { float: none; border: 1px solid #ccc; position: relative; } div.sn-product-image img.right { float: none; border: 1px solid #ccc; position: relative; } div.sn-product-text { position: relative; width: 100%; min-height: 100px !important; text-align: center !important; padding: 0px 0px 30px 0px!important; margin: 0px; } div.sn-product-text h2 { position: relative; width: 100%; max-width: 435px; text-align: left !important; padding: 0px; margin: 0px auto; } div.sn-product-text p { position: relative; width: 100%; max-width: 435px; text-align: left !important; padding: 0px; margin: 10px auto; } img.sn-product { width: 100%; max-width: 435px; text-align: center; margin: 10px auto!important;} img.sn-product.left { float:none; } img.sn-product.right { float:none;} img.sn-product.left.bottom { position: static; float:none; } img.sn-product.right.bottom { position: static; float:none; } /*READING CORRELATION MODAL */ div#modal-readingChart div.modal-dialog { width: auto!important; } /*NEWSROOM ARTICLE PAGES < 767px */ .news-header { border-bottom:0px solid #ccc; margin: 20px 0px 10px 0px; padding-bottom: 0px; } .news-return { float: left!important; } /* kids Co page */ div.aux-row { margin-top: 30px; } /* LL-2962 - bug to fix register fields and buttons. max-width: < 767px */ /* LL-2962 - buttons.*/ #modal-register .modal-content .form .modal-footer div.logInButton:first-child { min-width:70px; display: inline-block!important; float: right; left: 0%!important; } #modal-register .modal-content .form .modal-footer div.logInButton:nth-child(2) { width: 25%!important; min-width:130px; margin-right: 15px!important; margin-left: 15px!important; display: inline-block!important; float: none; left: 0%!important; } #modal-register .modal-content .form .modal-footer div.logInButton:nth-child(3) { width: 45%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; } /* LL=7910 - radio. modal-register restyle*/ #modal-register .modal-content .form .modal-body .form-group label.control-label:first-of-type { font-weight:700; display: block; } /*LL=12251 - radio. modal-register restyle*/ #modal-register .modal-content .form .modal-body .form-group div.radio:first-of-type { width: 40%!important; min-width: 220px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-register .modal-content .form .modal-body .form-group div.radio:nth-of-type(2) { width: 20%!important; min-width: 90px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-register .modal-content .form .modal-body .form-group div.radio:nth-of-type(3) { width: 20%!important; min-width: 90px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } /* LL-5013 - buttons. modal-login max-width: < 767px */ #modal-login .modal-content .form .modal-footer div.row { margin-left: 0px!important; margin-right: 0px!important; } #modal-login .modal-content .form .modal-footer div.logInButton:first-child { width: 10%!important; min-width: 80px; display: inline-block!important; float: right; left: 0%!important; padding: 0px!important; } #modal-login .modal-content .form .modal-footer div.logInButton:nth-child(2) { width: 10%!important; min-width: 80px; margin-right: 15px!important; margin-left: 15px!important; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-login .modal-content .form .modal-footer div.logInButton:nth-child(3) { width: 45%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; padding: 0px; } /* LL-17116 - add to shopping list modal updates < 767px*/ #modal-add .modal-content .form .modal-footer div.row { margin-left: 0px!important; margin-right: 0px!important; } #modal-add .modal-content .modal-footer div.logInButton:first-child { width: 10%!important; min-width: 80px; display: inline-block!important; float: right; left: 0%!important; padding: 0px!important; } #modal-add .modal-content .modal-footer div.logInButton:nth-child(2) { width: 10%!important; min-width: 80px; margin-right: 15px!important; margin-left: 15px!important; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-add .modal-content .modal-footer div.logInButton:nth-child(3) { width: 45%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; padding: 0px; } /* LL-8203 - buttons. modal-password max-width: < 767px */ #modal-password .form .modal-content .modal-footer div.row { margin-left: 0px!important; margin-right: 0px!important; } #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:first-child { width: 10%!important; min-width: 80px; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:nth-child(2) { width: 10%!important; min-width: 80px; margin-right: 0px!important; margin-left: 15px!important; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:nth-child(3) { width: 45%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; padding: 0px; } .col-xs-offset-8 {margin-left:0px} /* LL-7910 - GSA Registration buttons. modal-login max-width: < 767px */ #modal-gsa-register .modal-content .form .modal-footer div.logInButton:first-child { width: 10%!important; min-width: 80px; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-gsa-register .modal-content .form .modal-footer div.logInButton:nth-child(2) { width: 10%!important; min-width: 80px; margin-right: 0px!important; margin-left: 15px!important; display: inline-block!important; float: none; left: 0%!important; padding: 0px!important; } #modal-gsa-register .modal-content .form .modal-footer div.logInButton:nth-child(3) { width: 45%!important; margin-left: 0px!important; display: inline-block!important; float: left!important; left: 0%!important; padding: 0px; } /* LL-7910 - radio. modal-gsa-register max-width: 767px*/ #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio:first-of-type { width: 35%; min-width: 200px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio:nth-of-type(2) { width: 15%; min-width: 80px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio:nth-of-type(3) { width: 15%; min-width: 80px; padding: 0px; margin: 10px 0px 0px 0px; display: inline-block; } /* LL-7910 - checkbox. modal-gsa-register max-width: 767px */ #modal-gsa-register .modal-content .form .modal-body .form-group div.checkbox { margin-top: 0px; } /*classroom furniture landing for max-width: 767px */ p.cf-subhead { text-align: left!important; padding-top: 10px!important; } div.cf-collection { min-height: 170px; padding: 0px 15px!important; text-align: center!important; } div.cf-collection img { width: 100%!important; } div.cf-collection p { text-align: center; margin: 5px 0px 15px 0px!important; font-size: 15px; font-weight: 600!important; } div.cf-services-lt img { width: 100%; max-width: 100%; height: auto; padding-right: 0px; float: none;} div.cf-services-rt img { width: 100%; max-width: 100%; height: auto; padding-left: 0px; float: none;} .cf-dropdown { width: 100%; margin: 10px 0px; } .cf-dropdown ul { width: 100%; margin-top: 0px; } /*product-registration form max-width: 767px*/ p.return-button { text-align: left; font-size: 16px; } p.return-button a:link { text-align: left; } p.return-button a:hover { text-decoration: underline!important; } form.product-registration div.form-group { width: 50%; } form.product-registration div.form-group.wide-input { width: 100%!important; } /*software-organizer download page max-width: 767px*/ .software-cta { border: 1px solid #ccc; background-color: #f5f5f5; padding: 20px!important; margin-top: 10px; } .software-image { width: 100%; margin: 20px auto; padding-top: 0px; } .software-image img{ width: 85%; padding-left: 00px; display: block; margin: 0px auto; padding-top: 0px; } /*Teachers Club page desktop max-width: 767px */ .tc-offer-main { width: 100%; height: 100%; max-height: unset; background:none; background-size: unset; } .tc-offer-main .main-logo-container { width: 100%; height: unset; text-align: center; margin: 0px 0px 20px 0px; } .tc-offer-main .main-logo-container img.main-logo{ width: 90%; padding: 0px; margin: 0px; } .tc-offer-main ol { width: 85%; padding: 0px 0px 0px 15px; margin: 20px auto; } .tc-offer-main ol li { margin-top: 15px; } .tc-offer-main .main-logo-container a.btn-primary { width: 100%; margin: 0px; } .tc-offer-main .tc-offer-cta { width: 100%; padding: 0px; background-color:none; } .tc-offer-main .tc-offer-cta .tc-offer-cta-banner a img, .tc-offer-main .tc-offer-cta .tc-offer-cta-text img { width: 100%; margin: 0px; } .tc-offer-main .tc-offer-cta .tc-offer-cta-banner { width: unset; padding: 0px; background-color:none; margin: 0px; } .tc-offer-main .tc-offer-cta .tc-offer-cta-text { width: unset; padding: 15px 30px; background-color:#eeeeee; margin: 0px; } .tc-offer-list div.offer-list { width: 50%; margin: 0px; float: left; padding: 0px; } /* LL-5112 - Connective Furniture max-width: 767px */ div.connect-furniture ul:first-child { width: 100%; text-align: left; padding: 15px 0px 0px 20px; margin-bottom: 0px; } div.connect-furniture ul:last-child { width: 100%; text-align: left; padding: 0px 0px 0px 20px; } /* mobile-apps page styles max-width: 767px */ div.mobile-app { min-height: 560px; } div.free-app { min-height: 660px; } div.free-app:last-child { min-height: 200px; } div.mobile-app img.main, div.free-app img.main { width: 90%; } div.mobile-app ul, div.free-app ul { width: 90%; text-align: left; margin-top: 10px; } /* LL-9647 - recommneded browser page button size for mobile max-width: 767px */ .mobile-col-one .btn.btn-primary { width: 100%; } /* LL-5106 -State DOE lists */ .responsive-list ul { width: 100%; display: block; padding-right: 15px; } /* LL-2537 Digital Learning SignIn max-width: > 767px */ .dl-category { width: 100%; text-align: center; margin: 30px 0px 50px; } /*LL-8040 - free resources craft and activity pages max-width: 767px*/ .fr-print { text-align: left!important; margin: 20px 0px; } .mainContentSectionHeader { width: 100%; float: left; margin: 20px 0px 0px 0px; } /* LL-2539 - Share Feedback page forms and tables */ .table-responsive.feedback { border: 0px!important; } p.contact > .radio-inline { display: block; padding: 0px; margin-left: 0px; } /* LL-2538 - Gift-card-balance-page max-width: 767px */ .gift-card-info { width: 100%; } .gift-card-form { width: 100%; } .gift-card-form form { background-color: #f0f0f1; padding: 15px; border: 1px solid #ccc; } .gift-card-form form .gc-authorization { width: 50%; display: inline-block; } .gift-card-form form .gc-check-button { width: 50%; display: inline-block; float: right; padding: 0px 15px 0px 15px; margin-top: 23px; } .gift-card-form form .gc-check-button .btn-primary{ width: 100%; } /* LL-4510 - help center- credit application max-width: > 991px*/ .help-main-content { width: 100%; } /* LL-12319 - GSA Cart Banner styles max-width:767px */ /* banner over */ .gsa-promo-terms-over { height: 114px;} /* LL-5095 - ABOUT US PAGE STYLE max-width: 767px */ .about-main-chevron .mainText { padding: 15px 0px 0px; font-size: 16px; } .about-tertiary:first-of-type .about-tertiary-text { position: relative; top: 0px; left: 0px; right: initial; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); } .about-tertiary:nth-of-type(2) .about-tertiary-text { position: relative; top: 0px; left: 0px; right: initial; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); } .about-tertiary { padding: 0px 0px 20px; margin-bottom: 0px; } /* LL-5045 - LIFE AT LAKESHORE PAGE STYLE max-width: 767px */ .left-chev.return { text-align: left; } /* LL-5045 - careers css updates max-width: 767px */ .subcategory-values-text.left { right: 0%; padding-right: 0px; padding-left: 15px; } .subcategory-perks .about-main .mainText, .subcategory-inside .about-main .mainText { width: 100%; position: relative; top: initial; right: initial; left: initial; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); text-align: left; color: #ffffff; } .subcategory-perks-icons { min-height: 300px; text-align: center; } .subcategory-values-image img.left { padding-right: 0px; } .subcategory-values-image img.right { padding-left: 0px; } .subcategory-values-banner { border-top: 1px solid #cccccc; margin: 30px auto 0px; position: relative; top: 50%; left: 0; right: 0; bottom: 0; z-index: -1; } .subcategory-values-banner img.desk-banner { display: none!important; width: 500px; position: relative; bottom: 33px; } .subcategory-values-banner img.tablet-banner { display: inline-block!important; width: 400px; position: relative; bottom: 31px; } .subcategory-values-banner img.mobile-banner { display: none!important; width: 360px; position: relative; bottom: 0px; } .subcategory-values-banner img.mobile-sm-banner { display: none!important; width: 270px; position: relative; bottom: 0px; } .career-qa .career-icon { width: 10%!important; } .career-qa .career-text { width: 90%!important; } .career-qa.left { border-right: 0px solid #cccccc; padding-right: 15px } .career-qa.right { padding-left: 15px } .career-social { padding-right: 15px; } /* LL-2540 - Product Registration Pages styles max-width: 767px */ .product-safety-info-main { padding: 0px 0px; } .product-safety-info-main > div { padding: 0px 0px; } /* EC-8575 - sandi pages-redesign nav - desktop max-width 767px */ .sandi-hero { padding: 0px; } .sandi-nav .btn { width: 100%; margin-right: 0%; margin-bottom: 15px; white-space: normal; } .sandi-nav .row .btn:nth-child(3), .sandi-nav .row .btn:last-child { margin-right: 0%; } .sandi-nav-links { margin-right: 0px; margin-bottom: 20px; } /*LL-12915 - Add Image to Workshop Detail Pages for max-width : 767px */ .teacherWorkShopImage{ padding: 15px 30px; } /* LL-14240 Mobile dropdown menus PDP Improvements - max-width: 767px*/ .pdp-product-item { font-size: 15px; } .m-dropdown-title{ font-size: 16px; padding: 0 0 10px 15px; font-weight: 500; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .qty-text { font-size: 17px; text-align: center; } .pdp-item-dropdown.open>.dropdown-color { transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); } .dropdown-color { display: block; left: 5%; width: 90% !important; height: 100% !important; max-height: 400px; border: 0 !important; line-height: 30px !important; bottom: 0; top: auto; position: fixed; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s,-webkit-transform .2s; } /* .dropdown-color li:nth-child(2) { border-top: 1px solid #ccc; padding-top: 5px; } */ .dropdown-backdrop { background: rgba(0,0,0,0.5); z-index: 1099; touch-action: none;} .dropdown-menu { z-index: 1100; } /* LL-13201 Mobile-Classroom Furniture Landing Page */ .cf-dropdown > ul.dropdown-menu li a:link { padding: 5px 23px; line-height: 30px; } .m-classf-dd-title { font-size: 16px; padding: 0 0 10px 23px; font-weight: 500; border-bottom: 1px solid #ccc; margin-bottom: 5px; } .m-classf-dd-title a { padding: 0 !important; } .class-borderBottom {border-bottom: none; padding-bottom: 0px;} .xs-mb10 { margin-bottom: 10px !important; } /* LL-16823 mobile-change qty dropdown on PDP to native */ .qty-dropdown { height: 48px !important; } /* LL-17240 PDP Qty field when selecting 15+*/ .pdp-form .item-quickview-qty .pdp-qty { height: 47px !important; width: 63px !important;} /* LL-14240 redesign dropdown menus on PDP - Switch-Case $default as a second dropdown */ .second-DD { padding: 0px 15px !important; } .mob-addtocart {width: calc(100% - 94px); max-width:100%!important;} .mob-addtocart .btn-addtocart {width:100%;} #pdpItemInfo .btn {font-size:20px!important; line-height:34px!important;} #pdpItemInfo .dropdown .caret.caret-select {top:22px;} .social-icons {margin-top:5px!important;} #llReviews .btn-review {font-size:17px !important; line-height:21px !important; padding:0px; min-width: 45px;} .btn.btn-addtocart.btn-addtocart-accessories {width:100%!important;} .cart-item-qty { height: 38px; text-align: center !important;} .update-continue .shipping-continue a.btn { width: 100%; margin: 10px 0px!important; } .checkout-edit-box button.account-edit-cancel, .checkout-edit-box button.btn-primary, .checkout-edit-box a.btn-primary { width: 100%; margin: 10px 0px !important; } .checkout-edit-box-first button.account-edit-cancel, .checkout-edit-box-first button.btn-primary { width: 100%; margin: 10px 0px !important; } .checkout-edit-box button.btn-primary.applyGiftCertificate {margin-top: 0px !important; } .mobile-cart-links { display: block !important; padding: 15px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-bottom: 5px;} .orderSummaryCheckout { width:100% !important; text-align:center; margin-left:0px; } .homepage-connect-content p { margin: 10px 20px 20px; } .tc-offer-list ul {margin: 0} /* EC-1369 - ORDER-CONFIRMATION NEW STYLE UPDATES max-width 767px */ .order-info-head { padding-bottom: 10px; } .checkout-order-confirm-summary { padding-left: 0px !important; } .table-responsive.order-confirmation-stores { margin: -20px auto 20px; } .order-confirmation-stores .col-container-desktop { display: none; } .order-confirmation-stores .col-container-tablet { display: table; } .order-confirm-col { display: table-cell; width:50%; } .order-confirm-contact h4.chatheading { margin: 0px; display: block; } /* EC-1536 - order-confirm-display-issues-fix max-width > 767px*/ .order-confirm-greeting-icon { display: inline-block; width: 30%; margin-right: 20px; } .order-confirm-greeting { width: 100%; margin-top: 20px; } .order-confirm-greeting p { font-size: 17px; } h1.order-confirm-greeting-desk { display: none !important; } h1.order-confirm-greeting-mobile { width: 62%; margin-top: 30px; display: inline-block !important; vertical-align: middle; font-size: 36px!important; line-height: 1em; } /* EC-1666 - order confirmation cart summary table space fix max-width > 767px*/ .table.checkout > thead > tr > th { border-top: 0px solid #ccc!important; } .review-order-title { display: inline-block; } .table.checkout thead tr { display: none; } .table.checkout > thead > tr > th:first-child, .table.checkout > tbody > tr > td:first-child { width: 100%; padding-top: 10px; } .table.checkout > thead > tr > th:last-child { display: block!important; border: 0px; border-bottom: 1px solid #ccc; padding-bottom: 10px; } /* EC-6176 - checkout redesign cart summary table remove border bottom max-width > 767px*/ .table.checkout > tbody > tr > td:last-child { border-bottom: 0px solid #ccc; } .table.checkout > thead > tr > th { display: none; } .table.checkout > tbody > tr > td { text-align: left!important; display: block; padding: 0px; border: 0px; } /*EC-1482 - write a review margin fixes min-width 1200px */ .table-cell { vertical-align: top; } .review-shop-button { width: 100%; } /* EC-1721 Added to cart modal new design */ .modal-dialog.addedtocart { width: auto !important; } .addedtocart .modal-body { overflow-Y: scroll !important; max-height: 70vh; -webkit-overflow-scrolling: auto; } .modal-body-divider { border-right: none; border-bottom: 1px solid #ccc; } .addedtocart .modal-title { font-size: 22px; } .addedtocart .header-link { font-size: 13px; } .addedtocart .item-img-column, .addedtocart .item-details { top: 0; -ms-transform: none; transform: none; } .addedtocart .modal-footer { padding: 0 20px 20px; } .addedtocart [class*="fa-caret-"] { margin-top: -30px; top: 45%; } .center-wrap { height: auto; } .addedtocart .added-item { height: auto; padding: 5px 20px 20px; } .summaryRow { padding: 15px 20px 0px; } .paypal-spinner .spinWrap { left: -5%; } .addedtocart .modal-msg { font-size: 16px; } /* EC-7976 Added to cart modal new design max-width: 767px */ .addedtocart .links-divider { font-size: 13px; line-height: 1.4em; float: right; } /* EC-7120 - EC-5767 - store landing - locator - details redesign max-width: 767px */ .store-locator-main { background: none; height:auto; background-color: #4f4f51; } /* EC-7407 - store location updates - wrapper add-for-input-position max-width: 1200px */ .store-locator-main .store-locator-main-input-wrapper { width: 100%; height: auto; margin: 0px auto; padding: 0px; } .store-locator-main .store-locator-main-input { width: 100%; border-radius: 0px; top: 0%; left: 0%; transform: translate(-0%,-0%); -webkit-transform: translate(-0%,-0%); -moz-transform: translate(-0%,-0%); -ms-transform: translate(-0%,-0%); -o-transform: translate(-0%,-0%); } .store-landing-bottom div:first-child { padding: 0px 15px 30px; border-right: 0px; border-bottom: 1px solid #ccc; margin-bottom: 30px; } .store-landing-bottom div:last-child { padding: 0px 15px; margin-bottom: 10px; } .store-landing-outlets { border-top: 0px; margin-bottom: 20px; } .store-landing-outlets span.main { font-size: 29px; font-weight: 700; text-align: center; top: 0px; } .store-landing-outlets p { font-size: 17px; text-align: center; margin-bottom: 0px; padding: 0px; } .store-landing-outlets-info span { display: block; } /* EC-7118 - store locator mobile listings top-border fix */ .store-locator-content button.drop.dropToggle.drop-head:first-child { border-top: 0px; padding-top: 0px; } .review-login-text { padding: 0 15px; } .review-login-text h1 { margin-bottom: 0px; } .review-login-text p { font-size: 15px; } .mobile-no-padding { padding: 0px; } /* EC-6266 Updating Apple Pay btn and Paypal btn */ .addedtocart .btn-tpw { padding: 9px 10px !important; } .addedtocart .btn-tpw img { height: 18px; } #cartAffix .btn-tpw { height: 46px; padding: 13px 10px !important; } #cartAffix .btn-tpw img { height: 18px; } .checkoutGuest .btn-guest { font-size: 18px; padding: 10px !important; border: 1px solid #000; } .checkoutGuest .btn-tpw { height: 46px; padding: 13px 10px !important; } .checkoutGuest .btn-tpw img { height: 18px; } /* EC-941 - holiday-gift-guide-styles min-width: 767px */ .gift-guide-ribbon-title { width: 100%; height: 100px; top: 0px; background-size: contain; margin-top: 20px; } .gift-guide-ribbon-title h2 { font-size: 7vw!important; } .gift-guide-age { margin: 0px auto 30px; } .gift-guide-age img { width: 100%; max-width: 165px; } .gift-guide-cat { border: 0px; background: none; height: initial; } .gift-guide-cat-button { position: relative; top: -46px; } .gift-guide-cat-title { background-color: #fff; color: #5ec3e2; padding: 10px 15px 30px!important; border: 3px solid #5ec3e2; } .gift-guide-cat-title h3 { font-family: Roboto Slab, serif; font-size: 36px; } .gift-guide-cat p { color: #020202; } .gift-guide-cat a.btn { font-size: 24px; } .gift-guide-carousel { margin-top: -25px; padding-left: 0px!important; margin-bottom: 20px; } .gift-guide-section { border-bottom: 0px; } /* EC-6969 Removing float left so that input fields are editable */ .form-group-alignment { float: none; } .ropis input[type="radio"] {width: 19px !important; height: 23px !important;} .pdp-ropis input[type="radio"]{width: 15px !important; height: 21px !important;} .ropis span, .pdp-ropis span {text-align: unset;} /*EC-10041 - ROPIS alignments - LL-11013 - Delivery Edit Fields styling max-width: 767px */ .est-delivery { margin-left: 27px; } } /* END max-width: 767px */ @media screen and (max-width: 499px) { /*Global Page Padding*/ #page {padding-top: 0px;} /*Header*/ /* LL-15276 - mobile header updates to style */ #header { height: 90px; } .header-center { padding-top: 6px; } .ll-logo img {width: 120px; padding-top: 0px;} /* LL-15276 - mobile-header-updates-hamburger-menu max-width: 499px */ .trigger { font-size: 30px; position: relative; top: -7px; } .header-left .glyphicon-menu-hamburger, .header-left .icon-search {font-size: 25px; top: -4px;} .header-left {padding-top: 14px;} ul.nav-tools .nav-cart .glyphicon-map-marker, ul.nav-tools .nav-cart .icon-cart {font-size: 25px;} /* LL-15170 - mobile header icon updates-cart-icon top */ ul.nav-tools .nav-cart>a i {top: -24px; right: -4px;} ul.nav-tools .nav-cart>a .badge {right:-10px; top:-30px;} .header-left .icon-search {position:absolute; left: 50px; top: 23px;} ul.nav-tools .nav-cart .glyphicon-map-marker {right: 50px;} .header-search .glyphicon-triangle-top {position: absolute; left: 72px; top: -10px;} /* LL-15170 -mobile header my account updates icon position - max-width: 499px */ li.nav-locator { top: -80px; right: 35px; } li.nav-locator img.icon-signInUser { width: auto; height: 25px; } #nav ul.nav-tools > li.nav-cart { top: -55px; } /* LL-15204 - checkout-header updates - max-width: 499px*/ .checkout-header #header { height: 45px; } .checkout-header #nav ul.nav-tools > li.nav-locator { top: -33px; } .checkout-header #nav ul.nav-tools > li.nav-cart { top: -10px; } /*LL-15360 - Mobile Font Sizing for PDP*/ #pdpItemInfo h1.pdp-header {font-size:25px!important; line-height:30px;} .pdp-price {font-size:20px; line-height:24px;} .pdp-color-label, .pdp-qty-label .smallbody, .personalization-form strong.smallbody, .personalization-form p.smallbody, .pdp-recage-label, .pdp-ageyear-label, .pdp-desc-label, .pdp-description, #pdpItemInfo .itemNo, .pdp-addinfo-label, .pdp-addinfo-more-label {font-size:17px; line-height:27px;} .product-accessories-title {font-size:25px!important; line-height:30px;} .accessories-display-name, .accessory-age-text, .qtyHeading, .dropdown-label, .accessory-age-value, .accessory-description-text, .accessory-long-description-text, .accessory-item-number {font-size:17px!important; line-height:27px;} a.write-review, .pdp-reviewdate {font-size:17px; line-height: 21px; display: block; margin-left: 0; margin-top: 5px;} a.write-review.btn-primary {width:100%; font-size: 20px!important; line-height: 34px!important; margin: 15px 0;} .review-user {font-size:17px; line-height: 21px; margin-right:0px;} #llReviews .review-helpful {font-size: 17px;} .avg-review, #llReviews .review-title, .pdp-revcount-label, .pdp-rev-sortlabel, .review-entry p {font-size:17px!important; line-height:27px!important;} .acc-select, .acc-select span {font-size:17px;} .dd-title strong, .prod-secondary strong {font-size:17px;} /* EC-7976 - max-width: 499px */ .addedtocart .header-links { padding-top: 0px; } .addedtocart .header-link { display: block; text-align: right; float: none; line-height: 35px;} .addedtocart .links-divider { display: none; } /* LL-10491 - checkout header - help and return links - max-width: 499px*/ ul.nav-tools.user-tools.checkout { position: absolute; top: 15px; right: 15px; margin-top: 0px!important; } /* LL-11553 - Accout Shipping/checkout - buttons - max-width: 499px*/ .shippingAddressPanels .shipping-edit-list .checkout-table-border .table td.account-edit btn { width: 100%; margin: 10px 0px !important; } .update-continue.noPadding { width: 100%; padding: 15px !important; } /* LL-11553 - Accout Shipping/checkout - pagination slugs on mobile - max-width: 499px*/ .account-sort.paginationCount div.col-xs-4.mt10 { width: 100%; } /*CHECKOUT*/ /* EC-6133 - checkout-spacing consistency updates - max-width: 499px */ .newCheckout .shipping-edit-list { margin-top: 5px !important; } .newCheckout .delivery-edit-box { margin-top: 20px !important; } .newCheckout .payment-edit-list { margin-top: 0px !important; } /* EC-6495 - mobile checkout getting rid of additional border on bottom of edit shipping address guest */ .shipping-edit-list .checkout-table-border .table tr {padding: 0; border-bottom: 0;} /*EC-6257 - adjust padding for old and new checkout design max-width: 499px */ .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td { padding: 18px 20px 18px 50px !important; } .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td.account-edit { padding: 0px!important; } .shipping-edit-list .checkout-table-border #tbl-shipping-address.table td { padding: 15px 20px 15px 30px !important; } .shipping-edit-list .checkout-table-border #tbl-shipping-address.table td.account-edit { padding: 0px!important; } .account-landing .shippingAddressPanels .panel .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td { padding: 15px 20px 15px 20px !important; } .account-landing .shippingAddressPanels .panel .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td.account-edit { padding: 0px!important; } .account-landing .shippingAddressPanels .panel .shipping-edit-list .checkout-table-border #tbl-shipping-address.table td { padding: 15px 20px 15px 0px !important; } .account-landing .shippingAddressPanels .panel .shipping-edit-list .checkout-table-border #tbl-shipping-address.table td.account-edit { padding: 0px !important; } .panel-checkout .paginationCount > div:nth-of-type(1) {width: 100%;} .newCheckout .panel-checkout .btn.btn-success {width: 100%; float: left!important; margin-left: 0px!important; font-size: 20px; padding: 10px !important;} /* EC-6494 - checkout redesign mobile btn fix */ .newCheckout #edit-guest-payment .btn.btn-primary, .newCheckout #edit-guest-payment .btn.btn-info {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} .newCheckout #edit-delivery .btn.btn-primary, .newCheckout #edit-delivery .btn.btn-info {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} .newCheckout #edit-guest-email .btn.btn-primary, .newCheckout #edit-guest-email .btn.btn-info {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} .newCheckout .form .btn.btn-primary, .newCheckout .form .btn.btn-info {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} .newCheckout .payment-edit-list .save-btn-float, .newCheckout .payment-edit-list .default-btn {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} .newCheckout .shipping-edit-list .btn.btn-primary, .newCheckout .shipping-edit-list .btn.btn-info {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} .account-landing #edit-myAccount-profile .btn.btn-primary, .account-landing #edit-myAccount-profile .btn.btn-info {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} .newCheckout #add-newAddress .btn.btn-primary, .newCheckout #add-newAddress .btn.btn-info {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} .account-landing #add-new-payment .btn.btn-primary, .account-landing #add-new-payment .btn.btn-info {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} .account-landing .form .save-btn-float, .account-landing .form .default-btn {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} /* EC-6497 - checkout payment & gift card enabled btns */ .newCheckout .splitPayment .btn-info, .newCheckout .splitPayment .btn-primary {width: 100%; float: left!important; margin-left: 0px!important; font-size: 24px;} /* LL-14300-checkout steps text center alignment max-width: 499px */ .panel-checkout table.checkout th {text-align:left !important;} .panel-checkout table.checkout td {text-align:left !important;} .panel-checkout table.checkout td:nth-child(3) { width: 100%; } /* LL-14606 - checkout panel review max-width 499px */ .panel-checkout table.checkout td:nth-last-child(2) { text-align: left!important; } .checkout-title h3 { color: #020202; margin: 0px; padding: 10px 15px 10px 45px; } .checkout-title a.btn { top: 10px!important; position: relative; left: 45px; margin-top: 0px; margin-bottom: 5px; } /*Checkout Button Alignment for devices < 499px*/ .checkout-title a.btn.show {display:inline-block!important;} /* Typeahead */ /* LL-15276 - mobile header updates to style - removed unnecessary styles */ form.header-search {bottom: 3px;} form.header-search button {right:50px; top:-1px;} .ll-typeahead .ll-autosuggest-container {top:86%;} /* LL-13381 - typeahead remove button alignment */ span.ll-typeahead .ll-typeahead-remove { padding-top: 5px!important; } /*Footer max-width: 499px */ form.footer-email input { width:70%!important; } .table thead tr, .table tr.thead { display: none; } .table thead tr.table-super { display: block; } .table tr { display: block; border-bottom: 1px solid #ccc; padding: 10px 0; } .table tr.table-super { border: none; padding: 0; } .table>thead>tr>th, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { display: block; border: none; padding: 0; } .table>tbody>tr:last-child { border: none; } /* EC-5450 = text-size-mobile - EC-1536 - order-confirm-display-issues-fix min-width > 499px*/ .order-confirm-greeting-icon { display: inline-block; width: 30%; } .order-confirm-greeting { display: block; width: 100%; vertical-align: top; } /* EC-5450 = text-size-mobile - EC-1666 - order confirmation cart summary table space fix max-width > 490px*/ .table.checkout tr { display: block; border-bottom: 0px; padding: 0px; margin-bottom: 10px; } .order-confirm-greeting-desk { display: none !important; } h1.order-confirm-greeting-mobile { width: 60%; font-size: 7vw!important; } .disable-create-account .btn.btn-primary { width: 100%; } /* LL-12215 - space at bottom and top of edit table on checkout - added padding-top:1px; padding-bottom: 0px; max-width: 499px */ .table.condense-sm>tbody>tr:last-child { border: none; padding-top: 11px; padding-bottom: 0px; } td.on { display: block; } .table>tbody>tr>td.off { display: none; } .account-edit-box { margin: -11px -20px; } .account-landing .panel-title { padding-right: 120px; } /*homepage*/ .container2 {width:100%; padding:0px;} /* LL-17978- featured Categories Block Links background color and hover color - max-width: 499px */ a.featured-resource-mobile img { width: 40%; } a.featured-resource-mobile span { font-size: 6vw; line-height:6vw; } /* LL-18164 - homepage connect banner css updates max-width: 499px */ .homepage-connect-content video { width: 100%!important; margin: 0px auto 20px; } /*Tabs*/ ul.nav-tabs-lg li a, ul.nav-tabs-lg li.active a {font-size: 18px;} ul.nav-tabs-lg {padding: 5px 0px 20px;} .item-v a.item-link {padding:0px;} /* LL-6520 - Account Order History Title Header Fixes max-width: 499px */ .account-header .mainTitle { width: 100%; } /* LL-6454 - Account Edit Box Default Fix max-width: 499px */ .account-edit-box .account-default-text { text-align: left; } /* LL-9634 - PDP Mobile Price (max-width: 499px) */ .pdp-mobile-price h4.pdp-price { font-size: 21px; } /*PDP Accessories*/ .pdp-saleAlert {width:80%;} .pdp-saleAlert .dropdown-menu {left:20px;} /*PDP Social Icons*/ .pdp-add-wishlist {width:100%;} .pdp-share-icons {width:100%; clear: left; text-align: left; margin-top: 25px;} /* LL-9961 - added CSS for width: 100% to make quantity box to be 100% wide on mobile max-width: 499px */ form.form-inline div.form-group.gift-qty { width: 100%; max-width: 100%; min-width: unset; padding: 0px; } /* LL-9976 pagination - adjust padding between numbers */ #main .pagination>li>a, .pagination>li>span { border: none; color: #020202; background: none !important; text-decoration: none; padding-left: 10px; padding-right: 10px; } /* LL-17153 - pagination padding-update */ #main .pagination>li:first-child>a { padding-right: 9px; padding-left: 0px; } #main .pagination>li:last-child>a { padding-right: 0px; padding-left: 9px; } /*PDP Small Styles*/ .mobile-flush {float:left; width:100%; margin-bottom:10px;} /*LL-6270 PDP Add to Cart Mobile added margin-top: 30px - updated to 7px as per LL-9466 */ .mobile-flush .btn-addtocart { width:100%!important; margin-top:7px; margin-left:0px!important; padding:10px;} /* PDP Popovers */ .popover {min-width:95%; max-width:95%; left:15px!important;} /* LL-10276 - popovers going off screen on iPAD max-width: 499px*/ div[id*='popover'] { width: 275px; position: absolute; left: 0%!important; } /*PDP Accessories*/ .product-accessories-box .pdp-warranty-image-mobile img {width:100px;} /* LL-14023 - updated width of input for mobile from 100% to 80% */ input.pdp-personalize {width:80%!important;} /* LL-14023 - updated the width for mobile from 70 to 30% max-width: 490px */ .giftcard-amount {width:30%;} /*Wishlish Modal*/ .sl-buttons .btn-primary {width: 100%; margin: 10px 0px; padding: 10px 16px; font-size: 19px; } /* LL-11444 - Wishlist Cancel Button max-width: 499px */ .sl-buttons .btn-info.account-edit-cancel { width: 100%; margin: 10px 0px; padding: 10px 16px; font-size: 19px; } /* LL-11444 - wishlist add shopping list space reduction max-width: 767px*/ div#modal-add .btn.btn-primary, div#modal-add .btn.btn-info { width: 100%; margin: 10px 0px; padding: 10px 16px; font-size: 19px; } /*cart*/ .paypalbutton {cursor: pointer; width:70%!important; } /* LL-9485 - PDP Page PDP Gift Card Form Add to Cart Button misalign - Top Margin Add max-width: 499px*/ .form-group.mobile-flush.gift-addtocart { margin-top: 5px; } /* LL-9612 - space betwween sale and unit price - removed width, added padding-right (max-width: 499px) */ .item-cart label, .item-cart .item-price, .item-cart .item-qty { display: inline-block !important; /* width: 40% !important; */ padding-right: 5px; } /* PDP QTY Box + out of stock email - CSS for mobile styling */ #pdpItemInfo form.form-inline div.form-group { display: block; } #pdpItemInfo form.form-inline div.form-group.mobile-flush { width: 100%; max-width: 100%; display: block; float: none; } #pdpItemInfo form.form-inline div.form-group input#stockEmail.form-control { max-width: 100%; display: block; } #pdpItemInfo form.form-inline button.btn.btn-primary { width: 100%; max-width: 100%; display: block; } /* LL-8338 EGC amount form group fix */ div.giftcard-edit-box .form .row div.form-group:first-child { width: 100%; } div.giftcard-edit-box .form .row div.form-group:first-child > .control-label { display: block; } /* LL-7327 - EGC - Email address is cut off max-width: 499px */ div.gc-fields, div.egc-fields { /*removed left margin - margin-left: -70%; */ margin-top: 10px; } /* div.gift-fields-desc { width:initial; max-width: initial; min-width: initial; } */ div.gift-fields-entry, div.gift-fields-desc { width: 100% !important; max-width: 100% !important; min-width: initial; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* margin to push dropup cartAlerts to the left margin */ /* removed the left margin because of form filed updates and new cart addition */ /*div.item-cart > div.row.tight > div.col-sm-8 > div.dropup.cartAlert { margin-left: -70%; }*/ div.item-cart div.col-sm-8.grey > div.row > .dropup.cartAlert { /*LL-9421 - Was causing alignment issue in cart: margin-left: -60%;*/ margin-top:15px;} /* LL-7327 - spacing from top div max-width: 499px*/ div.item-cart div.row.tight:last-child { margin-top: 5px!important; } /* LL-7327 - fix buttons in edit dropdown - LL-11169 - added width of 100% for mobile.*/ .save-edit-egc, .cancel-edit-egc, .save-edit-gc, .cancel-edit-gc { margin: 15px 0px; width: 100%; } /*LL-14023 - cart save button added width - LL-8409 - Personalization Edit Fields styling max-width: 499px */ /*EC-6251 - removed display: block from rules - LL-8409 - Personalization Edit Fields styling max-width: 499px */ .save-edit-pers, .cancel-edit-pers { width: 100%; margin: 0px 0px 15px 0px!important; } /* .orderSummaryCheckout { width:100% !important; text-align:center; margin-left:0px; } */ /* LL-11276 - shopping cart Order Summary updates max-width: 499px */ /* .orderSummaryCheckout .btn-cart-checkout { margin-top: 25px!important; } */ .shopmid a.shop {text-align: center!important; display: block !important; padding: 0px 0px 0px 0px; } /*Single Page Checkout*/ .dataIndent {margin-left: 38px;} .account-edit-show {line-height: 40px;} .checkout-edit-box-first {margin: -11px 0px -11px;} .checkout-edit-box {margin: 0px 0px -31px;} /* LL-16715 -gift-wrap-modal-fix */ .gift-edit-list .checkout-edit-box {margin: -11px 0px -20px;} .account .pers-edit-area {margin: 20px 0 0;} #modal-share .btn-shareList {margin-left:0; margin-bottom: 15px; width: 100%;} /*LL-17614 - Mobile - Pop up modal - Cancel button is displayed on top of Save / Send button but it should not */ .default-btn{margin-left:0; margin-bottom: 15px; width: 100%;} .modal-footer .btn+.btn, .btn-info.default-btn { margin-left: 0;} /*LL-11070 - Personalization Edit Fields styling max-width: 499px */ .delivery-continue .account-save-cancel {width: 100%; margin:10px 0px!important;} .delivery-continue .account-edit-cancel {width: 100%; margin:10px 0px!important;} /* LL-12217 - button placement alignment max-width: 499px */ .saveNewPayment { padding: 0px; } .billing-update-continue { width: 100%; } .saveNewPayment .btn-primary{ width: 100%; margin-top: 20px !important; margin-left: 0 !important; } .saveNewPayment .btn-info { width: 100%; margin-top: 5px !important; margin-left: 0 !important; } .billing-update-continue .btn-primary{ width: 100%; margin-top: 20px !important; margin-left: 0 !important; } .billing-update-continue .btn-info { width: 100%; margin-top: 5px !important; margin-left: 0 !important; } /* EC-6251 - updated margins rules - LL-14023 - added margin-left:0px for git wrapping edit in cart - max-width: 499px */ .edit-profile-continue .btn-primary, .giftwrap-edit .btn-primary, .payment-continue .btn-primary { width: 100%; margin: 0px 0px 15px!important; } .edit-profile-continue .btn-info, .giftwrap-edit .btn-info, .payment-continue .btn-info {width: 100%; margin: 0px 0px 15px!important;} .review-order-title {display: inline-block;} .panel-checkout table.checkout td:last-child {text-align: left !important;} /* checkout - mobile header styles */ .cart-return-text {margin-top: 20px; /* font-size: 25px; */} .icon-faqs, .icon-cart {margin-left: 0px;} /* EC-9210 override !important on cancel-edit-gc btn */ .giftwrap-edit .cancel-edit-gc-override { margin: 10px 0 15px 0 !important; } /*checkout button max-width: 499px*/ /* LL-6317 - shopping cart updates */ /*coupon input*/ .col-md-12.col-sm-7.col-xs-7.orderSummaryCheckout { width: 100%; padding-left: 0px!important; } /*checkoutButton Container*/ .col-lg-12.col-lg-offset-0.col-md-12.col-md-offset-0.col-sm-5.col-sm-offset-0.col-xs-4.col-xs-offset-1.orderSummaryCheckout { width: 100%; text-align:center; margin-left:0px; padding-left: 0px!important; } /*checkout "or" text*/ div.pl-991-30 + div.col-md-12.col-sm-12.text-center.pb10 { width: 100%; float: left; } /*checkout "gift wrap" text*/ .col-lg-12.col-md-12.col-sm-4.col-xs-5.orderSummaryCheckout.pt10 { width: 100%; } /* LL-14300 - checkout-order-summary class to 100% max-width: 499px */ .checkout-order-summary { width: 100%!important; } /* LL-6317 - cart checkout buttons */ /* LL-7309 - position: relative; z-index: 5; */ .pl-991-30 { padding-left:0px!important; width: 100%!important; text-align: center; float: left; position: relative; z-index: 5; } /*one-page checkout mobile table heads */ table.checkout span.mobileTableHead { display:inline; font-weight: 700; } /* items - cart add Thank You*/ /* ul.item-cartAddty .item-img-column { position: relative; width:100%; } ul.item-cartAddty .item-details { position: relative; width:100%; margin: 10px 0px; } ul.item-cartAddty .item-price { text-align: left; width:100%; width:100%; margin: 10px 0px; } ul.item-cartAddty .item-qty-column { position: relative; text-align: left; width:100%; margin: 10px 0px; } ul.item-cartAddty .item-subtotal-price { text-align: left; width:100%; margin: 10px 0px; } ul.item-cartAddty .item-total { text-align: left; width:100%; margin: 10px 0px; } */ /*Modals*/ .modal-content.logIn { width: 100%; } /* LL-16413 - address verification modal formatting -max-width: 499px */ #modal-address .av-address { width: 100%; } #modal-address .modal-footer .btn-primary { width: 100%; font-size: 20px; line-height: 34px; } /* LL-14511-add-to-cart-modal-update--width- max-width: 499px*/ #modal-added-to-cart { width: 100%; margin: 0px auto; overflow: visible; } /* LL-14511-add-to-cart-modal-update-button-width-and-float - LL-8842 - updated add to cart modal - view cart button styling max-width: 499px*/ /* button.btn-success.btn-cartaddty { max-width: 100%; font-size: 17px; padding: 10px;} --- moved to max width 767px for LL-15760*/ /* LL-10536 - Credit Card CVV help Modals max-width: 499px */ .cvv-modal { width: 100%; } /* landing pages */ /* landing page main category */ .landing-mainCat { position: relative; background-color: #58acc0; width: 100%; } .landing-mainCatImg { width: 100%; } .landing-mainCatTxt { width: 100%; position: static; top: 0%; left: 0%; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); text-align:center !important; padding: 20px 15px 20px 15px; } .landing-mainCatTxt h1, .landing-mainCatTxt h2, .landing-mainCatTxt h3, .landing-mainCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6, .landing-mainCatTxt p { width: 100%; } .landing-mainCatTxt h1 { font-size: 31px !important; font-weight: 700; line-height: 37px; } .landing-mainCatTxt h2, .landing-mainCatTxt h3 { font-size: 19px; font-weight: 700; line-height: 23px; } .landing-mainCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6 { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-mainCatTxt p { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-mainCatTxt strong { font-weight: 700; } .landing-mainCatTxt button { min-width: 90% !important; } /* landing page popular category titles */ .landing-popCat { width: 100%; margin-bottom: 20px; } .landing-popCat .item-title { text-align: left; font-size: 15px; font-weight: 700; } .landing-popCat .item-title a { text-align: left; font-size: 15px; font-weight: 700; margin-bottom: 20px; } /* landing page subcategory */ .landing-subCat { position: relative; background-color: #f0f0f1; width: 95%; } .landing-subCatImg { width: 100%; } .landing-subCatTxt { width: 100%; position: static; top: 0%; left: 0%; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); text-align:center !important; padding: 5px !important; min-height: 120px; } .landing-subCatTxt h1, .landing-subCatTxt h2, .landing-subCatTxt h3, .landing-subCatTxt h4, .landing-subCatTxt h5, .landing-subCatTxt h6, .landing-subCatTxt p { width: 100%; } .landing-subCatTxt h1 { font-size: 31px; font-weight: 700; line-height: 37px; } .landing-subCatTxt h2, .landing-mainCatTxt h3 { font-size: 19px; font-weight: 700; line-height: 23px; } .landing-subCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6 { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-subCatTxt p { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-subCatTxt strong { font-weight: 700; } .category-landing h1 {font-size: 31px; text-align: left; font-weight: 700; margin-top:30px; margin-bottom: 0px;} /* Landing Page CTA button */ .btn-shop { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; min-width: 175px!important; margin-top: 20px; } .btn-shop:link { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; } .btn-shop:visited { background-color: #cc0000 !important; color:#fff; } .btn-shop:hover { background-color: #cc0000 !important; color:#fff; } .btn-shop:active { background-color: #cc0000 !important; color:#fff; } button.cta { min-width: 100% !important; } /* Sidebar buttons */ .catLanding button.list-group-item { text-decoration:none; background-color: #fff; padding:6px 15px !important; } .catLanding button.list-group-item:link { text-decoration:none; background-color: #fff; padding:6px 15px !important; } .catLanding button.list-group-item:visited { text-decoration:none; background-color: #fff;} .catLanding button.list-group-item:hover { text-decoration:underline; background-color: #fff;} .catLanding button.list-group-item:active { text-decoration:none; background-color: #fff;} .filter1-trigger button.btn, .filter2-trigger button.btn, .filter3-trigger button.btn { font-size:15px; min-width:82px; font-weight: 600; } .found-results.category-landing h1 { font-size:31px; text-align:center; font-weight:700; } /*QUICK ORDER Mobile styles */ .qo-addListToCart { display: none; } .qo-subTotal { width: 395px; text-align: right !important; } .qo-subTotal-bottom { width: 100%; text-align: right !important; } .qo-addListToCart-bottom { float: right; } /* ORDER DETAILS STYLES */ .od-summary { width: 70%; } .od-info-head { width: 35%; } .od-info { width: 65%; } .od-shopmid { text-align: center!important; } .od-shopmid a.od-view { display: block; text-align: center!important; padding-right: 0px; color: #1A77A3; margin-bottom: 20px; } .od-shopmid a.od-status { display: block; text-align: center!important; padding-left: 0px; color: #1A77A3; } span.od-rowHeader { display: inline !important; margin-right: 10px; } table.accountOrder-info th, td { text-align:left !important; } /* LL-10364 - Order History Modal Trigger Style max-width: 499px*/ a.order-status.od-rowHeader { display: inline-block; } /* ORDER STATUS STYLES */ .pageNavContainer { width: 100%; text-align: center; display: block; margin-bottom:20px;} .order-history .pageNavContainer .pagination {display: inline-block;} .orderSearch { width:100%; } /*MYSTERY PROMO LANDING PAGE */ .registryForm { padding-left: 15px; padding-right:15px; } .registryForm.newMember { margin-left: 0%; padding-left: 15px; padding-right:15px; border-left: 0px solid #ccc; } .registryForm button{ float:right; width:100%; } button.promoOver { margin-left: 0px !important; margin-top: 15px; width: 90%; } /*MYSTERY PROMO COUPON PAGE */ .mysteryDetail { border-left: 1px solid #ccc; padding: 20px 0px 20px 20px!important; } .mysteryDetail img { width: 75%; padding: 0px !important; } .mysteryCodes h2 { font-size: 30px !important; font-weight: 700px; } .mysteryCodes p { font-size: 19px; font-weight: 400px; } .promo1 h1 { width: 100%; height: 80px; font-size: 65px !important; line-height: .9em !important; padding-top: 25px; } .promo2 h1 { width: 100%; font-size: 45px !important; line-height: .8em !important; padding-top: 20px; } .promo2 span { font-size:50px !important; font-weight:400 !important; line-height:.3em !important; } .promo3 h1{ font-size:75px !important; font-weight:700 !important; padding-top: 10px; margin-bottom:0px !important; } .promo3 span { font-size:40px !important; font-weight:400 !important; line-height: .9em !important; } img.mysteryPromo { width: 100%; } .mysteryBarcode { height: 100px; } /* Complete Classrooms < 499px */ div.subcat-container div.cc-subcat-text { padding-top: 30px; padding-bottom: 30px;} section.subcategory img, .description img, .assortment img { width: 100%; border: 1px solid #ccc; } div.box-quote-text-right > p > img, div.box-quote-text-left > p > img { border: 0px solid #ccc; } p.cc-cta-text { display: none; font-size: 30px; line-height: 1.1em; margin: 0px; } p.cc-cta-text-mobile { display: block; font-size: 19px; line-height: 1.1em; } div.cc-view-links { width: 100%; margin-bottom: 20px; } /* LL-5043 - communication Prefs mobile button sizing max-width: 499px */ .comm-prefs .btn.btn-primary { width: 100%; } /* INFANT TODDLER Complete Classrooms (max-width: 499px) */ /* SCENE 7 IMAGE CONTROL */ /*controls the AREA FOR THE SCENE 7 IMAGES */ .it-s7image { height: 293px !important; } /*controls the container size */ .it-s7image .s7container.it-product-image { width: 390px !important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the viewer size */ .it-s7image .s7flyoutviewer.it-product-image { width: 100%!important; height: 293px!important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the SCENE 7 sizes */ /*reset*/.it-product-image .s7flyoutviewer, .it-product-image .it-product-image.s7container, .it-product-image .s7innercontainer, .it-product-image .s7flyoutzoomview, .it-product-image .s7staticimage, .it-product-image .s7flyoutviewer .s7flyoutzoomview, .it-product-image .s7staticimage img {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left:50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); display:block!important; } /*controls the SCENE 7 zoom out window */ /* 0-12 MONTHS IMAGES */ /* sleep-area1 */ div#s7flyout_div-sleep-area1_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library1 */ div#s7flyout_div-library1_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library1_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library1_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play1 */ div#s7flyout_div-block-play1_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play1_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play1_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* mealtime1 */ div#s7flyout_div-mealtime1_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* discovery1 */ div#s7flyout_div-discovery1_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-discovery1_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-discovery1_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies1 */ div#s7flyout_div-cubbies1_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing1 */ div#s7flyout_div-changing1_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing1_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing1_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* gross-motor1 */ div#s7flyout_div-gross-motor1_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* nonmob1 */ div#s7flyout_div-nonmob1_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* 12-24 MONTHS IMAGES */ /* naptime2 */ div#s7flyout_div-naptime2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library2 */ div#s7flyout_div-library2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play2 */ div#s7flyout_div-block-play2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* mealtime2 */ div#s7flyout_div-mealtime2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* dramaticPlay2 */ div#s7flyout_div-dramaticPlay2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies2 */ div#s7flyout_div-cubbies2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing2 */ div#s7flyout_div-changing2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* gross-motor2 */ div#s7flyout_div-gross-motor2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* manipulatives2 */ div#s7flyout_div-manipulatives2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* music2 */ div#s7flyout_div-music2_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music2_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music2_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* 24-36 MONTHS IMAGES */ /* naptime3 */ div#s7flyout_div-naptime3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library3 */ div#s7flyout_div-library3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play3 */ div#s7flyout_div-block-play3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* learningCorner3 */ div#s7flyout_div-learningCorner3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* dramaticPlay3 */ div#s7flyout_div-dramaticPlay3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies3 */ div#s7flyout_div-cubbies3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing3 */ div#s7flyout_div-changing3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* arts-crafts3 */ div#s7flyout_div-arts-crafts3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* manipulatives2 */ div#s7flyout_div-manipulatives3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* music2 */ div#s7flyout_div-music3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* science3 */ div#s7flyout_div-science3_container.s7container {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-science3_flyout.s7flyoutzoomview {width:390px!important; height: 293px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-science3_flyout.s7flyoutzoomview .s7flyoutzoom {width:390px!important; height: 285px!important; position: absolute!important; top:-285px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} #s7flyout_div_flyout { width: 300px !important; position: absolute; top: 0px; left: 0px; } .menu1-tab.row { background-color: #afbc0b; } div.categoryTab.two { background-color: #19bcd0; } div.categoryTab.three { background-color: #f7bc00; } .category img { width: 35%; display: inline; } div.tipImage1 img, div.tipImage2 img, div.tipImage3 img { width: 100%!important; } .categoryTitle { color: #fff; padding:0px; text-align: left; position: absolute; left: 68%; top: 50%; transform: translate(-50%, -50%); } .categoryTitle p { color: #fff; font-size: 19px; text-align: left; margin: 0px; line-height: 1em; } /* 0-12 MONTHS INTERACTIVE PAGE */ .btn-more-info { width: 40% !important; float: right !important; margin-left: 0px !important; background-color: #fff; font-size: 17px; padding: 4px 12px; color: #58acc0; border: 1px solid #ccc; } .btn-addtocart.btn-add-to-cart {width:55% !important; } div.interactive-wrapper.desktop { display: none!important; } div.interactive-wrapper.mobile { display: block!important; } div.clearfix.mobile { display: block !important; } div.interactive div.interactive-container { display: table; background-color: #F5F5F5; position: relative; height: auto; padding-top: 0px!important; } div.interactive div.interactive-container div.interactive-wrapper{ position: relative; width: 310px; height: auto; margin: auto; } div.interactive div.interactive-container div.interactive-wrapper img.interactive-main { width: 310px; height: 225px; } /* 0 - 12 months rollovers */ div.interactive.first div.interactive-container div.interactive-wrapper img.sleep { width: 148px; height: auto; position: absolute; top: 35px; left: 15px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.nonmob { width: 136px; height: auto; position: absolute; top: 117px; left: 1px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.grossmotor { width: 121px; height: auto; position: absolute; top: 160px; left: 51px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.changing { width: 100px; height: auto; position: absolute; top: 151px; left: 97px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.cubbies { width: 116px; height: auto; position: absolute; top: 169px; left: 193px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.discovery { width: 168px; height: auto; position: absolute; top: 132px; left: 141px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.mealtime { width: 64px; height: auto; position: absolute; top: 45px; left: 225px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.blockplay { width: 69px; height: auto; position: absolute; top: 36px; left: 174px; pointer-events: none; } div.interactive.first div.interactive-container div.interactive-wrapper img.library { width: 67px; height: auto; position: absolute; top: 29px; left: 122px; pointer-events: none; } /* 12 - 24 months rollovers */ div.interactive.second div.interactive-container div.interactive-wrapper img.naptime { width: 65px; height: 67px; position: absolute; top: 136px; left: 27px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.manipulatives { width: 157px; height: 57px; position: absolute; top: 176px; left: 121px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.grossmotor { width: 94px; height: 77px; position: absolute; top: 118px; left: 216px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.changing { width: 96px; height: 93px; position: absolute; top: 20px; left: 125px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.cubbies { width: 144px; height: 88px; position: absolute; top: 33px; left: 28px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.dramaticPlay { width: 159px; height: 79px; position: absolute; top: 133px; left: 138px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.mealtime { width: 66px; height: 96px; position: absolute; top: 139px; left: 81px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.blockplay { width: 101px; height: 110px; position: absolute; top: 37px; left: 151px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.library { width: 85px; height: 126px; position: absolute; top: 50px; left: 15px; pointer-events: none; } div.interactive.second div.interactive-container div.interactive-wrapper img.music { width: 59px; height: 90px; position: absolute; top: 51px; left: 226px; pointer-events: none; } /* 24 - 36 months rollovers */ div.interactive.third div.interactive-container div.interactive-wrapper img.naptime { width: 59px; height: 70px; position: absolute; top: 163px; left: 70px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.manipulatives { width: 102px; height: 116px; position: absolute; top: 32px; left: 139px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.arts-crafts { width: 108px; height: 73px; position: absolute; top: 120px; left: 201px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.changing { width: 93px; height: 147px; position: absolute; top: 20px; left: 0px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.cubbies { width: 96px; height: 100px; position: absolute; top: 144px; left: 2px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.dramaticPlay { width: 111px; height: 73px; position: absolute; top: 149px; left: 90px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.learningCorner { width: 89px; height: 100px; position: absolute; top: 37px; left: 36px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.blockplay { width: 103px; height: 66px; position: absolute; top: 143px; left: 159px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.library { width: 78px; height: 120px; position: absolute; top: 48px; left: 70px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.music { width: 136px; height: 94px; position: absolute; top: 47px; left: 174px; pointer-events: none; } div.interactive.third div.interactive-container div.interactive-wrapper img.science { width: 42px; height: 103px; position: absolute; top: 21px; left: 124px; pointer-events: none; } /*AYR - LANDING PAGE */ /* MOBILE NAV STYLES */ div.ayr-product-selector-mobile { padding: 15px!important; } div.ayr-product-selector-mobile ul.ayr-mobile-nav li.left {width: 100%!important; border: 0px solid #ccc; margin: 0% auto;} div.ayr-product-selector-mobile ul.ayr-mobile-nav li.left a {width: 100%!important; background-color: #0072bc; color: #fff; border: 0px solid #ccc; margin: 0% auto;} div.ayr-product-selector-mobile ul.ayr-mobile-nav li.right {width: 100%!important; border: 0px solid #ccc; margin: 0% auto;} div.ayr-product-selector-mobile ul.ayr-mobile-nav li.right a {width: 100%!important; background-color: #0072bc; color: #fff; border: 0px solid #ccc; margin: 0% auto;} div.ayr-product-selector-mobile ul.ayr-mobile-nav li img { display: none; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li > a.ayr-product:link { background-color: #0072bc;} div.ayr-product-selector-mobile ul.ayr-mobile-nav > li > a.ayr-product:hover { background-color: #0072bc; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li > a.ayr-product.btn:link > p { text-decoration: none!important; color: #fff; } div.ayr-product-selector-mobile ul.ayr-mobile-nav > li > a.ayr-product.btn:hover > p { text-decoration: none!important; color: #fff; } /*AYR - ASSESSMENTS PAGE */ div.printItemLeft, div.printItemRight { width: 100%!important; margin-top: 20px;} div.ayr-products { width: 100%!important; } div.ayr-title { float: left!important; } div.ayr-navbar { float: right; width: 100%; } div.ayr-navbar div.ayr-nav-table { width: 100%; display: table; margin: 0px auto; float: none; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav { width: 100%; float: left; margin: 0px auto; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li { width: 20%; float: left; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a { width: 100%; text-align: center; padding: 5px; } div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a img { display: block; margin: 0px auto;} div.ayr-navbar div.ayr-nav-table ul.nav.navbar-nav > li > a p { display: block; text-align: center; margin: 0px auto; line-height: 15px;} /* SPECIAL NEEDS PAGES */ img.special-needs-icon { width: 100% !important; max-width: 94px; padding-right: 0px!important;} div.category-icon { width: 100%!important; text-align: center; padding-right: 0px!important; } div.category-text { width: 100%!important; text-align: center; } div.category-text p{ width: 100%; text-align: left; } .bg-grey-sn-product { background-color: #f4f4f4; padding: 30px 0px; text-align: left; } .bg-white-sn-product { background-color: #ffffff; padding: 30px 0px; text-align: left; } a.sn-brochure-link { float: none; text-align: center; padding-bottom: 20px; } div.sn-product-image { text-align: center; padding: 0px 30px 30px 30px!important; } div.sn-product-image img { float: none; border: 1px solid #ccc; position: relative; margin-bottom: 10px; } div.sn-product-image img.left { float: none; border: 1px solid #ccc; position: relative; margin-bottom: 10px;} div.sn-product-image img.right { float: none; border: 1px solid #ccc; position: relative; margin-bottom: 10px; } div.sn-product-text { position: relative; width: 100%; min-height: 100px !important; text-align: center !important; padding: 0px 30px!important; margin: 0px; } div.sn-product-text h2 { position: relative; width: 100%; text-align: left !important; padding: 0px; margin: 10px auto; } div.sn-product-text p { position: relative; width: 100%; text-align: left !important; padding: 0px; margin: 10px auto; } img.sn-product { width: 100%; text-align: center; margin: 0px!important;} img.sn-product.left { float:none; } img.sn-product.right { float:none;} /* Chart Modals */ /* SEATING AND SIZING CHART MODALS */ table.table-modal row:link { border-bottom: 1px solid #ccc; } table.table-modal row:hover { border-bottom: 1px solid #ccc; } /*seating sizing MODAL */ table.table.table-modal tr td:first-child, table.table-modal tr th:first-child { width:100%!important; text-align: left!important; padding-left: 0px!important; font-size: 19px; font-weight: 600; } table.table.table-modal tr td:nth-child(2), table.table.table-modal tr td:nth-child(3), table.table-modal tr th:nth-child(2), table.table-modal tr th:nth-child(3) { width:100%; text-align: left!important; } table.table.table-modal span, table.table-modal-left span { display: inline; font-weight: 600; } img.seatingchart { width: 100%!important; max-width: 798px; } /*READING CORRELATION MODAL */ table.table.reading-modal tr td:first-child, table.table.reading-modal tr th:first-child { width: 100%!important; text-align: left!important; padding-right: 10px; padding-left: 0px!important; } table.table.reading-modal tr td:nth-child(2), table.table.reading-modal tr th:nth-child(2) { width: 100%!important; text-align: left!important; padding-right: 10px; padding-left: 0px!important; } table.table.reading-modal tr td:nth-child(3), table.table.reading-modal tr td:nth-child(4), table.table.reading-modal tr th:nth-child(3), table.table.reading-modal tr th:nth-child(4) { width: 100%!important; text-align: left!important; padding-right:10px; padding-left: 0px!important; } table.table.reading-modal tr.subcat { padding-left: 10px!important; } table.table.reading-modal tr.subcat td:first-child { width: 100%!important; text-align: left!important; padding-right: 10px; padding-left: 0px!important; font-size: 15px; font-weight: 600;} table.table.reading-modal tr.subcat td:nth-child(2) { width: 100%!important; text-align: left!important; padding-right: 10px; padding-left: 0px!important; } table.table.reading-modal tr.subcat td:nth-child(3), table.table.reading-modal tr.subcat td:nth-child(4) { width: 100%!important; text-align: left!important; padding-right:10px; padding-left: 0px!important; } div#modal-readingChart div.modal-dialog { width: 690px; } /* LL-2962 - modal-register bug to fix register fields and buttons. max-width: 499 */ /* LL-2962 - modal-register buttons. max-width: 499 */ #modal-register .modal-content .form .modal-footer div.logInButton:first-child { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-bottom: 20px!important; } #modal-register .modal-content .form .modal-footer div.logInButton:first-child .btn.btn-primary { width: 100%!important; display: block!important; font-size: 19px!important; padding: 10px 16px; } #modal-register .modal-content .form .modal-footer div.logInButton:nth-child(2) { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-left: 0px!important; margin-bottom: 20px!important;} #modal-register .modal-content .form .modal-footer div.logInButton:nth-child(2) .btn.btn-info { width: 100%!important; display: block!important; font-size: 19px!important; padding: 10px 16px; } #modal-register .modal-content .form .modal-footer div.logInButton:nth-child(3) { width: 100%!important; display: block!important; float: left!important; left: 0%!important; padding: 0px!important} /* LL-8203 - modal-password buttons. max-width: 499 */ #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:first-child { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-bottom: 20px!important; } #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:first-child .btn.btn-info { width: 100%!important; display: block!important; font-size: 19px!important; padding: 10px 16px; } #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:nth-child(2) { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-left: 0px!important; margin-bottom: 20px!important;} #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:nth-child(2) .btn.btn-primary { width: 100%!important; display: block!important; font-size: 19px!important; padding: 10px 16px; } #modal-password .form .modal-content .modal-footer div.forgotPasswordButtons:nth-child(3) { width: 100%!important; display: block!important; float: left!important; left: 0%!important; padding: 0px!important} .col-xs-offset-8 {margin-left:0px;} /*reset left column offset*/ /* LL-7910 - radio. modal-register restyle max-width: 499 */ #modal-register .modal-content .form .modal-body .form-group label.control-label:first-of-type { font-weight:700; display: block; } /*LL=12251 - radio. modal-register restyle*/ #modal-register .modal-content .form .modal-body .form-group div.radio:first-of-type { width: 100%!important; min-width: 220px; padding: 0px; margin: 5px 0px 0px 0px!important; display: block;} #modal-register .modal-content .form .modal-body .form-group div.radio:nth-of-type(2) { width: 100%!important; min-width: 90px; padding: 0px; margin: 5px 0px 0px 0px!important; display: block;} #modal-register .modal-content .form .modal-body .form-group div.radio:nth-of-type(3) { width: 100%!important; min-width: 90px; padding: 0px; margin: 5px 0px 0px 0px!important; display: block;} #modal-register .modal-content .form .modal-body .form-group div.radio input[name="userShopFor"] { padding: 0px; } /* LL-5013 - buttons. modal-login max-width: < 499 */ #modal-login .modal-content .form .modal-footer div.logInButton:first-child { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-bottom: 20px!important; } #modal-login .modal-content .form .modal-footer div.logInButton:first-child .btn.btn-primary { width: 100%!important; display: block!important; font-size: 19px!important; padding: 10px 16px; } #modal-login .modal-content .form .modal-footer div.logInButton:nth-child(2) { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-left: 0px!important; margin-bottom: 20px!important; } #modal-login .modal-content .form .modal-footer div.logInButton:nth-child(2) .btn.btn-info { width: 100%!important; display: block!important; font-size: 19px!important; padding: 10px 16px; } #modal-login .modal-content .form .modal-footer div.logInButton:nth-child(3) { width: 100%!important; display: block!important; float: left!important; left: 0%!important; padding: 0px!important; } /* LL-17116 - Add to shopping list modal updates < 499 */ #modal-add .modal-content .modal-footer div.logInButton:first-child { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-bottom: 20px!important; } #modal-add .modal-content .modal-footer div.logInButton:first-child .btn.btn-primary { width: 100%!important; display: block; font-size: 19px!important; padding: 10px 16px; } #modal-add .modal-content .modal-footer div.logInButton:nth-child(2) { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-left: 0px!important; margin-bottom: 20px!important; } #modal-add .modal-content .modal-footer div.logInButton:nth-child(2) .btn.btn-info { width: 100%!important; display: block!important; font-size: 19px!important; padding: 10px 16px; } #modal-add .modal-content .modal-footer div.logInButton:nth-child(3) { width: 100%!important; display: block!important; float: left!important; left: 0%!important; padding: 0px!important; } #modal-add .modal-content .modal-footer {padding-right:20px!important;} #modal-add .radio, #modal-add strong {margin-top: -11px; font-size: 17px;} #modal-add input[type=radio], #modal-add input[type=radio]:checked {width:23px; height:23px;} div#modal-add .modal-body {height:210px;} /* LL-7910 - radio. modal-gsa-register max-width: < 499 */ #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio:first-of-type { width: 100%!important; min-width: 200px; padding: 0px; margin: 5px 0px 0px 0px!important; display: block; } #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio:nth-of-type(2) { width: 100%!important; min-width: 80px; padding: 0px; margin: 5px 0px 0px 0px!important; display: block; } #modal-gsa-register .modal-content .form .modal-body div.row.narrow .form-group div.radio:nth-of-type(3) { width: 100%!important; min-width: 80px; padding: 0px; margin: 5px 0px 0px 0px!important; display: block; } /* LL-7910 - GSA Registration buttons. modal-login max-width: < 499 */ #modal-gsa-register .modal-content .form .modal-footer div.logInButton:first-child { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-bottom: 20px!important; } #modal-gsa-register .modal-content .form .modal-footer div.logInButton:first-child .btn.btn-info { width: 100%!important; display: block!important; font-size: 19px!important; padding: 10px 16px; } #modal-gsa-register .modal-content .form .modal-footer div.logInButton:nth-child(2) { width: 100%!important; display: block!important; float: none; left: 0%!important; margin-left: 0px!important; margin-bottom: 20px!important; } #modal-gsa-register .modal-content .form .modal-footer div.logInButton:nth-child(2) .btn.btn-primary { width: 100%!important; display: block!important; font-size: 19px!important; padding: 10px 16px; } #modal-gsa-register .modal-content .form .modal-footer div.logInButton:nth-child(3) { width: 100%!important; display: block!important; float: left!important; left: 0%!important; padding: 0px!important; } /*classroom furniture landing for max-width: 499px */ .cf-dropdown { width: 100%; display: inline-block; } .cf-dropdown:first-child { width: 100%; display: inline-block!important; margin: 0px 0px 10px 0px; float: none!important; } .cf-dropdown:last-child { width: 100%; display: inline-block!important; margin: 0px 0px 23px 0px; float: none!important; } .cf-dropdown ul { width: 100%; margin-top: 0px; } div.cf-services-lt img { width: 100%; max-width: 552px; height: auto; padding-right: 0px; float: left; margin-bottom:30px;} div.cf-services-rt img { width: 100%; max-width: 552px; height: auto; padding-left: 0px; float: right;} /*LL-16336 - classroom furniture landing height adjustment for max-width: 499px */ div.cf-collection { width: 50%; min-height: 170px; padding: 0px 15px!important; text-align: center!important; } /*product-registration form max-width: 499px*/ form.product-registration div.form-group { width: 100%; } form.product-registration div.form-group.wide-input { width: 100%!important; } form.product-registration a.btn.btn-primary { width: 100%!important; min-width: 86px!important; } /*Teachers Club page desktop max-width: 499px */ .tc-offer-main .main-logo-container { width: 100%; height: unset; text-align: center; margin: 0px 0px 20px; } .tc-offer-main .main-logo-container img.main-logo{ width: 100%; padding: 0px; } .tc-offer-main ol { width: 100%; padding: 0px 0px 0px 25px; margin: 20px auto; } .tc-offer-main ol li { padding: 0px; } .tc-offer-main a.btn-primary { width: 100%; margin: 0px 0px 20px; } .tc-offer-main .tc-offer-cta .tc-offer-cta-text { width: unset; padding: 15px; background-color:#eeeeee; margin: 0px; } /*software-organizer download page max-width: 499px*/ .software-image img{ width: 100%; padding-left: 00px; display: block; margin: 0px auto; padding-top: 0px; } .btn-download { min-width: 125px; width: 100%; } /* mobile-apps page styles max-width: 490px */ div.mobile-app, div.free-app { width: 100%; float: left; min-height: 200px; font-size: 15px; text-align: center; margin: 20px 0%; } div.mobile-app img.main, div.free-app img.main { width: 90%; } div.mobile-app ul, div.free-app ul { width: 90%; text-align: left; margin-top: 10px; } /* LL-10218 - made margin bottom to 0px */ .dropup.cartAlert { margin-top: 15px; } /* EC-5494 - checkout-redesign-margin-top from 15px to 0px -max-width: 499px */ .newCheckout .dropup.cartAlert { margin-top: 0px; } .newCheckout .checkout-title h3 { padding: 6px 20px 10px 45px; } /* LL-2537 Digital Learning SignIn max-width: > 499px */ .dl-category a.btn-primary { width: 100%; } .dl-warning h4 {font-size:15px; line-height:27px;} /* LL-8026 - Free Resources Word Search Page */ .fr-wordSearch-btn { width: 100%; display: block; margin: 15px 0px !important; } .fr-wordSearch.form-group { padding-right: 0px; } /* LL-5091 - tools of the mind page max-width: 499px */ .tom-main-logo { width: 100%; max-width: 176px; } .tom-main-logo-headline { width: 100%; padding-left: 0px; } /* LL-2539 - Share Feedback page forms and tables */ .table.feedback > tbody > tr { border-bottom: 0px; } .table.feedback > tbody > tr > td.feedback-submit > button { width: 100% ; margin-left: 0px; margin-bottom: 10px; } /* LL-2538 - Gift-card-balance-page max-width: 499px */ .gift-card-info .btn-primary { display: block; margin: 10px 0px 20px; font-size: 18px; } .gift-card-info .card-links { display: none; } /* LL-12319 - GSA Cart Banner styles max-width:499px */ /* banner over */ .gsa-promo-terms-over { height: 72px;} /* LL-5095 - ABOUT US PAGE STYLE max-width: 499px */ .about-subcat { width: 100%; display: block; margin-bottom: 30px; padding: 0px!important; } .about-subcat div:first-child { width: 100%; } .about-subcat-small div:first-child, .about-subcat-small div:nth-child(2) { width: 100%; } .about-tertiary div:first-of-type, .about-tertiary div:nth-of-type(2) { width: 100%; text-align: center; } .about-tertiary:first-of-type .about-tertiary-text, .about-tertiary:nth-of-type(2) .about-tertiary-text { margin-top: 20px; text-align: left; } .about-tertiary-text a.btn-primary { width: 100%; font-size: 19px; margin-top: 20px; } .about-tertiary img { max-width: 384px; } /* LL-14864 - ABOUT US PAGE LOGO STYLES> 499px */ .about-logos img { max-width: 145px; } .about-logos img:last-child { max-width: 200px; } /* LL-5045 - careers css updates max-width: 499px */ .subcategory-perks .about-main .mainText, .subcategory-inside .about-main .mainText { width: 100%; position: relative; top: initial; right: initial; left: initial; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); text-align: left; color: #ffffff; } .subcategory-perks-icons { min-height: 325px; text-align: center; } .subcategory-perks-icons:last-child, .subcategory-perks-icons:nth-last-child(2) { min-height: 260px; } .read-more { border-top: 0px solid #cccccc; margin: 0px auto; position: relative; top: initial; left: initial; right: initial; bottom: initial; z-index: initial; } .read-more .btn-primary { position: relative; bottom: unset; font-size: 19px; border: 0px solid white!important; } .subcategory-values-image { width: 100%; } .subcategory-values-text.left { width: 100%; padding-left: 0px; margin-top: 10px; } .subcategory-values-image { width: 100%; } .subcategory-values-text.right { width: 100%; padding-left: 0px; margin-top: 10px; } .subcategory-values-banner { border-top: 0px solid #cccccc; margin: 30px auto 0px; position: relative; top: unset; left: unset; right: unset; bottom: unset; z-index: unset; } .subcategory-values-banner img.desk-banner { display: none!important; width: 500px; position: relative; bottom: 33px; } .subcategory-values-banner img.tablet-banner { display: none!important; width: 400px; position: relative; bottom: 31px; } .subcategory-values-banner img.mobile-banner { display: inline-block!important; width: 360px; position: relative; bottom: 0px; } .subcategory-values-banner img.mobile-sm-banner { display: none!important; width: 270px; position: relative; bottom: 0px; } section.mainVideo div.videoContainerText.career-page a.btn:link { width: 100%; } section.subcategory-perks a.btn-primary:link { width: 100%; } .subcategory-inside-icons, .subcategory-inside-icons div { text-align: center; } .view-all-button a.btn-primary:link { width: 100%; } /* LL-17320 - cart-e-mail-cart modal style updates - max-width: 499px */ #modal-share .cart-icon { width: 20%; } #modal-share .required { width: 75%; padding: 0px 15px; } #modal-share .required h3 { display: block; margin: 0px 0px 10px 0px; } /* LL-15280 PDP - Move Add to Shopping List Below Add to Cart button */ .display-block-xs { display: block; } .pt10xs { padding-top: 10px; } /* EC-6908 mystery promo mobile styling */ .mys-promo-svgHeading { width: 400px !important; top: 15px; right: 10%;} .mys-login .centerRow { margin: 0 auto 10px 0 !important; } .mys-login a.btn { width: 90%; font-size: 18px; padding: 8px !important; } .mys-login h4 {line-height: 1.4;} .mys-login p {font-size: 10px;} /* EC-941 - holiday-gift-guide-styles max-width: 499px */ .gift-guide-ribbon-title { margin-top: 0px; } .gift-guide-age { margin: 0px auto 10px; } .gift-guide-carousel { height: 230px; } } /*END max-width: 499px meida query*/ /* START min-width: 500px media query*/ @media screen and (min-width: 500px){ /*LL-17614 - Mobile - Pop up modal - Cancel button is displayed on top of Save / Send button but it should not */ .save-btn-float{ float: right; margin-left: 20px;} .save-btn-float.btn+.btn{margin-left: 0;} } /*END min-width: 500px media query*/ /* LL-16140 disabled button color */ .btn[disabled] { background-color: #838587 !important; } .btn.btn-apply[disabled] { background-color: #fff !important; } @media screen and (max-width: 390px) { /*Header*/ .nav-cart .glyphicon-map-marker {right: 44px!important;} .header-left .icon-search {left:44px;} .header-search .glyphicon-triangle-top {position: absolute; left: 67px; top: -10px;} /*homepage*/ .container2 {width:100%; padding:0px;} /* LL-18826- featured Categories Block Links background color and hover color - max-width: 390px */ .col-custom-5.feat-cat-heading div h2 { font-size: 17px!important; line-height: 17px; } /* landing pages */ /* landing page main category */ .landing-mainCat { position: relative; background-color: #58acc0; width: 100%; } .landing-mainCatImg { width: 100%; } .landing-mainCatTxt { width: 100%; position: static; top: 0%; left: 0%; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); text-align:center !important; padding: 20px 15px 20px 15px; } .landing-mainCatTxt h1, .landing-mainCatTxt h2, .landing-mainCatTxt h3, .landing-mainCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6, .landing-mainCatTxt p { width: 100%; } .landing-mainCatTxt h1 { font-size: 31px !important; font-weight: 700; line-height: 37px; } .landing-mainCatTxt h2, .landing-mainCatTxt h3 { font-size: 19px; font-weight: 700; line-height: 23px; } .landing-mainCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6 { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-mainCatTxt p { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-mainCatTxt strong { font-weight: 700; } .landing-mainCatTxt button { min-width: 90% !important; } /* landing page popular category titles */ .landing-popCat { width: 100%; margin-bottom: 20px; } .landing-popCat .item-title { text-align: left; font-size: 15px; font-weight: 700; } .landing-popCat .item-title a { text-align: left; font-size: 15px; font-weight: 700; } /* landing page subcategory */ .landing-subCat-container { width: 100%; } .landing-subCat { position: relative; background-color: #f0f0f1; width: 100%; } .landing-subCatImg { width: 100%; } .landing-subCatTxt { width: 100%; position: static; top: 0%; left: 0%; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); text-align:center !important; padding: 5px !important; min-height: 120px; } .landing-subCatTxt h1, .landing-subCatTxt h2, .landing-subCatTxt h3, .landing-subCatTxt h4, .landing-subCatTxt h5, .landing-subCatTxt h6, .landing-subCatTxt p { width: 100%; } .landing-subCatTxt h1 { font-size: 31px; font-weight: 700; line-height: 37px; } .landing-subCatTxt h2, .landing-mainCatTxt h3 { font-size: 19px; font-weight: 700; line-height: 23px; } .landing-subCatTxt h4, .landing-mainCatTxt h5, .landing-mainCatTxt h6 { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-subCatTxt p { font-size: 19px; font-weight: 400; line-height: 23px; } .landing-subCatTxt strong { font-weight: 700; } .category-landing h1 {font-size: 31px; text-align: left; font-weight: 700; margin-top:30px; margin-bottom: 0px;} /* Landing Page CTA button */ .btn-shop { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; min-width: 175px!important; margin-top: 20px; } .btn-shop:link { background-color: #ed1c24 !important; color:#fff; border-radius: 0; font-size: 15px; font-weight: 500; cursor: pointer !important; } .btn-shop:visited { background-color: #cc0000 !important; color:#fff; } .btn-shop:hover { background-color: #cc0000 !important; color:#fff; } .btn-shop:active { background-color: #cc0000 !important; color:#fff; } button.cta { min-width: 100% !important; } /* Sidebar buttons */ .catLanding button.list-group-item { text-decoration:none; background-color: #fff; padding:6px 15px !important; } .catLanding button.list-group-item:link { text-decoration:none; background-color: #fff; padding:6px 15px !important; } .catLanding button.list-group-item:visited { text-decoration:none; background-color: #fff;} .catLanding button.list-group-item:hover { text-decoration:underline; background-color: #fff;} .catLanding button.list-group-item:active { text-decoration:none; background-color: #fff;} .filter1-trigger button.btn, .filter2-trigger button.btn, .filter3-trigger button.btn { font-size:13px; font-weight: 600; min-width:82px !important; padding-left:5px; } .found-results.category-landing h1 { font-size:31px; text-align:center; font-weight:700; } /* LL-16413 - address verification modal formatting -max-width: 390px */ #modal-address .modal-body .modalText { width: 100%; } #modal-address .modal-body .modalLogo { width: 100%; float: left !important; text-align: left !important; } /*QUICK ORDER Mobile styles */ .qo-item-sku { width: 80%; } .qo-item-qty { width: 20%; } .qo-item-desc { width: 100%; } /*LL-6663 - re-align the product name and price for mobile -changed .qo-item-title and .qo-item-price from 100% to 75% and 25% respectively */ .qo-item-title { width: 75%; } .qo-item-price { width: 25%; text-align: right !important; } .qo-item-options { width: 50%; } .qo-item-total { display:none; } .qo-item-remove { width: 100%; text-align: right !important;} .qo-item-addToList { width: 100%; text-align: right; } .qo-item-addToList a { width: 100%; } .qo-item-qty-container { width: 20%; float: right; } .qo-item-qty .item-quickview-qty { float: right; margin-right: 5px; } .qo-item-sku-input { width:60% !important; } .qo-item-sku-input form { width:100% !important; } .qo-item-qty-input .item-quickview-qty { width:100%; float: right; } .qo-item-qty-input { width:80px; float: right; } .qo-subTotal { width: 100%; text-align:center !important; font-size: 19px; } .qo-subTotal-bottom { text-align:center !important; font-size: 19px; } .qo-addListToCart-bottom a { width: 100%; } #qo-colorOption { width:100% !important; } .qo-colorOption { width:100% !important; padding-right:0px; } /* ORDER DETAILS STYLES */ .od-summary { width: 100%; } .od-info-head { width: 45%; } .od-info { width: 55%; } /*MYSTERY PROMO COUPON PAGE */ .promo2 h1 { width: 100%; font-size: 40px !important; line-height: .8em !important; padding-top: 30px; } .promo2 span { font-size:40px !important; font-weight:400 !important; line-height:.3em !important; } .promo3 h1{ font-size:70px !important; font-weight:700 !important; padding-top: 10px; margin-bottom:0px !important; } .promo3 span { font-size:35px !important; font-weight:400 !important; line-height: .9em !important; } /* INFANT TODDLER Complete Classrooms (max-width: 390px) */ /* INFANT TODDLER Complete Classrooms */ .categoryTitle p { color: #fff; font-size: 15px; text-align: left; margin: 0px; line-height: 1em; } /* SCENE 7 IMAGE CONTROL */ /*controls the AREA FOR THE SCENE 7 IMAGES */ .it-s7image { height: 225px !important; } /*controls the container size */ .it-s7image .s7container.it-product-image { width: 320px !important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the viewer size */ .it-s7image .s7flyoutviewer.it-product-image { width: 100% !important; height: 225px!important; position: absolute; top: 0px; left: 0px; display: block!important; } /*controls the SCENE 7 sizes */ /*reset*/.it-product-image .s7flyoutviewer, .it-product-image .it-product-image.s7container, .it-product-image .s7innercontainer, .it-product-image .s7flyoutzoomview, .it-product-image .s7staticimage, .it-product-image .s7flyoutviewer .s7flyoutzoomview, .it-product-image .s7staticimage img {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left:50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); display:block!important; } /*controls the SCENE 7 zoom out window */ /*controls the SCENE 7 zoom out window */ /* 0-12 MONTHS IMAGES */ /* sleep-area1 */ div#s7flyout_div-sleep-area1_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-sleep-area1_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library1 */ div#s7flyout_div-library1_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library1_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library1_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play1 */ div#s7flyout_div-block-play1_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play1_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play1_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* mealtime1 */ div#s7flyout_div-mealtime1_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime1_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* discovery1 */ div#s7flyout_div-discovery1_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-discovery1_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-discovery1_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies1 */ div#s7flyout_div-cubbies1_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies1_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing1 */ div#s7flyout_div-changing1_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing1_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing1_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* gross-motor1 */ div#s7flyout_div-gross-motor1_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor1_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* nonmob1 */ div#s7flyout_div-nonmob1_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-nonmob1_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* 12-24 MONTHS IMAGES */ /* naptime2 */ div#s7flyout_div-naptime2_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime2_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library2 */ div#s7flyout_div-library2_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library2_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library2_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play2 */ div#s7flyout_div-block-play2_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play2_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play2_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* mealtime2 */ div#s7flyout_div-mealtime2_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-mealtime2_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* dramaticPlay2 */ div#s7flyout_div-dramaticPlay2_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay2_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies2 */ div#s7flyout_div-cubbies2_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies2_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing2 */ div#s7flyout_div-changing2_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing2_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing2_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* gross-motor2 */ div#s7flyout_div-gross-motor2_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-gross-motor2_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* manipulatives2 */ div#s7flyout_div-manipulatives2_container.s7container {width:300px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview {width:300px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives2_flyout.s7flyoutzoomview .s7flyoutzoom {width:300px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* music2 */ div#s7flyout_div-music2_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music2_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music2_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* 24-36 MONTHS IMAGES */ /* naptime3 */ div#s7flyout_div-naptime3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-naptime3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* library3 */ div#s7flyout_div-library3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-library3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* block-play3 */ div#s7flyout_div-block-play3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-block-play3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* learningCorner3 */ div#s7flyout_div-learningCorner3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-learningCorner3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* dramaticPlay3 */ div#s7flyout_div-dramaticPlay3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-dramaticPlay3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* cubbies3 */ div#s7flyout_div-cubbies3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-cubbies3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* changing3 */ div#s7flyout_div-changing3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-changing3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* arts-crafts3 */ div#s7flyout_div-arts-crafts3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-arts-crafts3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* manipulatives2 */ div#s7flyout_div-manipulatives3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-manipulatives3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* music2 */ div#s7flyout_div-music3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-music3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /* science3 */ div#s7flyout_div-science3_container.s7container {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-science3_flyout.s7flyoutzoomview {width:320px!important; height: 225px!important; position: absolute!important; top:0px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%);} div#s7flyout_div-science3_flyout.s7flyoutzoomview .s7flyoutzoom {width:320px!important; height: 200px!important; position: absolute!important; top:-200px!important; left: 50%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 400;} /*AYR - LANDING PAGE */ div.ayr-assessment-form div.ayr-signin-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #ccc; background-color: #fff; padding: 15% 10%; z-index: 100;} /*AYR - ASSESSMENTS PAGE */ /* LL-5043 - HELP CENTER - long titles max-width: 390px */ .hc-border.hc-title-long { height: 100px; } .hc-border.hc-title-long a { padding-left: 80px; line-height: 0px; height: 98px; } .hc-border.hc-title-long a span { margin-left: -57px; } /* LL-6510 Checkout Help Modal chat paragraph format - toggle span max-width: 390px */ div.checkoutChat p { width: 120px; min-width: 120px; float: left; font-size: 19px; border-bottom: 1px solid #ccc; padding: 25px 0px 5px 10px; } #modal-checkout-help div[id*="collapse"] .panel-body { padding: 0px; } /* LL-2537 Digital Learning SignIn max-width: > 390px */ .dl-category img { width: 90%; max-width: 291px; } /* LL-2538 - Gift-card-balance-page max-width: 390px */ .gift-card-form form .gc-authorization { width: 100%; display: block; } .gift-card-form form .gc-check-button { width: 100%; display: block; margin-top: 10px; } .gift-card-form form .gc-check-button .btn-primary { font-size: 18px; } /* LL-12319 - GSA Cart Banner styles max-width:499px */ /* banner over */ .gsa-promo-terms-over { height: 58px;} /* LL-5045 - careers css updates max-width: 390px */ .subcategory-values-banner { border-top: 0px solid #cccccc; margin: 30px auto 0px; position: relative; top: unset; left: unset; right: unset; bottom: unset; z-index: unset; padding: 0px; } .subcategory-values-banner img.desk-banner { display: none!important; width: 500px; position: relative; bottom: 33px; } .subcategory-values-banner img.tablet-banner { display: none!important; width: 400px; position: relative; bottom: 31px; } .subcategory-values-banner img.mobile-banner { display: none!important; width: 360px; position: relative; bottom: 0px; } .subcategory-values-banner img.mobile-sm-banner { display: inline-block!important; width: 270px; position: relative; bottom: 0px; } .subcategory-perks-icons { min-height: 360px; text-align: center; } .career-social { padding-right: 15px; } .subcategory-inside-icons, .subcategory-inside-icons div { text-align: center; } .career-qa .career-icon { width: 15%!important; } .career-qa .career-text { width: 85%!important; } /* LL-14864 - ABOUT US PAGE LOGO STYLES> 390px */ .about-logos img { max-width: 110px; } .about-logos img:last-child { max-width: 200px; } /* LL-15290 - footer social-links updates email input width max- width:390px */ form.footer-email input { width:60%!important; } /* LL-17320 - cart-e-mail-cart modal style updates - max-width: 390px */ #modal-share .cart-icon { width: 27%; } #modal-share .required { width: 70%; } .addedtocart .modal-header, .addedtocart .modal-body, .addedtocart .modal-footer { padding: 15px; } .addedtocart .modal-title { font-size: 19px; line-height: 35px; } .summaryRow .mb10 { margin-bottom: 0px !important; } .addedtocart .btn-addcart-modal .mb15 { margin-bottom: 11px !important; } .addedtocart .lh38 { line-height: 30px !important; } .addedtocart .fs13 { font-size: 13px !important; } .addedtocart .fs15 { font-size: 15px !important; } .borderTop { border-top: 1px solid #ccc; padding-top: 10px; } } /* END max-width: 390px */ @media screen and (max-width: 375px) { /* EC-6473 - pagination breaking on mobile viewports max-width: 375px */ #main .pagination>li>a, .pagination>li>span { padding-left: 6px; padding-right: 6px; font-size: 17px; } } /* END max-width: 375px */ @media screen and (max-width: 340px) { body, input, select, .form-control { font-size: 15px; } p { line-height: 25px; } .small, small { font-size: 70% !important; } .pdp-product-item { font-size: 13px; } .item-img-wrapper { width: auto; } .item-img-wrapper img { max-width: 100px; } .blueLink { font-size: 14px !important; letter-spacing: -0.4px; } .catReq-customCat { padding-left: 5px; } } /* LL-10364 */ div.order-history div.panel{border:none;} div.order-history .table > tbody > tr > td{border:none;} div.status-msg{ min-width: 0; width: 16%;} div.status-msg small{ float: left;} div.gift-details { width: 51%; } .spec-inst { width: 38%; } @media (min-width: 768px) and (max-width: 1199px){ div.ayr-product-selector {width:36%;} div.ayr-container{width:64%;} .checkout-payment-methods > .form-group{ width: auto; } } .panel-heading.checkout-title.panel-payment small{ position: static; margin-right:20px; } @media (min-width: 1200px){ .newCheckout .panel-heading.checkout-title.panel-payment small { margin-left: 15px ;} /* EC-5494 -Checkout Redesign Checkout register Update - removed top margin*/ .panel-collapse .checkoutSUSubmit {margin-top: 0px;} .panel-heading.checkout-title.panel-payment small{margin-left: 30px; margin-right: 0;} .pl30lg{padding-left: 30px;} .ml30lg{margin-left:30px;} } /* LL-11768 */ @media screen and (max-width: 499px){ .checkout-edit-box a.btn.btn-success{ width: 100%; } } /* LL-12914 */ .print-show{ display: none !important; } /* LL-11770 */ .account-landing .panel.panel-checkout.panel-billing{ min-height: auto; } .account-landing .panel.panel-checkout.panel-billing table{ margin-bottom: 0; } .account-landing .panel.panel-checkout.panel-billing .acct-addnew-paymentform.off{ display:none; } .account-landing .panel.panel-checkout.panel-billing .acct-addnew-paymentform .checkout-edit-box{ margin-bottom: 0; } /* EC-6092 -my account-view-gift-card-link-spacing-fix min width: > 1200px */ .account-landing a.account-view-giftcard-balance{ display: block; margin-top: 0px; } .account-landing .checkout-table-border{ border-bottom: none; } .account-landing .panel.panel-checkout.panel-billing table{ margin-bottom: 0; } .account-landing .panel .checkout-table-border .showAddAddress a{ color:black; } .account-landing .panel .checkout-table-border .acct-addnew-paymentform, .checkout-steps .panel .checkout-table-border #checkout-payment-table tr.acct-addnew-paymentform { padding-bottom: 0px; padding-top: 0px; } .checkout-steps .panel.panel-checkout.panel-billing .acct-addnew-paymentform.off{ display:none; } .checkout-steps .panel.panel-checkout.panel-billing .acct-addnew-paymentform .checkout-edit-box{ margin-bottom: 0; } .checkout-steps .panel.panel-checkout.panel-billing table{ margin-bottom: 0; } .account-landing .account-header .text-required-holder{ margin-bottom: -3px; } @media screen and (max-width: 767px){ .col-xs-pd0 {padding: 0;} ul.nav-tabs-lg li a:link, ul.nav-tabs-lg li.active a:link { font-size: 15px; padding: 0; } ul.nav-tabs-lg li:nth-child(2) a:link, ul.nav-tabs-lg li:nth-child(2).active a:link { padding: 0; } .account-landing .panel .checkout-table-border .edit-delete { text-align: left; } .account-landing .panel .checkout-table-border table > tbody > tr.off { padding-top: 0; padding-bottom: 0; } .account-landing .panel .checkout-table-border .edit-delete > a:first-child{ padding-left: 0; margin-left: 0 !important; padding-right: 0 !important; } .account-landing p.shipAddressKey{ text-align: left; } .account-landing .shippingAddressPanels p.shipAddressKey{ text-align: left; margin-left: 15px; } /* EC-6092 -my account-view-gift-card-link-spacing-fix max width: 767px */ .account-landing a.account-view-giftcard-balance{ margin-top: 15px; } .account-landing .text-required-holder{ text-align: left; } /* LL-15760 CUAT Added to Cart modal - add "Keep Shopping" button and change "View Cart" to "Checkout" for MAX Width 767px*/ button.btn-success.btn-cartaddty, button.btn-info.btn-cartaddty { max-width: 100%; font-size: 17px; padding: 10px;} .mb10-m { margin-bottom: 10px !important; } #modal-addWishlistItem { width: 100%; } .btn-remove-msg {display: block; margin-bottom:20px;} } /*LL-11979*/ .account .item-wishlist .editable-qty { width: 60px; height: 38px; } /* .account .item-wishlist .item-qty-column .btn-success.item-atc { */ /* margin-top: -9px; */ /* } */ @media (min-width: 992px){ .account-landing .shipping-edit-list .checkout-table-border .table td .radio{ line-height: 0; } /* .account .item-wishlist .editable-qty { */ /* margin: 0 auto; */ /* height: 38px; */ /* } */ .account .item-wishlist .item-qty-column .btn-success.item-atc { margin-top: 0px; } .account .clip-text{ display: inline-block; max-width:550px; height: 19px; text-overflow: ellipsis; word-break: break-all; overflow:hidden; white-space: nowrap; line-height: 18px !important; } .account .clip-text:hover{ overflow: visible; white-space: normal; } .account .clip-text+span{ display: inline-block; vertical-align: top; } /*LL-13090*/ .borderAll-md { border: solid 1px #ccc; } #nearest-stores { height: 538px; overflow-y: scroll; } .pr0-md{ padding-right: 0; } .item-quickview-qty .dropdown-menu {z-index: 3;} #cartAffix { margin-bottom: 20px; } } /*LL-11553*/ .account-landing #tbl-shipping-address tr{ border-bottom: 1px solid #ccc !important; } .account-landing #tbl-shipping-address .showAddAddress td > a{ line-height: 22px; } .account-landing #tbl-shipping-address .showAddAddress+.account-add .checkout-edit-box, .account-landing #tbl-shipping-address .showAddAddress+.account-edit .checkout-edit-box{ margin-top: 0px; border-top: none; } /*LL-11978*/ @media (min-width: 768px){ /* Minimum Height for Page Refreshes + Loading */ #page.container {min-height: 750px!important;} #modal-wishlists .modal-dialog {width: 500px;} .text-right-sm { text-align: right; } .noPadding-sm {padding: 0px!important;} .borderAll-sm {border: 1px solid #ccc;} .borderTop-sm {border-top: 1px solid #ccc; padding-top:20px;} .borderLeft-sm {border-left: 1px solid #ccc;} .borderRight-sm {border-right: 1px solid #ccc;} .borderBottom-sm {border-bottom: 1px solid #ccc; padding-bottom:20px;} .no-border-top-sm {border-top: none;} .noBorder-sm { border: 0px !important; } .pl0-sm{ padding-left: 0; } .pr0-sm{ padding-right: 0; } .account .item-wishlist .editable-qty { margin: 0 auto; } .r15-sm{ right: 15px; } } @media (max-width: 767px){ .ml-28-xs { margin-left: -28px; } .mr-28-xs { margin-right: -28px; } .fs-scalable-xs{ font-size: 15vw; } .text-left-xs{ text-align: left !important; } article.item { min-height: 210px; } } @media (min-width: 768px) and (max-width: 1200px) { .feature-container { min-height: 110px; } /* LL-15672 */ } @media (hover: none) { body { cursor: pointer; } /*LL-14854 */ } @media (min-width: 768px) and (max-width: 991px) { .ml-44-sm { margin-left: -44px; } .mr-44-sm { margin-right: -44px; } .noPadding-sm-only { padding: 0; } article.item { min-height: 250px; } #ll-pdp-carousel-ipad article.item {width: 300px; min-height: inherit;} .pdp-thumbnail img {width:95%;} ul.nav-main>li>a { font-size: 15px; } .nav-right .nav-tools li > a{ font-size: 13px; } .flex-container .s7flyoutviewer .s7flyoutzoomview .s7flyoutzoom {left: 360px!important;} } /*LL-12143*/ .account-landing .checkout-edit-box input[type=radio]:checked{ margin-left: -20px; } /*LL-11355*/ #modal-addWishlistItem { top: 30%; } @media (min-width: 768px){ /* #ll-desktop-carousel-adobe a img{ */ /* margin-left: 0; */ /* } */ #modal-addWishlistItem .modal-dialog{ width: 500px; } /* LL-12915 */ .teacherWorkShopImage{ padding:0 30px 0 0; } .txt-content-tw{ padding-left:10px; } .mt30-md-lg { margin-top: 30px; } } /*LL-12300*/ .account-list.wishlist-move .radio input[type=radio]{ margin-left: 0; } /*LL-11235*/ .giftMessageError { white-space: nowrap; } /*LL-12197*/ /* EC-5494 - checkout redesign - no border */ .clean-table.table>tbody>tr:last-child>td{ border: 0px solid #ddd !important; } .clean-table .checkout-edit-box{ border: none !important; border-bottom: none !important; margin-top: 0; } /* EC-5494 - checkout redesign remove unecessary border */ .clean-table.table td.account-edit{ border-bottom: 0px solid #ddd !important; } /*LL-4743*/ .i-block{ display: inline-block; } @-moz-document url-prefix() { .panel-billing .checkout-table-border .radio label.control.radio-control { display: inline-block; } .panel-billing .checkout-table-border .radio label.control.radio-control .radio-indicator { top: 10px; } } /*LL-12218*/ @media (max-width: 767px){ /*EC-6257 - adjust padding for old new checkout design */ .account-landing .shippingAddressPanels .panel .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td { padding: 18px 20px 18px 20px !important; } .shipping-edit-list .checkout-table-border #tbl-shipping-address.table.table-bordered td { padding: 18px 20px 18px 50px !important; } /* EC-6501 -fix left-padding of the mobile checkout payment edit section */ .payment-edit-list .checkout-table-border #checkout-payment-table.table.table-bordered td{ padding: 18px 20px 18px 20px !important; } .account-landing .payment-edit-list .checkout-table-border #checkout-payment-table.table.table-bordered td{ padding: 18px 20px 18px 20px !important; } /* EC-6501 -fix left-padding of the mobile checkout payment edit section */ .payment-edit-list .checkout-table-border #checkout-payment-table.table td{ padding: 15px 20px 15px 0px !important; } .account-landing .payment-edit-list .checkout-table-border #checkout-payment-table.table td{ padding: 15px 20px 15px 0px !important; } .payment-edit-list .checkout-table-border #checkout-payment-table.table td.account-edit{ padding: 0px !important; } .payment-edit-list .checkout-table-border #checkout-payment-table.table.table-bordered td.account-edit{ padding: 0px !important; } .payment-edit-list .checkout-table-border .table td span.mb10.mt10{ margin-top: 0 !important; margin-bottom: 0 !important; } .payment-edit-list .checkout-table-border .table td span a.account-edit-show{ padding: 0 !important; } .noPadding-xs { padding: 0; } .flex-container #audioSpan { display: none; } .wallet-margin {margin-top: 0px!important; margin-bottom:-10px!important;} .wallet-add-margin {margin-top: 0px!important; margin-bottom: 0px!important;} } .accountOrder-info td {cursor: default;} .sc-summary #cartAffix .checkout-list {padding-right: 0;} /*LL-10543*/ .store-locator button { width: 100% !important; min-width: auto !important; } .personalization-form{ max-width: none !important; } @media screen and (min-width:0\0) { #pdpItemInfo .flex-container .carousel.vertical{ float: left; } #gift-wrap-modal .modal-body { height: 250px;} } .multi-list-nav .drop-head { border-top: none; border-bottom: solid 1px #ccc; cursor: pointer; width: 100%; background-color: transparent; padding-left: 0; padding-right: 0; outline: 0; } .multi-list-nav > button.dropToggle:after { position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 25px; } .multi-list-nav > button.dropToggle.collapsed:after { content: "\002b"; } .multi-list-nav > button.dropToggle:after { content: "\2212"; } .multi-list-nav button.multi-list-item { width: 100%; background-color: transparent; padding-right: 0; text-align: left; outline: none; } .multi-list-nav .multi-list-item, .multi-list-nav .multi-list-group > li{ padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border: none; border-bottom: solid 1px #ccc; cursor: pointer; position: relative; } .multi-list-nav .multi-list-item[aria-expanded='true']{ padding-left: 0; } .multi-list-nav .multi-list-item[aria-expanded='true']:before{ content: ""; position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 10px; width: 12px; height: 12px; background: url(/assets/images/Hamburger-Arrow-Left.svg) top left no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .multi-list-nav .multi-list-item.collapsed:after, .multi-list-nav .multi-list-group > li > a:after{ content: ""; position: absolute; right: 4px; top: 14px; display: inline-block; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 10px; width: 12px; height: 12px; background: url(/assets/images/Hamburger-Arrow-Right.svg) top left no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .multi-list-nav .multi-list-group > li > a { padding-right: 30px; width: 100%; display: block; color: black; } .multi-list-nav .list-group { margin-bottom: 0; } /*LL-8039*/ .lesson-plan-content h1 { margin-bottom: 10px; } .lesson-plan-content .view-returnButtons img { margin-right: 4px !important; } /*LL-13475*/ .chekout-page-indicator input[type=radio], .chekout-page-indicator input[type=radio]:checked { visibility: hidden; width: 17px !important; height: 18px !important; } .chekout-page-indicator .checkout-register input[type=radio], .chekout-page-indicator .checkout-register input[type=radio]:checked { margin-left: -20px !important; } @media (max-width: 767px){ ul.nav-tabs-lg li a:link, ul.nav-tabs-lg li.active a:link{ font-size: 13px; } .chekout-page-indicator input[type=radio], .chekout-page-indicator input[type=radio]:checked { width: 18px !important; height: 21px !important; } } @media (max-width: 320px){ ul.nav-tabs-lg li a:link, ul.nav-tabs-lg li.active a:link{ font-size: 12px; } } .InputCoupon {padding: 6px 6px; font-size: 13px !important; } /*LL-14785*/ .modal-btm-btns{ margin:10px; } .item-quickview-qty .select-wrap select{ padding-left: 6px !important; height: 38px; } .qo-item-qty-input select { height: 34px !important; } /* LL-14662*/ .weak{ font-weight:lighter; } /* LL_14663 */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { table.checkout td.orientation-view, table.checkout div.orientation-view .item { display: none !important; } table.checkout div.orientation-view { display: block !important; } } /* LL-14812 */ .search-pagination.filter-hide .sort-pagination .pagination{ margin-right: 7px; margin-top: 7px; font-size: 14px;} /* LL-14893 */ .modal-backdrop { z-index: 1045; } /* LL-14895 */ .autosuggest-content .tt-suggestion a{ display: block; } /* LL-14951 */ .has-error.radio label{ color:#020202; } /*LL-13738*/ .view-more { background: none !important; color: #0072bc; border: none; cursor: pointer; outline: none; padding: 0; } .view-more > i:before,.view-more[aria-expanded='false'] > i:before{ content: "\f0d7"; } .view-more > .more-txt{ display: inline-block; } .view-more > .less-txt, .view-more[aria-expanded='true'] > .more-txt{ display: none; } .view-more[aria-expanded='false'] > .more-txt{ display: inline-block !important; } .view-more[aria-expanded='true'] > i:before{ content: "\f0d8"; } .view-more[aria-expanded='true'] > .less-txt{ display: inline-block !important; } .panel-facet-list .collapsing { -webkit-transition: none; transition: none; display: none; } /* LL-12915 */ .teacherWorkShopImage{ width: 100%; } /* LL-14855 */ @media (max-width: 927px) and (min-width: 768px){ .container.nav-resources-dropdown { width: 260px; } .container.nav-resources-dropdown > .row > div.col-sm-6 { width: 100%; border: none !important; } } /* LL-15407 */ .contact-form .contact-subject .form-control { background-color: #ffffff; } .contact-form .contact-subject span.fa-caret-down { pointer-events: none; } .noTextTransform { text-transform: none !important; } /* LL-15464 */ .od-info, .od-info-head { width: 100% } @media (max-width: 767px) { .borderBottom-xs { border-bottom: 1px solid #ccc; } /* LL-15464 */ .personalization { width: 75% !important; } .row-xs:after { display: table; content: " "; clear: both; } } /* LL-15464 */ @media (max-width: 499px) { .personalization { width: 75% !important; } } /* LL-15595 */ .pointerNone { pointer-events: none; } /* LL-15434 */ @media (max-width: 1199px) and (min-width: 768px){ .fmd17 { font-size: 17px !important; } .fmd12 { font-size: 12px !important; } } /* LL-15544 */ body:not(.modal-open){ padding-right: 0px !important; } /* LL-15486 */ @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .carousel-fade .item{ opacity: 0; } .carousel-fade .item.active{ opacity: 1; } } /* PLP Mobile Filter */ #desktopFilter .panel-facet-list .list-group-item span { margin-left: 0px !important;} .menu-close { border: 1px solid black; font-size: 20px; } .menu-wrap { background-color: #fff; transition: transform 0.5s ease-out; position: fixed; width: 300px; top: 0; right: -300px; bottom: 0; z-index: 1100; } .menu-overlay { background: rgba(0,0,0,.2); display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1050; } .menu-toggle:checked+.menu-wrap { transform: translate(-300px, 0); } .menu-toggle:checked ~ .menu-overlay { display: block; } /* .btn-filterby h3.panel-title.facetheading:before {content: "\e904"; font-size: 25px; line-height: 21px; position: absolute; top: 27%; right: 20px; -webkit-font-smoothing: antialiased;} */ /* .btn-filterby.collapsed h3.panel-title.facetheading:after {content: "\e905"; font-size: 25px; line-height: 21px; position: absolute; top: 27%; right: 20px; -webkit-font-smoothing: antialiased;} */ .xs-plp-sort{background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline:none !important;} .fly-in-open{overflow:hidden; position: fixed; width: 100%;} /* LL-15468 */ @media (min-width: 320px) and (max-width: 667px) { .search-item.list-view .item-link { height: 90px; margin-bottom: 45px; } .search-item .listImage { top: 4px; width: 100% !important; position: relative; } } @media (min-width: 667px) and (max-width: 768px) { .viewCraft { float: right; width: 65%; display: block; text-align: left; margin-bottom: 10px; } } .f11 { font-size: 11px; } /* LL-19412 - REMOVED EXCESS CSS and placed GOOD CSS into the AUX.CSS FILE */ /* LL-14847 */ @media (min-width: 768px) and (max-width: 991px) { .pl-70-sm-md { padding-left: 70px; } } @media (min-width: 992px) and (max-width: 1023px) { .pl-35-md-lg { padding-left: 35px; } } @media (min-width: 1024px) and (max-width: 1199px) { .pl-35-md-lg { padding-left: 35px; } } /* LL-16392 */ .account-list li div { cursor:pointer } .account-list li div.shopping-list:hover{ text-decoration: underline; } /* LL-16684 Prevent Background Scroll for PDP Dropdowns on iOS */ .scroll-lock{ /* height: 100%; */ /* overflow: hidden; */ /* position: relative; */ } /* LL-16832 Fix for iOS overflow issue on dynamic content in login modal */ body.iphone-ios .modal.modal-ios-scroll{ position: absolute !important; -webkit-overflow-scrolling: unset !important; overflow: visible !important; } /* LL-16513 */ .pdp-reviewstars { padding-right: 3px; } /* LL-17142 */ @media (max-width: 499px) { .checkout-edit-box button.btn-primary.applyGiftCertificate { margin-top: 0 !important; /* EC-6494 - making sure apply btn on gift cards doesn't inherit the btn sizes in the form*/ font-size: 14px !important; } } /* LL-17591 */ .smallbody.pdp-addinfo-more-label>ul{ padding-left: 15px; } /* LL-17749 : iPad - User able to scroll background in modal open state*/ @supports (-webkit-overflow-scrolling: touch) { body.modal-open.noScrollModal{ position: fixed; overflow: hidden; left: 0; right: 0; } } /* LL-17750 iPad taphold default event on image disabled */ .s7staticimage, .s7staticimage img { -webkit-user-select: none !important; /* disable selection/Copy of UIWebView */ -webkit-touch-callout: none !important; /* disable the IOS popup when long-press on a link */ } /* LL-17648 PDP > IPAD > System does not display image modal after clickin on image product */ @media (min-width: 768px) and (max-width: 1023px) { body.ipad-ios .viewLarger-modal-dialog {width: 720px;} body.ipad-ios .viewLarger-modal-dialog .modal-body>div>img{ width:500px; } } .carousel-indicators .active { background-color: #3b92c7; } .carousel-indicators li { border: 1px solid #ddd; } @media (max-width: 1024px){ .visible-non-desktop{ display: block !important; } .visible-desktop{ display: none !important; } } @media (min-width: 1025px){ .visible-non-desktop{ display: none !important; } .visible-desktop{ display: block !important; } } /* LL-16811 PDP - Rating & Reviews > "Was this helpful?" is misaligned */ .vtop-align{ vertical-align: top; } #main .btn-review { min-width: 0; padding: 0; } .oConfirmation { font-size: 16px; } @media (max-width: 425px) { .btnBlock { display: block; width: 100%; } } @media screen and (max-width: 425px) { /* EC-6908 mystery promo mobile styling iphone 6/7/8 plus and pixel 2/2XL */ .mys-welcome .mys-promo-mobileBackgroundImg {padding-bottom: 30px;} .mys-login { width: 96%; bottom: 30px; margin-bottom: 5px;} .mys-login .centerRow { margin: 0px auto 30px 0px !important;} .mys-login a.btn {width: 85%; font-size: 16px; padding: 6px !important;} .mys-login .mys-promo-registerBtn {padding-right: 0px;} .mys-login .mys-promo-signInBtn { margin-left: 30px; } .mys-login .mys-promo-legalText {margin-left: 10px;} .mys-promo-svgHeading {width: 300px !important; top: 15px; right: 13%;} .mys-login p { margin-bottom: 20px; line-height: 1.4; font-size: 9px;} .mys-login h4 {line-height: 1;} } @media screen and (max-width: 376px) { /* EC-6908 mystery promo styling iphones 6/7/8 and X */ .mys-promo-svgHeading { top: 8px; right: 9%;} .mys-login h4 {font-size: 15px; line-height: 0.8;} .mys-login a.btn { width: 90%; font-size: 14px; padding: 4px !important;} .mys-login .mys-promo-signInBtn { padding-left: 0px; margin-left: 25px !important;} .mys-login .centerRow { margin: 0px auto 20px 0px !important;} } @media screen and (max-width: 320px) { /* EC-6908 mystery promo styling iphone 5/SE */ .mys-promo-svgHeading { width: 260px !important; right: 9%;} .mys-login .mys-promo-signInBtn { margin-left: 24px !important; } .mys-login { bottom: 15px; right: 18px;} .mys-login p { line-height: 1.2;} } .ipad-ios a:hover{ text-decoration: none !important; } ul.sidenav .list-label:hover { text-decoration: underline; } /* LL-18645 Search Results > Secondary text to be in Open Sans */ .found-results span.smallbody{ font-family: 'Open Sans', sans-serif; } /* LL-19066 LL-19066 Hot Fix - Create Honey Trap on Social email send modal. */ .notOnPage { visibility: hidden } /* LL-18687Override photoswipe bg color - PDP*/ .pswp__bg, .pswp__img--placeholder--blank, .pswp__top-bar { background-color: #FFF; } .pswp--svg .pswp__button.pswp__button--close { background: url(/assets/images/remove_x.svg) no-repeat center center; -webkit-background-size: 15px 15px; background-size: 15px 15px; } .leaflet-div-icon { background: transparent; border: none; } .leaflet-marker-icon .number{ position: relative; top: -32px; font-size: 15px; width: 30px; text-align: center; color: #fff; font-weight: 600; } /* EC - 7880 ROPIS store selector modal */ #store-select-modal h2 { font-size: 20px !important; } .select-store-modal-link-mobile { margin-left: 55px; } .storeSelectModal .select-store-info .select-store-more-info, .in-store-pickup-only-delivery .select-store-info .select-store-more-info { display: none !important; } .storeSelectModal .select-store-info .more-info, .in-store-pickup-only-delivery .select-store-info .more-info { display: block !important; } .storeSelectModal .select-store-info .less-info, .in-store-pickup-only-delivery .select-store-info .less-info { display: none !important; } .storeSelectModal .select-store-info.expanded .select-store-more-info, .in-store-pickup-only-delivery .select-store-info.expanded .select-store-more-info { display: block !important; } .storeSelectModal .select-store-info.expanded .more-info, .in-store-pickup-only-delivery .select-store-info.expanded .more-info{ display: none !important; } .storeSelectModal .select-store-info.expanded .less-info, .in-store-pickup-only-delivery .select-store-info.expanded .less-info{ display: block !important; } /* .in-store-pickup-only-delivery .ship-order-delivery { margin-top: 0 !important; } */ /* .pdp-select-store-pickupOption { position: relative; left: -3px; } */ .checkbox.checbox-switch { padding-left: 0; } .checkbox.checbox-switch label, .checkbox-inline.checbox-switch { display: inline-block; position: relative; padding-left: 0; } .checkbox.checbox-switch label input,.checkbox-inline.checbox-switch input { display: none; } .checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span { width: 45px; border-radius: 20px; height: 30px; border: 1px solid #dbdbdb; background-color: rgb(227, 227, 227); border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s; display: inline-block; vertical-align: middle; margin-right: 5px; } .checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before { display: inline-block; width: 25px; height: 25px; border-radius: 50%; background: rgb(255,255,255); content: " "; top: 1px; position: relative; left: 0; transition: all 0.3s ease; box-shadow: 0 1px 4px rgba(0,0,0,0.4); } .checkbox.checbox-switch label > input:checked + span:before, .checkbox-inline.checbox-switch > input:checked + span:before { left: 17px; } .checkbox.checbox-switch.switch-success label > input:checked + span, .checkbox-inline.checbox-switch.switch-success > input:checked + span { background-color: rgb(0, 114, 188); border-color: rgb(0, 114, 188); box-shadow: rgb(0, 114, 188) 0px 0px 0px 8px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch.switch-success label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span { background-color: rgb(153, 217, 168); border-color: rgb(153, 217, 168); box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset; } body.iphone-ios #store-select-modal.modal-ios-scroll{ height: calc(60vh + 236px); } .ropis-help-icon { cursor: pointer; } /* END EC-7880 */ /* EC-8213 ROPIS cursor to pointer on ropis facets - min-width > 1200px */ input.ship-order-delivery, input.store-pickup-delivery, span.delivery-method, span.delivery-item-total {font-size: 13px; line-height: 21px; cursor: pointer; } .radio-control.ropis { position: relative !important; } #store-selector.modal-dialog.plp, #store-selector.modal-dialog.pdp, #store-selector.modal-dialog.cart { margin: 0px auto !important; } #store-selector.modal-dialog.plp{ width: 100%; } #store-selector.modal-dialog.pdp, #store-selector.modal-dialog.cart { width: 92%; } #store-selector input[type='text'] { font-size: 20px !important; height: 48px !important; } #store-selector .btn { font-size: 20px !important; line-height: 34px !important; width: 100%; } #store-selector .disabledLink { opacity: 0.6; } #store-selector .storeSelectModal { max-height: 60vh; overflow-y: scroll; } select option[disabled] { display: none; } .alertBox .dropdown-menu-phone { margin: 0 0 5px 0; width: 220px; padding:10px; border-bottom:1px solid #CCCCCC; } @media screen and (min-width: 768px) { #store-select-modal.fade.in { display: flex !important; -ms-flex-direction: column; justify-content: center; align-items: center; } #store-selector.modal-dialog.plp { width: 450px; } #store-selector.modal-dialog.pdp, #store-selector.modal-dialog.cart { width: 700px; } #store-selector input[type='text'] { font-size: 14px !important; height: 34px !important; } #store-selector .btn { font-size: 14px !important; line-height: 20px !important; } #store-selector .storeSelectModal { max-height: 40vh; overflow-y: auto; } select option[disabled] { display: block; } .alertBox .dropdown-menu-phone { left: 25px; bottom: 2px; box-shadow: 5px 5px 5px #bbbbbb;} } @media print { * { -webkit-print-color-adjust: exact; } .container {width:100%;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left!important;} .col-sm-12 {width: 100%;} .col-sm-11 {width: 91.66666666666666%;} .col-sm-10 {width: 83.33333333333334%;} .col-sm-9 {width: 75%;} .col-sm-8 {width: 66.66666666666666%;} .col-sm-7 {width: 58.333333333333336%;} .col-sm-6 {width: 50%;} .col-sm-5 {width: 41.66666666666667%;} .col-sm-4 {width: 33.33333333333333%;} .col-sm-3 {width: 25%;} .col-sm-2 {width: 16.666666666666664%;} .col-sm-1 {width: 8.333333333333332%;} .pull-right {float: right!important;} .od-info-head a[href]:after {content: none !important;} .print-hide{ display: none !important; } .print-show,.order-print-show{ display: block !important; } .pgbreak-before-content{ page-break-before: always; } #header, #nav, #footer, #footer-links, #legal {display:none !important;} a[href]:after { content: none !important; } /* LL-18888 Global Printing Issue > URLs to no longer display on printout */ /* EC-8779 - order-details print-bugs */ .borderBottom-xs { border-bottom: 0px solid #ccc; } /*Shopping Cart*/ @page {size: portrait; margin:0.8cm;} ul.checkout-list, .item-quickview-qty .select-wrap select, input.cart-item-qty {border:none;} /* EC-7588 adjusting width so that numbers don't cut off on new Firefox browsers */ .item-quickview-qty .select-wrap {width:40px;} .item-quickview-qty .select-wrap select {height: 20px !important; padding:0px!important; margin:0px!important;} #cartItems .item-img-wrapper { padding-right: 15px !important; } .cartAlert, .item-qty-title, .item-quickview-qty .caret, .sc-summary, .gc-showbutton {display:none!important;} /* .gift-fields-entry {width:100%; float:left; clear:both;} */ #cartItems *, #cartAffix *, .account * {font-size:10pt!important; line-height:1.5;} /* EC-1422 - print cart info breaking */ .print-no-break { page-break-inside: avoid; } /* EC-1490 - print cart subtotal fix */ .print-summary { float: right!important; margin-right: 45px !important; } .order-cart-summary .order-summary-title { border-bottom: none; } #cartAffix .order-cart-summary .order-summary-title strong { font-size: 13pt !important; } /*My Shopping List*/ .item-wishlist .col-xs-offset-4 {margin-left:10px!important;} .item-total-column {width:8%;} .item-wishlist .item-img-column {width:15%;} .item-wishlist .item-price {position:relative; top:0px;} .wishlist-list, .return-button, .wishlist-title-bar .blueLink, .wishlist-options, .btn-success.item-atc, .item-wishlist .item-actions, .account-select .btn {display:none;} .wishlist-commerceItem-qty {border:none;} .account .col-lg-9.col-md-8 {width: 100%;} /* EC-1160 PDP image */ .s7flyoutzoom { display: none !important; } .add-to-list { color: #0f5bb1 !important; } #pdpItemInfo { margin: 1cm; } .pdpPrint { width: 100%; margin-left: 50%; } .pdp-description { font-size: 10pt; } .radio-indicator:after { background: #fff !important; } /* EC-10182 shopping cart item header alignment */ .printAlign-price { padding-left: 55px !important; } .printAlign-qty { padding-right: 45px !important; } }