/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, font { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Custom Reset */ img { display:block; } b, strong { font-weight:bold; } i, em { font-style:italic; } area { outline:none; } /* General Styles */ .fl { float: left; } .fr { float: right; } .ctr { text-align:center; } /* Micro Clearfix */ .cf:before, .cf:after, .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after, .clearfix:after { clear: both; } /* For IE 6/7 to trigger hasLayout and contain floats */ .cf, .clearfix { *zoom: 1; } .clear { clear:both; } /* FF Button Height */ input::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; } /*! jQuery UI - v1.11.4 - 2016-02-09 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px} /* Base styles */ input, button, textarea { font-size:15px; font-weight:400; color:#181818; font-family: "Roboto", sans-serif; } textarea { border-color:#CFCFCF; } body { font-family: "Roboto", sans-serif; font-size:15px; font-weight:400; color:#000000; line-height:1.5; } h1 { font-size:30px; font-weight:500; } h2 { font-size:25px; font-weight:300; } a { color:#ce490f; } a:hover, a:focus { color:#181818; } p { margin-top:20px; line-height:1.7; } ul, ol { margin-top:20px; padding-left:40px; line-height:1.7; } h1, h2, h3, h4, h5, h6 { margin-top:20px; } h3 { font-weight:bold; font-size:20px; } h4 { font-weight:bold; font-size:15px; } table { border-collapse:collapse; text-align:center; margin-top:20px; } table th { background:#000000; color:#ffffff; border:1px solid #C5C5C5; text-align:center; padding:5px 5px; font-size:11px; line-height:18px; } table td { border:1px solid #C5C5C5; text-align:center; padding:10px 5px; font-size:12px; line-height:18px; vertical-align:middle; } /* end base styles */ /* Lightbox */ .sw-lightbox-closelayer { width:100%; padding:0; margin:0; position:fixed; top:0; left:0; z-index:50; background-color:#000000; opacity:0.5; } .sw-lightbox-wrap { position:absolute; left:20px; top:20px; z-index:51; background:#ffffff; -webkit-box-shadow: 0 0 22px -3px #000000; -moz-box-shadow: 0 0 22px -3px #000000; box-shadow: 0 0 22px -3px #000000; } .sw-lightbox-closebutton { display:block; position:absolute; height:0; padding:36px 0 0; width:36px; overflow:hidden; border:0; top:-18px; right:-18px; color:#ffffff; cursor:pointer; background:transparent url("https://img.skatewarehouse.com/framework16/icons/lightx.svg") no-repeat 0 0; background-size:36px 36px; z-index:2; } .no-svg .sw-lightbox-closebutton { background-image:url("https://img.skatewarehouse.com/framework16/icons/lightx.png"); } .sw-lightbox-wrap.sw-lightbox-fixed { position:fixed; left:50%; top:50%; } /* jQuery UI Selectmenu */ .ui-selectmenu-button { border:1px solid #cfcfcf; border-radius:3px; } .ui-selectmenu-button span.ui-icon { height: 100%; background: #f2f2f2; margin: 0; top: 0; right: 0; border-left: 1px solid #cfcfcf; width: 38px; } .ui-selectmenu-button span.ui-icon:after { content: ""; position: absolute; display: block; height: 10px; width: 10px; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; background-image: url("https://img.skatewarehouse.com/framework16/icons/arrows.svg"); background-position: 0 -50px; background-size:10px 120px; } .no-svg .ui-selectmenu-button span.ui-icon:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/arrows.svg"); } .ui-selectmenu-button span.ui-selectmenu-text { height:22px; line-height:22px; font-size:12px; padding:8px 44px 8px 10px; } .ui-selectmenu-menu .ui-widget.ui-widget-content { border:1px solid #cfcfcf; background:#ffffff; color:#181818; max-height:400px; } .ui-selectmenu-menu .ui-menu .ui-state-focus, .ui-selectmenu-menu .ui-menu .ui-state-active { margin:0; } .ui-selectmenu-menu .ui-menu { padding-bottom:0; } .ui-selectmenu-menu .ui-menu .ui-state-focus { background:#e5e5e5; } .ui-selectmenu-menu .ui-menu .ui-menu-item { font-size:12px; padding:2px 8px; } /* end jQuery UI Selectmenu */ /*========================================== Fancy Checkboxes Android Fix: body animation, IOS fix: empty onclick on label markup, Old IE fix: :not(#foo) selector ==========================================*/ .fancy_check { display:inline-block; } .fancy_check:not(#foo) input[type=checkbox] { padding: 0; margin: 0; height: 14px; width: 14px; float: left; position: relative; opacity: 0; top:0; } .fancy_check:not(#foo) label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 17px; padding: 0 0 0 24px; display:block; position:relative; } .fancy_check:not(#foo) label .indicator { background-color: #FFFFFF; display: block; width: 17px; height: 17px; position: absolute; left: 0; top:0; background:#FFFFFF url("https://img.skatewarehouse.com/framework16/icons/check.svg") 0 0 no-repeat; background-size:34px 17px; } .no-svg .fancy_check:not(#foo) label .indicator { background-image:url("https://img.skatewarehouse.com/framework16/icons/check.png"); } .fancy_check:not(#foo) input:focus + label .indicator { outline:1px solid #4a90e2; } .fancy_check:not(#foo) label:hover .indicator { outline:1px solid #4a90e2; } /* checked */ .fancy_check:not(#foo) input[type=checkbox]:checked ~ label .indicator { background:#FFFFFF url("https://img.skatewarehouse.com/framework16/icons/check.svg") -17px 0 no-repeat; background-size:34px 17px; } .no-svg .fancy_check:not(#foo) input[type=checkbox]:checked ~ label .indicator { background-image:url("https://img.skatewarehouse.com/framework16/icons/check.png"); } /* Radio Buttons */ .fancy_radio { display:inline-block; } .fancy_radio:not(#foo) input[type=radio] { padding: 0; margin: 0; height: 14px; width: 14px; float: left; position: relative; opacity: 0; top:0; } .fancy_radio:not(#foo) label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 17px; padding: 0 0 0 24px; display:block; position:relative; } .fancy_radio:not(#foo) label .indicator { background-color: #FFFFFF; display: block; width: 17px; height: 17px; position: absolute; left: 0; top:0; background:#FFFFFF url("https://img.skatewarehouse.com/framework16/icons/radio.svg") -17px 0 no-repeat; background-size:34px 17px; } .no-svg .fancy_radio:not(#foo) label .indicator { background-image:url("https://img.skatewarehouse.com/framework16/icons/radio.png"); } .fancy_radio:not(#foo) input:focus + label .indicator { outline:1px solid #4a90e2; } .fancy_radio:not(#foo) label:hover .indicator { outline:1px solid #4a90e2; } /* checked */ .fancy_radio:not(#foo) input[type=radio]:checked ~ label .indicator { background:#FFFFFF url("https://img.skatewarehouse.com/framework16/icons/radio.svg") 0 0 no-repeat; background-size:34px 17px; } .no-svg .fancy_radio:not(#foo) input[type=radio]:checked ~ label .indicator { background-image:url("https://img.skatewarehouse.com/framework16/icons/radio.png"); } /* end Fancy Checkbox */ /* -- Framework -- */ /* Back to Top */ #backtotop { position:fixed; display:none; bottom:10px; right:10px; background:#3b3b3b; border-radius:3px; height:40px; line-height:40px; width:120px; color:#ffffff; text-decoration:none; text-align:center; font-size:15px; z-index:4; box-shadow: 0 1px 2px 0 rgba(0,0,0,.25); } /* Header */ #header { z-index:3; float:left; clear:both; min-width:100%; position:relative; } #banner_wrap { z-index:3; float:left; clear:both; min-width:100%; position:relative; background:#000000; height:90px; } #banner { width:1100px; padding:0 20px; height:90px; margin:auto; position:relative; } #banner .logo { display:block; float:left; width:260px; height:0; padding-top:90px; overflow:hidden; background:url("https://img.skatewarehouse.com/framework16/icons/skatelogo.svg") no-repeat 0 50%; background-size:260px 57px; } .no-svg #banner .logo { background-image:url("https://img.skatewarehouse.com/framework16/icons/skatelogo.png"); } #banner .banner_left { float:left; } #banner .banner_right { float:right; position:relative; height:90px; width:500px; } #banner .banner_right_top { position:absolute; top:0; right:0; width:310px; } #banner .top_social { float:left; padding-top:10px; } #banner .top_social a { display:block; float:left; margin-right:5px; width:30px; height:0; padding-top:30px; overflow:hidden; position:relative; } #banner .top_social a:after { content:""; display:block; position:absolute; background:url("https://img.skatewarehouse.com/framework16/icons/social-top.svg") no-repeat 0 0; background-size:117px 35px; } .no-svg #banner .top_social a:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/social-top.png"); } #banner .top_social a.fb:after { width:16px; height:16px; background-position:3px 0; top:7px; left:8px; } #banner .top_social a.twtr:after { width:16px; height:16px; background-position:-32px 0; top:7px; left:7px; } #banner .top_social a.yt:after { width:16px; height:16px; background-position:-67px 0; top:7px; left:7px; } #banner .top_social a.ig:after { width:14px; height:16px; background-position:-103px 0; top:7px; left:8px; } #banner .top_social a.fb:hover:after, #banner .top_social a.fb:focus:after { background-position:3px -19px; } #banner .top_social a.twtr:hover:after, #banner .top_social a.twtr:focus:after { background-position:-32px -19px; } #banner .top_social a.yt:hover:after, #banner .top_social a.yt:focus:after { background-position:-67px -19px; } #banner .top_social a.ig:hover:after, #banner .top_social a.ig:focus:after { background-position:-103px -19px; } #banner .top_phone { color:#ffffff; margin:10px 0 0; display:block; float:right; height:30px; line-height:30px; font-size:20px; } #banner .banner_right_bot { min-width:191px; position:absolute; bottom:0; right:0; color:#ffffff; height:45px; font-size:12px; font-weight:300; line-height:45px; } #banner .cust_service, #banner .top_gc, #banner .cust_account, #banner .cust_login { display:inline-block; text-align:right; margin-left:25px; } #banner .cust_service { margin-left:0; } #banner .banner_right_bot > a { color:#ffffff; text-decoration:none; padding:0; } #banner .banner_right_bot > a:hover, #banner .banner_right_bot > a:focus { color:#ce490f; } #banner .banner_right_bot > a.live_chat { display:inline-block; margin-right:20px; } #banner .cust_service .dh_link { padding:0 20px 0 5px; position:relative; } #banner .cust_service .dh_link:after { content:""; display:block; height:9px; width:10px; position:absolute; top:17px; right:0; background:url("https://img.skatewarehouse.com/framework16/icons/arrows.svg") no-repeat 0 -90px; background-size:10px 120px; } .no-svg #banner .cust_service .dh_link:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/arrows.png"); } #banner .drop_hover { position:relative; } #banner .drop_hover .dh_link { color:#ffffff; text-decoration:none; display:inline-block; } #banner .drop_hover .dh_link:hover, #banner .drop_hover .dh_link:focus, #banner .drop_hover.focus_view .dh_link { color:#ce490f; } #banner .drop_hover .dh_menu { display:block; text-align:left; position:absolute; top:45px; left:0; list-style-type:none; box-shadow:0 1px 2px 0 rgba(0,0,0,.25); visibility:hidden; opacity:0; transition: all 0.5s ease 0s, visibility 0s linear 0.5s; margin:0; padding:0; } #banner .drop_hover:hover .dh_menu, #banner .dh_link:focus + .dh_menu { visibility: visible; opacity: 1; transition-delay: 0s; } #banner .drop_hover.focus_view .dh_menu { visibility: visible; opacity: 1; transition-delay: 0s; } #banner .drop_hover .dh_menu li { border-bottom:1px solid #f4f4f4; } #banner .drop_hover .dh_menu a { display:block; width:191px; padding-left:18px; height:48px; line-height:48px; border-left:2px solid #ffffff; background:#ffffff; color:#181818; text-decoration:none; } #banner .drop_hover .dh_menu a:hover, #banner .drop_hover .dh_menu a:focus { color:#ce490f; border-left-color:#ce490f; } #banner .drop_hover:hover .dh_link { color:#ce490f; } #banner .drop_hover.cust_account .dh_menu { right:-10px; left:auto; } #banner .drop_hover.cust_account .dh_menu a { width:141px; } #banner .cust_account .dh_link { padding-left:30px; position:relative; } #banner .cust_account .dh_link:after { content:""; display:block; height:24px; width:24px; position:absolute; top:10px; left:0; background:url("https://img.skatewarehouse.com/framework16/icons/account.svg") no-repeat 0 0; background-size:48px 24px; } .no-svg #banner .cust_account .dh_link:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/account.png"); } #banner .cust_account:hover .dh_link:after, #banner .cust_account .dh_link:focus:after, #banner .cust_account.focus_view .dh_link:after { background-position:-24px 0; } #banner .cust_account .dh_menu button { box-sizing:border-box; display:block; width:161px; margin:0; padding:0 0 0 20px; height:48px; line-height:48px; border-left:2px solid #ffffff; border-right:0; border-top:0; border-bottom:0; background:#ffffff; color:#181818; text-decoration:none; text-align:left; font-size:12px; font-weight:300; cursor:pointer; } #banner .cust_account .dh_menu button:hover, #banner .cust_account .dh_menu button:focus { border-left:2px solid #ce490f; color:#ce490f; } #shipmenu_wrap { background-color:#fff; z-index: 2;float: left;clear: both;min-width: 100%;position: relative;height: 40px;border-bottom: 1px solid #cfcfcf;} #shipmenu {width: 1100px;padding: 0 20px;height: 40px;margin: auto;position: relative;} /* Topmenu */ #topmenu_wrap { z-index:1; float:left; clear:both; min-width:100%; position:relative; background:#ffffff; height:50px; border-bottom:1px solid #cfcfcf; } #topmenu { position:relative; width:1140px; padding:0; margin:auto; } #shipban { display:block; position:absolute; z-index:2; right:0px; top:0; width:1060px; text-decoration:none; color:#ce490f; height:34px; padding-top:6px; line-height:34px; font-size:16px; text-align:center; background:#ffffff; transition: all 0.5s ease 0s; } #shipban > ul > li {position: relative;text-align: center;float: left; border-right: 1px solid #cfcfcf;padding:0 20px;} #shipban > ul > li:nth-child(n+3) {border-right:none;} .hmenu { list-style: none; padding: 0;margin: 0;} #topsearch_wrap { width: 878px; padding-left:10px; height: 50px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; position: absolute; right:250px; top: 0; transition: all 0.5s ease 0s; z-index: 2; background: #ffffff; float:left; } #searchtext { margin:0; padding:2px 5px 2px 30px; height:30px; width:832px; border:1px solid #cfcfcf; margin-top:7px; float:left; display:block; transition: all 0.5s ease 0s; } #topsearch_wrap .sub { display:block; position:absolute; top:7px; left:10px; height:0; width:40px; padding:36px 0 0; border:0; margin:0; overflow:hidden; background:url("https://img.skatewarehouse.com/framework16/icons/search.svg") no-repeat 9px 50%; background-size:13px 18px; cursor:pointer;opacity:.2; } .no-svg #topsearch_wrap .sub { background-image:url("https://img.skatewarehouse.com/framework16/icons/search.png"); } #header_cart { position:absolute; right:0; top:0; z-index:3; height:50px; width:110px; border-right:1px solid #cfcfcf; } #h_checkout_button { display:block; height:48px; width:35px; padding:0 30px 0 45px; position:relative; text-decoration:none; color:#ce490f; font-weight:bold; line-height:48px; text-align:center; border-bottom:2px solid #ffffff; transition: all 0.5s ease 0s; } #h_checkout_button:hover, #h_checkout_button:focus { border-color:#ce490f; } #h_checkout_button .icon { display:block; width:20px; height:0; padding-top:15px; overflow:hidden; background:url("https://img.skatewarehouse.com/framework16/icons/cart.svg") no-repeat 0 0; position:absolute; top:50%; left:18px; margin-top:-7px; background-size:20px 15px; } .no-svg #h_checkout_button .icon { background-image:url("https://img.skatewarehouse.com/framework16/icons/cart.png"); } #h_checkout_button:after { content:""; display:block; height:9px; width:10px; background:url("https://img.skatewarehouse.com/framework16/icons/arrows.svg") no-repeat 0 -10px; position:absolute; top:20px; right:10px; background-size:10px 120px; } .no-svg #h_checkout_button:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/arrows.png"); } .sm_small {font-size:12px; color:#73746C;padding-left:10px;} .sm_details {font-size:12px; color:#73746C;line-height: 28px;} #Holiday_Guide { border: none;background: #30A286;color: #FFFFFF;border-radius: 4px;font-size: 20px;margin: 30px 0px;padding: 6px;font-weight: 300;line-height: 25px;outline: 0;box-sizing: border-box;width: 203px;margin: 0;cursor: pointer;transition: background-position .5s;display: block;position: absolute;z-index: 4;right: 895px;top: 6px;text-decoration: none; font-size: 16px;text-align: center;transition: all 0.5s ease 0s; right:818px;} #page_wrap.fixed_header #Holiday_Guide {right:735px;} #header_wish { position:absolute; right:111px; top:0; z-index:3; height:50px; width:138px; border-right:1px solid #cfcfcf; } #header_wish_link { display:block; height:48px; width:75px; padding:0 15px 0 48px; position:relative; text-decoration:none; color:#000; line-height:48px; border-bottom:2px solid #fff; transition:all 0.5s ease 0s; } #header_wish_link:before { content:''; display:block; width:16px; height:16px; position:absolute; top:50%; left:20px; margin-top:-8px; background:url('https://img.skatewarehouse.com/framework16/icons/wishlist.svg') no-repeat 0 0; background-size:16px 33px; } #header_wish_link:hover { border-color:#ce490f; } /* Fixed Header */ #fixed_homelink { width:80px; height:0; padding-top:50px; overflow:hidden; background:#ce490f url("https://img.skatewarehouse.com/framework16/icons/circlelogo.svg") no-repeat 50% 50%; background-size:38px 38px; position:absolute; left:0; top:0; z-index:1; visibility:hidden; transition: visibility 0s linear 0.5s; } .no-svg #fixed_homelink { background-image:url("https://img.skatewarehouse.com/framework16/icons/circlelogo.png"); } #page_wrap.fixed_header { padding-top:51px; } #page_wrap.fixed_header #topmenu_wrap { position:fixed; top:0; left:0; right:0; z-index:4; box-shadow:0 -1px 8px rgba(0,0,0,.25); } #page_wrap.fixed_header #topsearch_wrap { width:798px; } #page_wrap.fixed_header #fixed_homelink { visibility:visible; transition: visibility 0s linear 0s; } #page_wrap.fixed_header #searchtext { width:752px; } /* Cart Overlay */ #h_checkout_button.active { border-color:#ce490f; transition: all 0s ease 0s; } #h_cart_overlay { display:block; position:absolute; top:50px; right:-1px; width:331px; background-color:#ffffff; text-align:left; border:1px solid #cfcfcf; box-shadow: 0 1px 2px 0 rgba(0,0,0,.25); } #overlay_shield { display:block; height:56px; width:107px; background:transparent; position:absolute; top:-56px; right:-1px; cursor:pointer; } #overlay_header { display:block; background:#e5e5e5; padding:0 29px 0 10px; position:relative; border-bottom:1px solid #cfcfcf; } #overlay_x { display:block; width:29px; height:0; padding:29px 0 0; margin:0; border:0; overflow:hidden; background-color:#e5e5e5; position:absolute; right:0; top:0; cursor:pointer; } #overlay_x:after { content:""; display:block; height:13px; width:13px; background:url("https://img.skatewarehouse.com/framework16/icons/explus.svg") no-repeat 0 0; background-size:26px 13px; position:absolute; top:8px; right:7px; } .no-svg #overlay_x:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/explus.png"); } #overlay_body { display:block; background:#ffffff; font-size:12px; } #overlay_body.loading { background:url("https://img.skatewarehouse.com/framework16/loading2.gif") no-repeat 50% 0 #ffffff; height:100px; background-size:100px 100px; } #overlay_message { display:block; height:29px; line-height:29px; } .overlay_msg { margin:10px; } .overlay_thumb_wrap { padding:15px 0 0 80px; font-size:12px; line-height:18px; height:98px; border-bottom:1px solid #cfcfcf; position:relative; } .overlay_thumb { position:absolute; left:10px; top:15px; width:60px; } .overlay_thumb img { display:block; margin:auto; max-width:100%; } .overlay_itemname { display:block; float:left; width:200px; } .overlay_itemname a { text-decoration:none; color:#181818; } .overlay_component { display:block; float:left; width:200px; font-weight:bold; text-transform:capitalize; } .overlay_qtyprice { display:block; float:left; width:200px; font-weight:bold; margin-top:5px; } .overlay_itemqty { display:block; float:left; width:85px; } .overlay_itemprice { display:block; float:right; text-align:right; width:105px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overlay_itemprice.sale { color:#e82139; } .overlay_item_remove { display:block; border:0; margin:0; position:absolute; right:3px; top:10px; width:25px; height:0; padding:25px 0 0 0; overflow:hidden; cursor:pointer; background:transparent; } .overlay_item_remove:after { content:""; display:block; position:absolute; top:5px; left:5px; height:16px; width:16px; background:url("https://img.skatewarehouse.com/framework16/icons/cartremove.svg") no-repeat 0 0; background-size:16px 34px; } .no-svg .overlay_item_remove:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/cartremove.png"); } .overlay_item_remove:hover:after, .overlay_item_remove:focus:after { background-position:0 -18px; } .overlay_summary { height:20px; line-height:20px; background:#e5e5e5; padding:5px 10px; } .overlay_numitems { display:block; float:left; } .overlay_subtotal { display:block; float:right; font-weight:bold; } .overlay_checkout { display:block; height:45px; line-height:45px; width:100%; padding:0; background:#ce490f; color:#ffffff; text-align:center; text-decoration:none; font-size:15px; } .overlay_checkout:hover, .overlay_checkout:focus { background:#af3d0b; color:#ffffff; } /* Cart Overlay Slider */ .cart_slider { padding:20px 0; position:relative; } .cart_slider_port { display:block; height:341px; position:relative; overflow:hidden; } .cart_slider_inner { position:relative; } .cart_slider_arrow { display:block; width:100%; margin:0; height:19px; border-color:#cfcfcf; border-style:solid; position:absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor:pointer; } .slider_arrow_icon { display:block; height:9px; width:10px; background:url("https://img.skatewarehouse.com/framework16/icons/arrows.svg") no-repeat 0 0; background-size:10px 120px; overflow:hidden; margin:5px auto 0 auto; } .no-svg .slider_arrow_icon { background-image:url("https://img.skatewarehouse.com/framework16/icons/arrows.png"); } .cart_slider_arrow.arrow_down { bottom:0; border-width:1px 0 1px 0; } .cart_slider_arrow.arrow_down .slider_arrow_icon { background-position:0 -50px; } .cart_slider_arrow.arrow_up { top:0; border-width:0 0 1px 0; } .cart_slider_arrow.arrow_up .slider_arrow_icon { background-position:0 -40px; } /* end Header */ /* Main */ #main_wrap { z-index:2; position:relative; float:left; clear:both; min-width:100%; background:#f4f4f4 url("https://img.skatewarehouse.com/framework16/sitebg.jpg"); padding:30px 0; } .sitewideban #main_wrap { padding-top:0px; } #main { width:1100px; padding:0 20px 30px 20px; margin:auto; background:#ffffff; box-shadow:0 1px 2px 0 rgba(0,0,0,.25); min-height:800px; } #main #sitewide_banner { width: 1140px; padding: 0; margin:0 -20px; } #content_wrap { width:880px; float:right; position:relative; } /* end Main */ /* Footer */ #footer { z-index:1; position:relative; float:left; clear:both; min-width:100%; color:#ffffff; } #footer h1 { font-weight:300; font-size:25px; margin-top:25px; } #topfooter_wrap { float:left; clear:both; min-width:100%; position:relative; background:#ffffff; height:65px; border-top:1px solid #cfcfcf; } #topfooter { position:relative; width:1100px; padding:0 20px; margin:auto; } #footer_shipban { display:block; position:absolute; left:20px; top:0; width:1100px; text-decoration:none; color:#ce490f; height:65px; line-height:65px; font-size:20px; text-align:center; } #footer .footer_bg { background:#181818 url("https://img.skatewarehouse.com/framework16/footerbg.jpg"); float:left; clear:both; min-width:100%; position:relative; } #midfooter_wrap { float:left; clear:both; min-width:100%; position:relative; background:transparent; border-bottom:1px solid #404040; height:190px; } #midfooter { position:relative; width:1100px; padding:0 20px; margin:auto; } #midfooter .half { box-sizing:border-box; border-left:1px solid #404040; width:50%; height:190px; float:left; text-align:center; font-size:12px; font-weight:300; } #midfooter .half:first-child { border-left:0; } #midfooter .half p { margin-top:10px; } #footer .footer_social { width:360px; margin:25px auto 0; } #footer .footer_social a { display:block; height:0; padding-top:40px; width:40px; overflow:hidden; float:left; background:transparent; margin-left:10px; position:relative; } #footer .footer_social a:after { content:""; display:block; position:absolute; height:28px; width:32px; top:6px; left:4px; background:url("https://img.skatewarehouse.com/framework16/icons/social-all.svg") no-repeat 0 0; background-size:306px 57px; } .no-svg #footer .footer_social a:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/social-all.png"); } #footer .footer_social a.fb:after { background-position:10px 1px; } #footer .footer_social a.twtr:after { background-position:-41px 1px; } #footer .footer_social a.yt:after { background-position:-91px 1px; } #footer .footer_social a.ig:after { background-position:-140px 1px; } #footer .footer_social a.gp:after { background-position:-190px 1px; } #footer .footer_social a.pt:after { background-position:-238px 1px; } #footer .footer_social a.tb:after { background-position:-284px 1px; } #footer .footer_social a.fb:hover:after, #footer .footer_social a.fb:focus:after { background-position:10px -30px; } #footer .footer_social a.twtr:hover:after, #footer .footer_social a.twtr:focus:after { background-position:-41px -30px; } #footer .footer_social a.yt:hover:after, #footer .footer_social a.yt:focus:after { background-position:-91px -30px; } #footer .footer_social a.ig:hover:after, #footer .footer_social a.ig:focus:after { background-position:-140px -30px; } #footer .footer_social a.gp:hover:after, #footer .footer_social a.gp:focus:after { background-position:-190px -30px; } #footer .footer_social a.pt:hover:after, #footer .footer_social a.pt:focus:after { background-position:-238px -30px; } #footer .footer_social a.tb:hover:after, #footer .footer_social a.tb:focus:after { background-position:-284px -30px; } #footer .footer_mailform { margin-top:20px; } #footer .footer_mailform .wrap { width:360px; height:45px; border:1px solid #404040; overflow:hidden; margin:auto; border-radius:3px; position:relative; } #footer .footer_mailform .subscr_email { border:0; margin:0; padding:5px 10px; height:35px; width:294px; float:left; background:transparent; font-size:12px; color:#ffffff; } #footer .footer_mailform .wrap button { display:block; margin:0; padding:45px 0 0; border-top:0; border-right:0; border-bottom:0; border-left:1px solid #404040; width:45px; position:absolute; right:0; top:0; overflow:hidden; background:transparent; cursor:pointer; } #footer .footer_mailform .wrap button:after { content:""; display:block; position:absolute; height:9px; width:15px; top:18px; left:16px; background:transparent url("https://img.skatewarehouse.com/framework16/icons/submit.svg") no-repeat 0 0; background-size:15px 20px; } .no-svg #footer .footer_mailform .wrap button:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/submit.png"); } #footer .footer_mailform .wrap button:hover:after, #footer .footer_mailform .wrap button:focus:after { background-position:0 -11px; } #footer .footer_mailform .signup_link { display:block; height:45px; line-height:45px; width:150px; margin:auto; border:1px solid #404040; text-decoration:none; background:transparent; text-align:center; font-size:15px; color:#ffffff; border-radius:3px; transition: all 0.5s ease 0s; } #footer .footer_mailform .signup_link:hover, #footer .footer_mailform .signup_link:focus { border-color:#ffffff; } #mainfooter_wrap { float:left; clear:both; min-width:100%; position:relative; background:transparent; } #mainfooter { position:relative; width:1100px; padding:0 20px; margin:auto; font-size:12px; } #mainfooter .quarter { width:25%; float:left; } #mainfooter .quarter h1 { margin:25px 0 20px; } #mainfooter .quarter .phone { display:block; font-size:20px; color:#ce490f; margin:25px 0 10px; } #mainfooter .quarter a { transition: all 0.5s ease 0s; } #mainfooter .quarter a:hover, #mainfooter .quarter a:focus { color:#af3d0b; } #mainfooter .quarter > a { display:block; width:180px; text-decoration:none; color:#ffffff; line-height:45px; border-bottom:1px solid #404040; transition: all 0.5s ease 0s; } #mainfooter .quarter > a:hover, #mainfooter .quarter > a:focus { color:#ce490f; } #mainfooter .quarter p { margin-top:15px; } #mainfooter .quarter .about { margin-top:25px; padding-bottom:15px; border-bottom:1px solid #404040; } #mainfooter .quarter .careers { width:275px; } #mainfooter .subfooter { margin-top:40px; padding:10px 0 20px; border-top:1px solid #404040; } #mainfooter .subfooter .ft_device { float:left; width:400px; padding-top:10px; } #mainfooter .subfooter .ft_button { display:block; float:left; position:relative; width:135px; height:40px; line-height:40px; margin:0 0 0 20px; padding:0 20px 0 0; background:transparent; font-size:12px; text-align:center; border:1px solid #3b3b3b; border-radius:3px; text-decoration:none; color:#ffffff; transition: all 0.5s ease 0s; cursor:pointer; } #mainfooter .subfooter .ft_button:after { content:""; display:block; height:9px; width:10px; position:absolute; top:16px; right:12px; background:transparent url("https://img.skatewarehouse.com/framework16/icons/arrows.svg") no-repeat 0 -101px; background-size:10px 120px; } .no-svg #mainfooter .subfooter .ft_button:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/arrows.png"); } #mainfooter .subfooter .ft_button:hover, #mainfooter .subfooter .ft_button:focus { border-color:#ffffff; } #mainfooter .subfooter .ft_device form:first-child .ft_button { margin-left:0; } #mainfooter .subfooter .ft_copy { float:right; } #mainfooter .subfooter .ft_copy p { margin:0; } #mainfooter .subfooter .ft_copy span { display:block; float:right; margin-left:30px; font-style:italic; } #mainfooter .subfooter .ft_copy a { color:#ffffff; text-decoration:none; transition: all 0.5s ease 0s; } #mainfooter .subfooter .ft_copy a:hover, #mainfooter .subfooter .ft_copy a:focus { color:#ce490f; } /* end Footer */ /* -- end Framework -- */ /* Button Styles */ .ghost_btn { display:block; background:transparent; font-size:15px; line-height:18px; font-weight:500; border:1px solid #cfcfcf; border-radius:3px; text-decoration:none; cursor:pointer; text-align:center; box-sizing:border-box; color:#000; } .ghost_primary { padding:13px 24px 12px; border:1px solid #cfcfcf; } .ghost_primary:hover, .ghost_primary:active, .ghost_primary:focus { border-color:#000; background-color:#000; color:#fff; } .ghost_2nd { font-size:12px; line-height:15px; padding:12px 24px 11px; } .ghost_2nd:hover, .ghost_2nd:active, .ghost_2nd:focus { border-color:#000; background-color:#000; color:#fff; } .ghost_accent { color:#ce490f; padding:13px 24px 12px; border-color:#ce490f; } .ghost_accent:hover, .ghost_accent:active, .ghost_accent:focus { background-color:#ce490f; color:#fff; } .action_btn { display:block; background:#ce490f; color:#fff; font-size:18px; line-height:21px; font-weight:500; border:none; border-radius:3px; text-decoration:none; cursor:pointer; padding:12px 24px; text-align:center; box-sizing:border-box; } .action_btn:hover, .action_btn:active, .action_btn:focus { background-color:#af3d0b; color:#fff; } .quick_order_btn { display:block; background:#ce490f; color:#fff; font-size:12px; line-height:15px; font-weight:500; border:none; border-radius:3px; text-decoration:none; cursor:pointer; padding:13px 24px 12px; text-align:center; box-sizing:border-box; } .quick_order_btn:hover, .quick_order_btn:active, .quick_order_btn:focus { background-color:#af3d0b; color:#fff; } /* End Button Styles */ /* Breadcrumbs */ .breadcrumb_wrap { margin:0; padding:0; border-bottom:1px solid #cfcfcf; } .breadcrumb { font-size:12px; width:700px; float:left; padding:18px 0 13px 2px; } .breadcrumb.full_width { width:100%; float:none; } .breadcrumb a { color:#000000; text-decoration:none; } .breadcrumb a:hover { color:#ce490f; text-decoration:underline; } .breadcrumb .current { color:#ce490f; } .breadcrumb { font-size:12px; } /* Working Order */ .cart_button { display:block; height:45px; width:200px; border:0; padding:0; line-height:45px; font-size:15px; background:#ce490f; color:#ffffff; text-align:center; text-decoration:none; border-radius:3px; cursor:pointer; } .cart_button:hover, .cart_button:focus { background-color:#af3d0b; } .w_item { width:480px; text-align:left; } .w_price { width:80px; padding-right:10px; text-align:right; } .w_qty { width:82px; padding-right:18px; text-align:right; } .w_avail { width:80px; padding-left:20px; text-align:center; font-size:12px; } .w_tprice { width:90px; text-align:right; } #work_labels { color:#8e8e8e; font-size:12px; height:40px; line-height:40px; border-bottom:1px solid #cfcfcf; margin-top:20px; } #work_labels span { display:block; float:left; } #work_labels .w_price { width:70px; padding-right:20px; text-align:right; } .work_cell { border-bottom:1px solid #cfcfcf; padding:0; position:relative; padding:20px 0 20px 100px; min-height:60px; } .work_cell.has_comment { border-bottom:0; padding-bottom:10px; } .work_cell.comment_cell { padding-bottom:20px; padding-top:0; min-height:0; } .w_complete_label { display:block; font-size:20px; margin-top:15px; } .work_cell.complete_cell { padding:10px 0 10px 0; } .work_cell.complete_cell > span { display:inline-block; vertical-align:middle; } .work_cell.complete_cell .w_cell_bot { margin-top:10px; } .work_cell.complete_cell .w_cell_bot > span { display:inline-block; vertical-align:middle; } .work_cell.complete_cell .note { color:#8e8e8e; font-size:12px; font-style:italic; display:block; margin-bottom:10px; } .work_cell.complete_cell .w_item { font-size:12px; font-weight:bold; width:570px; } .work_cell.complete_cell .w_qty { width:100px; } .work_cell.complete_cell .w_tprice { font-weight:bold; font-size:20px; width:190px; } .work_cell.complete_cell .w_styles { width:780px; font-style:normal; font-weight:bold; color:#000000; } .work_cell.component_cell { border-top:1px dotted #cfcfcf; border-bottom:0; } .work_cell.component_cell > span { display:inline-block; vertical-align:middle; } .w_component_wrap { border-bottom:1px solid #cfcfcf; } .work_cell .w_cell_top > span, .work_cell .w_cell_bot > span { display:inline-block; vertical-align:middle; } .work_cell .w_thumb { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100px; } .work_cell .w_thumb img { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; } .work_cell .w_item { width:380px; } .work_cell .w_item a { text-decoration:none; color:#181818; } .work_cell .w_item a:focus, .work_cell .w_item a:hover { color:#ce490f; } .work_cell .w_price { text-align:right; color:#8e8e8e; } .work_cell .w_qty { text-align:right; width:100px; padding:0; } .work_cell .w_qty.fixed { width:65px; padding-right:35px; } .work_cell .w_styles { width:680px; font-size:12px; color:#8e8e8e; font-style:italic; } .work_cell .w_remove { width:80px; text-align:right; } .work_cell .w_qty_input { display:inline-block; vertical-align:middle; border:1px solid #cfcfcf; margin:0 auto; padding:6px 5px; width:35px; text-align:center; border-top-left-radius:3px; border-bottom-left-radius:3px; } .work_cell .w_qty_submit { display:inline-block; vertical-align:middle; width:30px; height:0; padding:30px 0 0; margin:0; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-left:0; border-top-right-radius:3px; border-bottom-right-radius:3px; overflow:hidden; background:transparent; position:relative; cursor:pointer; } .work_cell .w_qty_submit:after { content:""; display:block; width:16px; height:16px; position:absolute; top:7px; left:7px; background:url("https://img.skatewarehouse.com/framework16/icons/cartrefresh.svg") no-repeat 0 0; background-size:18px 32px; } .no-svg .work_cell .w_qty_submit:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/cartrefresh.png"); } .work_cell .w_qty_submit:hover:after, .work_cell .w_qty_submit:focus:after { background-position:0 -16px; } .work_cell .w_remove_submit { border:0; padding:0; margin:0; color:#8e8e8e; background:#ffffff; font-size:12px; text-decoration:underline; cursor:pointer; } .work_cell .w_remove_submit:hover, .work_cell .w_remove_submit:focus { color:#ce490f; } .work_cell .w_qty_submit:hover, .work_cell .w_qty_submit:focus { color:#ce490f; } .work_cell .w_tprice { text-align:right; } .work_cell .comment_wrap { float:left; border-top-right-radius:3px; border-bottom-right-radius:3px; overflow:hidden; } .work_cell .comment_text { display:block; float:left; padding:5px; border:1px solid #cfcfcf; border-top-left-radius:3px; border-bottom-left-radius:3px; margin:0; height:20px; line-height:20px; width:450px; } .itemstatus.stock_in { color:#30b469; } .itemstatus.stock_out { color:#e82139; } .itemstatus.stock_backorder { color:#ff9900; } .cart_notice { padding:15px 15px 15px 65px; margin-bottom:20px; font-size:12px; color:#ce490f; border:1px solid #ce490f; border-radius:3px; background:#FFEFE9 url("https://img.skatewarehouse.com/framework16/icons/buildwarn.svg") no-repeat 16px 50%; background-size:29px 32px; } .no-svg .cart_notice { background-image:url("https://img.skatewarehouse.com/framework16/icons/buildwarn.png"); } .w_redeem_wrap { background:#f4f4f4; border-radius:3px; padding:20px 20px 0; margin-top:20px; width:390px; height:215px; float:right; position:relative; } .w_redeem_wrap:first-child { float:left; } .w_redeem_wrap h2 { margin:0; font-size:20px; font-weight:600; } .w_redeem_wrap .cell { float:left; margin-left:20px; } .w_redeem_wrap .cell.num { width:200px; margin-left:0; } .w_redeem_wrap .cell.pass { width:170px; } .w_redeem_wrap label { display:block; font-size:12px; margin:10px 0; } .w_redeem_wrap input[type=text] { display:block; border:1px solid #cfcfcf; margin:0; padding:5px; border-radius:3px; height:28px; font-size:12px; } .w_redeem_wrap button[type=submit] { position:absolute; bottom:20px; left:20px; width:140px; } .w_redeem_wrap button[type=submit].disabled, .w_redeem_wrap button[type=submit].disabled:hover, .w_redeem_wrap button[type=submit].disabled:focus { background-color:#e0e0e0; } .w_redeem_wrap #coup_code { width:378px; } .w_redeem_wrap #giftnumber { width:188px; } .w_redeem_wrap #giftcode { width:158px; } .w_redeem_wrap .note { margin:5px 0 0; font-size:12px; color:#8e8e8e; font-style:italic; } #w_summary { float:right; padding-top:40px; width:420px; } #w_summary .totals { line-height:45px; text-align:right; } #w_summary .totals .label { display:inline-block; vertical-align:middle; margin-right:20px; } #w_summary .totals .price { display:inline-block; vertical-align:middle; font-size:30px; } #w_summary p { text-align:right; color:#8e8e8e; font-style:italic; font-size:12px; margin-top:10px; } #w_summary .button_wrap { width:420px; margin-top:20px; } #w_summary .button_wrap .cart_button { float:left; } #w_summary .button_wrap .cart_button.checkout_button { float:right; width:330px; background:#30b469; height:43px; line-height:43px; color:#ffffff; font-size:20px; font-weight:400; } #w_summary .button_wrap .cart_button.checkout_button:hover, #w_summary .button_wrap .cart_button.checkout_button:focus { background-color:#289f5b; } .cancelorder_button { display:block; clear:both; cursor:pointer; text-decoration:underline; margin:15px 0 0; padding:0; background:#ffffff; color:#181818; font-size:12px; height:17px; border:0; float:right; } .cancelorder_button:hover, .cancelorder_button:focus { color:#ce490f; } .badge_wrap { width:115px; margin:30px auto 0; } #cart_bottom { position:relative; } #cart_bottom .live_chat { padding-left:50px; position:absolute; left:0; bottom:32px; } #cart_bottom .live_chat:after { content:""; display:block; position:absolute; width:32px; height:23px; top:10px; left:8px; background:url("https://img.skatewarehouse.com/framework16/icons/livechat.svg") no-repeat 0 -25px; background-size:32px 74px; } #cart_bottom .live_chat:focus:after, #cart_bottom .live_chat:hover:after { background-position:0 -1px; } .no-svg #cart_bottom .live_chat:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/livechat.png"); } /* T-Shirt Sale*/ .work_cell.tshirtsale { padding:10px 0 10px; position:relative; } .work_cell.tshirtsale span { display:block; line-height:2; } .work_cell.tshirtsale .main { font-size:15px; color:#ce490f; font-weight:bold; } .work_cell.tshirtsale .sub { font-size:12px; color:#8e8e8e; font-style:italic; } .work_cell.tshirtsale a { display:inline-block; position:absolute; height:38px; line-height:38px; padding:0 20px; right:20px; top:0; bottom:0; margin:auto; background:#000000; color:#ffffff; text-decoration:none; border-radius:3px; } /* Cancel Verify */ .cv_input button { display:block; float:left; height:43px; line-height:43px; padding:0 30px; margin:20px 0 0 20px; background:#000000; border:1px solid #000000; color:#ffffff; border-radius:3px; cursor:pointer; } .cv_input.cancel button { margin-left:0; } .cv_input button:hover, .cv_input button:focus { color:#000000; background:#ffffff; } /* Order Lookup */ .page_section { display: block; border:1px solid #cfcfcf; background: #ffffff; padding: 20px; margin-top: 20px; } .page_section.first { margin-top:0; } .cart_button.paypal_due { background:#4a90e2; height:43px; line-height:43px; border-bottom:2px solid #2377d7; margin-top:30px; float:left; width:auto; padding:0 30px; font-size:15px; box-sizing:content-box; } .cart_button.paypal_due:active { border-bottom-width:1px; margin-top:31px; } .cart_button.paypal_due .icon { display:inline-block; height:0; width:64px; padding-top:18px; overflow:hidden; background:url("http://img.tacklewarehouse.com/framework/icons/paypal.svg") no-repeat 0 0; background-size:64px 18px; vertical-align:middle; margin-right:2px; } .no-svg .cart_button.paypal_due .icon { background-image:url("http://img.tacklewarehouse.com/framework/icons/paypal.png"); } .page_section.track_order { padding-right:0; padding-left:0; } .page_section.track_order label { display:block; margin-bottom:5px; } .page_section.track_order .text { display:block; width:388px; padding:10px; height:20px; line-height:20px; border:1px solid #cfcfcf; } .page_section.track_order .input_wrap { float:left; width:410px; margin-left:20px; } .page_section.track_order .cart_button { margin:20px auto 0; } .page_section.paypal_due h2 { margin-top:0; } #orderlookup h2 { margin:0 0 20px; } #orderlookup table {width: 840px; margin-bottom:10px; text-align:left;} #orderlookup table tr td{font-size: 12px; border:0; background:#ffffff; text-align:left;} #orderlookup table tr td a{text-decoration: underline; font-weight: bold; font-style: italic;} #orderlookup table td.Bright{font-weight: bold; font-size: 14px;} #orderlookup table td.Standard{padding: 4px 0 1px 10px; font-size: 12px;} /* Customer Service Pages */ .cs_button { display:inline-block; margin:20px 0 0; } .cs_page p { width:650px; } .cs_page ul, .cs_page ol { width:610px; } ul.cust_serv_tabs { width:100%; list-style-type:none; margin:10px 0 25px; padding:0; border-bottom:1px solid #cfcfcf; } .cust_serv_tabs li { display:block; float:left; text-align:center; margin-left:20px; height:50px; line-height:50px; } .cust_serv_tabs li:first-child { margin-left:0; } .cust_serv_tabs li a { display:block; text-decoration:none; height:48px; padding:0 10px; color:#000000; } .cust_serv_tabs li a.active { color:#ce490f; border-bottom:3px solid #ce490f; } ul.cs_botnav { width:100%; margin-top:40px; background:#f4f4f4; border-radius:3px; padding:10px 0; } .cs_botnav li { display:block; float:left; height:50px; line-height:50px; } .cs_botnav li a, .cs_botnav li span { display:block; text-decoration:none; color:#000000; height:50px; line-height:50px; } .cs_botnav li a:hover, .cs_botnav li a:focus { color:#ce490f; } .cs_botnav .text { font-size:20px; width:259px; text-align:center; border-right:1px solid #cfcfcf; } .cs_botnav .lc { padding:0 10px; border-right:1px solid #cfcfcf; } .cs_botnav .lc .live_chat { width:80px; padding-left:50px; position:relative; } .cs_botnav .lc .live_chat:after { content:""; display:block; position:absolute; width:32px; height:23px; top:14px; left:6px; background:url("https://img.skatewarehouse.com/framework16/icons/livechat.svg") no-repeat 0 -25px; background-size:32px 74px; } .no-svg .cs_botnav .lc .live_chat:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/livechat.png"); } .cs_botnav .lc .live_chat:hover:after, .cs_botnav .lc .live_chat:focus:after { background-position:0 -49px; } .cs_botnav .email { padding:0 10px; border-right:1px solid #cfcfcf; } .cs_botnav .email a { width:195px; padding-left:50px; position:relative; } .cs_botnav .email a:after { content:""; display:block; position:absolute; width:26px; height:18px; top:17px; left:9px; background:url("https://img.skatewarehouse.com/framework16/icons/email.svg") no-repeat 0 -20px; background-size:26px 38px; } .no-svg .cs_botnav .email a:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/email.png"); } .cs_botnav .email a:hover:after, .cs_botnav .email a:focus:after { background-position:0 0; } .cs_botnav .phone { padding-left:10px; } .cs_botnav .phone a { padding-left:50px; position:relative; } .cs_botnav .phone a:after { content:""; display:block; position:absolute; width:20px; height:21px; top:15px; left:12px; background:url("https://img.skatewarehouse.com/framework16/icons/phone.svg") no-repeat 0 -22px; background-size:20px 42px; } .no-svg .cs_botnav .phone a:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/phone.png"); } .cs_botnav .phone a:hover:after, .cs_botnav .phone a:focus:after { background-position:0 0; } .cs_subhead { font-size:18px; } .cs_section_top { padding-top:30px; margin-top:30px; border-top:1px solid #cfcfcf; } .cs_note { font-size:12px; font-style:italic; } #termsofuse .termsofuse_list { list-style-type:none; } /* Tracking Page */ .cs_trackwrap { background:#f4f4f4; padding:0 20px; text-align:center; border-radius:3px; } .cs_trackwrap p { width:650px; margin:20px auto 0; } .cs_trackwrap h2 { display:inline-block; padding-left:40px; background:url("https://img.skatewarehouse.com/framework16/icons/track.svg") no-repeat 10px 50%; background-size:16px 24px; } .no-svg .cs_trackwrap h2 { background-image:url("https://img.skatewarehouse.com/framework16/icons/track.png") } .cs_form { margin:30px 0 30px 100px; } .cs_form .cell { float:left; margin-right:25px; } .cs_form .cell label { display:block; text-align:left; margin-bottom:10px; font-size:12px; line-height:20px; color:#8e8e8e; } .cs_form .cell input[type=text] { height:33px; width:200px; line-height:33px; padding:5px; border:1px solid #cfcfcf; border-radius:3px; } .cs_form .cs_button { margin-top:30px; float:left; } /* Shipping Page */ .cs_highlight { color:#ce490f; font-weight:bold; } .cs_buttonwrap .cs_button { margin-left:20px; } .cs_buttonwrap .cs_button:first-child { margin-left:0; } .cs_button.return_form { padding-left:45px; position:relative; } .cs_button.return_form:after { content:""; display:block; width:18px; height:19px; position:absolute; top:12px; left:14px; background-image:url("https://img.skatewarehouse.com/framework16/icons/PDF.svg"); background-repeat:no-repeat; background-position:0 0; background-size:18px 37px; } .no-svg .cs_button.return_form:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/PDF.png"); } .cs_button.return_form:hover:after, .cs_button.return_form:focus:after { background-position:0 -18px; } .cs_returns_header { margin-top:40px; } .cs_defect_header { margin-top:40px; } /* FAQ */ .cs_faq .cs_subhead { margin-top:30px; } .cs_faq p { margin-top:10px; } .cs_faq ul { margin-top:10px; } .cs_faq ul.cs_botnav { margin-top:40px; } /* Contact Us */ .cs_contact .half { width:325px; float:left; } .cs_contact .section { border-bottom:1px solid #cfcfcf; padding-bottom:40px; } .cs_phone_header { padding-left:35px; position:relative; } .cs_phone_header:after { content:""; display:block; position:absolute; top:1px; left:0; width:20px; height:21px; background:url("https://img.skatewarehouse.com/framework16/icons/phone.svg") no-repeat 0 0; background-size:20px 42px; } .no-svg .cs_phone_header:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/phone.png"); } .cs_email_header { padding-left:40px; position:relative; } .cs_email_header:after { content:""; display:block; position:absolute; top:3px; left:0; width:26px; height:18px; background:url("https://img.skatewarehouse.com/framework16/icons/email.svg") no-repeat 0 0; background-size:26px 38px; } .no-svg .cs_email_header:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/email.png"); } .cs_hours { margin-top:5px; } .cs_mapwrap { float:left; padding-top:20px; } /* Legal */ ul.cs_address { list-style-type:none; } /* International */ ul.cs_int_tabs { width:100%; list-style-type:none; margin:10px 0 25px; padding:0; border-bottom:1px solid #cfcfcf; font-size:12px; } .cs_int_tabs li { display:block; float:left; text-align:center; margin-left:20px; height:50px; line-height:50px; } .cs_int_tabs li:first-child { margin-left:0; } .cs_int_tabs li a { display:block; text-decoration:none; height:48px; padding:0 10px; color:#000000; } .cs_int_tabs li a.active { color:#ce490f; } /* Country List */ .cs_countrylist h3 { font-weight:400; } .countrylist_wrap { padding:20px 0 0; font-size:12px; } .countrylist_wrap ul { width:25%; float:left; list-style-type:none; padding:0; margin:0; line-height:2; } /* Gift Card Page */ .gc_banner { width:880px; height:300px; margin:20px auto 0; } .gc_option { width:830px; border-radius:3px; background:#f4f4f4; margin-top:20px; padding:25px; } .gc_option.hidden { display:none; } .gc_option h2 { margin:0 0 20px; } .gc_option label { display:block; color:#6f6f6f; font-size:12px; line-height:18px; margin-bottom:10px; } .gc_option input[type=text] { display: block; padding: 10px; height: 18px; line-height: 18px; border: 1px solid #cfcfcf; border-radius:3px; } .gc_option button { margin:28px 0 0; display:inline; } .gc_option button.disabled, .gc_option button.disabled:hover, .gc_option button.disabled:focus { background:#e0e0e0; } .gc_option.mail select { width:200px; } .gc_option.mail input[type=text] { width:50px; } .gc_option.mail button { padding-top:10px; padding-bottom:9px; } .gc_option.mail .ui-selectmenu-button { background:#ffffff; } .gc_option.mail .cell { float:left; margin-right:20px; } .gc_option.egift label > span { float:right; margin-right:5px; } .gc_option.egift .cell { margin-top:20px; } .gc_option.egift .cell.qty { margin-top:0; } .gc_option.egift input[type=text] { width:350px; } .gc_option.egift .qty { width:225px; } .gc_option.egift .qty input[type=text] { width:200px; } .gc_option.egift textarea { padding:2px; width:366px; height:90px; border-radius:3px; border:1px solid #cfcfcf; max-width:100%; } .gc_option.egift .note { margin-top:5px; font-size:12px; font-style:italic; } .gc_option.egift .gc_formwrap { float:left; width:430px; } .gc_option.egift .gc_description { width:378px; float:right; } .gc_option h3 { font-size:15px; margin-top:0; } .gc_option ul { font-size:12px; font-style:italic; padding-left:20px; line-height:2; margin-top:10px; } .gc_option.redeem .gc_formwrap { float:left; width:430px; } .gc_option.redeem .gc_description { width:378px; float:right; } .gc_option.redeem .cell { margin-top:20px; } .gc_option.redeem .cell.num { margin-top:0; } .gc_option.redeem input[type=text]{ width:253px; } .gc_option.redeem button[type=submit]{ width:275px; } .gc_faq { margin-top:30px; } .gc_faq h1 { font-size:25px; font-weight:300; margin-top:0; } .gc_faq h2 { font-size:18px; font-weight:bold; margin-top:30px; } .gc_faq p { margin-top:10px; } /* Brands Page */ .brandspage .brandlist .letter_heading { font-size: 20px; line-height: 30px; margin: 0 0 10px; margin-left:-20px; width:25px; display:inline-block; font-weight:500; } .brandspage .brandlist .letter_border{border-top:1px solid #ececec; height:6px; display:inline-block; width:827px;} .brandspage .brandlist .brandlist_icons{margin-left:45px; padding-top:0px; } .brandspage .brandlist .section ul li {margin: 0; padding: 0; list-style: none; font-size: 13px; padding: 4px 15px 4px 0; display:inline-block; width:85px; height:120px; vertical-align:top;} .brandspage .brandlist .section .last{padding-right:0px; margin-right:0px;} .brandspage .ui-tabs.brandlist .ui-tabs-nav .ui-tabs-anchor { font-weight: 500; text-decoration: none; color: #181818; display: block; padding: 6px; } .brandspage .ui-tabs.brandlist .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{position:relative; color:#ce490f; display: block; border: 1px solid #ce490f; margin:-1px; } .brandspage .ui-tabs.brandlist .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor { color:#cccccc; } .brandspage .ui-tabs.brandlist .ui-tabs-nav { margin: 0 0 25px; padding: 15px 0; } .brandspage .ui-tabs.brandlist .ui-tabs-nav li { color: #181818; display: block; float: left; font-size: 15px; position: relative; left: -6px; padding-right:6px;} /* Deck Builder Styles */ /* alter framework for builder */ .builder_page #main { padding:0; width:1140px; border-top-right-radius:3px; border-top-left-radius:3px; } .builder_page #content_wrap { width:auto; float:none; border-top-right-radius:3px; border-top-left-radius:3px; } /* Main Page */ .db_note { margin:20px; } .db_content { position:relative; } .db_title { height:55px; line-height:55px; background:#000000; color:#ffffff; border-top-right-radius:3px; border-top-left-radius:3px; font-weight:400; font-size:15px; } .db_title .text { margin:0; padding:0 0 0 20px; font-weight:400; font-size:18px; display:block; float:left; position:relative; } .db_title .controls { float:right; } .db_title .exit_link { display:block; color:#ffffff; text-decoration:none; float:left; border-left:1px solid #666666; padding:0 35px 0 20px; width:170px; text-align:left; position:relative; } .db_title .exit_link:after { content:""; display:block; position:absolute; height:10px; width:10px; top:22px; right:15px; background:url("https://img.skatewarehouse.com/framework16/icons/arrows.svg") no-repeat 50% -100px; background-size:10px 122px; } .no-svg .db_title .exit_link:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/arrows.png"); } .db_title .live_chat { display:block; float:left; text-decoration:none; color:#ffffff; padding:0 20px 0 60px; width:70px; text-align:center; position:relative; } .db_title .live_chat:after { content:""; display:block; position:absolute; height:23px; width:32px; top:15px; left:17px; background:url("https://img.skatewarehouse.com/framework16/icons/livechat.svg") no-repeat 0 0; background-size:32px 74px; } .no-svg .db_title .live_chat:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/livechat.png"); } .mainpage_components { float:left; width:915px; position:relative; z-index:1; } .mainpage_builds { height:55px; background:#f4f4f4; border-bottom:1px solid #cfcfcf; color:#000000; } .mainpage_builds button, .mainpage_builds > span { display:block; margin:0; border:0; height:55px; line-height:55px; font-size:15px; font-weight:400; color:#000000; position:relative; cursor:pointer; } .mainpage_builds > span { cursor:default; } .mainpage_builds .type_builds { float:left; padding:0 45px 0 30px; background:transparent; text-transform:capitalize; font-size:20px; border-right:1px solid #cfcfcf; } .mainpage_builds .type_builds span { font-weight:400; } .mainpage_builds button.type_builds:after { content:""; display:block; position:absolute; height:9px; width:10px; top:22px; right:18px; background:url("https://img.skatewarehouse.com/framework16/icons/arrows.svg") no-repeat 50% -10px; background-size:10px 122px; } .no-svg .mainpage_builds button.type_builds:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/arrows.png"); } .mainpage_builds .pro_builds { float:right; padding:0 45px 0 30px; font-size:20px; border-left:1px solid #cfcfcf; background:transparent; } .mainpage_builds .pro_builds:after { content:""; display:block; position:absolute; height:9px; width:10px; top:22px; right:18px; background:url("https://img.skatewarehouse.com/framework16/icons/arrows.svg") no-repeat 50% -10px; background-size:10px 122px; } .no-svg .mainpage_builds .pro_builds:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/arrows.png"); } .mainpage_totals { float:right; width:225px; position:relative; z-index:2; box-shadow:-2px 0 2px -1px rgba(0,0,0,.25); min-height:1000px; text-align:center; padding-bottom:20px; } .mainpage_totals button.comp_line { font-weight:300; } .mainpage_summary { height:55px; background:#f4f4f4; border-bottom:1px solid #cfcfcf; color:#000000; position:relative; text-align:left; } .mainpage_summary .text { margin:0; height:55px; line-height:55px; padding-left:20px; font-size:20px; font-weight:400; position:relative; } .mainpage_summary .clear_button { display:block; margin:0; height:0; width:55px; padding:55px 0 0; overflow:hidden; border:0; position:absolute; top:0; right:0; cursor:pointer; background:transparent; } .mainpage_summary .clear_button:hover, .mainpage_summary .clear_button:focus { background-position:-15px 0; } .mainpage_summary .clear_button:after { content:""; display:block; height:19px; width:15px; position:absolute; top:50%; right:20px; margin-top:-9px; background:url("https://img.skatewarehouse.com/framework16/icons/trash.svg") no-repeat -15px 0; background-size:60px 19px; } .no-svg .mainpage_summary .clear_button:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/trash.png"); } .mainpage_summary .clear_button:hover:after, .mainpage_summary .clear_button:focus:after { background-position:-45px 0; } .mainpage_itemized { text-align:left; } .mainpage_itemized > div { margin:0 20px; padding:15px 0 15px 20px; border-top:1px solid #cfcfcf; } .mainpage_itemized > button:not(.action_btn) { display:block; border:0; margin:0 0 0 20px; padding:15px 0 15px 20px; background:transparent; border-top:1px solid #cfcfcf; font-size:12px; color:#cfcfcf; position:relative; width:185px; text-align:left; cursor:pointer; } .mainpage_itemized > button.selected, .mainpage_itemized > button.incompatible { font-weight:500; } .mainpage_itemized > button.incompatible { color:#E32C42; } .mainpage_itemized > button.selected { color:#000000; } .mainpage_itemized > button.selected:after { content:""; display:block; height:9px; width:11px; position:absolute; top:18px; left:0; background:url("https://img.skatewarehouse.com/framework16/icons/greencheck.svg") no-repeat 50% 50%; background-size:11px 9px; } .no-svg .mainpage_itemized > button.selected:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/greencheck.png"); } .mainpage_itemized > button.incompatible:after { content:""; display:block; height:15px; width:3px; position:absolute; top:14px; left:4px; background:url("https://img.skatewarehouse.com/framework16/icons/warning.svg") no-repeat 50% 50%; background-size:3px 15px; } .no-svg .mainpage_itemized > button.incompatible:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/warning.png"); } .mainpage_itemized > button.incompatible.trucks:after, .mainpage_itemized > button.incompatible.hardware:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/exred.svg"); background-size:10px 10px; height:10px; width:10px; top:17px; left:0; } .no-svg .mainpage_itemized > button.incompatible.trucks:after, .no-svg .mainpage_itemized > button.incompatible.hardware:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/exred.png"); } .longboard_builder .mainpage_itemized > button.incompatible.trucks:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/warning.svg"); background-size:3px 15px; height:15px; width:3px; top:14px; left:4px; } .no-svg .longboard_builder .mainpage_itemized > button.incompatible.trucks:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/warning.png"); } .longboard_builder .mainpage_itemized > button.incompatible.risers:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/exred.svg"); background-size:10px 10px; height:10px; width:10px; top:17px; left:0; } .no-svg .longboard_builder .mainpage_itemized > button.incompatible.risers:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/exred.png"); } .sharelink_btn { padding-left:55px; padding-right:15px; position: relative; text-align: left; } .sharelink_btn:after{ content: ""; display: block; position: absolute; top: 50%; left: 25px; margin-top:-8px; height: 16px; width: 22px; background: url("https://img.skatewarehouse.com/framework16/icons/share.svg") no-repeat 0 0; background-size: 22px 64px; } .sharelink_btn:hover:after, .sharelink_btn:focus:after { background-position:0 -32px; } .deckbuilder_wrap .sharelink_btn { margin:20px auto 0; width:183px; } .no-svg .sharelink_btn:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/share.png"); } .share_wish_wrap { border-top:1px solid #dadada; padding:20px 0; } .share_wrap { float:right; } .share_wrap .sharelink_btn { width:140px; padding-left:64px; } .share_wrap .sharelink_btn:after { left:33px; } .mainpage_itemized > div:first-child { border-top:0; } .mainpage_itemized > div .price, .mainpage_itemized > button .price { display:block; float:right; font-weight:normal; } #db_buildlabel { padding:0 0 10px; margin:0 20px; } #db_buildlabel h3 { margin:20px 0 0; padding:0; font-size:18px; color:#8e8e8e; font-weight:400; text-transform:capitalize; } #db_buildlabel.pro_build { padding-bottom:20px; } #db_buildlabel.pro_build h3 { padding-bottom:10px; border-bottom:1px solid #cfcfcf; } #db_buildlabel .pro_image { margin:20px auto; height:150px; width:150px; } #db_buildlabel .name { display:block; text-align:center; font-size:18px; font-weight:500; margin:0 10px; } .mainpage_itemized .db_totalwrap, .mainpage_itemized .build_total { font-size:15px; font-weight:500; padding:20px 0; } .mainpage_itemized .build_subtotal { color:#000000; } .mainpage_itemized .build_savings { color:#30b469; margin-top:10px; } .mainpage_itemized .build_total { color:#000000; } .mainpage_itemized .db_submit { margin:10px 0 0 20px; width:185px; } .mainpage_itemized .db_submit.disabled, .mainpage_itemized .db_submit.disabled:hover, .mainpage_itemized .db_submit.disabled:focus { background:#e0e0e0; cursor:default; } #db_sharelink:after { left:15px; } .no-svg #db_sharelink:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/share.png"); } #db_sharelink:hover:after, #db_sharelink:focus:after { background-position:0 -32px; } .db_sharebox { padding:10px 20px; } .db_sharebox input[type=text]{ margin-top:10px; padding:10px; border:1px solid #cfcfcf; font-size:15px; width:400px; } .db_sharebox .social { margin-top:20px; } .db_sharebox .social > div { display:inline-block; height:20px; line-height:20px; vertical-align:middle; margin-right:10px; } /* Component Cells */ .comp_cell { width:203px; height:408px; border:1px solid #cfcfcf; border-radius:3px; float:left; margin:19px 0 0 19px; position:relative; z-index:1; text-align:center; } .comp_cell:hover { border-color:#000000; } .comp_cell:hover:after { content:""; position:absolute; top:-2px; left:-2px; display:block; height:100%; width:100%; border:2px solid #000000; border-radius:3px; z-index:-1; } .comp_cell.first { clear:both; } .comp_cell.deck, .comp_cell.trucks, .comp_cell.wheels { width:277px; margin-left:20px; } .comp_cell.deck { margin-left:19px; } .comp_cell.deck .comp_controls .edit, .comp_cell.trucks .comp_controls .edit, .comp_cell.wheels .comp_controls .edit { width:93px; } .comp_cell.deck .comp_controls .details, .comp_cell.trucks .comp_controls .details, .comp_cell.wheels .comp_controls .details { width:92px; } .comp_cell.deck .comp_controls .details:after, .comp_cell.trucks .comp_controls .details:after, .comp_cell.wheels .comp_controls .details:after { left:35px; } .comp_cell.deck .comp_controls .remove, .comp_cell.trucks .comp_controls .remove, .comp_cell.wheels .comp_controls .remove { width:92px; } .comp_cell.deck .comp_controls .remove:after, .comp_cell.trucks .comp_controls .remove:after, .comp_cell.wheels .comp_controls .remove:after { left:40px; } .comp_cell .comp_link { display:block; height:357px; width:100%; text-decoration:none; position:relative; color:#000000; } .comp_cell.comp_ph .comp_link { height:408px; } .comp_cell.comp_ph.deck { background:url("https://img.skatewarehouse.com/framework16/icons/deck.svg") no-repeat 50% 40px; background-size:75px 252px; } .no-svg .comp_cell.comp_ph.deck { background-image:url("https://img.skatewarehouse.com/framework16/icons/deck.png"); } .longboard_builder .comp_cell.comp_ph.deck { background:url("https://img.skatewarehouse.com/framework16/icons/lbdeck.svg") no-repeat 50% 40px; background-size:70px 255px; } .no-svg .longboard_builder .comp_cell.comp_ph.deck { background-image:url("https://img.skatewarehouse.com/framework16/icons/lbdeck.png"); } .comp_cell.comp_ph.trucks { background:url("https://img.skatewarehouse.com/framework16/icons/trucks.svg") no-repeat 50% 100px; background-size:172px 132px; } .no-svg .comp_cell.comp_ph.trucks { background-image:url("https://img.skatewarehouse.com/framework16/icons/trucks.png"); } .comp_cell.comp_ph.wheels { background:url("https://img.skatewarehouse.com/framework16/icons/wheels.svg") no-repeat 50% 95px; background-size:150px 150px; } .no-svg .comp_cell.comp_ph.wheels { background-image:url("https://img.skatewarehouse.com/framework16/icons/wheels.png"); } .comp_cell.comp_ph.bearings { background:url("https://img.skatewarehouse.com/framework16/icons/bearings.svg") no-repeat 50% 85px; background-size:84px 177px; } .no-svg .comp_cell.comp_ph.bearings { background-image:url("https://img.skatewarehouse.com/framework16/icons/bearings.png"); } .comp_cell.comp_ph.hardware { background:url("https://img.skatewarehouse.com/framework16/icons/hardware.svg") no-repeat 50% 55px; background-size:132px 237px; } .no-svg .comp_cell.comp_ph.hardware { background-image:url("https://img.skatewarehouse.com/framework16/icons/hardware.png"); } .comp_cell.comp_ph.griptape { background:url("https://img.skatewarehouse.com/framework16/icons/grip.svg") no-repeat 50% 40px; background-size:75px 264px; } .no-svg .comp_cell.comp_ph.griptape { background-image:url("https://img.skatewarehouse.com/framework16/icons/grip.png"); } .comp_cell.comp_ph.risers { background:url("https://img.skatewarehouse.com/framework16/icons/risers.svg") no-repeat 50% 70px; background-size:58px 188px; } .no-svg .comp_cell.comp_ph.risers { background-image:url("https://img.skatewarehouse.com/framework16/icons/risers.png"); } .comp_cell .comp_text_ph { display:block; height:50px; line-height:50px; border-top:1px solid #cfcfcf; position:absolute; bottom:0; left:0; width:100%; text-align:center; font-weight:400; color:#000000; text-transform:capitalize; } .comp_cell .riser_optional { position:absolute; left:0; right:0; bottom:80px; } .comp_cell .comp_thumb_wrap { position:relative; height:270px; width:100%; } .comp_cell .comp_thumb { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; } .comp_cell .name { display:block; height:77px; margin:10px 0 0; padding:0 15px 0 15px; font-size:12px; font-weight:600; } .comp_cell .subname { display:block; margin-top:5px; font-weight:400; color:#888888; } .comp_cell .comp_controls { height:50px; border-top:1px solid #cfcfcf; width:100%; position:absolute; bottom:0; left:0; } .comp_cell .comp_controls button { margin:0; padding:0; border:0; background:transparent; display:block; float:left; font-size:12px; color:#b4b4b4; cursor:pointer; } .comp_cell .comp_controls .edit { height:50px; line-height:50px; width:101px; padding-left:50px; border-right:1px solid #cfcfcf; font-weight:600; text-align:left; position:relative; } .comp_cell .comp_controls .edit:hover, .comp_cell .comp_controls .edit:focus, .comp_cell .comp_link:hover ~ .comp_controls .edit, .comp_cell .comp_link:focus ~ .comp_controls .edit { color:#000000; } .comp_cell .comp_controls .edit:after { content:""; display:block; position:absolute; top:50%; left:17px; margin-top:-11px; height:21px; width:19px; background:url("https://img.skatewarehouse.com/framework16/icons/edit.svg") no-repeat 0 -21px; background-size:19px 82px; } .no-svg .comp_cell .comp_controls .edit:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/edit.png"); } .comp_cell .comp_controls .edit:hover:after, .comp_cell .comp_controls .edit:focus:after, .comp_cell .comp_link:hover ~ .comp_controls .edit:after, .comp_cell .comp_link:focus ~ .comp_controls .edit:after { background-position:0 0; } .comp_cell .comp_controls .details { width:51px; height:0; padding-top:50px; overflow:hidden; border-right:1px solid #cfcfcf; position:relative; } .comp_cell .comp_controls .details:after { content:""; display:block; position:absolute; top:16px; left:15px; height:20px; width:24px; background:url("https://img.skatewarehouse.com/framework16/icons/details.svg") no-repeat 0 0; background-size:56px 20px; } .no-svg .comp_cell .comp_controls .details:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/details.png"); } .comp_cell .comp_controls .details:hover:after, .comp_cell .comp_controls .details:focus:after { background-position:-30px 0; } .comp_cell .comp_controls .remove { width:51px; height:0; padding-top:50px; overflow:hidden; position:relative; } .comp_cell .comp_controls .remove:after { content:""; display:block; position:absolute; top:50%; left:19px; margin-top:-9px; height:19px; width:15px; background:url("https://img.skatewarehouse.com/framework16/icons/trash.svg") no-repeat -15px 0; background-size:60px 19px; } .no-svg .comp_cell .comp_controls .remove:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/trash.png"); } .comp_cell .comp_controls .remove:hover:after, .comp_cell .comp_controls .remove:focus:after { background-position:0 0; } /* Type Builds Dropdown */ .type_builds_shield { position:absolute; top:0; left:0; background:#000000; opacity:0.5; z-index:3; width:1140px; height:1500px; } .type_builds_drop { position:absolute; top:0; left:0; background:#f4f4f4; z-index:4; width:1140px; padding-bottom:20px; } .type_builds_drop .top { background:#ffffff; height:55px; line-height:55px; font-weight:400; font-size:15px; color:#000000; } .type_builds_drop .top .overlay { float:left; padding:0 10px 0 30px; font-size:20px; background:transparent; } .type_builds_drop .top .close { display:block; float:right; border:0; margin:0; padding:55px 0 0; height:0; width:55px; overflow:hidden; position:relative; background:#ffffff; cursor:pointer; } .type_builds_drop .top .close:after { content:""; display:block; height:18px; width:18px; position:absolute; top:19px; left:19px; background:url("https://img.skatewarehouse.com/framework16/icons/buildx.svg") no-repeat 0 0; } .no-svg .type_builds_drop .top .close:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/buildx.png") } .type_builds_drop .top .close:hover:after, .type_builds_drop .top .close:focus:after { background-position:0 -20px; } .type_builds_drop .note { display:block; margin:0 45px; padding:15px 0; border-bottom:1px solid #cfcfcf; color:#ce490f; font-size:15px; font-weight:400; font-style:italic; } .type_builds_drop .build_list { padding-left:45px; } .type_builds_drop .build_list .build { width:231px; height:440px; padding:0 15px 0 15px; margin-top:20px; float:left; border-left:1px solid #cfcfcf; color:#8e8e8e; font-size:12px; position:relative; } .type_builds_drop .build_list .build:first-child { border-left:0; } .type_builds_drop .h_typebuild { margin:0; text-transform:capitalize; color:#000000; padding-left:75px; position:relative; font-size:20px; font-weight:400; } .type_builds_drop .custom .h_typebuild { margin:0; text-transform:capitalize; color:#000000; padding-left:40px; background:url("https://img.skatewarehouse.com/framework16/icons/custom.svg") no-repeat 0 50%; background-size:25px 25px; } .no-svg .type_builds_drop .custom .h_typebuild { background-image:url("https://img.skatewarehouse.com/framework16/icons/custom.png"); } .type_builds_drop .budget .h_typebuild { background:url("https://img.skatewarehouse.com/framework16/icons/budget.svg") no-repeat 15px 50%; background-size:42px 14px; } .no-svg .type_builds_drop .budget .h_typebuild { background-image:url("https://img.skatewarehouse.com/framework16/icons/budget.png"); } .type_builds_drop .standard .h_typebuild { background:url("https://img.skatewarehouse.com/framework16/icons/standard.svg") no-repeat 15px 50%; background-size:42px 19px; } .no-svg .type_builds_drop .standard .h_typebuild { background-image:url("https://img.skatewarehouse.com/framework16/icons/standard.png"); } .type_builds_drop .premium .h_typebuild { background:url("https://img.skatewarehouse.com/framework16/icons/premium.svg") no-repeat 15px 50%; background-size:42px 25px; } .no-svg .type_builds_drop .premium .h_typebuild { background-image:url("https://img.skatewarehouse.com/framework16/icons/premium.png"); } .type_builds_drop .build_list .build .component_list { padding-left:25px; } .type_builds_drop .build_list .build .price { display:block; margin:20px 0 0; font-size:25px; font-weight:500; color:#000000; text-align:center; position:absolute; bottom:60px; left:0; right:0; } .type_builds_drop .build_list .build .build_button { width:215px; margin:0 auto; position:absolute; bottom:0; left:0; right:0; } /* Pro Builds Dropdown */ .pro_builds_shield { position:absolute; top:0; left:0; background:#000000; opacity:0.5; z-index:3; width:1140px; height:1500px; } .pro_builds_drop { position:absolute; top:0; left:0; background:#f4f4f4; z-index:4; width:1140px; padding-bottom:10px; } .pro_builds_drop .top { background:#ffffff; height:55px; line-height:55px; font-weight:400; font-size:15px; color:#000000; position:relative; } .pro_builds_drop .top .overlay { position:absolute; left:0; top:0; padding:0 45px 0 30px; font-size:20px; background:transparent; } .pro_builds_drop .top .close { display:block; float:right; border:0; margin:0; padding:55px 0 0; height:0; width:55px; overflow:hidden; position:relative; background:#ffffff; cursor:pointer; } .pro_builds_drop .top .close:after { content:""; display:block; height:18px; width:18px; position:absolute; top:19px; left:19px; background:url("https://img.skatewarehouse.com/framework16/icons/buildx.svg") no-repeat 0 0; } .no-svg .pro_builds_drop .top .close:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/buildx.png") } .pro_builds_drop .top .close:hover:after, .pro_builds_drop .top .close:focus:after { background-position:0 -20px; } .pro_builds_drop .note { display:block; margin:0 45px; padding:15px 0; border-bottom:1px solid #cfcfcf; font-size:15px; font-weight:400; font-style:italic; color:#ce490f; } .pro_builds_drop .build_list { padding-top:10px; } .pro_builds_drop .build_list ul { display:block; list-style-type:none; padding:0 0 0 45px; margin:0; } .pro_builds_drop .build_list li { display:block; float:left; width:131px; height:130px; margin-top:10px; } .pro_builds_drop .build_list a { display:block; width:131px; height:130px; text-decoration:none; text-align:center; font-size:12px; color:#000000; } .pro_builds_drop .build_list .name { display:block; line-height:20px; height:40px; } .pro_builds_drop .build_list img { margin: 0 auto 5px; border:3px solid #f4f4f4; border-radius:45px; padding:4px; height:75px; width:75px; } .pro_builds_drop .build_list a:focus, .pro_builds_drop .build_list a:hover { color:#ce490f; } .pro_builds_drop .build_list a:focus img { border-color:#ce490f; } .pro_builds_drop .build_list a:hover img { border-color:#ce490f; transition:border-color .5s; } .pro_builds_drop .sw-imgrotate-wrap { padding-top:10px; } .pro_builds_drop .sw-imgrotate-wrap .build_list { padding:0 0 50px; height:420px; } .pro_builds_drop .sw-imgrotate-wrap .build_list ul { height:420px; width:100%; } .pro_builds_drop .sw-imgrotate-arrowleft, .pro_builds_drop .sw-imgrotate-arrowright { height:420px; width:45px; position:absolute; top:10px; cursor:pointer; background-color:#f4f4f4; } .pro_builds_drop .sw-imgrotate-arrowleft { left:0; } .pro_builds_drop .sw-imgrotate-arrowright { right:0; } .pro_builds_drop .sw-imgrotate-arrowleft:after, .pro_builds_drop .sw-imgrotate-arrowright:after { content:""; display:block; height:56px; width:32px; position:absolute; top:50%; margin-top:-28px; background:url("https://img.skatewarehouse.com/framework16/icons/largarrows.svg") no-repeat 0 0; } .no-svg .pro_builds_drop .sw-imgrotate-arrowleft:after, .no-svg .pro_builds_drop .sw-imgrotate-arrowright:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/largarrows.png"); } .pro_builds_drop .sw-imgrotate-arrowleft:after { background-position:-11px -392px; left:7px; } .pro_builds_drop .sw-imgrotate-arrowright:after { background-position:-13px -336px; right:7px; } .pro_builds_drop .sw-imgrotate-arrowleft:hover:after, .pro_builds_drop .sw-imgrotate-arrowleft:focus:after { background-position:-11px -616px; } .pro_builds_drop .sw-imgrotate-arrowright:hover:after, .pro_builds_drop .sw-imgrotate-arrowright:focus:after { background-position:-13px -560px; } .pro_builds_drop .sw-imgrotate-dotwrap { display:block; margin:0; padding:0; position:absolute; bottom:0; left:0; height:35px; padding-top:15px; width:100%; list-style-type:none; text-align:center; } .pro_builds_drop .sw-imgrotate-dotwrap li { display:inline-block; height:12px; width:12px; border-radius:6px; background:#b4b4b4; margin:0 5px; cursor:pointer; } .pro_builds_drop .sw-imgrotate-dotwrap li.sw-imgrotate-active { background-color:#ce490f; } /* Assembly Options */ .db_formwrap { padding:30px; } .db_formwrap h2 { margin:0 0 20px; font-weight:400; } .db_formwrap .section { margin:0; padding:0 0 30px; border-bottom:1px solid #cfcfcf; } .db_formwrap .section .fancy_radio { display:block; margin-top:20px; } .db_formwrap .db_button { float:right; margin:20px 0 0; } .db_formwrap .submit_note { display:block; float:left; margin-top:20px; color:#E32C42; font-style:italic; font-size:12px; } /* Warnings */ .db_formwrap.db_warn h2 { padding-left:50px; background:url("https://img.skatewarehouse.com/framework16/icons/buildwarn.svg") no-repeat 5px 50%; background-size:29px 32px; } .no-svg .db_formwrap.db_warn h2 { background-image:url("https://img.skatewarehouse.com/framework16/icons/buildwarn.png"); } .db_formwrap.db_warn .db_button { float:left; } .db_formwrap.db_warn .db_button.cancel { margin-right:20px; } /* Compatibility Overlay */ .incompatible_overlay { display:block; position:absolute; z-index:2; top:-2px; left:-2px; height:412px; width:207px; border-radius:3px; font-size:13px; font-weight:300; text-align:center; } .comp_cell.deck .incompatible_overlay, .comp_cell.trucks .incompatible_overlay, .comp_cell.wheels .incompatible_overlay { width:281px; } .incompatible_overlay.pregrip_overlay { background:#000000; color:#ffffff; height:342px; padding-top:70px; opacity:0.9; } .incompatible_overlay.no_assemble, .incompatible_overlay.warning_only { background:#000000 url("https://img.skatewarehouse.com/framework16/icons/buildwarn.svg") no-repeat 50% 25px; background-size:29px 32px; color:#ffffff; height:342px; padding-top:70px; opacity:0.9; } .no-svg .incompatible_overlay.no_assemble, .no-svg .incompatible_overlay.warning_only { background-image:url("https://img.skatewarehouse.com/framework16/icons/buildwarn.png"); } .incompatible_overlay.no_ship { display:block; height:342px; width:207px; margin:0; padding:70px 0 0; border:0; text-align:center; background:#E32C42 url("https://img.skatewarehouse.com/framework16/icons/triangle.svg") no-repeat 50% 25px; background-size:36px 29px; border-radius:3px; color:#ffffff; opacity:0.95; font-size:13px; } .no-svg .incompatible_overlay.no_ship { background-image:url("https://img.skatewarehouse.com/framework16/icons/triangle.png"); } .incompatible_overlay.no_ship .change_button .overlay_button { font-size:15px; } .incompatible_overlay .title { display:block; font-size:20px; text-transform:uppercase; font-weight:400; line-height:1.5; } .incompatible_overlay .text { display:block; margin:10px 15px 0; font-weight:300; line-height:1.5; } .incompatible_overlay .overlay_button { display:block; padding:0; height:40px; line-height:40px; width:155px; border:1px solid #ffffff; border-radius:3px; margin:20px auto 0; background:transparent; color:#ffffff; cursor:pointer; font-size:14px; } .incompatible_overlay button.overlay_button { height:42px; } .incompatible_overlay.no_ship .overlay_button.change_button { position:absolute; bottom:80px; left:0; right:0; } .incompatible_overlay.no_ship .overlay_button.remove { position:absolute; bottom:30px; left:0; right:0; } .incompatible_overlay.no_assemble .overlay_button:hover, .incompatible_overlay.no_assemble .overlay_button:focus, .incompatible_overlay.warning_only .overlay_button:hover, .incompatible_overlay.warning_only .overlay_button:focus { color:#000000; background-color:#ffffff; } .incompatible_overlay.no_ship .overlay_button:hover, .incompatible_overlay.no_ship .overlay_button:focus { color:#E32C42; background-color:#ffffff; } .incompatible_overlay.no_assemble .overlay_button.change_button, .incompatible_overlay.warning_only .overlay_button.change_button { position:absolute; bottom:80px; left:0; right:0; } .incompatible_overlay.no_assemble .overlay_button.keep_button, .incompatible_overlay.warning_only .overlay_button.keep_button { position:absolute; bottom:30px; left:0; right:0; } /* Keep item incompatible */ .comp_cell.trucks.incompatible.keep .comp_link:after, .comp_cell.wheels.incompatible.keep .comp_link:after, .comp_cell.griptape.incompatible.keep .comp_link:after, .comp_cell.risers.incompatible.keep .comp_link:after { content:""; display:block; height:32px; width:29px; background:url("https://img.skatewarehouse.com/framework16/icons/buildwarn.svg") no-repeat 0 0; background-size:29px 32px; position:absolute; top:10px; left:10px; } .no-svg .comp_cell.trucks.incompatible.keep .comp_link:after, .no-svg .comp_cell.wheels.incompatible.keep .comp_link:after, .no-svg .comp_cell.griptape.incompatible.keep .comp_link:after, .no-svg .comp_cell.risers.incompatible.keep .comp_link:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/buildwarn.png"); } /* Component Pages */ .deckbuilder_nav { width:190px; float:left; margin-left:20px; } .deckbuilder_nav .main_link { margin-top:20px; padding-left:28px; padding-right:0; position:relative; text-align:left; } .deckbuilder_nav .main_link:hover, .deckbuilder_nav .main_link:focus { background-color:#000000; border-color:#000; color:#ffffff; } .deckbuilder_nav .main_link:after { content:""; display:block; position:absolute; height:10px; width:10px; top:17px; left:8px; background:url("https://img.skatewarehouse.com/framework16/icons/arrows.svg") no-repeat 0 -71px; background-size:10px 122px; } .no-svg .deckbuilder_nav .main_link:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/arrows.png"); } .deckbuilder_nav .main_link:hover:after, .deckbuilder_nav .main_link:focus:after { background-position:0 -111px; } .deckbuilder_content { width:880px; float:right; margin-right:20px; } .deckbuilder_page.comp_page { padding-bottom:20px; } .deckbuilder_content .subcat_heading { text-transform:capitalize; } .builder_page .brandlist_icons button { margin:0; padding:0; border:0; background:transparent; cursor:pointer; font-size:10px; } .builder_page .brandlist_icons button:focus, .builder_page .brandlist_icons button:hover { color:#ce490f; } .builder_page .brandlist_icons button:focus img { border-color:#ce490f; } .builder_page .brandlist_icons button:hover img { border-color:#ce490f; transition:border-color .5s; } /* Quick View Description */ #db_quick_description { display:none; } #db_quickdesc_button { display:inline-block; background:transparent; margin:10px 0 0; border:0; padding:0; font-size:15px; color:#4a90e2; text-decoration:underline; cursor:pointer; } .db_quickdescpop { padding:0 20px 30px; } /* Error Lightbox */ .db_errorbox { padding:10px 20px; } .db_errorbox .section { padding: 0 0 30px; border-bottom: 1px solid #cfcfcf; } .db_errorbox .db_button { width:100px; background:#000000; margin-top:20px; } /* end Deck Builder Styles */ /* Front Page */ .static_tile_wrap { /* width:820px; */margin:auto; padding-top:20px; } .fp_static_tile { float:left; width:420px; /* height:240px; */ position:relative; margin-left:20px; } .fp_static_tile:first-child { margin-right:20px; margin-left:0; } .fp_static_tile img { width:420px; } .static_tile_ol { width:380px; padding:10px 20px; color:#ffffff; background:rgba(0,0,0,0.3); transition: all 0.5s ease 0s; display:block; position:absolute; bottom:0; font-size:18px; } .fp_static_tile a:hover .static_tile_ol { background:rgba(0,0,0,0.6); } .static_tile_ol span { display:block; font-size:14px; } .front_page .cat_tiles.fp_cat_tiles { background: #ffffff; padding-bottom:25px; margin-bottom:20px; background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 40%, #f4f4f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 40%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 40%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ } .front_page .fp_cat_tiles .cat_tile { margin-left:25px; width:260px; } .front_page .fp_cat_tiles .cat_tile .title { padding:20px 20px 7px; border:none; font-weight:500; height:auto; } .front_page .fp_cat_tiles .cat_tile .note { display:block; font-size:12px; text-align:center; height:36px; } .front_page .fp_cat_tiles .cat_tile .buttons { text-align:center; padding-top:8px; } .front_page .fp_cat_tiles .cat_tile .buttons div { float:left; width:50%; } .front_page .fp_cat_tiles .cat_tile .buttons div:first-child { box-sizing:border-box; border-right:1px solid #cfcfcf; } .front_page .fp_cat_tiles .cat_tile .buttons a { border-top:1px solid #cfcfcf; font-size:14px; color:#000000; display:block; text-decoration:none; padding:10px 0; } .front_page .fp_cat_tiles .cat_tile .call_to_action { display:block; border-top:1px solid #cfcfcf; color:#000000; text-decoration:none; } .front_page .fp_cat_tiles .special_tile:hover .call_to_action, .fp_cat_tiles .daily_dose:hover .call_to_action, .fp_cat_tiles .sale_tile .buttons a:hover, .fp_cat_tiles .sale_tile .call_to_action:hover { color:#ce490f; } .front_page .fp_cat_tiles .special_tile .title { height:44px; } .front_page .fp_cat_tiles .special_tile .note { padding:3px 20px 53px; } .front_page .fp_cat_tiles .daily_dose img { width:195px; height:auto; margin:auto; } .front_page .fp_cat_tiles .daily_dose img.shoe_image { padding:57px 0; } .front_page .fp_cat_tiles .daily_dose .title { color:#ce490f; text-transform:uppercase; } .front_page .fp_cat_tiles .daily_dose .note { padding:3px 20px 0; } .front_page .fp_cat_tiles .daily_dose .price { text-align:center; font-size:24px; font-weight:500; padding:24px 0 15px; } .front_page .fp_cat_tiles .daily_dose.sale .price { padding-bottom:0; padding-top:6px; color:#ce490f; } .front_page .fp_cat_tiles .daily_dose.sale .msrp { text-align:center; font-size:12px; padding-bottom:9px; } .front_page .fp_cat_tiles .daily_dose.sale .msrp span { font-size:16px; } .daily_dose_img { /* background-color:#f4f4f4; */ position:relative; } .daily_dose_img #timer_wrap { position:absolute; bottom:0; display:block; width:100%; text-align:center; background:rgba(0,0,0,0.7); color:#ffffff; padding:10px 0; } .fp_header { text-align:center; font-size:35px; font-weight:300; padding-top:20px; } .fp_header_link { text-align:center; padding-bottom:40px; } .fp_header_link a { color:#000000; text-decoration:none; } .fp_header_link a:hover { color:#ce490f; } .fp_rotate_wrap { width:878px; overflow:hidden; margin:20px auto 40px; } .fp_rotate_wrap .sw-imgrotate-arrowleft, .fp_rotate_wrap .sw-imgrotate-arrowright { position:absolute; top:0; width:89px; height:350px; background-color:rgba(0,0,0,0.3); transition: all 0.5s ease 0s; color:#ffffff; font-size:40px; cursor:pointer; } .fp_rotate_wrap .sw-imgrotate-arrowleft:hover, .fp_rotate_wrap .sw-imgrotate-arrowright:hover { background-color:rgba(0,0,0,0.6); } .fp_rotate { width:700px; height:350px; margin:auto; } .fp_rotate_wrap .sw-imgrotate-arrowleft { left:0; } .fp_rotate_wrap .sw-imgrotate-arrowright { right:0; } .fp_rotate_wrap .sw-imgrotate-arrowleft:after, .fp_rotate_wrap .sw-imgrotate-arrowright:after { content:''; display:block; position:absolute; top:50%; margin-top:-10px; background-image:url("https://img.skatewarehouse.com/framework16/icons/medarrows.svg"); background-size:21px 336px; width:21px; height:21px; } .no-svg .fp_rotate_wrap .sw-imgrotate-arrowleft:after, .no-svg .fp_rotate_wrap .sw-imgrotate-arrowright:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/medarrows.png"); } .fp_rotate_wrap .sw-imgrotate-arrowleft:after { left:50%; margin-left:-11px; background-position:0 -315px; } .fp_rotate_wrap .sw-imgrotate-arrowright:after { right:50%; margin-right:-11px; background-position:0 -294px; } /* Best Seller Tile */ .action_full{display:block; border-top:1px solid #cfcfcf; color:#000000; text-decoration:none; font-size: 13px; line-height: 20px; padding: 8px; text-align: center;} .action_full:hover{color:#ce490f;} /* FP Brand Icon Slider */ .sw-listcarousel.brand_list_carousel { border-bottom:none; } .sw-listcarousel.cat_list_carousel.brand_list_carousel .sw-listcarousel-inner-wrap { margin:0px 60px; } .sw-listcarousel .brand_list { margin-top:0; margin-bottom:0; list-style-type:none; padding:0; } .fp_brandlist { float:left; list-style:none; padding:0px 0px 0px; margin:0px 0 20px; font-size:10px; line-height:15px; position:relative; z-index:1; } .fp_brandlist .fp_bndicon { float:left; display:inline-block; text-align:center; height:130px; width:95px; } .fp_brandlist .fp_bndicon .brandicon_contain { width:84px; padding:0px 5.5px 0px 5.5px; display:block; z-index:10; border:none; outline:0; float:none; } .fp_brandlist .fp_bndicon .brandicon_contain a { text-decoration:none; color:#6f6f6f; display:block; outline:0; } .fp_brandlist .fp_bndicon .brandicon_contain img { height:70px; width:70px; padding:4px; margin:0px auto 16px; border:3px solid #ffffff; border-radius:42px; } .fp_brandlist .brandicon_contain a .name { font-size:10px; color:#7d7d7d; } .fp_bndicon.allbrands .brandicon_contain { padding:8px 5.5px 0px 5.5px; } .fp_bndicon.allbrands .brandicon_contain .fpall_icon { height:70px; width:70px; background:#000; border-radius:42px; margin:0px auto; border:3px solid #fff; color:#fff; text-decoration:none; } .fp_bndicon.allbrands .brandicon_contain .fpall_icon p { font-size:11px; font-weight:400; text-align:center; margin:23px 0px; line-height:1.2; } .sw-listcarousel.cat_list_carousel.brand_list_carousel .sw-listcarousel-arrow-box { top:14px; } .sw-listcarousel.cat_list_carousel.brand_list_carousel .sw-listcarousel-arrow-box { height:48px; width:38px; } .sw-listcarousel.cat_list_carousel.brand_list_carousel .sw-listcarousel-left-arrow .sw-listcarousel-arrow-icon { left:8px; } .sw-listcarousel.cat_list_carousel.brand_list_carousel .sw-listcarousel-right-arrow .sw-listcarousel-arrow-icon { right:8px; } .fp_brandlist .fp_bndicon .brandicon_contain a:focus img { border-color:#ce490f; } .fp_brandlist .fp_bndicon .brandicon_contain a:hover img { border-color:#ce490f; transition:border-color .5s; } .fp_brandlist .fp_bndicon .brandicon_contain a:hover .name, .fp_brandlist .fp_bndicon .brandicon_contain a:focus .name { color:#ce490f; } .fp_bndicon.allbrands .brandicon_contain .fpall_icon:focus, .fp_bndicon.allbrands .brandicon_contain .fpall_icon:hover { box-shadow:0 0 0 3px #ce490f; } /* Pro Select Page */ .pro_select_banner { width:880px; margin:20px auto 0; } .brandspage .brandlist.for_pros { text-align:center; } .brandspage .brandlist.for_pros .ui-tabs-nav { margin:0; display:inline-block; } .brandspage .brandlist.for_pros .ui-tabs-nav li { left:0; } .brandspage .brandlist.for_pros .ui-tabs-nav li:last-child { margin:0; padding:0; } .brandspage .brandlist.for_pros .section ul li { width:89px; height:137px; } .brandspage .brandlist.for_pros .letter_heading { text-align:left; } .pro_cell_wrapper { text-align:center; width:89px; } .pro_cell_wrapper .link_wrap { text-decoration:none; font-size:12px; color:#000000; display:block; } .pro_cell_wrapper .link_wrap:hover { color:#ce490f; } .pro_cell_wrapper .link_wrap img { width:75px; height:75px; margin:0 auto 10px; padding:4px; border:3px solid #ffffff; border-radius:50%; } .pro_cell_wrapper .link_wrap:focus img { border-color:#ce490f; } .pro_cell_wrapper .link_wrap:hover img { border-color:#ce490f; transition:border-color .5s; } /* Pro Skater Page */ .maincat_heading_wrap.pro_heading_wrap { border:0; margin-bottom:0; padding-bottom:10px; } .pro_heading_wrap .maincat_heading span { font-weight:300; } .pro_skate_tabs { width:100%; list-style-type:none; margin:0 0 20px; padding:0; border-bottom:1px solid #000000; } .pro_skate_tabs li { display:block; float:left; text-align:center; margin-left:20px; height:50px; line-height:50px; } .pro_skate_tabs li:first-child { margin-left:0; } .pro_skate_tabs li a { display:block; text-decoration:none; height:48px; padding:0 10px; color:#000000; } .pro_skate_sect { width:770px; margin:auto; } .subcat_heading .viewall_link { float:right; margin-top:5px; } .pro_setup_carousel { border-bottom:1px solid #000000; } .skate_info_wrap { border-bottom:1px solid #000000; padding-bottom:20px; } .pro_skate_image { float:left; padding:0 25px; margin-top:15px; } .pro_skate_image .prof_image { border-radius:50%; width:150px; height:150px; margin-bottom:25px; } .pro_skate_image .pro_skate_social { margin:auto; width:140px; } .pro_skate_image .pro_skate_social a { width:22px; height:0; padding-top:22px; overflow:hidden; display:block; float:left; margin-right:37px; background-image:url("https://img.skatewarehouse.com/framework16/icons/social-medium.svg"); background-size:162px 66px; background-repeat:no-repeat; } .no-svg .pro_skate_image .pro_skate_social a { background-image:url("https://img.skatewarehouse.com/framework16/icons/social-medium.png"); } .pro_skate_image .pro_skate_social a:last-child { margin-right:0; } .pro_skate_image .pro_skate_social a.fb { background-position:0 0; } .pro_skate_image .pro_skate_social a.fb:hover { background-position:0 -22px; } .pro_skate_image .pro_skate_social a.twit { background-position:-22px 0; } .pro_skate_image .pro_skate_social a.twit:hover { background-position:-22px -22px; } .pro_skate_image .pro_skate_social a.inst { background-position:-66px 0; } .pro_skate_image .pro_skate_social a.inst:hover { background-position:-66px -22px; } .pro_skate_info { float:left; padding:0 25px; } .pro_skate_info ul { list-style:none; padding:0; margin:0; font-size:12px; font-weight:500; width:302px; } .pro_skate_info ul li { padding:9px 0; border-bottom:1px solid #c5c5c5; font-weight:bold; } .pro_skate_info ul li:last-child { border:none; } .pro_skate_info ul li span { font-weight:400; float:right; } .pro_skate_spons { float:left; } .pro_skate_spons h3 { padding-bottom:0; padding-left:20px; margin-top:0; } .pro_skate_spons ul { list-style:none; margin:0; padding:0; } .pro_skate_spons ul li { float:left; width:65px; padding-left:15px; font-size:11px; text-align:center; margin-top:10px; } .pro_skate_spons ul li.first { clear:left; } .pro_skate_spons ul li a { color:#c5c5c5; text-decoration:none; display:block; } .pro_skate_spons ul li a:hover { color:#ce490f; } .pro_skate_spons ul li .pro_spons_img { width:50px; height:50px; margin:0 auto; padding:2px; border:3px solid #ffffff; border-radius:50%; } .pro_skate_spons ul li a:focus .pro_spons_img { border-color:#ce490f; } .pro_skate_spons ul li a:hover .pro_spons_img { border-color:#ce490f; transition:border-color .5s; } .pro_skate_vid { width:880px; height:496px; margin-top:60px; } .pro_skate_slider { margin-top:40px; } .pro_skate_slider .sw-listcarousel .cat_item { width:220px; height:220px; } .pro_skate_slider .cat_list_carousel.sw-listcarousel .sw-listcarousel-arrow-box { top:90px; } .pro_skate_slider .pro_slide_img { width:210px; height:210px; margin-right:10px; cursor:pointer; } .video_list_wrap { border:1px solid #c5c5c5; } .video_list_wrap h3 { background-color:#f4f4f4; margin:0; padding:10px 20px; font-size:20px; border-bottom:1px solid #c5c5c5; } .video_list_wrap ul { list-style:none; padding:0 20px; margin:0; } .video_list_wrap li { border-bottom:1px solid #c5c5c5; padding:7px 0; } .video_list_wrap li:last-child { border:none; } /* Videos Page */ .vids_wrap ul.vidlist li { float: left; width: 155px; padding: 0px 0px 10px; text-align: center; cursor: pointer; margin-right: 9px; font-size: 11px; list-style: none; } .vids_wrap .vidlist li img { display: block; margin: auto; width:145px;} .vids_wrap #movietarget h2{ text-align: center;} .vids_wrap .featvid{margin:auto; width:880px; } .vids_wrap a.plbanner { display:block; margin: 0px auto 10px; border:none; color: #fff; background:#FFFFFF url('https://img.skatewarehouse.com/img/videovaultblack.jpg') no-repeat top left; width:790px; height:57px; } .vids_wrap a.plbanner:hover { background:#FFFFFF url('https://img.skatewarehouse.com/img/videovaultgrey.jpg') no-repeat top left; } .vids_wrap a.plbanner div.pltext { float:left; padding:16px 5px 8px 67px; height:29px; width:265px; } .vids_wrap a.plbanner div.pltext .title { font-size:18px; font-weight:bold; } .vids_wrap a.plbanner div.pltext .description { font-size:11px; line-height: 14px; height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width:265px; } .vids_wrap a.plbanner .thumbcontainer { float:right; padding:2px 4px; } .vids_wrap a.plbanner .thumbcontainer img { float:left; height:51px; } .vids_wrap #movietarget iframe{height:490px; width:880px; margin:auto;} .vidvaultlink{color: #372E2C; font-weight: bold; text-decoration: none;} .vids_wrap #movietarget .maincat_heading{} .vids_wrap #movietarget .titlevid{width:650px; display:inline-block; position:relative;} /* Sitemap */ div.sitemapsection { margin-left:15px; float: left; padding: 0px 10px; width: 250px; } div.sitemap h4 { padding:0; margin:10px 0; font-size:16px; font-weight: normal; color: #000000; text-transform:uppercase; } div.sitemap h4 a { font-size:16px; color:#ce490f; text-decoration: none; } div.sitemap h4 a:hover { text-decoration:underline; } div.sitemap ul { padding-left:15px; list-style-type: disc; margin-top:0px; margin-bottom:15px;} div.sitemap ul li{font-size:12px;} div.sitemap ul li a:hover { color:#ff6600; } div.sitemap ul li a { text-decoration: none; color: #000000; } /* Daily Dose */ .dose_page .breadcrumb { width:650px; } .dose_page .daily_dose_splash { height:225px; width:880px; margin:20px auto 0; } .dose_page .daily_dose_text .note { font-size:12px; color:#8e8e8e; margin:10px auto 0; font-weight:400; font-style:italic; } .dose_page .daily_dose_timer { padding:20px 20px 20px 90px; margin-bottom:20px; font-size:20px; background:#f4f4f4; position:relative; } .dose_page .daily_dose_timer:before { content:''; display:block; width:28px; height:28px; position:absolute; top:50%; left:50px; margin-top:-14px; background:url("https://img.skatewarehouse.com/framework16/icons/timer.svg") no-repeat 0 0; background-size:28px 112px; } .no-svg .dose_page .daily_dose_timer { background-image:url("https://img.skatewarehouse.com/framework16/icons/timer.png"); } .dose_page .daily_dose_timer .timer { color:#ce490f; } .dose_page .daily_dose_limit { font-size:12px; font-style:italic; margin:0 0 10px; } /* Asphalt Demo Page */ .ayc_rotate_wrap { width:879px; overflow:hidden; margin:20px auto 40px; } .ayc_rotate_wrap .sw-imgrotate-arrowleft, .ayc_rotate_wrap .sw-imgrotate-arrowright { position:absolute; top:0; width:76px; height:485px; background-color:rgba(0,0,0,0.3); transition: all 0.5s ease 0s; color:#ffffff; font-size:40px; cursor:pointer; } .ayc_rotate_wrap .sw-imgrotate-arrowleft:hover, .ayc_rotate_wrap .sw-imgrotate-arrowright:hover { background-color:rgba(0,0,0,0.6); } .ayc_rotate { width:727px; height:485px; margin:auto; } .ayc_rotate_wrap .sw-imgrotate-arrowleft { left:0; } .ayc_rotate_wrap .sw-imgrotate-arrowright { right:0; } .ayc_rotate_wrap .sw-imgrotate-arrowleft:after, .ayc_rotate_wrap .sw-imgrotate-arrowright:after { content:''; display:block; position:absolute; top:50%; margin-top:-10px; background-image:url("https://img.skatewarehouse.com/framework16/icons/medarrows.svg"); background-size:21px 336px; width:21px; height:21px; } .no-svg .ayc_rotate_wrap .sw-imgrotate-arrowleft:after, .no-svg .ayc_rotate_wrap .sw-imgrotate-arrowright:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/medarrows.png"); } .ayc_rotate_wrap .sw-imgrotate-arrowleft:after { left:50%; margin-left:-11px; background-position:0 -315px; } .ayc_rotate_wrap .sw-imgrotate-arrowright:after { right:50%; margin-right:-11px; background-position:0 -294px; } /* Promos */ .promo_page_tile { display:block; margin:20px auto 0; } .h_promos { border-bottom:1px solid #000000; padding-bottom:10px; } /* Descpage Share Links */ .descpage_right .share_links { margin-top:15px; border-top:1px solid #cfcfcf; padding-top:10px; } .descpage_right .share_links .text { display:inline-block; height:30px; line-height:30px; vertical-align:middle; } .descpage_right .share_links a { display:inline-block; height:0; padding-top:30px; width:30px; margin:0 0 0 10px; overflow:hidden; vertical-align:middle; position:relative; } .descpage_right .share_links a.gplus_link { width:38px; } .descpage_right .share_links a:after { content:""; display:block; position:absolute; background:url("https://img.skatewarehouse.com/framework16/icons/social-medium.svg") no-repeat 0 0; background-size:162px 66px; } .no-svg .descpage_right .share_links a:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/social-medium.png"); } .descpage_right .share_links a.facebook_link:after { height:22px; width:22px; top:4px; left:4px; } .descpage_right .share_links a.twitter_link:after { height:22px; width:22px; top:4px; left:4px; background-position:-22px 0; } .descpage_right .share_links a.gplus_link:after { height:22px; width:30px; top:4px; left:4px; background-position:-88px 0; } .descpage_right .share_links a.facebook_link:hover:after, .descpage_right .share_links a.facebook_link:focus:after { background-position:0 -22px; } .descpage_right .share_links a.twitter_link:hover:after, .descpage_right .share_links a.twitter_link:focus:after { background-position:-22px -22px; } .descpage_right .share_links a.gplus_link:hover:after, .descpage_right .share_links a.gplus_link:focus:after { background-position:-88px -22px; } /*================================================== | | PRODUCT CELL / LIST / TABLE | ==================================================*/ .maincat_heading { font-size:35px; border-bottom: 1px solid #000; padding-bottom:25px; margin-top:25px; margin-bottom:20px; } .maincat_heading_wrap { margin-top:25px; margin-bottom:25px; position:relative;padding-bottom:25px;border-bottom: 1px solid #000; } .maincat_heading_wrap.w_logo { padding-left:85px;border-bottom:none;margin-bottom:0; } .maincat_heading_wrap.w_logo img { position:absolute; width:70px; height:70px; left:0px; top:-9px; } .maincat_heading_wrap .maincat_heading { display:inline; border:none; margin:0; } .maincat_heading_wrap .custom_deck_text { color:#ce490f; font-size:20px; float:right; margin:6px 24px 0 0; line-height:41px; } .maincat_heading_wrap .viewall_link { float:right; margin-top:6px; } .maincat_heading_wrap.dcshoes_promoban { height:350px; } .logowrap { margin-top:25px; margin-bottom:25px; position:relative; padding-left:80px; border-bottom:1px solid #000; } .logowrap img { position:absolute; width:50px; height:50px; left:10px; top:1px; } .logowrap .maincat_heading { margin-top:0; border-bottom:none; margin-bottom:0; } .subcat_heading { font-weight:normal; font-size:25px; line-height:50px; } .subcat_heading_wrap .subcat_heading { displaY:inline; } .subcat_heading_wrap .viewall_link { float:right; margin-top:6px; } .bottom_view_all { margin-top:24px; } .bottom_view_all .viewall_link { width:190px; padding-left:16px; padding-right:16px; margin:auto; } .cat_list { margin-bottom:10px; margin-top:0px; list-style-type:none; padding:0; border-bottom:1px solid #000000; } .cat_list:last-child { border-bottom:none; } .cat_list_row { list-style-type:none; padding:10px 0 10px; margin:0px 0 20px; border-top:1px solid #C5C5C5; position:relative; z-index:1; } .cat_list_row:first-child { border-top:none; } .cat_list_row:hover { z-index:2; } .subcatlist .subcat_wrapper .image_wrap { position:relative; margin:0; min-height:288px; } .subcatlist .subcat_wrapper .image_wrap.shoe { position:relative; margin:0; min-height:288px; padding-top:60px; min-height:228px; } .subcatlist .cat_list_row { padding:20px 0; margin:0; } .cat_list_carousel.sw-listcarousel .cat_list_row { padding-top:0; } .subcatlist .cat_list_row:first-child { padding-top:0; } .subcatlist .subcat_wrapper { width: 205px; font-size: 12px; line-height: 18px; padding: 10px 20px 10px 0; text-align:center; } .subcatlist .last .subcat_wrapper { padding-right:0; } .subcatlist .subcat_wrapper .subcat_link { text-decoration:none; } .subcatlist .subcat_wrapper .catname { text-align:center; color:#000000; font-size:15px; font-weight:500; } /*.subcatlist .product_wrapper .subcat_link:hover .image_wrap:after { content: " "; position: absolute; height: 0; width: 100%; left: 0; bottom: 0; border-bottom: 3px solid #E82139; }*/ .subcatlist .subcat_wrapper .subcat_link:hover .catname { color:#ce490f; } /*.cat_list*/ .cat_item { float:left; } /*.cat_list*/ .product_wrapper { width:205px; font-size:12px; line-height:18px; padding: 10px 20px 10px 0; text-align:left; z-index:10; display:block; border-box:content-box; border:none; outline:0; background:#ffffff; -webkit-font-smoothing: subpixel-antialiased; } /*.cat_list*/ .last .product_wrapper {padding-right:0px; } .product_wrapper .hover_wrap { position:relative; font-size:12px; } .product_wrapper .non_hover_content { position:relative; z-index:2; } .product_wrapper .non_hover_content { visibility:visible; opacity:1; } .product_wrapper .hover_content { visibility:hidden; opacity:0; position:absolute; top:-11px; left:-11px; width:205px; padding:398px 10px 10px 10px; border:1px solid #cfcfcf; box-shadow:0px 0px 10px rgba(0,0,0,.25); border-radius:3px; } .cat_list.shoe .product_wrapper .hover_content, .cat_list_carousel.shoe .product_wrapper .hover_content { padding-top:249px; } .cat_list_carousel > .product_wrapper.popped_out .hover_wrap .hover_content, .product_wrapper .hover_wrap:hover .hover_content { visibility:visible; transition:opacity .25s .25s, visibility 0s .25s; opacity:1; background:#ffffff; } .product_wrapper.popped_in .hover_wrap:hover .hover_content { visibility:hidden; opacity:0; } /*.cat_list_carousel .cat_list .popped_in.product_wrapper .hover_content { visibility:hidden !important; opacity:0 !important; }*/ .product_wrapper .hover_expand { border-top:1px solid #cfcfcf; margin-top:10px; padding:10px 0 0; } .product_wrapper .available_sizes { line-height:20px; margin:0 -3px 10px; } .product_wrapper .available_sizes strong { display:block; margin-bottom:5px; padding-left:3px; padding-right:3px; } .product_wrapper .available_sizes .size_name { display:block; float:left; /*border:1px solid #cfcfcf;*/ border:none; padding:1px 5px; margin:0 3px 5px; text-align:center; border-radius:3px; font-weight:bold; min-width:24px; } .product_wrapper .available_sizes .size_name.inactive { /*background-color:#e3e3e3; color:#ffffff; border-color:#e3e3e3;*/ color:#cfcfcf; } .product_wrapper .primary_button { float:left; width:97px; padding-left:8px; padding-right:8px; } .product_wrapper .primary_button.full_width { float:none; width:100%; } .product_wrapper .threesixty_view_link { float:right; width:97px; padding-left:8px; padding-right:8px; } .product_wrapper .image_wrap { display:block; margin-bottom:5px; height:278px; } .product_wrapper .image_wrap.shoe { padding-top: 65px; height: 213px; } .product_wrapper .image_wrap img { max-height:100%; max-width:100%; margin:auto; backface-visibility:hidden; } .cat_list.shoe .product_wrapper .image_wrap, .cat_list_carousel.shoe .product_wrapper .image_wrap { height:152px; } .product_wrapper .styles { font-size:11px; line-height:18px; color:#8E8E8E; min-height:23px; margin-bottom:0; position:relative; } .product_wrapper .styles .swatches { list-style:none; margin:0; padding:0 4px; width:197px; position:absolute; bottom:0; background:white; padding-top:5px; } .product_wrapper .styles .swatch { position:relative; float:left; margin-right:6px; margin-bottom:5px; height:0; padding-top:12px; width:12px; border:1px solid #bcbcbc; border-radius:7px; background-position:50% 50%; background-clip: padding-box; } /*.product_wrapper .styles .swatch.active { border-color:transparent; }*/ .product_wrapper .styles .swatch.active:after { content:""; display:block; position:absolute; background:transparent; top:-4px; left:-4px; height:18px; width:18px; border:1px solid #666666; border-radius:10px; background-clip:padding-box; } .product_wrapper .styles .swatch span { display:block; overflow:hidden; height:0; width:0; } .product_wrapper .styles .swatch { after } .product_wrapper .available { font-size:11px; line-height:18px; color:#8E8E8E; min-height:18px; margin-bottom:5px; display:none; } .product_wrapper .name { color:#000000; text-decoration:none; display:block; font-weight:bold; min-height:59px; margin-bottom:5px; } .product_wrapper .name a { color:#000000; text-decoration:none; display:block; } .product_wrapper .name .color_name { color:#888888; font-style:italic; display:block; font-weight:normal; margin-top:5px; } /*.product_wrapper .sizes { font-weight:bold; }*/ .product_wrapper .price { font-weight:bold; color:#181818; } .product_wrapper .price.sale { font-weight:bold; color:#D0494F; } .product_wrapper .price a { text-decoration:none; color:inherit; } .product_wrapper .price.sale a { color:#D0494F; } .product_wrapper .list, .product_wrapper .msrp { /*display:inline;*/ /*font-size:12px; line-height:14px; color:#999999;*/ } .product_wrapper .thumb_placeholder { width:128px; line-height:20px; font-size:14px; font-style:italic; height:40px; padding:65px 0px 66px; background:#F9F9F9; border:1px solid #DDDDDD; margin:0px auto 10px; color:#BBBBBB; } .product_wrapper .thumb_placeholder.smallthumb { padding:45px 0 46px; width:100px; } .product_wrapper .producttag { background:#000000; color:#FFFFFF; display:block; margin:0px auto; text-align:left; padding:2px 5px; font-size:12px; line-height:15px; position:absolute; top:10px; /*top:20px;*/ left:10px; border:none; border-radius:3px; font-weight:normal; } .product_wrapper .coming_soon {background: #9B62CC;} .product_wrapper .newtag { background:#30b469; } .product_wrapper .saletag, .product_wrapper .closeouttag { background:#D0494F; } .product_wrapper .besttag { background:#2e8ece; } #lnav { width: 190px; float:left; } .cat_follow_link { padding:16px 0px 15px 55px; display:block; float:right; border-left: 1px solid #cfcfcf; text-decoration:none; position:relative; color:#000000; font-size:12px; } .cat_follow_link:after { content:""; display:block; position:absolute; left:20px; top:50%; background-image:url('https://img.skatewarehouse.com/framework16/icons/follow.svg'); background-position:0 0; width:26px; height:20px; background-size:26px 40px; margin-top:-10px; } .cat_follow_link:hover { color:#ce490f; } .cat_follow_link:hover:after { background-position:0 -20px; } .brandlist_icons { list-style:none; padding:0; margin:0; font-size:10px; line-height:15px; padding-top:20px; margin-bottom:20px; border-bottom:1px solid #000000; padding-bottom:20px; } .brandlist_icons:last-child { border-bottom:none; } { list-style:none; padding:0; margin:0; font-size:10px; line-height:15px; padding-top:20px; margin-bottom:20px; border-bottom:1px solid #000000; padding-bottom:20px; } .brandlist_icons li { float:left; margin-right:11px; width:88px; text-align:center; padding-bottom:10px; } .brandlist_icons li.first { clear:left; } .brandlist_icons li.last { margin-right:0; } .brandlist_icons img { margin:auto; border:3px solid #ffffff; border-radius:42px; padding:4px; height:70px; width:70px; margin-bottom:5px; } .brandlist_icons a { text-decoration:none; color:#6f6f6f; display:block; outline:0; } .brandlist_icons a span { display:block; min-height:30px; } .brandlist_icons a:focus, .brandlist_icons a:hover { color:#ce490f; } .brandlist_icons a:focus img { border-color:#ce490f; } .brandlist_icons a:hover img { border-color:#ce490f; transition:border-color .5s; } .cat_tiles { background: #ffffff; padding-bottom:25px; margin-bottom:20px; background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ } .cat_tiles .cat_tile { display:block; text-decoration:none; color:#000000; border-radius:0px 0px 3px 3px; float:left; margin-left:25px; background:#ffffff; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.25); font-weight:normal; width:260px; } .cat_tiles .cat_tile img { width:260px; height:260px; } .cat_tiles .cat_tile .title { text-align:center; font-size:18px; line-height:22px; height:44px; padding:20px; border-bottom:1px solid #cfcfcf; } .cat_tiles .cat_tile .call_to_action { font-size:13px; line-height:20px; padding:8px; text-align:center; } .cat_tiles .cat_tile:hover .call_to_action { color:#ce490f; } #lnav { padding-top:8px; } .lnav_main { margin:0; padding:0; list-style:none; margin-bottom:20px; } .lnav_main > li.main_link, .lnav_main > li.lnav_dept { border-bottom:1px solid #000000; } .lnav_main > li.main_link > a { margin:0; border:none; background:transparent; display:block; text-transform:uppercase; font-weight:bold; text-align:left; font-size:15px; font-weight:500; padding:12px 0; width:100%; padding-left:20px; margin-left:-20px; box-sizing:content-box; outline:0; cursor:pointer; position:relative; text-decoration:none; color:#000000; line-height:18px; } .lnav_main > li.main_link > a:after { content:""; position:absolute; display:block; height:10px; width:10px; top:50%; right:0; margin-top:-5px; background-image:url('https://img.skatewarehouse.com/framework16/icons/arrows.svg'); background-position: 0 -60px; } .lnav_main > li.main_link > a:hover { color: #ce490f; } .lnav_main > li.main_link > a.sale { color:#D0494F; } .lnav_main > li.main_link > a.sale:hover { color:#ce490f; } /*.lnav_main .lnav_dept { border-bottom:1px solid #000000; }*/ .lnav_main .lnav_menu { padding: 0 0 10px 18px; margin:0; list-style:none; } .lnav_main .lnav_menu > li { padding:0 0 4px; } .lnav_main .lnav_menu > li a { text-decoration:none; color:#6f6f6f; font-weight:normal; font-size:12px; display:block; line-height:24px; position:relative; outline:0; } .lnav_main .lnav_menu > li a:focus, .lnav_main .lnav_menu > li a:hover { color:#000000; } .lnav_main .lnav_menu > li a:focus:after, .lnav_main .lnav_menu > li a:hover:after { content:""; display:block; position:absolute; top:0; left:-38px; height:100%; border-left:2px solid #ce490f; } .lnav_main .lnav_menu > li a.sale { color:#D0494F; } .lnav_main .lnav_submenu { margin: 0; padding: 0; list-style: none; padding:0px 0 0px 0; /*border-top: 1px dashed #CFCFCF; border-bottom: 1px dashed #cfcfcf;*/ } .lnav_main .lnav_submenu > li { padding:0 0 0px; } .lnav_main .lnav_submenu > li:first-child { border-top:1px dashed #cfcfcf; margin-top:5px; padding-top:8px; } .lnav_main .lnav_submenu > li:last-child { border-bottom:1px dashed #cfcfcf; margin-bottom:5px; padding-bottom:8px; } .lnav_main .lnav_submenu > li a { padding-left:20px; font-style:italic; outline:0; } .lnav_main .lnav_submenu > li a:focus:after, .lnav_main .lnav_submenu > li a:hover:after { left:-38px; } .lnav_main .dept_button { margin:0; border:none; background:transparent; display:block; text-transform:uppercase; font-weight:bold; text-align:left; font-size:15px; font-weight:500; padding:12px 0; width:100%; padding-left:20px; margin-left:-20px; box-sizing:content-box; outline:0; cursor:pointer; position:relative; } .lnav_main .dept_button:focus { color:#ce490f; } .lnav_main .dept_button:hover { color:#ce490f; } .lnav_main .dept_button.sale { color:#D0494F; } .lnav_main .dept_button:focus:after, .lnav_main .dept_button:hover:after { content:""; position:absolute; left:0; top:0; height:100%; /*border-left:2px solid #ce490f;*/ } .lnav_main .dept_button:before { content:""; display:block; height:11px; width:11px; background-image:url('https://img.skatewarehouse.com/framework16/icons/navx.svg'); position:absolute; background-position:0 -22px; right:0px; top:50%; margin-top:-6px; } .lnav_main .dept_button:hover:before, .lnav_main .dept_button:focus:before { background-position:0 -33px; } .lnav_main .dept_button.closed:before { display:none; } .lnav_main .dept_button.closed:focus:before, .lnav_main .dept_button.closed:hover:before{ background-position:0 -11px; display:block; } .lnav_main .submenu_button { margin:0; border:none; background:transparent; display:block; font-size:12px; padding:0 0 0 18px; line-height:25px; width:100%; text-align:left; margin-left:-18px; position:relative; outline:0; cursor:pointer; color:#6f6f6f; } .lnav_main .submenu_button.auto_open { font-weight:bold; color:#000000; } .lnav_main .submenu_button:hover, .lnav_main .submenu_button:active { color:#000000; } .lnav_main .submenu_button:hover:after { content:""; position:absolute; left:-20px; top:0; height:100%; border-left:2px solid #ce490f; } .lnav_main .aux_link.first { margin-top:10px; } .lnav_main .aux_link a { text-decoration: none; color: #6f6f6f; font-weight: normal; font-size: 12px; display: block; line-height: 24px; position: relative; outline: 0; } .lnav_main .aux_link a:hover { color:#181818; } .lnav_main .aux_link a:focus:after, .lnav_main .aux_link a:hover:after { content: ""; display: block; position: absolute; top: 0; left: -20px; height: 100%; border-left: 2px solid #ce490f; } .lnav_main .submenu_button:before { content:""; display:block; height:10px; width:10px; background-image:url('https://img.skatewarehouse.com/framework16/icons/arrows.svg'); position:absolute; background-position:0 -10px; left:0px; top:50%; margin-top:-5px; } .lnav_main .submenu_button:focus:before, .lnav_main .submenu_button:hover:before { background-position:0 -50px; } .lnav_main .submenu_button.closed:before { background-position:0 -20px; } .lnav_main .submenu_button.closed:focus:before, .lnav_main .submenu_button.closed:hover:before { background-position:0 -60px; } .lnav_main .submenu_button.auto_open:before, .lnav_main .submenu_button.auto_open:focus:before, .lnav_main .submenu_button.auto_open:hover:before { background-position:0 -50px; } .lnav_main .submenu_button.auto_open.closed:before { background-position:0 -20px; } .lnav_main .submenu_button.auto_open.closed:focus:before, .lnav_main .submenu_button.auto_open.closed:hover:before { background-position:0 -60px; } /*-------------------------------------------------------- DESCPAGE [[ 55 ] 20 [ 435 ]] 20 [ 350 ] --------------------------------------------------------*/ .descpage_top { margin-top:30px; margin-bottom:20px; } .descpage_top .descpage_left { float:left; width:510px; /*background:#eeeeff;*/ } .descpage_top .descpage_right { float:right; width:350px; /*background:#ffeeee;*/ } .quickview_pop { padding:0 40px; } .product_header { border-bottom:1px solid #cfcfcf; padding-bottom:0px; margin-bottom:20px; } .product_header h1 { font-size:25px; line-height:35px; font-weight:normal; margin:0 auto 10px; } .product_header h1:last-child { margin-bottom:20px; } .product_header .style_name { font-weight:300; display:block;} .product_header .product_pricing { margin-bottom:20px; } .product_header .product_pricing .price { font-size:25px; line-height:36px; font-weight:normal; } .product_header .product_pricing .price .small_text { font-size:15px; } .product_header .product_pricing.sale .price { color:#ce490f; } .product_header .product_pricing .savings_text { float:right; text-align:right; font-size:12px; line-height:18px; } .product_header .product_pricing .savings_text .savings { color:#ce490f; } .product_header .product_pricing .pricenotifylink { display:inline-block; padding-left:20px; font-size:12px; text-decoration:underline; color:#4a90e2; background:url('https://img.skatewarehouse.com/framework16/icons/notify.svg') no-repeat 0 50%; font-weight:bold; margin-top:10px; } /*.product_header.deck_header .product_pricing .pricenotifylink { margin-top:0; }*/ .product_header .freeship_text { border-top:1px solid #cfcfcf; padding:15px 0; font-size:15px; color:#ce490f; text-align:center; line-height:22px; } .Mars_list { border-style: dotted; border-width: 1px 0; border-color: #cfcfcf; margin: 20px 0; padding: 15px 0; width: 333px;display: block;text-decoration: none;color: #000000;padding-left:17px;} .maincat_heading_wrap.w_logo .MARSATTACKS {width:474px;height:100px;} .maincat_heading_wrap.w_logo .MARSATTACKS { position: absolute; left: 400px;top: -18px;} .maincat_heading_wrap.w_logo .GLASSPOL {width:326px;height:100px;} .maincat_heading_wrap.w_logo .GLASSPOL { position: absolute; left: 555px;top: -18px;} .product_warning { color: #dc3545; font-size: 15px; height: 18px; margin: 10px auto 20px 0; } /*---------------------------------------------------------- Image Section ------------------------------------------------------------*/ .descpage_top .descpage_left #multiview_carousel { float:left; width:55px; } .descpage_top .descpage_left #multiview { padding:0; margin:0; list-style:none; } .descpage_top .descpage_left .mainimage_wrap { float:right; width:435px; min-height:580px; } .descpage_top .descpage_left .shoe .mainimage_wrap { min-height:374px; } .descpage_top .descpage_left .mainimage_wrap.no_multi { float:none; margin:auto; } .product_image #viewlargepop { display: inline-block; padding-left:20px; font-size:12px; text-decoration:underline; color:#4a90e2; margin: 15px 0; cursor: pointer; background:url('https://img.skatewarehouse.com/framework16/icons/largeview.svg') no-repeat 0 50%; margin-right:40px; } .product_image .desctop_threesixty { display: inline-block; padding-left:25px; font-size:12px; text-decoration:underline; color:#4a90e2; margin: 15px 0; cursor: pointer; background:url('https://img.skatewarehouse.com/framework16/icons/360.svg') no-repeat 0 50%; } .product_image .viewport { cursor:pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; min-height: 580px; } .product_image.shoe .viewport { min-height: 326px; } /* Image Unavailable */ .image_unavail_wrap .image_unavail { display:block; width:64px; height:0; padding-top:64px; margin:0 auto 16px; background:url('https://img.skatewarehouse.com/framework16/icons/imageunavailable.svg') no-repeat; background-size:64px 64px; overflow:hidden; text-indent:-9999px; } .no-svg .image_unavail_wrap .image_unavail { background-image:url('https://img.skatewarehouse.com/framework16/icons/imageunavailable.png'); } .cat_border_table .image_unavail_wrap { padding:46px; } .cat_border_table .image_unavail_wrap .image_unavail { margin-bottom:0; } .cat_list .image_unavail_wrap { padding:54px 24px 115px; } .cat_list.shoe .image_unavail_wrap { padding:8px 24px 35px; } .cat_list .image_unavail_wrap .image_unavail { margin-bottom:0; } .cat_list .image_unavail_wrap .image_unavail_text { font-size:17px;text-align:center; } .descpage_top .image_unavail_wrap { height:142px; padding:60px; text-align:center; } .image_unavail_wrap .image_unavail_text { font-size:20px; font-weight:bold; line-height:1.5; letter-spacing:0.25px; color:#00143e; } #multiview { margin:0 auto; padding:0; } #multiview li { padding:0 0 15px; margin:0; } #multiview li a { display:block; padding:0 0 3px; border-bottom:2px solid #FFFFFF; position:relative; } #multiview li.active a { border-bottom:2px solid #ce490f; transition:border .2s; } #multiview li.video_popup_wrap { padding:7px; margin-right:0px; } #multiview li.first_item { padding-left:0px; } #multiview img { width:55px; padding:0; /*height:60px;*/ } .largeimagepop { background:#FFFFFF; } .largeimagepop .main_heading { background:#181818; color:#FFFFFF; font-size:25px; line-height:40px; padding:10px 30px; font-weight:300; text-overflow:ellipsis; overflow:hidden; height:40px; white-space:nowrap; padding-right:65px; } .largeimagepop .image_heading { padding:35px 40px 35px; } .largeimagepop .product_name { color:#000000; font-size:25px; line-height:35px; padding:0; font-weight:500; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .largeimagepop .style_name { color:#000000; font-size:25px; margin:0; line-height:35px; padding-top:5px; } .largeimagepop .centering_div { position: absolute; left: 50%; } .largeimagepop .carousels_wrap { margin: 0 auto; overflow: hidden; position: relative; left: -50%; } .largeimagepop .multiview { padding:0; margin:0; list-style:none; text-align:center; } .largeimagepop .multiview li { display:inline-block; padding:0px 10px 10px; min-height:62px; position:relative; } .largeimagepop .multiview li a { display:block; padding:0px 0 0px; width:55px; position:relative; cursor:pointer; } .largeimagepop .multiview li.active a:after { content: " "; position: absolute; height: 0; width: 100%; left: 0px; bottom:-5px; border-bottom: 2px solid #ce490f; } /* .largeimagepop.rod .multiview li { display:inline-block; padding:10px; min-height:52px; position:relative; } .largeimagepop.rod .multiview li a { display:block; padding:0px 0 0px; width:124px; position:relative; border:1px solid #c5c5c5; cursor:pointer; } .largeimagepop.rod .multiview li.active a:after { content: " "; position: absolute; height: 0; width: 126px; left: -1px; bottom: -1px; right:-1px; border-bottom: 2px solid #E82139; } */ .largeimagepop .no_overflow { overflow:hidden; position:relative; margin-bottom:20px; } .largeimagepop .sw-listcarousel { margin-bottom:0; padding:0 70px; } .largeimagepop .sw-listcarousel .sw-listcarousel-inner-wrap { margin:auto; } .largeimagepop .styleview { padding:0; margin:0; list-style:none; text-align:center; } .largeimagepop .styleview li { padding:0px 0px; background:none; border:none;} .largeimagepop .styleview li button { display:block; width:100%; background:none; border:none; text-align:left; padding:10px 10px 10px 80px; outline:0; position:relative; cursor:pointer; font-weight:bold; border-top:1px solid transparent; border-bottom:1px solid transparent; } .largeimagepop .styleview li button:focus { color:#ce490f; } .largeimagepop .styleview li button img { position:absolute; left:9px; top:9px; border:1px solid #cfcfcf; } .largeimagepop .styleview li button .text_wrap { height:73px; display:table; width:100%; } .largeimagepop .styleview li button .text_wrap div { display:table-cell; vertical-align:middle; text-align:left; } .largeimagepop .styleview li button:hover { color:#ce490f; } .largeimagepop .styleview li.current button { color:#ce490f; background:#ffffff; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf; position:relative; } .largeimagepop .button_wrap { position:relative; } .largeimagepop .button_wrap .left, .largeimagepop .button_wrap .right { position:absolute; top:0; height:100%; width:70px; background-color:transparent; border:none; outline:0; cursor:pointer; transition: background .25s; } .largeimagepop .button_wrap .left { left:0; } .largeimagepop .button_wrap .right { right:0; } .largeimagepop .button_wrap .left:after, .largeimagepop .button_wrap .right:after { content:""; position:absolute; top:50%; display:block; position:absolute; margin-top:-28px; height:56px; width:56px; background-image:url("https://img.skatewarehouse.com/framework16/icons/largarrows.svg"); /*background-size:54px 50px;*/ background-repeat:no-repeat; background-color:transparent; left:7px; } .largeimagepop .button_wrap .left:after { background-position:0px -392px; } .largeimagepop .button_wrap .right:after { background-position:0px -336px; } .largeimagepop .button_wrap .left:hover:after { background-position:0px -616px; } .largeimagepop .button_wrap .right:hover:after { background-position:0px -560px; } .largeimagepop .column_wrap.with_style { padding-right:230px; position:relative; } .largeimagepop .with_style .image_column { float:left; } .largeimagepop .with_style .style_column { z-index:3; width:230px; background:#f4f4f4; height:100%; position:absolute; top:0; right:0;background:#f4f4f4; overflow:auto; background-image: -webkit-linear-gradient(left, #cfcfcf 1px, #f4f4f4 1px, #f4f4f4 100%); background-image: -moz-linear-gradient(left, #cfcfcf 1px, #f4f4f4 1px, #f4f4f4 100%); background-image: -o-linear-gradient(left, #cfcfcf 1px, #f4f4f4 1px, #f4f4f4 100%); background-image: -ms-linear-gradient(left, #cfcfcf 1px, #f4f4f4 1px, #f4f4f4 100%); background-image: linear-gradient(left, #cfcfcf 1px, #f4f4f4 1px, #f4f4f4 100%); /*border-left:1px solid #cfcfcf;*/ } .largeimagepop .large_image_wrap { margin-bottom: 30px; padding: 0px 70px; transition: height .5s, width .5s; position: relative; } .largeimagepop .large_image_wrap .viewport { height:100%; width:100%; max-height:100%; min-height:100%; } .largeimagepop .mainimage { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .largeimagepop .viewport #largeview { display:none; position:absolute; top:0px; left:520px; border-width:0px; border-style:solid; border-color: #999999; height:360px; width:360px; background-image: none; background-position: 0px 0px; background-color:#FFFFFF; background-repeat:no-repeat; } .largeimagepop .viewport.inplace #largeview { top: 0; left: 0; right: 0; bottom: 0; height: auto; width: auto; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; z-index:2;} .largeimagepop .viewport.inplace { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .largeimagepop .viewport.inplace.disabled { cursor:auto; } .largeimagepop .viewport.active #indicator { display:block; } .largeimagepop .viewport.active #largeview { display:block; } .largeimagepop .styles_heading { text-align:center; border-bottom:1px solid #c5c5c5; height:20px; margin:0px 0 30px; height:10px; font-weight:normal; font-size:16px; line-height:20px; } .largeimagepop .styles_heading span { /*display:block;*/ background:#FFFFFF; position:relative; padding:0px 30px; } .sw-lightbox-wrap.animate_resize { transition:height .5s, width, .5s, margin .5s; } .sw-lightbox-wrap.animate_resize.fixed { transition:margin 0s; } .sw-lightbox-wrap.sw-lightbox-fixed { position:fixed; left:50%; top:50%; } /*---------------------------------------------------------- Style Ordering ----------------------------------------------------------*/ /* Style Ordering */ #style_ordering { } #order_box .ordering_label { display:block; color:#181818; text-align:left; font-size:15px; line-height:23px; font-weight:bold; padding:0; margin:0px auto 10px; } #order_box .ordering_label.static_value { margin-bottom: 30px; } #order_box .ordering_label .selected_value { font-weight:normal; } #order_box .price_placeholder .ordering_label { margin-bottom:0px; } #order_box .select_row { margin-bottom:20px; } #order_box .select_row .ordering_label { margin-bottom:10px; } #order_box .select_row select { width:100%; } #style_ordering .style_row { padding:0px; list-style-type:none; margin: 10px auto 20px; } #style_ordering .style_row li { min-width:30px; display:block; float:left; font-weight:normal; font-size:12px; line-height:30px; border:1px solid #CFCFCF; color:#181818; text-align:center; padding:6px; cursor:pointer; margin: 0px 10px 10px 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius:3px; } #style_ordering .style_row li:hover { border-color:#ce490f; /*padding:5px;*/ color:#ce490f; } #style_ordering .style_row li.invalid { color:#8E8E8E; border-color:#CCCCCC; border-style:dashed; } #style_ordering .style_row li.selected { border-color:#ce490f; color:#ffffff; background: #ce490f; } #style_ordering .style_row li.invalid.selected { background:transparent; color:#8e8e8e; border-color:#181818; border-style:dashed; } #style_ordering .style_row li.thumb_box { position:relative; background:transparent; width:55px; display:block; float:left; padding:0px 18px 10px 0px; margin:0; border:none; } #style_ordering .style_row li.thumb_box.last { padding-right:0; } #style_ordering .style_row li.thumb_box .image_wrap { background:#FFFFFF; width:55px; position:relative; min-height:60px; } #style_ordering .style_row li.thumb_box img { border:none; } #style_ordering .style_row li.thumb_box:hover { } #style_ordering .style_row li.thumb_box.selected .image_wrap:after { content:" "; position:absolute; height:0; width:100%; left:0; bottom:-5px; border-bottom:2px solid #ce490f; } #style_ordering .style_row li.thumb_box.selected.invalid .image_wrap:after { opacity:.4; } #style_ordering .style_row li.thumb_box.selected img { } #style_ordering .style_row li.thumb_box.invalid.selected { background:transparent; border:none; } #style_ordering .style_row li.thumb_box.invalid.selected img { /*border-color:#AD0000; border-style:dashed;*/ } #style_ordering .style_row li.thumb_box.invalid img { opacity:0.4; } .ui-selectmenu-menu .ui-menu .ui-menu-item.invalid { color:#ce490f; } .ui-selectmenu-button.invalid span.ui-selectmenu-text { color:#ce490f; } #style_ordering .select_row .selectwrap { float:left; width:160px; margin-right:10px; } #order_box #colorname { font-weight:normal; padding-left:5px; } #order_box #colorname.selected { } .qty_section { float:left; } .qty_button_wrap { width: 91px; } .qty_button_wrap .buttons { float:right; } .qty_button_wrap .buttons button { position:relative; display:block; border:1px solid #cfcfcf; background:transparent; width:27px; padding:0; height:0px; padding-top:22px; overflow:hidden; border-radius:3px 3px 0 0; cursor:pointer; outline:0; } .qty_button_wrap .buttons button:after { content: " "; display: block; height: 11px; width: 11px; position: absolute; top: 6px; left: 7px; background: url("https://img.skatewarehouse.com/framework16/icons/plusminus.svg") no-repeat 0 0; background-size: 11px 44px; } .no-svg .qty_button_wrap .buttons button:after { background-image: url("https://img.skatewarehouse.com/framework16/icons/plusminus.png"); } .qty_button_wrap .buttons .decrement:after { background-position:0 -22px; } .qty_button_wrap .buttons button:focus:after, .qty_button_wrap .buttons button:hover:after { background-position:0 -11px; } .qty_button_wrap .buttons .decrement:focus:after, .qty_button_wrap .buttons .decrement:hover:after { background-position:0 -33px; } .qty_button_wrap .buttons .decrement { border-top:none; /*padding-top:23px;*/ border-radius:0 0 3px 3px; } .qty_button_wrap .ordering_qty { display: block; float:left; background: transparent; border: 1px solid #cfcfcf; width: 33px; font-size: 15px; line-height: 25px; padding: 10px; text-align: center; border-radius: 3px; } .add_to_cart { float: right; outline:0; width:205px; margin:0; } .addcart_wrap { padding:20px 0; margin-top:10px; } .add_to_cart.disabled_cart { background:#dfdfdf; border-bottom:none; cursor:default; } .add_to_cart.disabled_cart:active { margin-top:0;} #order_box { padding-bottom:30px; } #order_box .add_to_cart { /*margin:0;*/ } #order_box #ordersubmit_wrap { width:205px; float:right; } #order_box .qty_section .ordering_label { margin-bottom:10px; } #order_box #order_alert { min-height:23px; margin-bottom:10px; line-height:23px; } .deck_ordering #order_box #ordersubmit_wrap { width:100%; } .deck_ordering #order_box #order_alert { float:left; padding:11px 0; } #order_box #order_alert .stock.in_stock .label { color:#30b469; } #order_box #order_alert .stock.out_of_stock { color:#ce490f; } #order_box #order_alert .stock.backorder { color:#FF9900; } #order_box .price_placeholder .ordering_label { margin-bottom:0px; } #order_box .price_placeholder { min-height:23px; margin-bottom:20px; } #ordering_bottom .notify_catfollow { font-size:12px; color:#000000; } #ordering_bottom .notify_catfollow:hover { color:#ce490f; } #order_box .deck_section .fancy_radio { display:block; margin:20px auto; } #order_box .deck_section .fancy_radio:not(#foo) label { font-size:20px; line-height:28px; padding-left:25px; } #order_box .deck_section .fancy_radio:not(#foo) label .indicator { top:5px; } #order_box .deck_section .fancy_radio:not(#foo) label:hover .indicator, #order_box .deck_section .fancy_radio:not(#foo) input:focus + label .indicator { outline: none; } #order_box .deck_section .fancy_radio:not(#foo) label:hover .indicator:after, #order_box .deck_section .fancy_radio:not(#foo) input:focus + label .indicator:after { content: ""; display: block; position: absolute; top: -3px; left: -3px; border: 1px solid #ce490f; width: 100%; height: 100%; padding: 2px; border-radius: 12px; } #order_box .deck_section .fancy_radio label .text { float:left; } #order_box .deck_section .fancy_radio label .price { float:right; } #order_box .deck_section .fancy_radio label .small { font-size:12px; vertical-align:top; padding-right:8px; } #order_box .deck_section { border-bottom:1px solid #cfcfcf; margin-bottom:20px; padding-bottom:20px; } #order_box .deck_section .section_desc { font-size:12px; padding-left:25px; } #order_box .deck_section .section_desc p { margin-top:15px; line-height:1.5; } #order_box .deck_section .section_desc .savings { font-size:20px; color:#ce490f; } .other_colors { margin-top:15px; border-top:1px solid #cfcfcf; padding-top:10px; } .other_colors h3 { font-size:15px; font-weight:bold; margin-bottom:5px; } .other_colors .color_name { font-size:12px; color: #888888; font-style: italic; display: block; font-weight: normal; margin:0px auto 5px; min-height:18px; } .other_colors ul { list-style:none; padding:0; margin:0; } .other_colors li { float:left; padding:10px 15px 10px 0; width:55px; } .other_colors li a { display:block; border-bottom:2px solid #FFFFFF; } /*.other_colors li a:hover { border-color:#ce490f; }*/ /*.other_colors .active li { display:inline-block; }*/ .other_colors img { width:55px; height:42px; } .other_colors .sw-listcarousel .sw-listcarousel-left-arrow { left:0; } .other_colors .sw-listcarousel .sw-listcarousel-right-arrow { right:0; } .other_colors .sw-listcarousel .sw-listcarousel-left-arrow .sw-listcarousel-arrow-icon { left:0; } .other_colors .sw-listcarousel .sw-listcarousel-right-arrow .sw-listcarousel-arrow-icon { right:0; } .other_colors .sw-listcarousel { padding:0 35px; } .other_colors .sw-listcarousel .sw-listcarousel-arrow-box { margin-top:0; top:0; width:35px; } .popup_alert { padding:40px; } .popup_alert p { margin:0 auto 1em; } .popup_alert .button_wrap { margin-top:40px; } .popup_alert button { border:none; background: #ce490f; color: #FFFFFF; border-radius: 4px; font-size: 20px; margin: 30px 0px; padding: 10px; font-weight: 300; line-height: 25px; outline: 0; box-sizing: border-box; width: 250px; margin: 0; cursor: pointer; transition: background-position .5s; } .popup_alert button:hover { background: #af3d0b; } /*--------------------------------------------------------------- TABS ----------------------------------------------------------------*/ /* Custom Tabs styles */ .custom_tabs, .custom_tabs.ui-tabs { padding:0; } .custom_tabs .tabs_wrap { border-width:0px 0px 1px; border-color:#CFCFCF; border-style:solid; } .tabs_top, .tabs_top.ui-tabs-nav { padding:0; margin:0; position:relative; bottom:-1px; } .tabs_wrap .tabs_top, .tabs_wrap .tabs_top.ui-tabs-nav { float:left; } .tabs_top li, .ui-tabs .tabs_top.ui-tabs-nav li { color:#181818; display:block; float:left; font-size:15px; border-bottom:2px solid transparent; padding:0; margin:0 40px 0 0; line-height:25px } .tabs_wrap .tablike_link { text-decoration:none; color:#181818; display:block; float:left; font-size:15px; border-bottom:2px solid transparent; padding:18px 5px; margin:0 40px 0 0; line-height:25px; } .tabs_wrap .count { /*color:#181818;*/ padding-left:3px; vertical-align:baseline; } .tabs_wrap .count span { font-size:12px; line-height:12px; padding:0px 1px; } .tabs_wrap .specialcount { display:inline-block; height:23px; font-size:12px; line-height:23px; background:#ce490f; vertical-align:baseline; color:#FFFFFF; border-radius:3px; text-align:center; margin-right:8px; min-width:15px; padding:0 5px; } .tabs_top li a:focus { outline:none; } .tabs_top li:first-child, .ui-tabs .tabs_top.ui-tabs-nav li:first-child { } .tabs_top li.ui-tabs-active, .tabs_top.visual_tabs li.active, .ui-tabs .tabs_top.ui-tabs-nav li.ui-tabs-active { margin-top:0; border-bottom:2px solid #ce490f; } .tabs_top li a, .tabs_top.visual_tabs li, .ui-tabs .tabs_top.ui-tabs-nav .ui-tabs-anchor { text-decoration:none; color:#181818; display:block; padding:18px 5px; } .tabs_top li.ui-tabs-active, .tabs_top li.ui-tabs-active a, .tabs_top.visual_tabs li.active, .ui-tabs .tabs_top.ui-tabs-nav li.ui-tabs-active, .ui-tabs .tabs_top.ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { color:#ce490f; } #desc_tabs { border-bottom:1px solid #000000; margin-bottom:20px; } #desc_tabs .tabpanel { color:#000000; padding:30px 5px 10px; font-size:15px; line-height:25px; } #desc_tabs #product-videos.tabpanel { padding-left:0; padding-right:0px; } #desc_tabs .tabpanel.lure { padding:0; } #desc_tabs .tabpanel p { font-size:15px; line-height:25px; padding:0; margin:0 0 1em; } #desc_tabs .tabpanel ul, #desc_tabs .tabpanel ol { margin:20px auto 20px } #desc_tabs #product-description a span { color:#ce490f !important; } /*description tables*/ /* #desc_tabs table { margin:10px 0px; width:auto; } #desc_tabs table td span, #desc_tabs table td span { font-size:inherit !important; } #desc_tabs table td { padding:5px 10px; border:1px solid #C5C5C5; color:#181818; } #desc_tabs table th, #desc_tabs table td.ColumnHeading { padding:5px 10px; color:#8E8E8E; background:#E9E9E9; } */ /* #desc_tabs .expander { position:relative; } #desc_tabs .expander.collapsed { overflow:hidden; } #desc_tabs .expander .collapse_content { padding-bottom:85px; } #desc_tabs .expander .collapse_link { position:absolute; bottom:0px; background:transparent; color:#E82139; width:100%; cursor:pointer; padding:50px 0 10px; font-size:15px; line-height:25px; height:25px; background: -moz-linear-gradient(top, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 50%, rgba(244,244,244,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,0)), color-stop(50%,rgba(244,244,244,1)), color-stop(100%,rgba(244,244,244,1))); background: -webkit-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 50%,rgba(244,244,244,1) 100%); background: -o-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 50%,rgba(244,244,244,1) 100%); background: -ms-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 50%,rgba(244,244,244,1) 100%); background: linear-gradient(to bottom, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 50%,rgba(244,244,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00F4F4F4', endColorstr='#F4F4F4',GradientType=0 ); } #desc_tabs .lure_image_col { padding:30px 0px; float:left; } #desc_tabs .lure_image_col .image_wrap { padding:60px 27px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.25); background:#FFFFFF; } #desc_tabs .lure_desc_col { float:right; width:506px; padding:30px 0px; } */ /*----------------------------------------------------------- Product Carousel -----------------------------------------------------------*/ .sw-listcarousel { margin-bottom:20px; border-bottom:1px solid #000000; } .sw-listcarousel:last-child { border-bottom:none; } .sw-listcarousel .cat_list { margin-top:0; margin-bottom:0; } .sw-listcarousel .cat_item { display:inline-block; text-align: center; vertical-align:top; width:225px; height:413px; } .sw-listcarousel .subcatlist .cat_item { height:auto; } .sw-listcarousel.shoe .cat_item { height:264px; } .sw-listcarousel .first { clear:none; } .sw-listcarousel .product_wrapper { display:block; float:left; padding-bottom:15px; } .sw-listcarousel { padding:0 50px; position:relative; } .reel .sw-listcarousel { padding:0 90px; } .rod .sw-listcarousel { padding:0 30px; } .lure_image_col .sw-listcarousel { padding:0 30px; } .sw-listcarousel .sw-listcarousel-inner-wrap { display:block; position:relative; overflow:hidden; } .sw-listcarousel .sw-listcarousel-inner { position:relative; height:100%; } .sw-listcarousel .product_wrapper { float:none; } .sw-listcarousel .arrow_wrap { } .sw-listcarousel .sw-listcarousel-arrow-icon { display:block; position:absolute; top:50%; margin-top:-11px; height:21px; width:21px; background-image:url("https://img.skatewarehouse.com/framework16/icons/medarrows.svg"); background-size:21px 336px; } .no-svg .sw-listcarousel .sw-listcarousel-arrow-icon { background-image:url("https://img.skatewarehouse.com/framework16/icons/medarrows.png"); } .sw-listcarousel .sw-listcarousel-arrow-box { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position:absolute; /*top:50%;*/ top:0; margin-top:0px; height:100%; width:60px; display:block; cursor:pointer; background: #FFFFFF; } .sw-listcarousel .sw-listcarousel-left-arrow { left:0px; } .sw-listcarousel .sw-listcarousel-right-arrow { right:0px; } .sw-listcarousel .sw-listcarousel-left-arrow .sw-listcarousel-arrow-icon { background-position: 0 -147px; left:30px; } .sw-listcarousel .sw-listcarousel-right-arrow .sw-listcarousel-arrow-icon { background-position: 0 -126px; right:30px; } .sw-listcarousel .sw-listcarousel-left-arrow:hover .sw-listcarousel-arrow-icon { background-position: 0 -231px; } .sw-listcarousel .sw-listcarousel-right-arrow:hover .sw-listcarousel-arrow-icon { background-position: 0 -210px; } .cat_list_carousel.sw-listcarousel { padding:0; } .cat_list_carousel.sw-listcarousel .sw-listcarousel-inner-wrap { } .cat_list_carousel.sw-listcarousel .sw-listcarousel-arrow-box { height:50px; top:131px; right:0; width:40px; background:rgba(0,0,0,.5); z-index:11; } .cat_list_carousel.sw-listcarousel.shoe .sw-listcarousel-arrow-box { top:65px; } .cat_list_carousel.sw-listcarousel .sw-listcarousel-arrow-box:hover { background:rgba(0,0,0,.65); } .cat_list_carousel.sw-listcarousel .sw-listcarousel-left-arrow { left:0px; border-radius:0 3px 3px 0; } .cat_list_carousel.sw-listcarousel .sw-listcarousel-right-arrow { right:0px; border-radius:3px 0 0 3px; } .cat_list_carousel.sw-listcarousel .sw-listcarousel-left-arrow .sw-listcarousel-arrow-icon { left:10px; background-position:0px -315px; } .cat_list_carousel.sw-listcarousel .sw-listcarousel-right-arrow .sw-listcarousel-arrow-icon { right:10px; background-position:0px -294px; } /*.cat_list_carousel.sw-listcarousel .sw-listcarousel-left-arrow:hover .sw-listcarousel-arrow-icon { left:10px; background-position:0px -231px; } .cat_list_carousel.sw-listcarousel .sw-listcarousel-right-arrow:hover .sw-listcarousel-arrow-icon { right:10px; background-position:0px -210px; } */ .cat_list_carousel.sw-listcarousel .cat_list_row { float:left; border-top:none; } .cat_list_carousel.sw-listcarousel .cat_list .last .product_wrapper { padding-right:20px; } .cat_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator { position:absolute; top:-71px; right:0px; border:1px solid #C5C5C5; border-radius:3px; padding:13px 30px; } .cat_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator ul { padding:0; margin:0; list-style:none; } .cat_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator li { float:left; width:6px; height:6px; border-radius:3px; background-color:#DDDDDD; margin-left:5px; box-shadow:inset 0px 1px 3px 0px rgba(0,0,0,.35); cursor:pointer; } .cat_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator li:first-child { margin-left:0px; } .cat_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator li.active { background-color:#181818; box-shadow:none; } .thumb_list_carousel.sw-listcarousel { padding:0; margin:20px auto 30px; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel-inner-wrap { margin-left:-5px; margin-right:-5px; padding-left:5px; padding-right:5px; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel-arrow-box { height:100%; top:0px; right:0; width:15px; background:transparent; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel-left-arrow { left:0px; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel-right-arrow { right:0px; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel-left-arrow .sw-listcarousel-arrow-icon { left:0px; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel-right-arrow .sw-listcarousel-arrow-icon { right:0px; } #style_ordering .thumb_list_carousel.sw-listcarousel .style_row li.thumb_box.last { padding-right:10px; } #style_ordering .thumb_list_carousel.sw-listcarousel .style_row { margin:0; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator { position:absolute; top:-43px; right:0px; padding:8px 20px; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator ul { padding:0; margin:0; list-style:none; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator li { float:left; width:6px; height:6px; border-radius:3px; background-color:#DDDDDD; margin-left:5px; box-shadow:inset 0px 1px 3px 0px rgba(0,0,0,.35); cursor:pointer; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator li:first-child { margin-left:0px; } .thumb_list_carousel.sw-listcarousel .sw-listcarousel_dot_indicator li.active { background-color:#181818; box-shadow:none; } /* video list*/ .video_list { padding:0; margin:0; list-style:none; } .video_list li { float:left; padding-left:20px; width:280px; padding-bottom:30px; } .video_list li.first { padding-left:0px; clear:left; } .video_list a { font-weight:normal; color:#000000; text-decoration:none; font-size:14px; line-height:18px; } .video_list .subtitle { display:block; color:#888888; font-size: 12px; font-weight: normal; margin-bottom: 8px; font-style:italic; } .video_list .vidtitle { display:block; font-size:15px; line-height:21px; } .video_list .thumbwrap { position:relative; margin-bottom:15px; padding:0px; background:#FFFFFF; } .video_list .thumbwrap img { width:100%; height:auto; } .vid_select { width:100%; } .video_list.four_wide li { width:205px; } .video_list.four_wide .thumbwrap { margin-bottom:10px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.25); padding:10px; background:#FFFFFF; } .video_list.four_wide .thumbwrap img { width:100%; height:auto; } .video_list.four_wide .vidtitle { display:block; font-size:12px; line-height:18px; } .vidlist_tabs.ui-tabs .ui-tabs-panel { padding:0; } .vidlist_tabs .tabs_top, .vidlist_tabs .tabs_top.ui-tabs-nav { border-bottom:1px solid #C5C5C5; border-top:1px solid #C5C5C5; } /*.video_list .last { padding-right:0px; }*/ /* Video Vault */ .vid_title { line-height:35px; } .vid_list { border-color:#c5c5c5; } .vid_list .cat_list_row { padding-top:5px; margin-bottom:10px; border:none; } .vid_heading { margin-top:25px; line-height:35px; } .vid_subtext { color:#8e8e8e; font-weight:500; margin-top:13px; } .next_img_wrap { position:relative; display:block; } .video_wrapper { width:211px; padding-right:12px; } .video_wrapper .image_wrap { height:119px; position:relative; } .video_wrapper .image_wrap { display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:none; backface-visibility: hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s; } .video_wrapper .image_wrap:before, .next_img_wrap:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .video_wrapper .image_wrap:hover:before, .next_img_wrap:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1); } .video_wrapper .image_wrap:after, .next_img_wrap:after { content:'Play Video'; display:block; position:absolute; top:50%; margin-top:-12px; left:50%; margin-left:-45px; opacity:0; filter:alpha(opacity=0); transition:opacity .15s ease-in-out; -moz-transition:opacity .15s ease-in-out; -webkit-transition:opacity .15s ease-in-out; color:#fff; font-size:18px; line-height:23px; transition-delay:0; -webkit-transition-delay:0; -moz-transition-delay:0; } .video_wrapper .image_wrap:hover:after, .next_img_wrap:hover:after { opacity:1; transition-delay:0.2s; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; } /* .video_wrapper .image_wrap:after { content:"Play Video"; position:absolute; z-index:1; top:50%; margin-top:-12px; left:50%; margin-left:-45px; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; color:#fff; font-size:18px; line-height:23px; } .video_wrapper .image_wrap:hover:after { -webkit-transform:scaleY(1); transform:scaleY(1); } */ /* .video_wrapper .image_wrap:before { content:''; display:block; width:100%; height:100%; top:0; left:0; position:absolute; background:rgba(0,0,0,0.7); opacity:0; filter:alpha(opacity=0); transition:opacity .15s ease-in-out; -moz-transition:opacity .15s ease-in-out; -webkit-transition:opacity .15s ease-in-out; } .video_wrapper .image_wrap:hover:before { opacity:1; } */ .video_wrapper .image_wrap .play, .next_img_wrap .play { background-image:url("https://img.skatewarehouse.com/framework16/icons/play.svg"); background-size:25px 25px; width:25px; height:25px; position:absolute; left:10px; bottom:10px; display:block; opacity:1; filter:alpha(opacity=0); transition:opacity .15s ease-in-out; -moz-transition:opacity .15s ease-in-out; -webkit-transition:opacity .15s ease-in-out; } .video_wrapper .image_wrap:hover .play, .next_img_wrap:hover .play { opacity:0; } .video_wrapper .date { padding:5px 0; min-height:18px; } .video_wrapper .date a { font-size:11px; color:#8e8e8e; text-decoration:none; } .video_wrapper .name { min-height:0; } .video_iframe { width:880px; height:495px; } .iframe_footer { height:50px; border-color:#cfcfcf; border-style:solid; border-width:0 1px 1px; margin-top:-5px; } .iframe_footer .vid_date { float:left; font-size:12px; padding:16px 0 16px 10px; } .iframe_footer .vid_sharing { float:right; } .iframe_footer .vid_sharing .share { float:left; } .iframe_footer .vid_sharing .youtube { float:right; margin:13px 10px 13px 0; } .vid_page_sect { padding:0 0 30px; border-bottom:1px solid #c5c5c5; } .vid_page_sect:last-child { border:none; } .vid_page_sect .subcat_heading { margin-top:0; } .vid_info_wrap { padding-top:30px; } .vid_info { float:left; width:612px; margin-right:10px; padding-right:25px; min-height:197px; border-right:1px solid #c5c5c5; } .vid_info .note { font-size:12px; color:#8e8e8e; } .vid_info .vid_cat { font-weight:700; font-size:12px; } .next_vid { float:left; padding:0 15px; width:202px; } .next_vid h3 { margin-top:5px; } .next_vid img { width:202px; height:114px; margin:15px 0; } .next_vid .next_vid_title { font-size:12px; font-weight:700; } .next_vid .next_vid_title a { color:#000; text-decoration:none; } .vid_share_link { display:block; height:24px; line-height:24px; padding:0 0 0 42px; margin:13px 10px 13px 0; width:90px; color:#000; background:#fff; text-decoration:none; border:1px solid #cfcfcf; border-radius:3px; font-weight:400; position:relative; text-align:left; font-size:12px; cursor:pointer; } .vid_share_link:hover, .vid_share_link:focus { color:#fff; background-color:#000; border-color:#000; } .vid_share_link:after { content:""; display:block; position:absolute; top:3px; left:10px; height:16px; width:22px; background:url("https://img.skatewarehouse.com/framework16/icons/share.svg") no-repeat 0 0; background-size:22px 64px; } .no-svg .vid_share_link:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/share.png"); } .vid_share_link:hover:after, .vid_share_link:focus:after { background-position:0 -32px; } .vid_page_sect .vid_page_pros { list-style:none; padding:0; margin:0; font-size:10px; line-height:15px; } .vid_page_sect .vid_page_pros li { margin:0; padding: 4px 15px 4px 0; vertical-align:top; width:89px; height:137px; text-align:center; float:left; } .no-svg .video_wrapper .image_wrap:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/play.png"); } /* End Video Vault */ .facets { margin:20px auto; } .facets .facet_options { border-width:0 1px 1px; border-style:solid; border-color:#cfcfcf; background:#fbfbfb; margin:0 auto; border-radius:0 0 3px 3px; padding:8px; font-size:12px; } .facets .facet_options .fancy_check { display:block; padding-bottom:5px; } .facets .fancy_check:not(#foo) label .indicator { background-color:#fbfbfb; } .facets .fancy_check:not(#foo) input[type=checkbox]:checked ~ label .indicator { background-color:#fbfbfb; } .facets .fancy_check:not(#foo) input:focus + label .indicator, .facets .fancy_check:not(#foo) label:hover .indicator { outline: 1px solid #ce490f; } .facets .fancy_check .text { display:block; float:left; width:102px; } .facets .fancy_check .count { display:block; float:right; padding:0 0 0 4px; color:#999999; font-weight:300; } /* .facets .fancy_check:not(#foo) label { line-height:21px; font-size:12px; } .facets .fancy_check:not(#foo) label span { top:2px; } */ .facets .filter_header { margin:0; padding:8px 10px; font-size:19px; line-height:25px; color:#ffffff; background-color:#000000; border-radius:3px 3px 0 0; text-transform:uppercase; } .facets .filter_subheader { margin:0 auto; font-size:15px; } .facets .links_wrap { border-bottom: 1px solid #cfcfcf; margin-bottom: 0px; padding-bottom: 10px; margin-top: 0px; } .facets .links_wrap a { display:block; float:left; clear:both; padding-left:20px; text-decoration:none; color:#ce490f;margin-top:5px; position:relative; } .facets .links_wrap a:after { content:""; display: block; height: 11px; width: 11px; background-image: url('https://img.skatewarehouse.com/framework16/icons/navx.svg'); position: absolute; background-position: 0 -33px; left: 2px; top: 50%; margin-top: -6px; } .no-svg .facets .links_wrap a:after { background-image: url('https://img.skatewarehouse.com/framework16/icons/navx.png'); } .facets .standalone_checkgroup { border-bottom:1px solid #cfcfcf; margin-bottom:0px; padding-bottom:10px; margin-top:10px; } .facets .checkgroup { border-bottom:1px solid #cfcfcf; } .facets .checkgroup:last-child { border-bottom:none; } .facets .checkgroup .title { font-size:12px; font-weight:bold; padding:10px 0px 10px 18px; margin:0; position:relative; cursor:pointer; } .facets .checkgroup .title:after { content:""; position:absolute; display:block; height:10px; width:10px; top:50%; left:0; margin-top:-5px; background-image:url('https://img.skatewarehouse.com/framework16/icons/arrows.svg'); background-position: 0 -50px; } .facets .checkgroup .title.closed:after { background-position: 0 -60px; } .facets .checkgroup .options { padding-bottom:10px; } .facets .checkgroup .view_more { display:inline-block; margin:5px 0 0 24px; font-size:13px; line-height:21px; } .checkbox_pop { padding:0 40px 40px; } .checkbox_pop .heading { font-size:35px; margin:25px auto; } .checkbox_pop .column_wrap { margin-bottom:25px; font-size:13px; } .checkbox_pop .column { float:left; border-right:1px solid #cfcfcf; width:196px; margin-right:15px; padding-right:15px; } .checkbox_pop .column.last { border-right:none; margin-right:0; padding-right:0; width:198px; float:right; } .checkbox_pop .fancy_check { display:block; padding-bottom:5px; background:#ffffff; } .checkbox_pop .fancy_check .text { display:block; float:left; width:130px; } .checkbox_pop .fancy_check .count { display:block; float:right; padding-left:5px; color:#999999; font-weight:300; } .checkbox_pop .fancy_check:not(#foo) label { line-height:20px; } .checkbox_pop .fancy_check:not(#foo) label .indicator { top:2px; } .checkbox_pop .fancy_check:not(#foo) input:focus + label .indicator, .checkbox_pop .fancy_check:not(#foo) label:hover .indicator { outline: 1px solid #ce490f; } .checkbox_pop .checkpop_submit { border:none; background:#ce490f; color: #FFFFFF; border-radius: 3px; font-size: 15px; margin: 30px 0px; float: right; padding: 10px; font-weight: 300; line-height: 20px; outline:0; box-sizing:border-box; width:150px; margin:0; cursor:pointer; } .checkbox_pop .checkpop_submit:hover { background:#af3d0b; } .searchnav_wrap .ui-selectmenu-button span.ui-icon { height: 100%; background: #f2f2f2; margin: 0; top: 0; right: 0; border-left: 1px solid #cfcfcf; width: 38px; } .searchnav_wrap .ui-selectmenu-button span.ui-icon:after { content: ""; position: absolute; display: block; height: 10px; width: 10px; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; background-image: url('https://img.skatewarehouse.com/framework16/icons/arrows.svg'); background-position: 0 -50px; } .searchheader { font-weight:400; font-size:25px; /*font-size:25px; line-height:35px; border-bottom:1px solid #c5c5c5; margin-bottom:20px;*/ } .searchheader .result_count { color:#cccccc; font-weight:300; } #searchnavbar { margin:10px 0 0; padding:20px 0; border-top:1px solid #000000; } /*.searchnav_wrap { margin:20px 0; padding:20px 0; border-top:1px solid #000000; }*/ #searchoptions { width:385px; /*margin-right:10px;*/ float:left; } #searchoptions .ui-selectmenu-button { display:block; } #searchoptions .selectwrap { width:187px; padding-left:11px; float:left; } #searchoptions select { width:100%; display:block; } #searchoptions .selectwrap:first-child { padding-left:0; } .searchpagenav { float:right; padding:3px 0; font-size:15px; line-height:24px; } .searchpagenav.no_next { padding-right:34px; } /*.searchpagenav span { display:block; float:left; color:#181818; padding:5px; width:20px; text-align:center; border-radius:5px; }*/ .searchpagenav button { display:block; float:left; line-height:24px; margin:0 5px 0 0; border:none; box-sizing:content-box; color:#181818; text-decoration:none; padding:5px; font-weight:normal; width:20px; text-align:center; background:#f2f2f2; border-radius:5px; cursor:pointer; min-width:24px; } .searchpagenav .ellipsis { width:34px; display:block; float:left; margin-right:5px; text-align:center; } .searchpagenav .double { width:80px; display:none; } .searchpagenav .current { font-weight:normal; color:#ffffff; background:#ce490f; } .searchpagenav .prev, .searchpagenav .next { display:block; float:left; margin:0px; padding:5px; width:21px; height:24px; position:relative; background:#ffffff; } .searchpagenav .prev { margin-right:5px; } .searchpagenav .prev.current, .searchpagenav .next.current { background:#ffffff; } .searchpagenav .arrow { position:absolute; padding:0; overflow:hidden; text-indent:-9999em; display:block; height:13px; width:13px; background: url("https://img.skatewarehouse.com/framework16/icons/medarrows.svg"); background-size:13px 208px/*21px 336px*/; background-position:0px -26px; background-repeat: no-repeat; background-color: transparent; top:50%; margin-top:-6px; left:50%; margin-left:-6px; } .no-svg .searchpagenav .arrow { background-image: url("https://img.skatewarehouse.com/framework16/icons/medarrows.png"); } .searchpagenav .prev .arrow { background-position:0px -39px; } #searchresultsarea .resettarget { margin-top:25px; } #searchresultsarea .resetlinks { /*margin-top:25px;*/ } #searchresultsarea .resetlinks .title { float: left; font-size: 12px; line-height: 18px; color: #000000; font-weight: bold; padding:6px 0; margin-right:10px; } #searchresultsarea .resetlinks .links_wrap { float:left; width:760px; } #searchresultsarea .resetlinks a { display: block; position:relative; float: left; margin: 0 10px 10px 0; text-decoration: none; border:1px solid #cfcfcf; border-radius:3px; color: #ce490f; font-size: 12px; font-weight: normal; line-height: 18px; padding: 5px 15px 5px 25px; } #searchresultsarea .resetlinks a:hover { border-color:#ce490f; } #searchresultsarea .resetlinks a:after { content:""; display: block; height: 11px; width: 11px; background-image: url('https://img.skatewarehouse.com/framework16/icons/navx.svg'); position: absolute; background-position: 0 -33px; left: 10px; top: 50%; margin-top: -6px; } #searchresultsarea .resetlinks a:first-child { margin-left:0; } /*Notify pops*/ .notify_pop_heading { /*background:#181818; color:#FFFFFF; font-size:25px; line-height:40px; padding:10px 30px; font-weight:300; text-overflow:ellipsis; overflow:hidden; height:40px; white-space:nowrap;*/ font-weight:normal; font-size:25px; } .notify_pop_heading.price_alert, .notify_pop_heading.stock_alert { padding-left:62px; position:relative; line-height:52px; margin:35px auto; } .notify_pop_heading.price_alert:after, .notify_pop_heading.stock_alert:after { content:""; display:block; position:absolute; height:52px; width:52px; top:0; left:0; background-image:url('https://img.skatewarehouse.com/framework16/icons/notify-popup.svg'); background-repeat:no-repeat; background-size:52px 52px; background-color: transparent; } /*.notify_pop_heading.stock_alert:after { line-height:26px; min-height:52px; }*/ .notify_pop_heading.cat_follow { padding-left:62px; position:relative; line-height:52px; margin:35px auto 25px; border-bottom:1px solid #cfcfcf; padding-bottom:10px; } .notify_pop_heading.cat_follow:after { content: ""; display: block; position: absolute; height: 40px; width: 52px; top: 6px; left: 0; background-image: url('https://img.skatewarehouse.com/framework16/icons/follow.svg'); background-repeat: no-repeat; background-size: 52px 80px; background-color: transparent; background-position: 0px -40px; } /*.inpage .notify_pop_heading { padding-right:65px; font-weight:normal; }*/ .notify_pop_framewrap .content { padding:0px; } .notify_pop_framewrap .image_wrap { padding:0px; margin-right:20px; float:left; width:330px; padding:10px; } .notify_pop_framewrap .image_wrap img { max-width:100%; } .notify_pop_framewrap .image_wrap img.shoe { padding:99px 0; } .notify_pop_framewrap .form_column { float:right; width:320px; padding-right:40px; } .notify_pop_framewrap.no_image .form_column { float:none; width:auto; padding:0 40px; } .notify_pop_framewrap .name { font-weight:500; line-height:30px; margin-bottom:20px; } .notify_pop_framewrap .color_name { font-weight:300; line-height:30px; margin-bottom:20px auto; } .notify_pop_framewrap .text_box { margin-top:30px; } /*.notify_pop_framewrap h2 { margin-bottom:10px; }*/ .notify_pop_framewrap p { margin:0 0 1em; font-size:13px; line-height:20px; margin-bottom:20px; } .notify_pop_framewrap .price { font-size:25px; color:#ce490f; line-height:30px; } .notify_pop_framewrap label { display: block; font-size: 12px; color: #8e8e8e; margin: 20px 0 10px; float:left; display:none; } .no-placeholder .notify_pop_framewrap label.placeholder_hide { display:block; } .notify_pop_framewrap .button_text_wrap { position:relative; border:1px solid #cfcfcf; border-radius:3px; padding-right:41px; } .notify_pop_framewrap .button_text_wrap .input_text { display: block; line-height: 18px; border: none; width: 100%; box-sizing:border-box; padding: 10px 10px; margin:0; font-size:12px; background:transparent; } .notify_pop_framewrap .button_text_wrap button { background:#eeeeee; border-width: 0 0 0 1px; border-style:solid; border-color:#cfcfcf; width:40px; height:100%; position:absolute; top:0; right:0; overflow:hidden; text-indent:-9999em; } .notify_pop_framewrap .button_text_wrap button:after { content: ""; display: block; height: 10px; width: 10px; background-image: url('https://img.skatewarehouse.com/framework16/icons/arrows.svg'); position: absolute; background-position: 0 -60px; left: 50%; top: 50%; margin-top: -5px; margin-left:-5px; } .notify_pop_framewrap .error_msg { display:block; font-size:12px; line-height:18px; min-height:18px; color:#D0494F; } .threesixty_pop_framewrap { padding:40px; } .threesixty_pop_framewrap h1 { font-size: 25px; line-height: 35px; font-weight: normal; margin: 0 auto; } .threesixty_pop_framewrap h1 .color_name { font-weight:300; } .protile { border-style:dotted; border-width:1px 0; border-color:#cfcfcf; margin:20px 0; padding:15px 0; width:350px; display:block; text-decoration:none; color:#000000; } .protile .title { font-size:15px; font-weight:normal; margin: 5px auto 15px; line-height:16px; } .protile .title .proname { font-size:25px; font-weight:bold; display:block; line-height:30px; } .protile img { float:left; width:75px; height:75px; border-radius:41px; padding:3px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.25); margin-right:20px; } .protile .text { float:left; width:249px; } .protile .text p { margin-top:0; font-size:12px; } /* Interviews */ .interview_wrap {font-size:12px; } .interview_wrap .intro{font-size:12pt; line-height:25px; color:#707070; margin-bottom:30px;} .interview_wrap .interview_image{text-align:right; margin:auto; display:block; margin-bottom:40px;} .interview_wrap .interview_image img{text-align:center; margin:auto;} .interview_wrap .interview_image .interviewimg_caption{width:100%; font-size:12pt; line-height:25px; color:#707070; float:right; padding-bottom:;} .interview_wrap .interview_qas{padding-bottom:10px;} .interview_wrap .interview_qs{font-size:12pt; line-height:28px; color:#181818; font-weight:bold;} .interview_wrap .interview_as{font-size:12pt; line-height:25px; color:#707070;} .interview_wrap .interview_exc{font-style:italic; font-size:12px; text-align:center;} /* Mailing List */ .sign_up_head { font-size:25px; margin:0; font-weight:300; } .sign_up_section p { font-size:12px; color:#8e8e8e; margin-top:20px; } .mailing_wrap label { display:block; margin-top:20px; font-size:12px; color:#8e8e8e; } .mailing_wrap .subscr_email { display:block; padding:10px; height:20px; line-height:20px; border:1px solid #cfcfcf; width:350px; } .mailing_wrap .signup_link { font-size:15px; background:#ce490f; height:40px; line-height:40px; width:auto; padding:0 40px; float:left; display:block; border:0; color:#ffffff; text-align:center; border-radius:3px; cursor:pointer; } .mailing_wrap .signup_link:hover, .mailing_wrap .signup_link:focus { background-color:#af3d0b; } .mailing_wrap .signup_wrap { margin-top:25px; } /*Cat-Page Jumplinks */ .cat_jumplinks { padding: 13px 0 0 0; border-bottom: 1px solid #000;margin-bottom:25px; } .cat_jumplinks .jumplist a { color: #3b3b3b; margin: -1px 14px; display: block; text-decoration:none;font-size:12px;font-weight:bold; padding-bottom: 10px; border-bottom:2px solid transparent; } .cat_jumplinks .jumplist li a.active { border-bottom:2px solid #ce490f; color: #ce490f; } .cat_jumplinks .jumplist li:first-child a { margin-left:0; } .cat_jumplinks .jumplist li:last-child a { margin-right:0; } .cat_jumplinks .jumplist li { float: left; text-align: center; padding: 0; } .cat_jumplinks .jumplist li a:hover { border-color:#ce490f; color: #ce490f; } .cat_jumplinks .jumplist { width: 880px; margin: 0; padding: 0; list-style: none; float: left; } .cat_jumplinks .label { float: left; font-weight: bold; margin-bottom: 5px; text-align: center; width: 60px; background-color: #EFEFEF; padding: 2px 0; color: #3b3b3b; } .cat_jumplinks .label_key { float: left; font-weight: bold; margin-bottom: 5px; text-align: center; width: 145px; background-color: #EFEFEF; padding: 2px 0; color: #3b3b3b; } .cat_jumplinks .jumplist_key { width: 623px; margin: 0 0 5px 0; padding: 0; list-style: none; float: left; } /* Send Cart */ .sendcart_poplink { float:right; margin:20px 0 0; } .sendcart_pop .sendcart_button { margin:20px 15px 0 0; float:left; background:#000000; color:#ffffff; text-decoration:none; height:35px; line-height:33px; padding:0 20px; border:1px solid #000000; border-radius:3px; box-sizing:border-box; cursor:pointer; } .sendcart_pop .sendcart_button:hover, .sendcart_pop .sendcart_button:focus { background:#ffffff; color:#000000; } .sendcart_pop .note, .db_sharebox .note { margin-top:10px; font-size:12px; font-style:italic; color:#8e8e8e; } .sharecart_copy { margin:10px 0 0; float:right; } .sharecart_copymsg { float:left; margin-top:15px; } .sharecart_copymsg.error { color:#ff0000; } /* CONTENT BLOCKS-PAGES FOR SKATE */ /* UNIVERSAL STYLES FOR CONTENT BLOCKS */ #blockcontent_contain a.block_link { text-decoration:none; border-bottom:1px solid; border-color:#fff; display:inline-block; line-height:14.25px; } #blockcontent_contain a.block_link:visited { color:#660099; border-color:#660099; } #blockcontent_contain a.block_link:hover { color:#ce490f; border-color:#ce490f; } #blockcontent_contain a.block_link:focus { color:#ce490f; } #blockcontent_contain h2 { font-weight:500; line-height:1.33; height:auto; margin:0 auto; text-align:center; font-size:24px; } #blockcontent_contain h3 { height:auto; font-size:15px; font-weight:500; line-height:normal; text-align:left; margin:0px; padding:16px 0px 0px 16px; } #blockcontent_contain p { font-size:12px; font-style:italic; line-height:1.67; text-align:left; height:auto; margin:0px; } #blockcontent_contain .photocred { height:auto; font-size:12px; font-style:italic; line-height:1.67; text-align:left; color:#8e8e8e; display:inline-block; } #blockcontent_contain .block { margin:80px auto 0px; } #blockcontent_contain .block_med { margin:40px auto 0px; } #blockcontent_contain .block_sml { margin:24px auto 0px; } #blockcontent_contain .block_last { margin:80px auto; } .spacer { width:60px; height:2px; margin:24px auto; background-color:#ce490f; } #blockcontent_contain .caption { height:auto; padding-bottom:24px; background-color:#f4f4f4; } /* BLOCK A: HEADER WITH AND WITHOUT IMAGE */ .blockA { height:440px; margin-top:24px; } .blockA.separate_textblk { height:auto; } .blockA_content { width:761px; background-color:#ffffff; margin:-96px auto 0px; position:relative; } .noImage { margin:0px auto; } .blockA_content h1 { height:auto; font-size:40px; font-weight:300; font-style:normal; font-stretch:normal; line-height:40px; letter-spacing:0.5px; text-align:center; padding:40px 0px 24px; margin:0 auto; } .blockA_content h1.no_subheading { padding:40px 0px 0px; } .blockA_content .long_header { max-width:520px; } #blockcontent_contain .blockA_content h2 { font-size:16px; font-weight:normal; max-width:520px; line-height:1.5; letter-spacing:0.5px; color:#8e8e8e; text-transform:uppercase; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; } .blockA_content .spacer { margin:24px auto 32px; } .author_date { max-width:700px; height:16px; font-size:12px; font-weight:normal; font-style:normal; font-stretch:normal; line-height:1.33; letter-spacing:1px; color:var(--black); margin:0 auto; text-align:center; } .author_date span { padding-left:8px; } .author_date span:first-child { padding:0px 8px 0px 0px; } /* BLOCK B: SINGLE IMAGE WITH CAPTION */ .blockB img { max-width:880px; } .blockB_content { width:880px; } #blockcontent_contain .blockB_content h3 { max-width:650px; } #blockcontent_contain .blockB_content .photocred { float:right; padding:16px 16px 0px 16px; text-align:right; max-width:182px; } .blockB_content p { max-width:650px; padding:8px 0px 0px 16px; } /* BLOCK C: TWO IMAGES WITH OR WITHOUT CAPTION */ .blockC .img_cell { float:left; } .blockC .img_cell.last { float:right; } .blockC .img_cell img { height:auto; width:424px; } .blockC_content { float:left; width:424px; } .blockC_content.right { float:right; } .blockC_content p { width:393px; padding:8px 16px 0px 16px; } .blockC_content .photocred { padding:16px 16px 0px; } /* BLOCK D: THREE IMAGES WITH OR WITHOUT CAPTION */ .blockD .img_cell { float:left; width:271px; margin-right:33px; } .blockD .img_cell.last { margin:0px; } .blockD .img_cell img { height:auto; width:271px; } .blockD_content { float:left; width:271px; height:auto; padding-bottom:24px; background-color:#f4f4f4; } .blockD_content p { width:207px; padding:8px 48px 0px 16px; } .blockD_content .photocred { padding:16px 16px 0px; } /* BLOCK E: IMAGE GALLERY WITH OR WITHOUT CAPTION ON IMAGES */ #blockE_img_gallery { height:auto; width:880px; position:relative; } #blockE_img_gallery .overlay { display:block; height:100%; width:100%; top:0; left:0; position:absolute; background:rgba(0,0,0,.7); opacity:0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; cursor:pointer; visibility:hidden; transition:opacity .25s ease-in-out; } #blockE_img_gallery:hover .overlay { background:rgb(0,0,0); background:rgba(0,0,0,.7); opacity:1; /* IE 8 */-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; visibility:visible; } #blockE_img_gallery .icon { display:block; position:absolute; top:50%; margin-top:-11px; line-height:24px; color:#fff; text-align:center; width:100%; font-size:20px; font-weight:500; letter-spacing:0.5px; -webkit-font-smoothing:antialiased; } #blockE_img_gallery .icon:before { content:" "; display:inline-block; height:22px; width:24px; background:url("https://img.skatewarehouse.com/framework16/icons/slider.svg") no-repeat 0 0; background-size:24px 22px; margin-right:21px; vertical-align:text-bottom; } #blockE_img_gallery .imgicon_bg { height:48px; width:84px; background:#000; opacity:0.7; border-radius:3px; position:absolute; bottom:16px; left:16px; transition:opacity 2s ease-in-out; } #blockE_img_gallery .imgicon_bg.white { background:#fff; } #blockE_img_gallery:hover .imgicon_bg { display:none; } #blockE_img_gallery .num_icon { display:block; position:absolute; bottom:13px; left:16px; background:url("https://img.skatewarehouse.com/framework16/icons/slider.svg") no-repeat 0 0; background-size:24px 22px; height:22px; width:24px; transition:opacity .25s ease-in-out; } #blockE_img_gallery .num_icon.white { background:url("https://img.skatewarehouse.com/framework16/icons/sliderblack.svg") no-repeat 0 0; } #blockE_img_gallery:hover .num_icon { display:none; } #blockE_img_gallery .img_value { position:absolute; bottom:13px; left:56px; height:24px; font-size:20px; font-weight:500; letter-spacing:0.5px; -webkit-font-smoothing:antialiased; text-align:left; color:#fff; transition:opacity .25s ease-in-out; } #blockE_img_gallery .img_value.white { color:#000; } #blockE_img_gallery:hover .img_value { display:none; } /* MAIN STYLES FOR SMALLER SCREENS 1024px */ .blockE { width:912px; } .blockE.hideBlock { display:none; } .blockE.block_med { margin:50px auto; } .sw-lightbox-closebutton.new-x { background:url('https://img.skatewarehouse.com/framework16/icons/ex.svg'); background-size:24px 96px; background-position:0px 72px; height:24px; width:24px; padding:24px 0 0; } .blockE .fp_rotate_wrap { width:912px; background:#fff; margin:0px; } .blockE .fp_rotate_wrap #fp_rotate { height:694.17px; width:800px; margin:0 auto; } .blockE_content { width:800px; height:auto; padding:0px; position:relative; margin:56px auto 0px; background-color:#fff; } .blockE_content h3 { font-size:24px; line-height:1.33; font-weight:normal; padding:0px; } .blockE_content p { line-height:1.83; padding:24px 0px 0px 0px; margin:0px; font-size:12px; } .blockE_content p.captiononly { font-size:16px; padding:0px; } .blockE_content .photocred { position:absolute; top:0px; right:0px; text-align:right; color:#9b9b9b; font-size:12px; font-style:italic; line-height:1.67; } .blockE .fp_rotate_wrap #fp_rotate div img { max-width:800px; } .blockE #fp_rotate_thumbs { display:none; } .blockE .sw-imgrotate-wrap ~.sw-imgrotate-dotwrap { display:block; } .blockE .fp_rotate_wrap .sw-imgrotate-dotwrap { list-style-type:none; margin:24px auto; padding:0px; text-align:center; line-height:5px; position:absolute; top:531px; left:396px; } .blockE .fp_rotate_wrap .sw-imgrotate-dotwrap li { display:inline-block; width:8px; height:8px; border-radius:50%; background:#cfcfcf; cursor:pointer; margin-right:8px; } .blockE .fp_rotate_wrap .sw-imgrotate-dotwrap li.sw-imgrotate-active { background-color:#ce490f; } .blockE .fp_rotate_wrap .sw-imgrotate-dotwrap li:last-child { margin-right:0px; } .blockE .sw-imgrotate-arrowleft { width:40px; height:48px; color:#2e2e2e; background-color:rgba(0,0,0,0.1); transition:all 0.4s ease 0s; cursor:pointer; position:absolute; left:0px; top:254.58px; margin-top:-24px; z-index:1000; border-radius:3px; box-sizing:border-box; border:1px solid #fff; } .blockE .sw-imgrotate-arrowright { width:40px; height:48px; color:#2e2e2e; background-color:rgba(0,0,0,0.1); transition:all 0.4s ease 0s; cursor:pointer; position:absolute; right:0px; top:254.58px; margin-top:-24px; z-index:1000; border-radius:3px; box-sizing:border-box; border:1px solid #fff; } .blockE .sw-imgrotate-arrowleft:hover, .blockE .sw-imgrotate-arrowright:hover { background-color:rgba(0,0,0,0.1); transition:all 0.4s ease 0s; -webkit-transition:all 0.4sec ease 0s; background-color:#fff; box-sizing:border-box; border:1px solid #000; } .blockE .sw-imgrotate-arrowleft:hover:after { background-position:0 -62px; } .blockE .sw-imgrotate-arrowright:hover:after { background-position:0 -42px; } .full_whitebg { background-color:#fff; opacity:1; } .sw-lightbox-wrap.no_shadow { box-shadow:none; } #blockcontent_contain noscript { margin:5px 0px; } /* MEDIUM/LARGER SCREEN STYLES 1280+ */ @media ( min-width:1280px ) { .blockE { width:1112px; } .blockE .fp_rotate_wrap { width:1112px; } .blockE .fp_rotate_wrap #fp_rotate { height:816px; width:1000px; } .blockE .fp_rotate_wrap #fp_rotate div img { max-width:1000px; } .blockE_content { width:1000px; } .blockE .sw-imgrotate-arrowleft { top:331.5px; } .blockE .sw-imgrotate-arrowright { top:331.5px; } .blockE .fp_rotate_wrap .sw-imgrotate-dotwrap { top:663px; left:512px; } } /* BLOCK F: VIDEO PLAYER */ .blockF .video { width:880px; height:496px; } .blockF .spacer { margin:24px auto 80px; } /* BLOCK G: TEXT BLOCK WITH OR WITHOUT TITLE - INSERTED SHOP BUTTON ADDON INTO THIS SECTION AS WELL */ .blockG { width:580px; } .blockG h2 { max-width:640px; } #blockcontent_contain .blockG p { font-size:16px; font-style:normal; margin-top:24px; line-height:32px; } #blockcontent_contain .blockG p:first-child { margin-top:0px; } .shop_button_contain { text-align:center; } .shop_button { margin:40px auto 0px; max-width:400px; min-width:252px; height:48px; border:1px solid #000; border-radius:3px; box-sizing:border-box; display:inline-block; color:#000; } .two_shop_contain { text-align:center; } .two_button_contain { display:inline-block; } .shop_button.small_shop { min-width:168px; } .shop_button.small_shop.right { margin-left:16px; } .shop_button:hover { background-color:#000; } #blockcontent_contain .blockG .shop_button a { color:#000; text-decoration:none; } #blockcontent_contain .blockG .shop_button p { font-size:15px; font-weight:500; line-height:16px; text-align:center; padding:16px 24px; } #blockcontent_contain .blockG .shop_button p:hover { color:#fff; } /* START BLOCK H: PULL QUOTE */ .blockH { width:750px; background-color:#f4f4f4; border-left:3px solid #ce490f; } #blockcontent_contain .blockH p { width:550px; font-size:25px; line-height:normal; padding:40px 100px; } /* BLOCK I: INTERVIEW QUESTIONS */ .blockI { width:580px; } #blockcontent_contain .blockI h2 { margin:40px 0px 16px; text-align:left; } #blockcontent_contain .blockI p { font-size:16px; font-style:normal; line-height:32px; } /* BLOCK J: SURVEY BUTTONS */ .blockJ { width:731px; } .blockJ .line { margin:0 auto; width:731px; border-bottom:1px dashed #000; } .blockJ .line.second_line { margin:38px auto; } .blockJ .line.final_line { margin:38px auto 0px; } .blockJ .survey { margin:0 auto; } .blockJ .survey .question { height:auto; font-size:24px; font-weight:500; line-height:1.33; display:block; margin-top:38px; } #blockcontent_contain .blockJ .survey .fancy_radio { margin:24px 16px 0px 0px; } #blockcontent_contain .blockJ .survey .fancy_radio:last-child { margin:24px -1px 0px 0px; } #blockcontent_contain .blockJ .survey .fancy_radio:not(#foo) input[type=radio] { height:10px; width:10px; } #blockcontent_contain .blockJ .survey .fancy_radio label { width:171px; height:48px; line-height:1.4; text-align:center; border-radius:3px; background-color:#fff; border:solid 1px #cfcfcf; padding:12px; font-size:16px; color:#181818; vertical-align:middle; box-sizing:border-box; } #blockcontent_contain .blockJ .survey .fancy_radio label:hover { background-color:#000; color:#fff; } #blockcontent_contain .blockJ .survey .fancy_radio:not(#foo) input[type="radio"]:checked ~ label { background-color:#ce490f; color:#fff; } #blockcontent_contain .blockJ .survey button { width:171px; height:48px; line-height:34px; text-align:center; border-radius:3px; background-color:#ffffff; border:solid 1px #cfcfcf; font-size:18px; color:#181818; letter-spacing:normal; box-sizing:border-box; vertical-align:middle; margin:24px 0px 0px; float:right; } #blockcontent_contain .blockJ .survey button:hover { background-color:#ce490f; color:#fff; } /* BLOCK K: LIST WITH OR WITHOUT TITLE, WITH NUMBERS OR BULLETS */ .blockK { width:580px; } .blockK h2 { max-width:580px; } .blockK ul { height:auto; line-height:2; color:#181818; margin-top:0px; } .blockK .numbered { list-style-type:decimal; } .blockK li { padding-left:8px; } /* BLOCK L: STEP BY STEP */ .blockL { width:580px; } #blockcontent_contain .blockL h2 { font-size:15px; color:#181818; margin-top:32px; text-align:left; } #blockcontent_contain .blockL h2:first-child { margin-top:0px; } #blockcontent_contain .blockL .spacer { width:40px; margin:8px 0px 16px; } #blockcontent_contain .blockL p { font-size:16px; line-height:32px; font-style:normal; } /* BLOCK M: TABLE */ .blockM { width:580px; } .blockM h2 { max-width:580px; } .blockM table { width:580px; margin:32px 0px 0px; } #blockcontent_contain .blockM table th { vertical-align:middle; background:#f4f4f4; font-weight:500; color:#000000; height:auto; text-align:left; font-size:15px; border:1px solid #cfcfcf; padding:16px; } #blockcontent_contain .blockM table td { height:auto; text-align:left; font-size:15px; border:1px solid #cfcfcf; padding:16px; } /* BLOCK N: SINGLE PRODUCT - WAITING TO ADJUST */ .blockN { width:700px; height:auto; border:1px solid #cfcfcf; border-radius:3px; position:relative; } #blockcontent_contain .blockN h2 { font-size:25px; max-width:467px; line-height:normal; margin:24px 72px 8px 16px; text-align:left; } #blockcontent_contain .blockN p { margin:0px 72px 64px 16px; color:#525252; } .blockN span { height:41px; max-width:145px; font-size:35px; font-weight:300; line-height:normal; position:absolute; bottom:24px; left:180px; } .blockN .prod_info { float:right; } .blockN .product_img { height:162px; width:121px; margin:24px 0px 24px 24px; } .blockN .product_img img { padding:36px 0px; } .blockN .cart_button { width:205px; font-size:20px; position:absolute; right:24px; bottom:20px; float:right; } /* BLOCK O: PRODUCT BLOCK */ #blockcontent_contain .blockO_header { height:auto; font-size:32px; line-height:40px; font-weight:300; margin:80px auto 40px; } #blockcontent_contain .blockO .subcat_heading { font-weight:normal; text-align:left; font-size:25px; margin-top:20px; line-height:50px; } /* BLOCK P: FLOATING HEADER */ #blockcontent_contain .blockP h2 { font-size:20px; line-height:1.2; margin:24px auto 0px; } /* BLOCK Q: ADD TO CART */ .blockQ {border: 1px solid #cfcfcf;width:730px;margin:80px auto 0;} .blockQ table {margin-top:0px;} .blockQ table td {border:none;text-align:left;padding:0px;} .blockQ .price {font-size: 32px;line-height:30px;float:left;padding-bottom:56px;} .blockQ .Product_name {font-size: 32px;line-height:40px;padding-bottom:48px;padding-top:40px;float:left;} .blockQ a {text-decoration: none; color: #000;} .blockQ .ATC_image {width:200px;float:left;} .blockQ .ATC_image td {padding:40px;} .blockQ .ATC_Product {width:405px;float:left;padding:40px 0;} /*---------------------------------------------------------- Wish Lists ----------------------------------------------------------*/ /* Message Box */ .message_box { font-size:15px; font-weight:500; line-height:18px; padding:20px; border:1px solid #cfcfcf; border-radius:3px; margin-bottom:20px; position:relative; } .message_box.information { background-color:rgba(39, 111, 219, 0.2); border-color:#2870db; color:#2870db; } .message_box.warning { background-color:rgba(245, 166, 35, 0.2); border-color:#f5a623; color:#dc9520; } .message_box.error { background-color:rgba(255, 65, 65, 0.2); border-color:#ff4242; color:#ff4242; } .message_box.success { background-color:rgba(54, 188, 115, 0.2); border-color:#36bc74; color:#36bc74; } /* Wish List Index */ .wishlist_heading_wrap { font-size:35px; margin-top:25px; margin-bottom:25px; position:relative; } .wishlist_heading_wrap .maincat_heading { display:inline; border:none; margin:0; } .wish_jumplink .jumplist a:hover, .wish_jumplink .jumplist a:focus { border-bottom:2px solid #ce490f; color:#ce490f; } .wishlist_wrap { border-top:1px solid #cfcfcf; margin-top:20px; } .wishlist_wrap .wishlist_section_wrap { padding:10px 0; border-bottom:1px solid #cfcfcf; } .wishlist_wrap .wishlist_section { position:relative; } .wishlist_wrap .wishlist_section h2 { margin:0; padding:0; font-size:20px; font-weight:normal; } .wishlist_wrap .wishlist_section h2 a { text-decoration:none; color:#000000; display:block; margin-right:50px; line-height:30px; padding:13px 0 13px 20px; overflow:hidden; } .wishlist_wrap .wishlist_section:hover, .wishlist_wrap .wishlist_section:focus { background-color:#f4f4f4; } .wishlist_wrap .wishlist_section .create_new_wish { display:block; background:none; margin-right:50px; padding:13px 50px 13px 20px; border:none; width:100%; text-align:left; font-size:20px; position:relative; cursor:pointer; color:#ce490f; box-sizing:border-box; text-decoration:none; } .wishlist_wrap .wishlist_section .create_new_wish:hover { background-color:#f4f4f4; } .wishlist_wrap .wishlist_section .create_new_wish:after { content:''; display:block; width:18px; height:18px; position:absolute; top:50%; margin-top:-9px; right:7px; background:url("https://img.skatewarehouse.com/framework16/icons/add.svg") no-repeat 0 -54px; background-size:18px 72px; } .wishlist_wrap .wishlist_section .items { color:#aaaaaa; } .wishlist_wrap .wishlist_section .temp_list { float:right; font-size:12px; color:#ce490f; padding-left:26px; padding-right:10px; position:relative; } .wishlist_wrap .wishlist_section .temp_list:before { content:''; display:block; width:16px; height:16px; position:absolute; left:0; top:50%; margin-top:-8px; background:url("https://img.skatewarehouse.com/framework16/icons/timer.svg") no-repeat 0 -48px; background-size:16px 64px; } .wishlist_wrap .wishlist_section .delete { display:block; padding:30px 0 0; height:0; width:30px; border:0; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-15px; cursor:pointer; } .wishlist_wrap .wishlist_section .delete:after { content:""; display:block; height:19px; width:15px; background:url("https://img.skatewarehouse.com/framework16/icons/trash.svg") no-repeat -15px 0; background-size:60px 19px; position:absolute; top:50%; left:8px; margin-top:-9px; } .wishlist_wrap .wishlist_section .delete:hover:after, .wishlist_wrap .wishlist_section .delete:focus:after { background-position:-45px 0; } .no-svg .wishlist_wrap .wishlist_section .create_new_wish:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/add.png"); } .no-svg .wishlist_wrap .wishlist_section .temp_list:before { background-image:url("https://img.skatewarehouse.com/framework16/icons/timer.png"); } .no-svg .wishlist_wrap .wishlist_section .delete:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/trash.png"); } .wish_account_link { float:right; margin-top:8px; } /* Wish List Details */ .wishlist_details_page .w_purchased { width:80px; padding-left:20px; text-align:center; } .wishlist_details_page .w_item { width:340px; } .wishlist_details_page .work_cell.complete_cell .w_cell_bot { margin-top:0; } .wishlist_details_page .work_cell .w_item { width:240px; } .wishlist_details_page .work_cell.complete_cell .w_item { width:570px; } .wishlist_details_page .work_cell .w_styles { width:700px; } .wishlist_details_page .work_cell.complete_cell .w_styles { width:800px; } .wishlist_details_page .work_cell .w_tprice { width:110px; padding-left:40px; } .wishlist_details_page .work_cell.complete_cell .w_tprice { width:210px; padding-left:0; } .wishlist_details_page .wishlist_additem { width:110px; padding-left:16px; padding-right:16px; } .wishlist_details_page .w_cell_mid { padding-top:10px; } .wishlist_details_page .w_cell_mid .wishlist_additem { float:right; } .wishlist_controlwrap { position:relative; min-height:80px; } .wishlist_controlwrap.not_owned { min-height:0; } .wishlist_controlwrap h2 { margin-right:270px; margin-top:28px; } .wishlist_controlwrap .icon_name_display { font-size:12px; margin-bottom:10px; height:18px; } .wishlist_controlwrap .wishlist_controls { position:absolute; right:0; top:0; } .wishlist_controls { border-radius:3px; } .wishlist_controls a.button { display:block; float:left; width:50px; height:0; padding-top:50px; margin:0; line-height:33px; font-size:12px; border:1px solid #cfcfcf; color:#000000; text-decoration:none; text-align:center; text-indent:-9999px; position:relative; } .wishlist_controls a.button + .button { border-left:0; } .wishlist_controls a.button:first-child { border-top-left-radius:3px; border-bottom-left-radius:3px; } .wishlist_controls a.button:last-child { border-top-right-radius:3px; border-bottom-right-radius:3px; } .wishlist_controls a.button:focus, .wishlist_controls a.button:hover { color:#ffffff; } .wishlist_controls a.button:after { content:''; display:block; position:absolute; top:50%; left:50%; } .wishlist_controls a.button.rename:after { width:19px; height:20px; margin-left:-10px; margin-top:-10px; background:url("https://img.skatewarehouse.com/framework16/icons/edit.svg") no-repeat 0 -21px; background-size:19px 82px; } .wishlist_controls a.button.rename:hover:after { background-position:0 0; } .wishlist_controls a.button.copy:after { width:21px; height:24px; margin-left:-11px; margin-top:-12px; background:url("https://img.skatewarehouse.com/framework16/icons/copy.svg") no-repeat 0 -24px; background-size:21px 96px; } .wishlist_controls a.button.copy:hover:after { background-position:0 0; } .wishlist_controls a.button.delete:after { width:15px; height:19px; margin-left:-8px; margin-top:-10px; background:url("https://img.skatewarehouse.com/framework16/icons/trash.svg") no-repeat -15px 0; background-size:60px 19px; } .wishlist_controls a.button.delete:hover:after { background-position:0 0; } .wishlist_controls a.button.wishlist_sharelink:after { width:22px; height:16px; margin-left:-11px; margin-top:-8px; background:url("https://img.skatewarehouse.com/framework16/icons/share.svg") no-repeat 0 -16px; background-size:22px 64px; } .wishlist_controls a.button.wishlist_sharelink:hover:after { background-position:0 0; } .wishlist_controls .wishlist_sharelink:hover, .wishlist_controls .wishlist_sharelink:focus { color:#ce490f; } .wishlist_sharebox { display:block; margin-top:20px; height:28px; line-height:28px; padding:5px; border:1px solid #cfcfcf; font-size:12px; border-radius:3px; width:500px; } .no-svg .wishlist_controls a.button.rename:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/edit.png"); } .no-svg .wishlist_controls a.button.copy:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/copy.png"); } .no-svg .wishlist_controls a.button.delete:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/trash.png"); } .no-svg .wishlist_controls a.button.wishlist_sharelink:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/share.png"); } .login_wish_link, .save_wish_link { color:#2e8ece; } .note_enter_wrap { background:#fff; margin-top:20px; padding:0; } .note_enter_wrap .note_enter_heading { margin:0; } .note_enter_wrap .note_saved { font-size:14px; color:#e82139; line-height:30px; } .note_enter_wrap .note_enter_content { margin-top:20px; } .note_enter_wrap .note_enter_text { width:100%; resize:none; height:69px; display:block; box-sizing:border-box; border-color:#bbb; } .note_enter_wrap .note_enter_btn { background:#ce490f; border:0; border-radius:3px; font-size:12px; color:#fff; padding:0; line-height:15px; font-weight:500; width:110px; padding:13px 24px 12px; cursor:pointer; margin-top:20px; } .note_enter_wrap .note_enter_btn:hover, .note_enter_wrap .note_enter_btn:active, .note_enter_wrap .note_enter_btn:focus { background-color:#af3d0b; } .note_enter_wrap .note_remove { float:right; } /* Desc Wish Link */ .wishlist_poplink { padding-left:48px; padding-right:15px; position: relative; text-align: left; } .wishlist_poplink:after { content: ""; display: block; position: absolute; top: 50%; left: 22px; margin-top:-8px; height: 16px; width: 16px; background: url("https://img.skatewarehouse.com/framework16/icons/wishlist.svg") no-repeat 0 0; background-size: 16px 33px; } .wishlist_poplink:hover:after, .wishlist_poplink:focus:after { background-position:0 -17px; } .wishlist_poplink.disabled { background:#dfdfdf; color:#fff; border-color:#dfdfdf; } .wishlist_poplink.disabled:after { background-position:0 -17px; } .deckbuilder_wrap .wishlist_poplink { margin:20px auto 0; width:183px; } .no-svg .wishlist_poplink:after { background-image:url("https://img.skatewarehouse.com/framework16/icons/wishlist.png"); } .wishbtn_wrap { float:left; } .wishbtn_wrap .wishlist_poplink { width:190px; box-sizing:border-box; padding-left:48px; } .wishbtn_wrap .wishlist_poplink:after { left:22px; } /* New List Pop */ .wishsel_header { margin-top:0; margin-bottom:20px; font-weight:400; } .new_list_wrap { padding:40px; } .new_list_wrap .create_list_wrap label { display:block; } .new_list_wrap .create_list_wrap .account_listname { display:block; margin:5px 0 0; padding:5px; height:28px; border:1px solid #cfcfcf; border-radius:3px; font-size:12px; width:188px; float:left; } .new_list_wrap .create_list_wrap .new_list_btn { display:block; margin:5px 0 0 10px; padding:10px 0; width:150px; border-radius:3px; background-color:#ce490f; color:#fff; text-align:center; cursor:pointer; border:none; float:left; } /* Rename Pop */ .wishlist_lightbox { padding:40px; } .wishlist_renamewrap .cell { float:left; margin-left:20px; } .wishlist_renamewrap .cell.first { margin-left:0; } .wishlist_renamewrap label { display:block; font-size:12px; height:18px; line-height:18px; } .wishlist_renamewrap input[type=text] { display:block; margin:5px 0 0; padding:5px; height:28px; border:1px solid #cfcfcf; border-radius:3px; font-size:12px; width:188px; } .wishlist_renamewrap button { display:block; margin-top:23px; border:0; padding:0; height:40px; line-height:40px; width:150px; font-size:15px; background:#ce490f; color:#ffffff; text-align:center; text-decoration:none; border-radius:3px; cursor:pointer; } .wishlist_curname span { color:#8e8e8e; } /* Confirm Delete */ .wishlist_confirm { padding:40px; } .wishlist_confirm .button_wrap { margin-top:30px; } .wishlist_confirm .button_wrap button { float:left; margin:0 0 0 20px; width:150px; } .wishlist_confirm .button_wrap button.confirm { margin-left:0; } /* Wish List Pop */ .wishlist_popup { padding:0 40px; } .wishlist_pop_wrap { padding:40px 0; } .wishlist_pop_wrap .ordering_label { margin-bottom:10px; display:block; } .wishlist_pop_wrap #ordersubmit_wrap { float:right; margin-top:34px; } .wishlist_pop_wrap #ordersubmit_wrap.for_grip { margin-top:0; float:none; } .wishlist_pop_wrap #ordersubmit_wrap.for_grip .add_to_cart { width:100%; } .wishlist_pop_wrap .deck_section .fancy_radio { display:block; } .wishlist_pop_wrap .deck_section .fancy_radio:not(#foo) label { padding:25px 20px 25px 48px; } .wishlist_pop_wrap .deck_section:first-child .fancy_radio:not(#foo) label { border-bottom:1px solid #cfcfcf; } .wishlist_pop_wrap .deck_section .fancy_radio:not(#foo) label .indicator { top:50%; margin-top:-9px; left:20px; } .wishlist_pop_wrap .deck_section .fancy_radio:not(#foo) label:hover .indicator, .wishlist_pop_wrap .deck_section .fancy_radio:not(#foo) input:focus + label .indicator { outline:none; } .wishlist_pop_wrap .deck_section .fancy_radio:not(#foo) label:hover .indicator:after, .wishlist_pop_wrap .deck_section .fancy_radio:not(#foo) input:focus + label .indicator:after { content:''; display:block; position:absolute; top:-3px; left:-3px; border:1px solid #ce490f; width:100%; height:100%; padding:2px; border-radius:12px; } .wishlist_pop_wrap .deck_section .fancy_radio:not(#foo) label .free { float:right; color:#30b469; } .wishlist_pop_wrap .grip_select_wrap { border:1px solid #cfcfcf; border-radius:3px; margin-bottom:30px; } .wishlist_selectwrap { padding-bottom:10px; } .wishlist_selectwrap label { display:block; margin-bottom:5px; font-weight:600; } .wishlist_selectwrap select { width:350px; } .wishlist_selectwrap .ui-selectmenu-button { background-color:#fff; } .namelist_wrap { padding-bottom:10px; } .namelist_wrap input[type=text] { display:block; padding:8px 10px; height:22px; border:1px solid #cfcfcf; border-radius:3px; font-size:12px; width:298px; } .wishlist_loginlink { display:block; margin-bottom:10px; float:left; color:#000000; } .wishlist_loginlink:focus, .wishlist_loginlink:hover { color:#ce490f; } /* Wish List Builder */ .wishsel_wrap label { display:block; margin-bottom:10px; } .mainpage_itemized .db_wishlist { display:block; margin:10px 0 0 20px; width:185px; border:1px solid #000000; color:#000000; border-radius:3px; line-height:16px; font-size:15px; font-weight:normal; padding:10px; box-sizing:border-box; text-decoration:none; text-align:center; } .mainpage_itemized .db_wishlist:hover, .mainpage_itemized .db_wishlist:focus { background-color:#000000; color:#ffffff; } .db_formwrap .wishlist_response { margin:-30px; } .quickview_pop .wishlist_response, .wishlist_popup .wishlist_response { margin:0 -40px; } .wishlist_response .upper_response { background-color:#30b469; color:#fff; text-align:center; position:relative; padding:40px 40px 30px; } .wishlist_response .upper_response:after { content:''; display:block; width:0; height:0; position:absolute; left:50%; bottom:-10px; margin-left:-12px; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #30b469; } .wishlist_response .upper_response p { margin-top:0; } .wishlist_response .response_success { display:block; width:64px; height:0; padding-top:64px; margin:0 auto; text-indent:-9999px; background:url("https://img.skatewarehouse.com/framework16/icons/success.svg") no-repeat 0 0; background-size:64px 64px; } .wishlist_response .response_header { font-size:40px; text-transform:uppercase; letter-spacing:1px; font-weight:300; line-height:normal; } .wishlist_response .view_wishlists { display:block; width:162px; color:#000; text-decoration:none; padding:11px 16px; border:1px solid #cfcfcf; border-radius:3px; text-align:center; margin:50px auto 0; } .wishlist_response .view_wishlists:hover, .wishlist_response .view_wishlists:focus { background-color:#000; border-color:#000; color:#fff; } /* Career Page Styles */ .career_wrap { margin-bottom:31px; } .career_wrap .career_head { font-size:35px; margin-bottom:27px; } .career_wrap .sw_storefront_img { max-width:875px; margin-top:30px; } .career_wrap iframe { display:block; } /* Begin section inside include */ /* Current Job Openings inside grey box */ .career_wrap .openings { background:#f7f7f7; border:1px solid #dfdfdf; border-radius:3px; box-sizing:border-box; width:875px; margin:30px 0px 0px; padding:24px 0px 28px } .career_wrap .openings h3 { padding:0px 0px 17px 17px; margin:0px; } .career_wrap .openings .job_contain { display:inline-block; width:350px; padding-left:20px; } .career_wrap .openings .job_contain.right { padding-left:29px; } .career_wrap .openings .job_contain .job_title { margin:0px; line-height:1.7; } .career_wrap .openings .job_contain .job_title a { text-decoration:none; } .career_wrap .openings .job_contain .job_location { margin:0px; } /* About SW and What We Offer */ .career_wrap .about_SW { margin-top:53px; } .career_wrap .about { max-width:654px; } .career_wrap .we_offer { margin-top:57px; } .career_wrap .job_benefits { display:inline-block; } .career_wrap .job_benefits ul { max-width:350px; padding-left:25px; margin-top:10px; } .career_wrap .job_benefits ul.list_right { padding-left:50px; } .career_wrap .job_benefits ul li { padding-top:8px; } .career_wrap .job_benefits ul li:first-child { padding:0px; } /* Join Our Team and Directions */ .career_wrap .jointeam { margin-top:43px; } .career_wrap .sw_info { display:inline-block; } .career_wrap .sw_info .blue_link { color:#2e8ece; } .career_wrap .skate_map { display:inline-block; float:right; padding:34px 234px 0px 0px; } /* Dividers */ .career_wrap .divider { border-bottom:1px solid #000; width:870px; margin:51px auto 0px; } .career_wrap .divider_light { border-bottom:1px solid #cfcfcf; width:880px; margin:30px auto 0px; } /* Current Job Openings */ .career_wrap .current_open { margin-top:52px; font-size:35px; font-weight:500; } .career_wrap .display_job { border-top:1px solid #cfcfcf; width:880px; } .career_wrap .display_job h2 { margin-top:40px; } .career_wrap .display_job.first { border-top:none; } .career_wrap .display_job .position_contain h4 { margin:0px; padding:12.5px 0px 0px 21.6px; position:relative; cursor:pointer; } .career_wrap .display_job .position_contain h4:before { content:''; background:url('https://img.skatewarehouse.com/framework16/icons/arrows.svg') no-repeat 0 -60px; display:block; height:9px; width:10px; position:absolute; top:18.5px; left:0px; background-size:10px 120px; } .career_wrap .display_job .position_contain.expand h4:before { background:url('https://img.skatewarehouse.com/framework16/icons/arrows.svg') no-repeat 0 -50px; } .career_wrap .display_job .position_contain p { max-width:500px; padding-left:21.6px; } .career_wrap .display_job .position_contain .duties { max-width:350px; float:left; } .career_wrap .display_job .position_contain .duties:last-child { padding-left:75px; } .career_wrap .display_job .position_contain .duties p, .career_wrap .display_job .position_contain .duty_wrap p { font-weight:bold; margin-top:34px; } .career_wrap .display_job .position_contain .duties ul { margin-top:25px; padding-left:50px; } .career_wrap .display_job .position_contain .duties ul li, .career_wrap .display_job .position_contain .duty_wrap ul li { padding-top:10px; } .career_wrap .display_job .position_contain .duties ul li:first-child, .career_wrap .display_job .position_contain .duty_wrap ul li:first-child { padding:0px; } .no-svg .career_wrap .display_job .position_contain h4:before { background:url('https://img.skatewarehouse.com/framework16/icons/arrows.png') no-repeat 0 -60px; } .no-svg .career_wrap .display_job .position_contain.expand h4:before { background:url('https://img.skatewarehouse.com/framework16/icons/arrows.png') no-repeat 0 -50px; } /* Download Application Button */ .career_wrap .display_job .download_app { width:320px; height:45px; border:1px solid #ce490f; box-sizing:border-box; border-radius:3px; background:#ce490f; margin:33px 113.5px 14.5px 0px; float:right; text-align:center; line-height:45px; vertical-align:middle; } .career_wrap .display_job .download_app a { font-size:18px; color:#fff; font-weight:600; text-decoration:none; } /* Bottom Bar */ .career_wrap .bottomnav_wrap { border-top:1px solid #dfdfdf; } .career_wrap ul.cs_botnav { background:#f7f7f7; border:1px solid #dfdfdf; box-sizing:border-box; margin-top:81.5px; } .career_wrap ul.cs_botnav .lc .live_chat:after { background-position:0 -49px; } .career_wrap ul.cs_botnav .lc .live_chat:hover:after, .career_wrap ul.cs_botnav .lc .live_chat:focus:after { background-position:0 -49px; } .career_wrap ul.cs_botnav .email a:after { background-position:0 0; } .career_wrap ul.cs_botnav .email a:hover:after, .career_wrap ul.cs_botnav .email a:focus:after { background-position:0 0; } .career_wrap ul.cs_botnav .phone a:after { background-position:0 0; } .career_wrap ul.cs_botnav .phone a:hover:after, .career_wrap ul.cs_botnav .phone a:focus:after { background-position:0 0; } /* End Career Page Styles */ /* Holiday Gift Guide */ .gguide_header { padding-top:20px; width:880px; } .gguide_wrap .cat_jumplinks { height:66px; padding-top:0px; border:solid 1px #cfcfcf; border-top:none; } .gguide_wrap .cat_jumplinks .jumplist a { height:66px; width:100%; color:#7d7d7d; height:64px; padding-bottom:0; font-size:14px; font-weight:500; text-align:center; margin:0; vertical-align:middle; display:block; line-height:1.14; } .gguide_wrap .cat_jumplinks .jumplist a:hover { border-bottom:solid 2px #fe3f47; } .gguide_wrap .cat_jumplinks .jumplist a.active { color:#000000; border-bottom:solid 2px #fe3f47; } .gguide_wrap .cat_jumplinks .jumplist a.li { color:#000000; } .gguide_wrap .cat_jumplinks .jumplist li a span { width:89px; display:block; text-align:center; height:32px; padding-top:17px; padding-left:18px; } .gguide_wrap .cat_jumplinks .jumplist li { height:66px; width:123px; border-right:solid 2px #f4f4f4; } .gguide_wrap .cat_jumplinks .jumplist .first a span { padding-top:25px; } .gguide_wrap .cat_jumplinks .jumplist .last a span { padding-top:25px; } .gguide_wrap .cat_jumplinks .jumplist li.active { border-bottom:solid 2px #fe3f47; } .gguide_wrap .cat_jumplinks .jumplist li.last { border-right:none; width:128px; } .gguide_wrap .cat_jumplinks .jumplist span { width:89px; vertical-align:middle; text-align:center;} #shipban.holidayban { width:1100px; } #shipban.holidayban li { font-weight:500; padding:0 24px; } #shipban.holidayban li.sm_2day { border-right: 1px solid #cfcfcf; } #shipban.holidayban li.sm_nextday { border-right: 1px solid #cfcfcf; } #shipban.holidayban li.sm_details { color:#a6a6a6; padding:0 13px 0 90px; } #shipban.holidayban .sm_small { font-weight:500; color:#000000; } #shipban.holidayban .sm_small.holidate { font-size:16px; } /* Version with 25 Days Sale #shipban.holidayban { width:1100px; } #shipban.holidayban li { font-weight:500; padding:0 15px; } #shipban.holidayban li.first { padding-left:30px; } #shipban.holidayban li.sm_2day { border-right: 1px solid #cfcfcf; } #shipban.holidayban li.sm_nextday { border-right: 1px solid #cfcfcf; } #shipban.holidayban li.sm_details { color:#a6a6a6; padding:0 13px 0 41px; } #shipban.holidayban .sm_small { font-weight:500; color:#000000; } #shipban.holidayban .sm_small.holidate { font-size:16px; } */ #banner .banner_center { float:left; width:360px; padding-left:96px; z-index:999; } #banner .banner_center span { color:#FFFFFF; font-size:20px; margin-top:32px; letter-spacing:1.4px; text-align:center; display:block; } #banner .banner_center span a { font-size:12px; letter-spacing:normal; color:#FFFFFF; } #banner .banner_right.holiday_adj { width:315px; } /* Version with 25 Days Sale #Holiday_Guide { border: none;background: #fe3f47;color: #FFFFFF;border-radius: 3px;font-size: 16px;margin: 30px 0px;padding: 6px;font-weight: 400;line-height: 25px;outline: 0;box-sizing: border-box;width: 180px;margin: 0;cursor: pointer;transition: background-position .5s;display: block;position: absolute;z-index: 4;right: 701px;top: 6px;text-decoration: none; font-size: 16px;text-align: center;transition: all 0.5s ease 0s;} */ #Holiday_Guide { border: none;background: #fe3f47;color: #FFFFFF;border-radius: 3px;font-size: 16px;margin: 30px 0px;padding: 6px;font-weight: 400;line-height: 25px;outline: 0;box-sizing: border-box;width: 180px;margin: 0;cursor: pointer;transition: background-position .5s;display: block;position: absolute;z-index: 4;right: 701px;top: 6px;text-decoration: none;font-family: "Roboto", sans-serif;font-size: 16px;text-align: center;transition: all 0.5s ease 0s;} #page_wrap.fixed_header #Holiday_Guide {right:622px;} #searchtext { margin:0; padding:2px 5px 2px 30px; height:30px; width:651px; border:1px solid #cfcfcf; margin-top:7px; float:left; display:block; transition: all 0.5s ease 0s; } #page_wrap.fixed_header #searchtext { width:571px; } #textsearch_form { position:absolute;right:6px; } #topsearch_wrap .sub { display:block; position:absolute; top:7px; left:0px; height:0; width:40px; padding:36px 0 0; border:0; margin:0; overflow:hidden; background:url("https://img.skatewarehouse.com/framework16/icons/search.svg") no-repeat 9px 50%; background-size:13px 18px; cursor:pointer;opacity:.2; } /* #page_wrap.fixed_header #Holiday_Guide {right:622px;} #page_wrap.fixed_header #searchtext { width:567px; } #textsearch_form { position:absolute;right:6px; } #topsearch_wrap .sub { display:block; position:absolute; top:7px; left:0px; height:0; width:40px; padding:36px 0 0; border:0; margin:0; overflow:hidden; background:url("https://img.skatewarehouse.com/framework16/icons/search.svg") no-repeat 9px 50%; background-size:13px 18px; cursor:pointer;opacity:.2; } */ /* 25 Days */ #giveaways{ border: none; background: #81D0DC; color: #FFFFFF; border-radius: 3px; font-size: 16px; margin: 30px 0px; padding: 6px; font-weight: 400; line-height: 25px; outline: 0; box-sizing: border-box; width: 180px; margin: 0; cursor: pointer; transition: background-position .5s; display: block; position: absolute; z-index: 4; right: 511px; top: 6px; text-decoration: none;font-size: 16px; text-align: center; transition: all 0.5s ease 0s;} #page_wrap.fixed_header #giveaways{right:435px;} /* Lazy loading images */ .lz-img{display:none; background-image: url('/img/loading.gif'); background-repeat:no-repeat; background-position:50% 50%; } .product_wrapper .image_wrap .lz-img{ min-height:273px; width:205px; height:auto;} .cat_list.shoe .product_wrapper .image_wrap .lz-img{width:190px;min-height:142px;height:auto;} .product_wrapper .image_wrap.shoe .lz-img { min-height: 153px; width: 205px; height: auto; } /* End Lazy loading images */ /* Sale End Styling */ .sale_ended { background-color:#000; color:#fff; padding:111px 170px; text-align:center; margin-top:20px; } .sale_ended a { color:#fff; } .sale_ended .sale_end_heading { border-bottom:2px solid #2a2a2a; } .sale_ended .sale_end_heading h1 { text-transform:uppercase; font-size:60px; font-weight:300; letter-spacing:5px; color:#fff; line-height:72px; border:none; margin-bottom:16px; } .sale_ended .sale_end_heading p { font-size:20px; margin:0 0 32px; } .sale_ended .sale_end_content { padding-top:32px; } .sale_ended .sale_end_content p { font-size:16px; margin:0 0 32px; } .sale_ended .sale_end_content .sale_end_btn_wrap { margin-bottom:32px; } .sale_ended .sale_end_content .sale_end_btns { float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .sale_ended .sale_end_content .centered .sale_end_btns { float:none; margin:auto; padding:0; } .sale_ended .sale_end_content .shop_sale_wrap { padding-right:13px; } .sale_ended .sale_end_content .shop_promo_wrap { padding-left:13px; } .sale_ended .sale_end_content .never_miss { font-size:16px; line-height:1.5; letter-spacing:3px; font-style:italic; position:relative; padding-top:32px; border-top:2px solid #2a2a2a; margin-bottom:32px; } .sale_ended .sale_end_content .sale_end_mailing { display:block; border:1px solid #fff; font-size:16px; line-height:20px; width:208px; padding:10px 0; margin:auto; text-decoration:none; border-radius:3px; } .sale_ended .sale_end_content .sale_end_mailing:hover, .sale_ended .sale_end_content .sale_end_mailing:active, .sale_ended .sale_end_content .sale_end_mailing:focus { background-color:#fff; color:#000; } /*Cart Add-On Items */ .promo_wo {height: 24px; font-size: 20px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.2;text-align: center;color: #000000;margin:40px 0;} .Promo_container .quick_order_btn { display: block; background: transparent; font-size: 15px; line-height: 18px; font-weight: 500; border: 1px solid #cfcfcf;border-radius: 3px; text-decoration: none; cursor: pointer; text-align: center;box-sizing: border-box; color: #000;} .NIcell .quick_order_btn { display: block;background: transparent;font-size: 15px;line-height: 18px;font-weight: 500;border: 1px solid #cfcfcf;border-radius: 3px;text-decoration: none; cursor: pointer;text-align: center;box-sizing: border-box; color: #000;} .Promo_container .quick_order_btn:hover{ border-color: #ce490f;background-color: #ce490f;color: #fff;} .Promo_container .price {font-size:25px;padding-bottom:15px;text-align:Center;font-weight:normal; } .Promo_container .price.sale {font-weight:normal;} .Promo_container .cat_list_row { padding: 10px 0 30px;} /* Prop 65 Warning Popup */ .warning_link_wrap { margin-bottom:20px; } .warning_link { font-weight:bold; color:#ce490f; text-decoration:underline; font-size:15px; } .warningpopup .warning_header { background-color:#e82139; color: #fff; font-size: 25px; line-height: 40px; padding: 10px 30px; font-weight: 300; text-overflow: ellipsis; overflow: hidden; height: 40px; white-space: nowrap; margin-top:0px; } .warningpopup .content { padding:20px; font-size:16px; line-height:27px; } .warningpopup .content a { font-weight:bold; color:#ff0000; text-decoration:underline; } .warning_symbol { background:url("http://www.artscyclery.com/images/warning_symbol.png") no-repeat; height:22px; width:28px; padding-left:28px; padding-bottom:3px; } /* END Prop 65 Warning Popup */