/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:20px;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:-20px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px; z-index:10000;} #cboxClose.hover{background-position:bottom center;} /* Document : rawlings IE7 styles Created on : 6/6/2011 Author : susan carrico */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ #main-nav ul li { padding:0; line-height:14px; } img.home-carousel-bg, div#full-size-bkg img { top:25%; bottom:25%; left:25%; right:25%; } /* --------------- JQUERY UI THEME STYLES FOR TABS ------------------ ---------------------------------------------------------------------*/ /* * jQuery UI CSS Framework 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller */ /* Component containers ----------------------------------*/ .ui-widget {} .ui-widget .ui-widget {} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {} .ui-widget-content { } .ui-widget-content a {} .ui-widget-header { } .ui-widget-header a {} /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: url(../images/bkg_tabs.png) repeat left top; } .ui-dialog-titlebar .ui-state-hover, .ui-dialog-titlebar .ui-state-active {background-image: none;} .ui-state-hover .ui-icon, .ui-widget-content .ui-state-hover .ui-icon, .ui-widget-header .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-widget-content .ui-state-focus .ui-icon, .ui-widget-header .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png);} .ui-datepicker .ui-datepicker-prev-hover span, .ui-datepicker .ui-datepicker-next-hover span {background-image: url(../images/ui-icons_222222_256x240.png);} .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: url(../images/bkg_tabs.png) repeat left top; color: #fff; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #fff; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; 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;}/* * jQuery UI Selectable 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Tabs 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 7px 10px; text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold;font-size: 11px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background: url(../images/bkg_tabs.png) repeat left top; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 30px 20px; background: url(../images/bkg_tabs_content.png) no-repeat left top; color: #fff; font-family:Arial, Helvetica, sans-serif; float: left; width: 550px;} .ui-tabs .ui-tabs-hide { display: none !important; } /* added styles for the tabs */ #pd-tabs { clear: both; width: 590px; float: left; margin-top: 20px; } /*------------------------- styles for the scrollpane plugin --------------------*/ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { /* display: none;*/ } .jspVerticalBar .jspCap { height: 5px; } .jspHorizontalBar .jspCap { float: left; } .jspVerticalBar .jspCap, .jspTrack { position: relative; background: #343434; /* Old browsers */ background: -moz-linear-gradient(left, #343434 0%, #575757 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#343434), color-stop(100%,#575757)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #343434 0%,#575757 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #343434 0%,#575757 100%); /* Opera11.10+ */ background: -ms-linear-gradient(left, #343434 0%,#575757 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#575757',GradientType=1 ); /* IE6-9 */ -pie-background: linear-gradient(left, #343434 0%,#575757 100%); /* Yummy Pie */ background: linear-gradient(left, #343434 0%,#575757 100%); /* W3C */ } .jspDrag { position: relative; top: 0; left: 0; cursor: pointer; background: #450b08; /* Old browsers */ background: -moz-linear-gradient(top, #450b08 0%, #ad180f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#450b08), color-stop(100%,#ad180f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #450b08 0%,#ad180f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #450b08 0%,#ad180f 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #450b08 0%,#ad180f 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#450b08', endColorstr='#ad180f',GradientType=0 ); /* IE6-9 */ -pie-background: linear-gradient(top, #450b08 0%,#ad180f 100%); /* Yummy Pie */ background: linear-gradient(top, #450b08 0%,#ad180f 100%); /* W3C */ } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } .jspVerticalBar .jspDrag { width: 12px; margin: 0 2px; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* * jQuery UI Autocomplete 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.13 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; background: #fff; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:0 2px; line-height:1.5; zoom:1; color: #000; font: normal 12px/18px Arial,Helvetica,sans-serif; text-transform: none; } /* * jQuery UI Dialog 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: 2px; width: 300px; overflow: hidden;background: #fff;} .ui-dialog .ui-dialog-titlebar { padding: 5px 10px; position: relative;font-family: Arial, Helvetica, sans-serif;font-weight: bold; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; 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: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-tabs-panel a, .ui-tabs-panel p { font-family: Arial, Helvetica, sans-serif; word-spacing: normal; } 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 { border: 0 none; margin: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none outside none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0 none; } html, body { height: 100%; margin: 0; padding: 0; } body { font-family: BebasRegular, arial, verdana, sans-serif; font-size: 12px; line-height: 16px; width: 100%; background-color: #36456C; } #one-column { height: 100%; min-height: 655px; position: relative; width: 100%; } #one-column-inner { height: auto; margin: 0 auto; min-width: 970px; position: relative; width: 970px; padding-bottom:75px; } #content { left: 167px; position: absolute; top: 90px; width: 803px; z-index: 1; } .wishlist table { width: 438px; margin-top: 15px; } .wishlist td, .wishlist th { border: 1px solid #fff; padding: 10px; vertical-align:middle; } .wishlist th { font: bold 12px/18px Arial, Helvetica, sans-serif; color: #fff; text-transform:uppercase; } .wishlist td, .wishlist td a { font: normal 12px/18px Arial, Helvetica, sans-serif; color: #fff; } .account-template .main-content { width: 515px; float: right; padding-top: 20px; margin-bottom: 75px; } .account-template .left-column { min-height:448px; float: left; width: 230px; padding: 20px 0 0 38px; background:url(../images/bkg_left_rail.png) no-repeat right top; } .account-template .main-content .main, .account-template .main-content .reset-password { padding-left: 25px; width: 440px; float: left; clear: both; position:relative; } .account-template .main-content .account-registration, .account-template .main-content .product-registration .main { width: 490px; } .account-template .main-content .reset-password { margin-top: 13px; } .account-template .main-content .product-registration .buttons, .account-template .main-content .reset-password .buttons { margin-top: 13px; float:left; clear: both; } .account-template .main-content .row, #login-modal .row, #login-onpage .row { width: 323px; float: left; clear: left; margin-bottom: 8px; min-height: 24px; } .label-link { font:normal 12px/14px Arial,Helvetica,sans-serif; word-spacing:normal; text-decoration: underline; } .main-content .product-registration .row { width: 433px; } .main-content .product-registration .opt-in { width: 490px; } #login-modal .row, #login-onpage .row { width: 310px; float: left; clear: left; } #login-modal .submit, #login-onpage .submit { margin-top: 12px; height: 16px; } #login-modal .submit p, #login-onpage .submit p, #login-onpage .submit p a, #login-modal .submit p a { float: left; margin-left: 10px; font: normal 12px/16px Arial, Helvetica, sans-serif; word-spacing: normal; padding: 0; } #login-modal .submit p a, #login-onpage .submit p a { color: #879fd5; float:none; margin: 0; } #login-modal .submit input::-moz-focus-inner, #login-onpage .submit input::-moz-focus-inner, input.button::-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } input[type="submit"] { cursor: pointer; } #login-modal .submit input, #login-onpage .submit input, .small-button, .register-prompt a, .see-all { text-transform:uppercase; background: url(../images/bkg_small_button.png) repeat-x left top; color: #fff; font: normal 10px/12px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; outline: 0; overflow: visible; padding: 2px 5px; margin: 0; border: 0 none; width: auto; float: left; } .see-all { display: block; float: left; margin-left: 8px; word-spacing:normal; background: url(../images/btn_small_dark.png) repeat-x left top; } #login-modal .submit input:hover, #login-onpage .submit input:hover, .see-all:hover { text-decoration: underline; } #login-modal .row label, #login-onpage .row label { padding: 5px 0 0 10px; float: left; text-transform:uppercase; } .account-template .email-subscriptions .row { padding-left: 25px; } .account-template .main-content .radio-row { padding-left: 10px; } .account-template .main-content .checkbox-row { background: none; padding-left: 35px; width: 480px; float: left; clear: both; } .main-content .account-registration .checkbox-row { width: 515px; padding: 20px 0 0 0; } .account-template .main-content .subscriber-description .radio-row { background: none; min-height: 20px; width: 480px; position: relative; } .account-template .main-content .subscriber-description .radio-row .inline-row { float: right; width: 380px; /* height: 19px;*/ padding-right: 10px; } .account-template .main-content .subscriber-description .radio-row .inline-row .inline-field { float: left; /* height: 20px; */ width: 180px; } .account-template .main-content .subscriber-description .radio-row .inline-row input { width: 98px; float: right; } .account-template .main-content .subscriber-description .radio-row .inline-row .first { width: 175px; margin-right: 15px; display: inline; } .account-template .main-content .subscriber-description .radio-row .inline-row .inline-field label { width: auto; line-height:19px; height: 19px; padding-right: 5px; } .account-template .main-content .subscriber-description .radio-row .inline-row .inline-field input { height: 19px; line-height: 19px; clear: none; } .account-template .main-content .subscriber-description .radio-row .inline-row .inline-field input.tertiary-input { width: 52px; padding: 0 6px; clear: none; float:right; } .account-template .main-content .subscriber-description .radio-row .inline-row .inline-field input.secondary-input { width: 98px; padding: 0 6px; float: right; clear: none; } .account-template .main-content .radio-row { background: none; } .account-template .main-content .subscriber-description .radio-row input { width: auto; float: left; clear: both; margin: 0; padding: 0; } .account-template .main-content .subscriber-description .radio-row label { float: left; width: 70px; line-height:20px; } .account-template .main-content .main .buttons { position: absolute; left: 368px; height: 25px; width: auto; background: none; } .account-template .main-content .account-registration .buttons { position: relative; top: auto; left: auto; } .account-template .main-content .product-registration .buttons { position: relative; float: left; clear: both; left: auto; top: auto; } .account-registration-left p { padding-left: 12px; font: bold 12px/18px Arial, Helvetica, sans-serif; word-spacing:normal; } .account-registration-left a { font: bold 12px/18px Arial, Helvetica, sans-serif; word-spacing:normal; text-transform: uppercase; text-decoration:underline; } .account-template .main-content .wishlist .buttons { position:relative; width: auto; float: right; clear: both; top: auto; left: auto; margin-top: 10px; } .account-template .main-content .reset-password .buttons { height: 25px; width: auto; background: none; } .favorite-list .button-go { position: absolute; left: 323px; top: 35px; } .account-template .main-content .favorite-list { float: left; clear: both; position:relative; } .account-template .main-content .favorite-list li { float: left; clear: both; color: #fff; padding-bottom: 13px; width: 310px; padding-left: 20px; text-transform: uppercase; font: bold 12px/18px Arial, Helvetica, sans-serif; } .favorite-list ul { float: left; clear: both; width: 310px; } .account-template .main-content .favorite-list li .item { min-width:130px; display:block; float: left; } .account-template .main-content .favorite-list li .remove { font: bold 12px/18px Arial, Helvetica, sans-serif; word-spacing: normal; float: left; cursor:pointer; } .account-template .main-content .subscriber-description p { padding-bottom: 8px; } .account-template .main-content .buttons .button, .account-template .main-content .button { background: url("../images/bkg_form_button.png") no-repeat right top transparent; line-height: 25px; height: 25px; text-transform:uppercase; font-size: 11px; display:block; padding: 0 25px 0 10px; overflow:visible; } .email-subscriptions .button { float: left; clear:both; margin-left: 25px; display: inline; } .buttons .button:hover, .button:hover { text-decoration: underline; cursor:pointer; } .account-template .main-content .buttons input { width: auto; } .account-template .main-content label { width: 118px; float: left; padding: 5px 0 0 20px; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff; } .wishlist-send { margin-top: 12px; } .wishlist-send .main { padding-bottom: 10px; } .account-template .message label { width: 303px; } .account-template .message { background: url(../images/textarea.png) no-repeat 20px 23px; } .account-template .message textarea { width: 293px; font: 12px/18px Arial, Helvetica, sans-serif; color: #fff; margin: 10px 5px 5px 25px; overflow-y: auto; background: none; border: 0 none; height: 55px; resize: none; -webkit-appearance: none; } .main-content .product-registration label { width: 178px; padding-right: 6px; } .account-template .main-content .checkbox-row label { text-transform: none; font-weight:normal; width: auto; padding: 0; line-height:21px; } .account-template .main-content label em, em.required { color: #fff; } .requiredLegend { position:absolute; right: 0; top: 18px; } .inline-radio-row { padding-left: 10px; float: left; width: 480px; } .inline-radio-row .radio { clear: none; } .main-content .inline-radio-row label { width: auto; padding: 0 20px 0 0; line-height: 20px; } .account-template .main-content input { border: 0 none; background: none; color: #fff; } .account-template .main-content .opt-in input { float: left; margin: 5px 0 0 0; } .account-template .main-content .opt-in label { text-transform: none; width: 350px; font-weight:normal; } .account-template .main-content .account-registration .opt-in label, .account-template .main-content .product-registration .opt-in label { width: 450px; line-height:14px; } .account-template .main-content .product-registration .opt-in label { padding: 0; } .account-template .main-content .opt-in a { font-family: Arial, Helvetica, sans-serif; text-transform: none; word-spacing:normal; text-decoration:underline; } .account-template .radio-row label { padding-top: 0; padding-left: 0; } .account-template .main-content input[type="text"], .account-template .main-content input[type="password"], #login-modal input[type="password"], #login-onpage input[type="password"], #login-onpage input[type="text"], #login-modal input[type="text"] { height: 24px; border: 0 none; background: none; color: #fff; line-height:24px; width: 163px; float: right; padding: 0 6px; background: url(../images/bkg_input.jpg) no-repeat left top; } .account-template .product-registration input[type="text"] { float: left; } .account-template .product-registration .birth-date input[type="text"], .account-template .product-registration .purchase-date input[type="text"] { width: 75px; } .account-template .product-registration .purchase-date .dateSeperator, .account-template .product-registration .birth-date .dateSeperator { float: left; color: #fff; padding: 0 5px; height: 24px; line-height: 24px; } #login-onpage input[type="password"], #login-onpage input[type="text"], #login-modal input[type="password"], #login-modal input[type="text"] { width: 180px; } #close-in-login-modal { text-indent: -9999px; display: block; width: 17px; height: 17px; position:absolute; right: 20px; top: 14px; background: url(../images/close_modal.png) no-repeat left top; } .account-template .main-content .wishlist input[type="text"] { width: auto; width: 25px; float: left; margin-right: 5px; } .subscriber-description, .email-preferences { float: left; clear: both; padding-left: 25px; width: 490px; } #account-nav li, #account-nav { width: 230px; float: left; clear: left; } #account-nav a { font-family: Arial, Helvetica, sans-serif; line-height: 24px; word-spacing:normal; padding-left: 12px; display: block; width: 218px; text-transform:uppercase; } #account-nav .current-page a { font-weight: bold; background: url(../images/small_arrow_right.png) no-repeat left 50%; } #account-nav .current-page a:hover { text-decoration: none; cursor: default; } div#full-size-bkg, div#home-carousel div.imageWrapper { height: 200%; left: -50%; position: fixed; top: -50%; width: 200%; } .home-slide { position: relative; } img.home-carousel-bg, div#full-size-bkg img { bottom: 0; left: 0; margin: auto; min-height: 50%; min-width: 50%; position: absolute; right: 0; top: 0; } #home-carousel-pager { background-color: #000000; height: 16px; position: absolute; right: 30px; top: 75px; width: 81px; } #home-carousel-pager li { float: left; } #home-carousel-pager a { background-color: #424242; float: left; height: 8px; margin: 4px 0 0 4px; outline: 0 none; width: 15px; } #home-carousel-pager a.active { background-color: #8B0F08; } #main-nav { background: url("../images/bkg_main_nav2.jpg") no-repeat 0 bottom transparent; min-height: 450px; margin-bottom: 10px; margin-left: 10px; width: 157px; position:relative; z-index:3; -webkit-box-shadow: 7px 7px 14px rgba(0, 0, 0, .5); -moz-box-shadow: 7px 7px 14px rgba(0, 0, 0, .5); box-shadow: 7px 7px 14px rgba(0, 0, 0, .5); behavior: url(CSS3PIE); } #main-nav a#logo { display: block; height: 110px; margin: 0 0 0 10px; text-decoration: none; width: 135px; text-indent: -9999px; background: url(../images/logo.png) no-repeat 7px 11px; } #main-nav ul { padding: 5px 5px 15px 20px; width: 125px; } #main-nav ul li { color: #FFFFFF; font-family: BebasRegular, Arial, sans-serif; font-size: 13px; list-style-type: none; padding: 0 0 2px; } #main-nav ul li a { display: block; width: 125px; padding-right: 25px; letter-spacing: 1px; } #main-nav ul li a:hover, #main-nav ul li a.active { color: #DE1409; } #main-nav .splitter { border-bottom: 1px solid #FFFFFF; font-size: 1px; height: 1px; line-height: 1px; margin: 0 0 2px -7px; padding: 0; } #header-bkg { background: url("../images/bkg_top.png") repeat-x scroll 0 0 transparent; height: 18px; left: 0; min-width: 970px; position: absolute; top: 0; width: 100%; } #header ul#location { left: 200px; position: absolute; } #header ul#location a b, #header ul#language a b { color: #DE1409; } #header ul#language { left: 300px; position: absolute; } #header ul#account { position: absolute; /* right: 35px */ right: 0; } #header ul li { float: left; font-size: 8px; } #header ul li a, #header ul li { color: #FFFFFF; font-family: Arial, sans-serif; font-size: 8px; line-height: 20px; word-spacing:normal; } #header ul li a { text-transform:uppercase; } .separator { color: #FFFFFF; padding: 0 4px; } #dealer-shop { position: absolute; /*right: 215px;*/ right: 193px; top: 40px; width: 215px; } #dealer-shop ul { float: right; } #dealer-shop ul li { color: #FFFFFF; float: left; font-size: 10px; line-height: 10px; } #dealer-shop ul li a { font-size: 10px; } #official { left: 180px; position: absolute; top: 35px; width: 330px; } #official p { float: left; font-size: 8px; line-height: 12px; padding: 6px 0 0 5px; word-spacing: 1px; width: 260px; } #search-form { background: url("../images/bkg_search.png") no-repeat scroll 0 0 transparent; height: 24px; position: absolute; /*right: 35px;*/ right: 0; top: 35px; width: 175px; } #search-form input[type="text"] { background: none repeat scroll 0 0 transparent; border: 0 none; color: #FFFFFF; float: left; font-size: 10px; font-weight: bold; margin: 0 0 0 25px; padding: 6px 0; width: 95px; } #search-form input[type="image"] { margin: 5px 0 0 3px; } .menu-flyout-3 { background: url("../images/bkg_menu_flyout_3_col.png") no-repeat scroll 3px 0 transparent; display: none; height: 295px; left: 157px; padding: 15px 5px 15px 8px; position: absolute; top: 75px; width: 573px; z-index: 2; } .menu-flyout-2 { background: url("../images/bkg_menu_flyout_2_col.png") no-repeat scroll 3px 0 transparent; display: none; height: 295px; left: 157px; padding: 15px 5px 15px 8px; position: absolute; top: 95px; width: 403px; z-index: 2; } .menu-flyout-training { background: url("../images/bkg_menu_flyout_training.png") no-repeat scroll 3px 0 transparent; display: none; height: 325px; left: 157px; padding: 15px 5px 15px 8px; position: absolute; top: 84px; width: 410px; z-index: 2; } #main-nav li#all-products:hover > div#all-products-menu, #main-nav li#gloves:hover > div#gloves-menu, #main-nav li#bats:hover > div#bats-menu, #main-nav li#helmets:hover > div#helmets-menu, #main-nav li#protective:hover > div#protective-menu, #main-nav li#baseballs:hover > div#baseballs-menu, #main-nav li#bags:hover > div#bags-menu, #main-nav li#batting-gloves:hover > div#batting-gloves-menu, #main-nav li#apparel:hover > div#apparel-menu, #main-nav li#accessories:hover > div#accessories-menu, #main-nav li#training:hover > div#training-menu { display: block; } .fly-menu-hover { color: #DE1409; text-decoration: underline; } #gloves-menu { top: 95px; } #bats-menu { top: 115px; } #protective-menu { top: 160px; } #baseballs-menu { top: 135px; } #bags-menu { top: 157px; } #batting-gloves-menu { top: 177px; } #apparel-menu { top: 198px; } #accessories-menu { top: 219px; } #main-nav ul li ul.menu-col-1, #main-nav ul li ul.menu-col-2 { float: left; height: 300px; padding: 0 10px 10px 25px; width: 132px; } #main-nav ul li ul.menu-col-3 { float: left; height: 300px; padding: 0 10px 10px 18px; width: 205px; } #main-nav ul li ul.menu-col-3 li { margin-bottom: 10px; padding: 0; width: 200px; } #main-nav ul li ul.menu-col-3 li .featured-img { float: left; margin: 5px 8px 0 -12px; } #main-nav ul li#training ul.menu-col-1 li span { display: block; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; padding: 10px 0 20px; word-spacing: 0; } #main-nav ul li#training ul.menu-col-1 li a { display: block; padding: 15px 0; text-indent: -1000px; } #main-nav ul li ul li { line-height: 10px; padding: 0; } #main-nav ul li ul li a { padding-right:0; font-family: Arial, sans-serif; font-size: 10px; width: 140px; word-spacing: 0; letter-spacing: normal; } .featured-product { height: 95px; position: relative; } .featured-title { float: left; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 15px; margin-top: 15px; width: 115px; word-spacing: 0; } .featured-descr { display: block; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; margin-top: 5px; } a.featured-view-btn { bottom: 0; display: block; height: 22px; position: absolute; right: 23px; width: 45px; } #footer { height: 53px; margin: 0 auto; position: relative; bottom: 0; width: 970px; z-index: 3; } #footer p { color: #FFFFFF; font-family: Arial, sans-serif; font-size: 8px; margin: 0 auto; padding: 0; width: 640px; word-spacing: 0; } #footer p a { font: normal 8px Arial, Helvetica, sans-serif; word-spacing: normal; text-transform:none; text-decoration:underline; } #footer ul { margin: 0 auto; padding: 10px 0 0; width: 750px; text-align:center; } #footer ul li { display: inline; list-style-type: none; padding: 0 10px; } #footer ul li a { color: #FFFFFF; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer-bkg { height: 50px; } #social-footer { bottom: 20px; position: absolute; /*right: 5%;*/ right: 15px; } #social-footer a { float: left; margin-right: 6px; } #accordion { background: #000 0 0 repeat-x url("../images/bkg_footer2.jpg"); min-width: 970px; width: 100%; z-index: 4; position: fixed; bottom: 0; } #expand { display: none; height: 170px; position: relative; width: 918px; margin: 0 auto; z-index: 2; } /* footer carousel styles */ .jcarousel-container { height: 130px; padding: 25px 26px 0; width: 866px; } .jcarousel-list { width: 2000px; } .jcarousel-clip { overflow: hidden; width: 866px; height: 125px; } .jcarousel-prev { cursor: pointer; left: 0; position: absolute; top: 30px; z-index: 2; } .jcarousel-next { cursor: pointer; position: absolute; right: 0; top: 30px; z-index: 2; } .jcarousel-prev-disabled, .jcarousel-next-disabled { opacity: .25; filter:alpha(opacity=25); } .jcarousel-item { height: 125px; width: 209px; margin-right: 10px; } .carousel-footer li { /* display: none; margin: 0 10px 0 0; width: 200px !important;*/ height: 125px; width: 209px; } .carousel-footer li div { background-color: #040404; border: 2px solid #B5B5B5; height: 75px; padding: 10px; position: relative; width: 185px; } .carousel-footer li p { color: #ADADAD; font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; } .carousel-footer li img { bottom: 10px; position: absolute; right: 15px; } .carousel-footer li h3 { margin-top: 8px; height: 18px; line-height: 18px; display: block; width: 205px; } .carousel-footer li h3 a { font-size: 16px; } #wildcard-1, #wildcard-2, #wildcard-3 { background: url("../images/bkg_wildcard.png") no-repeat scroll 0 0 transparent; height: 44px; margin-left: 10px; width: 156px; } .wildcard-main { bottom: 53px; height: 75; position: fixed; left: 363px; width: 410px; padding: 30px 20px 0 307px; z-index: 1; background: url(../images/bkg_wildcardMain.png) no-repeat 50% top; } .wildcard-main-authentic { background: url(../images/bkg_wildcardMain2.png) no-repeat 50% top; } .wildcard-main a.block-link { display: block; width: 410px; height: 75px; text-decoration:none; cursor: pointer; } .wildcard-main h2 { color: #fff; float: left; width: 430px; } .wildcard-main h2 .super-script{ font-size: 10px; vertical-align: top; } .wildcard-main p { padding-bottom: 0; float: left; font: bold 14px/18px Arial, Helvetica, sans-serif; word-spacing:normal; text-transform:uppercase; } .gradient-background { background: #36456c url(../images/bkg_gloves.png) repeat-x left top; } .gradient-background-content { background: #ff0000 url(../images/bkg_gradient_red.jpg) repeat-x left top; } .news-container { width: 765px; margin: 20px 0 75px 38px; padding-bottom: 15px; background: url(../images/bkg_content.png) repeat left top; } .other-articles li { float: left; width: 340px; margin: 0 8px 0 7px; } .other-articles img { float: left; padding-right: 15px; width: 160px; height: 95px; } .article-masthead { width: 739px; position:relative; padding: 13px; float: left; clear: both; } .article-content, .other-articles, .articles-archive { padding: 0 35px 20px 35px; float: left; clear: both; background: url(../images/bkg_news_content.png) no-repeat 50% bottom; width: 695px; } .articles-archive ul { padding-top: 15px; } .articles-archive ul, .articles-archive ul li { width: 695px; float: left; } .articles-archive ul li { padding: 15px 0; background: url(../images/bkg_news_content.png) no-repeat 50% bottom; } .articles-archive { background: none; padding-bottom: 15px; } .articles-archive li img { float: left; padding-right: 15px; width: 194px width: 116px; } .articles-archive li .pub-date { float: left; color: #fff; font: normal 11px/15px Arial, Helvetica, sans-serif; word-spacing:normal; padding: 9px 0 0 8px; text-transform:uppercase; } .other-articles { padding: 20px 27px 20px 28px; width: 710px; } .news-container .photo-inset { background: url(../images/bkg_photo_inset.png) no-repeat left top; position: absolute; width: 248px; height: 75px; right: 15px; top: 35px; padding: 40px 35px 40px 40px; } .news-container .photo-inset p, .article-content p, .other-articles li p, .articles-archive p.article-excerpt { font: normal 11px/20px Arial, Helvetica, sans-serif; word-spacing:normal; padding: 10px 0 0 0; } .other-articles li p, .articles-archive p.article-excerpt { float: left; line-height: 16px; padding: 0 0 8px 0; width: 165px; } .articles-archive p.article-excerpt { float: left; width: 480px; padding-top: 5px; } .news-container h1 { padding: 30px 115px 15px 25px; background: url(../images/bkg_blog_header.png) no-repeat 50% bottom; width: 625px; float: left; } .article-main-image { border: 2px solid #640a10; width: 735px; height: 195px; } .article-main-image { border: 2px solid rgba(105, 9, 14, .56); } #menu-landing { margin: 25px 0 0 58px; } .menu-landing-separator { border-right: 1px solid #FFFFFF; float: left; height: 160px; margin: 50px 0 0 40px; } #menu-landing h3 { margin-bottom: 15px; } #menu-landing a { display: block; font: 12px/14px Arial, sans-serif; padding: 3px 0; } .menu-landing-col-1, .menu-landing-col-2 { float: left; margin-top: 25px; width: auto; margin-bottom: 75px; } .menu-landing-col-2 { margin-left: 40px; } .series-description .large-product-image { position: absolute; right: 30px; top: -18px; } .product-detail .large-product-image { right: 155px; top: 10px; position: absolute; } .product-detail-page .product-detail .large-product-image { right: 165px; } .product-browse, .advisor-content, .product-detail, #dealer-locator, #dealer-locations, #dealer-results-table, .gold-glove-container { float: left; width: 745px; padding: 0 0 75px 41px; position:relative; } .advisor-content { padding-bottom: 205px; } .gold-glove-container { padding-top: 25px; } #dealer-locator { padding-bottom: 0; } #dealer-locations { padding-left: 0; width: 786px; } #dealer-results-table { padding-bottom: 0; } .product-detail, .product-browse { background: url(../images/bkg_selectSeries.png) no-repeat left 35px; } .product-detail-page .product-detail { /*background: url(../images/bkg_product_detail.png) no-repeat left 35px;*/ background: none; } .product-search-grid, .product-grid .product-browse { background: none; } .product-image { padding-bottom: 6px; height: 111px; width: 129px; } .product-detail .product-image { width: auto; height: auto; padding: 0; } .product-detail-page .product-desc { width: 240px; margin-left: 10px; float: left; clear: both; min-height:215px; } .series-select-container { height: 32px; float: left; clear: left; margin-bottom: 25px; width: 610px; margin-left: -41px; padding-left: 41px; background: url("../images/bkg_product_detail.png") no-repeat scroll left 0 transparent; } .series-select { height: 32px; float: left; clear: left; width: 400px; } .product-detail .series-select { width: 300px; } .series-select .title { color: #fff; } .button-go, .button-add, .button-star { float: left; clear: left; background: url(../images/bkg_gray_button.png) repeat left top; } #content .button-go a, #content .button-add a, #content .button-star a, .button-go a, .button-add a, .button-star a { padding:0 10px; display: block; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-transform:uppercase; height: 25px; line-height:25px; word-spacing: normal; } #content .favorite-list .button-go a, .favorite-list .button-go a { min-width: 120px; } .button-go a, #content .button-go a { padding-right: 25px; background: url(../images/small_arrow_right.png) no-repeat right 50%; } .button-add a, #content .button-add a { background: url(../images/small_add_left.png) no-repeat left 50%; padding-left: 25px; } #content .button-star a, .button-star a { background: url(../images/star_left.png) no-repeat left 50%; padding-left: 25px; text-decoration: none; } #content .button-star a:hover, .button-star a:hover { text-decoration: underline; } .other-articles li .button-go, .articles-archive li .button-go { clear: none; } .series-select li { display: inline; font-family:Arial, Helvetica, sans-serif; font-weight: bold; padding-right: 10px; text-transform:uppercase; line-height: 32px; } .series-select li a { color: #4a5e93; font-family:Arial, Helvetica, sans-serif; font-weight: bold; word-spacing: normal; } .series-select li.active a { color: #fff; text-decoration: underline; } .results-controls { float: left; width: 730px; padding-top: 18px; padding-bottom: 15px; } .breadcrumbs { float:left; margin: 0 0 15px 41px; } .breadcrumbs ul { float: left; list-style:none; width: 745px; } .breadcrumbs li { display: inline; padding-right: 12px; background: url(../images/breadcrumb.png) no-repeat right 50%; padding-left: 8px; } .breadcrumbs li:first-child { padding-left: 0; } .breadcrumbs li:last-child { padding-right: 0; background: 0 none; } .breadcrumbs li a, .breadcrumbs li { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; word-spacing: normal; color: #fff; letter-spacing: .5px; } .filtering { float: left; } .filtering-links, a.back-to-news { position: absolute; right: 10px; top: 80px; display: block; } .filtering-links li { display: inline; } .filtering-links li a, a.back-to-news { color: #fff; font: normal 11px Arial, Helvetica, sans-serif; text-transform:uppercase; padding: 0 5px; border-left: 1px solid #fff; } a.back-to-news { border: 0 none; line-height:18px; } .filtering-links li:first-child a { border: 0 none; } .pagination { float: right; margin-right: 30px; } .results-controls .pagination { margin-right: 0; } .results-controls .pagination-number-per-page { margin-right: 30px; } .results-controls .pagination .pages { margin-right: 0; } .news-container .pagination { width: 695px; margin-left: 35px; clear: both; float: left; } .pagination .pages { clear: both; } .pagination .pages, .pagination .pagination-number-per-page { float: right; } .pagination .pagination-number-per-page { margin-right: 30px; } .pagination ul li a, .pagination a, .pagination span, .pagination ul li { display: inline; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 1px; line-height: 19px; } #reviewsPagination a, #reviewsPagination .current { padding: 0 3px; } .pagination .pages li.active a, .pagination .pages li.current, .pagination .current { opacity: .5; filter:alpha(opacity=50); } .pagination .pages li.active a:hover { text-decoration: none; cursor: default; } .pagination-number-per-page .jsSelectReplacement { /*width: 15px;*/ } .pagination-number-per-page select.jsSelect { /*width: 55px;*/ } .pagination-number-per-page span { float: left; white-space:nowrap; } .products-list-list-wrapper { float: left; width: 745px; } .product-footer { width: 745px; float: left; clear: both; margin: 15px 0 20px 0; } .list .product-desc { padding: 22px 34px 38px 34px; background: url(../images/bkg_product_list_items_bottom.png) no-repeat left bottom; } .list .product h3 a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; word-spacing:normal; text-decoration:underline; } .list .product h3 { margin-bottom: 5px; } .product-desc h3 { font-size: 18px; word-spacing:normal; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 24px; margin-bottom: 7px; word-spacing:normal; } .product-desc ul, .contentList { clear: both; padding-left: 22px; list-style:outside; list-style-type: disc; } .product-desc ul li, .contentList li { color: #fff; font: 12px normal Arial, Helvetica, sans-serif; line-height:18px; } .prod-desc { color: #fff; font: 12px normal Arial, Helvetica, sans-serif; line-height: 24px; } .tile .product img:hover { -webkit-transition:all .1s ease-in; -moz-transition:all .1s ease-in; -o-transition:all .1s ease-in; transition:all .1s ease-in; } .tile .product img:hover { -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); transform:rotate(5deg); } @font-face { font-family: "BebasRegular"; font-style: normal; font-weight: normal; src: url("../fonts/BEBAS___-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BEBAS___-webfont.woff") format("woff"), url("../fonts/BEBAS___-webfont.ttf") format("truetype"), url("../fonts/BEBAS___-webfont.svg#BebasRegular") format("svg"); } p { color: #FFFFFF; font-family: BebasRegular, Arial, sans-serif; font-size: 12px; line-height: 18px; padding-bottom: 15px; word-spacing: 3px; } a, #login-modal h3, #login-onpage h3 { color: #FFFFFF; font-family: BebasRegular, Arial, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none; word-spacing: 3px; } #login-modal h3, #login-onpage h3 { padding-bottom: 15px; } a:hover { text-decoration: underline; } h1 { color: #FFFFFF; font-family: BebasRegular, Arial, sans-serif; font-size: 48px; font-weight: normal; line-height: 50px; word-spacing: 3px; } .account-template #content h1, #content .gold-glove-container h1, .dealer-locator #content h1 { font-size: 30px; line-height: 34px; padding-bottom: 8px; } h2 { color: #A10501; font-family: BebasRegular, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 30px; word-spacing: 3px; } .product-heading { float: left; width: 745px; } .product-heading h2, .product-browse h2 { font-size: 30px; float: left; color: #fff; word-spacing: 3px; width: 400px; line-height:34px; margin-bottom: 2px; } .product-browse > h2 { margin-bottom: 20px; width: auto; float: none; } .product-detail .product-heading h2 { width: 300px; } .product-search-grid .product-heading h2 { padding-bottom: 11px; } .product-search-grid .pagination { margin-top: 15px; } .product-search-grid .product-footer { margin-top: 2px; } .subtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; word-spacing:normal; color: #8c8c8c; line-height:14px; white-space:nowrap; } .product-browse p, .ui-tabs .ui-tabs-panel p, .account-template .main-content p, p.addtowishlist-result { color: #8c8c8c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding-bottom: 8px; word-spacing: normal; } .addtowishlist-result { clear: both; color: #fff; } .account-template .main-content p.unsubscribe-info { clear: both; float: left; width: 490px; color: #fff; padding-left: 25px; padding-bottom: 8px; } .account-template .main-content p { padding-top: 8px; padding-bottom: 0; } .account-template .main-content .wishlist p { padding-top: 4px; color: #fff; } .product-desc .equalWidthButtons { margin-top: 10px; } .ui-tabs .ui-tabs-panel p { color: #fff; } .series-description { float: left; clear: left; margin-left: 10px; width: 362px; min-height: 200px; } .series-description p, .series-description h5 { padding-left: 2px; } p.series-image-description { color: #fff; margin-top: 41px; float: left; clear: left; padding-bottom: 17px; width: 398px; } .products-tile-list-wrapper { float: left; clear: left; width: 745px; background: url(../images/bkg_product_tiles_top.png) no-repeat left top; min-height: 100px; } .products-wrapper { float: left; clear: left; width: 745px; } .products-tile-list-wrapper .products-wrapper { background: url(../images/bkg_product_tiles_bottom.png) repeat-y left top; } .list .product { background: url(../images/bkg_product_list_items_top.png) no-repeat left top; } dl { float: left; width: 550px; } dt { text-transform:uppercase; clear: left; float: left; padding-right: 5px; line-height:24px; display: block; } dd { line-height:24px; } .tile .product { width: 129px; padding: 15px 10px 13px 10px; text-align:center; float: left; clear: none; height: 164px; } .article-content h2, .articles-archive h2 { color: #fff; line-height: 24px; } .articles-archive h2 { float: left; } h3 { color: #FFFFFF; font-family: BebasRegular, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 18px; word-spacing:2px; } h4, #login-modal label, #login-onpage label { color: #B08543; font-family: Arial; font-size: 12px; font-weight: normal; line-height: 15px; } h5, .account-template .main-content h3, .account-template .main-content h2 { color: #fff; font-family: Arial; font-size: 14px; font-weight: bold; line-height: 15px; margin-bottom:4px; } .account-template .main-content h3, .account-template .main-content h2 { text-transform: uppercase; margin-bottom: 0; } .account-template .main-content h3 { text-decoration: underline; margin-bottom: 8px; margin-top: 12px; float: left; width: 440px; clear: both; } .account-template .email-preferences h3 { text-decoration: none; } .account-template .main-content .heading { background: url(../images/bkg_account_header.png) no-repeat left top; padding: 8px 25px 13px 25px; width: 465px; float: left; } .account-template .wishlist h3, .account-template .wishlist h3 a { width: auto; float: none; font: bold 14px/18px Arial, Helvetica, sans-serif; margin: 0; word-spacing:normal; } .account-template .wishlist .col-4 a { line-height: 24px; float: right; } sup { bottom: 1em; font-size: 0.5em; position: relative; } .product-heading h2 sup { font-size: 14px; line-height: 14px; bottom: 16px; } .block { display: block; } .none { display: none; } .left { float: left; } .right { float: right; } .clear { clear: both; } .center { text-align: center; } .middle { vertical-align: middle; } .underline { text-decoration: underline; } .pad { padding: 20px; } .nopad { padding: 0; } .nomargin { margin: 0; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* Styles to cancel out the default link styles #LINKS*/ a.text-link, .series-image-description a, .wishlist-send > a { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-decoration: underline; word-spacing: normal; } .tile .product-desc a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 13px; word-spacing:normal; font-weight:bold; } .tile .product-desc p { padding-bottom: 4px; } select.jsSelect { visibility: visible; zoom: 1; opacity: 0.01; position: absolute; top: 0; left: 0; filter:alpha(opacity=.01); } .jsSelectContainer { position:relative; display: inline; float:left; } span.jsSelectReplacement { display:block; position:relative; background: #fff url(../images/select_control.png) no-repeat right top; cursor:default; height: 19px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1c2336; line-height: 19px; padding:0 30px 0 10px; overflow: hidden; float: none; } .account-template span.jsSelectReplacement { background: #fff url(../images/select_control_alt.png) no-repeat right top; } .filtering .jsSelectContainer { margin-right: 25px; margin-top: 15px; } .filtering span.jsSelectReplacement { } .filtering select.jsSelect { } .pagination .pagination-number-per-page .jsSelectContainer { margin: 0 10px 0 0; } .pagination .pagination-number-per-page .first-inline-text { padding-right: 10px; } .jsSelectContainer select.expand { width: auto; } .product-like { position:absolute; right: 0px; top: 0px; z-index: 50; } .product-other-images { width: 125px; float: left; clear: both; margin-top: 25px; } .product-other-images li { margin-bottom: 25px; } .product-imagery { position: absolute; right: 0; top: -33px; padding: 33px 0 50px 10px; width: 125px; background: url(../images/bkg_views.png) no-repeat left top; min-height:375px; } .view360 { background: url(../images/360Icon.png) no-repeat 25px top; display: block; padding: 0 0 0 50px; height: 19px; font: 15px/19px bold Arial, Helvetica, sans-serif; word-spacing:normal; float: left; } #pd-tabs h4 { font: bold 14px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff; float: left; margin-bottom: 6px; } #pd-tabs .button-star { float: right; clear: none; } #pd-tabs h4 .subtext { font: normal 12px/14px Arial, Helvetica, sans-serif; text-transform:none; color: #fff; } #pd-tabs .pagination { float: left; clear: both; } #pd-tabs .pagination .pages { float: left; } .review { float: left; clear:both; display: inline-block; padding: 19px 0 12px 0; width: 550px; background: url(../images/separator_review.png) no-repeat left bottom; } .review h3, .other-articles li h4 { font: bold 14px/18px Arial, Helvetica, sans-serif; float: left; margin: 0 5px 8px 0; } .other-articles li h4 { color: #fff; text-transform:uppercase; padding-top: 3px; width: 165px; float: left; margin-right: 0; } .product-img-selector h4 { font: bold 12px/18px Arial, Helvetica, sans-serif; text-transform: uppercase; margin-right: 5px; display: inline; float: left; } .product-img-selector ul { float: left; } .product-img-selector ul li { float: left; margin-right: 4px; } .review .ratings { margin: 2px 5px 8px 0; } .review .date { float: left; display: block; font-size: 12px; line-height:18px; margin-bottom: 8px; } .review .author { clear: both; display: block; font-weight:bold; float: left; width: 550px; } .review p { float: left; clear: both; width: 550px; } .view360Container { width: 470px; height: 470px; } .jsHide { display: none; } .alternateContent { width: 430px; height: 400px; padding: 50px 20px 20px 20px; text-align:center; float: left; color: #000; background: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .alternateContent a { margin: 0 auto; } .alternateContent p { color: #000; } /* login modal */ #login-modal, #login-onpage { width: 510px; height: 185px; background: #000; z-index:9000; position:absolute; left: 193px; top: 180px; padding: 37px 40px; background: url(../images/bkg_login.png) no-repeat left top; } #login-modal a, #login-onpage a { word-spacing: normal; } #login-modal .login, #login-onpage .login { width: 315px; float: left; } #login-modal .register-prompt, #login-onpage .register-prompt { width: 150px; float: right; padding-right: 8px; } #login-modal .register-prompt h4, #login-onpage .register-prompt h4 { text-transform: uppercase; line-height: 24px; } #login-modal .register-prompt p, #login-onpage .register-prompt p { padding-left: 10px; font: normal 12px/18px Arial, Helvetica, sans-serif; word-spacing:normal; } #login-modal .register-prompt .small-button, #login-onpage .register-prompt .small-button, #login-onpage .register-prompt a, #login-modal .register-prompt a { margin: 0 0 0 28px; } /* checkbox and radio styles from the custom script that styles them http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ */ .checkbox, .radio { width: 15px; height: 15px; padding: 0 5px 0 0; background: url(../images/checkbox.png) no-repeat; display: block; clear: left; float: left; margin:3px 0 0 0; } .radio { width: 14px; height: 14px; background: url(../images/radio.png) no-repeat; } /* styles for multi-select */ /** Minimal stand-alone css for dropdownchecklist support We highly recommend using JQuery ThemeRoller instead */ .account-template .main-content .other-brands .ui-dropdownchecklist-item input, .account-template .main-content .subscriber-description .radio-row .inline-row .inline-field .ui-dropdownchecklist-item input { width: auto; float: none; height: auto; line-height: normal; } .account-template .main-content .other-brands .ui-dropdownchecklist-item label, .account-template .main-content .subscriber-description .radio-row .inline-row .inline-field .ui-dropdownchecklist-item label { float: none; padding: 0 0 0 3px; } #neighborhood { visibility: hidden; } .ui-dropdownchecklist { font-size: medium; color: black; } .ui-dropdownchecklist-selector { height: 19px; background: #fff url(../images/select_control_alt.png) no-repeat right top; padding: 0 30px 0 10px; } .ui-dropdownchecklist .ui-dropdownchecklist-selector.ui-state-hover, .ui-dropdownchecklist .ui-dropdownchecklist-selector.ui-state-active { border-color: #fff; background: #fff url(../images/select_control_alt.png) no-repeat right top; } .ui-dropdownchecklist-dropcontainer { background-color: #fff; margin-top: 1px; padding: 2px 1px; } .ui-dropdownchecklist-item { padding: 2px; } .ui-state-hover { background-color: #8C8C8C; } .ui-state-disabled label { color: #ccc; } .ui-dropdownchecklist-group { font-weight: bold; font-style: italic; } .ui-dropdownchecklist-indent { padding-left: 7px; } /* Font size of 0 on the -selector and an explicit medium on -text required to eliminate descender problems within the containers and still have a valid size for the text */ .ui-dropdownchecklist-selector-wrapper { vertical-align: middle; font-size: 0px; float: left; } .ui-dropdownchecklist-selector { font-size: 0px; } .account-template .main-content .other-brands label.ui-dropdownchecklist-text, .account-template .main-content .subscriber-description .radio-row .inline-row .inline-field label.ui-dropdownchecklist-text { color: #000; line-height: 18px; font: 12px normal Arial, Helvetica, sans-serif; text-transform:none; } .ui-dropdownchecklist-text { color: #000; height: 19px; line-height: 19px; font: 12px/19px Arial, Helvetica, sans-serif; } #branding .ui-dropdownchecklist-item label.ui-dropdownchecklist-text { float: none; color: #000; font-size: 14px; letter-spacing: 0; font-family: Arial, Helvetica, sans-serif; } .ui-dropdownchecklist-group { padding: 1px 2px 2px 2px; } select { color: #000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } /* glove builder styles */ .glove-builder #content { width: 970px; left: 0; height: 800px; } .glove-builder #official, .glove-builder #header ul#location { left: 0; } .glove-builder #header ul#language { left: 100px; } #minimalNav { position: absolute; top: -40px; left: 435px; width: 81px; height: 20px; } #minimalNav li { float: left; width: 32px; height: 20px; line-height:20px; text-align:center; letter-spacing:1px; text-align: left; padding-left: 8px; } #minimalNav li:first-child { border-right: 1px solid #fff; text-align: right; padding-right: 8px; padding-left: 0; } /* login page style */ #content #login-onpage { position: relative; margin-top: 90px; margin-left: 26px; left: 0; top: 0; } /* advisor styles */ .advisor-data { width: 350px; float: left; padding-top: 35px; } .advisor-data h2 { font: bold 18px/21px Arial, Helvetica, sans-serif; padding-bottom: 8px; color: #fff; text-transform:uppercase; } .advisor-data p, .advisor-data a { font: bold 11px/18px Arial, Helvetica, sans-serif; word-spacing:normal; } .advisor-data a { text-decoration: underline; } .advisor-large { float: right; margin-right: 50px; margin-top: -10px; } /*.advisory-college .advisor-large { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 1); behavior: url(PIE.htc); margin-right: 30px; margin-top: 35px; }*/ .advisory-landing .advisor-data { width: 450px; } .advisory-landing .advisor-data p { font: normal 10px/13px Arial, Helvetica, sans-serif; padding: 10px 0 0 20px; width: 300px; } .advisory-landing .advisor-data h1 { font-size: 60px; } .advisory-landing .advisor-data ul#advisory-page-links { float: left; width: 400px; padding-top: 20px; } .advisory-landing .advisor-data ul#advisory-page-links li { float: left; padding: 0 20px; } .advisory-landing .advisor-data ul#advisory-page-links li a { font: normal 30px/36px BebasRegular, arial, verdana, sans-serif; text-decoration: none; } .advisory-landing .advisor-data ul#advisory-page-links li a:hover { text-decoration: underline; } #linkLetters #teamLink a { background: url(../images/advisors/teamArrow.jpg) no-repeat right 50%; padding-right: 25px; color: #fff; } #linkLetters #teamLink { position: relative; } #teamLists { position: absolute; width: 321px; height: 348px; top: -343px; left: -9999px; background: url(../images/advisors/bkg-team-popup.png) no-repeat left top; } #linkLetters #teamLink:hover #teamLists { left: -188px; } #linkLetters #teamLink:hover #teamLists ul { width: 127px; padding: 25px 0 0 25px; float: left; } #linkLetters #teamLink:hover #teamLists ul li { width: 127px; float: left; clear: both; height: 18px; text-align: left; } #linkLetters #teamLink #teamLists ul li a { line-height: 18px; background: none; padding-right: 0; font-size: 10px; font-weight: normal; color: #ba5557; } #linkLetters #teamLink #teamLists ul li a.enabledTeam { color: #fff; } #linkLetters #teamLink #teamLists ul li a:hover { text-decoration: none; } #linkLetters #teamLink #teamLists ul li a.enabledTeam:hover { text-decoration: underline; } /*********** DEALER LOCATOR STYLES ****************** ***************************************************** ///////////////////////////////////////////////////// \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ****************************************************/ #dealer-locator .ui-tabs .ui-tabs-nav li.ui-state-default { background: url(../images/dealer-locator/bkg_tab.gif) repeat-x left top; height: 26px; line-height: 26px; margin: 0 5px 0 0; } #dealer-locator .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #344267; } #dealer-locator .ui-tabs .ui-tabs-nav li.ui-state-hover a { color: #fff; } #dealer-locator .ui-tabs .ui-tabs-nav li a { font: bold 12px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; padding: 0 9px; line-height: 26px; color: #5d70a2; } #dealer-locator .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #fff; } #dealer-locator .ui-tabs .ui-tabs-panel { background: #344267; height: 268px; width: 213px; padding: 0; } #dealer-locator .ui-tabs .ui-tabs-panel form { border-top: 8px solid #344267; border-left: 8px solid #344267; border-bottom: 8px solid #344267; border-color: #344267; border-right-width: 0; border-right-style:none; height: 252px; width: 197px; background: #000; padding: 12px; background-clip: padding-box; } #map-canvas { border-top: 8px solid #344267; border-right: 8px solid #344267; border-bottom: 8px solid #344267; border-color: #344267; border-left-width: 0; border-left-style:none; background-clip: padding-box; width: 490px; height: 276px; background: #000; float: left; clear: none; margin-top: 27px; } #preferred-location { background: url(../images/dealer-locator/bkg_preferred_location.png) no-repeat 29px 3px; float: left; clear: both; width: 745px; height: 131px; padding-left: 41px; padding-top: 15px; } #preferred-location a { word-spacing: normal; } #preferred-location table { height: 118px; width: 727px; } #preferred-location th { color: #fff; font: bold 14px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; vertical-align:middle; padding: 0 10px 0 20px; width: 90px; text-align:left; } #preferred-location td.dealer-map-link { width: 100px; padding-right: 40px; text-align:right; } #preferred-location td.dealer-marker { padding-left: 40px; width: 20px; } #dealer-results-table td.dealer-map-link { border-right-width: 0; border-top-width: 0; border-left: 3px solid #242d47; padding-right: 30px; } #dealer-results-table td.dealer-map-link a, #preferred-location td.dealer-map-link a { padding: 8px 10px 8px 26px; background: #36456c url(../images/dealer-locator/mapIcon.gif) no-repeat 5px 50%; font: normal 12px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; display: block; word-spacing:normal; float: right; } #dealer-results-table td.dealer-map-link a { background: #242D47 url(../images/dealer-locator/mapIconRed.gif) no-repeat 5px 50%; } #preferred-location td { vertical-align: middle; } #dealer-results-table td { vertical-align:top; padding: 15px 0; border-bottom: 3px solid #242d47; background-clip:padding-box; background-color: #36456C; } #dealer-results-table td.dealer-distance { color: #fff; font: normal 12px/16px Arial, Helvetica, sans-serif; } #dealer-results-table .dealer-info { border-right: 3px solid #242d47; width: 267px; } #dealer-results-table table h6, #preferred-location h6 { color: #d71409; font: normal 12px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; } .dealer-distance, #dealer-results-table table thead th.location-distance-header { text-align: center; width: 100px; } #dealer-results-table table thead th.location-map { padding-left: 50px; } #preferred-location td p, #dealer-results-table table p { padding-bottom: 0; color: #8c8c8c; font: normal 12px/16px Arial, Helvetica, sans-serif; word-spacing:normal; } #preferred-location td.dealer-info { width: 287px; padding-right: 10px; padding-left: 10px; } #dealer-results-table td a.dealer-url, #preferred-location td a.dealer-url, #preferred-location td p a, #dealer-results-table table p a { display: block; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #546ca9; text-decoration:underline; } #dealer-results-table td a.dealer-url:hover, #preferred-location td a.dealer-url:hover, #preferred-location td p a:hover, #dealer-results-table table p a:hover { color: #fff; } #dealer-results-table h3 { font: bold 12px/19px Arial, Helvetica, sans-serif; text-transform:uppercase; color: #546ca9; } .results-heading, .results-footer { height: 19px; background: url(../images/dealer-locator/bkg_results_header.png) repeat-x left top; float: left; padding: 10px 0 10px 95px; width: 632px; } .results-footer { background: none; } #dealer-results-table table { width: 727px; border-collapse: separate; background: #242d47; } .results-heading h3 { float: left; } #dealer-results-table table thead th { background: #242d47; padding: 11px 0; color: #fff; font: bold 12px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; } #dealer-results-table table thead th.location-name-header { padding-left: 110px; } #dealer-results-table td.dealer-marker { width: 70px; padding-left: 40px; } #dl-tabs h3 { font: bold 12px/16px Arial, Helvetica, sans-serif; padding-bottom: 8px; word-spacing: normal; text-transform:uppercase; } .page_navigation { float: right; margin-right: 20px; } .page_navigation div { float: left; height: 19px; } .page_navigation a { color: #546CA9; text-decoration:underline; cursor:pointer; font: bold 12px/19px Arial, Helvetica, sans-serif; padding: 0 3px; } .page_navigation a:hover, .page_navigation a.active_page { color: #fff; text-decoration:none; } .page_navigation .previous_link, .page_navigation .next_link { text-decoration:none; } .page_navigation span.start_ellipsis, .page_navigation span.end_ellipsis { text-decoration:none; cursor: default; color: #546CA9; vertical-align:bottom; } #dl-tabs { float: left; width: 229px; } .page_navigation .disabled { cursor: default; color: #3e4d76; } .page_navigation .disabled:hover { color: #3e4d76; } #no-results { position: absolute; width: 350px; height: 136px; left: 310px; top: 116px; padding: 30px; background: #fff; } #no-results h3 { color: #D71409; padding-bottom: 8px; } #no-results p { color: #000; font: 12px/16px Arial, Helvetica, sans-serif; word-spacing: normal; } #dealer-locator form .row { padding-bottom: 8px; float: left; clear: both; width: 197px; } #dealer-locator form .buttons { padding-bottom: 0; padding-top: 8px; } #dealer-locator input[type="submit"] { background: url(../images/dealer-locator/bkg_search_button.png) no-repeat left top; text-transform:uppercase; color: #fff; font: bold 11px/17px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; outline: 0; height: 25px; overflow: visible; padding: 4px 10px 4px 26px; margin: 0; border: 0 none; width: auto; float: left; } #dealer-locator form p { color: #8c8c8c; font-weight: bold; font-size: 12px; text-transform:uppercase; float: left; clear: both; } #dealer-locator form select { font-size: 12px; float: left; clear: none; } #dealer-locator form label { float: left; padding-bottom: 3px; font: bold 12px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; } #dealer-locator form input[type="text"] { float: left; clear: left; width: 110px; margin-right:10px; float: left; } #dl-province, #dl-state { float: left; } .dl-city-PR-canada label, .dl-city-state label { width: 197px; } .dl-distance { padding-top: 16px; } #dealer-locator form .dl-distance label { padding-right: 10px; line-height: 20px; padding-bottom:0; } #dealer-locator form .error { font: italic 12px/14px Arial, Helvetica, sans-serif; text-transform:none; color: #fff; width: 197px; padding: 4px 0 0 0; } /*********** Gold Glove Award STYLES **************** ***************************************************** ///////////////////////////////////////////////////// \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ****************************************************/ #content .gold-glove-container h1 { float: left; } #gold-glove-nav { float: right; padding: 15px 0 9px 10px; background: transparent url(../images/goldGlove/bkg_gg_nav.png) no-repeat -15px -8px; } .gold-glove-header { position: relative; z-index:10; } .gold-glove-header, .gold-glove-footer { width: 745px; float: left; background: #e3c55f url(../images/goldGlove/bkg_gold_glove_header.jpg) no-repeat left top; height: 30px; } #gold-glove-nav li { display: inline; border-left: 1px solid #8c8c8c; } #gold-glove-nav li:first-child { border: 0 none; } #gold-glove-nav li a { padding: 0 6px; } .gold-glove-content { float: left; width: 745px; } #positions { float: left; width: 745px; height: 363px; position: relative; z-index:5; clear: both; background: #000 url(../images/goldGlove/bkg_gold_glove.jpg) repeat left top; } #positions .onePlayer { height: 18px; line-height:18px; } #gold-glove-controls { float: left; height: 18px; width: 450px; padding: 6px 0 6px 30px; } #gold-glove-controls li { display: block; padding: 0 6px; height: 18px; border-left: 1px solid #a27820; float: left; } #gold-glove-controls li:first-child { border-left: 0 none; } #gold-glove-controls li a, #gold-glove-controls li span.searchLabel { font-size: 11px; height: 18px; line-height: 18px; color: #4b3c24; } #gold-glove-controls li span.searchLabel { float: left; display: block; } #gold-glove-legend { float: right; width: 230px; } #gold-glove-controls li a:hover, #gold-glove-controls li a.active, #years-carousel li a.active { color: #a50501; text-decoration:none; } #gold-glove-legend li { display: inline; line-height: 30px; padding-left: 10px; color: #4b3c24; font-size: 11px; } #positions { position: relative; } #positions .single-position { height: 38px; width: 178px; position: absolute; display: none; } #positions #leftField { left: 82px; top: 71px; } #positions #centerField { left: 281px; top: 40px; } #positions #rightField { left: 489px; top: 71px; } #positions #shortStop { left: 161px; top: 125px; } #positions #thirdBase { left: 80px; top: 177px; } #positions #firstBase { left: 481px; top: 177px; } #positions #secondBase { left: 377px; top: 125px; } #positions #pitcher { left: 283px; top: 208px; } #positions #catcher { left: 283px; top: 288px; } #positions .position { width: 16px; height: 38px; line-height:38px; color: #ffc508; background: #5f0401; text-align:center; float: left; } .player { float: left; width: 162px; height: 18px; color: #fff; font: bold 9px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; } .HighSchoolLevel .player .player-name, .CollegeLevel .player .player-name { padding-left: 20px; height: 38px; line-height: 38px; } .player span.player-name { background: #a60501; float: left; height: 18px; width: 113px; border-top: 2px solid #5f0401; } .player span.player-name a { font: bold 9px/18px Arial, Helvetica, sans-serif; word-spacing:normal; } #positions .player span.league { color: #5f0401; float: left; width: 20px; text-align:center; background: #a60501; height: 18px; border-top: 2px solid #5f0401; } #positions .player img { float: right; margin-top: 2px; } #positions .first img { margin-top: 0; } #positions .first span.league, #positions .first span.player-name { border-top: 0; } .gold-glove-footer .year-link { color: #4B3C24; display: block; height: 30px; line-height: 30px; } .gold-glove-footer { margin-bottom: 10px; } .patch-explanation { position: absolute; top: 300px; width: 155px; left: 10px; padding-left: 75px; background: url(../css/skins/years/gold-patch.png) no-repeat left top; word-spacing:normal; font: 12px/14px Arial, Helvetica, sans-serif; } #gold-glove-controls li { position: relative; } #gold-glove-controls li#divisionMenu, #gold-glove-controls li#awardsMenu { display: none; } #gold-glove-controls div.sub-menu { position: absolute; padding-top: 8px; background: url(../images/goldGlove/nav-notch.png) no-repeat 50% top; width: 102px; top: 16px; left: -9999px; margin-left: -51px; } #gold-glove-controls li:hover div.sub-menu, #gold-glove-controls li.active div.sub-menu { left: 50%; } #gold-glove-controls div.sub-menu ul { background-color: #a60501; float: left; text-align:center; padding: 6px 0; background: rgb(94,4,1); /* Old browsers */ background: -moz-linear-gradient(top, rgba(94,4,1,1) 0%, rgba(166,5,1,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,4,1,1)), color-stop(100%,rgba(166,5,1,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(94,4,1,1) 0%,rgba(166,5,1,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(94,4,1,1) 0%,rgba(166,5,1,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(94,4,1,1) 0%,rgba(166,5,1,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e0401', endColorstr='#a60501',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(94,4,1,1) 0%,rgba(166,5,1,1) 100%); /* W3C */ } #gold-glove-controls div.sub-menu ul li { width: 102px; text-align: center; border: 0 none; color: #fff; padding: 0; } #gold-glove-controls div.sub-menu ul li a { color: #fff; font: bold 10px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; word-spacing:normal; width: 102px; display: block; } #gold-glove-controls div.sub-menu ul li a:hover { background: #5f0401; } #gold-glove-controls input[type=text], select.jsSelect { border: 1px solid #A27820; padding: 0 2px; margin:0 0 0 3px; height: 16px; line-height: 16px; width: 75px; float: left; font-size: 11px; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; background-color: #fff; outline: 0; /* IE7 */ *height: auto; } select.jsSelect { width: auto; border: 0 none; margin: 0; height: 19px; float: none; font-size:12px; padding: 0; position: absolute; background: #fff; outline: 0; -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; -webkit-appearance: none; -webkit-appearance: menulist; -webkit-box-align: center; white-space: pre; -webkit-rtl-ordering: logical; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .jsSelectContainer { position: relative; width: auto; } #gold-glove-controls input[type=image] { float: left; margin-left: 3px; } #years-dropdown { position:absolute; overflow-y: auto; overflow-x: hidden; height: 120px; } .players { width: 162px; height: 38px; float: left; overflow: hidden; } #positions #resultsContainer { padding: 20px; background-color: #fff; width: 545px; height: 223px; left: 80px; top: 35px; position: absolute; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 1); behavior: url(CSS3PIE); } #positions #resultsHeader { color: #A50501; } #resultsContent { height: 170px; width: 545px; margin-top: 15px; padding: 10px 0; overflow: auto; } #resultsList { width: 510px; } #resultsList li { width: 510px; float: left; clear: both; margin-bottom: 2px; } #resultsList .player span.player-name, #resultsList .player span.player-name a { background: none; height: 18px; color: #4B3C24; border: 0 none; width: 210px; float: left; padding: 0; line-height: 18px; } #resultsList .player span.award-year { color: #4B3C24; width: 50px; float: left; line-height: 18px; } #resultsList .player span.player-team { color: #4B3C24; width: 218px; float: left; line-height: 18px;} #positions #resultsList .player .advisor-space { float: left; margin-right: 5px; width: 27px; height: 18px; } #searchForm { width: 160px; } #searchForm form { float: left; height: 18px; width: 110px; } #gold-glove-landing #trophy { position: absolute; right: 49px; top: 20px; } #gold-glove-landing p, #gold-glove-landing h2 { display: inline; float: left; text-indent:-9999px; width: 276px; margin: 25px 0 0 45px; height: 208px; background: url(../images/goldGlove/gold_header.png) no-repeat left top; } .winners-button { font: bold 11px/27px Arial, Helvetica, sans-serif; padding: 0 10px; background: #9b0501; word-spacing: normal; display: block; float: left; clear: both; margin-left: 130px; } #gold-glove-landing p { clear: left; width: 212px; height: 61px; display: inline; margin: 35px 0 0 83px; background: url(../images/goldGlove/landing_paragraph.png) no-repeat left top; } .rggaWrapper h2, .rggaScrollableContent img, .rggaWrapper h3 { color: #d59b26; margin-bottom: 15px; } .rggaScrollableContent img.floatLeft { float: left; margin-right: 20px; } .rggaScrollableContent h3 { margin-bottom: 8px; } .rggaScrollableContent a, .rggaWrapper p { font: normal 12px/20px Arial, Helvetica, sans-serif; text-transform: none; word-spacing:normal; } .rggaScrollableContent a { text-decoration: underline; color: #D59B26; } .rggaScrollableContent a:hover { color: #fff; } .rggaScrollableContent ul { padding-bottom: 15px; list-style-type:disc; padding-left: 20px; } .rggaScrollableContent ul li { color: #fff; font: normal 12px/16px Arial, Helvetica, sans-serif; } .rggaScrollableContent { width: 655px; height: 394px; overflow: auto; padding: 25px 45px 25px 25px; } .rggaWrapper { flaot: left; position:relative; margin-bottom: 10px; clear: both; padding: 15px 10px; width: 725px; height: 394px; overflow: hidden; background: #000 url(../images/goldGlove/bkg_gold_glove_landing.jpg) no-repeat left top; } #loadingImg { left: 50%; margin-left: -80px; position: absolute; top: 50%; } /* adding error message styling */ .error, .validation-summary-errors li { clear: both; display:block; padding: 5px 0 0 20px; color: #fff; font-family:Arial, Helvetica, sans-serif; word-spacing: normal; font-style:italic; } #login-onpage .validation-summary-errors li, #login-onpage .error { display: inline; padding: 5px 10px 0 0; } #login-onpage .validation-summary-errors, #login-onpage div.error { left: 20px; position: absolute; top: -40px; width: 550px; } .validation-summary-errors, div.error { padding-bottom: 10px; width: 323px; } .validation-summary-errors span { color: #FF0000; font: bold 12px Arial, Helvetica, sans-serif; word-spacing:normal; } #dealer-locator #loadingImg { left: 450px; top: 200px; margin: 0; } .ratings { float:left; height: 13px; width: 72px; margin-bottom: 10px; text-indent:-9999px; } .number-ratings { float:left; height: 13px; line-height:13px; margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 8px; color: #fff; } .zeroStars { background: url(../images/ratings.png) no-repeat left -131px; } .pointFiveStars { background: url(../images/ratings.png) no-repeat left -118px; } .oneStar { background: url(../images/ratings.png) no-repeat left -105px; } .onePointFiveStars { background: url(../images/ratings.png) no-repeat left -91px; } .twoStars { background: url(../images/ratings.png) no-repeat left -78px; } .twoPointFiveStars { background: url(../images/ratings.png) no-repeat left -65px; } .threeStars { background: url(../images/ratings.png) no-repeat left -52px; } .threePointFiveStars { background: url(../images/ratings.png) no-repeat left -39px; } .fourStars { background: url(../images/ratings.png) no-repeat left -26px; } .fourPointFiveStars { background: url(../images/ratings.png) no-repeat left -13px; } .fiveStars { background: url(../images/ratings.png) no-repeat left top; } /* datepicker styles */ /* * jQuery UI Datepicker 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ #ui-datepicker-div { background: #fff; } .ui-datepicker .ui-state-default { color: #000; font-family: Arial, Helvetica, sans-serif; } .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 {font-family: Arial, Helvetica, sans-serif; color: #000; 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-year {width: 100%;} .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: bold; border: 0;font-family: Arial, Helvetica, sans-serif; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .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 { border-left-width:0; } .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%; } /* RTL support */ .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 { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } #product-review-form label { width: 90px; float: left; clear: both; font-family: Arial, Helvetica, sans-serif; } #product-review-form label { float: left; } #product-review-form input, #product-review-form textarea { border: 1px solid #4A5E93; } #product-review-form textarea { width: 95%; clear: both; height: 100px; } #product-review-form input.submit-btn { clear: both; } #product-review-form .row { margin-bottom: 3px; } .review-rating .star-rating { float: left; } .review-rating .star-rating a { color: #000; text-indent: -9999px; width: 14px; height: 13px; display: block; background: url("../images/ratings.png") no-repeat scroll right bottom transparent; cursor: pointer; } .review-rating .star-rating-on a, .review-rating .star-rating-hover a { background: url("../images/ratings.png") no-repeat scroll left top transparent; } #product-review-form .review-rating { margin-bottom: 10px; } #product-review-form .validation-summary-errors { width: 280px; padding: 5px 0; } #product-review-form .error, #product-review-form .validation-summary-errors li { padding: 0 0 3px 0; color: #FF0000; width: 280px; } #product-review-form .error-validator { color: #ff0000; } dd a { line-height: 24px; text-decoration: underline; } .ui-tabs-panel h5 { width: auto; float: none; margin-bottom: 10px; margin-top: 5px; text-transform:uppercase; } .ui-tabs-panel p { padding-bottom: 15px; } .ui-tabs-panel table { text-align: left; margin-bottom: 15px; } .ui-tabs-panel table thead th { font-weight:bold; padding: 5px 10px; text-transform:uppercase; background: #242e47; border: 1px solid #242e47; } .ui-tabs-panel table tbody td { padding: 5px 10px; border: 1px solid #242e47; } .ui-tabs-panel a { font: 12px/18px Arial, Helvetica, sans-serif; word-spacing:normal; text-decoration: underline; } .ui-tabs-panel dd a { line-height: 24px; } .error-validator {color:White;} #menu-landing .training-navigation{margin-top:3px;} #menu-landing .training-title, #menu-landing .training-sub-title{display:none;} #menu-landing .training-link a{display:block;height:60px;width:260px;text-indent:-1000px;background-repeat:no-repeat;background-position:top left;} #menu-landing .training-link-fielding a{background-image:url(../images/menu_training_fielding.png);} #menu-landing .training-link-hitting a{background-image:url(../images/menu_training_power.png);} #menu-landing .training-link-speed a{background-image:url(../images/menu_training_speed.png);} #menu-landing .training-link-throwing a{background-image:url(../images/menu_training_throwing.png);}