@import url("https://www.strapit.com.au/skin/frontend/default/sm_sport/bootstrap/css/bootstrap.css"); @import url("https://www.strapit.com.au/skin/frontend/default/sm_sport/bootstrap/css/bootstrap-responsive.css"); @import url("https://www.strapit.com.au/skin/frontend/default/sm_sport/css/docs.css"); @import url("https://www.strapit.com.au/skin/frontend/default/sm_sport/css/addons.css"); @import url("https://www.strapit.com.au/skin/frontend/default/sm_sport/css/theme.css"); /* button { font-family:arial, helvetica, sans-serif; } */ a:focus, textarea:focus, select:focus, a:hover, textarea:hover, select:hover, input, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus , input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus, input[type="file"]:hover, input[type="radio"]:hover, input[type="checkbox"]:hover , input[type="text"]:hover,input[type="password"]:hover,input[type="datetime"]:hover,input[type="datetime-local"]:hover,input[type="date"]:hover,input[type="month"]:hover,input[type="time"]:hover,input[type="week"]:hover,input[type="number"]:hover,input[type="email"]:hover,input[type="url"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="color"]:hover, .uneditable-input:hover { outline:none !important; } textarea:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus ,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } textarea, select, input[type="file"], input[type="radio"], input[type="checkbox"], input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none; border-radius:3px; /* line-height:100%; */ /* min-height:1px; */ } input[type="file"] { line-height:normal; height:auto; } form input[type='number']::-webkit-outer-spin-button, form input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type="file"], input[type="radio"], input[type="checkbox"], input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { line-height:100%;} } textarea { resize:none; } #map img { max-width:inherit; } /* fix for icon tool google map - contact page */ #poll-answers .radio input{ margin:0; float:none; } .pager li > a, .pager li > span { background:transparent; border:none; border-radius:0; padding:0; } .pager li > a:hover, .pager li > a:focus { background:none; } /*-------------------- jcarousel -------------------*/ .carousel .carousel-inner .right, .carousel .carousel-inner .left { float:none !important; } #homeCarousel .carousel-inner .item-inner { margin:0px; padding:0; /*height:350px;*/ } #homeCarousel .carousel-inner { margin: 0 -5px; padding:0 5px; } #homeCarousel .carousel-indicators{ top:-20px; display:none; } .block-bestsale-left #homeCarousel .carousel-inner { margin:0; padding:0; } .block-bestsale-left #homeCarousel .carousel-container { position:absolute; top:350px; z-index:2; width:84%; margin:0 8%; height:83px; box-shadow:0px 4px 1px 0 #D9D9D9; } .block-bestsale-left #homeCarousel .carousel-container .carousel-container-inner{ display:table; margin: 30px auto 0; } .block-bestsale-left #homeCarousel .carousel-container .carousel-indicators{ display: inline-block; position:static; margin: 9px 6px 0 6px;} .block-bestsale-left #homeCarousel .carousel-indicators li { width:11px; height:11px; border-radius:6px; padding:0; margin-left:10px; margin-right:0; } .block-bestsale-left #homeCarousel .carousel-indicators li:first-child { margin-left:0; } .block-bestsale-left #homeCarousel .carousel-indicators li.active { } .block-bestsale-left #homeCarousel .carousel-container .carousel-control { position: static; margin:0; } .block-bestsale-left .products-grid .item { height:auto; } .block-bestsale-left .products-grid .item .popup-btn{ display:none; } .block-bestsale-left .products-grid .item .product-box{ border:none; margin-top:56px; text-align:center; } .block-bestsale-left .products-grid .item-inner h2.product-name{ text-align:center; padding:0; margin-top:0; margin-bottom:11px; } .block-bestsale-left .products-grid .item-inner .item-description{ line-height:24px; margin-bottom:0; margin-top:7px;} .block-bestsale-left .products-grid .item-inner .product-box .ratings { visibility:visible; } .block-bestsale-left .products-grid .rating-links .add-your-review { display:inline-block; } #homeCarousel .carousel-indicators li{ display: inline-block !important; height: 19px; margin-right: 5px; overflow: hidden; text-indent: 99px; width: 20px; } #homeCarousel .carousel-indicators li.active{ } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .block-services ul li .item-content a.item-detail:after, #sm_slideshow .dynamicslideshow-container .custom-content a.btn-shopnow:after, .yt-slider .yt_so_article_theme_nav .so_navigation_nav [class*="buttons-hover_"], #homeCarousel .carousel-control{ display: inline-block ; overflow: hidden; text-indent: 99px; width: 30px; height: 30px; border-radius:0; border:none; background-color:transparent; } .yt-slider .yt_so_article_theme_nav .so_navigation_nav .so_pre {background-position:0 0; } #homeCarousel .carousel-control.left{ background-position:0 0; left:50%; top:-26px; margin-left: -127px;} .yt-slider .yt_so_article_theme_nav .so_navigation_nav .so_pre:hover {background-position:0 100%;} #homeCarousel .carousel-control.left:hover { background-position:0 100%;} #sm_slideshow .dynamicslideshow-container .custom-content a.btn-shopnow:after, .yt-slider .yt_so_article_theme_nav .so_navigation_nav .so_next { background-position:100% 0; } #homeCarousel .carousel-control.right{ background-position:100% 0; right:50%; top:-26px; margin-right: -127px; } #sm_slideshow .dynamicslideshow-container .custom-content a.btn-shopnow:hover:after, .yt-slider .yt_so_article_theme_nav .so_navigation_nav .so_next:hover {background-position:100% 100%;} #homeCarousel .carousel-control.right:hover { background-position:100% 100%;} .carousel-indicators li:hover { cursor: pointer; } /* button all PAGE */ .block-tags .actions a, .block-poll .actions .button, .block-subscribe .actions .button, /* .button, .form-button, */ .data-table .button, .block-wishlist .link-cart, .btn-sub{ /* overflow: visible; cursor: pointer; vertical-align: middle; background: none; border: none; */ display: inline-block; /* border:1px solid #ccc; */ -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; } .block-tags .actions a:hover, .block-poll .actions .button:hover, .block-subscribe .actions .button:hover, /* .button, .form-button, */ /* .data-table .button:hover, */ .block-wishlist .link-cart:hover, .btn-sub:hover { border:1px solid transparent; } .i-cart:after, .button, .btn-contact, .box-tags .button, .block-reorder .btn-cart, .block-reorder .actions a, .data-table.cart-table button, .actions .add-to-links li a, .multiple-checkout .button, .block-compare .button, .block-cart .button, .block-wishlist .button, .block-poll .button, /* .block-reorder .btn-cart, .box-main .btn-cart, .data-table .btn-cart, .product-shop .btn-cart, */ .action-clear, .box-tags .button, .products-list .add-to-holder .add-to-cart .button, .products-grid .item-inner .item-box-footer .btn-cart, /* to text"Addtocart", text"Compare", text"Clear", text"Checkout" button */ .products-list .add-to-holder .add-to-cart .button, .btn-pri{ padding: 0 20px 1px; border-radius:3px; line-height:26px; border:none; border-color:transparent; color:#FFF; background-image: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/logo-btn.png"); background-repeat: no-repeat; background-position: 1px 1px ; } /* table form */ .my-account .data-table { table-layout: fixed; } .my-account col, .my-account .data-table td, .my-account .data-table th { width:100%; padding: 8px 0; text-align:center; overflow:hidden; } .my-account .data-table .description.std { margin-bottom: 10px; text-align: left; width:90%; margin:0 auto 20px; } /* ------------- font color ------------- */ .item-description, .social h4, .topsl2-wrap .block-user4 .block-content a, .block-user5 input#newsletter, #yt_botsl .block-content li a , .block-user5 li.nav-item a, .category-products .products-grid .price-box .old-price span.price, .ytc_background_theme1 .ytc-content-slickslider .content-box .block-description .sub-content, /* .des-block, */ #yt_tabitem_reviewform .form-list .input-box input, .block-item .item-createat, .product-essential .price-box .old-price span.price, .category-products .products-list .price-box .old-price span.price, .old-price .price, .rating-links .review-num, .contacts-index-index #contactForm #comment, .block-login-top #mini-login, .block-login-top #mini-password, .block-login-top .mini-login, .block-login-top .mini-password, .mini-cartpro .block-content .ratings a , .ratings .amount a , .fcolor1{ color: #909090; } /* color 1 */ .fcolor1-ipt { color: #909090 !important; } /* color 1 !important */ .fcolor2 { color: #c8c8c8; } .my-account .box .box-title h2, .my-account .box .box-title h3, .topsl2-wrap .block-title, .block-subscribe label, .yt-col .block.block-subscribe .block-title span, .shop-access strong, .block-wrapper.custom-type .block-custom .block-title, .block-wrapper.custom-type .block-custom .block-content-bottom, #sm_slideshow .dynamicslideshow-container .custom-title a, #sm_slideshow .dynamicslideshow-container .custom-content a, ul#nav > li.active > a, ul#nav > li > a, .sm_megamenu_menu li a.sm_megamenu_head, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li a.sm_megamenu_head.sm_megamenu_actived span, .block-newsletter, .btn-cart, .button.btn-cart ,.btn-cart:hover, .button.btn-cart:hover, .box-reviews a.btn-addreview , .block-post-lastest , .sm-responsive-listing .respl-wrap .respl-loader.respl-btn .loader-label , .bottomsl-wrap .banner-cat .banner h1, .banner-cat .banner a, .header-nav-container-home ul#nav > li.parent.active > a, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .style-two .sub-item p, .page-about-us .col3-set , .block-address, #sm_slideshow .custom-button .btn-shopnow, #sm_slideshow .custom-content span.content-sl2, .fcolor2{ color: #FFF; } /* color 2 */ .emai-contact a, .block-post-lastest a, .login-quick .more-actions a, .fcolor2-ipt{ color: #FFF !important ; } /* color 2 !important */ .data-table.cart-table button:hover, /* button */ .block-tags .actions a:hover, .block-poll .actions .button:hover, .block-subscribe .actions .button:hover, .form-button:hover, .actions .add-to-links li a:hover, /* end button */ .block-reorder .actions > a:hover, .block-wishlist .actions a:hover, .block-compare .actions .action-clear:hover, .fcolor2-over:hover{color: #FFF;} /* color 2 over */ /* #yt_sidenav li a.subhead:hover, */ .block-poll .button:hover, .fcolor2-over-ipt:hover{ color: #FFF !important; } /* color 2 over important */ .label, .badge, /* #yt_sidenav li a.subhead, #yt_sidenav li li a, #yt_sidenav li.selected li a, #yt_sidenav li.active li a, #yt_sidenav li li.active li a , .block-layered-nav dt > span, */ #addTagForm .form-add label, ul#poll-answers li span.label label, /* .products-list .ratings .rating-links a, .product-essential .ratings .rating-links a , */ .block-poll .button, .top-footer , .col-left .block-address h1 , .availability, .popup-box a.link-wishlist, .bottomsl1-wrap, #product-review-table thead th span, .product-name a, .breadcrumbs li a, .page-title h1, .shop-access ul li > a, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li .sm_megamenu_head_item .sm_megamenu_title, .price-as-configured .price-label, .price-from .price-label, .price-to .price-label, .price-as-configured .price-label, .price-from .price-label, .price-to .price-label, .minimal-price .price-label, .fcolor3{ color: #666; } /* color 3 */ .col-left .block-subtitle, .fcolor3-ipt { color: #666 !important; } /* color 3 !important */ .emaillocal a, .block-social li a, .bottom-footer .contact-us ul li:hover, .bottom-footer , .bottom-footer a, .copy-right p, .login-quick .block-content .chk-remember, .fcolor4{ color: #CCC; } /* color 4 */ .fcolor5 { color: #FE4412;} .ytc_background_theme1 .ytc-content-slickslider .price-box .special-price, .ytc_background_theme1 .ytc-content-slickslider .price-box .regular-price, .fcolor6{ color: #FE4913; } .actions input.submit-repl, .fcolor7 { color:#b3b3b3; } .bottomsl1-wrap .block-newsletter input#newsletter, .fcolor8 { color: #c8c8c8; } /*.products-list .price-box, .products-grid .special-price, .category-products .price-box,*/ .fcolor9 { color: #fe4913; } .fcolor10-ipt { color:#848484 !important; } #product-options-wrapper .selector select, #customer-reviews dl dd .date, #customer-reviews dl dt .review-author, .page-about-us .col2-set .col-item > p.item-desc, .fcolor11 { color: #999; } .block-post-lastest .post-createdon , .fcolor12 { color: #ddd; } #sm_slideshow .custom-title a.title-sl4, #sm_slideshow .custom-content span.content-sl4, #sm_slideshow .custom-button .btn-sl4, #sm_slideshow .custom-content p.custom-circle , .fcolor13 { color: #000; } /* ---------------- line-height ------------------ */ .col-upsell-product .box-up-sell > h2, .block-topsl .block .content p, .products-grid .price-to, .products-grid .price-from , .yt-copyright, #customer-reviews dl dd .rating-detail, .products-list .price-and-addtocart, .collateral-box, .block-post-lastest .post-image-after > p, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .block-services ul li .item-content p, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .style-two .sub-item p , .page-about-us h2, .contact-form .contact-desc, .block-address .block-title, .cart-collaterals .col2-set .crosssell h2, .line-height-large { line-height:24px; } .block-post-lastest .widget-latest ul li, .line-heigth-big { line-height:25px; } /* ---------- css3 over image ------------ */ *:not(html) { /* -webkit-transform: translate3d(0, 0, 0); */ } /* .yt-slider .products-grid .item-inner, .ytc-content-slickslider a, .free-shipping-banner a, .promotions a, .products-grid .item-inner .item-box .price-box a, .products-grid .item-inner .item-box .price-box span, .products-grid .item .button */ /* .up-sell-products, */ /* #yt-totop, */ /* #sm_bottomsl, */ /* .sm_megamenu_menu .products-grid .item-inner .item-box div.product-box, */ /* .sm_megamenu_menu .products-grid .item-inner .item-box div.product-image, */ /* #header-bottom */ #nav li ul { -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-font-smoothing: antialiased; } .category-products.products-grid .cat-name, #sm_slideshow .dynamicslideshow-container .custom-content a.btn-shopnow:after, .box-reviews a.btn-addreview , .sm-responsive-listing .respl-wrap .respl-loader.respl-btn, .item-inner .item-box div.product-box, .products-grid .item-inner .product-box .ratings, .products-grid .item-inner .product-box .product-add-box, .ytc_background_theme1 .ytc-content-slickslider .content-box .block-title a, .bestsale-items .block-content .items, .bestsale-img, .products-grid .item-inner, .page-about-us .col-item > a, .block-company .block-content li a, .block-storeinfo .block-content li a, .up-sell-products .item, .block-customservice .block-content li a , .banner-home .banner, .banner-home .banner h1, .banner-cat .banner a:after, .btn-cart, .block-newsletter, .block-newsletter button > span, .yt-slider .yt_so_article_theme_nav .so_navigation_nav .so_next, .yt-slider .yt_so_article_theme_nav .so_navigation_nav .so_pre, #crosssell-products-list .add-to-links li a, #sm_slideshow .custom-button .btn-shopnow:after, button, .yt-slider .products-grid .item-inner{ -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li > a:before, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .style-two .sub-item img, .bottomsl-wrap .banner-cat .banner img, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .product-imgs:after, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .product-imgs:before, .header-nav .header-nav-container-home ul#nav > li > a:before{ -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; } .header-nav-container-home ul#nav > li.active:after, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:after { -moz-transition: border 1s ease-in-out 1s, bottom 1s ease-in-out 1s; -webkit-transition: border 1s ease-in-out 1s, bottom 1s ease-in-out 1s; -o-transition: border 1s ease-in-out 1s, bottom 1s ease-in-out 1s; -ms-transition: border 1s ease-in-out 1s, bottom 1s ease-in-out 1s; transition: border 1s ease-in-out 1s, bottom 1s ease-in-out 1s; } .pause-animate { animation-play-state: paused; } .run-animate { animation-play-state: running; } /* .top-search .form-search, */ .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .products-custom .actions:hover .btn-cart, .top-search .form-search input#search , .block-wrapper.notice-type, .block-wrapper.notice-type .btn-custom, .block-wrapper.likebox-type, .block-wrapper.likebox-type .btn-custom, .block-wrapper.custom-type, .block-wrapper.custom-type .btn-custom, .block-bestsale .products-grid .row .item, .product-image .sale-item img, .product-image .new-item img, .payment-logo li a img , .product-image .sale-item img, .bestsale-img img, /* .product-image .popup-box .link-wishlist img, */ .cart-collaterals .col2-set .crosssell .product-image img, .data-table .product-image img, /*.product-image .product-imgs img,*/ .product-image .product-imgs, .products-grid.category-products .product-image .popup-btn a, .category-products .products-list .product-image .popup-btn a, .transition { -moz-transition: all 0.3s ease-in-out 0.2s; -webkit-transition: all 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in-out 0.2s; -ms-transition: all 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out 0.2s; -webkit-transform: translateZ(0); transform: translateZ(0); /* -webkit-backface-visibility: hidden; */ /* -webkit-transform:translate3d(0,0,0); */ } /*.products-grid.category-products .product-image .product-imgs img,*/ .transition-none{ -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .category-products.products-grid .product-image:after, .category-products .products-list .product-imgs:after, .products-list .item .product-add-box, .products-grid .item-inner .product-add-box, .topsl-wrap .banner a:before, .promotions a:hover .hover_shine, .banner a:hover .hover_shine, .block-quick-navigation ul li a:hover, .free-shipping-banner a:hover .hover_shine { -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; /* -webkit-backface-visibility: hidden; */ /* -webkit-transform:translate3d(0,0,0); */ } .banner a.post-image:hover .hover_shine, .page-about-us .banner a:hover .hover_shine { -moz-transition: all 3s ease 0s; -webkit-transition: all 3s ease 0s; -o-transition: all 3s ease 0s; -ms-transition: all 3s ease 0s; transition: all 3s ease 0s; } .product-add-box li a{ -moz-transition: transform 1s ease 1s; -webkit-transition: transform 1s ease 1s; -o-transition: transform 1s ease 1s; -ms-transition: transform 1s ease 1s; transition: transform 1s ease 1s; } /* .product-image:hover .popup-box { -moz-transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } */ /*.product-image:hover .product-imgs img ,*/ .bestsale-img:hover img, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .style-two .sub-item a:hover img, .bottomsl-wrap .banner-cat .banner:hover img, .cart-collaterals .col2-set .crosssell .product-image img:hover, .data-table .product-image img:hover{ /* box-shadow: 0 0 5px; -moz-box-shadow: 0 0 5px; -webkit-box-shadow: 0 0 5px; */ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; transform:scale(1.5) rotate(-7deg); -ms-transform:scale(1.5) rotate(-7deg); -moz-transform:scale(1.5) rotate(-7deg); -webkit-transform:scale(1.5) rotate(-7deg); -o-transform:scale(1.5) rotate(-7deg); } .block-bestsale .products-grid .row .item{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform:rotate(360deg); -o-transform: rotate(360deg); /* transform-origin:left top 0; */ } .category-products .products-list .product-image .popup-btn a, .products-grid.category-products .product-image .popup-btn a{ transform:scale(0) rotate(360deg); -ms-transform:scale(0) rotate(360deg); -moz-transform:scale(0) rotate(360deg); -webkit-transform:scale(0) rotate(360deg); -o-transform:scale(0) rotate(360deg); } .category-products .products-list .product-image:hover .popup-btn a, .products-grid.category-products .product-image:hover .popup-btn a{ transform:scale(1) rotate(0deg); -ms-transform:scale(1) rotate(0deg); -moz-transform:scale(1) rotate(0deg); -webkit-transform:scale(1) rotate(0deg); -o-transform:scale(1) rotate(0deg); } /* .product-image .popup-box { transform:scale(2) rotate(360deg); } */ /* .product-image:hover .popup-box, */ .payment-logo li:hover a img { transform: rotateX(360deg); /* opera not support rotateX */ -ms-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -webkit-transform: rotateX(360deg); -o-transform: rotateX(360deg); } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .products-custom .actions:hover .btn-cart { transform: rotateY(360deg); /* opera not support rotateX */ -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); } /* --------------- pseudo element ---------------- */ .category-products.products-grid .product-image:after, .category-products .products-list .product-imgs:after, .outer-border, .inner-border{ border: none; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; content:''; } /* ---------- css3 over link ------------ */ .block-user5 li a:hover { } /* .product-name a:hover { text-decoration:underline; } */ /* --------------------------------------- */ /* ------------- font size ( base font size : 14px ) ------------- */ .ratings .amount , .fsize11 { font-size: 78.6%; } /* .address-contact, .telephone, .emai-contact, */ .contactform-content p, .block-yt-layered-nav li ul li a, ul#poll-answers li span.label label, .login-quick .block-content .chk-remember label, /*.quick-access .shop-access li > a,*/ /* .des-block, */ .ytc_background_theme1 .ytc-content-slickslider .content-box .block-description .sub-content, .bottomsl1-wrap .block-content, #yt_tabitem_reviewform .data-table thead th, #yt_tabitem_reviewform .form-list .input-box input , .product-collateral #addTagForm .form-add .button, .lastest-twitter .item-createat, .lastest-twitter .item-article, /* #product-options-wrapper .selector , */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_content .sm-block .sm-block-title .content-desc, .my-account #my-orders-table.data-table, .toolbar, /* .products-list .ratings .rating-links, .product-essential .ratings .rating-links,*/ .product-add-box li a, #customer-reviews dl dd .date, .toolbar-bot, .block-post-lastest .post-createdon, .fsize12 { font-size:85.7%; } .header-nav-container-home ul#nav li a, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_content .sm-block .sm-block-title, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .sm_megamenu_content, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .products-custom .product-name, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .products-custom .product-name a, /*.price-block .old-price .price,*/ .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .popup-box p , .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_lv1 .sm_megamenu_title, .block-compare .product-name a, .block-reorder .product-name a, h2.product-name, .bestsale-info h2.product-name, .bottom-footer .block-tags .block-title, .block-reorder .actions .btn-cart, .up-sell-products .product-name a, .block-post-lastest .widget-latest ul li, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .products-custom .item-box .price-block span.price, .block-services ul li .item-content a, .rating-container .ratings .amount , .fsize14 { font-size:100%; } #sm_slideshow .dynamicslideshow-container .custom-content, .fsize14-ipt { font-size:100% !important; } .sm_megamenu_wrapper_vertical_menu ul.sm_megamenu_menu li div div.sm_megamenu_title span, .my-account .box .box-title h2, .my-account .box .box-title h3, .more-actions a, .button.register-button, .add-review button.button, .btn-contact, .fsize15 { font-size:107.1%; } /* .block-bestsale .item-box .item-box .price-box, */ /* .block-feature-products .item-box .price-box, */ .bestsale-info .product-name a, .ytc_background_theme1 .ytc-content-slickslider .price-box .old-price, .category-products .products-grid .price-box .old-price span.price, .product-essential .price-box .old-price span.price, .category-products .products-list .price-box .old-price span.price, .actions input.submit-repl, #product-options-wrapper.product-options span.label-option, .sm-cartpro .product-details-bottom .price, .mini-cartpro .block-content .mini-products-list .product-name a, .fsize16 { font-size:114.3%; } /* .price-block .special-price .price, */ #yt_sidenav li a.subhead, .block-layered-nav dt > span > span, #review-form h4 , .block-wrapper.custom-type .block-custom .block-title span, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_head_item .sm_megamenu_title > span, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 .sm_megamenu_head .sm_megamenu_title, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .block-services h2, .header-nav-container-home ul#nav > li > a, .mini-cartpro .block-content .bottom-action .summary .subtotal .label, .mini-cartpro .block-content .bottom-action .summary .subtotal .price, .sm_sport #confirmbox .product-name > a, .block-social .desc, .block-newsletter .block-title, .block-rss .block-title, .products-grid .item .product-name a , .products-list .item .product-name a, .product-essential .product-name, .product-image-zoom .popup-btn a, .yt-tab-navi , .col-upsell-product .box-up-sell > h2, .up-sell-products .price-box span.price, .block-related .product-name a, .box-reviews .percent-review, .box-reviews a.btn-addreview , #customer-reviews dl dt a, #review-form h3, .block-post-lastest .post-image-after h1, .sm-responsive-listing .respl-wrap .respl-loader.respl-btn .loader-label, .banner-cat .banner a, .page-about-us h2 , .page-about-us .col2-set .col-item > a , .contact-form .contact-desc , .block-address .block-title, #contactForm label, #sm_slideshow .custom-content p.custom-circle , #sm_slideshow .custom-content span.content-sl4, .product-name a, label.required em, .fsize18 { font-size: 128.6%} .bottom-footer .block-tags .block-title strong, .bottomsl1-wrap .block-title, .top-footer .title, .fsize20 { font-size:142.9%; } .ytc_background_theme1 .ytc-content-slickslider .price-box .special-price, .ytc_background_theme1 .ytc-content-slickslider .price-box .regular-price, .col-left .block-yt-layered-nav .block-title strong, .fsize22 { font-size: 157.1%; } .col-left .block-title strong, .price-box span.price, .bottom-footer .sm-glasses .block-title span, .block-bestsale-left .products-grid .item .product-name a, .fsize24 { font-size: 171.4%; } .fsize25 { font-size: 1.786em; } .moretext, .fsize26 { font-size: 1.857em; } .fsize28 { font-size: 2.000em; } .bottom-footer .block-title, .contact-form .page-title h1, .box-reviews .review-title, .bottomsl-wrap .banner-cat .banner h1, #sm_slideshow .custom-button .btn-shopnow, #sm_slideshow .custom-content span.content-sl2, #sm_slideshow a.title-sl3, #sm_slideshow a.title-sl4, .fsize30 { font-size: 2.143em; } .fsize35 { font-size: 2.143em; } .sm-responsive-listing .block-title h3, .block-feature-products .block-title h3, .block-bestsale .block-title h3, .yt-slider .block-title h3, .block-post-lastest .block-title h3, .page-title h1, .block-freeshipping .block-title, .fsize48 { font-size: 3.429em; } #sm_slideshow .custom-title a.title-sl2, #sm_slideshow .custom-title a.title-sl1, #sm_slideshow .custom-title a.title-sl4, .fsize70 { font-size: 500%; } /* -------------------- font-family ------------------------- */ #yt_tab_products .yt-tab-navi li a:hover, #yt_tab_products .yt-tab-navi li.active, li.selected a.subhead, .block-layered-nav dt, #review-form h4, .social h4, .block-newsletter label, .promotions p, #yt_sidenav li a.subhead, h1#logo a span, ul.yt-tab-navi li a, ul.yt-tab-navi li.active a, .yt-product-detail .product-name, .product-name a, .popup-box a.link-wishlist, .header-nav-container-home ul#nav li.level0 > a, .header-nav-container-home ul#nav li.level1 > a, .sm_megamenu_wrapper_vertical_menu ul.sm_megamenu_menu li div div.sm_megamenu_title a, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_head_item .sm_megamenu_title > span, .sm_megamenu_lv1 .sm_megamenu_nodesc .sm_megamenu_title, .sm_megamenu_content h2.product-name a, .login-quick .more-actions a, .block-title h3, .ytc_background_theme1 .ytc-content-slickslider .content-box .block-title a , .block-wrapper.custom-type .block-custom .block-title, .page-title h1, .col-left .block-title strong, .breadcrumbs li, .col-left h1, .bottom-footer .block-title, .top-footer .title, .link-wishlist, .link-compare, .bottomsl1-wrap .block-title, .add-review button.button, .actions input.submit-repl, .block-address .block-title, .btn-cart, .btn-contact, .button.register-button, #product-options-wrapper.product-options span.label-option, .moretext, #sm_slideshow .dynamicslideshow-container .custom-title a, input, button, .f-base{ font-family: "Questrial",serif; } .f-sub { font-family: "utm"; } .bottom-footer .block-tags .block-title a, .price-box-prod .price-box .price, .block-post-lastest .post-image-after h1, .page-about-us .page-head h2, .f-normal { font-family: arial, serif; } /* ------------- box-shadow ------------- */ .login-quick, .box-shadow{ box-shadow: 1px 0 15px -5px #000000; } /* ------------- border-radius -------------*/ .button span, .form-button span , .border-radius { border-radius: 0; -moz-border-radius: 0; khtml-border-radius: 0; -webkit-border-radius: 0; } /* ------------ opacity --------------------- */ .products-grid .item-inner .product-box .ratings, .products-grid .item-inner .product-box .product-add-box, .category-products.products-grid .item-inner .cat-name, .category-products.products-grid .product-image:after, .category-products .products-list .product-imgs:after, .category-products .products-list .product-image .popup-btn a, .login-quick .block-content .chk-remember input, #product-options-wrapper .selector select, #toolbar-limit select, #toolbar-sort-by select, #yt_mainnav_mobi select, .products-list .product-image img.image-hover, .product-image:hover .sale-item img, .product-image:hover .new-item img, /* .product-image .popup-box, */ .mini-cartpro .block-title a.btn-toggle , #product-review-table .radio input, #yt_tabitem_reviewform .data-table input.radio , .topsl-wrap .banner a:hover:before, .banner-home:hover .banner:hover h1, .category-products .products-list .popup-btn a, .products-grid.category-products .popup-btn a, .opacity-none {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0; } .product-img-box .more-views li a img, .ytc_background_theme1 .ytc-content-slickslider .block-content .bgopacity, .block-user5 .actions button.button>span, .pagination .pages li .next, .pagination .pages li .previous, .yt-slider .products-grid:hover .item-inner, .up-sell-products:hover .item, .banner-home:hover .banner, .opacity { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity:0.5; } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .style-two .sub-item p:after , .opacity-over { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity:0.4; } .block-wrapper.notice-type .btn-custom.btn-actived, .block-wrapper.notice-type .btn-custom .icon, .block-wrapper.likebox-type .btn-custom , a.readmore, .block-wrapper.custom-type .btn-custom, /* .forbgmenu > .inner-border, */ #bg_menu, .block-post-lastest .post-detail, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .product-imgs:before, .opacity-bold { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity:0.85; } .category-products.products-grid .product-image:hover:after, .category-products .products-list .product-image:hover .product-imgs:after, .category-products .products-list .product-image:hover .popup-btn a, .opacity-bold { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity:0.9; } .category-products.products-grid .item-inner:hover .cat-name, a.readmore:hover, .product-img-box .more-views li a.actived img, .block-wrapper.custom-type .block-custom .block-content a.readmore, .block-wrapper.custom-type .btn-custom.btn-actived, .block-wrapper.likebox-type .btn-custom.btn-actived, .block-wrapper.likebox-type .btn-custom:hover , .block-wrapper.custom-type .btn-custom:hover, .block-user5 .actions button.button:hover>span, .product-image:hover .popup-box, .yt-slider .products-grid .item-inner:hover, .pagination .pages li .next:hover, .pagination .pages li .previous:hover, .products-grid .item-inner:hover .product-box .ratings, .block-bestsale-left .products-grid .item-inner .product-box .ratings, .products-grid .item-inner:hover .product-box .product-add-box, .up-sell-products:hover .item:hover, .banner-home:hover .banner:hover, .top-search #search_mini_form:hover input#search , .category-products .products-list .product-image:hover .popup-btn a, .products-grid.category-products .product-image:hover .popup-btn a, .block-post-lastest .post-detail:hover, .opacity:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1; } /* -------------- background-gradient ------------------------ */ .opc .allow .step-title, .group-select .legend, .fieldset .legend , /*.data-table thead th, .data-table thead td,*/ .login-box h4, #login-form h2 , .account-box .inner-head, .my-account .box .box-title, .box .box-title , .navbar-inverse .btn-navbar { background: #191919; /* Old browsers */ } .col2-left-layout .wrapp-column { height:100%; display:block; } .col-main { height:100%; } .col-left-inner , .col-left{ /* background: #e9e9e9; */ } .col-left > [class*="span"] { min-height:100%; height:100%; } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_drop > div, .header-nav-container-home ul#nav > li > ul, .forbgmenu > .inner-border { background: rgb(241,241,241); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 96%, rgba(188,188,188,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(96%,rgba(241,241,241,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(241,241,241,1) 96%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(241,241,241,1) 96%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(241,241,241,1) 96%,rgba(188,188,188,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(241,241,241,1) 96%,rgba(188,188,188,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-8 */ } .header-nav-container-home ul#nav > li > ul ul { background: rgb(251,251,251); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWNhY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(251,251,251,1) 96%, rgba(202,202,202,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(96%,rgba(251,251,251,1)), color-stop(100%,rgba(202,202,202,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(251,251,251,1) 96%,rgba(202,202,202,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(251,251,251,1) 96%,rgba(202,202,202,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(251,251,251,1) 96%,rgba(202,202,202,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(251,251,251,1) 0%,rgba(251,251,251,1) 96%,rgba(202,202,202,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#cacaca',GradientType=0 ); /* IE6-8 */ } .box-reviews a.btn-addreview, .sm-responsive-listing .respl-wrap .respl-loader.respl-btn { color: #ffffff; border:none; border-radius:5px; background: rgb(132,132,132); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjODQ4NDg0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjY2NjY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(132,132,132,1) 0%, rgba(132,132,132,1) 2%, rgba(102,102,102,1) 2%, rgba(102,102,102,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,132,132,1)), color-stop(2%,rgba(132,132,132,1)), color-stop(2%,rgba(102,102,102,1)), color-stop(100%,rgba(102,102,102,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(132,132,132,1) 0%,rgba(132,132,132,1) 2%,rgba(102,102,102,1) 2%,rgba(102,102,102,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(132,132,132,1) 0%,rgba(132,132,132,1) 2%,rgba(102,102,102,1) 2%,rgba(102,102,102,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(132,132,132,1) 0%,rgba(132,132,132,1) 2%,rgba(102,102,102,1) 2%,rgba(102,102,102,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(132,132,132,1) 0%,rgba(132,132,132,1) 2%,rgba(102,102,102,1) 2%,rgba(102,102,102,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#666666',GradientType=0 ); /* IE6-8 */ border-style: solid; border-width: 1px 0 0 0; border-color: rgba(0, 0, 0, 0); box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); } .sm-responsive-listing .respl-wrap .respl-loader.respl-btn:before, .box-reviews a.btn-addreview:before{ /* background-color:#dadada; */ background-image: -moz-radial-gradient(50% 50%, ellipse farthest-corner, #dadada, #ffffff 70%); background-image: -webkit-radial-gradient(50% 50%, ellipse farthest-corner, #dadada, #ffffff 70%); /* background-image: -o-radial-gradient(50% 50%, ellipse farthest-corner, #dadada, #ffffff 70%); */ background-image: -o-linear-gradient(50% 50%,rgb(255,0,0),rgb(100,0,0) 50%,rgb(50,0,0) 75%,rgb(150,0,0)); background-image: -ms-radial-gradient(50% 50%, ellipse farthest-corner, #dadada, #ffffff 70%); background-image: radial-gradient(50% 50%, ellipse farthest-corner, #dadada, #ffffff 70%); } /* -------------- background ------------------------ */ .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .style-two .sub-item p:after , .bg-black { background-color : #000; } #sm_slideshow .custom-content span.content-sl2, #sm_slideshow .custom-title a.title-sl2, #sm_slideshow a.title-sl3, .bg-black-blur { background-color : rgba(0,0,0, 0.5); } #sm_slideshow .custom-button .btn-shopnow, .bg-black-blur2 { background-color : rgba(0,0,0, 0.8); } .mini-cartpro .block-content , #yt_pathway, .header-top, .col-left .block-title, .slide-wrap .dynamicslideshow-container .tparrows, .header-nav-container-home ul#nav ul li li:hover, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_drop > div, .bg-gray { background-color: #F1F1F1; } .contact-form .page-title h1, .products-grid .item-inner, .block-address, .catalog-category-view .category-title h1, .block-feature-products .block-title h3, .sm-responsive-listing .block-title h3, .block-bestsale .block-title h3, .yt-slider .block-title h3, .block-bestsale-left #homeCarousel .carousel-container, a.readmore:hover .bgmask, .header-logo a, .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li > a:before, .header-nav .header-nav-container-home ul#nav > li > a:before, .header-nav-container-home ul#nav ul li:hover, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .block-services ul li:hover, .custom-circle, .bg-white { background-color: #FFF; } .circle-sl3, .bg-white-blur { background-color:rgba(255,255,255,0.5);} #sm_slideshow .custom-content span.content-sl4, #sm_slideshow .custom-button .btn-shopnow.btn-sl4, #sm_slideshow .custom-title a.title-sl4 , .bg-white-blur-bold { background-color:rgba(255,255,255,0.7);} #sm_slideshow .custom-title a.title-sl1, #sm_slideshow .custom-button .btn-shopnow.btn-sl1, .bg-white-blur { background-color:rgba(255,255,255,0.2);} .block-bestsale-left #homeCarousel .carousel-indicators li, .block-compared ol#recently-compared-items li:hover , .block-compare ol#compare-items li:hover, .bg-graybtn { background-color: #CCC; } .btn-contact, .button.btn-cart, .btn-cart, .block-reorder .actions > a, .block-wishlist .actions a, .block-compare .actions .action-clear, .col-left button.button:hover, button.button, .block-newsletter:hover, .bg-gray-btn { background-color: #666; } .bg-graylogo { background-color: #a2a2a2; } .bg-graymenu { background-color: #252525; } /* .bg-custom { background-color: #1a1a1a; } */ .bottomsl1-wrap, .bg-graybottom { background-color: #f0f0f0; } /*.top-footer, .top-footer:before, .top-footer:after ,*/ .bg-blackgray { background-color:#212121; } /* #yt_sidenav > li > ul, */ /* .block-layered-nav dl > dd , */ .bg-graynav { background-color: #f7f7f7; } button.button:hover, .data-table .button:hover, .multiple-checkout .button:hover, .btn-proceed-checkout.btn-checkout.button:hover, .buttons-set .button:hover, .box-tags .button:hover, .block-user5 .actions .button:hover, span.quantity-controls input.quantity-controls:hover, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm-block.sm-list .products-grid .btn-cart:hover, .block-reorder .actions > a:hover, .block-wishlist .actions a:hover, .block-compare .actions .action-clear:hover, .yt-rightcol-slideshow .products-grid .item-inner .item-box .product-box .btn-cart:hover { background-color:#323232; } /* ------ ------ -- ---------- ---- ----- */ .label, .badge { background-color: transparent; font-size: 100%; line-height: 100%; text-shadow: none; vertical-align: baseline; white-space: nowrap; padding:0; border-radius:0; } .topsl-wrap [class*="span"], .topsl2-wrap [class*="span"], .products-grid [class*="span"] { float:none; display:inline-block; vertical-align:top; margin-right:-4px; } .product-collateral .box-collateral .products-grid [class*="span"] { margin-right:-20px; } .yt-content-bottom .products-grid [class*="span"] { float:left; display:block; vertical-align:inherit; margin-right:0; } .header-nav .container, .container-wrap { /*padding:0 15px;*/ } .header-bottom .span12 { float :none; } .hide-desk { display:none; } /* BEGIN: super wide */ @media (min-width: 1400px) { .layout-boxed #sm_wrapper{ width: 1200px; } .header-nav-container-home ul#nav > li > a, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li:hover a.sm_megamenu_head { /* padding:8px 10px; */ } .mega-menu{ /* height: 573px; */ } .mega-menu .social { /* margin-top: 40px;padding-top: 30px; */ } .header-nav-container-home ul#nav, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu { /* margin:160px auto 0px 0px; */ } .block-wrapper.custom-type { top: 300px; } .block-wrapper.likebox-type { top: 225px; } .row-fluid .span12 { margin-left:0; } } @media (max-width: 1399px) { .row-fluid .span12 { margin-left:0; } } /* BEGIN: wide */ @media (min-width: 1200px) { .layout-boxed #sm_wrapper{ width: 1200px; } .header-bottom .container, .header-bottom .container .span12, .topsl-wrap .container, .topsl-wrap .container .span12, .cms-home .slide-wrap .container, .cms-home .slide-wrap .container .span12 {/* width:1200px;*/ } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span1, .span1d0 { width: 70px; } .span1d2 { width: 100px; } .span1d7 { width: 150px; } .span2 { width: 170px; } /* BEGIN: override span2 for only slider in home page */ .yt-slider .span2d2 { width: 190px; } .span2d4 { /* 2.4 x 5 = 12*/ width: 210px; } .span3 { width: 270px; } .page-about-us .col3-set.row { margin-left:-90px; } .page-about-us .col3-set.row [class*="span"] { margin-left:90px; } .span3d6 { width: 330px; } /* BEGIN: override span3 for only new product in home page */ /* .yt-content-bottom .span3 { width:290px; } */ .span4 { width: 370px; } .span5 { width: 470px; } .span5d2{ width: 490px; } .page-about-us .col2-set.row { margin-left:-190px; } .page-about-us .col2-set.row [class*="span"] { margin-left:190px; } .span6 { width: 570px; } .span7 { width: 670px; } .span7d2 { width: 700px; } .span8 { width: 770px; } .span9 { width: 870px; } .span9d6 { width: 940px; } .span10 { width: 970px; } .span11{ width: 1070px; } .span12, .span12d0{ width:1170px; } /* [class*="span"] { margin-left: 30px; } */ /* .row { margin-left: -30px; } */ /* BEGIN: override span for only new product in home page */ .yt-content-bottom [class*="span"] { /* margin-left:7px; */ } .yt-content-bottom .row { /* margin-left:-8px; */ } .offset12 { /* margin-left: 1220px; */ /* offset12 = span12 + 2 * [class*="span"] margin-left */ } #contactForm textarea { width: 319px; } #contactForm input{ width: 312px; } } @media (max-width: 1200px) { #yt_tabitem_reviewform .data-table { table-layout:fixed; width:100%; } #yt_tabitem_reviewform .data-table thead th, #yt_tabitem_reviewform .data-table tbody th, #yt_tabitem_reviewform .data-table tbody td { width:100%; overflow:hidden; text-align:center; } /* #product-review-table tbody th {padding:0 !important; } */ #yt_tabitem_reviewform .data-table div.radio { float:none; margin:0 auto; } #product-review-table thead th span { width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .banner-g2 { display:none; } /* .main .container-wrap { padding-top: 50px !important; } */ .header-bottom .header-nav { margin-left:0px; } .header-bottom { margin-top: 120px; } .header-bottom .header-logo { left: 50%; margin-left: -140px; top: -10px; } .header-logo a { box-shadow: 0 0 0 0 transparent; } /*.yt-quick-access { margin-left:150px; }*/ .sm-responsive-listing .category-products.products-grid .item, .block-feature-products .category-products.products-grid .item { height:345px; } .sm-responsive-listing .category-products.products-grid .item-inner:hover, .block-feature-products .category-products.products-grid .item-inner:hover { height:420px; } .category-products.products-grid .item { height:325px ; } .category-products.products-grid .item-inner:hover { height:385px; } .ytc_background_theme1 .ytc-content-slickslider .content-box { left:51%; } #sm_wrapper { overflow:hidden; } #homeCarousel .carousel-inner .item .row-fluid > div:first-child + div+ div+ div{ display:none; } #homeCarousel .product-imgs img { width:100%; } .block-social ul { margin-top:0; } .block-social ul li { margin-right: 3px; } /*input#newsletter { width:130px; }*/ .bottomsl1-wrap .block { height:155px; } .block-payment .payment-logo li { margin-left:25px; } .product-essential .box-price-review .price-box-prod { margin-right: 5px; } .product-essential .ratings .rating-links { margin: 0 0 0 10px; } #yt_tab_products { margin: 20px 0 10px; } .pager .limiter select { width:52px; } #bg_footer_bottom { height:310px; } .block-address .address-item { padding:37px 60px; } .bottomsl-wrap .banner-cat .banner h1 { font-size: 114.3%; } } /* BEGIN: Normal(>980) && Tablet landscape (1024x768) */ @media (min-width: 980px) and (max-width: 1199px){ .layout-boxed #sm_wrapper{ width: 980px; } .header-bottom .container, .header-bottom .container .span12, .topsl-wrap .container, .topsl-wrap .container .span12, .cms-home .slide-wrap .container, .cms-home .slide-wrap .container .span12 { /*width:980px; */ } /* input#search { width:75px; } */ .bestsale-info { width:95px; } .block-feature-products .row > div:first-child { display:none; } .catalog-category-view .products-grid .row > div:first-child, .catalog-category-view .products-grid .row > div:first-child +div, .catalog-category-view .products-grid .row > div:first-child +div +div { display:none;} /* .right-part { width:340px !important; } */ /* contact page */ #contactForm { display:inline-block; clear:both; float:none; margin:20px 0 0; } /* end contact page */ /* .wrapp-column { display:inline; } */ .product-shop-container { overflow: hidden; } #product-options-wrapper.product-options dd { margin-bottom:10px; } /*.product-img-box { width: 260px; }*/ input#productTagName { width:200px; } .col-upsell-product { margin-top:20px; } .up-sell-products .row-fluid [class*="span"] > .item { margin-top:0; } .product-essential .short-description .std { max-height: 8em; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;} .block-user1 { padding-right:0; } .block-user7 { padding-right:0; } .block-user4 .block-title { white-space:nowrap; text-overflow: ellipsis; } .yt-slider .products-grid { margin:0; } } /* BEGIN: Tablet portrait (768x1024) && Small tablet landscape (800x600) */ @media (max-width: 979px){ .products-list .product-shop .desc { overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;} .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_1column, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_2columns, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_3columns, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_4columns, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_5columns, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_6columns, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_fullwidth { display:none;} .login-quick { right:0; z-index:9999; } .header-logo { position:static; text-align:center; } #sm_header { overflow:hidden; } .header-mobi ul.links > li.last, .header-nav, .header-nav-mobi, .header-mobi{ display:block !important; } .header-bottom { display:none; } /* #yt_mainnav { margin-right: 0; top: 70px; width: 100%; position:absolute; } */ /* #yt_mainnav select { width: 100%; } */ #bg_footer_bottom, #yt_footer { display:none; } .sm-afterfooter { background:#000;} .quick-access .shop-access { float:right;} .yt-quick-access .shop-access { display:none; } .navbar-inner { border:none;} .navbar-fixed-top { margin: 0; position: static; } .login-quick { right:0; } .plus-button { display:none; } .top-link-cart span { background-position: center 0 !important; height:24px; } .header-top .top-search { float:left; } h1#logo a { width:210px; height:120px; } h1#logo a span { padding:0 20px; margin-top:55px; } .plus-button { left:92px; top:85px; } .mega-menu{ width:210px; height:300px; } .header-nav-container-home ul#nav, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu { margin:115px 0 0 0 !important; } .header-nav-container-home ul#nav > li > a, .sm_megamenu_lv1 .sm_megamenu_nodesc .sm_megamenu_title { line-height:18px !important; } .header-nav-container-home ul#nav li:hover ul.level0 { left:217px; } .header-nav-container-home ul#nav > li > a{ height:18px !important; } .header-nav-container-home ul#nav li ul a:after, .header-nav-container-home ul#nav > li.parent:hover > a:after, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu > li:hover a.sm_megamenu_head.sm_megamenu_drop:after { bottom:7px; } .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu > li:hover a.sm_megamenu_head.sm_megamenu_drop:after { display:none; } .mega-menu .social { display:none; } .product-essential .product-img-box { float:none; } .product-shop-container { margin-top:20px; } .wrapp-column { } .col2-left-layout .col-left, .col2-left-layout .col-main { display:block; } .col2-left-layout .col-left { background-color:transparent; } .col-left .block-bestsale-left { width:270px; margin:0 auto; } .col-upsell-product { margin-top:20px; } .ytc_background_theme1 .ytc-content-slickslider .content-box { top:24%; } .ytc_background_theme1 .ytc-content-slickslider .content-box .block-title a { font-size:34px; line-height:45px; } .ytc_background_theme1 .ytc-content-slickslider .content-box .block-description .sub-content { font-size:14px; line-height:22px; max-width:350px; } .header-top { text-align:center; } .header-bottom .header-nav { display:none; } .header-mobi .top-search { float:none; margin:0; padding:10px 0 15px; text-align:center; } .header-mobi .top-search .form-search{ display:inline-block; } .bottomsl1-wrap .block { margin-bottom:30px; height:auto; } .products-list .product-shop { margin-left:0; } .col2-left-layout .col-main{ padding-top: 40px !important;} .category-image { left:-840px; } .block-address .address-item { padding: 37px 5px; } #contactForm .fields .buttons-set { margin-left:30px;} #sm_slideshow .custom-button .btn-shopnow.btn-sl3 { margin-top:20px; } } @media (min-width: 768px) and (max-width: 979px) { .layout-boxed #sm_wrapper{ width: 770px; } .header-bottom .container, .header-bottom .container .span12, .topsl-wrap .container, .topsl-wrap .container .span12, .cms-home .slide-wrap .container, .cms-home .slide-wrap .container .span12 { width:754px; } /*.block-feature-products .row > div:first-child +div , */ .block-feature-products .row > div:first-child { display:none; } .header-top .container, h1#logo{padding:0!important;} .header-top #nav, .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu { margin:115px 0 0 0 !important; } .mega-menu .social { display:none; } .plus-button{left: 115px;} .wrapper .col2-left-layout .main{background:none!important;} .col2-left-layout #sm_footer{padding:0!important;} /* .col2-left-layout .col-left{display:none} */ .col2-left-layout .col-left > [class*="span"] > div{ margin-top:0; display:block; } .col2-left-layout .col-left > [class*="span"] > div ~ div{ display:none; } .wrapper .col2-left-layout{margin:0 auto;} .quick-access .shop-access { float:right;} .item-li3 a{padding-left: 20px!important;} .li-add{padding-left: 5px;} .paging-btn{right: 100px!important;} #best-sales li.item{margin-right:8px!important;min-height: 218px!important;} #best-sales .item-description{ margin-bottom: 25px; } .cms-home .products-grid li.item{width:138px!important;} .cms-home .products-grid li.item .product-image img{width:135px!important;} .yt-slider .products-grid .item-inner .item-box div.product-image { padding:0 !important; } .banner-g1 a{ padding: 0 0 0 0!important; width:100%; } .banner-g1 a:first-child{ padding: 0 0 25px 0!important;} .cms-home .products-grid li.item{margin-right:6px!important;} div.product-name a{font-size:15px!important;} .manu-items img{width: 90px;} .bottom-footer .sm-glasses,.bottom-footer .contact-us,.bottom-footer .choose-us,.bottom-footer .popular-tags{margin-right:5px!important;} /* .block-content ul li img{width: 50px;} */ .sm-glasses li{margin-right:10px!important;} input#newsletter{width: 140px!important;} .block-newsletter label{font-size:14px!important;} #sm_header{ overflow: visible!important;} .col1-layout #sm_footer{width: 724px!important; padding: 0 !important;} /* code standard responsive */ .bottom-footer { display:none; } .category-products .popup-box { width:auto; } /* process form */ .input-box input, .input-box textarea { width:170px ; } input#productTagName { width:360px !important; } select { width:190px; } #contactForm { /* width:200px */; } .yt-slider .products-grid { margin:0; } /* #sm_slideshow { font-size:80%; } */ #sm_slideshow .custom-content span.content-sl4 { width: 360px; margin-top:10px; margin-left:5px; } #sm_slideshow .custom-title a.title-sl4 { margin-left:5px; } #sm_slideshow .video-sl4 { max-width:380px; } .header-top .language-switcher .jqTransformSelectWrapper div span{ padding-left:5px; } .header-top .currency-switcher{ padding-left:4px; } } @media (max-width: 767px) { .header-top .language-switcher .jqTransformSelectWrapper div span{ padding-left:5px; } .header-top .currency-switcher{ padding-left:4px; } .block-bestsale .row .span6 , .topsl2-wrap .row .span6 , .topsl3-wrap .category-products .row .span6 , .category-products .products-grid .row .span6 , .yt-content-bottom .products-grid .row .span6 { width:47%; /* float:left; */ margin-left:5%; display:inline-block; } .block-bestsale .row .span6:nth-child(2n+1) , .topsl2-wrap .row .span6:nth-child(2n+1) , .topsl3-wrap .category-products .row .span6:nth-child(2n+1) , .category-products .products-grid .row .span6:nth-child(2n+1) , .yt-content-bottom .products-grid .row .span6:nth-child(2n+1){ margin-left:0; } .topsl3-wrap .category-products .row > div:first-child { display:none; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: auto; } .products-grid [class*="span"] { display:block; float:none; margin-right:0; } .product-imgs .product-image img { max-width:100%; width:100%; } h1#logo{padding:0!important} .wrapper .col2-left-layout .main{background:none!important;} .col2-left-layout #sm_footer{padding:0!important} .col2-left-layout .col-left{} .col2-left-layout .col-left > [class*="span"] > div{ margin-top:0; display:block; } .col2-left-layout .col-left > [class*="span"] > div ~ div{ display:none; } /* contact page */ .block-map { width:100%; } .block-map #map { width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #contactForm { display:inline-block; clear:both; float:none; margin:20px 0 0; } /* end contact page */ .products-list .product-shop { padding: 8px 10px 5px ; } .wrapper .col2-left-layout{margin:0 auto;} .item-li3 a{padding-left: 20px!important;} .li-add{padding-left: 5px;} .ytc-content{/* width: 860px!important; */height:auto!important;} .des-block{padding: 5px 0 10px!important;} .paging-btn{right: 100px!important;} #best-sales li.item{margin-right:8px!important;min-height: 218px!important;} .block-bestsale .item-box div.product-box{margin-top:5px!important} .block-bestsale { margin-bottom:15px; } .promotions .content-block {/* margin-top: 11px!important; */ text-align:center; } .banner-g1 a{ padding: 0 10px 10px 0!important;} .banner-g1, .banner-g2 { display:inline-block; } .copy-right{/* width: 700px!important; */ margin: 7px auto 0!important;} .cms-home .products-grid li.item{margin-right:6px!important;} div.product-name a{font-size:15px!important} .manu-items img{width: 85px;} .bottom-footer .sm-glasses,.bottom-footer .contact-us,.bottom-footer .choose-us,.bottom-footer .popular-tags{margin-right:5px!important} .sm-glasses li{margin-right:10px!important} .block-newsletter label{font-size:14px!important;} #sm_header{ overflow: visible!important;} #shopping-cart-table thead{background:#191919!important} .block-user5 li{margin-right: 6px!important;} .bottom-footer, #yt_footer{clear: both; } .block-newsletter button{margin-top:-3px!important;} #newsletter-validate-detail .button img{border-radius: 0px 4px 4px 0px;} /* input#search { width:125px; } */ input#productTagName { width:215px; } .right-part { width:100% !important; margin:10px 0 0 0; } #product-review-table thead th span { padding:8px 0;} .product-collateral .add-tag-box .form-button-alt, .product-collateral .form-add .button { margin:10px 0 0 0; } /* render table */ .data-table tr th, .data-table tr td { padding: 3px 0; width: 100%; } .data-table tr td{ padding:10px 0; } .data-table thead tr.first th , .data-table thead tr.last th { border-bottom: none !important; } table [class*="span"], .row-fluid table [class*="span"] { display:inline-block; } .data-table thead th, .data-table thead td, .data-table tr.even th, .data-table tr.odd td, .data-table tr.odd th, .data-table tr.even td, .data-table tfoot td, .data-table tr.first th, .data-table tr.first td { float: none !important; width:auto !important; text-align:center; display:block; } .data-table colgroup { display:none; } .cart-collaterals .totals td { display:block; } .cms-page-view .data-table thead th, .cms-page-view .data-table thead td{ float:none !important; display:block; width:auto; } .cms-page-view .data-table td, .cms-page-view .data-table th { display:block; } .data-table tr.odd { background-color:#dae8b7; } .cart .cart-table.data-table .product-image{ /* width:95%; */ overflow:hidden; display:inline-block; } .cart .cart-table.data-table .product-image img {/* width:100%; */ } .data-table tr { display: block; float: none !important; text-align: center !important; } .data-table tr.even { background-color:#CCDDD7; } .data-table tfoot { border-top:none; } #my-orders-table tfoot td.last, #checkout-review-table td.last { border-left:none; } #checkout-review-table.data-table tfoot { border-top:1px dashed #ccc; } .data-table tfoot .button{ margin:10px 30px 10px; display:inline !important; float:none; } /* .data-table tfoot .btn-continue { float:none; } */ .data-table tfoot td { border:none; } .data-table tfoot td.last { border-bottom:none !important; } .data-table thead th.last { border-bottom:none !important; } .data-table tbody { border-bottom:none; } .my-account .data-table tbody td .btn-remove2 , .data-table tbody td .btn-remove2 { display:inline-block; float:none; } .data-table tbody tr.odd , .data-table tbody tr.even { background:none; } .data-table tbody tr.last td.last { border-bottom:none !important; } /* end render table */ .header-top { text-align:center; } .header-bottom .header-nav, .ytc_background_theme1 .ytc-content-slickslider .content-box { display:none; } .header-mobi .top-search { float:none; margin:0; padding:10px 0 15px; text-align:center; } .header-mobi .top-search .form-search{ display:inline-block; } .bottomsl1-wrap .block { margin-bottom:30px; height:auto; } .products-list .product-shop { margin-left:0; } .bottomsl-wrap .row div:first-child .banner { margin-bottom:30px; } #addTagForm .form-add label { display:block; float:none; } .block-address { margin-top:20px; height: 285px; } #contactForm, #contactForm .fieldset { width:100%; } #contactForm .fieldset .wide { margin-top:20px; } #contactForm .fieldset .hide-desk { display:block; } #contactForm .fieldset .hide-phone { display:none; } #sm_slideshow .dynamicslideshow-container { height:auto !important; } .topsl-wrap { text-align:center; } .topsl-wrap .banner ~ .banner{ margin-top:30px; } .block-bestsale .carousel-control { margin-top : -35px; } #sm_slideshow .custom-title , #sm_slideshow .custom-circle, #sm_slideshow .video-sl4, #sm_slideshow .custom-content { display:none; } #sm_footerwrap { overflow:visible; margin-bottom:25px; } .block-payment { text-align:center; } .main .container { margin: 0 20px; } .toolbar .row > div ~ div { margin-top:10px; } .category-image { left:-840px; } #review-form .form-list label { position:static; } #review-form .form-list .input-box { padding-left:0; } .toolbar-inner .pagination { float:left; } } @media (max-width: 767px) AND (min-width: 680px) { } /* BEGIN: Mobile portrait (320x480) */ @media (max-width: 480px) { .header-top .currency-language{ display:none;} .form-list li .input-box select.address-select, select { width:220px; } .main-container .container, #main-home .container { margin:0 20px; } h1#logo a, .cms-index-index h1#logo a, .cms-home h1#logo a, .cms-page-view h1#logo a { height: 135px; width: 190px; } .slider-manufactures{display:none} h1#logo{padding:0!important} h1#logo a span { padding:0 35px; margin-top:60px; } .cms-index-index.cms-home .mega-menu, .mega-menu{left: 3px!important;width:230px; display:none !important;} .wrapper .col2-left-layout .main{background:none!important;} .col2-left-layout #sm_footer{padding:0!important} .col2-left-layout .col-left .col-left-inner > div.block-account {display:block;} .promotions .banner-g2 { overflow:hidden; width:100%; } .wrapper .col2-left-layout{margin:0 auto;} .item-li3 a{padding-left: 20px!important;} .shop-access li{padding:0px !important} .li-add{padding-left: 5px;} .ytc-content{ height:auto!important;} .quick-access .shop-access{display:none!important;} /* .top-search .form-search input#search { width:0; position:relative; z-index:999; opacity:0; } .top-search .form-search:hover input#search { width:155px; opacity:1; } */ .top-search .button > span { border-radius:3px; } .des-block{padding: 5px 0 10px!important;} .paging-btn{right: 10px!important;} #best-sales{ padding-right: 10px!important;} #best-sales li.item{margin-right:8px!important;min-height: 218px!important;} .page-title .category-description { display:block; } .products-grid .item-inner .item-box div.product-image{ text-align: center; } .products-list .image-list { float:none;} .products-list .product-image:after { border:none; } .block-bestsale .item-box div.product-box{ margin-top:5px!important} .copy-right{ margin: 7px auto 0!important;} .cms-home .products-grid li.item{ margin-right:6px!important; margin-bottom: 10px!important;} div.product-name a{ font-size:15px!important} .bottom-footer .sm-glasses,.bottom-footer .contact-us,.bottom-footer .choose-us,.bottom-footer .popular-tags{ margin-right:5px!important} .sm-glasses li{margin-right:10px!important} .block-newsletter label{font-size:14px!important;} #sm_header{ overflow: visible!important;} .col1-layout{margin: 0 auto;} .col1-layout #sm_footer{ padding: 0 !important;} #shopping-cart-table thead{background:#191919!important} .block-user5 li{margin-right: 6px!important;} .bottom-footer{clear:both;} #yt_footer{clear: both; width: 330px;} .wrapper .page{margin: 0 auto;overflow: hidden;} .block-newsletter button{margin-top:-3px!important;} #newsletter-validate-detail .button img{ border-radius: 0px 4px 4px 0px; } h1#logo{ left: 3px!important; } .copy-right { padding-left:20px; padding-top: 85px; } .copy-right:before { left:50%; margin-left:-70px; top:20px; } #yt_tab_products ul.yt-tab-navi li , #yt_tab_products ul.yt-tab-navi li a{ width:100%; margin:0; padding:0; text-align:center; } #yt_tab_products ul.yt-tab-navi li { background:none; } #yt_tab_products ul.yt-tab-navi li a{ box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .input-box input.input-text, .input-box textarea { width:200px !important; } input#newsletter { width:200px !important; } input#productTagName { width:145px !important; } /* .wrap-qty { clear:both; margin:10px 0 0 0 ;} */ /* contact page */ #contactForm { width:100%; } .form-list li.fields .field { float:none; width:100%; } .contacts-index-index #contactForm input { width: 87% !important ; } .contacts-index-index #contactForm textarea { width: 97% !important ; } .contactform-content{ margin-bottom:20px; } /* end contact page */ #yt_tabitem_reviewform #review-form { margin-left:0; } .block-address { height: 330px; } .product-img-box { width: 260px; } .block-address .address-item:first-child:before, .block-address .address-item ~ .address-item:before { border:none; } .block-address .address-item { width:auto; } .block-address { padding:0 20px; height:auto; } #contactForm label{ position:static; } #contactForm .input-box { margin-left:0; } .copy-right { height:auto; } .banner-home { height:83px; overflow:hidden; } .banner-home.banner-cat { height:auto; overflow:visible; } .banner-home .banner { overflow:auto; width:100%; } .banner-home.banner-cat .banner { overflow:hidden; width:auto; } .banner-home.banner-cat .banner ~ .banner{ margin-top:20px; } .banner-home .banner a { width:1170px; height:83px;} .banner-home.banner-cat .banner a { width:auto; height:auto;} .col-left .block-bestsale-left { width:auto; } .block-bestsale-left #homeCarousel .carousel-container { top: 315px; } .sm-responsive-listing .respl-wrap .respl-items .respl-item { width:100%; } .sm-responsive-listing .block-title h3, .block-feature-products .block-title h3, .block-post-lastest .block-title h3, .block-bestsale .block-title h3 { padding:0; } .page-title .button, .page-title-alt .button { position: static; margin-top:10px; } .products-grid .item-inner .product-box .product-add-box li:first-child { margin-right:-6px; } #yt_tab_additional .attribute-specs .attribute-title, #yt_tab_additional .attribute-specs .attribute-content{ width:100%; } } @media (max-width: 400px) { #cpanel_wrapper, .block-wrapper.custom-type , .block-wrapper.likebox-type{ display:none; } .top-search #search_mini_form { position:relative; } .top-search input#search { position:absolute; top:0; left:0; visibility:hidden; z-index:10; } .top-search #search_mini_form .form-search:hover input#search { top: 30px; visibility:visible; } .top-search input#search { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0; } #yt_pathway { height:auto; } } @media (max-width: 320px) { h1#logo a, .cms-index-index h1#logo a, .cms-home h1#logo a, .cms-page-view h1#logo a { width:160px; } h1#logo a span { margin-top: 40px; padding: 0 25px; } /* input#search { width: 41px; } */ #yt_mainnav_mobi { top:50px; text-align:center; } input#productTagName { width:100px !important; } .main .container-wrap { padding-top: 75px; margin:0 20px; } .product-img-box { width:280px; } .product-img-box .product-image-zoom img, .product-img-box .product-image-zoom { width:280px; height:280px; } .mini-cartpro .block-content { width:270px; } .mini-cartpro .block-content .bottom-action { height:auto; white-space: normal; } .mini-cartpro .block-content .bottom-action .summary { margin:10px 0; } } /****************************************** *** SmartAddon.Com **** *******************************************/ .header-nav-container { } #nav { float: left; margin: 0; padding: 0 0; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position: relative; text-align: left; margin-right: 0; } #nav li.over { z-index: 999; } #nav a, #nav a:hover, #nav a:active, #nav a:focus { display: block; text-decoration: none; } #nav span { display: block; cursor: pointer; white-space: nowrap; } #nav li ul span { white-space: normal; padding: 0; } /************ 0 LEVEL ***************/ #nav li { display: block; float: left; } #nav li.last { } #nav li.parent span { } #nav li.parent.over span, #nav li.parent.active span { } #nav li.parent li.parent > a { } #nav a { font-size: 16px; display: block; margin: 0; padding: 0 0 0 10px ; /* color: #d00000; */ float: left; } #nav > li > a { /* height:54px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-item.png) no-repeat left 0 transparent; font-family: Arial, serif; text-shadow:2px 2px 0 #F5F5F5; */ padding: 0 10px ; margin:0 5px; color: #333333; height: 34px; line-height: 34px; text-transform:uppercase; } #nav > li:first-child > a { /* margin:0; */ } #nav > li.parent > a { text-transform:uppercase; /* font-weight:bold; padding: 0 0 0 18px ;*/ } #nav > li.parent.active > a { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/logo-arrow-down-black.png); background-repeat: no-repeat; background-position: 0 center;} #nav > li.active > a { color:#333; /* background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-item.png) no-repeat left -50px transparent; text-shadow:2px 2px 0 #999*/ } #nav > li.over > a, #nav > li.active.over > a { /* background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-item.png") no-repeat scroll left -50px transparent; text-shadow: 2px 2px 0 #999999; */ position: relative; z-index: 2; } #nav li.active a, #nav li.over a { /* color:#FFF; */ } #nav > li:first-child{ background:none; } #nav > li { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/bg-line-vertical.png) no-repeat left center transparent; /* height:45px; margin:0 9px 0 0; padding:0 20px 0 0; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-item.png) no-repeat right 0 transparent; */ } #nav > li.parent { /* background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-item.png) no-repeat right -104px transparent; padding:0 25px 0 0; */ } #nav > li.active { /* background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-item.png) no-repeat right -50px transparent; */ } #nav > li.active > a{} #nav > li.active.over > a, #nav > li.over > a{ color:#FFF; /* background:#ea0001; background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/box-hover.png") repeat scroll 0 0 transparent; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-item.png) no-repeat right -50px transparent; */ } #nav > li.active.parent, #nav > li.active.over.parent, #nav > li.over.parent{ /* background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-item.png) no-repeat right -154px transparent; */} #nav li.nav-home { } #nav li.over li:hover > a { /*padding-left:10px;*/ } #nav > li > a span { /* height:54px; margin:0 9px; padding:0 13px; */ } #nav > li.active > a span { /* background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-tem.png) repeat-x left top; */} #nav > li.over > a span, #nav > li.active.over > a span { /* background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/menu-tem.png) repeat-x left -54px; */} /************ 1ST LEVEL ************/ #nav ul li.last { padding-bottom: 0; } #nav ul a, #nav ul a:hover, #nav ul a.over { float: none; background: none; } #nav ul a span, #nav ul a:hover span, #nav ul a.over span { float: none; } #nav li.parent li span, #nav li.parent.over li span { font-weight: normal; background: none; height: auto; padding: 0; white-space:nowrap; display:inline-block; white-space:nowrap; } /************ 2ND LEVEL ************/ #nav ul { position: absolute; min-width:180px; /* width: 205px; */ top: 0px; left: -10000px; margin: 0; z-index:1; } #nav ul li { /* border-top: 1px dashed #927171; */ float: none; background: none; padding: 0; } #nav ul li.last { margin-bottom: 0; } #nav ul li:first-child, #nav li.active ul li:first-child { border-top: 0; } #nav li.parent.over li.parent span { } #nav li.parent.over li.parent.over span { } #nav li.parent.over li.parent li span { background: none; } /* Show menu */ #nav li.over > ul { left: 5px; } #nav > li.over > ul { top: 34px; padding:10px 0; box-shadow: 1px 2px 2px #666666; /* border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; */ } #nav > li.over > ul {/* border-top-style: solid; border-top-width: 3px; */} #nav li.over > ul li.over > ul, #nav > li.over > ul { /* filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity:0.95; */} #nav li.over > ul li.over > ul { /*padding:5px 0; top:5px; left: 170px;*/ } #nav li.over ul ul { left: -10000px; } #nav li ul li{ background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/li-item.png") no-repeat scroll 15px center transparent; } #nav li ul li a{ border-bottom: 1px solid transparent; border-top: 1px solid transparent; background-clip: padding-box; font-size: 12px; padding:7px 0 7px 30px; text-transform: uppercase; display: block; margin: 0; line-height:14px; /* padding: 8px 15px; padding:8px 0; text-transform:capitalize; font-style: normal; font-size: 14px; border-bottom:1px solid #FFF; border-top:1px solid #dde3e5; line-height: 1;*/ letter-spacing: normal; } #nav li.over ul li.first a, #nav li.active ul li.first a {/* border-top:none;*/} #nav li.over ul li.last a, #nav li.active ul li.last a {/* border-bottom:none;*/} #nav > li.active li a, #nav > li.over li a { /* color:#666; */ } #nav > li li.active > a.over, #nav > li.over li a.over, #nav > li li.active > a, #nav > li.over li a:hover { /* background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/css/images/box-hover.png") repeat scroll 0 0 transparent; white-space: nowrap; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box; background: #834e4e; */} #nav ul li a span, #nav li.active li a span { } #nav li.active li.over a, #nav li.active li.active a { } #nav li li.over li a, #nav li li.active li a, #nav li.active li.over li a, #nav li.active li.active li a { } #nav li.active li li.over a, #nav li.active li li.active a { } #nav li li li.over li a, #nav li li li.active li a #nav li.active li li.over li a, #nav li.active li li.active li a { color: #fff; } #nav li li li li.over a, #nav li li li li.active a { color: #c30; } #nav li.active li li li.over a, #nav li.active li li li.active a { color: #0A0A0A; } /************ 3RD+ LEVEL ************/ #nav ul ul {} /* Split Menu */ #menu_split .main { z-index: 1; background: #c30; } #menu_split .main-inner1 { padding: 10px; } #yt_subnav .subnav-item li { float: left; padding: 0 10px; background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/grad-01.png) no-repeat left center; display: inline; outline: none; text-decoration: none; } #yt_subnav .subnav-item li:first-child { background: none; padding-left: 0; } #yt_subnav .subnav-item li a { color: #fff; text-transform: uppercase; text-decoration: none; padding: 5px 10px; } #yt_subnav .subnav-item li.active a, #yt_subnav .subnav-item li a:hover, #yt_subnav .subnav-item li a:focus, #yt_subnav .subnav-item li a:active, #yt_subnav .subnav-item li:hover a, #yt_subnav .subnav-item li.hover a{ text-decoration: underline; } /* ----------------------*/ /* menu css */ /* ----------------------*/ /* #nav > li.parent.active > a span ,*/ /* #nav > li.parent.over > a span, #nav > li.parent.active.over > a span { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/top-arrow.png) no-repeat center bottom transparent; } #nav > li.parent.over > a span, #nav > li.parent.active > a span , #nav > li.over > a span, #nav > li.active.over > a span { padding-bottom:10px; } #nav li.over li a:hover { color: #4dc8e9; }*/ /****** Style Menu ******/ .header-nav-container{} .header-nav-container ul#nav{ list-style: none outside none; margin: 160px auto 0 0; padding: 0; width: 100%; } .header-nav-container ul#nav li{ background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/line-m.png") no-repeat scroll center bottom; clear: both; float: none !important; text-align: center; } .header-nav-container ul#nav li a{ float: none !important; color: #EEEEEE; display: block; outline: 0 none; padding: 5px 0; text-decoration: none; text-shadow: 1px 1px 1px #000000; background:none; font-size: 18px !important; line-height: 30px; text-transform: capitalize; } .header-nav-container ul#nav ul.level0.shown-sub{left: 22em !important;top:0} .header-nav-container ul#nav li a.over{background:none!important;color: #FED101;} .header-nav-container ul#nav li ul { background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/bg-submenu.png") repeat; margin: 0 auto; min-width: 155px !important; position: absolute; text-align: left; top: -9999em; z-index: 999; padding: 0px 0px 5px 18px!important; } .header-nav-container ul#nav li ul a{ background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/i-menu.png") no-repeat scroll left center; color: #FFFFFF; float: left; font-family: arial!important; font-size: 14px!important; padding-left:20px; text-align:left; min-width: 155px !importan display:block; } .header-nav-container ul#nav li ul.level0 li.level1 a:hover{ background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/i-menu-h.png") no-repeat left!important; } .header-nav-container ul#nav li ul li ul{left:13.3em !important;background-color:transparent!important;} .header-nav-container ul#nav li ul li ul.level1 li a{background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/ar.png") no-repeat left;padding-left:20px;} .header-nav-containerul#nav li ul li ul.level1 li.level2 a:hover{background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/ar-h.png") no-repeat left!important} #nav li ul li a{line-height: 23px !important;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/controls.gif) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/border.gif) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/controls.gif) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/controls.gif) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/border.gif) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/controls.gif) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/controls.gif) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/controls.gif) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:0;} #cboxLoadingOverlay{background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:0; left:2px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/controls.gif) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2009 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget {} .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#CE4515; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #252525; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#CE4515; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {margin-bottom: 20px;} .sidebar .widget-static-block { display:block; margin:0 0 15px; } .widget-static-block .block-title { } .widget-static-block .block-title strong { } .widget-static-block .block-content { } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ @font-face { font-family: 'fontello'; src: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/fontello.eot?29643266'); src: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/fontello.eot?29643266#iefix') format('embedded-opentype'), url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/fontello.woff?29643266') format('woff'), url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/fontello.ttf?29643266') format('truetype'), url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/fontello.svg?29643266#fontello') format('svg'); font-weight: normal; font-style: normal; } /* circle(+) */ /* .product-essential .add-to-links li a:before, .products-list .product-shop .add-to-links li a:before, */ /* |> */ .block-tags .actions a:after, .block-poll .actions .button:after, .block-subscribe .actions .button:after, .form-button:after, .block-wishlist .link-cart:after, /* email */ .i-mail:before, /* circle(ok) */ .i-ok-circle:before, /* pencil */ .btn-edit:before, .sm-responsive-listing .respl-wrap .respl-loader .loader-image:before, [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; opacity:1; filter:alpha(opacity=100); -moz-opacity: 100; -khtml-opacity: 100; /* opacity: 0.7;*/ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ /* fix buttons height */ line-height: 1em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ } .icon-plus:before { content: '\2b '; } /* '+' */ .btn-edit:before, .icon-pencil:before { content: '\270e'; } /* '✎' */ .icon-play:before { content: '\25b6'; font-size:10px; float:right; margin-top:7px; } /* '▶' */ .icon-right-dir:before { content: '\25b8'; } /* 'â–¸' */ .icon-left-dir:before { content: '\25c2'; } /* 'â—‚' */ .icon-check:before { content: '\2611'; } /* '☑' */ .icon-pencil-1:before { content: '\e801'; } /* '' */ .i-ok-circle:before, .icon-ok-circle:before { content: '\2714'; font-size:14px; float:left; margin-top:4px; margin-right:7px; } /* '✔' */ .icon-cancel-circled:before { content: '\2716'; } /* '✖' */ .icon-plus-circle:before { content: '\2795'; } /* '➕' */ .i-mail:before, .icon-mail-1:before { content: '\e800'; font-size:14px; float:left; margin-top:3px; margin-right:7px; } /* '' */ .icon-zoom-in:before { content: '\e750'; } /* '' */ .icon-zoom-out:before { content: '\e751'; } /* '' */ .icon-hospital:before { content: '\e821'; } /* 'î ¡' */ .icon-spin1:before { content: '\e830'; } /* 'î °' */ .icon-spin2:before { content: '\e831'; } /* 'î ±' */ .sm-responsive-listing .respl-wrap .respl-loader .loader-image:before, .icon-spin3:before { content: '\e802'; } /* 'î ‚' */ .icon-link:before { content: 'đŸ”—'; } /* '\1f517' */ /* reset icon font */ .products-list .add-to-holder .add-to-cart .button:after, .top-search .button:after, .block-user5 .actions .button:after { content:''; width:0; } /* Animation example, for spinners */ .sm-responsive-listing .respl-wrap .respl-loader .loader-image:before, .animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*! * Font Awesome 3.2.1 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons, examples, and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Author - Dave Gandy * ------------------------------------------------------------------------------ * Email: dave@fontawesome.io * Twitter: http://twitter.com/davegandy * Work: Lead Product Designer @ Kyruus - http://kyruus.com */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/font/fontawesome-webfont.eot?v=3.2.1'); src: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('https://www.strapit.com.au/skin/frontend/default/sm_sport/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('https://www.strapit.com.au/skin/frontend/default/sm_sport/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('https://www.strapit.com.au/skin/frontend/default/sm_sport/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; } /* FONT AWESOME CORE * -------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline; } /* increased font size for icon-large */ [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; text-align: right; padding-right: 0.2857142857142857em; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.4285714285714286em; } .icons-ul { margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; line-height: inherit; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } /* BOOTSTRAP SPECIFIC CLASSES * -------------------------- */ /* Bootstrap 2.0 sprites.less reset */ [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } /* keeps Bootstrap styles with and without icons the same */ .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } /* Fixes alignment in nav lists */ .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { line-height: inherit; } /* EXTRAS * -------------------------- */ /* Stacked and layered icon */ .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } /* Animated rotating icon */ .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } /* Prevent stack and spinners from being taken inline when inside a link */ a .icon-stack, a .icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Icon rotations and mirroring */ .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* ensure rotation occurs inside anchor tags */ a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } .upload-video-form .fieldset{width:45%;margin-right:5%;} @media only screen and (max-width:679px) { .upload-video-form .fieldset{width:100%;margin:0 auto;} } /*================DEVELOPER===========================*/ .dev .fn{float:none;} .dev .fl { float:left; } @media only screen and (min-width: 1200px){ .fixed-col-bronze{width:1170px;} } @media only screen and (max-width: 1199px) and (min-width:980px){ .fixed-col-bronze{width:970px;} } @media only screen and (max-width: 979px) and (min-width:768px){ .fixed-col-bronze{width:744px;} } @media only screen and (max-width: 768px) and (min-width:549px){ .fixed-col-bronze{width:580px;} } @media only screen and (max-width: 767px) and (min-width:550px){ .dev .grid .row{margin-left:-20px;} } @media only screen and (max-width: 551px) and (min-width:480px){ .dev .grid .row{margin-left:-12px;} } .dev .block-info{ padding: 15px 0px 85px 0px; background: #222224; } .dev .block-info .title h3{ color:#fff; font:bold 18px Oswald; } .dev .page-title{ border-bottom: 1px solid #4e4e50; padding-bottom:30px; } .dev .block-info p{ color:#adadad; font:16px Oswald; } .dev .block-info ul li{ color:#adadad; list-style: initial; margin-left: 14px; } .dev .block-content{ margin: 0 -100px;background: #fff; } .dev .block-content .content{ padding: 80px 100px; overflow: hidden; } .dev .block-content .content .fr{ float:right; } .dev .block-content .content img{padding:5px 0px 20px 0px; } .dev .block-content .content p.last{ padding-top:30px; } .dev .block-content .img_responsive{ width: 100%; height: auto; max-width: 565px; } .dev .content h3{ color:#999999; } @media only screen and (max-width: 767px){ .dev h2{font-size:20px!important;} .dev h3{font-size:18px!important;} } @media only screen and (max-width: 767px) and (min-width: 550px){ .dev .span6 {width: 47%!important; max-width: 344px; float: left;min-height: 1px; margin-left: 3%;} } .dev .tag{ border:1px solid #4d4d4d; overflow: hidden; padding: 28px 17px; } .dev .tag h3{ color:#fefefe;font: bold 24px Oswald; margin: -6px 0px 0px 0px } .dev .ul-tag li{ float:left; padding:13px 17px; margin-left: 10px; border-radius: 4px; margin-top: 10px; } .dev .ul-tag li:hover,.dev .ul-tag li.active{ box-sizing: border-box; border-radius: 4px; padding:9px 13px; } .dev .ul-tag li.first{ margin-left: 0px; } .dev .ul-tag a{ color:#fff!important; font: bold 16px Oswald; } .dev .grid{ margin-top: 25px; } .dev .grid ul li{ margin-bottom:35px;min-height: 390px; } .dev .grid ul li img{ margin-bottom:20px; width: 100%; } .dev .grid ul li .name-video{ color:#fff; text-transform: uppercase; font:bold 14px Oswald; } .dev .grid ul li .date{ color:#939393; } .dev .grid .view{ text-align: center; } .dev .grid .view .btn{ border: 1px solid #696969; background:#252525; color:#fff; padding:6px 22px; font-weight: bold; } .dev .block-content .row span.fr a:hover{color:#5d5d5d!important; text-decoration: underline!important;} .dev h2{margin-bottom:0px; } .dev .view .btn span{ font:bold 15px Oswald; } @media only screen and (max-width: 767px) and (min-width: 480px){ .dev .span4 {width: 47%!important; max-width: 344px; float: left;min-height: 1px; margin-left: 3%;} } .dev .page-title h2{ font:bold 42px Oswald;color: #fff; } .dev .strapit-video { background: #181818;margin: 0px -100px; } .dev .strapit-video .content{ padding:80px 100px 100px; } .dev .strapit-video .page-title h2 .first{ color:#c53e2b; } .dev .strapit-video .ul-tag li{ background: #cb372d; } .dev .strapit-video .ul-tag li.active, .dev .strapit-video .ul-tag li:hover{ border:4px solid #851f10; } .dev .gripit-video { padding:80px 0px 30px; } .dev .gripit-video .page-title h2 .first{ color:#008fd2; } .dev .gripit-video .ul-tag li{ background: #0492d4; } .dev .gripit-video .ul-tag li:hover,.dev .gripit-video .ul-tag li.active{ border:4px solid #026390; } .dev .last .btn{ background: #f3f3f3; border:1px solid #cacaca;padding:6px 22px; font-weight: bold; } .dev .title h2{ color:#fff;font:bold 18px Oswald; margin-bottom: 0px; } .dev .strapit-block h2{ font:bold 42px Oswald; margin-top:0px; text-transform: uppercase} .dev .strapit-block h3{ font:bold 24px Oswald; margin-bottom:0px; } .dev .title{ margin-bottom:10px; } .info a:hover { color:#5d5d5d !important; text-decoration: underline;} .category-strapittv .block-info .img_block .img_responsive{ width:100%; height: auto; margin-top:20px; border: 1px solid #4f4f4f;box-sizing: border-box; -moz-box-sizing:border-box; } /*.category-strapittv .page-title{ border-bottom: 1px solid #4e4e50; padding-bottom:26px; }*/ /* ============== custom layout ============== */ @media only screen and (min-width: 1300px){ .category-strapittv #sm_container,.strapitcustomer-category-view #sm_container{ width:100%; } .category-strapittv #yt_pathway, .category-strapittv #yt_content_main .category-title, .category-strapittv #yt_content_main .dev .block-info, .category-strapittv #yt_content_main .dev .block-content .content, .category-strapittv #yt_content_main .dev .strapit-video .content, .category-strapittv #yt_content_main .dev .gripit-video .content, .strapitcustomer-category-view #yt_pathway, .strapitcustomer-category-view #yt_content_main .page-title, .strapitcustomer-category-view #yt_content_main .dev .block-info, .strapitcustomer-category-view #yt_content_main .dev .block-content .content, .strapitcustomer-category-view #yt_content_main .dev .strapit-video .content, .strapitcustomer-category-view #yt_content_main .dev .gripit-video .content, .strapitcustomer-category-view .messages, .category-strapittv .messages { width: 1170px; margin: 0 auto; } } .strapitcustomer-category-view .dev .page-title{border-bottom: 0px;} .category-strapittv .dev .block-content .content .title h2{font:bold 42px Oswald; color:#222225;} .category-strapittv .dev .under-line{ text-decoration: underline; } .category-strapittv .dev .line_input label{ font:13px arial; color:#666666; margin-bottom:10px; } .category-strapittv .dev .line_input .input_login { max-width:320px; width:100%; height:33px; border:1px solid #e2e2e2!important; border-radius: 0px!important; box-sizing: border-box; -moz-box-sizing:border-box; } .category-strapittv .dev .action-login{ max-width:320px; width:100%; } .category-strapittv .dev .action-login a{ color:#333333; } .category-strapittv .dev .action-login a:hover{ text-decoration: underline; color:#333333!important; } .category-strapittv .dev .action-login .btn{ border: 1px solid #c8c8c8; font:bold 16px Oswald; background:#f3f3f3; color:#666666; padding:6px 32px; font-weight: bold; } .category-strapittv .dev .action-login .btn:hover{ background: #fff!important; transition: all 0.3s ease-in-out 0s; } .category-strapittv .dev .action-login .fr a{ font:13px arial;line-height: 35px; } .category-strapittv .dev .slg a{ border: 1px solid #c8c8c8;box-sizing: border-box;border-radius: 3px;font: bold 16px Oswald;background: #f3f3f3;color: #666666;padding: 6px 34px;font-weight: bold;text-transform: uppercase; } .category-strapittv .dev a{ color:#5d5d5d; } .category-strapittv .dev a:hover { } .category-strapittv .dev .slg a:hover{ color:#5d5d5d!important; text-decoration: none!important; background: #fff!important; transition: all 0.3s ease-in-out 0s; } .category-strapittv .dev .signup .btn{ max-width: 304px; width:100%; border-radius:3px; padding:21px 0px; border:0px solid!important; word-spacing: -2px;box-sizing: border-box; -moz-box-sizing:border-box; } .category-strapittv .dev .signup .btn span{ font:bold 20px Oswald; color:#fff; text-transform: uppercase;letter-spacing: 1px; } .category-strapittv .dev .block-info .img_block{margin-bottom:30px;} .category-strapittv #yt_pathway,.strapitcustomer-category-view #yt_pathway, .strapitcustomer-index-view #yt_pathway{ margin-top:16px; } .btn { text-shadow: none;} a.btn2:hover { color:#5d5d5d !important; } @media only screen and (min-width:480px) and (max-width:767px){ .category-strapittv .dev .img_block .span3{width:50%; float:left; text-align: center;} } @media only screen and (min-width:1200px){ .category-strapittv .block-content .content .sign-up-content{padding-left:28px;} } @media only screen and (max-width: 1199px) and (min-width:767px){ .category-strapittv .dev .span3{margin-left:16px;} } @media only screen and (min-width: 1200px){ .category-strapittv .dev .first.span3{margin-left:30px;} .category-strapittv .dev .span3{margin-left:16px;width: 280px;} } .bronze-color{ background:#bf7305; } .bronze-color:hover,.bronze-color:focus,.bronze-color:active{ background: #b5702c; } .silver-color:hover,.silver-color:focus,.silver-color:active{ background: #b3b3b3; } .silver-color{ background:#c4c4c4; } .gold-color{ background:#ffb400; } .gold-color:hover,.gold-color:focus,.gold-color:active{ background: #e9a400; } .category-strapittv .dev .signup .group-line{ margin-bottom:10px; } .cms-strapit-tv-plans .dev .block-content{ margin: initial; background: transparent;border: 1px solid #373737; } .cms-strapit-tv-plans .dev .block-content dl dt{ padding:20px; border-bottom:1px solid #373737; } .cms-strapit-tv-plans .dev .block-content dl dt.last{border-bottom:0px;} .cms-strapit-tv-plans .dev .block-title{ padding: 20px; text-align: center;border-top-left-radius:2px;border-top-right-radius:2px; } .cms-strapit-tv-plans .dev .block-title span{ color:#fff!important; text-transform: uppercase;font:22px "Oswald"; } .cms-strapit-tv-plans .dev span{color:#adadad; font-family: arial;} .cms-strapit-tv-plans .dev dt .btn{background: #00a000;padding: 10px 0 10px 0;width: 100%; border:0px!important;} .cms-strapit-tv-plans .dev dt .btn span{ text-transform:uppercase;color:#fff; font:16px "Oswald" } .cms-strapit-tv-plans .page-title{border-bottom: 1px solid #4e4e50;padding-bottom: 30px;} .cms-strapit-tv-plans .planstv{margin-top:30px;} @media only screen and (min-width:1200px){ .cms-strapit-tv-plans .dev .span4{ width:384px; margin-left:8px; } .cms-strapit-tv-plans .dev .row{ margin-left:-8px!important; } } /*============================ strapitcustomer-category-view =======================*/ .strapitcustomer-category-view .page-title{ padding-bottom:26px; } .strapitcustomer-category-view .page-title h1{ letter-spacing: 2px!important; } /*============================ end strapitcustomer-category-view =======================*/ /*============================ strapitcustomer-index-view =======================*/ .strapitcustomer-index-view .video-created{ font: 13px arial; color:#adadad; } /*==================================== FAQ page ====================================*/ .accordion { margin: 2em 0; width: 100%; } .accordion .question { background: linear-gradient(to bottom, rgba(104, 104, 104, 1) 0%, rgba(60, 60, 60, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #646464; line-height: 2em; position: relative; text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.8); cursor: pointer; } .accordion .question a { color: #fff; display: block; font-size: 1.3em; padding: 0.6em 18px 0.6em 65px; text-decoration: none; } .accordion .label-q { background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(146, 146, 146, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #e6e6e6; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5); color: #666; display: block; font-size: 0.9em; left: -1px; line-height: 2em; margin: 0; padding: 0.5em 18px 0.6em; position: absolute; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5); top: -1px; } .accordion .answer { background-color: #222225; border-left: 1px solid #646464; border-right: 1px solid #646464; padding: 18px; color:#adadad; font-size:13px; } .accordion .answer.last { border-bottom: 1px solid #646464; } .accordion .answer a{font-weight:normal; color:#FFF;} .accordion .answer a:hover{text-decoration:underline} /*==================================== end FAQ page ====================================*/ /*============================== strapitcustomer-index-signup ===============================*/ .strapitcustomer-index-signup #frm_signup .button-set button{ border: 1px solid #393939!important;height: 40px;padding: 5px 20px 0 20px!important;display: inline-block;width: auto;background: transparent; } .strapitcustomer-index-signup #frm_signup .button-set button:hover{ background-color: #3c3c3c!important;border-color: #6b6b6b!important; } .strapitcustomer-index-signup #frm_signup .button-set button span span{ color: #fff;font-family: "Oswald";font-size: 16px;font-weight: 800;text-transform: uppercase;letter-spacing: 1px; } /*============================== end strapitcustomer-index-signup ===============================*/ /*============================== checkout-cart-index ============================================*/ .checkout-cart-index .page-title h1{ border-bottom:0px; padding-bottom: 0px; } .product-box .product-add-box li { display: list-item} .products-grid div.product-box .product-name, .products-grid .item .product-box { text-align: center;} .products-grid .price-box span.from-text, .products-grid .price-box span.label { color: #959595; font-size: 13px; font-weight: bold; display: initial; } .products-grid .price-box span.label { letter-spacing: -1px; } .products-grid .item a.product-imgs img { display: block; margin: 0 auto; } .form-list li .input-box .input-text, .fieldset li .input-box textarea { background-color: #FFF !important; padding: 5px; border-radius: 0px; border-color: #FFF; font-size: 13px; } @font-face { font-family: 'Socialico'; src: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/socialico-webfont.eot'); src: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/socialico-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/socialico-webfont.woff') format('woff'), url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/socialico-webfont.ttf') format('truetype'), url('https://www.strapit.com.au/skin/frontend/default/sm_sport/css/font/socialico-webfont.svg#SocialicoRegular') format('svg'); font-weight: normal; font-style: normal; } /* General style */ /* .block-social li{ font-family: "Socialico"; } */ .block-social li a:before { content: attr(data-icon); font-family: 'Socialico'; font-size: 25px; font-weight: normal; line-height: 34px; } .block-social li a:hover:before { font-size:30px; } .block-social li a { display: inline-block; height: 34px; position: relative; text-align: center; width: 34px; z-index: 2; } .page-about-us .block-social li a { width:21px; height:21px; color:#FFF; background:#666; border-radius: 21px; transform: scale(1); } .page-about-us .block-social li a:before { font-size: 18px; line-height:21px; } .block-social li a:hover { color: #FFFFFF; } .block-social li a:hover { animation: 0.5s ease 0s normal none 1 bounceIn; transform: scale(1); } .block-social li a:hover { border-radius: 17px; } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .sm_megamenu_id83 > [class*="sm_megamenu_col_"] > .sm_megamenu_head_item .sm_megamenu_title, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .sm_megamenu_id6 > [class*="sm_megamenu_col_"] > .sm_megamenu_head_item .sm_megamenu_title, .shop-access .mini-cartpro .block-content, .mini-cartpro .block-content .mini-products-list .product-image:hover, .block-related .product-image:hover, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .item-inner:hover .border-hover, input[type="text"]:focus{border-color: #fff!important; box-shadow: 0 0 0 1000px white inset!important; -webkit-box-shadow: 0 0 0 1000px white inset!important; -o-box-shadow: 0 0 0 1000px white inset!important; -moz-box-shadow: 0 0 0 1000px white inset!important;} input, input:focus, input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input[type="text"], input:-moz-autofill, input:active, input:hover{box-shadow: 0 0 0 1000px white inset!important; -webkit-box-shadow: 0 0 0 1000px white inset!important; -o-box-shadow: 0 0 0 1000px white inset!important; -moz-box-shadow: 0 0 0 1000px white inset!important; border:1px solid #fff!important; outline: none!important;} body input.input-text{font-size: 13px} a:hover{color: #fff!important;} #checkout-progress-wrapper a:hover, #checkoutSteps a:hover{text-decoration: underline} body select{color: #999; border-radius: 0!important} body{overflow-x: hidden} #yt_tab_products .yt-tab-navi li a:hover, #yt_tab_products .yt-tab-navi li.active, li.selected a.subhead, .block-layered-nav dt, #review-form h4, .social h4, .block-newsletter label, .promotions p, #yt_sidenav li a.subhead, h1#logo a span, ul.yt-tab-navi li a, ul.yt-tab-navi li.active a, .yt-product-detail .product-name, .product-name a, .popup-box a.link-wishlist, .header-nav-container-home ul#nav li.level0 > a, .header-nav-container-home ul#nav li.level1 > a, .sm_megamenu_wrapper_vertical_menu ul.sm_megamenu_menu li div div.sm_megamenu_title a, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_head_item .sm_megamenu_title > span, .sm_megamenu_lv1 .sm_megamenu_nodesc .sm_megamenu_title, .sm_megamenu_content h2.product-name a, .login-quick .more-actions a, .block-title h3, .ytc_background_theme1 .ytc-content-slickslider .content-box .block-title a, .block-wrapper.custom-type .block-custom .block-title, .page-title h1, .col-left .block-title strong, .breadcrumbs li, .col-left h1, .bottom-footer .block-title, .top-footer .title, .link-wishlist, .link-compare, .bottomsl1-wrap .block-title, .add-review button.button, .actions input.submit-repl, .block-address .block-title, .btn-cart, .btn-contact, .button.register-button, #product-options-wrapper.product-options span.label-option, .moretext, #sm_slideshow .dynamicslideshow-container .custom-title a, input, button, .f-base { font-family:Arial; } .header-logo a, .main-top{background: none;} /*90 edit #232323 to none */ .page{background: #222225} #cpanel_wrapper{display: none} .mini-cartpro .block-content, #yt_pathway, .header-top, .col-left .block-title, .slide-wrap .dynamicslideshow-container .tparrows, .header-nav-container-home ul#nav ul li li:hover, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_drop > div, .bg-gray{background-color: #1f1f20;} .header-nav .header-nav-inner .sm_megamenu_menu a span{font-family: "Oswald"; font-size: 18px!important; font-weight: 800;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li a.sm_megamenu_head{overflow: visible!important;} #yt_mainnav, #yt_mainnav_mobi{float: right; margin-right: 20px;} .header-call{font-family: "Oswald"; font-size: 18px!important; font-weight: 800; color: #616161; float: right; text-transform: uppercase; line-height: 80px;} .label, .badge, #addTagForm .form-add label, ul#poll-answers li span.label label, .block-poll .button, .top-footer, .col-left .block-address h1, .availability, .popup-box a.link-wishlist, .bottomsl1-wrap, #product-review-table thead th span, .product-name a, .breadcrumbs li a, .page-title h1, .shop-access ul li > a, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li .sm_megamenu_head_item .sm_megamenu_title, .price-as-configured .price-label, .price-from .price-label, .price-to .price-label, .price-as-configured .price-label, .price-from .price-label, .price-to .price-label, .minimal-price .price-label, .fcolor3{color: #d1d1d1;} .bottom-header > * { font-family: "Oswald"; font-size: 18px!important; font-weight: 800; color: #fff; text-transform: uppercase; width: 45%; display: inline-block; letter-spacing: 1px; } .bottom-header a, .bottom-header a:hover { color: #fff } .bottom-header .become { background: #c0121a; text-align: left; padding: 0.5% 0 0.5% 5%; } .bottom-header .free-shipping { background: #e51b24; text-align: right; padding: 0.5% 5% 0.5% 0; } /* This CSS file hurts every fibre of my being. Sorry. */ .bottom-header .long-notice { background: #e51b24; text-align: center; width: 100%; padding: 0.5% 5% 0.5% 5%; box-sizing: border-box; } .cms-home #yt_content_main .page-title{display: none} .products-grid .item-inner h2.product-name a{color: #000; font-size: 14px; line-height: 23px; white-space: normal; width: 100%; font-weight: bold;} .products-grid .item-inner h2.product-name a:hover{color: #000!important; text-decoration: underline} .block.block-cart span.price, .catalog-listing .price-box, .category-products .price-box span.price, .price-box span.price{font-size: 20px; font-weight: bold; color: #000;} #sm_bottomsl .block, #sm_bottomsl .block:before, #sm_bottomsl .block:after{background: #000} #sm_bottomsl .block .block-title h3{background: #000; text-transform: uppercase; font-family: "Oswald"; font-size: 42px; font-weight: 800; letter-spacing: 3px;} .page-title h1, .cart .page-title h1, .block-feature-products .block-title h3, .catalog-category-view .category-title h1{text-transform: uppercase; font-family: "Oswald"!important; font-size: 42px; font-weight: 800; letter-spacing: 1px; color: #fff!important; line-height: 50px;} .season-message { text-align: center; padding: 20px; font-weight: bold; background-color: rgba(18, 173, 42, 0.7); border: 1px solid rgb(18, 230, 3); max-width: 100%; margin-bottom: 50px;} .cms-home .des-block{font-size: 13px; color: #fff} .cms-home .block-feature-products .block-title h3{margin: 0; background-color: #2d2d2d; color: #fff!important;} .block-post-lastest .span3, .block-post-lastest .span5{width: 45%; font-size: 16px;} .block-post-lastest .span5 p{width: 100%; clear: both; padding-bottom: 10px;} .block-post-lastest .span5 .btn-login, .block-post-lastest .span5 .btn-signup{font-family: "Oswald"; font-size: 16px; font-weight: 800; color: #fff; text-transform: uppercase; padding: 8px 40px; letter-spacing: 1px; margin-right: 15px; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius:4px; -webkit-border-radius:4px} .block-post-lastest .span5 .btn-login{border: 1px solid #6b6b6b;} .block-post-lastest .span5 .btn-login:hover{background: #252525;} .block-post-lastest .span5 .btn-signup{border: 1px solid #e20025; background: #e20025} .block-post-lastest .span5 .btn-signup:hover{border-color: #f50028; background: #f50028} .block-post-lastest .span5 .btn-signup:hover, .block-post-lastest .span5 .btn-login:hover{text-decoration: none; cursor: pointer} .btn-post-last-blog{width: 100%; padding-top: 20px} .block-post-lastest .post-image-after, .block-post-lastest .span3{height: 363px; display: table-cell; vertical-align: middle;} .bottomsl-wrap .banner-cat .banner img{border: 1px solid #3d3f41} .bottomsl-wrap .banner-cat .banner h1 span, .bgcolor-opt{background-color: #e51b24!important; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius:4px; -webkit-border-radius:4px; font-family: "Oswald"; font-size: 24px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 1px;} .bottomsl-wrap .banner-cat .banner a{background-color: #e51b24; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -o-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; font-family: "Oswald"; font-size: 16px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 1px;} .block-freeshipping .block-title span{text-transform: uppercase; font-family: "Oswald"; font-size: 32px; font-weight: 800;} #sm_bottomsl .main:before, #sm_bottomsl .main:after, #sm_footerwrap, #content-banner-home{background: #eaeaea} #main-home .bottomsl-wrap.container-wrap{margin-bottom: 0} .banner-cat:before{right: 100%;} .top-footer .span8, .top-footer .span4{width: 45%} .top-footer .span4{float: right;} .block-user6 .block-newsletter{background: none; padding-top: 0;} .block-user6 .block-newsletter .block-title{color: #222225; text-transform: uppercase; font-family: "Oswald"; font-size: 32px; font-weight: 800;} .block-newsletter .block-content .desc{color: #666; font-family: Arial; font-size: 13px} .block-newsletter input#newsletter{border: 1px solid #e2e2e2} #newsletter-validate-detail .button{border: 1px solid #c8c8c8; background: #f3f3f3; text-transform: uppercase; font-family: "Oswald"; font-size: 16px; font-weight: 800; color: #666; margin-left: 10px} #newsletter-validate-detail .button span{text-transform: uppercase} #yt_foote .top-footer{border-top: 1px solid #cbcbcb; margin-bottom: 40px; padding-top: 40px} #supporting-health {background-color: #fff;} #supporting-health .main {margin-top: 50px; margin-bottom: 50px;} .block-supporting-health .block-title{text-transform: uppercase; font-family: "Oswald"; font-size: 24px; font-weight: 800; color: #333;} .block-supporting-health .block-content{font-family: Arial; font-size: 13px; color: #666} .block-supporting-health .block-content p{padding-top: 10px} .bottom-footer .block-user1 .block-title:before, .bottom-footer .block-user2 .block-title:before, .bottom-footer .block-user3 .block-title:before, .bottom-footer .block-user4 .block-title:before{display: none} .bottom-footer .stylelist ul li, .bottom-footer .stylelist .block-content ul li:hover{background: none!important;padding-left: 0} .bottom-footer .stylelist .block-content ul li:hover a{text-decoration: underline; color: #fff!important;} .sm-afterfooter .bottom-footer .block-title, .footer-secure-pay .block-title{text-transform: uppercase; font-family: "Oswald"; font-size: 20px; font-weight: 800; color: #fff;} .block-title-secure-pay{padding-top: 14px} .block-user4 .block-social .desc{display: none!important;} .copy-right:after { position:absolute; content:''; background:url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/trust.png") no-repeat 0 0 transparent; width:131px; height:65px; top:27px;right:0; } .copy-right p{width: 40%; margin: 0 auto; text-align: center; font-family: Arial; color: #808082; font-size: 12px} .copy-right a{color: #fff!important; font-family: Arial; font-size: 12px} .copy-right a:hover{text-decoration: underline} .slide-wrap .dynamicslideshow-container .tp-leftarrow, .slide-wrap .dynamicslideshow-container .tp-rightarrow, .slide-wrap .dynamicslideshow-container .tp-leftarrow:hover, .slide-wrap .dynamicslideshow-container .tp-rightarrow:hover{background-color: transparent!important} .tp-bannertimer{display: none} .mini-cartpro .block-title .i-cart{background-color: #279711!important;} .top-search .button{background-color: #fff!important;} .form-search input{border-color: #fff; background: #fff;} .shop-access li:hover > a{color: #fff!important;} .shop-access > ul > li:hover .top-link-checkout:before{background-position: 0 -14px!important;} .shop-access .li-add:hover a:before{background-position: 0 -17px!important;} /*.sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:after, .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li .arrow, .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li:before, .header-nav .header-nav-container-home ul#nav > li:before, .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li > a:before{ display: none; }*/ .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li:hover, .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li:hover > a{background: #b81a29!important} /*90 edit color change cd3c2b to e51b24 */ .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li:hover .arrow, .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .sm_megamenu_actived .arrow{display: block} .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:hover:after {border-color: #b81a29 rgba(255,255,255,0) rgba(255,255,255,0)!important;} .header-nav-container-home ul#nav > li.active:after, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:after{transition:none!important;} .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li:after{position: absolute; content: ""; width: 0; height: 0; bottom: 0; left: 0; border-width: 0 15px 0; border-style: solid; border-color: #b81a29 rgba(255,255,255,0) rgba(255,255,255,0)!important; /*90 edit color change cd3c2b to e51b24*/ z-index: 5; } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li:hover:after{ opacity: 1!important; } #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_col_1 > .sm_megamenu_col_1 a:after{display: none!important} .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:after{ border-left-width: 58px!important; border-right-width: 58px!important; border-top-width: 14px; bottom: -14px; opacity: 1; z-index: 5; } /*90 add this*/ .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived a.sm_megamenu_head:after { background: #4f4f4f; content: ""; display: block; height: 1px; left: 3px; position: absolute; } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:first-child a.sm_megamenu_head:after{ width: 829px; } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:nth-child(2) a:after{ /*width: 732px;*/ } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:nth-child(3) a:after{ /*width: 615px;*/ } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:nth-child(4) a:after{ /* width: 502px;*/ } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:nth-child(5) a:after{ /*width: 386px;*/ } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:nth-child(6) a:after{ /*width: 272px;*/ } .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li:hover > a:before, .header-nav .header-nav-container-home ul#nav > li:hover > a:before{display: none} .block-feature-products .block-title h3{color: #222225!important} .header-top .mini-cartpro .block-content .mini-products-list .product-name a{color: #fff; font-size: 13px; padding-right: 10px;} .mini-cartpro .block-content .mini-products-list .product-details-bottom > *{display: inline-block;} .mini-cartpro .block-content .mini-products-list .product-details-bottom{margin-top: -52px!important; text-align: right;} .home-slide-section #myCarousel .carousel-indicators{opacity:1;} /*==============Upsell */ .col-upsell-product-section {margin:30px 0;} .col-upsell-product-section .block-title{ background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/line-title.png") repeat-x scroll 0 center transparent; display: inline-block; text-align: center; margin: 40px 0; width: 100%; } .col-upsell-product-section .block-title h3{ text-transform: uppercase; font-size: 42px; font-weight: 800; letter-spacing: 1px; color: #fff!important; line-height: 50px; position: relative; width: 375px; max-width:100%; margin: 0 auto; font-family:Oswald; background-color: #222225; } .col-upsell-product-section .span12{width: 25%; display: inline-block; padding: 0; margin: 0;} .col-upsell-product-section .span12 .item{} .col-upsell-product-section .item:hover{border:1px solid #fff;} .col-upsell-product-section .span4{width:50%;display:inline-block;margin:0!important} .col-upsell-product-section .span4:nth-child(3n){clear:both} .col-upsell-product-section .item{vertical-align:top;margin-top:0!important;padding:20px;border:1px solid transparent;} .col-upsell-product-section .product-image,.col-upsell-product-section .product-image img {vertical-align:top;} .col-upsell-product-section .item-box div.product-box { border-top: 1px solid #ccc; padding: 0; background:transparent; margin:10px auto; width:248px; max-width:100%; } .col-upsell-product-section h2.product-name{ margin-bottom: 9px; margin-top: 17px; } .col-upsell-product-section h2.product-name a { color: #fff; font-size: 14px; line-height: 23px; white-space: normal; width: 100%; font-weight: bold; } .col-upsell-product-section .price-box .price-excluding-tax span.price{ font-size: 20px; font-weight: bold; color: #e51b24; float:left; font-family:Arial!important; } .col-upsell-product-section .price-box{padding:0!important} .col-upsell-product-section .label-right,.col-upsell-product-section .label-right span{ color: #959595; font-size: 13px!important; font-weight: bold; display: initial;float:right; letter-spacing:-1px; width: auto!important; margin: 0!important; padding: 0; line-height: 40px!important; } .col-upsell-product-section .up-sell-products .row-fluid [class*="span"] > .item{margin-top:0!important;} .col-upsell-product-section .label-right span{display:inline-block;} .col-upsell-product-section .btn-cart{height:30px!important;} /*==============End Upsell */ @media (max-width: 876px){ .bottom-header{display: none!important} .my-account .page-title h1, .customer-account-login .page-title h1{font-size: 24px} .header-top .container{padding: 0 10px;} .main .container-wrap{padding-top: 0} .col-upsell-product-section .span12{width:49%;margin:0;vertical-align:top;} .col-upsell-product-section .span12 .item{padding:15px 2%;} } @media (max-width: 1077px){ .header-top .top-search input#search{height: 24px!important;} } .header-mobi{background: #232323} #yt_mainnav_mobi{float: none!important; margin:0 auto} @media (max-width: 834px){ #sm_bottomsl .block-post-lastest .span5{width: 100%; padding: 0 2%} .block-post-lastest .span5 .btn-login, .block-post-lastest .span5 .btn-signup{padding: 8px 32px;} } @media (max-width: 1079px){ .top-footer .span6{width: 100%} .block-freeshipping .block-content{min-height: 130px;} .top-footer .block-newsletter{padding: 15px 0px 30px} } @media (max-width: 527px){ .top-footer .span8, .top-footer .span4{width: 100%} .top-footer .block-user5{padding-right: 0} .block-freeshipping .block-content{padding-left: 0} .block-freeshipping .block-content span{float: left; padding-top: 128px;} input#newsletter{width: 93%!important; float: none!important;} .block-newsletter button{position: relative;bottom: -84px;left: 27%;float: none} .block-newsletter form{margin-top: 0} #supporting-health .main{margin-top: 0} } #sm_slideshow .tp-caption.big_white{min-height:52px; font-family: "Oswald"!important; font-size: 54px!important; font-weight: 800; color: #fff; text-transform: uppercase; padding: 30px 25px 3px 25px!important} #sm_slideshow .tp-caption.medium_blue{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; background: #008fd2 url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/arrow-banner.png") 95% 54% no-repeat; font-family: "Oswald"!important; font-size: 20px!important; font-weight: 800; color: #fff; text-transform: uppercase; padding: 15px 44px 15px 20px!important} #sm_slideshow .tp-caption.medium_blue a, #sm_slideshow .tp-caption.medium_blue a:hover{color: #fff} #sm_slideshow .tp-caption.right_box{width: 276px; background: #e8e8e8; border-radius: 5px; padding: 10px; min-height: 95px;} #sm_slideshow .tp-caption.right_box img{float: left; max-height: 95px; padding-right: 14px;} #sm_slideshow .tp-caption.right_box h3{font-family: "Oswald"!important; font-size: 24px; font-weight: 800; color: #222225; text-transform: uppercase; line-height: 30px; text-align: left; padding-top: 4px;} #sm_slideshow .tp-caption.right_box .des{font-size: 13px; color: #666; text-align: left; white-space: normal;} #sm_slideshow .tp-caption.right_box .des span{color: #222225} @media (max-width: 1319px){ #sm_slideshow .tp-caption.right_box{left: 764px!important;} #sm_slideshow .tp-caption.big_white, #sm_slideshow .tp-caption.medium_blue{left: 120px!important;} } @media (max-width: 767px){ #sm_slideshow .tp-caption.big_white{font-size: 24px!important; left: 40px!important; min-height:20px!important; padding: 18px 25px 3px 25px!important} #sm_slideshow .tp-caption.medium_blue{font-size: 13px!important; padding: 10px 35px 10px 9px!important; left: 40px!important; top: 100px!important;} #b2borderlist_submitform .orderlist-table-container .table-category tr{ display: block; box-sizing: border-box; } #b2borderlist_submitform .orderlist-table-container .table-category{ width: 100%; } #b2borderlist_submitform .orderlist-table-container .table-category tr td{ display: block; width: auto; text-align: center; } #b2borderlist_submitform .orderlist-table-container .table-category tr td.name .price-box{ padding-top: 10px; } #b2borderlist_submitform .orderlist-table-container .table-category tr td.amount label{ display: inline-block; vertical-align: middle; } #b2borderlist_submitform .orderlist-table-container .table-category tr td.amount input{ vertical-align: top; } #b2borderlist_submitform .orderlist-table-container .table-category tr td.amount input, #b2borderlist_submitform .orderlist-table-container .table-category tr td.amount .quantity_box_button{ float: none; display: inline-block; } #b2borderlist_submitform .orderlist-table-container .table-category tr td.tick_to_add{ margin-bottom: 15px; } #b2borderlist_submitform .orderlist-table-container .table-category tr td.tick_to_add label{ display: inline-block; vertical-align: bottom; margin-bottom: 12px; } #b2borderlist_submitform .orderlist-table-container .table-category tr td.tick_to_add a{ float: none; display: inline-block; } #reorder-validate-detail{ text-align: center; } #reorder-validate-detail .actions>a{ float: none; padding-top: 5px; padding-bottom: 5px; } #reorder-validate-detail .actions button{ margin-bottom: 10px; } .order-items.order-details #my-orders-table tfoot{ border-top: 1px solid #4f4f4f; } .order-items.order-details #my-orders-table tfoot tr td:first-child{ text-align: center; } #wishlist-table tr.last td.last{ display: none; } #my-orders-table tbody tr td{ float: none; width: auto; text-align: center; display: block; } #wishlist-table tr td{ float: none !important; width: auto !important; text-align: center; display: block; } .mobile-hidden { display:none !important; } .col-upsell-product-section .span12{width:49%;margin:0;} .col-upsell-product-section .span12:nth-child(3n){clear:both} } .bottomsl-wrap .banner-home{padding-bottom: 50px} .booking-course .buttons-set button.button:hover, .customer-account-resetpassword .buttons-set button.button:hover, .customer-account-forgotpassword .buttons-set button.button:hover, .customer-account-changeforgotten .buttons-set button.button:hover, .checkout-onepage-success .buttons-set button.button:hover,#checkoutSteps .button:hover, .cart-collaterals .col2-set .discount .button:hover, .customer-account-login #login-form .buttons-set .button:hover, .customer-account-create .button.register-button:hover, .my-account .buttons-set .button:hover, .cart-collaterals .col2-set .shipping .button > span:hover{background-color: #3c3c3c!important; border-color: #6b6b6b!important;} .header-top .login-quick{border-color: #e51b24; box-shadow: none} .chk-remember{padding-top: 10px} .login-quick .actions input.submit-repl{letter-spacing: 1px; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px;background: none; color: #fff; font-family: "Oswald"; font-size: 16px; font-weight: 800; text-transform: uppercase; border: 1px solid #393939!important; height: 40px; padding: 0; display: inline-block; text-indent:0} .login-quick .actions input.submit-repl:hover{color: #fff; background-color: #3c3c3c!important; border-color: #6b6b6b!important;} .login-quick .more-actions a, .login-quick .block-content .chk-remember label{font-size: 13px} .top-search .form-search input#search{font-size: 12px} .header-top .mini-cartpro .block-content{border-radius: 0; border-top: 5px solid #e51b24; padding: 0; box-shadow: 2px 4px 8px #000; -o-box-shadow: 2px 4px 8px #000; -webkit-box-shadow: 2px 4px 8px #000; -moz-box-shadow: 2px 4px 8px #000;} .header-top .mini-cartpro .block-content .block-inner{box-shadow: none} .header-top .mini-cartpro .block-content .actions{background-color: #090909; background-image: none; height: inherit; clear: both; overflow: hidden; padding-bottom: 8px;} .header-top .mini-cartpro .block-content .mini-products-list, .header-top .mini-cartpro .block-content .bottom-action.actions, .header-top .mini-cartpro .block-content form{background-color: #222224} .header-top .mini-cartpro .block-content .button.btn-update, .header-top .mini-cartpro .block-content .bottom-action.actions button.button{border: 1px solid #393939!important; background: #090909; padding: 11px 10px 6px 10px;} .header-top .mini-cartpro .block-content .bottom-action.actions button.button{padding: 5px 20px 5px 20px; background: #090909} .header-top .mini-cartpro .block-content .bottom-action.actions button.btn-gocheckout{background: #00bb00; border-width: 0!important} .header-top .mini-cartpro .block-content .bottom-action.actions button.btn-gocheckout:hover{background: #00a000!important} .header-top .mini-cartpro .block-content .bottom-action.actions button.button:hover{background: #222224} .header-top .mini-cartpro .block-content .button.btn-update:hover{background: #222224;} .header-top .mini-cartpro .block-content .button.btn-update span, .header-top .mini-cartpro .block-content .bottom-action.actions button.button span{font-family: "Oswald"; font-size: 16px; font-weight: 800;text-transform: uppercase; letter-spacing: 1px;} .mini-cartpro .block-content .actions .more-desc{font-family: "Oswald"; font-size: 24px!important; font-weight: 800;text-transform: uppercase; color: #fff; padding-top: 9px;} .mini-cartpro .block-content .mini-products-list .product-details-bottom{text-align: left} .mini-cartpro .block-content .mini-products-list input.qty{margin-left: 0; width: 54px!important; height: 22px} .mini-cartpro .block-content .mini-products-list .product-image{margin-top: 4px} .header-top .mini-cartpro .block-content .mini-products-list .product-name a:hover{text-decoration: underline} .header-top .sm-cartpro .product-details-bottom .price{color: #fff; margin-left: 10px;} .header-top .sm-cartpro .bottom-action span.label, .header-top .sm-cartpro .bottom-action span.price{color: #fff!important; font-weight: normal!important; font-family: Arial, serif; font-size: 16px!important;} .header-top .mini-cartpro .block-content .bottom-action{padding: 20px 20px 22px 20px;} .mini-cartpro .block-content .mini-products-list{margin: 0 20px 0 20px; border-bottom: 1px solid #393939} .header-top .mini-cartpro .block-content .mini-products-list li.item{padding-left: 0; padding-right: 0} .header-top .mini-cartpro .block-content .mini-products-list li.item a.btn-remove{margin-right: 0} .header-top .mini-cartpro .block-content .mini-products-list li.item a.btn-remove:hover{margin-top: 1px!important} #show-sub-category span.collapse{display: none; text-indent: 99999px} #sm_wrapper .header-top .top-search .form-search{width: 310px} @media (max-width: 979px){ .mini-cartpro .block-content{width: 322px;} .mini-cartpro .block-content .bottom-action .summary{display: block!important; text-align: center; padding-top: 19px;} .block-post-lastest{padding-top: 50px} .bottomsl-wrap .banner-home{margin-top: 50px} #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 > div{display: none!important} #show-sub-category span.collapse{padding: 0!important; display: block; background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/icon-nav-explore.png') left center no-repeat; height: 17px; width: 17px; display: inline-block; position: absolute; top: 10px; right: 20px; z-index: 99999; cursor: pointer;} #show-sub-category.active span.collapse{background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/icon-nav-close.png') left center no-repeat;} #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li#show-sub-category.active.sm_megamenu_lv1 > div{ display: block!important; position: static; height: initial!important; width: 100%; padding: 0!important; background: transparent; border: 0; margin-top: 10px; float: left; } .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .bg-custom > .sm_megamenu_col_1{padding-left: 0!important; width: 100%;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_col_1 > .sm_megamenu_col_1{border-top: 1px solid #4f4f4f; width: 100%!important; padding-bottom: 9px!important; padding-left: 45px} .mobile_header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li#show-sub-category.active{padding-bottom: 0} } .more-actions a.button-reg{padding-left: 5px} #sm_container .slider-container .block a, #sm_container .slider-container .block a:hover{color: #222225!important} .footer-secure-pay{display: none} .block-feature-products .category-products.products-grid .item .product{text-align: center;} .sm_sport #btcshop:hover, .sm_sport #btccart:hover{background-color: #e51b24!important;} /** BEGIN:Cateogry page*/ .col-left .block{border:1px solid #373737;} .col-right .block-title, .col-left .block-title{background: #e51b24; padding: 10px 15px 1px 15px; height: 50px; border: none} .col-right .block-title strong span, .col-left .block-title strong, .col-left .block-title span{font-family: "Oswald"!important; font-size: 24px; font-weight: 800; color: #fff; text-transform: uppercase;} .col-left .block-compare .block-content{border: none; background: #151516; color:#fff} .col2-left-layout .main{padding-top: 25px} #yt_pathway .breadcrumbs li.home, #yt_pathway{background: none!important; padding-left: 0; padding-top: 0; margin-bottom: 0;} #yt_pathway .breadcrumbs li.last{color: #8c8c8c; font-size: 12px;} #yt_pathway .breadcrumbs li a{font-size: 12px} #yt_pathway .breadcrumbs li{padding-left: 15px} .catalog-category-view .category-title h1{color: #fff; background: none} .col-main{color: #fff} .block-layered-nav dt > span > span{font-family: "Oswald"!important; font-size: 20px; font-weight: 800; color: #fff; text-transform: uppercase;} .block-layered-nav dl > dt, .block-layered-nav dd{background: none!important; border-color: #373737!important;} .col-left .block-layered-nav .block-content{background: none!important; border: none!important;} .col-left .block-layered-nav dd li a:hover, .col-left .block-layered-nav dd li a{font-size: 13px; color: #fff} .block-layered-nav dd{padding-bottom: 15px; border: none;} .block-layered-nav dl > dt:first-child{border-top: none} .block-layered-nav dl > dt{border-bottom: none!important; border-top: 1px solid #373737} .page-title{background: none; margin-bottom: 0;} .page-title h1{border-bottom: 1px solid #4f4f4f; padding-bottom: 25px; padding-right: 0; margin-right: 0;} .col2-left-layout .main-content > .category-products{background: #fff; padding-top: 20px; padding-left: 10px; padding-right: 10px} .col2-left-layout .category-products .toolbar{border-bottom: 1px solid #ddd; padding-bottom: 20px;} .toolbar label{font-family: Arial; font-size: 13px; color: #666} .toolbar select{font-family: Arial; font-size: 13px; color: #999; opacity: 1!important; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .toolbar-bottom .toolbar{background: none; border-top: 1px solid #ddd} .toolbar-bottom .toolbar{border-bottom: none!important} .col-main .category-products{width: 98.35%} @media (min-width: 1200px) { .span6 {width: 550px;} .span3 {width: 265px;} .cms-home .category-products .span3 {width: 270px;} } .product-box .qty-title{color: #666} .product-box input.quantity-input{height: 27px} .category-products h2.product-name a{font-size: 14px!important; color: #000!important; white-space: nowrap;} .category-products h2.product-name a:hover{text-decoration: underline} .category-products .price-box span.price, .product-shop .desc{color: #e51b24!important;} .category-products .button.register-button, .category-products .btn-cart{padding: 2px 25px} .category-products .wrap-qty{padding: 3px 0;} .products-grid.category-products{width: 100%} .toolbar .view-mode strong.list, .toolbar .view-mode a.list{display: none} /** END:Cateogry page*/ /** BEGIN: Product page*/ .yt-product-detail .new-item, .catalog-product-view .page-title, .yt-product-detail .product-options dl.last label em{display: none} .catalog-product-view #yt_pathway, .review-product-list #yt_pathway{padding-top: 17px} .yt-product-detail h1.product-name{font-family: "Oswald"!important; font-size: 32px; font-weight: 800; color: #fff; text-transform: uppercase; height: inherit; line-height: 38px;} .yt-product-detail .price-box{width: 100%; padding: 25px 0;} .yt-product-detail .price-box span.price, .wishlist-shared-index .price-box span.price{color:#e51b24; font-family: "Oswald"!important; font-size: 32px; font-weight: 800;} .yt-product-detail .product-box-left{width: 57%; display: inline-block; float: left;} .yt-product-detail .product-box-right{width: 40%; float: right;} .yt-product-detail .product-options dl.last label{font-size: 13px; color: #fff; font-weight: normal; padding-bottom: 5px;} .yt-product-detail .product-options dl dd .selector select, .yt-product-detail .product-options dl dd .selector span{font-size: 13px; color: #666!important; font-weight: normal} #product-options-wrapper .selector, #product-options-wrapper .selector span{padding: 3px 7px; height: 35px!important;} #product-options-wrapper .selector span{background: none} #product-options-wrapper .selector select{height: 35px!important} #product-options-wrapper .selector{background: #fff url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/arrow-size.png') 90% 19px no-repeat} /*.yt-product-detail .product-img-box{width: 667px; height:674px}*/ .product-img-box .product-image-zoom img{margin: 0 auto; width: 100%; height: 100%;} .yt-product-detail .wrap-qty{background: #fff; font-size: 13px; color: #666; border-radius:0; padding: 4px;} .yt-product-detail button.btn-cart, .yt-product-detail .btn-cart{height: 38px;} .yt-product-detail .product-essential .product-options-bottom, .yt-product-detail .product-essential .box-main{margin: 0px 0 10px;} .product-essential .product-options{border-top: 1px solid #393939; border-left: 1px solid #393939; border-right: 1px solid #393939; background: #212121; padding: 20px 20px 0 20px} .yt-product-detail .product-essential .product-options-bottom{border-bottom: 1px solid #393939; border-left: 1px solid #393939; border-right: 1px solid #393939; padding: 0 20px 20px 20px; background: #212121; display: block;} .product-essential .add-to-holder .add-to-cart{float: left} .yt-product-detail .product-essential .add-to-links{display: none} .free_postage{border-top: 1px solid #393939; margin-top: 10px; padding: 15px;} .free_postage .title_block_free_postage{width: 72%; display: inline-block; text-align: center; padding-left: 10px;} .free_postage .title_block_free_postage h3{margin:0; color:#fff; font-family: "Oswald"; font-size: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; line-height: 29px; padding-top: 6px;} .free_postage .title_block_free_postage span{color:#fff; font-size: 13px;} .free_postage .block_free_postage img{vertical-align: top;} .yt-product-detail .product-box{border: 1px solid #393939; background: #212121; padding: 20px} .yt-product-detail .block-social li a:hover{border-radius: 0!important; background-color: transparent!important;} .yt-product-detail .block-social li:first-child{width: 110px!important;} .yt-product-detail .block-social li iframe{width: 100px!important;} #yt_tab_products li:hover{padding: 0!important;} #yt_tab_products li a, #yt_tab_products li a:hover, .tab-content-product .panel-heading{border-color: #393939; border-radius: 0; color:#fff!important; font-family: "Oswald"!important; font-size: 16px; font-weight: 800; text-transform: uppercase; padding: 4px 20px!important; background: none;} #yt_tab_products .yt-tab-navi li{height: 40px} ul.yt-tab-navi li.active a{background: #222225!important;} #yt_tab_products{font-size: 13px; color: #adadad} #yt_tab_products .yt-tab-content >div{border-color: #393939;} .box-add-review-inner #review-form h3, .box-add-review-inner #review-form h4{color:#fff; font-family: "Oswald"; font-size: 24px; font-weight: 800; text-transform: uppercase; margin-top: 0} .yt-product-detail .box-add-review em[class="required"]{display: none} .yt-product-detail .box-add-review .form-list label, .yt-product-detail .box-add-review .form-list input, .yt-product-detail .box-add-review .form-list textarea{width: 100%!important; clear: both; border-radius: 0!important;} #review-form .form-list label{position: relative!important; color: #adadad!important;} #review-form .form-list li{padding-bottom: 10px} #review-form .form-list{width: 340px} .buttons-set.add-review, #review-form .buttons-set .button:hover, #review-form .buttons-set .button, .buttons-set .button{float: left; background: none!important;} .buttons-set.add-review{border: 1px solid #393939; padding: 5px; border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px} .btn-quick-order, .btn-previous-order, .page-title .button span, .buttons-set .button span, .header-back .button span, #checkoutSteps .buttons-set .button span, #onepage-guest-register-button span, .add-review button.button span, .cart-collaterals .col2-set .discount .button span, .cart-collaterals .col2-set .shipping .button span, .btn-proceed-checkout.btn-checkout.button span{color:#fff; font-family: "Oswald"; font-size: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px;} #review-form table thead th{display: none} #product-review-table thead th, #product-review-table thead td, #product-review-table tbody th, #product-review-table tbody td, .data-table tbody tr{border: none!important; color: #adadad; text-align: left; padding-left: 0!important; padding-right: 0!important;} #product-review-table tbody td{display: inline-block; width: 33px;} #product-review-table tbody th:first-child{width: 50px} .box-add-review .data-table{width: 275px; border-collapse: inherit} #product-review-table .radio{margin: 0} .yt-product-detail .product-info-box{border-bottom: 1px solid #393939; margin-bottom: 30px;} #yt_tab_products .yt-tab-content >div{border-bottom: none; } .product-box-left .product-img-box{margin: 0 auto; float: none;max-width:100%;} .product-image-zoom .popup-btn{position: relative; background: #222225; float: left; margin: 20px 0} .product-image-zoom .popup-btn .zoom-btn:before, .product-img-box .more-views:before{right: 100%;} .product-image-zoom .popup-btn .zoom-btn:after, .product-img-box .more-views:after{left: 100%;} .product-image-zoom .popup-btn .zoom-btn:before, .product-image-zoom .popup-btn .zoom-btn:after, .product-img-box .more-views:before, .product-img-box .more-views:after{ position: absolute; content: ""; width: 9999px; top: 0; bottom: 0; background: #222225; } .product-image-zoom .popup-btn .zoom-btn:after, .product-img-box .more-views:after{width: 70px} .product-img-box .product-image-zoom #wrap{padding-bottom: 0} .product-box-left .product-img-box .more-views{margin-left: -7px;} .product-box-left .product-img-box .more-views li{padding: 0; background: #fff; margin: 0 7px} .product-box-left .product-img-box #image{margin-bottom: 30%} .product-box-left .product-img-box .cloud-zoom #image{margin-bottom: 0} .more-views-control .next, .more-views-control .prev{ bottom:45px!important; } .more-views-control .next{right:-16px!important;} .more-views-control .prev{left:-16px!important;} @media (max-width: 1199px){ .yt-product-detail .product-box-left, .yt-product-detail .product-box-right{width:100%} } @media (max-width: 699px){ .product-box-left .product-img-box{padding: 0} .product-box-left .product-img-box .more-views li{padding: 0; background: none; } /*.product-box-left .product-img-box .more-views{margin-left: 0}*/ .more-views-control .prev{left: -10px; bottom: 50px;} .more-views-control .next{right: -10px; bottom: 50px;} .more-views .jCarouselLite{margin:0 auto!important;} } @media (max-width: 478px){ .block_free_postage{text-align: center} #product-review-table tbody th:first-child{display: inline-block; text-align: left; width: 50px!important;} .yt-product-detail .box-add-review .form-list label, .yt-product-detail .box-add-review .form-list input, .yt-product-detail .box-add-review .form-list textarea{width: 85%!important;} .catalog-product-view .main .container-wrap{padding-top: 0} #yt_tab_products .yt-tab-navi li.active, #yt_tab_products .yt-tab-navi li, #yt_tab_products .yt-tab-navi li a{height: 40px!important;} ul.yt-tab-navi{padding-left: 0} .free_postage .title_block_free_postage{width: 100%} } .tab-content-product .panel-heading, #product-options-wrapper p.required{display: none} @media (max-width: 480px){ ul.yt-tab-navi.clearfix, .tab-content-product .collateral-box{display: none} .tab-content-product .panel-heading, .tab-content-product{display: block!important; padding: 0!important;} .col-upsell-product-section .span12{width:100%;max-width:100%;margin-bottom:30px} } .yt-product-detail .product-box-left{margin-bottom: 25px} .product-essential .price-box .old-price{float: none; margin: 0} .product-essential .price-box .old-price span.price{font-weight: bold; font-size: 24px; color: #8b8b8b;} .product-essential .price-label{display: block} .product-essential .old-price .price-label{color: #8b8b8b; font-family: "Oswald"!important; font-size: 24px; display: inline-block; font-weight: bold; text-transform: uppercase} .product-essential .special-price .price-label{color: #e51b24; font-family: "Oswald"!important; font-size: 32px; display: inline-block; text-transform: uppercase} .product-box-left .product-img-box .cloud-zoom-big{border: none!important; box-shadow: none!important; left: 0px!important; top: 0px!important;} .cms-home .category-products .product-add-box ul{padding-left: 0; margin-top: -4px;} @media (max-width: 1200px){ .catalog-category-view .category-products.products-grid .item, .catalog-category-view .category-products.products-grid .item-inner:hover{ height: 470px; } .catalog-category-view .products-grid [class*="span"]{vertical-align: inherit;} } .buttons-set.add-review:hover{background: #3c3c3c!important; border-color: #6b6b6b;} @media (max-width: 479px){ .more-views .jCarouselLite{margin: 0 auto!important;} } #price-label-from{color:#959595;} .products-grid #price-label-from{margin-bottom: 0;} #confirmbox #price-label-from{margin-bottom: 0;line-height: 1;} .price-box .price-including-tax{display: none} .price-box .price-excluding-tax span.price{float: left} .price-box .price-excluding-tax .label-right{width: 65px; display: inline-block; line-height: 16px; margin-left: 10px; margin-top: -5px;} .products-grid .price-box .price-excluding-tax .label-right{width:auto;margin-top:0;line-height: 22px;} #confirmbox .price-box .price-excluding-tax .label-right{width:auto;margin-top:0;line-height: 34px;} #confirmbox .price-box .price-excluding-tax span.price{color:#e51b24!important;} .catalog-product-view .price-box .price-excluding-tax .label-right span{font-size: 17px;} .price-box .price-excluding-tax .label-right span{color: #959595; font-size: 13px; font-weight: bold; letter-spacing: -1px;} .price-box .price-excluding-tax .label-right span.currency{text-transform: uppercase} .price-box .price-excluding-tax{display: inline-block} #review-form .right-part, #review-form .left-review, .left-top-review, .right-top-review{width: 50%; display: inline-block; float: left;} #review-form .left-review{margin-top: -10px;} #review-form .right-review-btn{width: 50%; float: right} .left-top-review h2.review-title, .left-top-review h2.review-title span{font-family: "Oswald"; font-size: 32px; font-weight: 800; color: #fff; text-align: left} .left-top-review .btn-addreview-container{text-align: left} .left-top-review .btn-addreview-container .btn-addreview{background: none; border: 1px solid #4f4f4f; box-shadow:none; font-family: "Oswald"; font-size: 16px; font-weight: 800; text-transform: uppercase;} .left-top-review .btn-addreview-container .btn-addreview:hover{padding: 0 40px 0 25px; background: #3c3c3c; border: 1px solid #6b6b6b; box-shadow:none;} .left-top-review .btn-addreview-container .btn-addreview:after, .left-top-review .btn-addreview-container .btn-addreview:before{display: none} .right-top-review dl dt a{font-family: "Oswald"; font-size: 24px!important; font-weight: 800; text-transform: uppercase!important; display: block;} .right-top-review dl dt a:hover{text-decoration: underline} .right-top-review{font-size: 13px; padding-top: 6px;} .right-top-review .review-author{padding-top: 7px; display: block;} .right-top-review .rating-detail, .right-top-review th{color: #adadad} .right-top-review .rating-detail small{display: block; color: #666; font-size: 13px!important; font-style: italic;} .rating-box .rating{background-color: transparent} .catalog-product-view .box-add-review-inner .form-add, .review-product-list .box-add-review-inner .form-add{clear: both} /** END: Product page*/ .header-nav-container-home ul#nav > li.active:after, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived:after{border-color: #e51b24 rgba(255,255,255,0) rgba(255,255,255,0)!important;} /* 90 Edit Color change c53b2b to e51b24*/ /** BEGIN:Shopping cart*/ .checkout-cart-index .cart{color:#fff} .cart .page-title h1{color: #fff} .cart .page-title .checkout-types .button{display: none} .checkout-onepage-index .page-title, .my-account .page-title, .checkout-cart-index .page-title{margin-top: 36px} #shopping-cart-table{border-collapse: inherit} #shopping-cart-table thead th span, #shopping-cart-table thead th{color:#fff; font-family: "Oswald"; font-size: 18px; font-weight: 800; text-transform: uppercase; border-left: 0; border-right: 0; border-color: #393939} #shopping-cart-table td{border-top:0; border-left: 0; border-right: 0; border-color: #393939;} #shopping-cart-table td h2 a, #shopping-cart-table td a, #shopping-cart-table td span{font-size: 14px; color: #fff} #shopping-cart-table td h2 a:hover{color: #fff; text-decoration: underline} #shopping-cart-table .qty{padding: 7px 15px} #shopping-cart-table button.button, #shopping-cart-table button.button span{background: none; font-size: 13px} #discount-coupon-form .discount h2, .cart-collaterals .col2-set .shipping h2{color:#fff; font-family: "Oswald"; font-size: 18px; font-weight: 800; text-transform: uppercase; background: none; text-indent:0} .cart-collaterals .col2-set .discount .button{background: none; border: 1px solid #393939} .cart-collaterals .col2-set .discount .button span{padding: 5px 0} .cart-collaterals .col2-set .discount .input-text{padding: 7px} .cart-collaterals .col2-set .shipping .button{background: none; padding-left: 0} .cart-collaterals .col2-set .shipping .button > span{border: 1px solid #393939; padding: 9px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;} #shopping-cart-totals-table tbody tr:first-child td{border: none; padding-top: 0} #shopping-cart-totals-table tbody tr td{border-top: 1px solid #393939; padding: 12px 0;} #shopping-cart-totals-table tbody tr td strong, #shopping-cart-totals-table tbody tr td span, #shopping-cart-totals-table tfoot tr td strong, #shopping-cart-totals-table tbody tr td, #shopping-cart-totals-table tfoot tr td span{font-size: 16px; font-weight: normal} body .btn-proceed-checkout.btn-checkout.button{background: #00a000; padding: 10px 0 6px 0; width: 88%;} body .btn-proceed-checkout.btn-checkout.button:hover{background: #00bb00;} .shipping-form select, .shipping-form input{padding: 7px; border-radius: 0} .shipping-form select{height: 40px} .shipping dl.sp-methods{padding-top: 20px} .shipping .shipping-form label, .shipping .shipping-form label em{font-size: 13px; color: #adadad; font-weight: normal;} #shopping-cart-totals-table tbody tr td.a-right span { white-space: nowrap; } /** END:Shopping cart*/ /** BEGIN:Checkout*/ #checkout-progress-wrapper .block{border: 1px solid #4f4f4f;} #checkout-progress-wrapper .block .block-content dt{color: #fff; font-size: 13px; padding: 10px 0 10px 15px; background: #181818} .checkout-onepage-index .page-title{display: none} .checkout-onepage-index .opc .allow .step-title{background: #666; padding: 8px;} .checkout-onepage-index .opc .allow .step-title span, .checkout-onepage-index .opc .allow .step-title h2, .checkout-onepage-index .opc h2, .checkout-onepage-index .opc .number{color:#fff; font-family: "Oswald"; font-size: 18px; font-weight: 800; text-transform: uppercase;} .checkout-onepage-index .opc .allow .number{margin-right: 3px;} .checkout-onepage-index .opc .number{margin-top: 0; margin-right: 3px; line-height: 38px} #payment-progress-opcheckout dt{border: none} #checkoutSteps h3{color:#fff; font-family: "Oswald"; font-size: 20px; font-weight: 800; text-transform: uppercase; border-bottom: 1px solid #4f4f4f; padding-bottom: 7px; margin-bottom: 15px;} #checkoutSteps h3.product-name, .sales-order-view h3.product-name{font-weight: normal; color:#fff; font-family: Arial, sans-serif; font-size: 14px; text-transform: capitalize!important; border:none; padding-bottom: 7px; margin-bottom: 15px;} #checkoutSteps .col-1, #checkoutSteps label, #checkoutSteps .col-2 label, #checkoutSteps .col-2 p, #checkoutSteps label em{font-size: 13px; color: #adadad; font-weight: normal} #cart-sidebar-reorder input[type="checkbox"], .actions input[type="checkbox"], #checkoutSteps .control input[type="radio"], #checkoutSteps .sp-methods input[type="radio"], .customer-account-create .account-create .control div.input-box input[type="checkbox"], #checkoutSteps input[type="checkbox"],#co-shipping-method-form input[type="radio"] {display: none!important;} #checkoutSteps .control input[type="radio"] + label span, #checkoutSteps .sp-methods input[type="radio"] + label, #co-shipping-method-form input[type="radio"] + label{display: inline-block; background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/radio_uncheck.png') left center no-repeat; width: 23px!important; height: 23px; margin:-1px 4px 0 0; vertical-align:middle; cursor:pointer;} #checkoutSteps .control input[type="radio"]:checked + label span, #checkoutSteps .sp-methods input[type="radio"]:checked + label, #co-shipping-method-form input[type="radio"]:checked + label {background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/radio_checked.png') left center no-repeat;} #checkoutSteps .sp-methods input[type="radio"] + label, #co-shipping-method-form input[type="radio"] + label{width:auto!important;padding-left:30px;} #checkoutSteps .col-1 .form-list{padding-top: 10px; margin-bottom: 0;} #onepage-guest-register-button{background: none; border: 1px solid #4f4f4f; float: left; padding-top: 9px; padding-bottom: 5px; margin-top: 20px!important;} #checkoutSteps .col-2 em, #checkoutSteps p.required{display: none} .opc .step{background: #181818} #checkoutSteps .col-2 .form-list input{width: 100%} #checkoutSteps .form-list input{background-color: #fff!important; padding: 5px; border-radius: 0; border-color: #fff; font-size: 13px;} #checkoutSteps .form-list input:visited, #checkoutSteps .form-list input:-webkit-autofill, input:-webkit-autofill, input:focus{-webkit-box-shadow:0 0 0 1000px white inset; -webkit-text-fill-color: #999;} .opc .step .buttons-set .f-left, .opc .step .buttons-set .f-left:hover{color: #fff} #checkoutSteps .buttons-set .button, .header-back .button, .header-back .button:hover{background: none; border: 1px solid #4f4f4f; padding-top: 9px; padding-bottom: 5px; margin-top: 0;} #billing-new-address-form li .input-box select{height: 33px; border-radius: 0} #checkoutSteps .sp-methods dt{padding-bottom: 7px;} #checkoutSteps #payment_form_ccsave .input-box .v-fix{padding-right: 10px} #header-checkout #header-bottom{height: 130px; box-shadow:none; display: block!important; margin-top: 0} #header-checkout .header-logo a{background: #000} #header-checkout .header-logo{position: relative; width: 202px; margin: 0 auto; top: 17px; left: 0;} #header-checkout .header-back, #header-checkout .header-nav{position: absolute; display: inline-block; top: 37px;} #header-checkout .header-nav{right: 5px} #header-checkout .span12{position: relative} #header-checkout .header-call{line-height: 55px} @media (max-width: 979px){ #header-checkout .header-logo{padding: 0} } @media (max-width: 600px){ #header-checkout .header-back, #header-checkout .header-nav-inner{display: none} #checkoutSteps label, #checkoutSteps select, #checkoutSteps input{width: 100%!important;} } #shopping-cart-table tfoot button > span:hover, #shopping-cart-table a:hover{text-decoration: underline} #shopping-cart-table tbody td{padding: 20px} #shopping-cart-table .btn-continue{padding-left: 10px} .btn-remove:hover{margin-top: 3px!important;} .col2-set .totals tr td:first-child{padding-right: 55px!important;} #shopping-cart-table tbody td:nth-child(2){padding-left: 8px} #shopping-cart-table tbody td:nth-child(4), #shopping-cart-table tbody td:nth-child(6){text-align: center} #checkout-progress-wrapper .block-title{background-color: #e51b24} #shipping-method-buttons-container button, #shipping-buttons-container button, #payment-buttons-container button{margin-top: 6px!important;} #checkout-step-review{overflow: hidden;} #checkout-review-submit #review-buttons-container{margin-top: 15px; float: right} #checkout-review-submit button.btn-checkout{border: 0!important; background-color: #00a000!important} #checkout-review-submit button.btn-checkout:hover{border: 0!important; background-color: #00bb00!important} #checkout-review-submit .f-left{padding-right: 12px} .cart-empty{color: #fff} .checkout-onepage-index .opc h2{letter-spacing: 1px} /** END:Checkout*/ .bottom-header{display: block; position: relative; z-index: 9;} #checkoutSteps.opc li.allow{border: 1px solid #4f4f4f;} /* BEGIN:Register page*/ .customer-account-create .page-title h1{border-bottom: 1px solid #4f4f4f; width: 100%; padding: 30px 0; display: block} .customer-account-create .register-form .fieldset h2.legend, .my-account .welcome-msg strong, .my-account .box .box-title h3, .my-account .fieldset h2.legend, .my-account .product-name{white-space: nowrap; color:#fff; font-family: "Oswald"; font-size: 18px; font-weight: 800; text-transform: uppercase;} .my-account .my-wishlist .product-name{ white-space: normal; } .customer-account-create .register-form .fieldset{display: block; float: left; width: 100%; padding-bottom: 30px;} .customer-account-create .register-form .fieldset:nth-child(2) ul.form-list{margin: 0} .customer-account-create .register-form .fieldset label, .customer-account-create .register-form .fieldset label em, .my-account label, .my-account label em{color:#adadad; font-size: 13px; font-weight: normal} #cart-sidebar-reorder input[type="checkbox"] + label span, .actions input[type="checkbox"] + label span, .control input[type="checkbox"] + label span, .customer-account-create .account-create .control div.input-box input[type="checkbox"] + label span, .my-account .control input[type="checkbox"] + label span, label.checkboxstyle span{background:url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/ic-check.png") left center no-repeat; height: 23px; background-position: 0 0; display: inline-block; width: 20px; vertical-align: middle; padding-right: 5px;} #cart-sidebar-reorder input[type="checkbox"]:checked + label span, .actions input[type="checkbox"]:checked + label span, .control input[type="checkbox"]:checked + label span, .customer-account-create .account-create .control div.input-box input[type="checkbox"]:checked + label span, .my-account .control input[type="checkbox"]:checked + label span,label.ticked span{height: 23px; display: inline-block; background-position: -27px 0;} .customer-account-create .form-list input.input-text{border-radius: 0; padding: 5px; width: 280px} .booking-course button.button, .customer-account-resetpassword .buttons-set button.button, .customer-account-forgotpassword .buttons-set button.button, .customer-account-changeforgotten .buttons-set button.button, .checkout-onepage-success .buttons-set button.button, .customer-account-create .button.register-button, .customer-account-login #login-form .buttons-set .button{border: 1px solid #393939!important; height: 40px; padding: 5px 20px 0 20px!important; display: inline-block; width: auto;} .customer-account-changeforgotten .buttons-set button.button{margin-left:0;} .customer-account-create .back-link, .my-account .back-link a, .my-account .back-link, .customer-account-login .account-login a{color: #fff;} @media (max-width: 528px){ .customer-account-create input.input-text, .customer-account-create .fieldset ul.form-list, .my-account .product-review .product-details, .my-account .product-review .product-img-box{width: 100%!important} .customer-account-create .field.name-firstname, .customer-account-create .password-field{margin-right: 0} .customer-account-create .main .container-wrap{padding-top: 0} /*.top-search .button{float: left; margin-left: 10px!important;}*/ } /* END:Register page*/ /* BEGIN:Account page*/ .my-account .page-title h1{text-transform: uppercase; border-bottom: 1px solid #393939; width: 100%; display: block; padding-bottom: 30px;} .block-account{background: #151516} .block-account ul li.current strong{font-weight: normal; text-decoration: underline} .block-account ul li, .block-account ul li a, .my-account .product-name a{font-size: 13px; color: #fff; border-bottom: none} .my-account .page-title{margin-top: 5px} .my-account .fieldset, .my-account #form-validate{padding-top: 0; margin-top: 0} .my-account .buttons-set .button{border: 1px solid #4f4f4f; padding-top: 6px; padding-bottom: 3px;} .customer-account-index .my-account .page-title{padding-bottom: 0} .customer-account-index .my-account .welcome-msg, .my-account .box .box-content{font-size: 13px; color: #adadad} .customer-account-index .my-account .welcome-msg p:nth-child(2){padding: 10px 0;} .my-account .box .box-title{background:#333; padding: 2%; width: 96%} .my-account .box .box-title a, .my-account a, .my-account a:hover{color: #fff;} .my-account .box .box-content{padding: 2% 2% 2% 3%; } .my-account .box .box-content .col-2{padding-top: 20px} .my-account input, .my-account select{border-radius: 0; padding: 5px} .my-account p.required, .my-account .control input[type="checkbox"], .customer-account-login p.required, p.required{display: none} .my-account .fieldset .legend{white-space: nowrap} .my-account .rating-box, .my-account .rating-box .rating{width: 68px; background-color: transparent; background-position: 0 1px; background-repeat: space;} .my-account .btn-cart span{text-transform: uppercase;} .my-account .btn-cart{padding: 0 20px 1px} .my-account .price-box span.price{color: #cd3c2b} .my-account .product-review .product-img-box .label{color: #fff; font-size: 13px; padding: 15px 0;} .my-account .product-review .product-img-box .rating-box{padding-bottom: 15px;} .my-account .product-name{margin-left: 0} .my-account .ratings p.rating-links{margin-bottom: 20px} .my-account a:hover{text-decoration: underline} .page-title .button{border: 1px solid #4f4f4f; background: none; padding: 13px 30px 8px 30px; top: 5px;} .page-title .button:hover{background-color: #3c3c3c;} #aw-customerattributes-customer-form-edit-fieldset{position: absolute; right: 129px} #label-edit-account-information{margin-bottom: 25px} .my-account .control label[for=primary_billing], .my-account .control label[for=primary_shipping]{color: #fff} @media (max-width: 1199px){ #aw-customerattributes-customer-form-edit-fieldset{position: static} } .btn-quick-order, .btn-previous-order{background: #e51b24; padding: 15px 30px; border-radius: 3px; display: inline-block; margin-bottom: 25px} .btn-quick-order:hover, .btn-previous-order:hover{text-decoration: none!important; background: #a70007} @media (min-width: 767px){ .btn-previous-order{margin-left: 15px} } /* END:Account page*/ /* BEGIN:Create an Account page*/ .customer-account-login .page-title{padding-top: 30px; /*border-bottom: 1px solid #393939;*/} .customer-account-login #login-form .new-users h2, .customer-account-login #login-form .registered-users h2 {padding-left: 0; background:none; margin-left: 0; text-indent:0; white-space: nowrap;} .customer-account-login #login-form .buttons-set{border: none} .customer-account-login .account-login .content p, .customer-account-login .account-login label, .customer-account-login .account-login em{font-size: 13px; color: #adadad; margin-left: 0; font-weight: normal} .customer-account-login .form-list li .input-box .input-text{padding: 8px; border-radius: 0} .customer-account-login .account-login .content div{margin:0} .customer-account-login .account-login .col-2, .customer-account-login .account-login .col-1{padding-top: 10px} #login-form .buttons-set a{line-height: 47px} .my-account .box .box-content h4{color: #d6d6d6; font-size: 13px; font-weight: bold} .my-account{font-size: 13px} .customer-account-login .account-login .col-1.new-users{width: 40%; display: inline-block;float: left; padding-right: 6%;} .customer-account-login .account-login .col-2.registered-users{width: 40%; display: inline-block;float: right;} .customer-account-login .account-login .col-2.registered-users input{width: 345px} .customer-account-login .account-login .col-2.registered-users .form-list{margin-top: 15px} .customer-account-login #login-form .buttons-set .button{float: left; margin-left: 0} .customer-account-login #login-form .buttons-set a{padding-left: 121px} @media (max-width: 979px){ .customer-account-login .account-login .col-1.new-users,.customer-account-login .account-login .col-2.registered-users{width: 100%!important} .customer-account-login .account-login .col-2.registered-users, .customer-account-login .account-login .col-1.new-users .right-new-user{margin-top: 35px} .customer-account-login #login-form .buttons-set a{padding-left: 20px} } @media (max-width: 467px){ .customer-account-login .form-list li .input-box .input-text{width: 100%!important;} } /* END:Create an Account page*/ /*============strapit tivi - video view page--========*/ #disqus_thread span{ color:#ffffff!important; } #disqus_thread header span,#disqus_thread header,#disqus_thread a,#disqus_thread span span,.post-content header .author, .post-content header a{ color:#c73404!important; } #disqus_thread .nav-primary a{ font-size:12px!important; } .addthis_sharing_toolbox{ padding-top:42px; padding-bottom:35px; } #disqus_thread span.title.line-truncate,#disqus_thread h3 span,.dark .discovery-post .top-comment .user{ color:#c73404!important } .video-created{ font:normal 13px Arial; color:#fff; width:100%; display:inline-block; } .video-detail-page .page-title{ padding-bottom:15px } .error-msg{color: #fff} body .header-top .top-search .jqTransformInputWrapper_hover input#search{/*width: 258px !important;*/ z-index: 1} .mini-cartpro.block{z-index: 1} .cms-page-view .yt-content-main h2{font-family: "Oswald"; font-weight: 800; font-size: 32px; color: #fff} .cms-page-view .yt-content-main{color: #adadad; font-size: 13px} .cms-page-view #yt_pathway{margin: 20px 0 10px;} .cms-page-view #yt_pathway .page-title{border-bottom: 1px solid #393939; margin-bottom: 26px; padding-bottom: 10px;} .category-products h2.product-name a{min-height: 46px} /*90 add style*/ .address_left { float:left; width: 48%; padding-right: 20px; } .address_right { float:left; width: 48%; } .address_right #contactForm{ margin: 0; } .address_right #contactForm label{ position: relative!important; padding-top: 7px; } .address_right #contactForm .form-group { float: left; padding: 5px 0; width: 100%; } .address_right #contactForm .col-sm-offset-2.col-sm-10 { float: right; margin-right: 47px; text-align: right; } .col-sm-2{ width:25%; float: left; } .col-sm-10{ width: 75%; float: left; } .header-top { background: #090909; padding-bottom: 30px; } .header-bottom{ background-color:#090909; } .red_bar div { float: left; width: 50%; padding: 10px 0; text-align: center; color: #fff; font-weight: bold; font-size: 16px; } .light{ background-color: #e51b24; } .dark{ background-color: #c0121a; } .mini-cartpro .block-title .summary .amount a{ color: #686868!important; } h3{ font-weight: bold; font-size: 26px; margin-bottom: 20px; margin-top: 10px; } h2 { margin-bottom: 20px; margin-top: 10px; } p{ margin-bottom: 10px; } .products-grid .product-box .price-box > p.old-price .price { color: #888 !important; font-size: 16px !important; font-weight: normal; margin-left: 15px; top: 25px; } #frm_signup .fieldset ul.form-list { width:100%; } #frm_signup .form-list li .input-box .input-text { width:97% !important; } #frm_signup .form-list li .input-box select { width:100%; } a.btn-upgrade span span { color:#fff; } @media all and (max-width: 979px) { .navbar-inner .btn.btn-navbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 0 none; box-shadow: none; float: inherit; margin: auto; text-align: center; padding: 10px 10px 7px!important; } .btn.btn-navbar li { display: inline-block; font-size: 24px; font-weight: bold; text-transform: uppercase; font-family: Oswald; } .navbar-inner .btn.btn-navbar:focus{ background: none!important; box-shadow: none; outline: none; } .navbar .btn-navbar .icon-bar{ margin-top: 7px; margin-right: 8px; width: 1.2em } .navbar .btn-navbar .icon-bar:first-child{ margin-top: 0; } .navbar-inverse .navbar-inner{ background: #232323; } .header-logo{ background: #090909!important; padding: 30px 0; } .header-logo a, .main-top{ background: #090909!important; } .header-mobi .navbar-inner{ padding: 10px 0; border-top: 1px solid #4f4f4f!important; border-bottom: 1px solid #4f4f4f!important; } .header-top{ background: #333; padding-bottom:0; } .navbar{ margin-bottom: 0!important; } .red_bar{ display: none; } .mobile_header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li a{ height: auto; float: inherit!important; color: #d0d0d0 } html .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived > a:after, html .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived > a{background-color: transparent!important} html .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li:first-child a:after{display: none} .mobile_header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li > *, body .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li a.sm_megamenu_head{padding: 0 20px!important;} .mobile_header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li{ line-height: 20px; padding: 10px 0; display: block; border-top: 1px solid #4f4f4f; width: 100%; } .mobile_header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li:after{ border:0!important; } .sm_sport #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 .bg-custom a span, .mobile_header-nav .header-nav-container-home ul#nav > li > a, .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li.sm_megamenu_lv1 .sm_megamenu_head .sm_megamenu_title { text-align: left!important; text-transform: capitalize; font-size: 13px!important; font-family: arial!important; font-weight: normal; } .mobile_header-nav .last > a { border-top: 1px solid #4f4f4f; color: #d0d0d0; display: block; padding: 10px 20px; } .mobile_header-nav .li-add{ padding-left: 0!important; } .more-actions a { float: inherit!important; padding-left: 10px; display: inline-block!important; color: #fff; } #uniform-chk_remember span{ margin: 0; padding: 0; } .login-quick1 .chk-remember .checker{display:block!important} .login-quick1 .chk-remember #uniform-chk_remember{float:left;margin-top:0!important} .chk-remember label { color: #fff; } .actions input.submit-repl{ margin: 5px 0 0; } .more-actions span { padding-left: 4px; } .bottom-footer .block-item{width: 100%; background: #000; height: auto; padding: 0 0;} .block-title-secure-pay{padding-top: 0} .bottom-footer ul li{border-color: #4f4f4f} #yt_footer .bottom-footer .block-content{display: none;} .bottom-footer .block-user1 .block-title{border-top: 1px solid #4f4f4f;} .bottom-footer .block-title{border-bottom: 1px solid #4f4f4f; padding: 22px 0px; margin-bottom: 0;} #yt_footer{width: 100%} .copy-right:before{left: 0; margin-left: 0} .footer-secure-pay{display: block} .bottom-footer .block-user3 .block-title-secure-pay, .bottom-footer .block-user3 .block-content-secure-pay{display: none!important} .bottom-footer .block-title:after{background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/arrow-f.png') right center no-repeat; content: ""; width: 27px; height: 12px; display: inline-block; float: right; margin-right: 10px; transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);} .bottom-footer .contact-us{margin-right: 0!important;} #block-user1-top.arrow:after, #block-user2-top.arrow:after, #block-user3-top.arrow:after, #block-user4-top.arrow:after{transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);} .sm-afterfooter .row .bottom-footer .span12{padding: 0; width: 100%;} .cms-home #supporting-health,.cms-home .sm-afterfooter .row .bottom-footer .span12{padding: 0 15px; width: inherit;} .bottom-footer{background: none} } @media all and (max-width: 380px) { .top-search .button { display: inline-block; margin: 0 auto; float: right; } .header-top .top-search input#search { display: block; visibility: visible; width: 98px !important; opacity: 1!important; } .header-top .top-search .form-search{position: absolute; width: 150px} .header-top .top-search .form-search .jqTransformInputWrapper_focus input#search, .header-top .top-search .form-search:hover input#search{opacity: 1!important; position: relative} /*.top-search #search_mini_form .form-search:hover input#search{top:0!important; margin-top: 30px; margin-left: 10px;} *//*90 comment it*/ .top-search #search_mini_form .form-search:hover input#search{ top:0!important; } } @media all and (max-width: 492px) and (min-width: 381px){ .header-top .top-search .form-search{ width: 182px; } .header-top .top-search input#search { width: 130px !important; } } /*90 add style end*/ @media all and (max-width: 453px) { .copy-right p{width: 100%; padding: 30px 0 0 0;} } .footer-secure-pay{text-align: center; padding: 43px 0 0;} @media all and (min-width: 980px) { #yt_footer .bottom-footer .block-content{display: block!important;} } #login-form .new-users h2, #login-form .registered-users h2{font-family: "Oswald"; font-weight: 800; font-size: 18px; letter-spacing: 0.5px;} .mini-cartpro .block-title .summary:after{background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/arrow-cart.png') 90% center no-repeat; content: ""; height: 7px; width: 9px; display: block; position: absolute; right: 5px; top: 13px;} .mini-cartpro .block-title .summary .amount{padding-right: 24px!important} @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li.sm_megamenu_lv1 .sm_megamenu_head .sm_megamenu_title, ::i-block-chrome , .header-call { letter-spacing: -1px; } } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived > a{background-color: #232323!important} .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.sm_megamenu_actived > a{background-color: #e51b24!important;} .carousel-control{top: 52%!important} .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li:first-child a.sm_megamenu_head:after{content: ""; width: 829px; background: #4f4f4f; display: block; height: 1px; left: 3px; position: absolute;} .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li.sm_megamenu_actived:first-child a:after{display: block!important;} /*===============CMS PAGE=============*/ .std h1{ font-family:Oswald; font-weight:700; font-size:42px; color:#fff; text-transform:uppercase; padding:30px 0 25px 0; } .strapitw,.gripita,.fullpay{ width:385px; height:60px; float:left; margin-right:7px; text-align:center; padding:20px 0 30px 0; font:700 24px Oswald; color:#fff; text-transform:uppercase; max-width:100%; } .strapitw span,.gripita span,.fullpay span{ font-size:18px; } .strapitw{ background:#e51b24; } .gripita{ background:#0093d0; } .fullpay{ background:#279711; float:right; margin-right:0; } .std ul{ list-style:disc; padding-left:20px } .std ol{ list-style:decimal; padding-left:20px; } .std #contactForm label{font-size:13px;} .accordion-toggle,.std h3,.std h3.panel-title a,.std h3 a{ font-family: "Oswald"; font-weight: 700; font-size: 32px; color: #fff; text-transform:uppercase; } #paccordion{ border-top:1px solid #4f4f4f; padding-bottom:30px; display:inline-block; } .std #paccordion h3.panel-title{ border-bottom:1px solid #4f4f4f; padding:32px 0; margin:0 } #paccordion .panel-body{ border-bottom:1px solid #4f4f4f; padding-top:25px; padding-bottom:25px } div.accordion-toggle{ position: relative; /* required for effect */ z-index: 10; /* required for effect */ } div.accordion-content{ overflow: hidden; /* required for effect */ } .bottom-footer .block-social li a:hover{background-color: #e51b24} .catalog-category-view .category-products .special-price .price{color: #e51b24!important} html .pagination .pages li a{color: #666;} html .pagination .pages li.current a, html .pagination .pages li a:hover{color: #e51b24!important;} #sm_wrapper { overflow:hidden; } /* =========== Quick Order Page =========== */ .quick_order{} .quick_order .page-title{border-bottom:2px solid #4f4f4f;} .quick_order .page-title h1{color:#FFF; text-transform:uppercase; font:Bold 42px Oswald,Arial,sans-serif;} .quick_order p.descrip{color:#adadad; font:Bold 13px Arial,sans-serif; padding:20px 0;} .quick_order .filter_category{border:1px solid #4f4f4f; background:#212121; padding:20px 10px;} .quick_order .filter_category h2{color:#FFF; text-transform:uppercase; font:Bold 24px Oswald,Arial,sans-serif; margin:0 0 0 10px;} .quick_order .filter_category ul.categories{clear:both; display:block; overflow:hidden;} .quick_order .filter_category li.fcateg{float:left;display:inline-block; margin:10px 0 0 10px;} .quick_order .filter_category li.fcateg a{color:#FFF; text-transform:uppercase; font:Bold 16px Oswald,Arial,sans-serif;border:4px solid #e51b24; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; padding:10px 18px; background:#e51b24; display:block;} .quick_order .filter_category li.fcateg.current a{border-color:#a70007;} .quick_order .filter_category li.fcateg a:hover{border-color:#a70007; background:#a70007;} .quick_order .table-category{background:none; border:0; border-collapse: collapse; color:#fff; font:14px Arial,sans-serif; width:100%;} .quick_order .table-category td.product-image{padding-left:0;} .quick_order .table-category td.product-image .zoom{padding:0; margin:0;} .quick_order .table-category td.tick_to_add{padding-left:0; padding-right:0;min-width:70px; text-align:right;} .quick_order .table-category tr{border-bottom:1px solid #4f4f4f;} .quick_order .table-category .product_name{color:#fff; font:14px Arial,sans-serif;} .quick_order .table-category td.amount{min-width:65px;padding-right:0} .quick_order .category-products .price-box span.price{color:#FFF !important; font:Bold 20px Arial,sans-serif;} .quick_order .td_options label{margin-bottom:20px; color:#fff; font:14px Arial,sans-serif;} .quick_order .td_options label em{display:none;} .quick_order .td_options select{height:40px;} .quick_order td.amount label{text-align:left; margin-bottom:20px;} .quick_order td.amount .input-text.qty{width:40px; height:30px; border-radius:0; float:left; border:1px solid #4f4f4f;padding:3px 0;} .quick_order td.amount .quantity_box_button{float:left; display:inline-block; margin-left:6px;} .quick_order td.amount .quantity_box_button span{clear:both; display:block; cursor: pointer; width:16px; height:16px; line-height:14px; background:#e51b24;text-align:center;} .quick_order td.amount .quantity_box_button span.quantity_box_button_down{margin-top:6px;} .quick_order td.amount .quantity_box_button span:hover{background:#a70007;} .quick_order td.tick_to_add label{margin:-8px 0 20px -26px; color:#fff; font:14px Arial,sans-serif;} .quick_order td.tick_to_add a{width:40px; height:40px; display:block; cursor: pointer; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/tick_to_add.png) 0 100% no-repeat #fff;float:right;} .quick_order td.tick_to_add a.toAdd{background-position:5px 5px;} .quick_order .in-cart{ float: left; padding: 20px 0; width: 100%;} .quick_order .in-cart .button{background:#279711;float:right;} .quick_order .in-cart .button span span{font:Bold 13px/35px Oswald,Arial,sans-serif; text-transform:uppercase; padding:0 15px;} .quick_order .in-cart .items_selected{float:left; color:#FFF; line-height:35px;} .quick_order .category-products{width:100%;} .quick_order .pager{border:1px solid #4f4f4f;} .quick_order .pager .amount{display:none;} .quick_order .pager .limiter{padding:3px 0 3px 15px;} .quick_order .pager .limiter select{width:55px;} .quick_order .pager .pagination{float:right; padding-right:15px;} /* =========== End Quick Order Page =========== */ /*============BEGIN CHECKOUT SUCCESS============*/ .checkout-onepage-success .yt-content-main, .customer-account-forgotpassword .yt-content-main, .customer-account-forgotpassword .yt-content-main em, .customer-account-resetpassword .yt-content-main, .customer-account-resetpassword .yt-content-main em, .customer-account-changeforgotten .yt-content-main, .customer-account-changeforgotten .yt-content-main em { color: #adadad; font-size: 13px; } .checkout-onepage-success .page-title, .customer-account-forgotpassword .page-title, .customer-account-changeforgotten .page-title, .customer-account-resetpassword .page-title{ margin-top: 30px;} .customer-account-changeforgotten .fieldset{ margin-top:0;} .checkout-onepage-success .yt-content-main a, .checkout-onepage-success .yt-content-main a:hover{color: #e51b24!important} /*============END CHECKOUT SUCCESS============*/ .sm_sport #confirmbox .product-name > a, #confirmbox .product-name > h1{font-family: "Oswald"; font-size: 18px; color: #333; text-transform: uppercase; font-weight: 800} .sm_sport #confirmbox .product-name > a:hover,#confirmbox .product-name > h1:hover{ color: #333!important; text-decoration: underline} .sm_sport #confirmbox{box-shadow: none!important; border:none!important; width: 400px!important; padding: 40px;} .sm_sport #confirmbox .body-iteminfo{float: none} .sm_sport #confirmbox .bottom-iteminfo{display: none} .sm_sport #confirmbox .product-name{text-align: center; padding-bottom: 5px} .fancy-bg{background: none!important} #options #fancybox-close:before, .fancybox-close:before{background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/close.png') right center no-repeat; content: ""!important; height: 40px; width: 40px; display: block; margin-top: -20px;} .fancybox-close:after{display: none} .sm_sport #btccart{ background: #00a000!important; height: 39px; line-height: 37px; vertical-align: top; border-radius: 3px; padding: 3px 25px!important; text-indent: 0; width: 138px; text-align: center; float: right; } .i-cart:after{display: none} .sm_sport #btccart:hover{background: #00bb00!important} .sm_sport #btccart span, #btcshop span{background: none; border:none; font-family: "Oswald"; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 800} #btnavi #btcshop{ background: #f3f3f3!important; height: 45px; line-height: 39px; vertical-align: top; border-radius: 3px; padding: 5px 25px 5px 29px!important; text-indent: 0; width: 188px; float: left; border: 1px solid #c8c8c8; } #btnavi #btcshop:hover{background: #fff!important;} #btnavi #btcshop span{color: #666} #btnavi #btcshop:after, #btnavi #btcshop:before, .sm_sport #btccart:before, .sm_sport #btccart:after{display: none} @media (max-width: 767px){ .sm_sport #confirmbox{width: 270px!important;} #options #fancybox-close{right: -4px!important;} #btnavi ul li{display: inline-block!important;} .sm_sport #confirmbox #btnavi{text-align: center!important;} #btnavi ul li:first-child{margin-right: 0!important;} .box-add-review-inner #review-form h3, .box-add-review-inner #review-form h4{padding-right: 13%; font-size: 20px} #review-form .right-part, #review-form .left-review, #review-form .right-review-btn, .right-top-review, .left-top-review{width: 100%} } .toolbar .row{margin-left: 0} /*===============COURSE============*/ .news-item-content{ color: #adadad; font-size: 13px; font-family:Arial,sans-serif; } .newlist-bycat{ padding:40px 0 0; margin:0; width:100%; float:left; } .newlist-bycat .news-item-list-cat{ width:100%; float:left; padding:25px 0; border-bottom:1px solid #444; margin:0; position:relative; } .newlist-bycat h3{ margin:0; line-height:32px; } .newlist-bycat h3 a{ font-size:15px; } .item-info{ float:left; margin-left:15px; } .readmore-clnews{ position:absolute; right:0; top:38%; } @media (max-width: 979px){ .readmore-clnews{ position:relative; padding-top: 15px; } .news-item-list-cat .news_image{width: 100%; text-align: center; margin: 0 auto;} } @media (max-width: 445px){ .news-item-content table.presenter tr td{width: 100%; display: block;} .news-item-content table.presenter tr td:first-child{border: none} .clnews-newsitem-view .page-title h1{font-size: 24px; line-height: 36px;} .news-item-content #paccordion h3 a{font-size: 20px} } .readmore-clnews a,.detailholder .readmore{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:right; padding:5px 15px; color:#fff; border: 1px solid #4f4f4f; font-family: "Oswald"; font-size: 16px; padding: 5px 15px; text-transform: uppercase; } .readmore-clnews a:hover,.detailholder .readmore:hover{ background-color: #3c3c3c; border-color: #6b6b6b; } .news-item-list-cat .news_image{ } .news-item-list-cat .news_image img{ } .news-item .description{ padding-top:5px; } .container-wrap .news-item-content .social{ height:auto; padding:0; } .course-info-table tr{ } .course-info-table tr td{ padding:0; vertical-align:top; } .detailholder{ padding-left:20px; } .detailholder strong{ font-size:16px; } .detailholder a{color:#fff;} .detailholder .readmore{ float:left; font-size:16px; font-weight:bold; padding:5px 20px; } .news-item-content ul{padding-left:20px;list-style:disc} .news-item-content ul.form-list { padding:0;} .news-item-content .panel-group{border:none;margin-top:40px;width:100%;float:left;} .news-item-content #paccordion { border:None } .news-item-content #paccordion .panel{ padding:1px; width:100%; float:left; } .news-item-content #paccordion .panel-body{border:None} .news-item-content #paccordion .panel-heading ,.news-item-content #paccordion .panel-heading h3{ float:left; width:100%; margin:0 } .news-item-content #paccordion .panel-collapse{ float:left; padding:0; } .news-item-content #paccordion h3 a{font-size: 32px; color:#fff;width:100%;float:left; text-transform: uppercase; font-family: "Oswald"; font-weight: 800;} .news-item-content #paccordion h3 a:after{ content: " -"; color:#878787; display: none; } .news-item-content #paccordion h3 a.collapsed:after{ content: " +"; color:#878787; } .news-item-content table.presenter tr td{ min-width:134px; vertical-align:top; border-bottom:1px solid #444; padding-bottom:25px } .news-item-content table.presenter tr td img{ padding-top:20px } .news-item-content h4,.news-item-content h4 span{color:#ff0000} #paccordion .panel-title a{ width:100%; display:inline-block; background:url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/courser-arrow.png") no-repeat scroll right 8px; } #paccordion .panel-title a.collapsed{ background:url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/courser-arrow.png") no-repeat scroll right 108%; } .Course-Booking-Form{ width:100%; float:left; } .news-item-content #paccordion .panel-heading h3 { border-top: 1px solid #4f4f4f; border-bottom: 1px solid #4f4f4f; padding: 25px 0; } h2.registerTitle{ font-family: "Oswald"; font-size:24px; color:#ff0000 } .clnews-newsitem-view .main .container-wrap{padding-top: 60px} .news-item-content h4.sp-title{color:#ff0000;font-size:20px;padding:20px 0 10px 0} .booking-product{width:100%;margin-bottom:30px} .booking-product select{width:auto;height:auto;padding:0;margin:0} .booking-product tr td,.booking-product tr th{padding:0;} .w1{width:45%;} .w2{width:27%;} .strapit-spaceq label{width:20%;display:inline-block} .strapit-spaceq input{width:50%} iframe{max-width:100%} /*===============END COURSE============*/ .mini-cartpro .block-content .mini-products-list .product-details-bottom .truncated{display: none} .messages .success-msg span{color: #fff} .customer-account-forgotpassword .form-list input.input-text, .customer-account-resetpassword .form-list input.input-text{padding: 5px; border-radius: 0} .customer-account-resetpassword .fieldset{padding: 0; margin:0} .customer-account-resetpassword .page-title h1{letter-spacing: 3px} /*======BEGIN MY ORDER==========*/ .sales-order-view .data-table th, .sales-order-view .data-table td, .my-account table.data-table td, .my-account table.data-table th{font-size: 13px} .sales-order-view h3.product-name{white-space: normal; line-height: 21px;} #my-orders-table tfoot tr td:first-child{text-align: right; padding-right: 10px;} #my-orders-table .grand_total{background: none} .block-reorder .block-subtitle{padding-left: 8px; color: #adadad} #cart-sidebar-reorder .chk-reorder-item{display: inline-block; float: left; padding-left: 8px;} .block-reorder .actions{padding-left: 10px; padding-bottom: 14px; overflow: hidden} .block-reorder .actions a.btn-view-all{text-transform: uppercase; font-size: 16px; font-family: "Oswald"; background: none; border: 1px solid #4f4f4f; padding: 5px 15px;} .block-reorder .actions a.btn-view-all:hover{background: #3c3c3c} .block-reorder .actions .btn-cart{height: 38px;} .block-reorder .actions .btn-cart span{line-height: 30px;} /*======END MY ORDER==========*/ .wishlist-shared-index .data-table thead th{text-align: center; color: #fff} .wishlist-shared-index .data-table td h2.product-name a{font-size: 13px} .wishlist-shared-index .data-table td h2.product-name a:hover{text-decoration: underline} .wishlist-shared-index #wishlist-table button.btn-cart{height: 34px} .wishlist-shared-index #wishlist-table button.btn-cart span{text-transform: uppercase} .wishlist-shared-index #wishlist-table p a.link-wishlist{font-size: 16px;text-transform: uppercase;font-family: "Oswald";border: 1px solid #4f4f4f;border-radius: 3px;padding: 5px 11px;display: inline-block;margin-top: 10px;} .wishlist-shared-index #wishlist-table p a.link-wishlist:hover, .wishlist-shared-index .buttons-set button.button:hover{background: #3c3c3c!important} .wishlist-shared-index .buttons-set button.button{border: 1px solid #4f4f4f; padding: 6px 20px 2px 20px;} .wishlist-shared-index .price-box span.price{font-size: 20px} .wishlist-shared-index .price-box{margin-left: 0!important} .wishlist-shared-index .page-title{margin-top: 30px} #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1:nth-child(2) > div{width: 510px} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li:nth-child(2) .sm_megamenu_col_1 > .sm_megamenu_col_1{width: 220px;} #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 > div{display: block; z-index: 1; left: 0; width: 430px; background: #181818; border: none; padding: 14px 0 14px 0!important; border-bottom: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; border-right: 1px solid #4f4f4f;} #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 > div.sm_megamenu_dropdown_1column { width:250px; } #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 > div.sm_megamenu_dropdown_3columns { width:520px;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .bg-custom > div.sm_megamenu_col_3 { padding-left:0px; width:520px;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_3 .sm_megamenu_col_1 { margin-bottom:15px; width:29%;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_sub .sm_megamenu_col_1 { margin-left:0; width:33.33%; text-align:center;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_4 .sm_megamenu_col_1 { width:25%; margin-top:10px;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_col_4 .sm_megamenu_firstcolumn { clear:left !important;} #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 .sm_megamenu_dropdown_4columns, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_dropdown_4columns .sm_megamenu_col_4 { width:625px;} #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 .bg-custom a span{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px!important; font-weight: normal; text-transform: capitalize; background: none; text-align: left; padding-left: 0; font-weight:bold;} #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 .bg-custom .sm_megamenu_sub a span { white-space:normal; text-align:center; } #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 .sm_megamenu_dropdown_1column a span:hover{color: #fff; background: none!important} #sm_wrapper .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 .sm_megamenu_dropdown_1column a:after{display: none} html .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu .sm_megamenu_id6 > [class*="sm_megamenu_col_"] > .sm_megamenu_head_item .sm_megamenu_title{display: inline-block; width: inherit!important; box-shadow:none!important; -o-box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_col_1, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_col_1 .sm_megamenu_head_item {width: inherit; float: left; width: auto; padding-right: 0;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_col_1 > .sm_megamenu_col_1{float: left; width: 190px; padding-right: 17px; padding-top: 9px; padding-bottom: 6px;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_col_3 > .sm_megamenu_col_3{float: left; width: 190px; padding-right: 17px; padding-top: 9px; padding-bottom: 6px;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .bg-custom > .sm_megamenu_col_1{padding-left: 15px} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_firstcolumn{} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_col_1 > .sm_megamenu_col_1 a:hover{text-decoration: underline} #loadmask img{background: none!important} #loadmask .loader{border-color: #e51b24; color: #e51b24} #checkoutSteps .please-wait img{height: 16px; width: 16px} .actions .availability.out-of-stock span{padding: 6px 20px; background: #e5e5e5; border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #999; text-transform: uppercase; font-size: 16px; font-family: "Oswald";} .qty-set .quantity-box #qty, .qty-set .quantity-box input#qty:focus{color: #000; -webkit-text-fill-color: #000;} .product-box .qty-title span{color: #000} #qty-out-of-stock .out-of-stock{margin-bottom: 6px} .product-img-box .more-views li a.actived.cloud-zoom-gallery .bgopacity{border: none;} img.sm_megamenu_icon { width: 120px; height:120px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin:0 auto 3px;} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_sub .sm_megamenu_col_1 .sm_megamenu_head_item, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li .sm_megamenu_sub .sm_megamenu_col_1 .sm_megamenu_head_item .sm_megamenu_title { float:none; margin:0 auto;} .header-nav-inner { width:832px; float:right;} #yt_mainnav { float:left;} /*=======BEGIN list category========*/ #list-categories-on-catalog-category-view li:hover h3.product-name a{text-decoration: underline} #list-categories-on-catalog-category-view li.item{display: inline-block; margin-right: 10px; text-align: center} #list-categories-on-catalog-category-view li.item img{max-height: 210px; border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;} #list-categories-on-catalog-category-view li.last{margin-right: 0} #list-categories-on-catalog-category-view li.item h3.product-name a{margin: 15px 0 30px 0; line-height: 24px; font-family: "Oswald"; font-size: 18px; font-weight: bold; text-transform: uppercase; width: 200px;display: table; vertical-align: top;} .catalog-category-view .main .container-wrap.show_cat_image{padding-top: 40px} .catalog-category-view .block-layered-nav li.current > a span{color: #e51b24} .main .container-wrap.show_cat_image {padding-top: 198px!important;} .main .container-wrap.show_cat_image .col-main{padding-top: 18px;} .main .container-wrap.show_cat_image .category-image img{width: 100%; max-height: 199px} #chestnut_layerednav #cl_accordion li > .opener{position: absolute; right: 15px;} /*=======END list category========*/ /*=======BEGIN Blog list========*/ .blog-index-list .container-wrap, .blog-post-view .container-wrap{margin-top: 20px} .blog-index-list .postTitle, .blog-post-view .postTitle{border-color: #4f4f4f} .blog-index-list .postTitle h2 a, .blog-post-view .postTitle h2{font-family: "Oswald"; font-size: 42px; font-weight: 800; text-transform: uppercase} .blog-post-view .postTitle h2.post-comment{font-size: 24px} .blog-post-view .form-list label, .blog-post-view .form-list label em, .blog-index-list .postTitle h3, .blog-index-list .postContent, .blog-post-view .postTitle h3, .blog-post-view .postContent, .blog-index-list .postDetails, .blog-post-view .postDetails{font-size: 13px; font-weight: normal; color: #adadad} .blog-index-list .postDetails, .blog-post-view .postDetails{border: 1px solid #4f4f4f; padding: 20px;} .blog-index-list .postWrapper{padding-bottom: 50px} .blog-index-list .blog-social, .blog-post-view .blog-social{display: inline-block; float: right; margin-right: -25px;} .blog-index-list .blog-social li, .blog-post-view .blog-social li{float: left; max-width: 145px;} .postContent .image-left-blog{float: left; display: block; width: 270px; max-width: 270px} .postContent .content-right-blog{float: left; display: inline-block; padding-left: 26px; width: 65%} .blog-index-list .toolbar .amount{display: block} .blog-index-list .toolbar .amount strong{font-weight: normal} .blog-index-list .toolbar .limiter, .blog-index-list .toolbar .sort-by{display: none} .blog-post-view .form-list input, .blog-post-view .form-list textarea{padding: 5px; border-radius: 0} .blog-post-view #postComment label{width: 100%!important;} @media (min-width: 767px){ .blog-post-view #postComment input[type="text"]{width: 50%!important;} } @media (max-width: 767px){ .blog-post-view #postComment textarea, .blog-post-view #postComment input[type="text"], .blog-index-list .postContent .thumbnail, .blog-index-list .postContent p{width: 100%!important;} .blog-index-list .postContent .thumbnail{padding-bottom: 15px} .blog-index-list .postContent p{padding-left: 0!important} .blog-index-list .blog-social, .blog-post-view .blog-social{width: 100%!important; margin-right: 0; float: none; height: 20px; padding-top: 12px;} .blog-index-list .blog-social li:nth-child(2), .blog-post-view .blog-social li:nth-child(2){width: 100px} .blog-post-view #postComment .button-set{overflow: hidden; margin-bottom: 20px;} } @media (max-width: 979px){ body.blog-index-list .col2-right-layout .col-main, body.blog-post-view .col2-right-layout .col-main, body.blog-post-view .col2-right-layout .col-right{display: block} } .blog-post-view button.button{background-color: transparent; background-image:none; border: 1px solid #393939; padding: 10px 25px 5px; float: left} .blog-post-view button.button:hover{background-color: #3c3c3c; border-color: #6b6b6b;} .blog-post-view button.button span{font-family: "Oswald"; font-size: 16px; font-weight: 800; text-transform: uppercase} .blog-post-view #postComment .button-set{padding-left: 0;} .blog-post-view .col2-right-layout .col-right, .blog-post-view .col2-right-layout .col-main, .blog-index-list .col2-right-layout .col-main { display: table-cell; vertical-align: top; } .col-right .block-blog .block-title{padding: 10px 0 1px 0px} .col-right .block-blog .block-title strong{background: none} .blog-post-view .col-right .block-content, .blog-index-list .col-right .block-content{background: #151516;} .blog-post-view .col-right .block-content ul, .blog-post-view .col-right .block-content ul li, .blog-index-list .col-right .block-content ul, .blog-index-list .col-right .block-content ul li{padding: 0; margin-left: 0} .blog-post-view .col-right .block-content ul, .blog-index-list .col-right .block-content ul{padding-top: 15px} .blog-post-view .col-right .block-content ul li, .blog-index-list .col-right .block-content ul li{padding: 5px 0} .blog-post-view .col-right .block-content ul li a, .blog-index-list .col-right .block-content ul li a{font-size: 13px} .blog-post-view .col-right .menu-recent, .blog-index-list .col-right .menu-recent{margin: 0} .blog-post-view .col-right .block-blog, .blog-index-list .col-right .block-blog{border: 1px solid #373737;} .blog-post-view .col-right .block-content h5, .blog-index-list .col-right .block-content h5{font-family: "Oswald"; font-size: 20px; font-weight: 800; text-transform: uppercase; color: #fff} .blog-post-view .col-right .block-blog .menu-categories, .blog-index-list .col-right .block-blog .menu-categories{border-bottom: 1px solid #373737;} .blog-post-view .col-right .block-blog .block-content > div, .blog-index-list .col-right .block-blog .block-content > div{ padding: 20px;} .blog-index-list .toolbar .pagination{display: block; font-size: 13px;} html .blog-index-list .pagination .pages li.current a, html .blog-index-list .pagination .pages li a:hover{color: #fff!important; text-decoration: underline!important;} html .blog-index-list .pagination .pages li a{color: #fff!important;} html .blog-index-list .pagination .pages li a.next {background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/arrow-page.png') right 34% no-repeat!important; opacity: 1;} html .blog-index-list .pagination .pages li a.previous {background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/pre-arrow.png') left 34% no-repeat!important; opacity: 1;} html .blog-index-list .pagination .pages li img{display: none} .blog-index-list .postContent .thumbnail{border:none;box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none; float: left;} .blog-index-list .postContent .thumbnail img{float: left;display: block;width: 270px;max-width: 270px;} .postContent .thumbnail img{max-height: 180px} .blog-index-list .postContent p{padding-left: 305px;} .readmore-blog{font-weight: 800; background:#e51b24; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;float: right;padding: 5px 15px;color: #fff;font-family: "Oswald";font-size: 16px;padding: 5px 15px;text-transform: uppercase; margin-top: 20px;} .readmore-blog:hover{background: #a70007} /*=======END Blog list========*/ .line-login-page{padding: 20px 0} /*==========BEGIN Login page====================*/ .left-new-user, .right-new-user{width: 100%} .customer-account-create .account-create .register-form .form-list li.fields .field{clear: none} .customer-account-create .account-create .register-form .top-telephone{margin-top: -1px} .customer-account-create .account-create .register-form select{height: 32px} #aw-customerattributes-customer-form-register-fieldset li:nth-child(1), #aw-customerattributes-customer-form-register-fieldset li:nth-child(3){float: left; margin-right: 32px} #aw-customerattributes-customer-form-register-fieldset li:nth-child(4){margin-top: 10px} #aw-customerattributes-customer-form-register-fieldset li:nth-child(5){clear: both} @media (max-width: 600px){ #aw-customerattributes-customer-form-register-fieldset li:nth-child(1), #aw-customerattributes-customer-form-register-fieldset li:nth-child(3){float: none; margin-right: 0} } /*==========END Login page====================*/ @media (max-width: 480px){ .customer-account-create .page-title h1{font-size: 20px; line-height: 32px} } .customer-account-create .page-title p{color: #adadad; font-size: 13px; padding-top: 12px;} .products-grid .ratings .rating-box{background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/stars-review_01.png') left center no-repeat; background-position: 0 -17px;} .products-grid .rating-box .rating{background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/stars-review_01.png') left center no-repeat; background-position: 0 0;} .products-grid .rating-links .review-num{font-size: 13px} .products-grid .rating-links .review-num:hover{color: #909090!important; text-decoration: underline;} /*========================================BEGIN Contact page===================================*/ .contact_page h3{font-size: 24px} #contactForm input, #contactForm textarea{padding: 2px 10px; border-radius: 0;} @media (max-width: 1200px){ #contactForm input, #contactForm textarea{padding-left: 10px; border-radius: 0; width: 100%;} } @media (max-width: 767px){ .contact_page .address_right, .contact_page .address_left{width: 100%; overflow: hidden;} .contact_page #contactForm label, .contact_page #contactForm .col-sm-10{clear: both; width: 100%;} .contact_page .address_right .btn-default, .address_right #contactForm .col-sm-offset-2.col-sm-10{margin-right: 0!important} .cms-contact .main-container .container, .cms-contact #main-home .container{padding-top: 0} } @media (min-width: 1200px){ #contactForm textarea { width: 312px; } } .contact_page .address_right .btn-default{font-family: "Oswald"; font-size: 16px; color: #fff; text-transform: uppercase; border: 1px solid #4f4f4f; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: 800; background: none; text-shadow: none; box-shadow:none; -o-box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; letter-spacing: 1px; padding: 10px 30px; letter-spacing: 1px; margin-right: 41px;} .contact_page .address_right .btn-default:hover{background-color: #3c3c3c!important; border-color: #6b6b6b!important;} /*========================================END Contact page===================================*/ .hover_shine{background: none!important} /*=======================BEGIN Faq======================*/ .faqlist{border-bottom: 1px solid #4f4f4f} .faqlist dt.question:first-child{border: none; padding-top: 29px;} .faqlist dt.question{border-top: 1px solid #4f4f4f; padding: 35px 0 35px 0; padding-right: 90px; position: relative} .faqlist dt.question:after{content: ""; background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/arrow-bottom-faq.png') right center no-repeat; height: 16px; width: 35px; position: absolute; right: 20px; top: 46px;} .faqlist dt.open:after, .content-page-caps h2.open:after{content: ""; background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/arrow-top-faq.png') right center no-repeat;} .faqlist dd.answer{padding-bottom: 35px; border-top: 1px solid #4f4f4f; padding-top: 29px;} .faqlist dt.question a{font-family: "Oswald"; font-weight: 800; font-size: 32px; text-transform: uppercase; line-height: 42px;} @media (max-width: 979px){ .faqlist dt.question a{font-size: 20px; line-height: 26px;} .bottom-footer .block-user1 .block-title{width: 100%} .catalogsearch-result-index .col2-left-layout .col-main{padding-top: 0!important} .header-nav-inner { width:100%; clear:both;} } @media only screen and (min-width:768px) and (max-width:979px){ .bottom-footer .block-item{width: 97%} .sm-afterfooter .row .bottom-footer .span12{padding: 0!important; width: 100%!important;} .tablet-hidden { display:none;} #shopping-cart-table tbody td { padding:5px;} } /*=======================END Faq======================*/ /*=======================BEGIN Page======================*/ .content-page-caps h2{border-bottom: 1px solid #4f4f4f; padding: 3px 70px 30px 0; position: relative;} .content-page-caps h2:after{content: ""; background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/arrow-bottom-faq.png') right center no-repeat; height: 16px; width: 35px; position: absolute; right: 20px; top: 15px;} .content-page-caps .content-caps{display: none; border-bottom: 1px solid #4f4f4f; padding: 15px 0;} #content-feature-products-home-page{background-color: #2d2d2d; margin-top: -20px;} #content-feature-products-home-page .category-products.products-grid .item-inner{background-color: transparent} #content-feature-products-home-page .category-products.products-grid .item-inner:hover .cat-name, #content-feature-products-home-page .products-grid .item-inner h2.product-name a{color: #fff!important} #content-feature-products-home-page .products-grid .row .item{margin-top: 10px} #content-feature-products-home-page #yt_content_bottom .category-products{margin-bottom: 60px} #content-feature-products-home-page .block-feature-products .category-products.products-grid .item{min-height: 340px; height: inherit;} #content-feature-products-home-page .block-feature-products .category-products.products-grid .item-inner:hover{height: inherit} /*=======================END Page======================*/ .customer-account-create .header-nav-container-home ul#nav > li.last-item:after, .customer-account-create .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.last-item:after { border-color: #e51b24 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) !important; } .customer-account-create .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.last-item:after { border-left-width: 58px!important; border-right-width: 58px!important; border-top-width: 14px; bottom: -14px; opacity: 1; z-index: 5; } .customer-account-create .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.last-item > a { background-color: #e51b24!important; } .customer-account-create .header-nav-container-home ul#nav > li.last-item:after, .customer-account-create .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.last-item:after { border-color: #e51b24 rgba(255,255,255,0) rgba(255,255,255,0)!important; } .customer-account-create .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.last-item:hover, .customer-account-create .header-nav .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.last-item:hover > a { background: #b81a29!important; } .customer-account-create .header-nav-container-home ul#nav > li.last-item:hover:after, .customer-account-create .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu > li.last-item:hover:after { border-color: #b81a29 rgba(255,255,255,0) rgba(255,255,255,0)!important; } .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li a.sm_megamenu_head { padding:0 !important; } /* *************************Feedback 15/07/2015 */ .block-layered-nav dt .toggle.minus_collapse{background-position:left top} #toolbar-limit .select-limit-show.font2{ padding-top:0 } #toolbar-limit label{display:inline-block;vertical-align:top;} #yt_tab_products li a{cursor:pointer} .col-main .amount.toolbar-m-col p{color:#666} .main-content .category-products .toolbar-inner .set-desc{float:none;} .banner-home.banner-cat img{ position: relative;z-index:1;} .banner-home.banner-cat a{ position: absolute; bottom: 0; z-index: 10; left: 0;} .banner-home.banner-cat h2{ position: absolute; z-index: 10; top: 50%; left: 0; width: 100%; text-align: center; display: table-cell; vertical-align: middle; margin-top: -23px; padding: 0;} .banner-home.banner-cat h2 span{font:700 24px Oswald;color:#fff;text-transform:uppercase;line-height:60px;padding:0 30px;text-align:center;vertical-align:middle;display:inline-block;background:#e51b24;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .yerslider-viewport-test{width:100%;} .yerslider-slider-test img{width: auto; height: 85px; max-height: 85px; margin-left: auto; margin-right: auto; vertical-align: middle; max-width:300px } .yerslider-viewport-test { overflow:hidden; position:relative; width:100%; height:160px !important; } .yerslider-viewport-test ul { margin:0; padding:0; height:160px; } .yerslider-viewport-test li { float:left; list-style:none; margin:0 70px 0 30px; } .yerslider-viewport-test li { text-align:center; line-height:160px; font-size:25px; } .we-support-logo-slider{position:relative;} .we-support-logo-slider .controls a{text-indent:-2000px;font-size:0;color:#eaeaea;display:inline-block;position:absolute;top:50%;margin-top:-11px;} .we-support-logo-slider .prev-slide{width:23px; height:23px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/yer-slider/logo-arrow-left.png);left:0; } .we-support-logo-slider .next-slide{ width:23px; height:23px; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/yer-slider/logo-arrow-right.png);right:0;} #confirmbox #product-shop .product-options{padding:0} #confirmbox #product-shop .product-name {margin-bottom:20px;} #confirmbox #product-shop .product-name h1{line-height:18px;} #confirmbox #product-shop .product-options .product-name{border-bottom:1px solid #ddd} #confirmbox #product-shop button.btn-cart{background: #00a000!important; height: 45px; line-height: 45px; vertical-align: top; border-radius: 3px; padding: 2px 25px 3px!important; text-indent: 0; width: 188px; text-align: center; float: right;} #confirmbox #product-shop button.btn-cart span{line-height:37PX} #confirmbox #product-shop .wrap-qty span,#confirmbox #product-shop .wrap-qty input{ background: none; border: none; font-family: "Oswald"; font-size: 16px; color: #666; text-transform: uppercase; font-weight: 800;} #confirmbox #product-shop .wrap-qty{ background: #fff!important; height: 33px; line-height: 39px; vertical-align: top; border-radius: 3px; padding: 9px 25px 1px 25px!important; text-indent: 0; width: 136px; float: left; border: 1px solid #c8c8c8;} #confirmbox #product-shop .product-options-bottom{ border-top: 1px solid #ddd; width: 100%; padding-top: 10px;margin-top:15px} #yt_pathway .breadcrumbs li{background-position:left 5px;} .product-box-right .product-shop-container{width:100%} .catalogsearch-result-index .products-grid div.span3{width:50%;float:left;} .catalogsearch-result-index .products-grid div.span3 span.label{white-space:normal;} @media (min-width: 1025px){ .home-slide-section{max-width:1170px;margin:0 auto;} #myCarousel{display: table-cell; height: 520px; vertical-align: middle; width: 1170px;} /* #myCarousel,.carousel-inner{max-width:1170px;margin:0 auto;} */ .slider-container #myCarousel .carousel-control.right{right:-50px;top:223px!important} .slider-container #myCarousel .carousel-control.left{left:-50px;top:223px!important} #myCarousel div.carousel-inner > .item > img {margin-left:auto;padding-right:37.5px;margin-top:0!important;padding-top:0!important;} #myCarousel div.carousel-inner > .item { overflow: hidden; width: 867px; float: left; text-align: center; margin-top:38px; } .home-slide-section #myCarousel .carousel-indicators { position: relative; width: 865px; padding-bottom: 20px; text-align: center; padding-left: 0; left: 0; float: left; } } /* *************************End Feedback 15/07/2015 */ #christmas_shipping { position: relative; padding: 10px 20px; background-color: #d9d8be; color: #c0111a; font-size: 16px; line-height: 22px; font-family: Oswald; font-weight: 800; text-align: center; z-index: 9999; } @media (min-width: 980px) { .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li.sm_megamenu_lv1 .sm_megamenu_head .sm_megamenu_title { text-align: center !important; } } @media (max-width: 1199px) and (min-width: 980px) { .header-nav-inner { width:100%;} .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li:first-child a.sm_megamenu_head:after { width:3000px; left:-300px; } .toolbar .toolbar-inner .sort-by.span1d.toolbar-m-col{width:31%!important} .toolbar .toolbar-inner .amount.toolbar-m-col{width:27%!important} } @media (max-width: 979px) { .sm_megamenu_wrapper_horizontal_menu ul.sm_megamenu_menu li:first-child a.sm_megamenu_head:after { background:transparent; } .category-image { top: 0; position: absolute; width: 100%; height: auto; left: 0!important; } .main .container-wrap.show_cat_image {padding-top: 40px!important;} #zoptions .product-name h1{line-height:20px;} #zoptions button.btn-cart, #zoptions button.btn-cart span{line-height:1} #zoptions button.btn-cart span span{line-height:22px} #shopping-cart-table thead th.span2:nth-child(3), #shopping-cart-table thead th.span2:nth-child(1), #shopping-cart-table thead th.last{ } .actions input[type="checkbox"] + label:before{ background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/images/ic-check.png") left center no-repeat; height: 23px; background-position: 0 0; display: inline-block; width: 20px; vertical-align: middle; padding-right: 5px; } .actions input[type="checkbox"]:checked + label:before{ height: 23px; display: inline-block; background-position: -27px 0; } .mini-cartpro .block-title .summary .amount{padding-right: 17px!important} .header-top .mini-cartpro .block-title .summary .amount { padding-left: 5px; } .col-left.sidebar{margin-bottom:15px;} .std h1{line-height:50px;} .box-main .product-box .add-to-holder,.address_right{width:100%} .address_right #contactForm textarea,.address_right #contactForm input{width:90%} } .cms-index-index .subscribe-container .free-shiping-bar h2{ color: #222225; font-family: "Oswald" !important; font-weight: 600; font-size: 32px; letter-spacing: 0px; width: 100%; float: left; padding-bottom: 27px; margin: 0px; } @media (max-width: 500px){ .catalog-category-view #list-categories-on-catalog-category-view .item.product{ float: left; width: 50%; box-sizing: border-box; margin: 0px!important; padding-left: 1%; padding-right: 1%; min-height: 260px; } .catalog-category-view #list-categories-on-catalog-category-view li.item h3.product-name a{ width: 100%; font-size: 13px; margin-bottom: 0px; } .catalog-category-view .category-products .products-grid [class*="span"]{ width: 50%; float: left; } .catalog-category-view .category-products .price-box span.price{ display: block; } .catalog-category-view .product-box .actions .availability.out-of-stock span{ display: block; } .catalog-category-view .products-grid .item-inner .item-box .price-box{ display: block; } .catalog-category-view .category-products.products-grid .item-inner:hover{ min-height: 520px; } .catalog-category-view .category-products.products-grid .item{ min-height: 505px; } .col-main .category-products{ box-sizing: border-box; } #toolbar-limit{ float: left; width: auto; } #toolbar-limit label{ font-size: 12px; } #toolbar-limit .selector{ width: 33px!important; } #toolbar-limit .selector span{ width: auto!important; } #toolbar-sort-by .selector{ width: 63px!important; } #toolbar-sort-by .selector span{ width: auto!important; } .catalog-category-view #toolbar-sort-by{ width: auto; } .toolbar .limiter > *{ margin-right: 5px; } .catalog-category-view #yt_pathway .breadcrumbs li.home{ padding-right: 6px; margin-right: 0px; } .catalog-category-view #yt_pathway .breadcrumbs li{ padding-left: 8px; margin-right: 5px; } #yt_pathway .breadcrumbs li a{ font-size: 11px; } #confirmbox #product-shop .product-options-bottom .qty-title{margin-right:0;} #confirmbox #product-shop .wrap-qty{max-width:25%} .main-content .category-products #toolbar-sort-by {max-width:43%;} .main-content .category-products #toolbar-sort-by .m-sort-content{text-align:right; width: 110px; position: relative; float: right;} .main-content .category-products #toolbar-sort-by .m-sort-content .select-sort-by {text-indent:0;padding-left:0;} .main-content .category-products #toolbar-sort-by .m-sort-content .set-desc, .main-content .category-products #toolbar-sort-by .m-sort-content .set-asc{margin-left:4px;text-indent:-2000px;font-size:0;vertical-align:top;} .header-top .top-search .form-search{background:#fff;} .form-search input{max-width:93px} .toolbar-inner .sort-by select{vertical-align:top;text-indent:5px;width:80px!important;} .product-essential .add-to-holder .add-to-cart{width:44%} .checkout-cart-configure .product-essential .add-to-holder .add-to-cart{ width: 100%; } .product-options-bottom .add-to-holder{width:100%} #sm_wrapper .header-top .top-search .form-search{width:145px} } .catalog-category-view .main-content .category-products:before, .catalog-category-view .main-content .category-products:after{ display: table; clear: both; content: ''; box-sizing: border-box; } @media (max-width: 767px)and(min-width: 501px){ .catalog-category-view #toolbar-sort-by{ float: left; } } @media (max-width: 479px){ .cms-index-index #yt_content_bottom .category-products .span3{ width: 50%; } .cms-index-index #content-feature-products-home-page .block-feature-products .category-products.products-grid .item{ min-height: 450px; } .cms-index-index .block-feature-products .category-products.products-grid .item-inner:hover{ min-height: 450px; } .cms-index-index #yt_content_bottom .products-grid .price-block .price-box{ display: block; } .cms-index-index #yt_content_bottom .products-grid .price-block .price-box span{ display: block; } .cms-index-index #yt_content_bottom .product-box .actions .availability.out-of-stock span{ display: block; } .yerslider-viewport-test li{width:140px;margin:0 10px;} } .toolbar .toolbar-inner .amount{ display: block; } .toolbar .toolbar-inner .amount strong{ color: #666; } .toolbar .toolbar-inner .amount:before, .toolbar .toolbar-inner .amount:after{ display: table; content:''; clear: both; } @media (min-width: 1200px){ .toolbar .toolbar-inner .amount.toolbar-m-col, .toolbar .toolbar-inner .sort-by.span1d.toolbar-m-col{ width: 22%; float: left; margin: 0px; } .toolbar .toolbar-inner .showopt.span1d.toolbar-m-col{ width: 56%; float: left; margin: 0px; text-align: center; } .main-content .category-products div.span3{width:185px;} } @media (min-width: 980px) and (max-width: 1200px){ .header-logo { background: #090909!important; padding: 30px 0; } .main-top{background: #090909} .header-bottom { margin-top: 180px; } } @media (min-width: 768px) and (max-width: 1199px){ .toolbar .toolbar-inner .amount.toolbar-m-col, .toolbar .toolbar-inner .sort-by.span1d.toolbar-m-col{ width: 30%; float: left; margin: 0px; } .toolbar .toolbar-inner .showopt.span1d.toolbar-m-col{ width: 40%; float: left; margin: 0px; text-align: center; } } @media (min-width: 768px){ .toolbar .toolbar-inner .showopt.span1d.toolbar-m-col .limiter { float: none; } #toolbar-sort-by .m-sort-content{ padding-left: 25px; } .toolbar{ padding-left: 10px; padding-right: 10px; } } @media (min-width: 501px) and(max-width: 767px){ .toolbar .toolbar-inner .amount.toolbar-m-col, .toolbar .toolbar-inner .sort-by.span1d.toolbar-m-col, .toolbar .toolbar-inner .showopt.span1d.toolbar-m-col{ width: 100%; } } .toolbar{ box-sizing: border-box; } #toolbar-sort-by .m-sort-content:before, #toolbar-sort-by .m-sort-content:after{ clear: both; content: ''; display: table; } @media only screen and (max-width: 440px) { .category-products .btn-cart { padding: 2px 12px; width: 75%;} .catalog-category-view .product-box .actions .availability.out-of-stock span { padding: 6px 12px; overflow: hidden;} } @media only screen and (max-width: 320px) { .product-essential .add-to-holder .add-to-cart{width:53%}} .my-account .my-wishlist .cart-cell .btn-cart{ margin-bottom: 10px; } /*.checkout-cart-configure .product-box .add-to-cart label{ display: inline-block; padding-top: 4px; } .checkout-cart-configure .product-box .add-to-cart .input-text.qty{ margin-top: 7px; margin-bottom: 2px; } .checkout-cart-configure .product-box .add-to-cart .button.btn-cart{ float: none; }*/ .checkout-cart-configure .product-essential .add-to-holder .add-to-cart{ display: inline-block; } .checkout-cart-configure .product-essential .add-to-holder .add-to-cart .updatecart-wrap-qty{ float: left; background: #fff; } .checkout-cart-configure .updatecart-wrap-qty{ padding: 4px; } .checkout-cart-configure .updatecart-wrap-qty label{ padding-top: 5px; margin-left: 5px; margin-right: 5px; } .checkout-cart-configure .updatecart-wrap-qty label, .checkout-cart-configure .updatecart-wrap-qty input.qty{ display: inline-block; } .checkout-cart-configure .updatecart-wrap-qty input.qty{ height: 29px; text-align: center; width: 30px; vertical-align: top; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; border: none; margin: 0px; } @media only screen and (max-width: 400px){ .checkout-cart-configure .product-box .add-to-cart .button.btn-cart{ padding: 3px 25px!important; width: auto!important; } } @media only screen and (max-width: 1199px) and (min-width: 980px){ .catalog-category-view .products-grid [class*="span"]{width: 30%} .catalog-category-view .products-grid .row > div:first-child, .catalog-category-view .products-grid .row > div:first-child +div, .catalog-category-view .products-grid .row > div:first-child +div +div { display:inline-block!important;} } @media only screen and (max-width: 979px) and (min-width: 768px){ .catalog-category-view .products-grid [class*="span"]{width: 30.5%} } #chestnut_layerednav #cl_accordion .cl_categories_title {border-bottom: 1px solid #ccc; color: #000; font-family: "Lato-Light"; font-size: 16px; margin: 0 0 5px; padding: 18px 0 24px 0;} #chestnut_layerednav #cl_accordion li {padding: 7px 5px;} #chestnut_layerednav #cl_accordion li a.current, #chestnut_layerednav #cl_accordion li a:hover{color: #e51b24!important} #chestnut_layerednav #cl_accordion li.level0 {} #chestnut_layerednav #cl_accordion li.level0.last {} #chestnut_layerednav #cl_accordion li.level1 {margin-left: 20px;padding-left:5px;} #chestnut_layerednav #cl_accordion li.level2 {margin-left: 10px;padding-left:3px;} #chestnut_layerednav #cl_accordion li.level3 {margin-left: 5px;padding-left:1px;} #chestnut_layerednav #cl_accordion a {color:#fff; line-height: 17px;padding-left:10px;} #chestnut_layerednav #cl_accordion a:hover {color:#fff;} #chestnut_layerednav #cl_accordion li.level0 > a {font-size: 13px;} #chestnut_layerednav #cl_accordion li.level1 > a {font-size: 13px;} #chestnut_layerednav #cl_accordion li.level2 > a {font-size: 13px;} #chestnut_layerednav #cl_accordion li > .opener > .fa {cursor: pointer;float:right;color:#555;margin-right: 5px;line-height: 40px;display:none;} #chestnut_layerednav #cl_accordion li > .opener {background:url('https://www.strapit.com.au/skin/frontend/default/sm_sport/images/accordion.png') 3px 0px no-repeat;cursor: pointer;float:right;margin-top: 3px;height: 17px;width:15px; background-position: -16px 1px;} #chestnut_layerednav #cl_accordion li.item-active > .opener {background-position: 0 1px;} #chestnut_layerednav #cl_accordion ul{width: 100%; clear: both; padding-top: 6px;} #chestnut_layerednav #cl_accordion > ul{padding-top: 21px} /*#chestnut_layerednav .cl_all_categories li > .opener > .fa-plus {display: inline-block;} #chestnut_layerednav .cl_all_categories li > .opener > .fa-minus {display: none;}*/ #chestnut_layerednav #cl_accordion li.active > .parent > li.last {border-bottom: none;} /*#chestnut_layerednav .cl_all_categories li.active > .opener > .fa-minus {display: inline-block;} #chestnut_layerednav .cl_all_categories li.active > .opener > .fa-plus {display:none;}*/ .chestnut_layerednav dd a {padding:0px 5px 0px 0px; display:block; float: left; color:#666; font: 13px/22px "Lato", sans-serif;} .chestnut_layerednav span.current-category {font-weight: bold; padding-left: 5px;} .chestnut_layerednav a.category-level-2 {padding-left:5px} .chestnut_layerednav a.category-level-3 {padding-left:10px} .chestnut_layerednav a.chestnut_layerednav_attribute { padding-left:25px; background:transparent url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/chestnut/layerednav/check-mark.png) no-repeat scroll 0px 1px;font:13px/17px "Lato-Regular", sans-serif;color:#666;} .chestnut_layerednav a.chestnut_layerednav_attribute:hover {background-position: 0px -48px;} .chestnut_layerednav a.chestnut_layerednav_attribute_selected {padding-left:25px; background-position: 0px -99px; overflow:hidden;} .chestnut_layerednav a.chestnut_layerednav_attribute_selected:hover {background-position: 0px -149px;} .chestnut_layerednav a.chestnut_layerednav_disabled {color:gray; cursor:wait} .chestnut_layerednav a.chestnut_layerednav_clear {float: left; cursor: pointer; margin-top: 4px; margin-left: 0; margin-right: 7px;} .chestnut_layerednav .price_slider { height:1px; margin:5px 0 20px 0; background:#dadada; cursor:pointer; width:100%;border:none; } .chestnut_layerednav .price_slider > div {top:0;background: #000;height:1px;} .chestnut_layerednav .price_slider > a { z-index:999;top: -4px;margin-left:0;width: 10px;height: 10px;border: 1px solid #000;background: #000;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;cursor: pointer; } .chestnut_layerednav .price_slider > a:last-child {margin-left:-10px;} .layerednav_loading { width:100%; height:1000%; background-color:#000; z-index:99999; opacity: 0.2; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); position:fixed; top:0; left:0; } .layerednav_loading img {left:48%;top:45%;display:block;position:fixed;z-index:900;} .chestnut_layerednav dt {cursor:pointer; clear:both; font:16px/22px Lato-Light; color:#000; padding: 18px 0 24px 0; letter-spacing: 0.5px;} .chestnut_layerednav dt.chestnut_layerednav_dt_selected {} .chestnut_layerednav dd li {overflow:hidden;margin-bottom:15px;} #chestnut_layerednav .cl_all_categories.layer_category li {margin-bottom:0;} .chestnut_layerednav input {width:32%;padding:0 15px;height:32px; color: #999} .col3-layout .chestnut_layerednav input {width:30%;padding-left:10px;} .chestnut_layerednav button.button {margin-top:20px;border-color:#666;} .chestnut_layerednav button.button span {height:26px;padding:0 8px;font:13px/28px "Lato-Regular";color:#000;} #chestnut_layerednav_price button.button{border: 1px solid #000; padding: 8px; margin-right: 8px;} #chestnut_layerednav_size li a {color:#000; background: none;padding:8px 0;border:1px solid #ccc;background-color: #fff;display:block;width:35px;height:35px;text-align: center;} #chestnut_layerednav_size li a.chestnut_layerednav_attribute_selected, #chestnut_layerednav_size li a:hover {border:1px solid #000; text-decoration: none} #chestnut_layerednav_size li {float:left;margin-right:10px;} #chestnut_layerednav_category ol li{ padding: 8px 0 8px 10px; } .layered-categories-left .block-content{padding: 10px 0 10px;} .page-title h1{display: block;} .page-title .category-description{padding-top: 15px; display: block;} .subdescription a {cursor: pointer; float: none; color: #e51b24} .subdescription a:hover{text-decoration: underline; color: #e51b24!important} .postWrapper { padding-bottom: 25px; clear: both; } .postTitle { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin-bottom: 15px; } .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; } .postTitle h3 { font-size: 10px; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; } .postContent { padding-bottom: 10px; } .postDetails { } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0px; } .commentDetails { margin-bottom: 5px; padding: 0px; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .tags { font-weight: bold; padding-bottom: 10px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-tags, .menu-categories, .menu-recent { margin: 5px 9px; } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 11px; } .block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .block-blog .menu-categories UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a { font-size: 11px; } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { background-image: url(https://www.strapit.com.au/skin/frontend/base/default/aw_blog/images/icon_blog.png); background-repeat: no-repeat; padding-left: 21px; text-align: left; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .widget-latest li { font-size: 12px; padding: 5px 10px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } .news-item { margin:0 0 15px 0; } .news-item span.date { font-size:90%; } .news-item-comment form { margin:20px 0px 0px; display:block; clear:both; } .news-item-comment .prev { float:left; margin:4px 12px 5px 0; } .news-item .date, .menu-categories .date, .news-item-content .date{ color:#999999; font-size:11px; } .clearing { clear:both; font-size:1px; height:1px; line-height:1px; } .news-item-content .comment-item { margin:10px 0 0 0; } .news-item-content .comment-item .username { font-size:12px; margin:0px; color:#1E7EC8; display:inline; } .block.news-categories { border: 1px solid #C4C1BC; margin: 0 0 15px; } .block.news-categories .block-title { background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/css/images/bkg_block-title.gif") repeat-x scroll 0 0 transparent; border-bottom: 1px solid #DDDDDD; padding: 2px 9px; } .block.news-categories .menu-categories { margin:0px; padding: 5px 9px; } .block.news-categories .menu-categories h5, .menu-categories ul li{ font-size:11px; margin:0px; } .block.news-categories .block-title strong { color: #E26703; display: block; font: bold 12px/16px Arial,Helvetica,sans-serif; min-height: 16px; padding: 1px 0; text-transform: uppercase; } .news { text-align:justify; } .news-item-content h4 { color:#e26703; font-size:15px; } .news-item-content small { font-size:10px; } .news-item { clear:both; } .news_image { float:left; margin:3px 10px 5px 0px; } .news-item .description { text-align:justify; } .news-item .comment { float:right; font-size:11px; padding-top:5px; } .news-item-content .social { padding-top:10px; height:35px; } .news-item-content .social .google_button { float:left; width:80px; overflow:hidden; } .news-item-content .social .fb-like { float:left; } .news-item-comment { clear:both; padding-bottom:20px; } .news-item-comment p.required { text-align:left; } .news .loadfile { text-align:right; } .news .loadfile a { background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/clnews/images/i_attached.gif) 0px 0px no-repeat; padding:1px 0 0 20px; } #postComment label { float:left; width:80px; } #postComment .input-box { padding-bottom:9px; } #postComment input[type="text"] { width:200px; } label .required { color:red; } #postComment .validation-advice { margin-left:80px; } #postComment .button-set { padding-left:80px; } #comment_block .comment-item div { padding-left:10px; } /*-- pager --*/ .news-item-comment .pager { background:none; margin-top:20px; padding-top:10px; text-align:left; } .news-item-comment .pager span { cursor:pointer; border:1px solid #dadfe0; float:left; height:19px; width:20px; text-align:center; margin-right:6px; line-height:19px; } .news-item-comment .pager span.current { cursor:default; background:#c6c6c6; } .news-item-comment .pager span:hover { background:#c6c6c6; } .news-item-comment .pager #prev, .news-item-comment .pager #next { border:none !important; background:none !important; padding:0px !important; margin:0px !important; width:auto !important; } .news-item-comment .pager .prev, .news-item-comment .pager .next { width:auto; padding:0 5px; margin-top:0px; } /*-- /pager --*/ .print-btn { float:right; background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/clnews/images/i_print.gif) 0px 0px no-repeat; padding-left:20px; } #clloader { position:absolute; margin-left:333px } /* .tags { background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/clnews/images/i-tags.gif) 0px 1px no-repeat; padding-left:20px; } */ .news-item-grid { clear:none !important; padding:0px !important; margin:13px 13px 0 0 !important; float:left; width:210px; height:118px; position:relative; background:#f2f2f2; border:1px solid #e9eaea; } .news-item-grid a {color:#000; text-decoration:none; display:block; width:100%; height:118px;} .news_image_grid {margin:0px !important;} .news_text_grid {margin:0px !important; padding:5px;} .news-item-grid img {float:left;} .underlayer_grid {position:absolute; bottom:0px; width:200px; padding:4px 3px 3px 7px; background:rgba(204,204,204,0.6); line-height:16px; min-height:33px;} .underlayer_grid h5 {margin:0px; display:inline;} .underlayer_grid h5, .underlayer_grid .date {color:#000;} .news-item-grid:hover .underlayer_grid {background:rgba(204,204,204,0.8);} .view-mode {margin:10px 0 0 0;} #commercelab_categories_container { overflow-x: auto; } .treeview, .treeview ul { padding: 0; margin: 0; list-style: none; } .treeview ul { background-color: white; margin-top: 4px; } .treeview .hitarea { background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } /* fix for IE6 */ * html .hitarea { display: inline; float:none; } .treeview li { margin: 0; padding: 3px 0pt 3px 16px; } .treeview a.selected { background-color: #eee; } #treecontrol { margin: 1em 0; display: none; } .treeview .hover { color: red; cursor: pointer; } .treeview .category_selected { color: red; cursor: pointer; } .treeview li { background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-default-line.gif) 0 0 no-repeat; } .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } .treeview .expandable-hitarea { background-position: -80px -3px; } .treeview li.last { background-position: 0 -1766px } .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-default.gif); } .treeview li.lastCollapsable { background-position: 0 -111px } .treeview li.lastExpandable { background-position: -32px -67px } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } .treeview-red li { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-red-line.gif); } .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-red.gif); } .treeview-black li { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-black-line.gif); } .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-black.gif); } .treeview-gray li { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-gray-line.gif); } .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-gray.gif); } .treeview-famfamfam li { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-famfamfam-line.gif); } .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/treeview-famfamfam.gif); } .filetree li { padding: 3px 0 2px 16px; } .filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; } .filetree span.folder { background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/folder.gif) 0 0 no-repeat; } .filetree li.expandable span.folder { background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/folder-closed.gif) 0 0 no-repeat; } .filetree span.file { background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/css/commercelab/treeview/images/file.gif) 0 0 no-repeat; } .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { display:block; width:100%; padding:0; margin:0; } .accordion li { display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:18px; top:11px; display:block; cursor:pointer; text-align:center; width:12px; height:12px; line-height:49px; background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/accordion.png) center center no-repeat; background-size: 26px 10px; background-position: -16px 1px; } /* Active */ .accordion li.item-active > .opener { background-position: 0 1px; } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { font-size: 13px; /*12px*/ line-height:1.5em; /*18px*/ } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible { position:relative; } .collapsible .block-title { padding-top:8px; padding-right:35px; /* Space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } .mobile-collapsible { position: static; } .catalog-category-view .col-left dl,.catalog-category-view .col-left .block-layered-nav .block-content{background: #151516!important; overflow: hidden; font-size: 13px; color: #fff} .catalog-category-view .block-layered-nav .actions{border-bottom: 1px solid #393939} .accordion li a span, .catalog-category-view .block-layered-nav span.label{font-size: 13px; color: #fff} .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 > div, .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_lv1 a:after{display: none} /** * Mobile menu accordion */ .acco { list-style-type:none; } .acco li.nav-item { list-style-type:none; display:block; float:left; width:100% !important; /* Use "!important" to override grid units styling */ padding:0 !important; margin:0 !important; position:relative; /* For opener positioning */ } .acco ul.nav-panel { display:block; float:left; width:100%; padding:0; margin:0; } /* Items %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .acco li.parent > a { padding-right:54px; } /* All levels -------------------------------------------------------------- */ .acco .nav-item > a { display: block; padding: 15px 10px; /* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */ font-size: 16px; /*1.3333em*/ line-height: 19px; /*1.125em*/ } /* Level 1 -------------------------------------------------------------- */ .acco li.level0 > a { font-size: 18px; text-transform: uppercase; } /* Level 2 -------------------------------------------------------------- */ .acco li.level1 > a { padding-left: 30px; font-size: 16px; text-transform: uppercase; } /* Level 3 -------------------------------------------------------------- */ .acco li.level2 > a { padding-left: 50px; font-size: 16px; text-transform: none; } /* Level 4 -------------------------------------------------------------- */ .acco li.level3 > a { padding-left: 70px; font-size: 14px; text-transform: none; } /* Level 5+ -------------------------------------------------------------- */ .acco li.level3 .nav-item > a /* Level 5+ */ { padding-left: 90px; font-size: 12px; text-transform: none; } /* Opener %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .acco .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .acco .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .acco li.item-active > .opener { background-image:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/images/infortis/_shared/accordion/opener-active.png); } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } #zoptions, #zoptions .product-name > a , .sm-cartpro input.qty, .sm-cartpro, .textcolor{ color:#686868; } #blurmask { display: none; padding: 0px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9000; visibility: visible; background-color: #444444;opacity: 0.4; filter:alpha(opacity=40); } /* for block-cart */ .block-cart { font-size:100%; } .block-cart .block-title strong { background:url("https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/i_block-cart.png") no-repeat 0 center transparent; padding-left:30px; height:20px; } .block-cart .block-title { padding:0 4px 0; border-bottom:1px solid #ddd; } .block-cart .block-title strong span { vertical-align: middle; } .block-cart .summary { margin:0; padding: 10px 8px 8px; } .block-cart .subtotal { background-color:transparent; margin-top:15px; } .sm-cartpro .product-details-bottom .price, .block-cart .subtotal .label { /* font-weight:bold; */ vertical-align:middle; } .mini-cartpro .block-content .bottom-action .subtotal .price, .sm-cartpro .price, .block-cart .subtotal .price { color:#f73e43; } .block-cart .actions { text-align:center; background:#FFF; padding:6px 9px 20px; } .sm-cartpro .actions button.button{ float:none; margin-right:8px; } .block-cart .actions button.button.btn-update { margin-right:0px; } .sm-cartpro.block-cart .short-description { border-bottom: 1px dashed #CCCCCC; margin-bottom: 10px; margin-top: 5px; padding-bottom: 5px; } .sm-cartpro input.qty { margin-left:10px; width: 20px !important;height:17px; border:1px solid #e5e5e5; text-align:center; border-radius:0; float: none; margin-bottom: 0;} x:-o-prefocus, .sm-cartpro input.qty { width:30px !important; } /* hack opera*/ .sm-cartpro span.quantity-controls { margin-left:10px; } .sm-cartpro.block-cart input.quantity-controls { width:19px;height:19px; border:none; background:#F18200; color:#FFF !important; cursor: pointer; } .sm-cartpro.block-cart input.quantity-controls.quantity-minus { background:#C4BECF; } /* minicart pro */ .mini-cartpro { } .mini-cartpro .block-title { display: inline-block; box-sizing:border-box; -moz-box-sizing:border-box; background: #FFF;background-image:none; vertical-align:top; height: 30px; border:none; /* border-radius:4px; */ padding:0; /* font-size:116.7%; */ } .mini-cartpro .block-title .empty, .mini-cartpro .block-title .summary { display:inline-block; line-height: 30px; padding:0; float: right; } .mini-cartpro .block-title .empty, .mini-cartpro .block-title .summary .subtotal, .mini-cartpro .block-title .summary .amount{ display:inline-block; padding:0 15px; } .mini-cartpro .block-title .empty { background: none; } .mini-cartpro .block-title .summary .subtotal { display:none; } .mini-cartpro .block-title .summary .price{ color:#FFF; } .mini-cartpro .block-title .summary .amount a{ color:#f73e43; font-weight:bold; } .mini-cartpro .block-title .summary .subtotal .label{ font-weight:bold; } .mini-cartpro .block-title a.btn-toggle { /* float:left; */ position: absolute; display: inline-block; overflow:hidden; vertical-align:top; border-radius:4px 0 0 4px; text-indent:-9999em; height: 30px; top: 0; left: 0; width: 100%; } .mini-cartpro .block-title a.btn-toggle:hover { height:40px; } .mini-cartpro .block-title a.btn-toggle:after { content:''; position:absolute; width:16px; height:12px; top:12px; left: 12px; /* background:url("https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/btn-toggle.png") no-repeat 0 0 transparent; */} .mini-cartpro .block-title a.btn-toggle.show:after { background:url("https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/btn-toggle.png") no-repeat 0 100% transparent; } .mini-cartpro .block-title .i-cart { position:relative; float: left; display: inline-block; vertical-align:top; text-indent:-9999em; height: 30px; width: 30px; background:url("https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/i_mini-cartpro.png") no-repeat center center transparent; padding:0; } .mini-cartpro .block-title .i-cart:after { position:absolute; visibility:hidden; content:""; height: 30px; width: 30px; padding:0; background-color:transparent; top:0; left:0; } .mini-cartpro .block-title:hover > .i-cart:after { visibility:visible; } .mini-cartpro .block-title strong { background:url("https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/i_mini-cartpro.png") no-repeat right center transparent; padding-right:30px; } .mini-cartpro.block { margin: 20px 0 0 10px; border:none; display:inline-block; float:right; position:relative; background:#FFF; border-radius:4px; /* padding:1px; */ text-align:left; } .mini-cartpro:hover:after { position:absolute; content:""; width:100%; height: 10px; bottom:-10px;} .mini-cartpro .block-content { border-radius:5px; padding:5px; position:absolute; top:40px; right:0; z-index:20; overflow:hidden !important; top:40px; right:-5px; } .mini-cartpro .block-content form { background:#FFF; } .mini-cartpro .block-content .block-inner { border-radius:5px; box-shadow:0 0 9px 1px #CCC; } .mini-cartpro .block-content .actions { border-radius: 5px 5px 0 0; background:url(https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/gradient-desc.png) repeat-x 0 0 transparent; height:40px; padding:0; } .mini-cartpro .block-content .actions .more-desc { display:inline-block; float:left; line-height:38px; font-size:133.3%; font-weight:bold; text-transform: uppercase; padding-left:15px; } .mini-cartpro .block-content .actions .btn-update { margin-top: 6px; float: right; margin-right:10px; } .mini-cartpro .block-content .actions .btn-update > span{ padding: 0 20px; border-radius:7px; border-color:#FFF; } input.quantity-plus { width:19px; height:19px; background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/btn-plus.png) no-repeat 0 0 transparent; text-indent:-9999em; padding:0; border:none; cursor: pointer;} input.quantity-minus { width:19px; height:19px; background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/btn-minus.png) no-repeat 0 0 transparent; text-indent:-9999em; padding:0; border:none; cursor: pointer;} .mini-cartpro .block-content .mini-products-list { max-height: 687px; overflow-y:auto; } .mini-cartpro .block-content .mini-products-list li.item { padding:20px 10px 0; } .mini-cartpro .block-content .mini-products-list .product-details { /*margin-left:90px;*/ } .mini-cartpro .block-content .mini-products-list .product-details .short-description{ margin-top:10px; } .mini-cartpro .block-content .mini-products-list .product-image { /* width:80px; */ margin-right: 20px; border: 1px solid #CCC; margin-bottom: 20px;} .mini-cartpro .block-content .mini-products-list .product-details-bottom { margin-top:20px; } .mini-cartpro .block-content .mini-products-list .product-details-bottom > * { margin-bottom:10px; } .mini-cartpro .block-content .bottom-action { border-radius: 0 0 5px 5px; padding: 20px 10px 0; height:45px; background:#f8f7f5; text-align:left; white-space: nowrap; } .mini-cartpro .block-content .bottom-action button.button span{ height:30px; line-height:30px; text-transform:uppercase; /* font-size:116.7%; */ } .mini-cartpro .block-content .bottom-action .summary { display:inline-block; vertical-align: middle; } .mini-cartpro .block-content .bottom-action .subtotal .label , .mini-cartpro .block-content .bottom-action .subtotal .price { font-size:150.0%; } .mini-cartpro .block-content .truncated .show .item-options { left: 10%; top: 0; } /* */ /* .mini-cartpro ~ * { clear:both; } */ .body-iteminfo{ float:left; text-align:left; } .body-iteminfo .product-image{ float:left; margin-right:10px; } .bottom-iteminfo { clear:both; padding-top:10px; } .price-container, .rating-container .ratings, .title-desc, .title-desc ~ strong, .bottom-iteminfo .title-desc, .bottom-iteminfo .ratings{ vertical-align:middle; } .rating-container { white-space:nowrap; /* margin-bottom:10px; */ } .price-container .price-box, .price-container .price-box p, .rating-container .ratings { display:inline-block; } /* .rating-container .ratings .rating-box { margin-top:3px; } */ .price-container .price-label { display:none; } #confirmbox .head-iteminfo { text-align: center; margin-bottom:10px; } #confirmbox .add-to-cart button{ float:left; } #zoptions .special-price .price-label { font-size:100%; } .mini-cartpro .block-content .bottom-action .subtotal .label, .mini-cartpro .block-content .actions .more-desc , #zoptions .title-desc { font-weight:bold; } #zoptions .ratings { display:inline-block; } #zoptions .price-box { margin:0; } #zoptions{ *left:-235px; BORDER-BOTTOM: 0px inset; POSITION: absolute; BORDER-LEFT: 0px inset; padding:0; /*BACKGROUND-COLOR: #ffc071;*/ height: 20px; min-height:20px; height: auto !important; DISPLAY: block; /*FONT: 100% Arial;*/ VISIBILITY: visible; /*OVERFLOW: hidden; */ BORDER-TOP: 0px inset; TOP: 0px; BORDER-RIGHT: 0px inset; text-align:left; } #zoptions #product-shop{ text-align:left; } #zoptions .product-name{ text-align:left; margin-bottom:10px; } #zoptions .product-name > a { font-weight:bold; margin-left:5px; } #zoptions .product-name h1{ font-size:14px; font-weight: bold; } #zoptions .price-box .regular-price{ vertical-align: middle;} #zoptions .price-box .minimal-price-link{ display:inline-block;} #zoptions .price-box{ margin-top:8px; } #zoptions .add-to-cart{ float:left; } #options-tab{ z-index: 10002; position: fixed; padding: 0px; background-color: #2564c0; display: block; height: 0px; visibility: visible; } #options{ display:block; margin: 0 auto; width: 330px; } #iffix{ position: absolute; display: block;z-index: -1; width: 467px;height:320px; top: 0; left: 0;filter: mask(); background-color: #FFF;border:0px solid white; } /*#loading-mask { position:absolute; color:#d85909; font-size:1.1em; font-weight:bold; text-align:center; opacity:0.80; z-index:500; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }*//* IE8 */ /*left: -2px; top: 0px; width: 1485px; height: 1716px; display: block;*/ #loading-mask .loader { position:fixed; top:45%; left:41%; width:120px; /*margin-left:-60px;*/ padding:15px 60px; background:#fff4e9; border:2px solid #f1af73; color:#d85909; font-weight:bold; text-align:center; z-index:1000; font-size:1.1em; font-weight:bold; text-align:center; opacity:0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ } #loadmask{ opacity: 0.8; filter: alpha(opacity=80); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* IE8 */ } #loadmask img{ background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/ajax-loader-tr.gif") repeat scroll 0 0 transparent; } .loader { background: none repeat scroll 0 0 #FFF4E9; border: 2px solid #F1AF73; color: #D85909; font-weight: bold; padding: 15px 60px; text-align:center; width:100px; margin:0 auto; margin-left:50px; /* position:fixed; top:45%; left:41%; width:120px; margin-left:-60px;*/ /* padding:15px 60px; background:#fff4e9; border:2px solid #f1af73; color:#d85909; font-weight:bold; text-align:center; z-index:1000;*/ } #btnavi ul { list-style: none outside none; } #btnavi ul li { display: inline; } #btnavi ul li:first-child { margin-right: 15px; } #btcshop{ /*background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/button_continue.png") no-repeat scroll 0 0 transparent; height:36px;*/ } #btccart { text-decoration:none; display:inline-block; } #btccart span{ background: none repeat scroll 0 0 #F18200; border: 1px solid #DE5400; color: #FFFFFF; display: inline-block; font: bold 12px/19px Arial,Helvetica,sans-serif; height: 19px; padding: 0 8px; text-align: center; white-space: nowrap; vertical-align:middle; } .sm-cartpro.mini-cartpro .actions button.button{ /* float:none; */ padding-top: 0;} .sm-cartpro .actions button.button.btn-gocheckout span, #btccart span{ /*margin-left:10px; background: url("https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/cartpro/images/button_action.png") no-repeat scroll 0 0 transparent; height:40px;*/ border-color: #406A83; } #btcclose{ background-color: #609946; color:black; margin-left:10px; border:1px solid #3B6E22; } #btcshop1,#btccart1{ display: block; font-family: Arial; font-size: 10px; font-weight: bold; height: 38px; line-height: 36px; margin: 0 auto; padding: 0; text-decoration: none; } #btcshop,#btccart,#btcclose{ /*color: white; display: block; float: left; padding: 0.3em 0em; text-align: center; text-decoration: none; width:149px; font: 9pt Arial;*/ } #btnavi{ text-align:center; margin-top:10px; } #cdown { display:inline; } #confirmbox{ border-radius:10px; background-color: #FFF; border: 1px solid #E4E4E4; padding: 10px 15px 20px; width: 320px; /*min-height:110px;*/ min-height:70px; height: auto !important; position:relative; z-index:1000; box-shadow:0 0 9px 1px #666; } #confirmbox p{ font-weight: bold; margin: 0 0 5px; } #confirmbox p.required{ margin:12px 0 0 0; padding:0px; color:#EB340A; } #confirmbox .product-options{ padding: 10px 15px 15px; } #confirmbox .product-options ul.options-list, #confirmbox #product-options-wrapper.product-options dd { margin-right:0; } #confirmbox .product-options ul.options-list li { padding: 10px 0 0; } #confirmbox #btcancel { margin: 10px 0 0 20px; display:inline-block; } #confirmbox .product-options ul.options-list .label { vertical-align:top; } #confirmbox #super-product-table { margin-bottom:0; } #confirmbox #super-product-table .price-box { margin-top:0; } #confirmbox #super-product-table + .product-options-bottom .btn-cart { margin-left:0; } #fancybox-wrap { } #fancybox-outer { height: 100%; position: relative; width: 100%; } /*border fancy*/ .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 2px; height: 2px; z-index: 1001; background-color:rgba(0, 0, 0, 0.2); } #fancy-bg-n { top: -2px; left: 0; width: 100%; } #fancy-bg-ne { top: -2px; right: -2px; } #fancy-bg-e { top: 0; right: -2px; height: 100%; } #fancy-bg-se { bottom: -2px; right: -2px; } #fancy-bg-s { bottom: -2px; left: 0; width: 100%; } #fancy-bg-sw { bottom: -2px; left: -2px; } #fancy-bg-w { top: 0; left: -2px; height: 100%; } #fancy-bg-nw { top: -2px; left: -2px; } #options #fancybox-close { position: absolute; top: -0px; right: -15px; width: 30px; height: 30px; cursor: pointer; z-index: 1103; display: none; } #options #fancybox-close:before { content: "\f00d"; font-family: 'FontAwesome'; color:#666666; font-size:14px; } #options #fancybox-close:hover:before { color:#C71C1C; } @media (max-width: 420px) { #options { width:290px; } #confirmbox { width:275px; padding: 20px 10px !important; } #confirmbox #product_addtocart_form { max-height:380px; overflow-y:auto; } .loader { margin-left:40px; } #confirmbox .product-options { padding-left:0; padding-right:0; } } /*---custom css for sport----*/ #yt_slider .container-slider .page-button .control-button .next{ background-position:-30px 0 !important; } #yt_slider .container-slider .page-button .control-button .preview{ background-position:0px 0 !important; } #yt_slider .container-slider .page-button .control-button .next:hover{ background-position:-30px -30px !important; } #yt_slider .container-slider .page-button .control-button .preview:hover{ background-position:0px -30px !important; } #yt_slider .container-slider .page-button .control-button li, #yt_slider .container-slider .page-button .control-button li:hover{ -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #yt_slider .container-slider .page-button.middle .control-button .next, #yt_slider .container-slider .page-button.middle .control-button .preview{ top:30%; width:30px; height:30px; } #yt_slider .container-slider .page-button.middle .control-button .preview{ left:-20px; } #yt_slider .container-slider .page-button.middle .control-button .next{ right:-20px; } #yt_slider .container-slider .page-title-slider{ margin:0; } #yt_slider .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info{ margin-top:0px; } /*----*/ .post-text, .pre-text{ margin: 10px 20px 10px 20px; } .container-slider { /* position: relative; */ /* overflow: hidden; */ } /*############################################## Css Device ##################################*/ .container-slider .preset02-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset02-1 .vpo-wrap .vp{ margin-right: 0; } .container-slider .preset02-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;} .container-slider .preset02-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset02-2 .vpo-wrap .vp{ margin-right: -100%; } .container-slider .preset02-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;} .container-slider .preset02-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset02-3 .vpo-wrap .vp{ margin-right: -200%; } .container-slider .preset02-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;} .container-slider .preset02-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset02-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset02-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;} .container-slider .preset02-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset02-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset02-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;} .container-slider .preset02-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset02-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset02-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;} @media all and (max-width: 320px){ .container-slider .preset05-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset05-1 .vpo-wrap .vp{ margin-right: 0; } .container-slider .preset05-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;} .container-slider .preset05-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset05-2 .vpo-wrap .vp{ margin-right: -100%; } .container-slider .preset05-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;} .container-slider .preset05-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset05-3 .vpo-wrap .vp{ margin-right: -200%; } .container-slider .preset05-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;} .container-slider .preset05-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset05-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset05-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;} .container-slider .preset05-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset05-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset05-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;} .container-slider .preset05-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset05-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset05-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;} } @media all and (min-width: 321px) and (max-width: 480px){ .container-slider .preset04-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset04-1 .vpo-wrap .vp{ margin-right: 0; } .container-slider .preset04-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;} .container-slider .preset04-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset04-2 .vpo-wrap .vp{ margin-right: -100%; } .container-slider .preset04-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;} .container-slider .preset04-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset04-3 .vpo-wrap .vp{ margin-right: -200%; } .container-slider .preset04-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;} .container-slider .preset04-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset04-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset04-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;} .container-slider .preset04-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset04-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset04-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;} .container-slider .preset04-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset04-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset04-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;} } @media all and (min-width: 481px) and (max-width: 768px){ .container-slider .preset03-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset03-1 .vpo-wrap .vp{ margin-right: 0; } .container-slider .preset03-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;} .container-slider .preset03-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset03-2 .vpo-wrap .vp{ margin-right: -100%; } .container-slider .preset03-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;} .container-slider .preset03-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset03-3 .vpo-wrap .vp{ margin-right: -200%; } .container-slider .preset03-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;} .container-slider .preset03-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset03-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset03-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;} .container-slider .preset03-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset03-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset03-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;} .container-slider .preset03-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset03-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset03-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;} } @media all and (min-width: 769px) and (max-width: 1200px){ .container-slider .preset02-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset02-1 .vpo-wrap .vp{ margin-right: 0; } .container-slider .preset02-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;} .container-slider .preset02-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset02-2 .vpo-wrap .vp{ margin-right: -100%; } .container-slider .preset02-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;} .container-slider .preset02-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset02-3 .vpo-wrap .vp{ margin-right: -200%; } .container-slider .preset02-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;} .container-slider .preset02-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset02-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset02-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;} .container-slider .preset02-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset02-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset02-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;} .container-slider .preset02-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset02-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset02-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;} } @media all and (min-width: 1201px){ .container-slider .preset01-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset01-1 .vpo-wrap .vp{ margin-right: 0; } .container-slider .preset01-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;} .container-slider .preset01-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset01-2 .vpo-wrap .vp{ margin-right: -100%; } .container-slider .preset01-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;} .container-slider .preset01-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset01-3 .vpo-wrap .vp{ margin-right: -200%; } .container-slider .preset01-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;} .container-slider .preset01-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset01-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset01-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;} .container-slider .preset01-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset01-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset01-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;} .container-slider .preset01-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset01-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset01-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;} } /*################################# End css Device #############################################*/ .container-slider{ position: relative; } .container-slider .slider { overflow: hidden; position: relative; z-index: 999; } .container-slider .slider .item{ background-size: 100% 100%; } .container-slider .no-rgba .slider .item{ background: url('https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/slider/css/rgba.php/rgba(255')0, 0, .5)'); } .container-slider .slider .item img{ width: 100%; vertical-align: middle; } .container-slider .slider .item img:hover{ cursor: pointer; /* opacity:0.7; */ /* filter: alpha(opacity=70); */ } .container-slider .slider .vpo-wrap .vp{ position: relative; overflow: hidden; height: auto; } .container-slider .slider .vpo-wrap .vp .vpi-wrap{ white-space: nowrap; font-size: 0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .container-slider .slider .vpo-wrap .vp .item{ margin-bottom: 2%; display: inline-block; font-size: medium; white-space: normal; vertical-align: top; float: none; } .container-slider .slider .vpo-wrap .vpi-wrap:after{ display: block; height: 0; line-height: 0; content: ''; clear: both; } .container-slider .not-js .vpo-wrap, .container-slider .not-js .vpo-wrap .vp, .container-slider .not-js .vpo-wrap .vp .vpi-wrap, .container-slider .not-js .vpo-wrap .vp .item{ position: static; } .container-slider .not-js .vpo-wrap .vp .item{ float: left; } .container-slider #to li a{ outline: none; } /*#################################################### css for hearder #############################################*/ /* .container-slider .page-header-module{ */ /* margin:10px 10px 0 10px; */ /* height: 38px; */ /* white-space: nowrap; */ /* } */ .container-slider .page-title-slider{ color: #2E2C2D; text-transform: uppercase; font-size: 13px; font-weight: bold; /* float: left; */ overflow: hidden; width: 75%; margin:10px 0 8px 6px; } /*############################################### css for botton #################################################*/ .container-slider .control-button { list-style: none outside none; margin-bottom: 0; margin-left: 0; } .container-slider .page-button .control-button{ text-indent: -999999px; margin-bottom:0px; position: relative; height:100%; } .container-slider .page-button.top, .container-slider .page-button.bottom{ margin-right: 10px; } .container-slider .page-button .control-button .preview{ background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/slider/images/button-image.png) no-repeat; /* width:24px; height:15px; opacity:0.5; filter: alpha(opacity=50);*/ position:absolute; right:30px; padding:0px; margin:0px; z-index: 9999; } .container-slider .page-button .control-button .next{ background: url(https://www.strapit.com.au/skin/frontend/default/sm_sport/sm/slider/images/button-image.png) no-repeat -30px 0; /*width:26px; height:15px; opacity:0.5; filter: alpha(opacity=50);*/ position:absolute; right:0; padding:0px; margin:0px; z-index: 9999; } .container-slider .page-button.top .control-button .preview, .container-slider .page-button.top .control-button .next{ bottom:10px; } .container-slider .page-button.middle{ right: 30px; left: 30px; position: absolute; top: 0; bottom: 0; } .container-slider .page-button .control-button{ } .container-slider .page-button.bottom .control-button .preview, .container-slider .page-button.bottom .control-button .next{ top:10px; } .container-slider .page-button.middle .control-button .preview{ top: 52%; z-index: 9999; left:0; } .container-slider .page-button.middle .control-button .next{ top: 52%; z-index: 9999; right:0; } .container-slider .page-button.style2 .control-button .preview{ background-position:-180px 0; width:22px; height:20px; right:21px; z-index: 9999; } .container-slider .page-button.style2 .control-button .next{ background-position:-210px 0; width:22px; height:20px; z-index: 9999; } .container-slider .page-button.style3 .control-button .preview{ background-position:-60px 0; width:14px; height:21px; right:15px; z-index: 9999; } .container-slider .page-button.style3 .control-button .next{ background-position:-90px 0; width:12px; height:21px; z-index: 9999; } .container-slider .page-button .control-button .preview:hover, .container-slider .page-button .control-button .next:hover, .container-slider .page-button.style2 .control-button .preview:hover, .container-slider .page-button.style2 .control-button .next:hover{ cursor: pointer; opacity:1; filter: alpha(opacity=100); } /*########################################## css for info item ############################################*/ .container-slider .slider .vpo-wrap .vp .item .item-wrap{ width: 100%; position: relative; } /*.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img{ border: 1px solid #DDDDDD; padding: 9px; }*/ .container-slider .slider .vpo-wrap .vp .vpi-wrap:hover .item .item-wrap .item-img{ opacity:0.7; filter: alpha(opacity=70); } .container-slider .slider .vpo-wrap .vp .vpi-wrap .item .item-wrap .item-img:hover{ opacity:1; filter: alpha(opacity=100); } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info{ margin-top:10px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-title{ font-size:15px; margin-bottom:7px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content{ margin:0px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .item-des{ font-size: 11px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .item-read{ text-align: right; font-size:12px; /* margin-top:5px; */ } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .ratings { font-size: 11px; line-height: 1.25; margin: 7px 0; } /*css spotlight*/ .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight{ position: absolute; left: 0; bottom:0; padding:10px 0 10px 0; width:100%; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-inner{ position: relative; padding:8px 10px 0px 10px; overflow: hidden; margin-right:10px; margin-left:10px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-content, .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-content a, .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-title a, .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-title{ position: relative; color:white; z-index: 2; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-content{ padding-bottom:2px; height:0px; -webkit-transition: all 3s ; -moz-transition: all 3s ; -ms-transition: all 3s ; -o-transition: all 3s ; transition: all 3s ; float: left; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight:hover .item-content{ height:auto; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-bg{ position: absolute; bottom: 0px; left: 0px; background:#000; opacity:0.7; filter: alpha(opacity=70); height:100%; width: 100%; z-index: 1; } /*#################################################################*/ .container-slider .control-button:after{ clear: both; } .container-slider .control-button:before, .container-slider .control-button:after { content: ""; display: table; } .ratings .rating-box { float: left; margin: 2px 10px 0 0; }