.highslideShow { display: none; } body{ color:#2F2F2F; background: #ffffff; } .middle-container { /*background:#FFFFFF;*/ width:850px; /*height:585px !important;*/ height:auto; /*margin-left:80px;*/ } .header { border: none; } .header-top-container { /*background:#00CCCC;*/ border: none; } .header-top { background-color:#FFFFFF; background-image: url(../images/new/bg_header.jpg); background-position:left center; background-repeat:no-repeat; border-bottom:0px solid #999999; border-top:1px solid #FFFFFF; padding:0 10px; margin:0 auto; position:relative; width:830px; height:164px; } .quick-access { color:#666666; float:right; margin-top:75px; padding:0 10px; text-align:right; width:540px; } .quick-access strong { color:#FFFFFF; font-size:18px; font-weight:normal; } .shop-access { background-color:#C9DEF3; padding-right:5px; margin-bottom:2px; margin-top:20px; } .mini-search { height:30px; padding:1px 5px 0 40px; position:absolute; right:0; top:10px; width:240px; background: none; } .mini-search .input-text { margin-right:4px; width:170px; } h1#logo { margin-left: 0; } .col-2-left-layout { margin:0 auto; padding:2px 0 0; width:850px; } .left-nav-container { background-image: url(../images/new/sidebar.jpg);; margin-bottom:2px; padding:10px 0; } #nav { padding:0 10px; font-size:1.1em; z-index:999; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { list-style:none; position:relative; text-align:left; } #nav li.over { z-index:99; } #nav li.active { z-index:98; } /* to prevent the li separator from showing through on mouseover on li */ #nav a { line-height:1.3em; } #nav a, #nav a:hover { display:block; width: 150px; border: 1px solid #676767; text-decoration:none; } #nav a:hover { background: #AD5B35; border: 1px solid #B2B1AD; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /************ 1ST LEVEL ***************/ #nav li { float:left; } #nav li.active a { color:#fff; } #nav a { float:left; padding:3px 12px 4px 8px; color:#fff; font-weight:bold; } #nav li.over a, #nav a:hover { color:#fff; } /************ 1ST LEVEL RESET ************/ #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; } #nav ul li.over {background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%;} #nav ul li.last { background:#ecf3f6; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav ul { position: absolute; width: 151px; top:25px; left:-10000px; border:1px solid #899ba5; } /* Show menu */ #nav li.over > ul { left:90px; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { background:#676767; } #nav ul li a:hover { background: #AD5B35; border: 1px solid #676767; } #nav ul li a, #nav ul li a:hover { color:#fff !important; } #nav ul span, #nav ul li.last li span { padding:1px 15px 2px 15px;} /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } /* #nav ul ul ul { left:-10000px; } #nav li.over ul li.over ul ul { left:-10000px; } #nav li.over ul li.over ul li.over ul { left:100px; } */ /* Fix for the IE bug */ #nav iframe { position: absolute; left: -1px; top: 0; z-index: -1; background:transparent; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } .debug {border:1px solid red!important;} .side-col { background:#FFFFFF none repeat scroll 0 0; margin-left:2px; width:195px; } .col-left .informational { background-color:#EEEEEE; padding:10px; } .col-left .informational .store-switcher { margin-bottom:10px; } .col-left .informational a { color:#003399; font-size:11px; font-weight:bold; } .col-2-left-layout .col-main { padding:0 0px; width:850px; } .middle { /*margin-left:86px;*/ width:850; padding:0 0px; } .footer-container { background: url(../images/footers.jpg); border: none; /*height:auto;*/ height:55px; } .footer { background: url(../images/footers.jpg); height:55px; width:850px; } .col-left .legality { color:#666666; font-size:11px; line-height:15px; padding:10px; } .base-mini .head { background:#990000; margin:0; padding-top:3px; } .base-mini .head h4 { color:#FFFFFF; } .narrow-by dl { background:#EEEEEE none repeat scroll 0 0; padding:0; } .breadcrumbs { float:right; font-size:0.95em; line-height:1.25em; margin:2px 4px 8px 10px; } .layered-nav .head { background: none; } .layered-nav h4 { background:#990000; border-color:#B9CCDD -moz-use-text-color; border-style:solid none; border-width:1px 0; color:#EEEEEE; font-size:1em; font-weight:bold; margin:0; padding:3px 10px; } .narrow-by dt { color:#2F2F2F; margin:0; padding:7px 10px 0 6px; text-transform:uppercase; background: none; } .narrow-by dd li { font-size:11px; } .form-button, .form-button-alt { background: #38617F url(../images/new/bg_button.jpg); border: 1px solid #666; } .catalog-listing h5 a, .catalog-listing h5 a:hover { color: #203548; } .price-box { margin:4px 0; } .regular-price .price { color: #000000; } .side-col .box { margin:0 0 2px 0; } .layered-nav .head { display: none; } .gridMiniLinks { float:right; font-size:10px; } .col-2-left-layout .listing-type-grid, .col-2-right-layout .listing-type-grid { background: none; } .listing-type-grid { background: none; } .generic-product-grid td.last { border-right: 1px solid #D9DDE3; border-bottom: 1px solid #D9DDE3; } .generic-product-grid td { width: 175px; } .product-options { clear: both; } * HIGHSLIDE SPECIFIC STYLES */ .highslide { cursor: url(/skin/frontend/default/Fitness_1.1/js/graphics/zoomin.cur), pointer; outline: none; } .highslide-active-anchor img { visibility: hidden; } .highslide-wrapper { background: white; } .highslide-image { border: 0px solid white; } .highslide-image-blur { } .highslide-caption { display: none; border: 2px solid white; border-top: none; font-size: 13px; padding: 5px; background-color: white; } .highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(/skin/frontend/default/Fitness_1.1/js/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { display: none; padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move { cursor: move; } .highslide-overlay { display: none; } a.highslide-full-expand { background: url(/skin/frontend/default/Fitness_1.1/js/graphics/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } /* Controlbar example */ .controlbar { background: url(/skin/frontend/default/Fitness_1.1/js/graphics/controlbar4.gif); width: 167px; height: 34px; } .controlbar a { display: block; float: left; /*margin: 0px 0 0 4px;*/ height: 27px; } .controlbar a:hover { background-image: url(/skin/frontend/default/Fitness_1.1/js/graphics/controlbar4-hover.gif); } .controlbar .previous { width: 50px; } .controlbar .next { width: 40px; background-position: -50px 0; } .controlbar .highslide-move { width: 40px; background-position: -90px 0; } .controlbar .close { width: 36px; background-position: -130px 0; } /* Styles for the popup */ .highslide-wrapper { background-color: white; } .highslide-wrapper .highslide-html-content { width: 700px; height:410px; padding: 5px; overflow: hidden; } .highslide-wrapper .highslide-header div { } .highslide-wrapper .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-wrapper .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next { display: none; } .highslide-wrapper .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-wrapper .highslide-header a:hover { color: black; } .highslide-wrapper .highslide-header .highslide-move a { cursor: move; } .highslide-wrapper .highslide-footer { height: 11px; } .highslide-wrapper .highslide-footer .highslide-resize { float: right; height: 11px; width: 11px; background: url(/skin/frontend/default/Fitness_1.1/js/graphics/resize.gif); } .highslide-wrapper .highslide-body { text-align: left; padding: 0 20px 10px 20px; } .highslide-move { cursor: move; } .highslide-resize { cursor: nw-resize; } .highslide-wrapper .highslide-body h1 { font-size: 18px; } .highslide-wrapper .highslide-body .product-img-box { float: left; width: 290px; } .highslide-wrapper .highslide-body .product-shop { width: 350px; } .highslide-wrapper .highslide-body .highslideShow { display: block; } .highslide-wrapper .highslide-body .highslideShow .details { margin: 15px 0 0 0; } .highslide-wrapper .highslide-body .highslideHide, .highslide-wrapper .highslide-body .product-attributes, .highslide-wrapper .highslide-body .product-attributes .add-to-cart-box{ display: none; } /* Necessary for functionality */ .highslide-display-block { display: block; } .highslide-display-none { display: none; } .quickView { position: absolute; padding: 3px 9px; font-size: 12px; top: 0; left: 0; text-decoration: none; display: none; background-image: url(/skin/frontend/default/Fitness_1.1/images/bg_quickview.gif); background-repeat: no-repeat; background-position: left top; } .quickView:hover { background-image: url(/skin/frontend/default/Fitness_1.1/images/bg_quickview_over.gif); background-repeat: no-repeat; background-position: left top; color: #fff; } .highslide-wrapper .highslide-body .highslide-hide { display: none; } /* /HIGHSLIDE SPECIFIC STYLES */ .col-1-layout { width: 800px; } .shopping-cart-collaterals { width: 515px; } .product-essential, .product-collateral { padding: 20px; background: none; } .product-essential .product-shop { width: 300px; } .product-info-box { border: none; } .product-info-box .product-name { color:#0A263C; font-size:1.5em; margin-bottom:0.3em; } .product-collateral .collateral-box h4 { color:#758568; } /* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ margin-bottom: 20px; } /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ .TabbedPanelsTabGroup { margin: 0px; padding: 0px; } /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 1px 0px 0px; font: bold 12px sans-serif; background-color: #9CAEAE; list-style: none; border-left: solid 1px #CCC; border-bottom: solid 1px #999; border-top: solid 1px #999; border-right: solid 1px #999; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; color: #fff; text-transform: uppercase; } /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .TabbedPanelsTabHover { background-color: #789090; } /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .TabbedPanelsTabSelected { background-color: #eee; border-bottom: 1px solid #EEE; color: #455F6C; } /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .TabbedPanelsTab a { color: black; text-decoration: none; } /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .TabbedPanelsContentGroup { clear: both; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; border-top: solid 1px #999; border-right: solid 1px #999; background-color: #EEE; } /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .TabbedPanelsContent { padding: 10px 10px; } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisible { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTabSelected { background-color: #EEE; border-bottom: solid 1px #999; } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } .review_details { border-top: 1px solid #ccc; padding: 5px 10px; margin-top: 15px; } .review_details p { color: #455F6C; font-size: 14px; margin-bottom: 8px; } .review_details span.small { font-size: 11px; } .review_details div { font-size: 12px; } #upsell-product-table td { background: none; } .col-2-right-layout { width: 800px; } .col-2-right-layout .col-main { /*width: 575px;*/ } .shop-access a, .shop-access a:hover { color: #006699; } .login-box h4 { color: #006633; } .account-nav .head { background: url(/skin/frontend/default/Fitness_1.1/images/account_nav_head_bg.gif); }