/* reset */ /* do not reset any global table / input / form / ul / li as these break CMS */ p {margin-top: 0px;} p:last-child { margin-bottom:0; } form {margin: 0; padding: 0;} a img {border: none 0;} input {outline: none 0;} h1, h2, h3, h4, h5, h6 {margin: 0; font-size: 16px; font-weight: bold;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* HTML 5 elements */ /* .clear {clear: both; color: [ekm:colour_1][/ekm:colour_1]} Use .cf instead */ .cf:before, .cf:after {content:"";display:table;} .cf:after {clear:both;} .cf {zoom:1;} body { margin: 0; padding: 0; font-family:Arial, sans-serif; font-size:13px; color:#333; } a { color:#999; } a:hover { color:#333; } /* structure */ .container { margin:0 auto; } ::selection {background-color: #f36223;} /*popout modal */ #jlsModal {width: 500px; height: 282px;} #jlsModal2 {width: 295px; height: 210px;} .jlsModal {background: #fff; position: fixed; left: 50%; top: 50%; z-index: 2001; display: none; box-shadow: 0 0 20px #000;} .jlsModalOverlay {position: fixed; background: #000; width: 100%; height: 100%; z-index: 2000; top: 0; left: 0; display: none; opacity: 0.7} .jlsModal .jlsModalClose {background: #000; border: solid 1px #666; padding: 5px 10px; color: #fff; text-decoration: none; position: absolute; right: -114px; top: -40px;} .header-top-container {height: 42px; width: 100%; border-top: solid 2px #f36223; border-bottom: solid 2px #a3a2a2; background-color: #403f3f; margin-top: 4px;} .header-top-middle {width: 1000px; margin: 0 auto; } .header-login {font-family: 'Open Sans', sans-serif; color: #f7f7f7; font-size: 12px; float: left; margin-right: 50px; padding-top: 12px;} .orange { color: #f36223;} .orange a { color: #f36223; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 12px;} .orange a:hover {opacity: 0.8} .header-social {float: left; padding-top: 6px;} .cart-info {float: right; background: #fff; margin-top: 4px; border-radius: 5px; padding: 8px 70px 8px 10px; position: relative; } .cart-item {float: left; font-family: 'Open Sans', sans-serif; color: #2e4e61; font-size: 12px; margin: 0px 3px 0px 3px;} .header-cart-button {position: absolute; right: 0px; background-color: #f1530e; padding: 8px; top: 0px; } .header-cart-button a {position: absolute; right: 0px; background-color: #f1530e; padding: 6px 12px 8px 12px; top: -5px; display: block; text-decoration: none; cursor: pointer; font-family: 'Open Sans', sans-serif; color: #fff; font-size: 12px; border-radius: 0px 0px 5px 5px; line-height: 14px; } .header-cart-button a img {padding: 5px;} .header-cart-button a:hover {background-color: #BA3D07} .header-middle-container { width: 100%; background-color: #000; height: 174px; clear: both; background: url(/ekmps/shops/bladesbows/resources/Design/header-bg.jpg) no-repeat center; background-color: #000;} .header-middle {margin: 0 auto; width: 1000px; height: 174px; } .logo {float: left; margin: 20px 0px 0px 0px;} .logo a{text-decoration: none;} .logo a:hover {opacity: 0.8} .header-navbar-container {margin-top: -5px; height: 53px; width: 100%; clear: both; background: rgb(248,126,73); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4N2U0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTUzMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(248,126,73,1) 0%, rgba(241,83,13,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,126,73,1)), color-stop(100%,rgba(241,83,13,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87e49', endColorstr='#f1530d',GradientType=0 ); /* IE6-8 */} .header-nav-middle {width: 1000px; margin: 0 auto;} .main-body-container {width: 100%; height: 100%; background: #FFF url(/ekmps/shops/bladesbows/resources/Design/main-bg.jpg) no-repeat center top ; background-color: #fff;} .main-body-middle { width: 1000px; padding: 10px; background-color: #fff; margin: 0 auto; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 1); box-shadow:0px 2px 5px 0px rgba(50, 50, 50, 1);} .header-pages {float: left; margin-left: 70px; width: 500px;} .header-pages ul {padding: 0px; margin: 0px;} .header-pages li a {} .home-page {float: left;} .home-page a {padding: 5px; margin: 0px; float: left; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; text-decoration: none; padding-top: 100px; background: url(/ekmps/shops/bladesbows/resources/Design/home-icon.png) no-repeat 10px 72px; display: block;} .home-page a:hover {color: #f4682a; background: url(/ekmps/shops/bladesbows/resources/Design/home-icon-hover.png) no-repeat 10px 72px;} .contact-page {float: left; margin-left: 30px;} .contact-page a {padding: 5px; margin: 0px; float: left; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; text-decoration: none; padding-top: 100px; background: url(/ekmps/shops/bladesbows/resources/Design/header-contact-icon.png) no-repeat 27px 70px; display: block;} .contact-page a:hover {color: #f4682a; background: url(/ekmps/shops/bladesbows/resources/Design/header-contact-icon-hover.png) no-repeat 27px 70px;} .latest-news-page {float: left; margin-left: 30px;} .latest-news-page a {padding: 5px; margin: 0px; float: left; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; text-decoration: none; padding-top: 100px; background: url(/ekmps/shops/bladesbows/resources/Design/news-icon.png) no-repeat 30px 72px; display: block;} .latest-news-page a:hover {color: #f4682a; background: url(/ekmps/shops/bladesbows/resources/Design/news-icon-hover.png) no-repeat 30px 72px;} .faq-page {float: left; margin-left: 30px;} .faq-page a {padding: 5px; margin: 0px; float: left; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; text-decoration: none; padding-top: 100px; background: url(/ekmps/shops/bladesbows/resources/Design/header-faqs-icon.png) no-repeat 8px 73px; display: block;} .faq-page a:hover {color: #f4682a; background: url(/ekmps/shops/bladesbows/resources/Design/header-faqs-icon-hover.png) no-repeat 8px 73px;} .search-area {height: 37px; width: 300px; margin-top: 8px; border-radius: 0px 10px 10px 0px; float: left; background-color: #282727;} .search-text input{ padding: 8px 8px 8px 12px; width: 245px; font-family: 'Open Sans', sans-serif; font-size: 11px; color: #fff; font-style: italic; background: none; border: none; float: left;} .search-button input{background: url(/ekmps/shops/bladesbows/resources/Design/search-icon.png) no-repeat 5px 10px; display: block; cursor: pointer; height: 33px; width: 30px; float: left; border: none} .search-button input:hover {background: url(/ekmps/shops/bladesbows/resources/Design/search-icon-hover.png) no-repeat 5px 10px} .nav-right {background: url(/ekmps/shops/bladesbows/resources/Design/age-limit.png) no-repeat; height: 53px; width: 655px; float: right;} .brand-button a{float: right;margin-right: 10px; padding: 13px 20px; border-radius: 0px 0px 15px 15px; background-color: #f1530e;font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff; text-align: center; font-weight: 700; line-height: 16px; height: 32px; cursor: pointer; display: block; text-decoration: none;} .brand-button a:hover {background-color: #BA3D07} .nav-bottom-border {width: 100%; background-color: #000; height: 13px; clear: both; background: url(/ekmps/shops/bladesbows/resources/Design/border-bottom.png) no-repeat center; background-color: #000; clear: both} /*slider*/ .slider-area { clear: both; float: left; width: 638px; height: 352px;} #welcomebanner {position: relative; width: 638px;} #welcomebanner ul, #welcomebanner li {margin: 0; padding: 0; list-style: none;} #welcomebanner li {display: none; text-align: center; position: absolute; top: 0; left: 0; width: 100%;} #welcomebanner li.hidden {position: absolute; left: -10000px; display: block !important;} #welcomebanner li.first {display: block !important;} #welcomebanner li.showing {z-index: 2000; display: block !important;} #welcomebanner li.pre {z-index: 1999; display: block !important;} #welcomebanner div#jlsMiniFader-Controls {position: absolute; top: 50%; left: 0; margin-top: -20px; width: 100%; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;} #welcomebanner span.control {display: block; background: #ff0066 no-repeat center center; border-radius: 45px; height: 45px; width: 45px; cursor: pointer; text-indent: -10000px; z-index: 2050;} #welcomebanner span.control.previous {position: absolute; left: 0; background-image: url(control-previous.png);} #welcomebanner span.control.next {position: absolute; right: 0; background-image: url(control-next.png);} #welcomebanner div#jlsMiniFader-Navigation {position: absolute; bottom: 0; width: 100%; text-align: center; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; z-index: 5000;} #welcomebanner div#jlsMiniFader-Navigation span.navigation {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; bottom: 0; padding: 6px 3px; border-radius: 20px; position: absolute; left: 13px; bottom: 12px;} #welcomebanner div#jlsMiniFader-Navigation span.navigation .page-nav {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align: middle; background: #c9c8c8; width: 40px; height: 10px; font-size: 0; line-height: 1000px; overflow: hidden; margin: 0 2px; cursor: pointer;} #welcomebanner div#jlsMiniFader-Navigation span.navigation .page-nav.active {background: #f25916; height: 10px; width: 40px;} .promo-box-area {width: 350px; float: right;} .promo-box {float: left;width: 172px; height: 172px; margin-right: 5px; margin-bottom: 5px;} .promo-box a {text-decoration: none} .promo-box2 {float: left;width: 172px; height: 172px; margin-right: 0px; margin-bottom: 5px;} .promo-box2 a {text-decoration: none; padding-top: 10px;} .side-bar {float: left;} .side-bar-title { float: left;} /* side-bar */ .side-bar{ width:200px; float:left; margin:10px 0;} #leftMenu {width: 200px; background: #fff; margin: 10px 0;} #leftMenu ul, #leftMenu li {list-style: none; margin: 0; padding: 0;} #leftMenu li {position: relative} #leftMenu li a {display: block; border-bottom: solid 1px #fff; padding: 15px 15px; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #717171; text-transform: uppercase; background: url(/ekmps/shops/bladesbows/resources/Design/cat-border.png) repeat-y right; background-color: #f5f5f5;} #leftMenu li.dropable a {background-color: #f5f5f5 } #leftMenu li.dropable ul a {background-image: none; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; background: #403f3f; padding: 10px;} #leftMenu li.dropable ul li a {border: none; padding: 5px 15px; background: url(/ekmps/shops/bladesbows/resources/Design/cat-bg.png) no-repeat left;} #leftMenu li a:hover {background-color: #000; color: #fff; background: url(/ekmps/shops/bladesbows/resources/Design/cat-border.png) no-repeat right; background-color: #000;} #leftMenu li a:hover, #leftMenu li:hover {color: #f6733a} #leftMenu li ul {display: none;} #leftMenu li:hover ul {display: block; width: 200px; position: absolute; background-color: #403f3f; right: -220px; top: 0px; z-index: 9000; padding: 10px;} #leftMenu li.dropable ul li a:hover {color: #f36223 } /* side-bar-title */ .side-bar-title h3{ height:50px; background-color: #3A4AA0; -webkit-border-top-right-radius: 50px; -moz-border-radius-topright: 50px; border-top-right-radius: 50px; margin:0 0 3px 0; font-size:13px; font-family:'Lato'; color:#fff; padding:0 0 0 20px; line-height:50px; clear:both;} .border-right {width: 7px; float: right; height: 30px;} .left-box1 {width: 202px; height: 165px; clear: both; margin-bottom: 10px; cursor: pointer; background: url(/ekmps/shops/bladesbows/resources/Design/mtech-knifes.png) no-repeat; position: relative;} .left-box2 {width: 202px; height: 165px; clear: both; margin-bottom: 10px; cursor: pointer;background: url(/ekmps/shops/bladesbows/resources/Design/firearms.png) no-repeat;position: relative;} .left-box3 {width: 202px; height: 165px; clear: both; margin-bottom: 10px; cursor: pointer;background: url(/ekmps/shops/bladesbows/resources/Design/swords.png) no-repeat;position: relative;} .left-box4 {width: 202px; height: 165px; clear: both; margin-bottom: 10px; cursor: pointer;background: url(/ekmps/shops/bladesbows/resources/Design/crossbows.png) no-repeat;position: relative;} .left-box5 {width: 202px; height: 128px; clear: both; margin-bottom: 10px; background: url(/ekmps/shops/bladesbows/resources/Design/newsletter.png) no-repeat; border-radius: 10px; padding-top: 78px;} .news-boxt input{width: 142px; padding: 11px; margin-bottom: 3px; background: none; border-radius: 10px; border: none; font-family: 'Arial' sans-serif; font-size: 11px; color: #46474d; font-style: italic; padding-left: 20px;} .news-button input{background: url(/ekmps/shops/bladesbows/resources/Design/signup-button.png) no-repeat right; border: none; width: 91px; height: 28px; float: right; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #fff; text-transform: uppercase; margin-top: 7px; cursor: pointer;} .news-button input:hover {background: url(/ekmps/shops/bladesbows/resources/Design/signup-button-hover.png) no-repeat right; } .view-button {background: url(/ekmps/shops/bladesbows/resources/Design/view-button.png) no-repeat; width: 133px; height: 28px; position: absolute; bottom: 16px; left: 0px;} .view-button:hover {background: url(/ekmps/shops/bladesbows/resources/Design/view-button-hover.png) no-repeat;} .footer-top {clear: both; width: 100%; height: 13px; background: url(/ekmps/shops/bladesbows/resources/Design/footer-top.png) no-repeat center top ; background-color: #706e6f;} .footer-container { width: 100%; background-color: #000; min-height: 325px; clear: both; background: url(/ekmps/shops/bladesbows/resources/Design/footer-bg.jpg) center; background-color: #000;} .footer-middle {width: 1000px; margin: 0 auto;} .footer-bottom-container {background: rgb(248,126,73); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4N2U0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTUzMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(248,126,73,1) 0%, rgba(241,83,13,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,126,73,1)), color-stop(100%,rgba(241,83,13,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87e49', endColorstr='#f1530d',GradientType=0 ); /* IE6-8 */; width: 100%; padding: 16px 0px;} .footer-bottom-middle {width: 1000px; margin: 0 auto;} .copyright-text {float: left; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff;} .terms-text {float: right; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff;} .terms-text a{font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff; text-decoration: none} .footer-box { float: left; padding-top: 20px;} .footer-box2 { float: left; padding-top: 20px; margin-left: 60px;} .footer-box4 { float: right; padding-top: 20px; margin-left: 60px;} .footer-box3 { float: right; padding-top: 20px; margin-left: 10px;} .footer-title { font-family: 'Roboto' sans-serif; font-size: 15px; color: #fff; float: left; margin-bottom: 10px; font-weight: 800} .footer-box ul{ margin:0; padding:0; list-style:none;} .footer-box ul li a{ font-size:12px; font-family:'Roboto'; color:#fff; display:block; line-height:25px; float: left; clear: both; text-decoration: none;} .footer-box ul li a:hover {color: #f4682a} .footer-nav{ float:left; width:315px; clear: both;} .footer-nav ul{ margin:0; padding:0; list-style:none; float: left;} .footer-nav ul li a{ font-family:'Roboto'; color:#fff; display:block; line-height:25px; font-size: 12px; text-decoration: none;} .footer-nav ul li a:hover {color: #f4682a} .column {float: left; width:110px; margin-right: 30px;} .social-text {font-family:'Roboto'; color:#fff; font-size: 12px; float: left; clear: both;} .social-box {clear: both; float: left; margin-top: 8px;} .ekm-card-logos-image { margin-right: 2px;} .main-col {width: 790px; margin:10px 0 10px 10px; float: left;} .slider-area {display: none;} .promo-box-area {display: none; } .tick-banner {display: none;} .promo-box a:hover {opacity: 0.8} .promo-box2 a:hover {opacity: 0.8} /*homepage*/ .productScroller {position: relative; width: 790px; background: url(/ekmps/shops/bladesbows/resources/Design/scroller-bottom.png) no-repeat 0px 295px; margin-bottom: 40px;} .productScroller2 {position: relative; width: 790px; background: url(/ekmps/shops/bladesbows/resources/Design/scroller-bottom.png) no-repeat 0px 295px; } .row {position: relative; left: 0;} .item {float: left;} .feat-inner {position: relative; overflow: hidden; z-index: 1000; height: 302px; background: url(/ekmps/shops/bladesbows/resources/Design/scroller-top.png) no-repeat 0px 0px;} .item { width: 164px; text-align: center; margin: 20px 25px 0 0; padding: 5px 0px; position: relative;} .item-name {margin: 10px 0;} .item-name a {color: #000; text-decoration: none; font-size: 12px; font-weight: bold; font-family: 'Open sans' sans-serif; text-transform: uppercase;} .item-name a:hover {text-decoration: underline;} .item-image {width: 175px; height: 171px; margin: 5px auto; border: solid 1px #ededed;} .item-rrp {font-size: 12px; font-style: italic; text-decoration: line-through; color: #999;} .item-price {font-size: 14px; font-weight: bold; color: #f36222; margin: 0 0 20px; font-family: 'Open sans' sans-serif;} .controlRight {width:42px; height: 88px; text-indent: -10000px; cursor: pointer; display: none; position: absolute; margin: -20px 0 0; background:url(/ekmps/shops/bladesbows/resources/Design/scroller-button1.png) no-repeat; top: 42%; z-index: 9999;} .controlLeft.productScrollerControls1 {width:42px; height: 88px; text-indent: -10000px; cursor: pointer; display: none; position: absolute; margin: -20px 0 0; background:url(/ekmps/shops/bladesbows/resources/Design/scroller-button2.png) no-repeat; top: 42%; z-index: 9999;} .controlLeft.productScrollerControls1 {background-position: left top; right: 10px;} .controlRight.productScrollerControls1 {background-position: right top; right: -42px;} .controlLeft.productScrollerControls1:hover {background:url(/ekmps/shops/bladesbows/resources/Design/scroller-button2-hover.png) no-repeat;} .controlRight.productScrollerControls1:hover {background:url(/ekmps/shops/bladesbows/resources/Design/scroller-button1-hover.png) no-repeat;} .title-left {background: url(/ekmps/shops/bladesbows/resources/Design/new-prod-title.jpg) no-repeat; position: absolute; left: 0px; height:302px; width: 46px; z-index: 9000} .title-right {background: url(/ekmps/shops/bladesbows/resources/Design/new-prod-right.jpg) no-repeat; position: absolute; right: 0px; height:302px; width: 10px; z-index: 9000} .title-left2 {background: url(/ekmps/shops/bladesbows/resources/Design/special-offers-title.jpg) no-repeat; position: absolute; left: 0px; height:302px; width: 46px; z-index: 9000} .title-right2 {background: url(/ekmps/shops/bladesbows/resources/Design/special-offers-right.jpg) no-repeat; position: absolute; right: 0px; height:302px; width: 10px; z-index: 9000} .controlRight.productScrollerControls2 {width:42px; height: 88px; text-indent: -10000px; cursor: pointer; display: none; position: absolute; margin: -20px 0 0; background:url(/ekmps/shops/bladesbows/resources/Design/scroller-button3.png) no-repeat; top: 42%; z-index: 9999;} .controlLeft.productScrollerControls2 {width:42px; height: 88px; text-indent: -10000px; cursor: pointer; display: none; position: absolute; margin: -20px 0 0; background:url(/ekmps/shops/bladesbows/resources/Design/scroller-button4.png) no-repeat; top: 42%; z-index: 9999;} .controlLeft.productScrollerControls2 {background-position: left top; right: 10px;} .controlRight.productScrollerControls2 {background-position: right top; right: -42px;} .controlLeft.productScrollerControls2:hover {background:url(/ekmps/shops/bladesbows/resources/Design/scroller-button4-hover.png) no-repeat;} .controlRight.productScrollerControls2:hover {background:url(/ekmps/shops/bladesbows/resources/Design/scroller-button3-hover.png) no-repeat;} .home-cat-container {} .home-cat-title {clear: both; width: 790px; height: 46px; background:url(/ekmps/shops/bladesbows/resources/Design/page-banner-bg.jpg) no-repeat; } .home-cat-title2 {clear: both; width: 790px; height: 46px; background:url(/ekmps/shops/bladesbows/resources/Design/page-banner-bg2.jpg) no-repeat; } .cat-left-title {float: left; margin-left: 15px; font-family: 'Open sans' sans-serif; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 700; margin-top: 12px;} .cat-left-title h1 {float: left; margin-left: 15px; font-family: 'Open sans' sans-serif; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 700;} .cat-right-title {float: right; margin-right: 50px;font-family: 'Open sans' sans-serif; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 700; margin-top: 14px;} .cat-row {clear: both; width: 790px; padding-top: 10px;} .cat-item {float: left; width: 190px; border: solid 1px #ededed; margin-right: 7px; border-radius: 0px 0px 5px 5px;} .cat-item.i-4{float: left; width: 190px; border: solid 1px #ededed; margin-right: 0px;} .cat-image {text-align: center;} .cat-title {color: #fff; font-family: 'Open sans' sans-serif; text-transform: uppercase; text-align: center; clear: both;} .cat-title a{background-color: #6e6e6e; color: #fff; font-family: 'Open sans' sans-serif; text-transform: uppercase; text-align: center; padding: 10px; clear: both; display: block; width: 170px; font-size: 12px; text-decoration: none; font-weight: 700;} .cat-title a:hover {background-color: #000;} .home-welcome-box {width: 756px; padding: 15px; clear: both; border: solid 1px #ededed; margin-top: 25px; margin-bottom: 50px;} .welcome-title {margin-bottom: 10px; font-family: 'Open sans' sans-serif; text-transform: uppercase; float: left; font-size: 21px; color: #000; font-weight: 700} .welcome-text {color: #979799; font-family: 'Open sans' sans-serif; font-size: 12px; clear: both; } .left-cat-title {padding: 15px; font-family: 'Open sans' sans-serif; font-size: 14px; text-align: left; color: #fff; width: 170px; height: 22px; background: rgb(248,126,73); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(248,126,73,1) 0%, rgba(241,83,13,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,126,73,1)), color-stop(100%,rgba(241,83,13,1))); background: -webkit-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: -o-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: -ms-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: linear-gradient(to bottom, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87e49', endColorstr='#f1530d',GradientType=0 ); border-radius: 5px 5px 0px 0px; font-weight: 700;} a.more{ left:1px; top:1px; width:0px; height:0px; position:absolute; z-index:999; border:none;} .item:hover a.more{ left:1px; top:11px; width:179px; height:171px; position:absolute; background:url(/ekmps/shops/bladesbows/resources/Design/image-hover.png) no-repeat; z-index:999; border:none; cursor:pointer;} /*customer cart*/ .cart-page .cartSurroundTable {width: 1000px !important} .cart-page .cartSubContents a {color: #333; text-decoration: none;} .cart-page .cartSubContents a:hover {text-decoration: underline;} .cart-page .cartSubContents center {text-align: left} .cart-page .cartHr {border-color: #eaeaea; display: none;} .cart-page .cartImgCont {padding: 3px; background: #fff; border-radius: 3px; margin: 0 0 2px 10px; border: solid 1px #eaeaea;} .cart-page .cartQtyCont {} .cart-page .cartQtyCont center {text-align: center;} .cart-page .cartQtyCont b {font-size: 11px; color: #878787;} .cart-page .cartQtyCont input {text-align: center; font-size: 12px; border-radius: 2px; border: solid 1px #eaeaea; background: #fff; color: #878787; padding: 5px;} .cart-page .cartPriceCont center{text-align: center !important;} .cart-page .cartIncTax {font-size: 11px; color: #878787} .cart-page .cartCost {font-size: 11px; color: #878787} .cart-page .cartPrice {font-size: 18px; font-weight: bold; color: #FF6910;} .cart-page .cartProductRow {background: #f6f6f6; border-radius: 3px; border: solid 1px #eaeaea; box-shadow: inset -1px -1px 0 #fff; margin: 0 0 10px 0;} .cart-page .cartProductRowOdd {background: #f1f1f1} .cart-page .removeButton {background: red;} .cart-page .cartDeliveryCont {position: relative; height: 89px;} .cart-page #cartDeliveryContDiv {background: #f6f6f6; border-radius: 3px; border: solid 1px #eaeaea; box-shadow: inset -1px -1px 0 #fff; padding: 10px; position: absolute; top: 0; width: 515px; text-align: left;} .cart-page .cartDeliveryLabel {font-size: 12px; padding: 0 3px; font-weight: bold; color: #616161;} .cart-page .cartDeliverySelect {padding: 5px;} .cart-page .cartDeliveryCont {position: relative; height: 89px;} .cart-page .cartTotalCont {background: #f6f6f6; border-radius: 3px; border: solid 1px #eaeaea; margin: 10px 0; color: #333;} .cart-page .cartTotalCont font b {font-size: 11px !important;} .cart-page .cartTotalCont .cartTotalLabel {color: #333;} .cart-page .cartTotalCont .cartTotalVal {padding: 0 0 0 10px;} .cart-page .cartTotalCont .cartTotalVal b {font-size: 15px !important; color: #000;} .cart-page .cartTotalCont .cartTotalValTotal b {font-size: 20px !important; color: #FF6910;} .cart-page .cartTotalCont table[cellpadding='1'] td {background: #eaeaea; padding: 1px 0 0;} .cart-page .cartProductRow .cartProductRemove {} .cart-page .cartProductRow .cartProductRemove br {display: none;} .cart-page .cartProductRow .cartProductRemove a {display: block; padding: 5px; border-radius: 3px; margin: 5px 0 0; font-size: 9px; color: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(248,126,73,1) 0%, rgba(241,83,13,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,126,73,1)), color-stop(100%,rgba(241,83,13,1))); background: -webkit-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: -o-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: -ms-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: linear-gradient(to bottom, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87e49', endColorstr='#f1530d',GradientType=0 ); } .cart-page .cartProductRow .cartProductRemoveImg {display: none;} .cart-page .cartProductRow .cartProductName {padding: 0 0 0 10px; display: block; font-size: 12px;} .cart-page .cartDiscountOuter { vertical-align: top;} .cart-page .cartDiscountOuter br {display: none;} .cart-page .cartDiscountCont {background: #f6f6f6; border-radius: 3px; border: solid 1px #eaeaea; box-shadow: inset -1px -1px 0 #fff; padding: 10px; text-align: left;} .cart-page .cartDiscountCont td {padding: 0; background: none;} .cart-page .cartDiscountLabel {font-size: 11px; color: #333;} .cart-page .cartDiscountTxt {text-align: center; font-size: 12px; border-radius: 2px; border: solid 1px #eaeaea; background: #fff; color: #878787; padding: 5px; margin: 0; font-weight: bold;} .cart-page .cartDiscountBt {display: block; padding: 5px; background: #ffa315; border-radius: 3px; margin: 5px 0 0; font-size: 11px; color: #fff; text-shadow: 0 -1px 0 #db8300; font-weight: bold; margin: 0 0 0 3px; border: none 0; cursor: pointer; /* CSS3 */ background-image: linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); background-image: -o-linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); background-image: -moz-linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); background-image: -webkit-linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); background-image: -ms-linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); } /* CHECKOUT PAGE */ .checkout-page * {font-family: Arial, Helvetica, sans-serif;} .checkout-page .checkoutHr {border-color: #eaeaea; display: none;} .checkout-page .checkoutProductCont {} .checkout-page .checkoutProductCont .checkoutProductRow {background: #f6f6f6; border-radius: 3px; border: solid 1px #eaeaea; box-shadow: inset -1px -1px 0 #fff; margin: 0 0 10px 0;} .checkout-page .checkoutProductCont .cartImgCont {padding: 3px; background: #fff; border-radius: 3px; margin: 0 0 2px 10px; border: solid 1px #eaeaea;} .checkout-page .checkoutProductRow .cartQtyCont {} .checkout-page .checkoutProductRow .cartQtyCont center {text-align: center;} .checkout-page .checkoutProductRow .cartQtyCont b {font-size: 11px; color: #878787;} .checkout-page .checkoutProductRow .cartQtyCont input {text-align: center; font-size: 12px; border-radius: 2px; border: solid 1px #eaeaea; background: #fff; color: #878787; padding: 5px;} .checkout-page .checkoutProductRow .cartPriceCont center{text-align: center !important;} .checkout-page .checkoutProductRow .cartIncTax {font-size: 11px; color: #878787} .checkout-page .checkoutProductRow .cartCost {font-size: 11px; color: #878787} .checkout-page .checkoutProductRow .cartPrice {font-size: 18px; font-weight: bold; color: #FF7300;} .checkout-page .checkoutProductRow .checkoutProductName {padding: 0 0 0 10px; display: block; font-size: 12px !important; color: #000; text-decoration: none;} /* DISCOUNT */ .checkout-page .checkoutDiscountCont {border: dashed 1px #CCC; padding: 5px 0 0; margin: 0 0 5px;} .checkout-page .checkoutDiscountCont * {text-align: left;} .checkout-page .cartDiscountDisplayCode {background: none; border: none 0;} .checkout-page .cartDiscountDisplayCode td {display: block; padding: 8px 5px; background: #FF9A02; border-radius: 3px; margin: 5px 0 0; font-size: 11px !important; color: #fff; text-shadow: 0 -1px 0 #db8300; font-weight: normal; margin: 0 0 0 3px; border: none 0; text-align: center; vertical-align: middle; /* CSS3 */ background-image: linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); background-image: -o-linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); background-image: -moz-linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); background-image: -webkit-linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); background-image: -ms-linear-gradient(bottom, #FF9A02 33%, #FFC85A 100%); } .checkout-page .cartDiscountDisplayCodeText {font-size: 10px !important; display: block; color: #666;} .checkout-page .cartDiscountDisplayCodeText b {font-size: 14px; font-weight: bold; color: #ff9f0e;} .checkout-page .cartDiscountDisplayCodeEmptyTd {display: none;} /* TOTALS */ .checkout-page .checkoutTotalCont {background: #f6f6f6; border-radius: 3px; border: solid 1px #eaeaea; margin: 10px 0; color: #333;} .checkout-page .checkoutTotalCont font b {font-size: 11px !important;} .checkout-page .checkoutTotalCont .cartTotalLabel {color: #333;} .checkout-page .checkoutTotalCont .cartTotalVal {padding: 0 0 0 10px;} .checkout-page .checkoutTotalCont .cartTotalVal b {font-size: 15px !important; color: #000;} .checkout-page .checkoutTotalCont .cartTotalValTotal b {font-size: 20px !important; color: #FF7300;} .checkout-page .checkoutTotalCont table[cellpadding='1'] td {background: #eaeaea; padding: 1px 0 0;} /* FORM */ .checkout-page .checkoutForm {} .checkout-page .checkoutExistingCustomer {display: block; padding: 10px 0; font-size: 12px; background: #f6f6f6; border-radius: 5px; border: solid 1px #eaeaea; margin: 0 0 15px;} .checkout-page .checkoutExistingCustomer br {display: none;} .checkout-page .checkoutExistingCustomerTopBorder, .checkout-page .checkoutExistingCustomerBottomBorder {background: none;} .checkout-page .checkoutFormHeaderBilling strong, .checkout-page .checkoutFormHeaderShipping strong {padding: 10px 0; display: block; border-radius: 5px; color: #fff; margin: 0 10px; ; font-size: 16px; font-weight: bold; background: rgb(248,126,73); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(248,126,73,1) 0%, rgba(241,83,13,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,126,73,1)), color-stop(100%,rgba(241,83,13,1))); background: -webkit-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: -o-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: -ms-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: linear-gradient(to bottom, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87e49', endColorstr='#f1530d',GradientType=0 );} .checkout-page .checkoutFormHeaderBilling br, .checkout-page .checkoutFormHeaderShipping br {display: none;} /* BILLING */ .checkout-page .checkoutFormBillingCont {} .checkout-page .checkoutFormBillingCont * {font-size: 12px;} .checkout-page .checkoutFormBillingCont .checkout-txt {border: solid 1px #CCC; font-size: 12px; border-radius: 3px; padding: 7px; background: #fafafa; box-shadow: inset -1px -1px 0 #fff; width: 163px !important; margin: 5px 8px 0;} .checkout-page .checkoutFormBillingCont .checkout-select {border: solid 1px #CCC; font-size: 12px; border-radius: 3px; padding: 7px; background: #fafafa; box-shadow: inset -1px -1px 0 #fff; width: 179px !important; margin: 5px 8px 0} .checkout-page .checkoutFormBillingCont .checkoutFormBillingCopyLink {display: block; padding: 8px 5px; background: #FF9A02; border-radius: 3px; margin: 5px 0 0; font-size: 14px !important; color: #fff; font-weight: bold; margin: 0 10px 0 0; border: none 0; text-align: center; text-decoration: none; width: 230px;background: rgb(248,126,73); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(248,126,73,1) 0%, rgba(241,83,13,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,126,73,1)), color-stop(100%,rgba(241,83,13,1))); background: -webkit-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: -o-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: -ms-linear-gradient(top, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); background: linear-gradient(to bottom, rgba(248,126,73,1) 0%,rgba(241,83,13,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87e49', endColorstr='#f1530d',GradientType=0 ); } /* SHIPPING */ .checkout-page .checkoutFormShippingCont {} .checkout-page .checkoutFormShippingCont * {font-size: 12px;} .checkout-page .checkoutFormShippingCont .checkout-txt {border: solid 1px #CCC; font-size: 12px; border-radius: 3px; padding: 7px; background: #fafafa; box-shadow: inset -1px -1px 0 #fff; width: 163px !important; margin: 5px 8px 0;} .checkout-page .checkoutFormShippingCont .checkout-select {border: solid 1px #CCC; font-size: 12px; border-radius: 3px; padding: 7px; background: #fafafa; box-shadow: inset -1px -1px 0 #fff; width: 179px !important; margin: 5px 8px 0;} /* REGISTRATION */ .checkout-page .checkoutRegistrationTitleCont {font-size: 16px; font-weight: bold;} .checkout-page .checkoutRegistrationTitleCont br {display: none;} .checkout-page .checkoutRegistration {background: #f6f6f6; border: solid 1px #eaeaea; border-radius: 5px; box-shadow: inset -1px -1px 0 #fff; padding: 10px; color: #333; margin: 20px 0 0;} .checkout-page .checkoutRegistrationBenefits {background: #fff; border: solid 1px #eaeaea; border-radius: 5px; font-size: 14px; font-weight: bold; padding: 5px 10px; color: #7f7f7f;} .checkout-page .checkoutRegistrationBenefits li {margin: 0; font-size: 12px; font-weight: normal;} .checkout-page .checkoutRegistrationFields {font-size: 13px;} .checkout-page .checkoutRegistrationFields .checkout-txt {border: solid 1px #e3e3e3 !important; font-size: 12px; border-radius: 3px; padding: 7px; background: #fff !important; box-shadow: inset -1px -1px 0 #fafafa; width: 163px !important; margin: 0 8px 5px; display: block;} .checkout-page .checkoutRegistrationFields span {display: block !important;} /* CUSTOM FIELDS */ #middleCol.checkout-page .checkoutCustomFields {font-size: 13px; background: #f6f6f6; border: solid 1px #eaeaea; border-radius: 5px; box-shadow: inset -1px -1px 0 #fff; padding: 10px; color: #333; margin: 0 0 10px; width: 100%;} #middleCol.checkout-page .checkoutCustomFields .checkout-txt {border: solid 1px #e3e3e3 !important; font-size: 12px; border-radius: 3px; padding: 7px; background: #fff !important; box-shadow: inset -1px -1px 0 #fafafa; width: 163px !important; margin: 0 8px 5px; display: block;} #middleCol.checkout-page .checkoutCustomFields .checkout-select {border: solid 1px #CCC; font-size: 12px; border-radius: 3px; padding: 7px; background: #fafafa; box-shadow: inset -1px -1px 0 #fff; width: 179px !important; margin: 5px 8px 0;} #middleCol.checkout-page .checkoutCustomFields .checkout-textarea {border: solid 1px #e3e3e3 !important; font-size: 12px; border-radius: 3px; padding: 7px; background: #fff !important; box-shadow: inset -1px -1px 0 #fafafa; width: 300px !important; margin: 0 8px 5px; display: block;} .login-box {width: 390px; height: 325px; background-color: #f5f5f5; padding: 10px; border-radius: 5px;} .login-header {float: left;width: 370px;padding-left: 20px;line-height: 52px;height: 52px;color: #FFF;border-radius: 5px 5px 0 0;background: #403f3f;font-family: 'Open sans' sans-serif;font-size: 14px;text-align: left;color: #fff;text-transform: uppercase;font-weight: 700;} .logintext {clear: both; margin-bottom: 5px; font-family: 'open sans'; font-size: 12px; color: #000; float: left; clear: both; margin: 10px 20px;} .login-text-box input { width: 366px; padding: 10px; border: solid 1px #CCC; margin-bottom: 10px; clear: both; float: left; border-radius: 5px;} .login-button input {height: 51px;background: url(/ekmps/shops/bladesbows/resources/Design/contact-button.png) no-repeat;color: white;border-radius: 5px 5px 5px 5px;border: none;border: none;color: white;cursor: pointer;float: right;font-weight: 100;text-align: center;margin-top: 10px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; clear: both; width: 184px; font-weight: 700px;} .login-button input:hover {opacity: 0.8} body > div.main-body-container.cf > div > div.main-col > div > table.checkoutProductCont > tbody > tr > td > center > table > tbody > tr > td:nth-child(2) > font:nth-child(2) {float: left; margin-left: 10px;} .contact-page-right input:hover {opacity: 0.8} body > div.main-body-container.cf > div > div.main-col > div > div.cart-page > center > div.cartContents > div.cartSubContents > center > font > b {text-align: center; display: block; clear: both; padding-top: 10px;} .log-link { float: right; margin-bottom: 5px; font-family: 'open sans'; font-size: 12px; color: #000; clear: both; margin: 10px 0px; } .filty h2 {color: #e05112; font-family: 'Open sans' sans-serif; font-size: 13px; font-weight: 700; margin-bottom: 8px; text-transform: uppercase; } .filty ul {list-style: none;} .filty ul li { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #717171;} .filty form {margin-top: 10px;} .pagination { text-align: center; margin-top: 30px; } .pagination .page { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; min-width: 24px; height: 24px; border: solid 1px #cbcbcb; font-size: 13px; font-weight: bold; border-radius: 2px; line-height: 24px; background: #eaeaea; box-shadow: 0 1px 0 0 #fff inset, 0 1px 1px 0 #dedede; color: #6f6f6f; text-decoration: none; text-shadow: 0 1px 0 #fff; margin: 0 1px; background-image: linear-gradient(bottom, #E9E9E9 0, #F9F9F9 74%); background-image: -o-linear-gradient(bottom, #E9E9E9 0, #F9F9F9 74%); background-image: -moz-linear-gradient(bottom, #E9E9E9 0, #F9F9F9 74%); background-image: -webkit-linear-gradient(bottom, #E9E9E9 0, #F9F9F9 74%); background-image: -ms-linear-gradient(bottom, #E9E9E9 0, #F9F9F9 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #E9E9E9), color-stop(.74, #F9F9F9)) } .pagination .page:hover { background-image: linear-gradient(bottom, #F9F9F9 0, #FFF 74%); background-image: -o-linear-gradient(bottom, #F9F9F9 0, #FFF 74%); background-image: -moz-linear-gradient(bottom, #F9F9F9 0, #FFF 74%); background-image: -webkit-linear-gradient(bottom, #F9F9F9 0, #FFF 74%); background-image: -ms-linear-gradient(bottom, #F9F9F9 0, #FFF 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #F9F9F9), color-stop(.74, #FFF)) } .pagination .page:active { box-shadow: none } .pagination .page-bt { line-height: 21px } .pagination .page.current-page-number, .pagination .page.current-page-number:hover, .pagination .page.current-page-number:active { background: #6a6a6a; border: solid 1px #505050; box-shadow: 0 0 8px 1px #505050 inset; color: #fff; text-shadow: 0 1px 0 #575757 } .pagination .page-ellipsis { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; min-width: 26px; height: 26px; font-size: 13px; font-weight: bold; line-height: 24px; color: #6f6f6f; margin: 0 1px } .pagination.pink .page { border: solid 1px #ffadd7; background: #ffc7e4; box-shadow: 0 1px 0 0 #fff8fc inset, 0 1px 1px 0 #ebebeb; color: #000; text-shadow: 0 1px 0 #fff; background-image: linear-gradient(bottom, #ffc7e4 0, #ffeaf5 74%); background-image: -o-linear-gradient(bottom, #ffc7e4 0, #ffeaf5 74%); background-image: -moz-linear-gradient(bottom, #ffc7e4 0, #ffeaf5 74%); background-image: -webkit-linear-gradient(bottom, #ffc7e4 0, #ffeaf5 74%); background-image: -ms-linear-gradient(bottom, #ffc7e4 0, #ffeaf5 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #ffc7e4), color-stop(.74, #ffeaf5)) } .pagination.pink .page:hover { background-image: linear-gradient(bottom, #ffc7e4 0, #fffbfd 74%); background-image: -o-linear-gradient(bottom, #ffc7e4 0, #fffbfd 74%); background-image: -moz-linear-gradient(bottom, #ffc7e4 0, #fffbfd 74%); background-image: -webkit-linear-gradient(bottom, #ffc7e4 0, #fffbfd 74%); background-image: -ms-linear-gradient(bottom, #ffc7e4 0, #fffbfd 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #ffc7e4), color-stop(.74, #fffbfd)) } .pagination.pink .page:active { box-shadow: 0 0 0 1px #fff inset } .pagination.pink .page.current-page-number, .pagination.pink .page.current-page-number:hover, .pagination.pink .page.current-page-number:active { background: #be0061; border: solid 1px #6f0039; box-shadow: 0 0 8px 1px #6f0039 inset; color: #fff; text-shadow: 0 1px 0 #6f0039 } .pagination.blue .page { border: solid 1px #7df; background: #9ce6ff; box-shadow: 0 1px 0 0 #eefbff inset, 0 1px 1px 0 #ebebeb; color: #005a78; text-shadow: 0 1px 0 #fff; background-image: linear-gradient(bottom, #9ce6ff 0, #c4f0ff 74%); background-image: -o-linear-gradient(bottom, #9ce6ff 0, #c4f0ff 74%); background-image: -moz-linear-gradient(bottom, #9ce6ff 0, #c4f0ff 74%); background-image: -webkit-linear-gradient(bottom, #9ce6ff 0, #c4f0ff 74%); background-image: -ms-linear-gradient(bottom, #9ce6ff 0, #c4f0ff 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #9ce6ff), color-stop(.74, #c4f0ff)) } .pagination.blue .page:hover { background-image: linear-gradient(bottom, #9ce6ff 0, #d5f5ff 74%); background-image: -o-linear-gradient(bottom, #9ce6ff 0, #d5f5ff 74%); background-image: -moz-linear-gradient(bottom, #9ce6ff 0, #d5f5ff 74%); background-image: -webkit-linear-gradient(bottom, #9ce6ff 0, #d5f5ff 74%); background-image: -ms-linear-gradient(bottom, #9ce6ff 0, #d5f5ff 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #9ce6ff), color-stop(.74, #d5f5ff)) } .pagination.blue .page:active { box-shadow: 0 0 0 1px #fff inset } .pagination.blue .page.current-page-number, .pagination.blue .page.current-page-number:hover, .pagination.blue .page.current-page-number:active { background: #9ce6ff; border: solid 1px #5dafca; box-shadow: 0 0 8px 1px #5dafca inset; color: #005a78; text-shadow: 0 1px 0 #fff } .pagination.red .page { box-shadow: 0 1px 0 0 #f76060 inset, 0 1px 1px 0 #ebebeb; color: #fff; text-shadow: 0 1px 0 #910000; left bottom, left top, color-stop(.0, #b40000), color-stop(.74, #df0000)) background: rgb(248, 126, 73); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(248, 126, 73, 1) 0%, rgba(241, 83, 13, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248, 126, 73, 1)), color-stop(100%, rgba(241, 83, 13, 1))); background: -webkit-linear-gradient(top, rgba(248, 126, 73, 1) 0%, rgba(241, 83, 13, 1) 100%); background: -o-linear-gradient(top, rgba(248, 126, 73, 1) 0%, rgba(241, 83, 13, 1) 100%); background: -ms-linear-gradient(top, rgba(248, 126, 73, 1) 0%, rgba(241, 83, 13, 1) 100%); background: linear-gradient(to bottom, rgba(248, 126, 73, 1) 0%, rgba(241, 83, 13, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f87e49', endColorstr='#f1530d', GradientType=0); } .pagination.red .page:hover { opacity: 0.8 } .pagination.red .page:active {} .pagination.red .page.current-page-number, .pagination.red .page.current-page-number:hover, .pagination.red .page.current-page-number:active { ; box-shadow: 0 0 8px 1px #7a0000 inset; color: #fff; text-shadow: 0 1px 0 #7a0000; background: #000 } .pagination.orange .page { border: solid 1px #ff8a00; background: #ff8a00; box-shadow: 0 1px 0 0 #ffd265 inset, 0 1px 1px 0 #ebebeb; color: #fff; text-shadow: 0 1px 0 #ff8a00; background-image: linear-gradient(bottom, #ff8a00 0, #ffb400 74%); background-image: -o-linear-gradient(bottom, #ff8a00 0, #ffb400 74%); background-image: -moz-linear-gradient(bottom, #ff8a00 0, #ffb400 74%); background-image: -webkit-linear-gradient(bottom, #ff8a00 0, #ffb400 74%); background-image: -ms-linear-gradient(bottom, #ff8a00 0, #ffb400 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #ff8a00), color-stop(.74, #ffb400)) } .pagination.orange .page:hover { background-image: linear-gradient(bottom, #ff8a00 0, #ffd265 74%); background-image: -o-linear-gradient(bottom, #ff8a00 0, #ffd265 74%); background-image: -moz-linear-gradient(bottom, #ff8a00 0, #ffd265 74%); background-image: -webkit-linear-gradient(bottom, #ff8a00 0, #ffd265 74%); background-image: -ms-linear-gradient(bottom, #ff8a00 0, #ffd265 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #ff8a00), color-stop(.74, #ffd265)) } .pagination.orange .page:active { box-shadow: 0 0 0 1px #ffd265 inset } .pagination.orange .page.current-page-number, .pagination.orange .page.current-page-number:hover, .pagination.orange .page.current-page-number:active { background: #ff8a00; border: solid 1px #ff4800; box-shadow: 0 0 8px 1px #ff4800 inset; color: #fff; text-shadow: 0 1px 0 #ff4800 } .pagination.black .page { border: solid 1px #000; background: #000; box-shadow: 0 1px 0 0 #878787 inset, 0 1px 1px 0 #ebebeb; color: #fff; text-shadow: 0 1px 0 #000; background-image: linear-gradient(bottom, #000 0, #5f5f5f 74%); background-image: -o-linear-gradient(bottom, #000 0, #5f5f5f 74%); background-image: -moz-linear-gradient(bottom, #000 0, #5f5f5f 74%); background-image: -webkit-linear-gradient(bottom, #000 0, #5f5f5f 74%); background-image: -ms-linear-gradient(bottom, #000 0, #5f5f5f 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #000), color-stop(.74, #5f5f5f)) } .pagination.black .page:hover { background-image: linear-gradient(bottom, #000 0, #878787 74%); background-image: -o-linear-gradient(bottom, #000 0, #878787 74%); background-image: -moz-linear-gradient(bottom, #000 0, #878787 74%); background-image: -webkit-linear-gradient(bottom, #000 0, #878787 74%); background-image: -ms-linear-gradient(bottom, #000 0, #878787 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #000), color-stop(.74, #878787)) } .pagination.black .page:active { box-shadow: 0 0 0 1px #878787 inset } .pagination.black .page.current-page-number, .pagination.black .page.current-page-number:hover, .pagination.black .page.current-page-number:active { background: #5d5d5d; border: solid 1px #000; box-shadow: 0 0 8px 1px #000 inset; color: #fff; text-shadow: 0 1px 0 #000 } .pagination.green .page { border: solid 1px #1ba100; background: #22cd00; box-shadow: 0 1px 0 0 #52f232 inset, 0 1px 1px 0 #ebebeb; color: #fff; text-shadow: 0 1px 0 #1ba100; background-image: linear-gradient(bottom, #1ba100 0, #22cd00 74%); background-image: -o-linear-gradient(bottom, #1ba100 0, #22cd00 74%); background-image: -moz-linear-gradient(bottom, #1ba100 0, #22cd00 74%); background-image: -webkit-linear-gradient(bottom, #1ba100 0, #22cd00 74%); background-image: -ms-linear-gradient(bottom, #1ba100 0, #22cd00 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #1ba100), color-stop(.74, #22cd00)) } .pagination.green .page:hover { background-image: linear-gradient(bottom, #1ba100 0, #52f232 74%); background-image: -o-linear-gradient(bottom, #1ba100 0, #52f232 74%); background-image: -moz-linear-gradient(bottom, #1ba100 0, #52f232 74%); background-image: -webkit-linear-gradient(bottom, #1ba100 0, #52f232 74%); background-image: -ms-linear-gradient(bottom, #1ba100 0, #52f232 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.0, #1ba100), color-stop(.74, #52f232)) } .pagination.green .page:active { box-shadow: 0 0 0 1px #52f232 inset } .pagination.green .page.current-page-number, .pagination.green .page.current-page-number:hover, .pagination.green .page.current-page-number:active { background: #1ba100; border: solid 1px #126f00; box-shadow: 0 0 8px 1px #126f00 inset; color: #fff; text-shadow: 0 1px 0 #126f00 }