/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, font { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } h2 { font-size: 18px; font-weight: bold; color: #00427a; line-height: 1.25; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Custom Reset */ img { display:block; } b, strong { font-weight:bold; } i, em { font-style:italic; } area { outline:none; } /* General Styles */ .fl { float: left; } .fr { float: right; } .ctr { text-align:center; } /* Micro Clearfix */ .cf:before, .cf:after, .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after, .clearfix:after { clear: both; } /* For IE 6/7 to trigger hasLayout and contain floats */ .cf, .clearfix { *zoom: 1; } .clear { clear:both; } /*jQuery UI jquery-ui-min.css without jquery.ui.theme.css*/ /*! jQuery UI - v1.10.4 - 2014-01-17 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px} /* Lightbox */ .sw-lightbox-closelayer { width:100%; padding:0; margin:0; position:fixed; top:0; left:0; z-index:50; background-color:#000000; opacity:0.5; } .sw-lightbox-wrap { position:absolute; left:20px; top:20px; z-index:51; background:#ffffff; -webkit-box-shadow: 0 0 22px -3px #000000; -moz-box-shadow: 0 0 22px -3px #000000; box-shadow: 0 0 22px -3px #000000; } .sw-lightbox-closebutton { background: #000000 url("http://img.tennisonly.com.au/sitegraphics/img/button-desc-overlayX.png") no-repeat scroll 50% 50%; position: absolute; top: -12px; right:-12px; width: 24px; height:24px; border:2px solid white; color:white; text-align:center; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding:0; line-height:12px; font-size:12px; font-weight:bold; cursor:pointer; box-shadow:0px 0px 5px rgba(0,0,0,.50); overflow:hidden; text-indent:-9999em; } .sw-lightbox-wrap.sw-lightbox-fixed { position:fixed; left:50%; top:50%; } /* Framework Styles */ body { font-size:12px; line-height:18px; font-family:'Lato',sans-serif; } p.ps {margin:5px 0;} #page_wrap { margin:0; padding:0; min-height:100%; } #header { z-index:3; float:left; clear:both; min-width:100%; position:relative; -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); box-shadow:0 0 10px rgba(0,0,0,.4); } #account_wrap { float:left; clear:both; min-width:100%; background:#ffffff; } #account { width:960px; margin:0 auto; height:28px; color:#00427a; } #login { font-weight: bold; text-transform: uppercase; float: right; padding: 10px 5px 0 0; height: 18px; } #login a { color: #FF4800; text-decoration: none; } .text_submit { overflow: visible; display: inline; margin: 0; padding: 0; border: 0; cursor: pointer; background-color: transparent; font-size: 12px; color: #FF4800; text-decoration: none; font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, sans-serif; } #banner_bg { clear:both; float:left; min-width:100%; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/1pix_topban.jpg"); background-repeat:repeat-x; height:136px; } #banner_wrap { float:left; clear:both; min-width:100%; z-index:2; position:relative; } #banner { width:960px; margin:0 auto; height:110px; } #main_logo { display:block; width:554px; float:left; } #home_link { display:block; background:url("http://img.tennisonly.com.au/sitegraphics/img/tenonly_logo2.png") no-repeat 0 50%; background-size:554px 95px; overflow:hidden; text-indent:-9999px; height:110px; } #header_atpwta { display:block; float:right; } #header_wta { display:block; float:left; margin:55px 0 0 0; height:0; padding-top:47px; width:61px; overflow:hidden; background:url("http://img.tennisonly.com.au/sitegraphics/img/wta_head.png") no-repeat 0 0; background-size:61px 47px; } #header_atp { display:block; float:left; margin:50px 10px 0 10px; height:0; padding-top:52px; width:46px; overflow:hidden; background:url("http://img.tennisonly.com.au/sitegraphics/img/atp_head.png") no-repeat 0 0; background-size:46px 52px; } #header_phone { display:block; width:159px; margin:15px 0 0 71px; height:0; padding-top:16px; overflow:hidden; background:url("http://img.tennisonly.com.au/sitegraphics/img/phone.png"); background-size:159px 16px; } #social_livechat { display:block; margin-top:15px; } #header_livechat { display:block; float:right; height:0; padding-top:25px; width:112px; overflow:hidden; background:url("http://img.tennisonly.com.au/sitegraphics/img/needhelp.png") 0 0 no-repeat; background-size:112px 25px; } #header_social { display:block; float:right; margin-left:10px; } #header_social .social_link { float:left; margin-left:5px; } #header_social .social_link:first-child { margin-left:0; } .social_link { display:block; height:0; padding-top:25px; width:25px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; background-size:25px 25px; } .social_twtr { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/twit_foot.jpg"); background-size:25px 25px; } .social_blog { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/blog_foot.jpg"); background-size:25px 25px; } .social_fb { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/fb_foot.jpg"); background-size:25px 25px; } .social_instagram { background-image: url("http://img.tennisonly.com.au/sitegraphics/img/big/insta.png"); background-size: 25px 25px; } #banner_right { width:230px; display:block; float:right; } #header_cart { display:block; height:20px; line-height:20px; padding:4px 76px 4px 0; margin-top:5px; background-color:#00427a; font-size:11px; position:relative; } #h_view_cart { line-height:20px; height:20px; padding-left:33px; width:118px; color:#ffffff; background:url("http://img.tennisonly.com.au/sitegraphics/img/cart_icon.png") no-repeat 5px 50%; background-size:18px 15px; display:block; float:left; text-decoration:none; } #h_cart_items { display:block; float:left; width:50px; height:20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-transform:uppercase; text-decoration:none; } #h_cart_total { display:block; float:left; width:58px; height:20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left:10px; text-decoration:none; } #h_checkout_button { display:block; position:absolute; top:5px; right:5px; height:18px; line-height:18px; width:70px; background:#e3f1fe; color:#00427a; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:bold; } #main_wrap { position:relative; z-index:1; float:left; clear:both; min-width:100%; background:url("http://img.tennisonly.com.au/sitegraphics/img/diag_bkgd.jpg"); } #main { width:960px; margin:0 auto; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/1pix_vert.jpg"); background-repeat:repeat-y; background-position: 160px 0; background-color:white; -webkit-box-shadow:0 0 10px rgba(0,0,0,.25); box-shadow:0 0 10px rgba(0,0,0,.25); } #shipban { display:block; height:0; padding-top:32px; overflow:hidden; background:url("http://img.tennisonly.com.au/sitegraphics/img/ship_ban.jpg") no-repeat 0 0; background-size:960px 32px; } #content_wrap { position:relative; z-index:1; float:right; width:780px; padding:10px; } /* Fancy Selects */ .dropdownbox { position:relative; text-align:left; font-size:12px; line-height:14px; height:25px; color:#333333; margin-bottom:0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dropdownbox .current_selection { position:relative; height:13px; padding:5px 29px 5px 5px; border:1px solid #CCCCCC; cursor:pointer; background: #FFFFFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; line-height:14px; font-size:12px; } .dropdownbox .current_selection .drop_arrow { display: block; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } .dropdownbox .current_selection .drop_arrow span { position:absolute; width:9px; height:8px; margin-left:-4px; margin-top:-4px; background:url("http://img.tennisonly.com.au/sitegraphics/img/arrows.png"); background-size:9px 36px; background-position:0 0; background-repeat:no-repeat; background-color:transparent; top:50%; left:50%; } .dropdownbox .optionslist { display:none; list-style-type:none; border-width: 1px 1px 1px; border-style: solid; border-color: #CCCCCC; position: absolute; background-color:#FFFFFF; min-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index:1000; overflow-y: auto; margin-bottom:0; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.45); top:24px; } .dropup.dropdownbox .optionslist { border-width: 1px 1px 1px; box-shadow: 0 -10px 20px -10px rgba(0, 0, 0, 0.45); bottom:24px; top:auto; } .dropdownbox.active .optionslist { display:block; } .dropdownbox .optionslist .groupheading { padding:5px; font-weight:bold; cursor:default; } .dropdownbox .optionslist .option {font-size:12px; padding:5px 10px; cursor:pointer; position:relative; margin:0; text-align:center; line-height:14px; } .dropdownbox .optionslist .option:first-child { border-top: none; } .dropdownbox .optionslist .option:hover { background-color:#EEEEEE; } .dropdownbox .optionslist .option.selected { background-color:#F6F6F6; } .dropdownbox .optionslist .option.selected:hover { background-color:#EEEEEE; } .dropdownbox ::-webkit-scrollbar { width: 10px; color:#EEEEEE; } .dropdownbox ::-webkit-scrollbar-button { background-color: #EEEEEE; height: 0; width: 0; display: none; } .dropdownbox ::-webkit-scrollbar-track { background-color: #CCCCCC; } .dropdownbox ::-webkit-scrollbar-track-piece { background-color: #EEEEEE; border-left: 1px solid #DDDDDD; } .dropdownbox ::-webkit-scrollbar-thumb { background-color: #CCCCCC; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; } .dropdownbox ::-webkit-scrollbar-thumb:hover { background-color: #C0C0C0; } .dropdownbox ::-webkit-scrollbar-corner { background-color: #999; } .dropdownbox ::-webkit-resizer { background-color: #666; } /* Cart Overlay */ #h_cart_overlay { display:block; position:absolute; top:0; left:0; width:230px; background-color:#ffffff; } #overlay_header { display:block; height:20px; padding:4px 24px 4px 33px; background-color:#00427a; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/cart_icon.png"); background-repeat:no-repeat; background-size:18px 15px; background-position:5px 50%; color:#ffffff; font-size:11px; position:relative; } #overlay_body { display:block; background:#ffffff; color:#000000; border:1px solid #d0d0d0; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); } #overlay_body.loading { background:url("http://img.tennisonly.com.au/sitegraphics/img/loading2.gif") no-repeat 50% 0 #ffffff; height:100px; background-size:100px 100px; } #overlay_message { display:block; height:20px; line-height:20px; text-transform:uppercase; } .overlay_msg { margin:10px; } #overlay_x { display:block; height:18px; width:18px; line-height:18px; color:#ffffff; background-color:#0064b4; position:absolute; right:5px; top:5px; text-align:center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer; } .overlay_thumb_wrap { padding:5px 0 0 0; height:60px; } .overlay_thumb { float:left; width:60px; } .overlay_thumb img { display:block; margin:auto; max-width:100%; } .overlay_itemname { display:block; float:right; width:150px; line-height:15px; padding-right:10px; color:#00427a; font-weight:bold; } .overlay_itemname a { color:#00427a; text-decoration:none; } .overlay_qtyprice { display:block; float:right; width:160px; } .overlay_itemqty { display:block; float:left; width:80px; margin-right:5px; } .overlay_itemprice { display:block; float:left; width:75px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overlay_info_l { display:block; width:60px; float:left; text-align:right; } .overlay_info_r { display:block; float:left; text-align:left; padding-left:10px; } .overlay_summary { height:20px; line-height:20px; background:#00427a; margin:5px; padding:0 5px; color:#ffffff; } .overlay_numitems { display:block; float:left; } .overlay_subtotal { display:block; float:right; } .overlay_buttons { display:block; height:20px; line-height:20px; padding:5px; } .overlay_viewcart { display:block; float:left; padding:0 5px; color:#00427a; text-decoration:none; } .overlay_checkout { display:block; float:right; padding:0 5px; background-color:#ff9900; color:#ffffff; text-decoration:none; text-transform:uppercase; } /* Cart Overlay Slider */ .cart_slider { padding:20px 0; position:relative; } .cart_slider_port { display:block; height:195px; position:relative; overflow:hidden; } .cart_slider_inner { position:relative; } .cart_slider_arrow { display:block; width:218px; margin:0 5px; height:19px; border-color:#bbbbbb; border-style:solid; position:absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer; } .slider_arrow_icon { display:block; height:9px; width:9px; background-size:9px 36px; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/lg_arrow.png"); overflow:hidden; margin:5px auto 5px auto; } .arrow_down { bottom:0; border-width:1px 0 0 0; } .arrow_up { top:0; border-width:0 0 1px 0; } .arrow_down .slider_arrow_icon { background-position:0 -18px; } .arrow_up .slider_arrow_icon { background-position:0 0; } /* Country Selector */ .country_wrap { display:block; margin-top:9px; padding-left:10px; background:#00427a; font-size:11px; height:28px; line-height:28px; vertical-align:middle; text-transform:uppercase; color:#ffffff; } .country_wrap .country_label { width:95px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .country_list { float:right; position:relative; width:121px; } .country_list .dropdownbox { height:18px; margin-top:5px; margin-right:5px; } .country_list .dropdownbox .current_selection { padding:2px 18px 2px 8px; width:90px; height:14px; border:0; background:#e3f1fe; font-size:11px; text-transform:capitalize; text-align:center; } .country_list .dropdownbox .current_selection .drop_arrow { height:18px; width:18px; background:#e3f1fe; } .country_list .dropdownbox .current_selection .drop_arrow span { background:url("http://img.tennisonly.com.au/sitegraphics/img/down_arrow.png"); background-size:9px 9px; } .country_list .dropdownbox .optionslist { border:0; top:18px; } .country_list .dropdownbox .optionslist .option { font-size:11px; padding:2px 0; text-transform:capitalize; } #h_country_sel { width:100px; margin-right:20px; } .vat_sub_fallback { display:block; height:0; width:20px; padding:28px 0 0 0; overflow:hidden; border:0; margin:0; position:absolute; right:0; top:0; background:url("http://img.tennisonly.com.au/sitegraphics/img/icon-refresh-w.png") no-repeat 50% 50%; cursor:pointer; } /* Horizontal Menu -----------------------------------*/ #topmenu_wrap { float:left; clear:both; min-width:100%; z-index:1; position:relative; } #topmenu {width: 960px; height: 26px; margin: 0 auto; font-size: 12px; line-height: 26px; color: #fff; } #topmenu ul { list-style: none; color: #fff; } #topmenu li { display: block; float: left; position: relative; text-align: center; text-transform: uppercase; z-index:10; } #topmenu li:last-child { border-right: none; } #topmenu a { display: block; color: #fff; width:100%; } #topmenu a:hover { text-decoration: none; } ul.hmenu ul { width: 960px; height: 26px; margin: 0 auto; } #typeselect { width:95px; font-size:11px; } #tmtrack { width:164px; } #tmmailing { width:138px; } #tmcustserv { width:180px; } #tmclubs { width:165px; } #tmforum { width:175px; } #tmgcard { width:138px; } #tmcustserv a { text-decoration:none; font-size:11px; } #topmenu .hmenu li > a { padding:0; margin:0; text-decoration:none; font-size:11px; } /* Dropdown */ #topmenu .gnavdrop { display: block; float: left; position: relative; text-align: center; text-transform: capitalize; z-index:10;padding: 0px 0px; } #topmenu .gnavdrop:hover { background-color:#00427A ; } #topmenu .gnavdrop .gnavdroplink { display:block; color: #fff; padding:0px; text-transform:uppercase; } #topmenu .gnavdrop.last .gnavdroplink { border-right: none; } #topmenu .gnavdrop:hover .gnavdroplink:hover{color: #FF9900;} #topmenu .gnavdrop:hover .gnavdroplink { color: #fff; text-decoration: none; background-color:#00427A ; border-color:#00427A ; position:relative; padding:0px;} #topmenu .gnavdrop .gnavdropmenu { height:auto; position: absolute; top: 100%; font-size: 12px; width:180px; border:1px solid #CCCCCC; -webkit-box-shadow: 2px 4px 4px #999999; box-shadow: 2px 4px 4px #999999; visibility: hidden; opacity: 0; transition: all 0.5s ease 0s, visibility 0s linear 0.5s; } #topmenu .gnavdrop:hover .gnavdropmenu { left: 0px; height:auto; visibility: visible; opacity: 1; transition-delay: 0s; } #topmenu .gnavdrop .gnavdropmenu li { height: 43px; text-align: left; display: block; position: relative; text-align: left; text-transform: capitalize; z-index:10; padding: 0px; } #topmenu .gnavdrop .gnavdropmenu li a { text-align:center; height: 27px; display: block; padding: 8px 15px; text-decoration: none; color: #000000; border: none; background-color:#FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE)); background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); background: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 ); } #topmenu .gnavdrop .gnavdropmenu li a:hover { color:#00427A; background:#E3F1FE; background: -moz-linear-gradient(top, #FFFFFF 0%, #E3F1FE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E3F1FE)); background: -webkit-linear-gradient(top, #FFFFFF 0%,#E3F1FE 100%); background: -o-linear-gradient(top, #FFFFFF 0%,#E3F1FE 100%); background: -ms-linear-gradient(top, #FFFFFF 0%,#E3F1FE 100%); background: linear-gradient(to bottom, #FFFFFF 0%, #E3F1FE 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E3F1FE',GradientType=0 ); } #tmcustserv .gnavdropmenu li { width:180px; } #tmcustserv .gnavdropmenu a { width:150px; } /* Left Nav */ #lnav { position:relative; z-index:2; float:left; width:159px; padding-right:1px; padding-bottom:30px; } #menu_search { position:relative; width:133px; display:block; margin:5px auto; } #searchtext { display:block; margin:0; width:106px; padding:5px 20px 5px 5px; border:1px solid #CCCCCC; } #searchtext::-webkit-input-placeholder { color: #00427A; } #searchtext:-moz-placeholder { color: #00427A; } #searchtext::-moz-placeholder { color: #00427A; } #searchtext:-ms-input-placeholder { color: #00427A; } #search_icon { position:absolute; top:50%; margin-top:-8px; right:2px; width:18px; height:15px; } .menu_heading { font-size:12px; color:#00427A; text-transform:uppercase; font-weight:bold; padding: 5px 0px 5px; border-bottom: 1px solid #CCCCCC; margin:0px 14px 5px; } .menu_heading a { color:#00427A; text-decoration:none; font-weight:bold; } .menu_heading a:hover { } .menu_column { float:left; width:79px; } .menu_column .lnav_section { padding-left:14px; } .lnav_section { padding:0 0 10px /*28px*/15px; color:#464646; } .lnav_section > li { font-size:12px; line-height:1.75; padding:0px; } .lnav_section a { color:#464646; text-decoration:none; } .lnav_section a:hover { color:#00427A; } .lnav_section > li.menu_subheading { font-size:11px; line-height:13px; padding:2px 0; } .lnav_section li.menu_subheading a { color:#FF9900; text-decoration:none; text-transform:uppercase; font-weight:bold; } .lnav_section li.menu_subheading a:hover { color:#FF9900; } .lnav_section .lnav_sale { color:#ff6600; font-style:italic; font-weight:bold; text-transform:uppercase; } .menu_nav { padding:0; font-size: .9167em; list-style:none; } .menu_nav .toplevel { font-size:12px; font-weight:bold; color:#000; line-height: 16px; } .menu_nav .toplevel .top_name { background-color:#00427A; border:none; font-size:12px; font-weight:bold; color:#fff; display: block; line-height: 16px; padding: 3px 10px 3px 10px; text-decoration: none; text-transform: uppercase; background:transparent; cursor:default; } .menu_nav .toplevel a { border:none; font-size:12px; font-weight:bold; color:#00427A; display: block; line-height: 16px; text-decoration: none; text-transform: uppercase; background:transparent; } .menu_nav a { text-decoration:none; color:#000; display:block; line-height: 1.2em; } .menu_nav .toplevel ul li a {color: #464646; font-size:11px; font-weight:normal; text-transform:none; padding:3px 10px 0 20px; background:transparent; border: none; } .menu_nav .toplevel ul li a:hover { background-color:#fff; } .menu_nav .toplevel ul { padding-left:0; padding-bottom:5px; background:#fff; border:none; } .menu_nav .topheader {background-color:#00427A; border:none; font-size:12px; font-weight:bold; color:#000; display: block; line-height: 16px; padding: 3px 10px 3px 10px; text-decoration: none; text-transform: uppercase; background:transparent; } .menu_nav .topheader ul{background-color: #fff; padding: 10px 0 0 10px;} /* Footer -----------------------------------*/ #footer { z-index:2; float:left; clear:both; min-width:100%; position:relative; -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); box-shadow:0 0 10px rgba(0,0,0,.4); background-color:#ffffff; background: url('http://img.tennisonly.com.au/sitegraphics/img/1pix_foot.jpg') repeat-x; height: 150px; color:#FFFFFF; } #footer a { color:#FFFFFF; text-decoration:none; } #mainfooter { width:960px; margin:0 auto; height:150px; } #subfooter { width:960px; margin:0 auto; color:#464646; } .footer_column_contact {float:left; width: 340px; margin:20px 0 0 0; padding: 0 0 0 20px;} .footer_column_contact a{text-decoration: none; color:#FFFFFF;} .footer_column_company {float:left; width: 260px; margin: 20px 0 0 0;} .footer_column_company ul{color:#FFFFFF; list-style-type: none; text-align:center; margin:0; padding:0; } .footer_column_socialize {float:left;width: 280px; margin:20px 20px 0 20px; padding: 0 0 35px 0; text-align:center; border-color:#ffffff; border-style:solid; border-width:0 1px;} .footer_column_socialize .footer_social { display:inline-block; } .footer_column_socialize .footer_social span { display:inline-block; padding: 3px 8px; } .footer_phone{ color: #FFFFFF; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 10px; background: url('http://img.tennisonly.com.au/sitegraphics/img/phone_foot.png') no-repeat scroll left 50% rgba(0, 0, 0, 0); background-size:22px 17px; text-align: left; text-indent: 30px; } .footer_email { color:#fff; font-size:12px; font-weight:normal; line-height:16px; margin-bottom:10px; background:url('http://img.tennisonly.com.au/sitegraphics/img/mail_foot.png') no-repeat scroll left 50% rgba(0, 0, 0, 0); background-size:22px 17px; text-align:left; padding-left:30px; } .footer_email a { font-weight:bold; } .footerhead{ font-size:18px; font-style:italic; text-transform:uppercase; text-align:center; margin:0 0 15px 0; color:#ffffff;} .footerline{ height: 80px; width: 1px; background-color: #f0f0f0; float: right;} .footer_return a { color:#FFFFFF; text-decoration:none; } .footer_tracking a { color:#FFFFFF; text-decoration:none; } #emailscnd{text-indent: 90px; display: block;} #subfooter p { display:block; line-height:20px; margin:0; padding:8px 0; text-align:center; } #subfooter .footer_em { color:#ff4800; text-transform:uppercase; font-style:italic; } #subfooter a { text-decoration:none; color:#464646; } /*Front Page*/ /* Rotating Banner */ #fp_largepromo { position: relative; height:305px; margin-bottom:20px; } #fp_largepromo .rotate_banner { position: absolute; } #fp_largepromo .rotate_banner.shown { display: block; z-index:500; } #rotindex { position:absolute; bottom:-15px; left:0; width:100%; text-align:center; } #rotindex li { display:inline-block; height:10px; width:10px; margin:0 2px; border-radius:5px; background-color:#CCCCCC; cursor:pointer; } #rotindex li.shown { cursor:default; background-color:#FF4800; } .fp_sale_columns { background-image:url('http://img.tennisonly.com.au/sitegraphics/img/780px-grey-266-513.png'); background-repeat:repeat-y; background-position: 0px 0; background-color:white; margin-bottom:20px; } .fp_sale_columns h2 { text-align:center; color:#FF4800; font-size:16px; line-height:1.5em; } .fp_sale_columns h2 a { color:#FF4800; text-decoration:none; } .fp_sale_columns .shoe_column { width:266px; } .fp_sale_columns .rac_column { width:248px; } .fp_sale_columns .inner_left { padding-right:8px; } .fp_sale_columns .inner_middle { margin:0px 1px; } .fp_sale_columns .inner_right { padding-left:8px; } .cat_list.fp_sale_shoe .product_wrapper { width:121px; padding:4px 4px 10px; } .cat_list.fp_sale_shoe .product_wrapper .name a { color:#666666; } .cat_list.fp_sale_rac .product_wrapper { width:115px; padding:4px 4px 10px; } .cat_list.fp_sale_rac .product_wrapper .name { min-height:0; } .cat_list.fp_sale_rac .product_wrapper .name a { color:#666666; } .fp_iconlinks { width:365px; padding:10px; background:#EEEEEE; } .fp_iconlinks .pro_header, .fp_iconlinks .tech_header { background-repeat:no-repeat; height:30px; overflow:hidden; text-indent:-99999em; background-position: 0px 0px; } .fp_iconlinks .pro_header { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/progamefp.png'); } .fp_iconlinks .tech_header { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/techcentfp.png'); } .fp_iconlinks ul.first { border-bottom:1px solid #CCCCCC; margin-bottom:10px; } .fp_iconlinks li { float:left; padding:0px 5px 5px; } .fp_iconlinks li a { background-repeat:no-repeat; padding:50px 0px 5px; width:81px; text-align:center; text-decoration:none; color:#666666; display:block; background-position:50% 0; font-style:italic; line-height:1.25em; font-weight:bold; } .fp_iconlinks .icon_atp a { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/atpfp.png'); } .fp_iconlinks .icon_wta a { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/wtafp.png'); } .fp_iconlinks .icon_tv a { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/tvfp.png'); } .fp_iconlinks .icon_tips a { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/vidfp.png'); background-position:50% 14px; } .fp_iconlinks .icon_lc a { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/lcfp.png'); padding-top:42px; } .fp_iconlinks .icon_vidvault a { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/vidvaultfp.png'); } .fp_iconlinks .icon_rev a { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/revfp.png'); } .fp_iconlinks .icon_twu a { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/twunverfp.png'); padding-top:42px; } .fp_ttlinks { padding:10px; background:#FFFFFF; border:1px solid #CCCCCC; width:363px; margin-bottom:10px; } .fp_ttlinks h2 { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/talktenfp.png'); background-repeat:no-repeat; height:50px; overflow:hidden; text-indent:-99999em; background-position: 50% 0px; margin-bottom:5px; } .fp_ttlinks li { float:left; width:160px; padding:0px 15px 10px 5px; } .fp_ttlinks li a { display:block; font-weight:bold; padding-right:15px; text-align:right; text-decoration:none; color:#666666; font-style:italic; position:relative; } .fp_ttlinks .arrow { display:block; position:absolute; right:0px; bottom:6px; background:url("http://img.tennisonly.com.au/sitegraphics/img/med_arrow.png"); background-size:7px 30px; background-repeat:no-repeat; background-color:transparent; background-position:0px -7px; width:7px; height:8px; } .fp_social { float:left; width:150px; padding-right:10px; border-right:1px solid #CCCCCC; text-align:center; } .fp_social h2 { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/connectfp.png'); background-repeat:no-repeat; height:50px; overflow:hidden; text-indent:-99999em; background-position: 50% 5px; } .fp_social .social_links span { display:inline-block; padding: 0px 5px 0px; } .fp_mailing { float:right; width:215px; } .fp_mailing h2 { background-image: url('http://img.tennisonly.com.au/sitegraphics/img/signsavefp.png'); background-repeat:no-repeat; height:39px; overflow:hidden; text-indent:-99999em; background-position: 50% 5px; } .fp_mailing .mailinglist { padding:0px; border:none; } .fp_mailing .mailinglist .email_wrap { width:140px; margin:1em auto 0; } .fp_tile { margin-left: 10px; float: left; height: 170px; width: 385px; margin-bottom: 10px;} .fp_tile:first-child { margin-left: 0px; } /*=================================== Menu Finders ===================================*/ .menu_finder { padding:9px; background:#ECECEC; width:119px; margin:10px auto; font-size:11px; font-family:'Lato',san-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .menu_finder .finder_title { text-align: center; color: #00427A; margin-bottom:5px; text-transform:uppercase; font-weight:bold; } .finder_row { margin-bottom:5px; min-height:24px; } .finder_row .dropdownbox { height:25px; } .finder_row .dropdownbox .current_selection { color:#464646; text-align:left; font-weight:bold; text-transform:uppercase; font-size:11px; line-height:16px; padding:3px 40px 3px 10px; height:16px; } .finder_row .dropdownbox .current_selection .drop_arrow { /*right:-1px; top:-1px;*/ width:24px; height:24px; } .finder_row .dropdownbox .current_selection .drop_arrow span { /*top:8px; left:8px;*/ } .finder_row .dropdownbox .optionslist { top:23px; } .finder_row .dropup.dropdownbox .optionslist { bottom:23px; top:auto; } .finder_row .dropdownbox .optionslist .option { font-size:12px; line-height:1.25em; text-align:left; } .finder_row select { width:100%; } .menu_finder .option_drop { margin-bottom: 10px; } .menu_finder .option_drop .options { display:block; padding-top:10px; } .menu_finder .option_drop .title { cursor:pointer; border-bottom:1px solid #CCCCCC; color:#464646; padding-right:10px; position:relative; } .menu_finder .option_drop .title .arrow { display:block; position:absolute; right:5px; bottom:6px; width:7px; height:7px; background:url("http://img.tennisonly.com.au/sitegraphics/img/med_arrow.png"); background-size:7px 30px; background-position:0px 0px; background-repeat:no-repeat; background-color:transparent; } .menu_finder .option_drop.closed .title .arrow { background-position:0px -7px; width:7px; height:8px; } .menu_finder .option_drop.closed .options { display:none; } .menu_finder .option_drop .options.two_wide .fancy_check.first { clear: left; } .menu_finder .option_drop .options.two_wide .fancy_check { float: left; padding-right: 10px; width: 49px; } .menu_finder .option_drop .options .fancy_check { display: block; margin-bottom: 2px; } .menu_finder .submit_button { display:block; font-family:'Lato',sans-serif; text-transform:uppercase; padding:5px; margin:10px auto; color:#fff; border:none; border-radius:0; font-size:12px; line-height:1.5em; width:100%; cursor:pointer; background:#3475ad; background:-moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } /*_________Price slider___________*/ .menu_finder .priceslider .priceinputs input { display:inline; line-height:15px; margin:0 auto 5px; font-size:12px; border:1px solid #CCCCCC; width:28px; padding:3px 5px; text-align:center; } .menu_finder .priceslider label { display:block; text-align:center; text-transform:uppercase; line-height:1.2em; margin-top:10px; } .menu_finder .priceslider .pricewrap { display:block; text-align:center; line-height:1.2em; } .menu_finder .priceslider .priceinputs label { display:inline; padding-right:4px; } .menu_finder .priceslider .priceinputs .price_min { margin-right:6px; } .price_range_slider.ui-slider { clear:both; margin:10px; height: 0.8em; position: relative; text-align: left; background: #CCCCCC; /*border: 1px solid #CCCCCC;*/ color: #464646; border-radius:3px; } .price_range_slider .ui-slider-range { background-color: #FF4900; height:100%; position:absolute; overflow:hidden; } .price_range_slider a.ui-slider-handle { display:block; background:#FFFFFF; border: 1px solid #CCCCCC; cursor: pointer; height: 1.2em; position: absolute; width: 1.2em; z-index: 2; margin-left: -0.6em; top: -0.3em; border-radius: 4px; } .price_range_slider a.ui-slider-handle:hover { background: #EEEEEE !important; } .price_range_slider a:focus, .price_range_slider a:active { outline:none; } /*========================================== Fancy Checkboxes Android Fix: body animation, IOS fix: empty onclick on label markup, Old IE fix: :not(#foo) selector ==========================================*/ body { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} } .fancy_check { display:block; } .fancy_check:not(#foo) input[type=checkbox] { /*position: absolute; top: -9999px; left: -9999px;*/ padding: 0; margin: 0; height: 14px; width: 14px; float: left; position: relative; opacity: 0; } .fancy_check:not(#foo) label { cursor: pointer; user-select: none; line-height: 16px; padding: 0 0 0 24px; display:block; position:relative; text-transform: uppercase; margin-bottom:5px; } .fancy_check:not(#foo) label span { background-color: #FFFFFF; display: block; border:1px solid #CCCCCC; width: 12px; height: 12px; position: absolute; left: 0; top:1px; } .fancy_check:not(#foo) input:focus + label span { border-color:#999999; } .fancy_check:not(#foo) label:hover span { border-color:#BBBBBB; } /* checked */ .fancy_check:not(#foo) input[type=checkbox]:checked ~ label span { background:#FFFFFF url('http://img.tennisonly.com.au/sitegraphics/img/check.png') 50% 50% no-repeat; } .singlelineform_wrap { margin:2em auto; border: 1px solid #CCCCCC; padding-right: 70px; padding-left:0px; position: relative; width:auto; } .singlelineform_wrap .textinput { display:block; border:none; background:#FFFFFF; text-align:center; float:none; font-size:12px; line-height:1.25em; padding:.5em 0px; margin:0; width:100%; } .singlelineform_wrap .error_msg { position:absolute; line-height:1.5em; color:#FF0000; top:-1.5em; height:1.5em; } .singlelineform_wrap .textinput::-webkit-input-placeholder { color: #CCCCCC; } .singlelineform_wrap .textinput:-moz-placeholder { color: #CCCCCC; } .singlelineform_wrap .textinput::-moz-placeholder { color: #CCCCCC; } .singlelineform_wrap .textinput:-ms-input-placeholder { color: #CCCCCC; } .singlelineform_wrap .textinput:-ms-input-placeholder { color: #CCCCCC; } .singlelineform_wrap .submitbutton { display:block; position:absolute; right:-1px; top:-1px; margin:0; border:none; color:#FFFFFF; font-size:12px; text-transform:uppercase; font-family:"trebuchet ms",helvetica,arial,san-serif; line-height:29px; padding:0px; cursor:pointer; border:none; height:29px; padding-left:10px; padding-right:10px; width:70px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .close_button { display:block; width:100%; padding:5px; margin:10px auto; color:#FFFFFF; border:none; font-size:12px; line-height:1.5em; cursor:pointer; } .button_gradient { background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } /*====================================== Category Pages ======================================*/ .category_vid_banner { padding:20px; background-color:#ececec; } .category_vid_banner img { width:360px; box-shadow:0 2px 4px rgba(0,0,0,0.15); } .category_vid_banner .rac_brand_vid { float:left; } .category_vid_banner .rac_cat_follow { float:right; } .rac_select_help { color:#00427a; font-size:16px; font-weight:bold; line-height:1.5; text-align:center; margin-top:16px; } .rac_select_help .rac_help_link { color:#00427a; padding-right:36px; position:relative; text-decoration:none; } .rac_select_help .rac_help_link:after { content:''; display:block; width:24px; height:24px; position:absolute; top:50%; margin-top:-12px; right:0; background-image:url('http://img.tennisonly.com.au/sitegraphics/img/playhead.svg'); background-repeat:no-repeat; background-size:24px 24px; } .rac_select_help .center_separator { padding:0 42px; position:relative; } .rac_select_help .center_separator:before, .rac_select_help .center_separator:after { content:''; display:block; width:18px; height:0; border-bottom:1px solid #00427a; position:absolute; top:50%; } .rac_select_help .center_separator:before { left:16px; } .rac_select_help .center_separator:after { right:16px; } .rac_select_help .call_us_text span { color:#ff6600; } .cat_follow { font-size:17px; text-align:left; background:#E3F1FE; padding:0px; margin-bottom:15px; line-height:1.75; /* width:100%; min-height:30px; */ } .cat_follow p { float:right; width:630px; font-size:17px; margin:0; padding:5px; font-style:italic; } .cat_follow a { display:block; text-align:center; font-size:17px; background:#ff6600; color:#fff; width:120px; margin:0; padding:5px; text-decoration:none; float:left; } .cat_follow.strcontent_pg { margin-top:15px; } /*.subcat_heading_wrap { position:relative; }*/ .heading_link_wrap { position:relative; height:0; } .heading_link_wrap .heading_link { position:absolute; right:0; top:4px; width:310px; } .heading_link_wrap .heading_link .label { color:#00427A; width:100px; text-align:right; line-height:24px; font-size:12px; float:left; font-weight:bold; } .heading_link_wrap .heading_link .dropdownbox { width:200px; float:right; } .atpcarousel { margin-bottom:10px; padding:0 11px; } .atpcarousel.active { padding:0 54px; position:relative; } .atpcarousel.active .carousel_inner_wrap { display:block; position:relative; overflow:hidden; } .atpcarousel.active .carousel_inner { position:relative; height:100%; } .atpcarousel .player { display:block; float:left; text-align:center; width:70px; padding:0px 16px 0px 0px; line-height:1.25em; } .atpcarousel .player.last { display:block; float:left; text-align:center; width:70px; padding:0px 0px 0px 0px;; line-height:1.25em; } .atpcarousel .player.first { clear:left; } .atpcarousel.active .player.last { padding:0px 16px 0px 0px; } .atpcarousel.active .player.first { clear:none; } .atpcarousel .player a { text-decoration:none; color:#464646; } .atpcarousel .player img { max-width:100%; margin-bottom:5px; } .atpcarousel.active .arrow_wrap { } .atpcarousel.active .arrow_icon { display:block; position:absolute; top:50%; margin-top:-5px; height:10px; width:9px; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/arrows.png"); background-size:9px 36px; } .atpcarousel.active .arrow_box { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position:absolute; top:17px; margin-top:0px; height:50px; width:25px; display:block; cursor:pointer; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } .atpcarousel.active .left_arrow { left:20px; -webkit-border-top-left-radius: 25px; -moz-border-radius-topleft: 25px; border-top-left-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-left-radius: 25px; } .atpcarousel.active .left_arrow .arrow_icon { background-position:0px -26px; left:50%; margin-left:-4px; } .atpcarousel.active .right_arrow { right:20px; -webkit-border-top-right-radius: 25px; -moz-border-radius-topright: 25px; border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-bottomright: 25px; border-bottom-right-radius: 25px; } .atpcarousel.active .right_arrow .arrow_icon { background-position:0px -16px; right:50%; margin-right:-4px; } .heading_link { margin-bottom:5px; min-height:24px; } .heading_link .dropdownbox .optionslist .option { font-size:12px; line-height:1.25em; text-align:left; padding:0px; } .heading_link .dropdownbox .optionslist .option a { text-decoration:none; color:#464646; display:block; padding:5px 10px; } .heading_link .dropdownbox .current_selection { color:#464646; text-align:left; font-weight:bold; text-transform:uppercase; font-size:11px; line-height:16px; padding:3px 40px 3px 10px; } .heading_link .dropdownbox .current_selection .drop_arrow { left:auto; right:0; } .heading_link .dropdownbox .current_selection .drop_arrow span { top:7px; } .heading_link .dropdownbox .optionslist { top:23px; } .heading_link .dropup.dropdownbox .optionslist { bottom:23px; } .cat_heading { font-size:22px; padding-bottom:0px; font-weight:bold; color:#00427A; border-bottom:1px solid #ccc; text-align:center; margin:8px auto; line-height:1.5em; } .subcat_heading { font-size:18px; padding-bottom:0px; padding-left:10px; font-weight:bold; color:#00427A; border-bottom:1px solid #ccc; text-align:left; margin:8px auto; line-height:1.5em; } .dropdownbox.linklist .optionslist { display:none; } .dropdownbox.linklist:hover .optionslist { display:block; } .dropdownbox.linklist.enhanced .optionslist { display:none; } .dropdownbox.linklist.enhanced:hover .optionslist { display:none; } .dropdownbox.linklist.enhanced.active .optionslist { display:block; } .catdescription { margin:10px auto; font-size:11px; line-height:1.5em; font-family:'trebuchet ms',helvetica,arial,san-serif; color:#464646; } .catdescription p { margin:.5em auto 0; } .catdescription p:first-child { margin-top:0; } .subcat_heading .builderlink { font-weight:normal; display:block; float:right; padding-right:10px; text-decoration:none; font-size:12px; color:#666666; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/fitbuild_arrow.png"); background-size:5px 5px; background-position:right 50%; background-repeat:no-repeat; background-color:transparent; } .catbanners img { display:block; margin:0px auto 10px; } /* Cat Follow Popup */ .notify_pop .error_msg { color:#a90000; font-size:12px; line-height:12px; min-height:1em; } .notify_pop .prod_email { border:1px solid #d0d0d0; width:250px; height:13px; line-height:13px; margin-right:20px; padding:5px; } .notify_pop .prod_submit { display:inline-block; padding:5px; margin:10px auto; color:#FFFFFF; border:none; font-size:12px; line-height:12px; width:100px; height:25px; cursor:pointer; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } /* List Structure */ .cat_list { margin-bottom:20px; } .cat_list .cat_item { float:left; } .cat_list .first { clear:left; } /*Table Structure */ .cat_border_table { margin:10px auto; } /*.cat_border_table .cat_border_row { }*/ .cat_border_table .cat_border_cell { border:1px solid #CCCCCC; float:left; margin-right:10px; margin-bottom:10px; } .cat_border_table .last.cat_border_cell { margin-right:0; } .cat_border_table .cat_border_cell .bottom_bar_space { height:30px; clear:both; } .cat_border_table .cat_border_cell .bottom_bar { position: absolute; width: 100%; background: #EEEEEE; left: 0; bottom: 0; height:30px; font-size:12px; } .cat_border_table .cat_border_cell .bottom_bar a { display:block; float:left; width:33%; text-align:left; line-height:20px; padding:5px; text-decoration:none; color:#464646; font-style:italic; } .cat_border_table .cat_border_cell .bottom_bar .review { background:url('http://img.tennisonly.com.au/sitegraphics/img/review.png') no-repeat 5px 50%; padding-left:35px; width:50px; } .cat_border_table .cat_border_cell .bottom_bar .video { background:url('http://img.tennisonly.com.au/sitegraphics/img/video2.png') no-repeat 5px 50%; padding-left:35px; width:50px; } .cat_border_table .cat_border_cell .bottom_bar .threesixty { background:url('http://img.tennisonly.com.au/sitegraphics/img/360deg.png') no-repeat 5px 50%; padding-left:35px; width:65px; } .cat_border_table .cat_border_cell .bottom_bar .feedback { background:url('http://img.tennisonly.com.au/sitegraphics/img/feedback.png') no-repeat 5px 50%; padding-left:42px; width:auto; } .cat_border_table .product_wrapper, .cat_list .product_wrapper { color:#464646; letter-spacing:.025em; line-height:1.25em; position:relative; } .cat_border_table .product_wrapper .pricing, .cat_list .product_wrapper .pricing { color:#666666; letter-spacing:.025em; line-height:1.25em; font-style:italic; /*font-weight:bold;*/ } .cat_border_table .product_wrapper .pricing .label, .cat_list .product_wrapper .pricing .label { font-weight:normal; } .cat_list .product_wrapper .pricebreaks, .cat_border_table .product_wrapper .pricebreaks { display:block; margin-top:.5em; } .cat_list .product_wrapper .pricebreak, .cat_border_table .product_wrapper .pricebreak { display:block; color:#FF4800; } .cat_border_table .product_wrapper .name, .cat_list .product_wrapper .name { color:#00427A; text-decoration:none; display:block; font-size:12px; } .cat_list .product_wrapper .name a { color:#00427A; text-decoration:none; font-size:12px; /*border-bottom:1px dotted #464646;*/ } .cat_border_table .product_wrapper .price, .cat_list .product_wrapper .price { color:#00427A; display:block; font-weight:bold; } .cat_border_table .product_wrapper .list, .cat_list .product_wrapper .list, .cat_border_table .product_wrapper .msrp, .cat_list .product_wrapper .msrp { display:block; color: #999; } .cat_border_table .product_wrapper .sale, .cat_list .product_wrapper .sale { color:#FF4800; display:block; font-weight:bold; } .cat_border_table .product_wrapper img, .cat_list .product_wrapper img { display:block; margin:auto; } .cat_border_table .product_wrapper img.shoe_thumb_marg, .cat_list .product_wrapper img.shoe_thumb_marg { margin-top: 32px; margin-bottom: 31px; } .cat_list .product_wrapper img.bag_fam_thumb { width:140px; margin:26px auto 36px; } .cat_border_table .product_wrapper .newtag, .cat_list .product_wrapper .newtag { text-transform:uppercase; color:#038000; font-style:italic; font-weight:bold; padding-right:5px; } .cat_border_table .product_wrapper .saletag, .cat_list .product_wrapper .saletag { text-transform:uppercase; color:#F00; font-style:italic; font-weight:bold; padding-right:5px; } .cat_border_table .product_wrapper .besttag, .cat_list .product_wrapper .besttag { text-transform:uppercase; color:#F90; font-style:italic; font-weight:bold; padding-right:5px; } /*shoe*/ .cat_border_table .shoe.product_wrapper { padding-bottom:45px; position:relative; } .cat_border_table .shoe.product_wrapper .pricing { display:block; margin-bottom:.5em; text-align:center; } .cat_border_table .shoe.product_wrapper .price, .cat_list .shoe.product_wrapper .price { display:block; } .cat_border_table .shoe.product_wrapper .list, .cat_list .shoe.product_wrapper .list, .cat_border_table .shoe.product_wrapper .msrp, .cat_list .shoe.product_wrapper .msrp { display:block; text-decoration:line-through; } .cat_border_table .shoe.product_wrapper .sale, .cat_list .shoe.product_wrapper .sale { display:block; } .cat_border_table .shoe.product_wrapper .name, .cat_list .shoe.product_wrapper .name { margin-bottom:.5em; } /* Updated shoe styles */ .subcat_heading.no_desc.shoe, .subcat_heading.with_desc.shoe { padding-left:10px; } .cat_border_table.shoe { margin:-10px -10px 20px; border-collapse:separate; width:800px; border-spacing:10px; border:none; } .cat_border_table.shoe .cat_border_cell { position:relative; vertical-align:top; float:none; margin:0; } .cat_border_table.shoe .product_wrapper.shoe { padding:12px 10px 10px; position:static; width:231px; } .cat_border_table.shoe .placeholder_cell { width:253px; } .cat_border_table.shoe .cat_border_cell.first .product_wrapper.shoe { width:232px; } .cat_border_table.shoe .product_wrapper .name { margin:0px; padding-right:50px; min-height:2.5em; text-align:left; } .cat_border_table.shoe .product_wrapper.cf:before, .cat_border_table.shoe .product_wrapper.cf:after, .cat_border_table.shoe .product_wrapper .text_wrap .cf:before, .cat_border_table.shoe .product_wrapper .text_wrap .cf:after { border-spacing:0; } .cat_border_table.shoe .product_wrapper .image_wrap { width:auto; margin:0 auto; float:none; padding-bottom:20px; } .cat_border_table.shoe .product_wrapper .image_wrap img { width:165px; height:123px; margin:5px auto; } .cat_border_table.shoe .product_wrapper .text_wrap { width:auto; float:none; line-height:1.5em; } .cat_border_table.shoe .product_wrapper .text_wrap p { display:inline; letter-spacing:normal; } .cat_border_table.shoe .product_wrapper .text_wrap .sizes { font-weight:bold; } .cat_border_table.shoe .product_wrapper .pricing { color:#000; font-size:12px; margin-bottom:5px; line-height:14px; font-style:normal; text-align:left; letter-spacing:0; } .cat_border_table.shoe .product_wrapper .pricing .price, .cat_border_table.shoe .product_wrapper .pricing .sale { display:inline; font-size:15px; line-height:18px; margin-right:5px; } .cat_border_table.shoe .product_wrapper .pricing .list { display:inline; font-size:14px; line-height:17px; color:#999; text-decoration:none; white-space:nowrap; } .cat_border_table.shoe .product_wrapper .pricing .list .crossout { text-decoration:line-through; font-size:14px; } .cat_border_table.shoe .product_wrapper .producttag { color:#fff; font-weight:normal; position:absolute; top:10px; right:0px; padding:2px 5px; font-size:12px; line-height:15px; text-transform:none; min-width:30px; display:block; margin:0 auto; text-align:center; } .cat_border_table.shoe .product_wrapper .producttag.newtag { background-color:#00b000; } .cat_border_table.shoe .product_wrapper .producttag.saletag { background-color:#ff4800; } .cat_border_table.shoe .product_wrapper .producttag.besttag { background-color:#00427a; } .cat_border_table.shoe .product_wrapper .text_wrap .feature_links { float:left; line-height:22px; display:block; margin-top:5px; color:#ff6600; } .cat_border_table.shoe .product_wrapper .text_wrap .feature_links a { color:#00427a; text-decoration:underline; margin-right:25px; } /* Table Innards */ .cat_border_table .product_wrapper { width:363px; padding:10px 10px 10px; text-align:left; } .cat_border_table .product_wrapper .image_wrap { float:left; width:100px; margin-right:20px; text-align:center; } .cat_border_table .shoe.product_wrapper .name_wrap { text-align: center; } /* .cat_border_table .shoe.product_wrapper .image_wrap { width:110px; margin-right:15px; } */ /* .cat_border_table .shoe.product_wrapper .image_wrap img { margin-top:20px; margin-bottom:10px; } */ .cat_border_table .product_wrapper .text_wrap { float:left; width:230px; text-align:left; margin-top:0px; margin-bottom:0px; font-size:12px; } /* .cat_border_table .shoe.product_wrapper .text_wrap { width:238px; line-height:1.5em; font-size:12px;} */ .cat_border_table .product_wrapper .new_item { font-style:italic; color:#126900; padding-right:.25em; } .cat_border_table .product_wrapper img { margin-bottom:5px; } .cat_border_table .product_wrapper img.shoe_thumb_marg { margin-top: 28px; margin-bottom: 28px; } .cat_border_table .product_wrapper .name { text-decoration:none; display:block; line-height:1.25em; font-size:12px; color:#00427A; margin-bottom:.5em; font-weight:bold; } /*.cat_border_table .product_wrapper .price { color:#00427A; }*/ .cat_border_table .product_wrapper .text_wrap table { width:100%; margin-top:10px; } .cat_border_table .product_wrapper .text_wrap table th { font-weight:bold; } /*.cat_border_table .product_wrapper .text_wrap table td { }*/ .cat_border_table .product_wrapper .text_wrap table input { margin:2px auto; border: 1px solid #CCCCCC; padding: 0.5em 0.25em; text-align: center; } /*rac*/ .cat_border_table .rac.product_wrapper { width:363px; padding:10px 10px 10px; text-align:left;} .cat_border_table .rac.product_wrapper .pricing { display:block; margin-bottom:.5em; font-size:12px;} .cat_border_table .rac.product_wrapper .pricing > span { display:inline; margin-right:5px; } .cat_border_table .rac.product_wrapper .pricebreaks { display:block; margin-top:.5em; } .cat_border_table .rac.product_wrapper .pricebreak { display:block; color:#FF4800; } .cat_border_table .rac.product_wrapper img, .cat_list .rac.product_wrapper img { width:78px; height:133px; } .cat_border_table .rac.product_wrapper .text_wrap { width:265px; font-size:12px; } .cat_border_table .rac.product_wrapper .image_wrap { width:78px; } .cat_border_table .rac.product_wrapper .name { margin-bottom:0; font-size:12px;} .cat_border_table .cat_border_cell .rac .bottom_bar .review { /*width:auto;*/ margin-right:35px; margin-left:35px; } .cat_border_table .cat_border_cell .rac .bottom_bar .feedback { /*width:auto;*/ } /*List Innards*/ .cat_list .product_wrapper { width:140px; padding:4px 8px 18px; text-align:center; } .cat_list.player_list .product_wrapper { width:114px; } .cat_list .product_wrapper img { margin: 0 auto 10px; } .cat_list .product_wrapper .name { min-height:3.75em; } .cat_list.bag .product_wrapper { width:244px; } .cat_list.bag .product_wrapper .name { min-height:inherit; } .cat_list.bag .product_wrapper img.title_bag_marg { margin-top:50px; margin-bottom:60px; max-width:233px; } .cat_order_row .submit_button { float:right; background-image: url("http://img.tennisonly.com.au/sitegraphics/img/cart.png"); background-size:126px 184px; background-position:0px 0px; background-color:#ffffff; height:46px; line-height:0; overflow:hidden; padding:0; width:126px; border:0; margin:0 0 0 8px; cursor:pointer; text-indent:-9999em; outline:none; } .cat_order_row .submit_button:hover { background-position:0px -46px; } .cat_order_row .submit_button:active { background-position:0px -92px; } .subcat_list { margin-bottom:20px; } .subcat_list .subcat_item { float:left; text-align:center; padding:10px; width:175px; } .subcat_list .subcat_item img { display:block; margin:0px auto 5px; width:auto; height:133px; } .subcat_list .subcat_item img.shoe_thumb_marg { margin-top: 28px; margin-bottom: 28px; width: 110px; height:82px; } .subcat_list .subcat_item img.bag_fam_thumb { margin-top: 16px; margin-bottom: 21px; width: 175px; height:auto; } .subcat_list .subcat_item .name { color:#00427A; text-decoration:none; font-size:12px; } .subcat_list .first { clear:left; } .brandlist { list-style-type: none; font-size:12px; line-height:1.5em; padding-left:3px; } .brandlist li { padding:10px 12px ; float:left; text-align:center; width:105px; } .brandlist li.first { clear:left; } .brandlist li img { margin:auto; width:105px; height:90px; } .brandlist li .name { text-decoration:none; display:block; color:#464646; padding-top:5px; } .brand_viewall { text-align: center; font-size: 14px; line-height: 1.5em; margin: 20px auto; } .brand_viewall a { color:#00427A; font-weight:bold; font-style:italic; } .apparel_featured_brands .brand_tile { width:363px; padding:10px; border:1px solid #CCCCCC; position:relative; background:#EEEEEE; overflow:hidden; margin-bottom:10px; } .apparel_featured_brands .images { height:143px; padding:5px; margin:auto; background:#FFFFFF; text-align:center; } .apparel_featured_brands .images img { display:inline; padding:5px; } .apparel_featured_brands .logo img { margin:auto; } .shoe_featured_brands .brand_tile { width:363px; padding:10px; border:1px solid #CCCCCC; position:relative; background:#EEEEEE; overflow:hidden; margin-bottom:10px; } .shoe_featured_brands .images { padding:5px; margin:auto; background:#FFFFFF; text-align:center; } .shoe_featured_brands .images img { display:inline; padding:3px; } .shoe_featured_brands .logo img { margin:auto; } .apparel_brandlist { margin:auto; } .apparel_brandlist .brand_tile { background:#EEEEEE; border:solid 1px #CCCCCC; height:150px; margin-bottom:10px; position:relative; width:383px; } .apparel_brandlist .images { background:#FFFFFF; height:133px; position:absolute; top:10px; width:220px; } .apparel_brandlist .left .images { right:10px; text-align:right; } .apparel_brandlist .right .images { left:10px; text-align:left; } .apparel_brandlist .left .images img { padding:0px 5px; } .apparel_brandlist .right .images img { margin-right:10px; } .shoe_brandlist { margin:auto; } .shoe_brandlist .brand_tile { background:#EEEEEE; border:solid 1px #CCCCCC; height:115px; margin-bottom:10px; position:relative; width:383px; } .shoe_brandlist .brand_tile .text_new { color:#00427A; display:block; font-size:16px; text-align:center; position: absolute; width: 100%; bottom: 10px; font-style:italic; } .apparel_brandlist .brand_tile .text_new { color:#00427A; display:block; font-size:16px; text-align:center; font-style:italic; } .shoe_brandlist .brand_tile .text_sale { color:#FF4900; display:block; font-size:16px; text-align:center; position: absolute; width: 100%; bottom: 10px; font-style:italic; } .apparel_brandlist .brand_tile .text_sale { color:#FF4900; display:block; font-size:16px; text-align:center; font-style:italic; } .shoe_brandlist .brand_tile a, .apparel_brandlist .brand_tile a { text-decoration:none; } .shoe_brandlist .images { background:#fff; height:93px; position:absolute; top:10px; width:240px; } .shoe_brandlist .images img, .apparel_brandlist .images img { display:inline; } .shoe_brandlist .images img { padding:5px; } .shoe_brandlist .left .images { right:10px; } .shoe_brandlist .left .logo { left:15px; } .apparel_brandlist .left .logo { left:25px; } .shoe_brandlist .left, .apparel_brandlist .left { float:left; } .shoe_brandlist .logo { position:absolute; top:10px; } .apparel_brandlist .logo { position:absolute; top:25px; } .shoe_brandlist .right .images { left:10px; } .shoe_brandlist .right .logo { right:15px; } .apparel_brandlist .right .logo { right:25px; } .shoe_brandlist .right, .apparel_brandlist .right { float:right; } /*Grommet*/ .grommet_table td{ padding:5px 0; } .grommet_table th{ font-size:14px; font-weight:bold; font-style:italic; color:#00427A;} /*Cat Notify Popup*/ .email_w_button_wrap { margin:0em auto 1em; border: 1px solid #BBBBBB; padding-right: 85px; padding-left:0px; position: relative; margin-left:0px; } .email_w_button_wrap .emailtext { display:block; border:none; background:#FFFFFF; text-align:center; float:none; font-size:12px; line-height:1.25em; padding:.5em 0px; margin:0; width:100%; } .email_w_button_wrap .emailtext::-webkit-input-placeholder { color: #CCCCCC; } .email_w_button_wrap .emailtext:-moz-placeholder { color: #CCCCCC; } .email_w_button_wrap .emailtext::-moz-placeholder { color: #CCCCCC; } .email_w_button_wrap .emailtext:-ms-input-placeholder { color: #CCCCCC; } .email_w_button_wrap .emailbutton { display:block; position:absolute; right:-1px; top:-1px; margin:0; border:none; color:#FFFFFF; font-size:12px; text-transform:uppercase; line-height:29px; padding:0px; cursor:pointer; background:#FF6600; border:none; height:29px; padding-left:20px; padding-right:20px; } /*====================================== SEARCH RESULTS PAGES ======================================*/ #searchresultsarea .cat_list { margin-top:20px; } #searchresultsarea .resetlinks { background:#EEEEEE; } #searchresultsarea .resetlinks .title { float:left; font-size: 12px; line-height:16px; color:#00427A; padding:.5em; font-weight:bold; text-transform:uppercase; } #searchresultsarea .resetlinks a { display:block; float:left; line-height:1.5em; padding:.5em; background:transparent url('http://img.tennisonly.com.au/sitegraphics/img/find_close.png') no-repeat right 50%; margin:0 5px; text-decoration:none; color:#464646; text-transform:uppercase; padding-right:20px; line-height:16px; } #searchresultsarea .resetlinks a:first-child { margin-left:0; } #searchoptions { width:385px; /*margin-right:10px;*/ float:right; } #searchoptions .selectwrap { width:187px; padding-left:11px; float:left; } #searchoptions .selectwrap:first-child { padding-left:0; } .searchpagenav { float:left; padding:0px 5px; } .searchpagenav span { display:block; float:left; color:#464646; padding:5px; width:20px; text-align:center; font-weight:bold; } .searchpagenav a { display:block; float:left; margin:0; color:#464646; text-decoration:none; padding:5px; font-weight:bold; width:20px; text-align:center; } .searchpagenav .double { width:80px; } .searchpagenav .current { color:#FF4900; } .searchpagenav .prev { display:block; float:left; margin:0px; padding:5px; width:10px; } .searchpagenav .next { display:block; float:left; margin:0px; padding:5px; width:10px; } .searchpagenav .next .arrow { float:none; padding:0; overflow:hidden; text-indent:-9999em; display:block; width:7px; height:8px; margin:5px auto 0; background: url("http://img.tennisonly.com.au/sitegraphics/img/med_arrow.png"); background-size: 7px 30px; background-position: 0px -7px; background-repeat: no-repeat; background-color: transparent; } .searchpagenav .prev .arrow { float:none; padding:0; overflow:hidden; text-indent:-9999em; display:block; width:7px; height:8px; margin:5px auto 0; background: url("http://img.tennisonly.com.au/sitegraphics/img/med_arrow.png"); background-size: 7px 30px; background-position: 0px -22px; background-repeat: no-repeat; background-color: transparent; } .searchheader { clear:both; font-size:16px; font-weight:bold; line-height:28px; border-bottom:1px solid #ccc; margin:15px auto 10px; color:#00427a; padding-left:10px; } .searchheader .fr { color:#000; font-size:14px; line-height:16px; padding-top:8px; vertical-align:bottom; padding-right:5px; } #searchnavbar .dropdownbox .current_selection { padding: 5px 40px 5px 10px; } #producttarget.loading, #searchresultsarea .results.loading { background: url('http://img.tennisonly.com.au/sitegraphics/img/loading2.gif') no-repeat 50% 50%; height:300px; } /*descpage heading*/ .product_header { border-bottom:1px solid #CCCCCC; padding-bottom:20px; letter-spacing:.025em; } .product_header .name { background:none; color; font-size:20px; line-height:1.2em; color:#00427A; text-align:left; padding:0px; margin-bottom:10px; font-weight:normal; letter-spacing:.025em; } .product_header .with_logo .name { float:left; width:330px; } .product_header .with_logo img { width:60px; height:60px; float:right; } .product_pricing { letter-spacing:.025em; } .product_pricing .price { font-size:22px; color:#00427A; font-weight:normal; line-height:1.25em; } .product_pricing .sale { font-size: 22px; font-weight:bold; color:#FF4800; line-height:1.25em; } .product_pricing .savings { font-size:16px; color:#464646; font-weight:bold; line-height:20px; font-weight:normal; } .product_pricing .pricenotifylink { display:block; width:175px; height:20px; margin-top:10px; overflow:hidden; text-indent:-9999em; background:url('http://img.tennisonly.com.au/sitegraphics/img/price_alert2.png'); } .prod_follow { font-size:17px; text-align:left; background:#E3F1FE; padding:0px; margin-bottom:15px; } .prod_follow p { float:right; width:290px; font-size:13px; margin:0; padding:5px; font-style:italic; } .prod_follow a { display:block; text-align:center; font-size:17px; background:#e3f1fe; background:#ff6600; color:#FFFFFF; width:80px; margin:0; padding:5px; text-decoration:none; float:left; text-transform:capitalize; } .pricebreaklist { /*width:120px;*/ float:right; border:1px solid #CCCCCC; border-collapse:separate; color:#333333; padding:4px;} .pricebreaklist th { color:#00427A; border-bottom:1px solid #CCCCCC; font-weight:bold; } .pricebreaklist .odd, .pricebreaklist .odd td { background-color:#EEEEEE; } .pricebreaklist td { padding:2px 0px; text-align:center; } .pricebreaklist .pb_qty { text-align:left; padding:2px 5px; } .pricebreaklist .pb_price { text-align:right; padding:2px 5px; } .product_image { position:relative; } .product_image .threesixty { overflow: hidden; height: 0; position: absolute; right: 0px; top: 0px; z-index: 200; border-color:#CCCCCC; border-width:1px; border-style:solid; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/360.png"); background-repeat:no-repeat; cursor:pointer; background-color:#ffffff; padding-top:50px; width:50px; } .zoom { overflow: hidden; height: 0; position: absolute; left: 0px; top: 0px; z-index: 200; border-color:#CCCCCC; border-width:1px; border-style:solid; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/viewlg.png"); background-repeat:no-repeat; cursor:pointer; background-color:#ffffff; padding-top:50px; width:50px; } /* Style Ordering */ #style_ordering { background-color:#ffffff; padding-bottom:10px; } #style_ordering h2 { color:#464646; background-color:#ffffff; text-align:left; font-size:16px; font-weight:normal; letter-spacing:.025em; padding:5px 0; } #style_ordering .style_row { padding:0px; list-style-type:none; } #style_ordering li { min-width:29px; display:inline-block; font-weight:bold; font-size:12px; line-height:14px; border:1px solid #CCCCCC; color:#3a1400; float:left; text-align:center; padding:6px; cursor:pointer; margin: 3px 6px 3px 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #style_ordering li:hover { border-width:2px; padding:5px; } #style_ordering li.invalid { color:#CCCCCC; border-color:#CCCCCC; } #style_ordering li.selected { padding:7px; border:0; color:#ffffff; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } #style_ordering li.invalid.selected { background:#ffffff; border:2px dashed #cf5800; padding:5px; color:#CCCCCC; } #style_ordering li.thumb_box { background:#ffffff; width:auto; padding:1px; border:1px solid #CCCCCC; } #style_ordering li.thumb_box:hover { border-width:2px; padding:0; } #style_ordering li.thumb_box.selected { border-color:#00427A; padding: 0px; border-width:2px; } #style_ordering li.thumb_box.invalid.selected { border-color:#cf5800; } #style_ordering li.thumb_box.invalid img { opacity:0.4; } .descpage_linkbar { list-style-type:none; margin:10px auto; } .descpage_linkbar li { float:left; width:50%; } .descpage_linkbar a { display:block; float:left; text-align:left; line-height:20px; padding:5px; text-decoration:none; color:#464646; font-style:italic; } .descpage_linkbar .review { background:url('http://img.tennisonly.com.au/sitegraphics/img/review.png') no-repeat 5px 50%; padding-left:35px; } .descpage_linkbar .feedback { background:url('http://img.tennisonly.com.au/sitegraphics/img/feedback.png') no-repeat 5px 50%; padding-left:42px; } /* Feedback descpage styles */ .cust_comments { padding-bottom:10px; } .custreview_form .feedback, .cust_feedbackpage .feedback_popup_wrap .feedback { display:block; font-size:15px; line-height:20px; color:#fff; padding:10px 0px; margin:20px 0px; width:200px; text-align:center; border:none; border-radius:0; cursor:pointer; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } .cust_feedbackpage h3 { font-weight:bold; margin-top:10px; padding-left:10px; } .cust_feedbackpage p { margin-top:20px; padding:0px 10px; } .feedback_popup_wrap { padding:0px 10px; } .ordering_links { list-style-type:none; margin:10px 0px; } .ordering_links li { display:block; width:49%; margin:0px; float:left; } .ordering_links a { display:block; float:left; text-decoration:none; color:#00427A; padding:0 15px 0 0; position:relative; margin:0px 0px 4px; font-weight:bold; } .ordering_links .arrow { display:block; position:absolute; right:0; top:6px; width:5px; height:5px; background:url("http://img.tennisonly.com.au/sitegraphics/img/sm_arrows.png"); background-size:5px 20px; background-position:0px 0px; background-repeat:no-repeat; background-color:transparent; } /*.ordering_links a:hover { text-decoration: underline; }*/ /* Add to Cart */ #ordersubmit_button { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/cart.png"); background-size:126px 184px; background-position:0px 0px; background-color:#ffffff; height:46px; line-height:0; overflow:hidden; padding:0; width:126px; border:0; border-radius:0; margin:0 0 0 8px; cursor:pointer; text-indent:-9999em; outline:0; } #ordersubmit_button:hover, #ordersubmit_button:focus { background-position:0px -46px; } #ordersubmit_button:active { background-position:0px -92px; } #ordersubmit_button.disabled_cart { cursor:default; background-position:0px -138px; } #ordersubmit_wrap { font-size:15px; display:block; padding:10px 0 0 0; text-align:right; border-top:1px solid #CCCCCC; } #ordersubmit_wrap.noborder { font-size:15px; display:block; padding:10px 0 0 0; text-align:right; border-top:none; } #ordersubmit_wrap .ordering_element { display:inline-block; vertical-align:middle; } #order_alert { margin-right:10px; max-width:145px; } #order_alert .avail_qty { display:inline-block; padding:5px; line-height:18px; height:18px; color:#00427A; } .styled_subproduct_list { width:100%; margin:10px 0px; } .styled_subproduct_list td { padding: 5px 5px; vertical-align: middle; border: 1px solid #CCCCCC; } .styled_subproduct_list .stock { width: 100px; font-size:11px; } .styled_subproduct_list .stylelist { float:left; font-size:11px; } .styled_subproduct_list .stylelist li { float:left; padding-right:10px; } #order_box .dropdownbox { height:30px; } #order_box .dropdownbox .current_selection { color:#00427A; text-align:left; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:18px; padding:5px 40px 5px 10px; height:18px; } #order_box .dropdownbox .current_selection .drop_arrow { width:30px; height:30px; } #order_box .dropdownbox .optionslist { top:29px; } #order_box .dropup.dropdownbox .optionslist { bottom:29px; top:auto; } #order_box .dropdownbox .optionslist .option { font-size:14px; line-height:1.25em; text-align:left; } #order_box .racordering .dropdownbox .current_selection { color:#464646; text-align:left; font-weight:normal; text-transform:none; font-size:12px; line-height:18px; padding:5px 40px 5px 10px; height:18px; } #order_box .racordering .dropdownbox .optionslist .option { font-size:12px; line-height:1.25em; text-align:left; } .racordering .dropdownbox .optionslist .option { font-size:12px; line-height:1.25em; text-align:left; } .racordering .dropdownbox .current_selection { color:#464646; text-align:left; font-size:12px; line-height:16px; padding:3px 40px 3px 10px; } .racordering .dropdownbox .current_selection .drop_arrow { left:auto; right:0; } /*.racordering .dropdownbox .current_selection .drop_arrow span { top:7px; }*/ .racordering .dropdownbox .optionslist { top:23px; } .racordering .dropup.dropdownbox .optionslist { bottom:23px; } .racordering select { width:100%; } .racordering p { margin:10px 0px; color:#464646; } .racordering label { display:block; color: #464646; background-color: #ffffff; text-align: left; font-size: 16px; font-weight: normal; letter-spacing: .025em; padding: 10px 0; } .racordering .tension_wrap label { float:left; margin-right:10px; padding:5px 0; } .racordering .tension_wrap input { display: block; float: left; width: 50px; text-align: center; border: 1px solid #CCCCCC; padding: 4px; font-size: 14px; margin: 0; line-height: 18px; } /* Style color name display */ #colorname { display:block; text-align:left; font-size:12px; font-weight:bold; padding:0 0 5px 3px; line-height:15px; height:15px; color:#3a1400; } #colorname.selected { color:#FF4800; } #order_box.nostylenames #colorname { display:none; } #order_box .inline_title { font-weight: bold; font-weight: bold; color: #00427A; font-style: italic; } .racordering label { display:block; color: #464646; background-color: #ffffff; text-align: left; font-size: 16px; font-weight: normal; letter-spacing: .025em; padding: 10px 0; } .sizing_chart { padding:5px; } .sizing_chart .heading { text-align:left; font-size: 15px; font-weight: bold; color: #00427A; margin: 0px auto 0px; border-bottom: 1px solid #CCCCCC; padding: 5px; } .sizing_chart table { width:100%; text-align:center; margin-bottom:10px; } .sizing_chart th { padding:5px 10px; text-align:center; background: #FFFFFF; color: #00427A; font-size: 14px; line-height: 21px; margin-bottom: 0px; font-weight: bold; font-size:12px; letter-spacing:.025em; border-width:0px 0px 0px; border-style:solid; border-color:#00427A; } .sizing_chart td { padding:5px 10px; /*border-width:0 1px 1px 0px; border-style:solid; border-color:#DDDDDD;*/ } .sizing_chart td:first-child { border-width:0 1px 1px 1px; } .largeimagepop .scrollarea { width: 100%; overflow: auto; height:100%; } .largeimagepop .scrollcontent { float:left; min-width:100%; clear:both; } .largeimagepop ::-webkit-scrollbar { width: 10px; color:#EEEEEE; } .largeimagepop ::-webkit-scrollbar-button { background-color: #EEEEEE; height: 0; width: 0; display: none; } .largeimagepop ::-webkit-scrollbar-track { background-color: #CCCCCC; } .largeimagepop ::-webkit-scrollbar-track-piece { background-color: #EEEEEE; border-left: 1px solid #DDDDDD; } .largeimagepop ::-webkit-scrollbar-thumb { background-color: #CCCCCC; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; } .largeimagepop ::-webkit-scrollbar-thumb:hover { background-color: #C0C0C0; } .largeimagepop ::-webkit-scrollbar-corner { background-color: #999; } .largeimagepop ::-webkit-resizer { background-color: #666; } /*Product Image Area*/ .mainimage_wrap { border:1px solid #CCCCCC; position:relative; } .mainimage_wrap .loader { width:100px; height:100px; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; display:none; background:transparent url('http://img.tennisonly.com.au/sitegraphics/img/loading2.gif') no-repeat 50% 50%; z-index:10; overflow:hidden; text-indent:-9999em; } .mainimage_wrap.loading .loader { display:block; } .mainimage { margin:auto; } .shoe .mainimage { margin:67px auto; } .viewport { margin:auto; width:100%; } #multiview li { float:left; padding:0; margin:5px 5px 0 0; list-style: none; } #multiview li.video_popup_wrap { padding:7px; margin-right:0px; } #multiview li.first_item { padding-left:0px; } #multiview img { width:43px; padding:0; height:57px; border: 1px solid #BBBBBB; } .shoe #multiview li { margin-right:0; padding-left:3px; } .shoe #multiview li:first-child { padding-left:0px; } .shoe #multiview li.video_popup_wrap { padding:5px 9px; } .shoe #multiview img { width:56px; padding:0; height:auto; border: 1px solid #BBBBBB; } .shoe #multiview img { width:48px; } .rac #multiview li { margin-right:0; padding-left:3px; } .rac #multiview li.video_popup_wrap { padding: 30px 0px 0px 7px; } .rac #multiview img { width:48px; height:auto; } /*Multiview Images*/ /*#multiview { min-height:57px; }*/ div#multiview_panel ul#multiview li.video_popup_wrap { margin-right:0; margin-top:18px; padding-left:2px; } .video_popup { float:left; display:block; width:30px; height:0px; padding-top:26px; background-size:30px 52px; overflow:hidden; background:url("http://img.tennisonly.com.au/sitegraphics/img/video.png"); background-position:0px -26px; } .video_popup:hover { background-position:0px 0px; } /* Social */ #social_wrap { padding-top:15px; } #pin_button { float:left; margin-right:8px; } #gp_button { float:left; margin-right:8px; } #fb_button { float:left; } #email_friend_wrap { float:left; } #email_friend { display:block; margin-right:8px; height:0; padding-top:20px; width:90px; overflow:hidden; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/emailfriend.png"); background-position:0px 0px; } #email_friend:hover { background-position:0px -20px; } /*Image Viewer Stuff*/ .viewport { position: relative; z-index: 10; } .viewport a { display: block; } .viewport #pImage { float: none; } .viewport #indicator { display:none; overflow:hidden; position:absolute; top:0px; left:0px; border:1px solid #B8B8B8; cursor:crosshair; background: url('http://img.tennisonly.com.au/sitegraphics/img/rw_1pix.png') repeat; } .viewport #indicator { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .viewport #indicator .note { position:absolute; bottom:0px; color:#333333; font-size:11px; font-style:italic; width:100%; text-align:center; } /*.viewport img { width:300px; height:400px; }*/ .viewport #largeview { display:none; position:absolute; top:0px; left:377px; border-width:0px; border-style:solid; border-color: #999999; height:402px; width:402px; background-image: none; background-position: 0px 0px; background-color:#FFFFFF; background-repeat:no-repeat; /*opacity:0;*/ box-shadow:0px 5px 22px -3px rgba(0,0,0,1); } /* .viewport #largeview.hasmulti { height:452px; } */ .viewport.active #indicator { display:block; } .viewport.active #largeview { display:block; } div.largeimagepop { position:absolute; left: 0; position: absolute; top: 0; z-index: 1001; padding:5px; -webkit-box-shadow: 0px 5px 22px -3px #000000; -moz-box-shadow: 0px 5px 22px -3px #000000; box-shadow: 0px 5px 22px -3px #000000; background:#FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 0px; border: 0px solid #666666; } div.largeimagepop div.closebutton { background: #000000 url("http://img.tennisonly.com.au/sitegraphics/img/button-desc-overlayX.png") no-repeat scroll 50% 50%; font-family:helvetica, arial, san-serif; position: absolute; top: -12px; right:-12px; width: 20px; height:12px; border:2px solid white; color:white; text-align:center; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding:4px 0px; line-height:12px; font-size:12px; font-weight:bold; cursor:pointer; box-shadow:0px 0px 5px rgba(0,0,0,.50); overflow:hidden; text-indent:-9999em; } div.largeimagepop div.popupthumbs { float:left; width:60px; } div.largeimagepop div.popupthumbs a { display:block; padding:5px; float:left; } div.largeimagepop div.popupthumbs img { width:50px; border:none; margin:auto; display:block; } div.largeimagepop img.largemain { float:left; } /* div.largeimagepop .full_article_link { padding:15px; background:#1C586D; font-size:15px; line-height:10px; text-align:center; } */ /* div.largeimagepop .full_article_link a { color:white; text-decoration:underline; } */ div.closewindowlayer { background:rgba(255, 255, 255, 0.5); width:100%; padding:0; margin:0; position:absolute; top:0; z-index:1000; } /* Tabs */ #desc_tabs { padding:0px; width:auto; } #desc_tabs .desctab_linklist { border-bottom:1px solid #CCCCCC; padding: .2em .2em 0; margin:0; } #desc_tabs .desctab_linklist li { position:relative; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ padding:0; margin:0; border-style:solid; border-bottom-width:1px; border-color:#CCCCCC; bottom:-1px; top:auto; float: left; white-space: nowrap; } #desc_tabs .desctab_linklist li .tab_arrow { position:absolute; right:10px; bottom:10px; height:10px; width:9px; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/lg_arrow.png"); background-size:9px 36px; background-position:0 -9px; } #desc_tabs .desctab_linklist li.ui-state-default { bottom:-3px; } #desc_tabs .desctab_linklist li.ui-state-active { padding:0; margin:0; border-style:solid; border-bottom-width:3px; bottom:-3px; border-color:#00427A; } #desc_tabs .desctab_linklist li.ui-state-active .tab_arrow { background-position:0 -18px; height:9px; } #desc_tabs .desctab_linklist li a { color:#00427A; font-weight:normal; font-size:18px; line-height:24px; padding:10px 30px 5px 10px; float: left; text-decoration: none; } #desc_tabs .desctab_linklist li.ui-state-default a { color:#CCCCCC; } #desc_tabs .desctab_linklist li.ui-state-active a { color:#00427A; } #desc_tabs .desctab_linklist li a:focus { outline:0; } #desc_tab .desc_column { width:450px; float:left; } #desc_tab .desc_column p { line-height:1.75; } #desc_tab .rac_specs, #desc_tab .desc_specs_wrap { width:260px; float:right; } #desc_tabs .desc_specs_wrap table { width:260px; } #desc_tabs .desc_specs_wrap table td, #desc_tabs .desc_specs_wrap table th { padding:8px 5px; font-size:12px; line-height:1.35em; height:1.35em; text-align:left; font-weight:normal; background:#EEEEEE; } #desc_tabs .desc_specs_wrap table .odd td { background-color:#FFFFFF; } #desc_tabs .desc_specs_wrap table th { width:90px; font-size:12px; text-align:left; padding-left:10px; font-weight:bold; } #desc_tabs .desc_specs_wrap table .odd th { font-weight:normal; background:#FFFFFF; } #desc_tab .desc_specs_wrap .specs_header h2{font-weight: bold; } h2.specs_header{margin-top: 0px; font-size: 16px; font-weight: bold; color: #00427a; border-bottom: 1px solid #bbbbbb;} #desc_tab .desc_specs_wrap ul{padding-left: 20px; } #desc_tab ul:nth-child(3){width: 260px; float: right; list-style-type:none;} #desc_tabs .tabpanel { font-size:13px; line-height:1.5em; padding:1em; color:#464646; } #desc_tabs .tabpanel b, #desc_tabs .ui-tabs-panel strong { font-weight:bold; } #desc_tabs .tabpanel ul { margin-left:1em; margin-bottom:1em; margin-top:1em; list-style-type:disc; padding-left: 20px; } #desc_tabs .tabpanel > ul > li > ul { list-style-type:none; margin-left:0; } #desc_tabs #desc_tab.rac { padding:0; } #desc_tabs #desc_tab.rac .desc_column { width:450px; float:left; padding-right:10px; padding:1em; } #desc_tabs .rac_specs { border-width:0px 1px 1px; border-color:#CCCCCC; border-style:solid; width:280px; float:right; padding:5px; } #desc_tabs .rac_specs .specs_header { font-size: 15px; font-weight: bold; margin-bottom: 5px; color: #00427A; margin: 5px 5px 10px; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; } #desc_tabs .rac_specs table { width:280px; } #desc_tabs .rac_specs table td { padding:3px 5px; font-size:12px; line-height:1.35em; } #desc_tabs .rac_specs table tr:first-child td { padding-top:0px; } #desc_tabs .rac_specs table .SpecsDk { background-color:#EEEEEE; } #desc_tabs .rac_specs table strong { color:#00427A; } #desc_tabs .tech_list .tech_item { padding:10px 0px; border-top:1px solid #CCCCCC; } #desc_tabs .tech_list .tech_item:first-child { border-top:none; padding-top:0px; } #desc_tabs .tech_list .tech_item .image_wrap { float:left; width:105px; } #desc_tabs .tech_list .tech_item .text_wrap { float:right; width:630px; font-size:12px; line-height:1.5em; font-family:"trebuchet ms",helvetica,arial,san-serif; } #desc_tabs .tech_list .tech_item .text_wrap font { font-family:"trebuchet ms",helvetica,arial,san-serif; } /* Pro Players */ .pros { border:1px solid #CCCCCC; padding:0 20px 10px; float:left; width: 340px; font-size:12px; min-height:16.5em; } .pros.rac { padding:0 20px 10px; float:left; width: 738px; } .pros h3 { text-align:center; color:#00427A; font-size:1.333em; line-height:1.25em; padding:.5em; } .pros ul { list-style-type:none; padding:0px; margin:0px; } .pros ul li { float:left; padding-left:20px; text-align:center; width:100px; line-height:1.25em; } .pros.rac ul li { padding-left:27px; } .pros.rac ul li:first-child, .pros ul li:first-child { padding-left:0; } .pros ul li a { width:100px; text-decoration:none; color:#464646; } .pros ul li img { width:100px; margin-bottom:.75em; } .mailinglist { font-family:"trebuchet ms",helvetica,arial,san-serif; border:1px solid #CCCCCC; padding:0 20px 10px; font-size:12px; text-align:center; color:#464646; } .mailinglist .mailinglist_select { width:500px; margin:auto; text-align:left; margin:1em auto; } .mailinglist .mailinglist_select .select_left { width:40px; float:left; } .mailinglist .mailinglist_select .select_right { width:450px; float:left; } .mailinglist .mailinglist_submit { width:460px; margin:auto; } .mailinglist.compact { float:right; width: 340px; min-height:16.5em; } .mailinglist h3 { text-align:center; color:#00427A; font-size:1.333em; line-height:1.25em; padding-top:.5em; margin-bottom:.5em; } .mailinglist p { margin:1em 0; } .mailinglist .email_wrap { margin:1em auto; border: 1px solid #CCCCCC; padding-right: 70px; padding-left:0px; position: relative; width:300px; } .mailinglist.compact .email_wrap { width:auto; } .mailinglist .emailtext { display:block; border:none; background:#FFFFFF; text-align:center; float:none; font-size:12px; line-height:1.25em; padding:.5em 0px; margin:0; width:100%; } .mailinglist .emailtext::-webkit-input-placeholder { color: #CCCCCC; } .mailinglist .emailtext:-moz-placeholder { color: #CCCCCC; } .mailinglist .emailtext::-moz-placeholder { color: #CCCCCC; } .mailinglist .emailtext:-ms-input-placeholder { color: #CCCCCC; } .mailinglist .emailbutton { display:block; position:absolute; right:-1px; top:-1px; margin:0; color:#FFFFFF; font-size:12px; text-transform:uppercase; font-family:"trebuchet ms",helvetica,arial,san-serif; line-height:29px; padding:0px; cursor:pointer; border:none; border-radius:0; height:29px; padding-left:10px; padding-right:10px; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } .ordering_list { margin:8px auto; } .ordering_list h3 { font-size:16px; font-weight:normal; color:#00427A; /*letter-spacing:.025em;*/ line-height:2em; margin-bottom:0px; border-bottom:1px solid #CCCCCC; } .ordering_list .cat_ordering_table { border-collapse:separate; border-spacing:10px; margin:0px -10px; width:800px; } .ordering_list .cat_ordering_table .cat_ordering_cell { border:1px solid #CCCCCC; vertical-align:top; width:380px; } .ordering_list .product_wrapper { color:#464646; width:350px; display:block; padding:15px; text-align:left; letter-spacing:.025em; } .ordering_list .product_wrapper .image_wrap { float:left; width:100px; margin-right:20px; } .ordering_list .product_wrapper .text_wrap { float:left; width:230px; text-align:left; margin-top:10px; margin-bottom:10px; } .ordering_list .product_wrapper .new_item { font-style:italic; color:#126900; padding-right:.25em; } .ordering_list .product_wrapper img { display:block; margin-bottom:5px; } .ordering_list .product_wrapper img.shoe_thumb_marg { margin-top: 28px; margin-bottom: 28px; width: 110px; } .ordering_list .product_wrapper .name { text-decoration:none; display:block; line-height:1.25em; font-size:12px; color:#464646; margin-bottom:.5em; } .ordering_list .product_wrapper .price { color:#00427A; } .ordering_list .product_wrapper table { width:100%; margin-top:10px; } .ordering_list .product_wrapper table th { font-weight:bold; } .ordering_list .product_wrapper table input { border: 1px solid #CCCCCC; padding: 0.5em 0.25em; text-align: center; } .ordering_list .submit_button { float:right; background-color: #FFFFFF; background-image: url("http://img.tennisonly.com.au/sitegraphics/img/cart.png"); background-position: 0 0; background-size: 126px 138px; border: 0 none; cursor: pointer; height: 46px; line-height: 0; margin:0; overflow: hidden; padding: 0; text-indent: -9999em; width: 126px; } .ordering_list .submit_button:hover { background-position:0px -46px; } .otheritems { /*padding-top:15px;*/ } .otheritems h3 { font-size:18px; color:#00427A; /*font-style:italic; letter-spacing:.025em;*/ line-height:2em; margin-bottom:10px; font-weight:bold; border-bottom:1px solid #CCCCCC; padding-left:10px; } .otheritems .product_wrapper { width:148px; padding:4px; display:inline-block; text-align: center; vertical-align:top; } .otheritems .product_wrapper img { /*width: 100px;*/ margin: 0 auto; } .otheritems .first { clear:left; } .otheritems .product_wrapper img { display:block; margin-bottom:5px; } .otheritems .product_wrapper img.shoe_thumb_marg { margin-top: 28px; margin-bottom: 28px; width: 110px; } .otheritems .product_wrapper img.bag_fam_thumb { margin-top: 28px; margin-bottom: 25px; } .otheritems .product_wrapper img.player { margin-bottom: 18px; } .otheritems .product_wrapper .name { text-decoration:none; display:block; line-height:1.25em; font-size:12px; color:#00427A; } .otheritems .product_carousel.active .first { clear:none; } .otheritems .product_carousel.active .product_wrapper { display:block; float:left; } /* Product Carousel */ /*.otheritems_header { font-weight:500; font-size:18px; color:#cf5800; padding:15px 0 10px 5px; border-top:1px solid #e2cd98; }*/ .product_carousel { margin-bottom:10px; } .product_carousel.active { padding:0 78px; position:relative; } .product_carousel.active .carousel_inner_wrap { display:block; position:relative; overflow:hidden; } .product_carousel.active .carousel_inner { position:relative; height:100%; } .product_carousel.active .product_wrapper { float:none; } .product_carousel.active .arrow_wrap { } .product_carousel.active .arrow_icon { display:block; position:absolute; top:50%; margin-top:-5px; height:10px; width:9px; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/arrows.png"); background-size:9px 36px; } .product_carousel.active .arrow_box { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position:absolute; top:50%; margin-top:-25px; height:50px; width:25px; display:block; cursor:pointer; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } .product_carousel.active .left_arrow { left:30px; -webkit-border-top-left-radius: 25px; -moz-border-radius-topleft: 25px; border-top-left-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-left-radius: 25px; } .product_carousel.active .left_arrow .arrow_icon { background-position:0px -26px; left:50%; margin-left:-4px; } .product_carousel.active .right_arrow { right:30px; -webkit-border-top-right-radius: 25px; -moz-border-radius-topright: 25px; border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-bottomright: 25px; border-bottom-right-radius: 25px; } .product_carousel.active .right_arrow .arrow_icon { background-position:0px -16px; right:50%; margin-right:-4px; } /* Working Order */ .working_header { text-align:left; padding:0 0 5px 10px; margin:10px 0 10px 0; font-size:20px; /*font-style:italic;*/ border-bottom:1px solid #d0d0d0; color:#00427a; font-weight:bold; } .notice { background:#e3f1fe; margin-bottom:10px; padding:10px; } .notice_em { color:#ff0000; font-weight:bold; font-style:italic; } #working_labels { background:#eeeeee; color:#464646; height:30px; line-height:30px; font-size:14px; text-align:center; } #working_labels > span { display:block; float:left; } #working_labels .w_item { text-align:left; } #working_labels .w_tprice { text-align:right; } .w_item { width:350px; padding-left:10px; } .w_qty { width:90px; padding:0 5px; } .w_stock { width:120px; padding:0 5px; } .w_price { width:80px; padding:0 5px; } .w_tprice { width:90px; padding:0; } .working_cell { border-bottom:1px solid #d0d0d0; padding:5px 0; } .working_cell.has_comment { border-bottom:none; } .working_cell.has_components { border-bottom: medium none; } .working_cell > span { text-align:center; display:inline-block; vertical-align:middle; } .working_cell .w_tprice { text-align:right; } .working_cell .w_price, .working_cell .w_tprice { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .component_cell { padding: 5px 0; } .component_cell.last { border-bottom: 1px solid #bbbbbb; padding: 5px 0; } .w_item_thumb { display:inline-block; vertical-align:middle; width:100px; } .w_item_thumb a { display:block; height:100%; width:100%; } .w_item_thumb img { max-width:100%; } .w_item_name { display:inline-block; vertical-align:middle; padding:0 0 0 20px; width:230px; color:#464646; } .w_item_name a { text-decoration:none; color:#464646; } .working_cell .w_qty a { color:#464646; } .w_qty_input { margin:0; padding:5px; border:1px solid #d0d0d0; width:30px; text-align:center; } .w_qty_submit { margin:0; padding:0; border:0; color:#464646; background:#ffffff; font-size:12px; text-decoration:underline; cursor:pointer; } .comment_cell { border-bottom:1px solid #d0d0d0; padding:5px 0; } .comment_cell label, .comment_cell .w_comment, .comment_cell .w_submit { display:inline-block; vertical-align:middle; } .comment_cell label { width:150px; padding-left:20px; } .comment_cell .w_comment { margin:0 10px 0 5px; padding:5px; border:1px solid #d0d0d0; width:498px; } .comment_cell .w_item_notice { display: block; padding-top: 5px; padding-left: 20px; color: #ff0000; } #cart_bottom { margin-top:20px; } #coup_gift { float:left; width:290px; margin-right:10px; } #w_coupon { background:#eeeeee; height:60px; line-height:60px; } #w_coupon > span { display:inline-block; vertical-align:middle; } .w_submit { display:block; padding:5px 0; height:25px; width:75px; margin:0; border:0; border-radius:0; cursor:pointer; color:#ffffff; text-transform:uppercase; background:#3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3475ad", endColorstr="#01427a",GradientType=0 ); } #coup_gift .redeem_text { margin:0; padding:5px; height:13px; line-height:13px; border:1px solid #d0d0d0; width:98px; } #coup_gift .redeem_l { width:83px; text-align:right; } #coup_gift .redeem_m { width:110px; padding:0 7px; } #coup_gift .redeem_r { width:83px; text-align:left; } #w_giftcard { background:#eeeeee; height:130px; margin-top:10px; } #w_giftcard h2 { color:#00427a; font-size:14px; font-weight:bold; text-align:center; padding:10px 0; } #w_giftcard .gc_row { height:40px; line-height:40px; } #w_giftcard .gc_row > span { display:inline-block; vertical-align:middle; } #w_shipping { float:left; width:220px; padding:0; } #w_shipping .w_ship_content { background:#eeeeee; height:200px; } #w_shipping .w_ship_h { color:#00427a; font-size:14px; font-weight:bold; text-align:center; padding:20px 0; } #w_shipping .sh_row { height:40px; line-height:40px; } #w_shipping .sh_row > span { display:inline-block; vertical-align:middle; } #w_shipping .ship_l { width:95px; text-align:right; padding-right:5px; } #w_shipping .ship_r { width:110px; } #w_shipping .ship_r select { width:100%; display: block; padding: 5px; height:25px; margin: 0; border: 1px solid #d0d0d0; } #w_shipping .ship_text { margin:0; padding:5px; height:13px; line-height:13px; border:1px solid #d0d0d0; width:98px; } #w_shipping .calc_submit { display:block; margin:15px auto 0 auto; width:100px; } #shipcalc_content { margin:auto; max-width:198px; border-style:solid; border-color:#d0d0d0; border-width:0 1px 1px 1px; padding:10px; font-size:12px; position:relative; } .shipcalc_close { position:absolute; top:5px; right:8px; font-size:14px; color:#000000; text-decoration:none; } #shipcalc_content h1 { color:#00427a; font-weight:bold; text-align:center; } .shipcalc_option h2 { color:#00427a; font-weight:bold; font-style:italic; padding-top:10px; } .shipcalc_option .sc_left { float:left; } .shipcalc_option .sc_right { float:right; } #check_totals { float:right; width:250px; height:149px; padding-bottom:86px; padding-top:5px; position:relative; font-size:14px; } #check_totals .totals_row { height:20px; line-height:20px; } #check_totals .totals_row > span { display:inline-block; vertical-align:middle; } #check_totals .total_l { width:100px; padding-left:30px; text-align:left; } #check_totals .total_r { width:110px; text-align:right; } #check_totals .totals_row.grand_total { border-top:1px solid #d0d0d0; padding-top:10px; margin-top:10px; } #check_totals .totals_row.final_total { color:#00427a; text-transform:uppercase; font-weight:bold; } #check_buttons { position:absolute; bottom:0; width:100%; height:86px; } #check_buttons .continue_cancel { display:block; width:104px; height:36px; padding-top:4px; line-height:18px; float:right; font-size:12px; text-align:right; } #check_buttons .continue_cancel a { color:#464646; } #check_buttons .w_check_button { display:block; width:120px; float:right; height:0; padding-top:46px; overflow:hidden; background-image:url("http://img.tennisonly.com.au/sitegraphics/img/checkout2.png"); background-repeat:no-repeat; background-size:120px 184px; background-position:0 0; } #check_buttons .w_check_button:hover { background-position:0 -46px; } #check_buttons .w_check_button:active { background-position:0 -92px; } /* Cancel Verify */ .cv_input { width:50%; float:left; } .cv_input form { float:left; } .cv_input:first-child form { float:right; } .cv_submit { display:block; padding:5px 0; height:25px; width:200px; margin:10px 5px 0 5px; border:0; border-radius:0; cursor:pointer; color:#ffffff; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3475ad", endColorstr="#01427a",GradientType=0 ); } /* Order Lookup */ #order_track { padding:20px 0 20px 20px; margin-bottom:20px; background:#eeeeee; } #order_track .track_sec { float:left; margin-right:30px; } #order_track .track_txt { border:1px solid #d0d0d0; height:13px; line-height:13px; padding:5px; margin:0; } #order_track label { padding-right:10px; } #order_track .account_button { padding:0 10px; height:25px; cursor:pointer; } .orderlookup { padding-bottom:10px; } .orderlookup table {width: 775px; margin-bottom:10px;} .orderlookup table tr td{font-size: 12px;} .orderlookup table tr td a{text-decoration: underline; font-weight: bold; font-style: italic;} .orderlookup table td.Bright{font-weight: bold; font-size: 14px;} .orderlookup table td.Standard{padding: 4px 0 1px 10px; font-size: 12px;} #tracking_faq h2 { font-size:12px; color:#00427a; font-weight:bold; font-style:italic; text-align:left; padding-top:10px; } #tracking_faq p { color:#464646; margin-bottom:5px; } .history_header { margin:10px 0; padding:0 3px 3px 3px; border-bottom:1px solid #d0d0d0; font-size:20px; color:#00427a; /*font-style:italic;*/ font-weight:bold; } .account_button { display:block; margin:0 auto; padding:5px 10px; border:0; border-radius:0; color:#ffffff; text-transform:uppercase; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3475ad", endColorstr="#01427a",GradientType=0 ); } /* Customer Service */ .info_section { padding:0 10px; } .info_section h2 { padding-left:0px; } .info_section p { margin:10px 0 15px; } .info_section ul { padding-left:20px; margin-bottom:20px; } .info_section ul.custlist { margin-top:20px; } .info_section ul.custlist ul { width:175px; } .info_section ul.custlist span { float:right; } .info_section li ul { padding-left:20px; list-style-type:none; } .custserv_wrap .info_section li { list-style:circle; } .info_section .catches_list { list-style-type:disc; padding-left:30px; } .highlight { font-style:italic; } .contact_head { background-color:#ECECEC; color:#00427A; width:215px; padding:10px 0 10px 45px; float:left; font-weight:bold; } .contact_info { width:214px; padding-left:45px; margin:5px 0; border-right:1px solid #CCCCCC; float:left; } .contact_info p { margin-bottom:7px; } .contact_info a { text-decoration:none; color:#666666; } .contact_page .contact_info { min-height:226px; } .cust_navigation { border-bottom:1px solid #CCCCCC; padding:0 10px; margin-bottom:20px; } .navcell { float:left; text-align:center; margin-right:30px; padding:10px 0; } .navcell a { text-decoration:none; color:#000000; padding:10px 0; } .active_nav { font-weight:bold; font-style:italic; border-bottom:3px solid #01427A; color:#01427A; } .active_nav a { color:#01427A; } .left_hours { float:left; margin-right:20px; } .contact_nav { width:54px; } .retail_nav { width:79px; } .inter_nav { width:84px; } .pay_nav { width:109px; } .guaran_nav { width:144px; } .postage_nav { width:54px; } .return_nav { margin:0; width:54px; } .sub_section { padding-left:40px; } .returns_list { list-style-type:disc; padding-top:20px; } .label_wrap { margin:25px 0px 10px; } .purchaselabel { font-family:"trebuchet ms",helvetica,arial,san-serif; font-size:14px; text-transform:uppercase; text-decoration:none; color:#fff; height:46px; width:126px; padding:10px; margin:0; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } .return_section { border-bottom:1px solid #ccc; } /* Share Cart */ .sharecart_button { display:block; float:left; height:0; padding-top:46px; line-height:46px; background:url("http://img.tennisonly.com.au/sitegraphics/img/sharecart.png") no-repeat 0 0; background-size:120px 184px; width:120px; margin:0; overflow:hidden; } .sharecart_button:hover, .sharecart_button:focus { background-position:0 -46px; } .sharecart_button:active { background-position:0 -92px; } .sharecart_box { padding:20px; } .sharecart_box input[type=text]{ margin-top:10px; padding:10px; border:1px solid #cfcfcf; font-size:14px; width:400px; } .sharecart_box h1 { padding:0; margin:0 0 10px 0; text-align:left; } .sharecart_box p { padding:0; margin:0; } .sharecart_box .note { margin-top:5px; font-style:italic; } .notice.sharecart_error { margin:5px 0 15px; padding: 10px; border: 1px solid #fbc2c4; background: #fbe3e4; color: #8a1f11; } .notice.sharecart_error a { color:#ff0000; } .carterror_cookie { padding:10px; } .sharecart_copy { display:block; float:right; margin:20px 0 0; height:40px; line-height:40px; padding:0 20px; color:#ffffff; text-decoration:none; text-align:center; font-size:16px; border:0; cursor:pointer; background: #3475ad; background: -moz-linear-gradient(top, #3475ad 0%, #3374ac 13%, #2768a0 26%, #0d4e86 48%, #02437b 61%, #01427a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3475ad), color-stop(13%,#3374ac), color-stop(26%,#2768a0), color-stop(48%,#0d4e86), color-stop(61%,#02437b), color-stop(100%,#01427a)); background: -webkit-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -o-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: -ms-linear-gradient(top, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); background: linear-gradient(to bottom, #3475ad 0%,#3374ac 13%,#2768a0 26%,#0d4e86 48%,#02437b 61%,#01427a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3475ad', endColorstr='#01427a',GradientType=0 ); } .sharecart_copymsg { float:left; margin-top:25px; } .sharecart_copymsg.error { color:#ff0000; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx){ #home_link { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/tenonly_logo2.png"); } #header_wta { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/wta_head.png"); } #header_atp { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/atp_head.png"); } #header_phone { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/phone.png"); } #header_livechat { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/needhelp.png"); } .social_twtr { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/twitter.png"); } .social_blog { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/blog.png"); } .social_fb { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/facebook.png"); } .social_fb { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/fb_foot.jpg");} #h_view_cart { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/cart_icon.png"); } #shipban { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/ship.png"); } .footer_phone{ background-image: url('http://img.tennisonly.com.au/sitegraphics/img/big/phone_foot.png'); } .footer_email{ background-image: url('http://img.tennisonly.com.au/sitegraphics/img/big/mail_foot.png'); } #overlay_header { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/cart_icon.png"); } .slider_arrow_icon { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/lg_arrow.png"); } #check_buttons .w_check_button { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/checkout2.png"); } .sharecart_button { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/big/sharecart.png"); } } /* Gift Cards */ .gc_section { margin-bottom:10px; } .gc_section p { color:#464646; margin-bottom:10px; } .gc_section ol { color:#464646; list-style:decimal; padding-left:18px; } .gc_section ol li { margin-bottom:10px; } .gc_section .gc_cell { widtH:100px; padding:0 47px 20px; text-align:center; float:left; } .gc_section .gc_emph { font-weight:bold; font-style:italic; margin-bottom:10px; } .gc_section .gc_form_wrap { background-color:#E1F1FE; width:286px; padding:18px; float:left; } .gc_section .gc_form_wrap label { font-weight:bold; font-style:italic; color:#464646; } .gc_section .gc_form_wrap .gc_text_input { border:none; font-size:14px; width:115px; height:28px; padding:1px 5px; margin-bottom:18px; } .gc_section .gc_form_wrap .gc_email_text { margin-bottom:20px; } .gc_section .gc_form_text { float:left; width:422px; padding:18px 18px 0; } #ordergc_button { background-image: url("http://img.tennisonly.com.au/sitegraphics/img/cart.png"); background-size:126px 184px; background-position:0px 0px; background-color:#ffffff; height:46px; line-height:0; overflow:hidden; padding:0; width:126px; border:0; margin:0 0 0 8px; cursor:pointer; text-indent:-9999em; outline:0; } #ordergc_button:hover, #ordergc_button:focus { background-position:0px -46px; } #ordergc_button:active { background-position:0px -92px; } #redeem_button { background-image: url("http://img.tennisonly.com.au/sitegraphics/img/redeem.png"); background-size:126px 184px; background-position:0px 0px; background-color:#ffffff; height:46px; line-height:0; overflow:hidden; padding:0; width:126px; border:0; margin:0 0 0 8px; cursor:pointer; text-indent:-9999em; outline:0; } #redeem_button:hover, #redeem_button:focus { background-position:0px -46px; } #redeem_button:active { background-position:0px -92px; } /* Coaches and Clubs */ .coach_content { border-top:2px solid #ff4800; } .coach_content .coach_sub_sect { width:259px; height:250px; border-right:1px solid #cccccc; float:left; } .coach_content .coach_sub_sect.last { width:260px; border:none; } .coach_content .coach_sub_sect .coach_title { text-align:center; font-size:14px; color:#ffffff; background-color:#1f4577; padding:12px 0; letter-spacing:0.025em; } .coach_content .coach_sub_sect .list_wrap { height:165px; } .coach_content .coach_sub_sect ul { list-style:initial; padding:20px 0 0 40px; color:#464646; } .coach_content .coach_sub_sect ul li { padding-bottom:4px; } .coach_content .coach_sub_sect .list_link { color:#ff4800; font-style:italic; } .coach_content .coach_sub_sect .list_link a { text-decoration:none; color:#ff4800; } .coach_content .coach_sub_sect .button_wrap { text-align:center; } .coach_content .coach_sub_sect .coach_button { padding:7px 15px; color:#ffffff; font-size:14px; background-color:#ff4800; text-decoration:none; } .coach_fb { float:left; width:259px; padding:20px 0; } .coach_newsletter { border: 1px solid #cccccc; float:left; width:519px; padding:10px 0; } .coach_newsletter .sign_up { float:left; width:264px; } .coach_newsletter ul { list-style:initial; padding:20px 0 0 40px; color:#464646; } .coach_newsletter ul li { padding-bottom:4px; } .registration_text { color:#464646; text-align:center; margin-bottom:10px; } .club_section { margin-bottom:10px; } .club_section .club_header { color:#1f4577; background-color:#ECECEC; padding:10px 20px; margin-bottom:10px; font-size:14px; } .club_section .reg_field_wrap { width:350px; padding:10px 20px; float:left; } .club_section .reg_field_wrap label { display:block; color:#464646; padding-bottom:6px; } .club_section .reg_field_wrap input { width:338px; border:1px solid #cccccc; font-size:14px; height:26px; padding:1px 5px; } #club_submit { color:#ffffff; background-color:#ff4800; width:80px; height:30px; border:none; border-radius:0; font-size:14px; margin:0 20px; } .ty_button { display:block; width:172px; padding:7px 0; color:#ffffff; font-size:13px; background-color:#ff4800; text-decoration:none; margin:0 18px; float:left; } /* Working Order Great Stuff */ .w_greatstuff{ float:left; width:250px; margin:10px 0 0 7px; background:#ffffff; height:325px } .w_greatselect{ float:left; width:115px; } .promoImage{ margin-bottom:10px; } .great_wrap{ width:778px; margin:auto; } .addcart_button { background-image:url("http://img.tennisonly.com.au/sitegraphics/img/cart.png"); background-size:126px 184px; background-position:0px 0px; background-color:#ffffff; height:46px; line-height:0; overflow:hidden; padding:0; width:126px; border:0; border-radius:0; margin:0 0 0 8px; cursor:pointer; text-indent:-9999em; outline:0; } .addcart_button:hover, .addcart_button:focus { background-position:0px -46px; } .addcart_button:active { background-position:0px -92px; } .addcart_button.disabled_cart { cursor:default; background-position:0px -138px; } .addcart_button.no_styleitems { margin-left:62px; } /* Pay PayPal */ .h_paypp { font-weight:bold; font-size:14px; margin:15px 0 5px 0; } .pay_paypal p { margin:5px 0; } .pay_pp_button { display:block; margin:0; padding:0; border:0; width:126px; background:#ffffff; } .pay_pp_button span { cursor:pointer; display:block; width:126px; height:0; border:0; margin:0; padding:46px 0 0 0; overflow:hidden; background-color:#ffffff; background-image:url("/img/pay_paypal.png"); background-repeat:no-repeat; background-size:126px 184px; background-position:0px 0px; } .pay_pp_button:hover span { background-position:0px -46px; } .pay_pp_button:active span { background-position:0px -92px; } .pp_lookup { margin:20px 0; padding:20px; background:#eeeeee; } .pp_lookup .pp_sec { float:left; margin-right:30px; } .pp_lookup .pp_sec input[type=text] { margin:0; padding:0; border:1px solid #d0d0d0; height:13px; line-height:13px; padding:5px; } .pp_lookup .account_button { height:25px; } /* Gift Guide, remove when finished */ .bf_jumplistm { width:780px; margin:0 auto 10px; padding:10px 0; list-style:none; background-color:#002446; } .bf_jumplistm li { float:left; text-align:center; padding-right:39px; } .bf_jumplistm li:first-child { padding-left:39px; } .bf_jumplistm a { color:#ffffff; text-decoration:none; } .bf_jumplistm a:hover { color:#90d5ff; } .bf_jumplistm a.active { color:#90d5ff; } /* Sale Page by Type */ .liq_banner { text-transform: uppercase; background-color: #ff0000; color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; letter-spacing: 5px; font-weight: bold; text-align: center; font-size: 22px; } .liq_findwrap { background: #ececec none repeat scroll 0 0; float: left; height: 270px; margin-left: 12px; margin-top: 10px; position: relative; width: 252px; } .liq_findwrap:first-child { margin-left: 0; } .liq_findwrap h2 { border: 0 none; font-size: 12px; font-weight: normal; margin: 0; padding: 10px 0; text-align: center; text-transform: uppercase; } .liq_buttonwrap { padding: 0 0 0 17px; } .liq_selwrap { float: left; margin-right: 15px; width: 150px; } .liq_findsub { background:#00427a none repeat scroll 0 0; border:0 none; border-radius:0; color:#ffffff; cursor:pointer; font-size:12px; height:25px; line-height:25px; margin:0; padding:0 10px; text-transform:uppercase; } .liq_prodrow { background: #ffffff none repeat; height: 133px; margin: 10px; padding: 10px 0px; cursor: pointer; } .liq_prodcell { float: left; margin-left: 10px; width: 100px; } .liq_prodcell .name { font-size: 11px; line-height: 1.25; padding-top: 5px; text-align: center; } .liq_prodcell .name a { color: #000000; } .liq_prodcell .price { color: #ff6600; font-size: 11px; text-align: center; } .liq_viewallwrap { bottom: 10px; left: 50px; position: absolute; } .liq_viewall { background: #ececec none repeat scroll 0 0; border: 0 none; color: #000000; cursor: pointer; display: block; font-size: 13px; margin: 0 auto; padding: 0; width: 150px; } /* Teams Page */ .Men {text-align: center;} .Women {text-align: center;} .Shop_1 {display:block;width:280px;height:200px;float:left;font-size:40px;line-height:80px;position:relative;} .League_Shop { display:block;width:250px;float:left;margin-top: 36px;position:relative;} .news_submit { border:none; border-radius:0; color:#ffffff; background-color:#e65c00; width:130px; height:27px; } .Contact_League {display: block;padding-left: 24px;position: relative;text-align: left;} .League_Contact {display: block;float: left;margin-right: 10px;line-height: 52px;} .Contact_League .Social {padding-bottom: 15px;position: relative;text-align: left;} .Contact_League .Social a {display: inline-block;} .social_link.social_fb {background-position: 0 0;} .social_link {height: 0;margin-top: 10px;overflow: hidden;padding-top: 39px;width: 38px;} .league_header {font-size: 22px;font-weight: bold;padding: 0;text-align: center;border-bottom: 1px solid #bbbbbb;color: #00427a;line-height: 1.75; } .Team_Brand_Logo { position:absolute; top:25px;} .League_Shop { display:block; float:left; margin-top:36px; position:relative; width:250px; } .League_Shop .arrow::before { background: rgba(0, 0, 0, 0) url("http://img.tennis-warehouse.com/framework/reg/arrows.png") no-repeat scroll 0 0 / 9px 36px;content: "";display: block;height: 9px;left: -8%;margin-top: -5px; position: absolute;top: 18%;width: 9px; } .League_Shop .arrow {font-size: 18px;font-weight: bold;height: 50px;position: relative; } .Shop__League_Now { background-color: #e5e5e5;height: 195px;position: relative; } .Big_League_Shop { color: #00427a;font-weight: bold;position: absolute;right: 100px;top: 60px; } .Shop_All_League a { background-color: #00427a;border: 0 none;color: #ffffff;cursor: pointer;display: block;font-size: 18px;height: 50px;line-height: 50px;margin: 10px auto 20px;padding: 0; text-align:center; text-decoration: none; width: 780px; } .Team_Mailing_List { margin-top:10px; } .Team_Mailing_List h2 { text-align: center;} .Team_Mailing_List .subscr_form { margin: 0 auto;width: 382px;} .Team_Mailing_List .submit_wrap { margin-top: 10px;width: 400px; } .Team_Mailing_List input {text-align: center;font-size: 12px;line-height: 1.80;font-family: 'Lato',sans-serif;} .League_Links { float: left; } .League_Links a {background-color: #00427a;border: 0 none;color: #ffffff;cursor: pointer;display: block;float: left;font-size: 18px;height: 50px;line-height: 50px;margin: 10px 10px 20px auto;padding: 0; text-align: center;text-decoration: none;width: 250px; } .League_Shop a {text-decoration:none;} .Email a {color:#ff4800;} .Social .social_fb { background-image: url("http://img.tennisonly.com.au/sitegraphics/img/big/social_sprite.png"); background-size: 150px 76px; background-position: 0 1px; } .Social .social_insta { background-image: url("http://img.tennisonly.com.au/sitegraphics/img/big/social_sprite.png");background-size: 150px 76px;background-position: -75px -38px; } /* String Content Page */ .string_specials_list { font-size: 11px; line-height: 1.5em; list-style: outside none none; margin: 0; padding: 0; } .string_specials_list .first { clear: left; } .string_specials_list li { float: left; padding: 5px; width: 185px; } .string_specials_list div { float: left; width: 105px; } .string_specials_list p { font-size: inherit; margin: 0; padding: 0; } .string_specials_list img { float: left; height: 93px; margin-right: 10px; width: 70px; } .string_specials_list .title { color: #000000; display: block; font-weight: normal; margin-bottom: 5px; padding-top: 5px; } .string_specials_list a { color: #ff6600; } /* Improve Video */ .impvid {width:640px; height:auto; margin:auto; text-align:center;} .vid_list {width: 780px; list-style-type: none; padding:0; margin: 0;} .vid_list a{color:#ff6600; text-decoration:none;} .vid_list li{float: left; text-align: center; width: 146px; min-height: 155px; padding: 10px 5px 0px 5px; } .vid_list li img{margin: 0 auto;} /* Back to Top */ #backtotop { position:fixed; display:none; bottom:10px; right:10px; background:#3b3b3b; border-radius:3px; height:40px; line-height:40px; width:120px; color:#ffffff; text-decoration:none; text-align:center; font-size:15px; z-index:4; box-shadow: 0 1px 2px 0 rgba(0,0,0,.25); } /* Demo pages */ .demoselect_content h2 { line-height: 1.75; margin-top: 20px; padding-left: 10px; border-bottom: 1px solid #bbbbbb; color: #00427a; font-size: 18px; font-weight: bold; text-align: left; } .demoselect_content p { margin-left:10px; } .demoselect_content a { text-decoration:none; color: #ff6600; } .demolist { list-style-type: disc; margin-top: 20px; padding-left: 40px; } .demo_infobox { margin-bottom:30px; } .demo_heading { line-height:1em; padding-bottom:5px; margin-bottom:10px; font-size:22px; font-weight:bold; text-align:center; border-bottom: 1px solid #cccccc; color: #00427a; margin-top:20px; } .heading_note { font-size:12px; color:#000000; font-weight:normal; } .demo_bottom_faq h2 { margin-top:0; font-size:22px; font-weight:bold; padding:0; text-align:center; border-bottom: 1px solid #cccccc; color: #00427a; line-height:1.75; } .demo_bottom_faq h3 { color:#ff6600; font-size: 12px; font-weight: bold; text-align: left; line-height: 1.75; margin-top: 20px; padding-left: 10px; } .demo_bottom_faq p { margin-top:0; font-size: 12px; padding: 0 10px; } .demo_bottom_faq .note { font-style:italic; } .infowrap.last { margin-bottom:20px; } #ordersubmit_wrap .orderaux_buttonlink { display: inline-block; vertical-align: middle; text-align:center; background-color: #ff6600; border: 0 none; cursor: pointer; height: 23px; line-height: 0; margin: 0; outline: 0 none; overflow: hidden; padding: 23px 0 0; width: 200px; text-decoration:none; color:#ffffff; text-transform:uppercase; float:left; } #ordersubmit_wrap .orderaux_buttonlink:hover { background-color: #ff8635; } /* Jr Player */ .jrPlayer_sect.three { border:none; } .jrPlayer_sect.three .jrCell_wrap { margin:10px 96px 0; } .jrCell_wrap { list-style:none; padding:0; margin:10px 0 0; } .jrCell_wrap li { float:left; width:195px; } .jrCell_wrap li img { margin:0 auto 10px; } .jrCell_wrap li img.shoe_thumb_marg { margin-top:27px; margin-bottom:29px; } .jrlink {width: 170px;height: 40px;border-radius: 20px;font-family: 'Lato',sans-serif;font-size: 12px; font-weight: 900; line-height: 3.33;letter-spacing: 0.7px;text-align: center;margin:0 auto;color:#fff;} .jrlink a {color: #ffffff; text-align: center;} .jrlink.orange {background-color: #f98c25;} .jrlink.blue {background-color: #346fa1;} .jrlink.green {background-color: #b4d426;} .jrlink.red {background-color: #d12f2f;} .jrlink.dkorange {background-color: #e4623e;} .jrPlayer_sect.three .jrlink {width:233px;} .jrPlayer_sect.three .jrCell_wrap {margin:10px 0 0;} .ShopJr35 {width: 170px;height: 305px;display: block;} .ShopJr68 {width: 170px;height: 305px;display: block;} .ShopJr910 {width: 170px;height: 305px;display: block;} .ShopJr1113 {width: 170px;height: 305px;display: block;} .jr_section.top_bot {height: 345px;margin: 55px auto 70px;width:760px;} .jr_section.top_bot .jrlink { margin: 20px 0;font-size:14px;line-height: 2.86;} .jr_section {display: block;} .jr_section div {float: left;margin: 10px;display: block;} .jrCell_wrap li img.shoe_thumb_marg {margin-top: 27px;margin-bottom: 59px;} .jrCell_wrap li img.rac_thumb_marg{margin-bottom: 35px;margin-top: 20px;} .jr_thumbwrap {background-color: #ffffff;margin-bottom: 20px;border: solid 1px #e1e1e1;} .jrPlayer_sect { width: 760px;margin: 0 auto 66px;} .jrPlayer_sect.three .jr_thumbwrap {width: 233px;height: 280px;} .jrPlayer_sect.two .jr_thumbwrap {width: 170px;height: 240px;margin:0 auto 20px;} .jrPlayer_sect.two .jrCell_wrap li {width:360px;margin-right:20px;} .jrPlayer_sect.four .jr_thumbwrap {width: 170px;height: 240px;} .jrPlayer_sect.four .jrCell_wrap li {width:170px;margin-right:20px;} .jrPlayer_sect.three .jrCell_wrap li {width:233px;margin-right:20px;} .jrPlayer_sect.three .jrCell_wrap li .shoe_thumb_marg {margin-top:60px;} .jrPlayer_sect .jrCell_wrap li img { margin: 30px auto 10px;} .jrPlayer_sect .jrCell_wrap li .rac_thumb_marg {margin-top:10px;} .JuniorShop h2 {margin:0 auto;text-align:center;font-size: 24px;font-weight: bold;line-height: 1.67;border-bottom:none;color: #00427a;} .JuniorShop a {text-decoration:none;} .jr_jumplistm { width:780px; margin:0 auto 10px; padding:10px 0; list-style:none;} .jr_jumplistm li { float:left; text-align:center;width:195px;line-height:25px; } .jr_jumplistm a { color:#000;font-size:13px; } .jr_jumplistm a:hover { color:#90d5ff; } .jr_jumplistm a.active { color:#90d5ff; } .jr_quantity {color:#898989;} .landing_header { background-color: #00427a; border: medium none; color: #ffffff;font-size: 32px;font-weight: normal;letter-spacing: 5px;padding: 22px 0;text-align: center;text-transform: uppercase;} .JuniorShop h1 {color: #ffffff; font-size: 32px;font-weight: normal;letter-spacing: 5px;line-height:40px; padding: 0;text-align: center;text-transform: uppercase;border-bottom:none;} .JuniorShop h1:first-child {font-weight:bold;} /* Retail Store Page */ .contact_header { font-size:18px; font-weight:bold; /*font-style:italic;*/ line-height:50px; color:#00427a; margin-left:50px; margin-top:9px; } .location_wrap { border:20px solid #f6f6f6; width:700px; height:300px; margin-left:20px; margin-bottom:30px; } .location_wrap .loc_left { float:left; display:block; } .location_wrap .loc_right { float:left; display:block; margin-left:30px; margin-top:10px; } .location_wrap .loc_right h3 { font-size:26px; font-weight:bold; color:#00427a; line-height:50px; } .location_wrap .loc_right p { display:block; font-size:14px; margin:14px auto; } .location_wrap .loc_right p.contact_details { font-weight:bold; } .location_wrap .loc_right p.contact_hours { font-size:12px; } .location_wrap .loc_right h4 { font-size:18px; color:#00427a; font-weight:bold; margin-bottom:9px; } .TOC_lt {margin-right:25px;} .TOC_rt {margin-left:25px;} /* Review Styles */ .new_review_wrap .review_header { font-size:22px; font-weight:700; font-family:"Lato"; text-align:left; margin:10px 0px 9px; line-height:1.4; padding-left:10px; color:#00427a; border-bottom:1px solid #bbb; } .new_review_wrap .new_review_main_img { height:450px; width:780px; margin-bottom:10px; } .new_review_wrap .new_review_vid { margin-bottom:5px; } .new_review_wrap .review_top_sect { margin-bottom:42px; } .new_review_wrap .review_ordering { margin:0; } .new_review_wrap .review_ordering .review_price { font-size:30px; font-family:"Lato"; font-weight:700; line-height:29px; padding:0px 0px 0px 10px; margin:5px 0px 0px; display:inline-block; } .new_review_wrap .review_ordering .review_price .price { display:inline-block; color:#ff6600; } .new_review_wrap .review_ordering .review_price .msrp { font-size:15px; font-weight:300; font-style:italic; line-height:1.07; padding-left:5px; } .new_review_wrap .review_ordering .review_btns { float:right; } .new_review_wrap .review_ordering .review_btns a { float:right; width:192px; height:60px; line-height:60px; font-size:20px; display:block; background-color:#ff6600; color:#fff; text-decoration:none; text-align:center; } .new_review_wrap .review_ordering .review_btns .demo_wrap { float:right; width:192px; height:60px; margin-right:4px; } .new_review_wrap .review_ordering .review_btns .demo_wrap a { background:#00427a; } .new_review_wrap .review_ordering .cust_video_links { display:block; font-size:15px; font-style:italic; line-height:1.07; padding-top:9px; } .new_review_wrap .review_ordering .cust_video_links .reviewvideo_popup, .new_review_wrap .review_ordering .cust_video_links .cust_rev { position:relative; color:#ff6600; text-decoration:none; } .new_review_wrap .review_ordering .cust_video_links .reviewvideo_popup:after, .new_review_wrap .review_ordering .cust_video_links .cust_rev:after { display:block; content:""; height:0px; width:0px; border-color:transparent transparent transparent #FF6000; border-width:5px 7px; border-style:solid; position:absolute; bottom:3px; right:-20px; } .new_review_wrap .review_ordering .cust_video_links .reviewvideo_popup span { padding-left:30px; } .new_review_wrap .review_bottom_sect { border:none; padding:0px; margin:0px; } .new_review_wrap .review_bottom_sect .review_breakdown { max-width:500px; } .new_review_wrap .review_bottom_sect .summary_overall { border-bottom:1px solid #bbb; } .new_review_wrap .review_bottom_sect .summary_overall .summ { font-size:18px; font-weight:bold; line-height:1.5; height:30px; margin-top:30px; padding-left:10px; color:#00427a; display:inline-block; } .new_review_wrap .review_bottom_sect .summary_overall .overall { display:block; height:60px; line-height:60px; width:240px; background:#ff6600; color:#fff; margin-right:10px; font-size:18px; } .new_review_wrap .review_bottom_sect .summary_overall .overall span:first-child { padding-left:11px; } .new_review_wrap .review_bottom_sect .summary_overall .overall .total_score { font-size:30px; font-weight:900; margin-right:19px; } .new_review_wrap .review_bottom_sect .review_breakdown h2 { font-size:16px; font-weight:bold; margin-top:38px; line-height:15px; color:#00427a; padding-left:10px; } .new_review_wrap .review_bottom_sect .review_breakdown .sides_wrap { width:100%; float:left; } .new_review_wrap .review_bottom_sect .review_breakdown .sides_wrap div { width:49%; float:left; } .new_review_wrap .review_bottom_sect .review_breakdown p { font-size:15px; line-height:1.67; margin-top:12px; padding:0px 10px; } .new_review_wrap .review_bottom_sect .review_breakdown ul { margin-top:12px; padding-left:30px; list-style-type:disc; } .new_review_wrap .review_bottom_sect .review_breakdown ul li { font-size:15px; line-height:1.67; padding-bottom:10px; } .new_review_wrap .review_bottom_sect .review_breakdown ul li:last-child { padding:0px; } .new_review_wrap .review_bottom_sect .review_breakdown .bottom_line { max-width:49%; display:block; float:left; margin-right:10px; } .new_review_wrap .review_bottom_sect .review_breakdown .bottom_line p { font-size:15px; margin-top:12px; padding:0px 0px 0px 10px; } .new_review_wrap .review_bottom_sect .review_breakdown .ability { max-width:49%; display:block; float:left; } .new_review_wrap .review_bottom_sect .review_breakdown .ability h2 { padding:0px 0px 0px 10px; } .new_review_wrap .review_bottom_sect .review_breakdown .ability p { font-size:15px; line-height:1.27; margin-top:13px; padding:0px 0px 0px 10px; } .new_review_wrap .scores { float:right; max-width:240px; margin-right:10px; } .new_review_wrap .scores table { width:240px; position:relative; } .new_review_wrap .scores table tr { height:50px; line-height:50px; } .new_review_wrap .scores table tr.table_break { border-bottom:6px solid #bbb; } .new_review_wrap .scores table tr.highlight { background:#f2f2f2; font-style:normal; } .new_review_wrap .scores table tr td:first-child { font-size:15px; padding-left:11px; } .new_review_wrap .scores table tr td { font-size:20px; font-weight:bold; } .new_review_wrap .review_body { margin:40px 0px 10px; } .new_review_wrap .review_body .sub_header { font-size:18px; line-height:1.75; padding-left:10px; color:#00427a; border-bottom:1px solid #bbb; font-weight:bold; margin-top:20px; } .new_review_wrap .review_body .sub_header.first { margin-top:0px; } .new_review_wrap .review_body p, .new_review_wrap .review_comment_box p { font-size:15px; margin-bottom:10px; margin-top:20px; padding:0px 10px; font-family:"Lato", sans-serif; line-height:1.67; } .new_review_wrap .review_comment_box { background:#ececec; padding:10px; margin-bottom:10px; } .new_review_wrap .review_comment_box h2 { font-size:18px; font-weight:bold; color:#00427a; padding-left:10px; margin:0px; border-bottom:1px solid #bbb; line-height:1.75; } .new_review_wrap .racquet_specs .racquet_specs_table { width:450px; margin-right:15px; float:left; } .new_review_wrap .racquet_specs .racquet_rate_table { width:315px; float:left; } .new_review_wrap .racquet_specs .racquet_specs_table th, .new_review_wrap .racquet_specs .racquet_rate_table th { color:#00427a; font-size:16px; font-weight:bold; } .new_review_wrap .racquet_specs .racquet_specs_table td, .new_review_wrap .racquet_specs .racquet_rate_table td { padding:5px 10px; line-height:1.67; } .new_review_wrap .racquet_specs .racquet_specs_table .highlight, .new_review_wrap .racquet_specs .racquet_rate_table .highlight { background:#ececec; font-style:normal; } .new_review_wrap .racquet_specs .racquet_specs_table .focus, .new_review_wrap .racquet_specs .racquet_rate_table .focus { font-weight:bold; } .new_review_wrap .individ_scores { margin:20px 0px; } .new_review_wrap .individ_scores .tablewrap { border:1px solid #bbbbbb; padding:10px; margin:10px; float:left; } .new_review_wrap .individ_scores .tablewrap .playscore { text-align:left; width:348px; } .new_review_wrap .individ_scores .tablewrap .playscore th { color:#00427a; font-size:16px; font-weight:bold; padding-bottom:5px; padding-left:10px; } .new_review_wrap .individ_scores .tablewrap .playscore td { padding:4px 4px 4px 10px; font-style:normal; line-height:1.67; } .new_review_wrap .individ_scores .tablewrap .playscore .highlight { background:#ececec; } .new_review_wrap .playtest_profiles { padding-bottom:10px; border-bottom:1px solid #bbb; } .new_review_wrap .playtest_profiles h2 { font-size:18px; font-weight:bold; color:#00427a; border-bottom:1px solid #bbb; line-height:1.75; margin-top:20px; padding-left:10px; } .new_review_wrap .playtest_profiles p { margin-top:20px; padding:0px 10px; } .new_review_wrap .review_footer { text-align:center; padding:10px 0px; } .new_review_wrap .review_footer p { margin-top:20px; padding:0px 10px; } .new_review_wrap .review_footer a { text-decoration:none; color:#ff6600; } /* Jumplinks */ .cat_jumplinks { background:#ECECEC; padding:10px 0 10px 10px;} .cat_jumplinks .label { color:#00427A; float:left; font-weight:bold; width:50px; } .cat_jumplinks .jumplist { margin:0; padding:0; list-style:none; float:right; width:720px;} .cat_jumplinks .jumplist li { float:left; padding:0px 14px; text-align:center; } .cat_jumplinks .jumplist a { color:#000000; text-decoration:none;} .cat_jumplinks .jumplist a:hover{ color:#ff6600; } .cat_jumplinks .label_key { color:#00427A; float:left; font-weight:bold; width:140px; } .cat_jumplinks .jumplist_key { margin:0; padding:0; list-style:none; float:right; width:630px;} .cat_jumplinks .jumplist_key li { float:left; padding:0px 14px; text-align:center; } .cat_jumplinks .jumplist_key a { color:#000000; text-decoration:none;} .cat_jumplinks .jumplist_key a:hover{ color:#ff6600; } /* Sale Ended Styling */ .sale_ended { background-color:#004d90; color:#fff; padding:111px 170px; text-align:center; } .sale_ended p { line-height:1.5; } .sale_ended a { color:#fff; text-decoration:none; } .sale_ended .sale_end_heading { border-bottom:2px solid #fff; } .sale_ended .sale_end_heading h1 { text-transform:uppercase; font-size:60px; font-weight:300; letter-spacing:5px; color:#fff; line-height:72px; border:none; margin-bottom:16px; } .sale_ended .sale_end_heading p { font-size:20px; margin:0 0 32px; } .sale_ended .sale_end_content { padding-top:32px; } .sale_ended .sale_end_content p { font-size:16px; margin:0 0 32px; } .sale_ended .sale_end_content .sale_end_btn_wrap { margin-bottom:32px; } .sale_ended .sale_end_content .sale_end_btns { float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .sale_ended .sale_end_content .centered .sale_end_btns { float:none; margin:auto; padding:0; } .sale_ended .sale_end_content .shop_sale_wrap { padding-right:13px; } .sale_ended .sale_end_content .shop_promo_wrap { padding-left:13px; } .sale_ended .sale_end_content .sale_end_btns a { background-color:#ff3e04; font-size:18px; display:block; padding:10px 0; line-height:20px; } .sale_ended .sale_end_content .never_miss { font-size:16px; line-height:1.5; letter-spacing:3px; font-style:italic; position:relative; padding-top:32px; border-top:2px solid #fff; margin-bottom:32px; } .sale_ended .sale_end_content .sale_end_mailing { display:block; border:1px solid #fff; font-size:18px; width:208px; line-height:20px; padding:9px 0; margin:auto; } .sale_ended .sale_end_content .sale_end_mailing:hover, .sale_ended .sale_end_content .sale_end_mailing:active, .sale_ended .sale_end_content .sale_end_mailing:focus { background-color:#fff; color:#004d90; } /* Gift Cards Holiday */ .gcban{position:relative; background-image:url("http://img.tennisonly.com.au/sitegraphics/holiday/IAGIFTB.jpg"); height:129px; width:780px; margin-bottom:30px;} .gcban .gcform{position:absolute; bottom:0px; right:20px;} .gcban .amount{width:200px; display:inline-block;} .gcban .qty{width:200px; display:inline-block; margin-left:20px;} .gcban .gcsubmit{background-color:#004279; border-radius:0px; color:#fff; font-weight:bold; font-size:12px; border:0px; height:25px; width:100px; position:relative; bottom:9px; cursor:pointer; margin-left:20px;} .htrees{position:absolute; background-image:url("http://img.tennisonly.com.au/sitegraphics/holiday/present.png"); height:27px; width:26px; bottom:-36px; right:100px;} .hmenu #tmgcard a{color:#64d855;} .Sitewide_Ban {padding: 0px 5px 10px 5px;}