/* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .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 * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,%20Tahoma,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=5c9ccc&bgTextureHeader=02_glass.png&bgImgOpacityHeader=30&borderColorHeader=4385b6&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a3b8c8&fcContent=262626&iconColorContent=4088bf&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=9dc4e1&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=2d4462&iconColorActive=274977&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=295289&fcHighlight=363636&iconColorHighlight=549fde&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=e08080&fcError=a41e1e&iconColorError=cd0a0a&bgColorOverlay=212121&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=262626&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 1.1em;} .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #550000; background: #fcfdfd url(../../skin/xtreme_gear/lib/jqueryui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #262626; } .ui-widget-content a { color: #262626; } .ui-widget-header { border: 1px solid #850000;/* background: #990000 url(../../skin/xtreme_gear/lib/jqueryui/images/ui-bg_glass_30_5c9ccc_1x400.png) 50% 50% repeat-x;*/ background: #990000 url(/skin/xtreme_gear/lib/jqueryui/images/xtreme-heading-bg.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ /*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #9dc4e1; background: #dfeffc url(../../skin/xtreme_gear/lib/jqueryui/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #550000; font-weight: bold; color: #fff;background-color: #990000; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; } /* .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 { border: 1px solid #79b7e7; background: #d0e5f5 url(../../skin/xtreme_gear/lib/jqueryui/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; } */ .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 { border: 1px solid #22000; font-weight: bold; color: #fff; } .ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; 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 { color: #2d4462; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #295289; background: #ffffff url(../../skin/xtreme_gear/lib/jqueryui/images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #e08080; background: #fef1ec url(../../skin/xtreme_gear/lib/jqueryui/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #a41e1e; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #a41e1e; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #a41e1e; } .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(../../skin/xtreme_gear/lib/jqueryui/images/ui-icons_4088bf_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../../skin/xtreme_gear/lib/jqueryui/images/ui-icons_4088bf_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../../skin/xtreme_gear/lib/jqueryui/images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(../../skin/xtreme_gear/lib/jqueryui/images/ui-icons_6da8d5_256x240.png); } /*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../skin/xtreme_gear/lib/jqueryui/images/ui-icons_217bc0_256x240.png); }*/ .ui-state-active .ui-icon {background-image: url(../../skin/xtreme_gear/lib/jqueryui/images/ui-icons_274977_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../../skin/xtreme_gear/lib/jqueryui/images/ui-icons_549fde_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../skin/xtreme_gear/lib/jqueryui/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-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #212121 url(../../skin/xtreme_gear/lib/jqueryui/images/ui-bg_flat_0_212121_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #262626 url(../../skin/xtreme_gear/lib/jqueryui/images/ui-bg_flat_0_262626_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable ----------------------------------*/ .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;}/* Selectable ----------------------------------*/ .ui-selectable-helper { border:1px dotted black } /* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } /* IE7-/Win - Fix extra vertical space in lists */ .ui-accordion a { zoom: 1; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url(../../skin/xtreme_gear/lib/jqueryui/images/ui-anim_basic_16x16.gif) right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .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:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* Button ----------------------------------*/ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* Dialog ----------------------------------*/ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 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 { 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 button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { position: relative; padding: .2em; 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: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .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: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-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; } .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*/ }/* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* vim: set ts=2 sw=2 sts=2 et: */ /** * General CSS stylesheet (overrides for Firefox) * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.FF.css,v 1.3 2010/06/24 11:41:09 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ button.button { margin-right: -3px; margin-left: -3px; } div.button { margin-top: 1px; } .login-buttons div.button { margin-top: 2px; } button.simple-button { margin-top: 2px; } .ajax-minicart img.minicart-button { margin-top: 1px; margin-bottom: 5px; } button.do-add2cart-wait .button-left, button.do-add2cart-success .button-left, button.do-add2cart-error .button-left { margin-top: -2px !important; } /* global */ #cluetip-close img { border: 0; } #cluetip-title { overflow: hidden; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(../../skin/common_files/lib/cluetip/images/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { background-color: #d9d9c2; } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #fff; border: 1px solid #bbb; } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: bold; background-color: #eee; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* default arrows */ .clue-right-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowleft.gif); } .clue-left-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowright.gif); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip { background-color: transparent; } .cluetip-jtip #cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; } .cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #333; } .cluetip-jtip #cluetip-inner { padding: 0 5px 5px; display: inline-block; } .cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* jtip arrows */ .clue-right-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowleft.gif); } .clue-left-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowright.gif); left: 100%; margin-right: -11px; } .clue-top-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { background: transparent url(../../skin/common_files/lib/cluetip/images/bl.gif) no-repeat 0 100%; margin-top: 10px; margin-left: 12px; } .cluetip-rounded #cluetip-outer { background: transparent url(../../skin/common_files/lib/cluetip/images/tl.gif) no-repeat 0 0; margin-top: -12px; } .cluetip-rounded #cluetip-title { background-color: transparent; padding: 12px 12px 0; margin: 0 -12px 0 0; position: relative; } .cluetip-rounded #cluetip-extra { position: absolute; display: block; background: transparent url(../../skin/common_files/lib/cluetip/images/tr.gif) no-repeat 100% 0; top: 0; right: 0; width: 12px; height: 30px; margin: -12px -12px 0 0; } .cluetip-rounded #cluetip-inner { background: url(../../skin/common_files/lib/cluetip/images/br.gif) no-repeat 100% 100%; padding: 5px 12px 12px; margin: -18px -12px 0 0; position: relative; } .cluetip-rounded div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #009; background: transparent; } .cluetip-rounded div#cluetip-close a { color: #777; } /* rounded arrows */ .clue-right-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowleft.gif); } .clue-left-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowright.gif); left: 100%; margin-left: 12px; } .clue-top-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowup.gif); top: -23px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /* stupid IE6 HasLayout hack */ .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #ccc; overflow:hidden; background-color: #fff !important; background-repeat: no-repeat !important; } .mousetrap, .cloud-zoom-lens, .cloud-zoom-image { background-repeat: no-repeat !important; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Recently viewed module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/08/03 15:52:10 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .menu-rviewed-section img.icon { background: transparent url(../../skin/common_files/modules/Recently_Viewed/../../images/dingbats_products.gif) no-repeat left top; } .menu-rviewed-section div.item { margin-bottom: 10px; } .menu-rviewed-section div.image { float: left; margin-right: 10px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Upselling products module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ ul.uproducts { list-style: none outside none; padding: 0; margin: 0; } .uproducts li { padding: 5px; font-weight: bold; } ul.uproducts a:link, ul.uproducts a:visited, ul.uproducts a:hover, ul.uproducts a:active { font-weight: bold; font-size: 12px; } .printable .uproducts { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Discount Coupons Module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .dcoupons-add-coupon { color: #112536; font-weight: bold; } /* clear link */ .dcoupons-clear img { background: transparent url(../../skin/common_files/modules/Discount_Coupons/../../images/delete_cross.gif) no-repeat; width: 11px; height: 11px; vertical-align: bottom; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Wishlist module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .wishlist-sendlist { margin-top: 15px; } .wishlist-sendlist .button { margin-left: 10px; margin-top: -3px; } .wishlist-sendlist input.input-email { width: 140px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Manufacturers module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* manufacturers menu list */ .menu-manufacturers img.icon { background: url(../../skin/xtreme_gear/modules/Manufacturers/../../images/dingbats_categorie.gif) no-repeat; } /* manufacturers list */ ul.manufacturers-list { padding: 0; margin: 0; list-style: none; } ul.manufacturers-list li { margin: 0; padding: 0 0 0 5px; white-space: nowrap; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * News management module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* .news-register-item { margin-bottom: 5px; } .news-register-item label { line-height: 15px; } .news-register-item span { font-style: italic; } label.news-item { display: block; font-weight: bold; } .news-item-descr { font-style: italic; padding-left: 20px; padding-bottom: 15px; } .news-list .news-item { margin-top: 27px; } .news-list .news-item.last { margin-bottom: 27px; } .news-list .news-date { color: #818891; } .news-list .news-title { color: #2c3e49; font-weight: bold; font-size: 14px; } .news-list .news-body { margin-top: 10px; } *//* vim: set ts=2 sw=2 sts=2 et: */ /** * Image verification module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2.2.1 2010/11/15 11:46:25 ferz Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ div.iv-box { margin-top: 15px; font-size: 10px; line-height: normal; } table.data-table tr td.iv-box { font-size: 10px; line-height: normal; vertical-align: top; padding-right: 5px; } table.data-table tr td.iv-box-descr { padding-top: 15px; font-size: 10px; line-height: normal; } .iv-description { padding: 0; margin: 0; } .iv-row { text-align: left; height: 60px; } .iv-img { text-align: center; } .iv-input { text-align: center; } .iv-row .iv-img { text-align: left; margin-right: 10px; float: left; } .iv-row .iv-input { text-align: left; height: 60px; line-height: 60px; } #opc_profile .iv-row { margin-top: 4px; } #opc_profile .iv-row .iv-input { height: auto; line-height: normal; } #opc_profile .iv-row .iv-input .button { margin: 3px 0px 0px 13px; } .iv-input input { width: 100px; } .iv-error { padding-left: 5px; color: #880000; } .iv-box a:link, .iv-box a:visited, .iv-box a:hover, .iv-box a:active { text-decoration: none; border: none; border-bottom: 1px dashed #3c6992; white-space: nowrap; color: #3c6992; font-size: 10px; } .iv-box span.star { padding: 0; } table.data-table tr td.iv-box .button-row { margin: 4px 0px 3px 0px; } table.register-table div.iv-box { text-align: center; } table.register-table div.iv-box div.iv-img { margin-top: 4px; } /* 5eba2fb2ff75df4a18d07913b095c0b884b1e772, v2 (xcart_4_6_4), 2014-06-25 11:08:30, main.css, random vim: set ts=2 sw=2 sts=2 et: */ .card-expire { text-align: right; color: #aaa; width: 100%; } .card-icon, .card-info { display: inline-block; vertical-align: middle; } .card-icon { width: 100px; height: 45px; background: url(../../skin/common_files/modules/XPayments_Connector/card_types.png) 0 0 no-repeat; background-size: 100%; } .card-icon.mc { } .card-icon.visa { background-position: 0 12.5%; } .card-icon.jcb { background-position: 0 25%; } .card-icon.amex { background-position: 0 37.5%; } .card-icon.dc { background-position: 0 50%; } .card-icon.dicl { background-position: 0 62.5%; } .card-icon.sw { background-position: 0 75%; } .card-icon.cup { background-position: 0 87.5%; } .card-icon.bc { background-position: 0 100%; } table.saved-cards { max-width: 700px; } table.saved-cards th { text-align: left; } table.saved-cards tr.button-row td { padding-top: 10px; text-align: left; } table.saved-cards .default-card { font-weight: bold; } ul.saved-cards li { list-style: none; } ul.saved-cards li label { cursor: pointer; } ul.saved-cards li label input { vertical-align: middle; } ul.saved-cards .card-container { display: inline-block; } #xpc_address_hint { display: inline-block; vertical-align: top; } #xpc_iframe_section { margin-right: 20px; margin-bottom: 20px; } .xpc-show-all-cards { margin-left: 15px; font-size: smaller; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Product Notifications module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.0 2011/05/30 14:42:00 gss Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* * Notification request button */ a.prod-notif-request-button { padding-left: 5px; white-space: nowrap; text-decoration: none; margin: 0; vertical-align: bottom; line-height: 0; font-size: 0; } .prod-notif-request-button img { display: inline; vertical-align: bottom; border-spacing: 0; margin: 0; padding: 0; } a.prod-notif-request-button:hover img { } /* * Request button tooltip */ #prod_notif_tooltip { width: 200px; height: 50px; position: absolute; z-index: 10; border: 1px solid #1593db; background-color: #e5f5fe; font: 1em verdana; text-decoration: none; color: #000; padding: 5px; opacity: 0.85; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #prod_notif_tooltip h3 { border: none; color: #000; text-decoration: none; font: bold 12px verdana; text-align: left; } #prod_notif_tooltip div { margin: 0; } .prod-notif-tooltip-P { color: green !important; } /* * Notification request body */ .prod-notif { font-size: 12px; margin: 10px 0 0 0; padding: 10px 0 10px 5px; background-color: #f3fafa; } .prod-notif-request-submit-line { } .prod-notif-email { border: solid 1px #bbb; margin: 10px 0 0 0; background: #fff; width: 200px; } .products-table .prod-notif-email { width: 150px !important; } input.prod-notif-email:focus { border: solid 1px #999; } .prod-notif-email-error { border: solid 1px #b51a00 !important; background-color: #f7f3f3 !important; } .prod-notif-email-default-value { color: #aaa; } .prod-notif-request-submit-message { height: 11px; color: green; } .prod-notif-request-submit-error-message { color: red !important; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Product Notifications module CSS stylesheet (for 'back in stock' notifications) * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.B.css,v 1.0 2011/05/30 14:42:00 gss Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* Notification request button */ .prod-notif-request-button-B img { background: transparent url(../../skin/xtreme_gear/modules/Product_Notifications/../../images/prod_notif_icon_B.png) no-repeat left top; width: 49px; height: 36px; } /* Request button tooltip */ .prod-notif-tooltip-B { } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Make/Model/Year module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.0 2011/06/24 22:02:30 kate Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .filter-box { border:2px solid #a1a1a1; padding:8px; background:#F7F7F3; border-radius:12px; -moz-border-radius:12px; /* Firefox 3.6 and earlier */ -webkit-border-radius:12px; /*Safari and Chrome */ } .filter-box th { color: #000; font-weight: bold; font-size: 13px; border: 0 none; vertical-align: middle; height: 30px; line-height: 30px; margin: 0; padding: 0 0 0 10px; text-align: left; } .filter-box td { text-align: left; height: 30px; line-height: 30px; padding: 0 5px 0 5px; } .filter-box td select { min-width: 80px; } .filter-box td#loader_button { text-align: center; padding: 0px; } ul#mmy-sections { margin: 0; padding: 0; } ul#mmy-sections li.mmy-section { text-align: left; float: left; list-style: none; padding: 0; border: 0 none; } ul#mmy-sections li.last { margin-right: 0 !important; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Advanced Order Management module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:28 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ #history-box { padding: 5px; border: solid 1px #ccc; font-size: 10px; } #history-box ul { padding-left: 20px; margin: 0px; } #history-box li { padding: 0; margin: 0; font-size: 10px; } #history-box .subhead { color: #000; font-size: 10px; font-weight: bold; padding-top: 3px; margin: 0; } #history-box .subhead-comment { color: #000; font-size: 10px; font-weight: normal; padding: 3px 0; margin: 0; } #history-box .subhead-note { color: #848a94; padding: 3px 0; font-size: 10px; } #history-box .section-subhead { color: #b51a00; font-size: 10px; font-weight: normal; padding: 3px 0; margin: 0; } #history-box p { font-size: 10px; padding: 0; margin: 0; } #history-box .status { color: #848a94; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Recommended products module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ ul.rproducts { list-style: none outside none; margin: 0; padding: 0; } ul.rproducts li { margin: 0; padding: 4px 0; font-size: 7px; } ul.rproducts a:link, ul.rproducts a:visited, ul.rproducts a:hover, ul.rproducts a:active { font-weight: bold; font-size: 12px; } .printable .rproducts { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Product options module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* exceptions list */ #exception_msg { padding-bottom: 15px; } .poptions-exceptions-list { padding-bottom: 15px; } /* short options list */ .poptions-options-list { padding: 1px; } .poptions-options-list td { padding-right: 10px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Detailed product images module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.5 2010/08/04 11:32:48 joy Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* Detailed images on product detailed page */ .dpimages-list .content { text-align: center; } .dpimages-list .content img { padding: 0 0 10px 0; } .dpimages-list .content img.last { padding: 0; } .dpimages-list .dpimage-container { text-align: center; margin: 3px 0; } /* Product details line */ div.dpimages-popup-link { margin-top: 33px; text-align: center; vertical-align: middle; } .dpimages-popup-link a:link, .dpimages-popup-link a:visited, .dpimages-popup-link a:hover, .dpimages-popup-link a:active { text-decoration: underline; padding: 0 0 0 17px; background: transparent url(../../skin/common_files/modules/Detailed_Product_Images/../../images/zoom_image.gif) no-repeat left 1px; line-height: 13px; } /* Icons box */ .dpimages-icons-box { padding-top: 15px; padding-bottom: 15px; width: 220px; } .dpimages-icons-box a:link, .dpimages-icons-box a:visited, .dpimages-icons-box a:hover, .dpimages-icons-box a:active { display: block; outline-style: none; border: 1px solid #fff; float: left; } .dpimages-icons-box a:hover { border: 1px solid #215485; } /* Printable page */ .printable .dpimages-popup-link, .printable .dpimages-icons-box { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * X-RMA module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .rma-product-options-box { padding-left: 20px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * One page checkout module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.14.2.4 2010/09/24 06:16:20 aim Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * Alternative styles for common elements */ div.opc-container .opc-section h2, div.opc-container .opc-section h3 { color: #617683; } div.opc-container label { font-size: 12px; line-height: 18px; vertical-align: middle; } div.opc-container #center-main { text-align: left; width: 960px; margin: 0 auto; } div.opc-container h1 { font-size: 20px; } div.checkout-container h1 { font-size: 32px; } div.checkout-container span.star { padding-left: 5px; color: #3385bf; } .fill-error label { color: #ce0000; } div.opc-section-container div.text-block { margin: 0 10px; } .fill-error .data-value input[type=text], .fill-error .data-value input[type=password], .fill-error .data-value select, .fill-error .data-value textarea { border: solid 1px #ce0000; background-color: #ffebeb; } div.error-label { color: #ce0000; font-size: 9px; display: none; } .fill-error div.error-label { display: block; } /** * Container blocks */ ul#opc-sections { margin: 0; padding: 0; min-width: 1000px; } ul#opc-sections li.opc-section { text-align: left; float: left; list-style: none; padding: 0; margin: 0 25px 50px 0; border: 0 none; width: 310px; min-height: 400px; width: 30%; } ul#opc-sections li.opc-section h2 { font-weight: normal; font-size: 24px; padding: 7px 0; margin: 0; } ul#opc-sections li.opc-section h3 { font-weight: normal; font-size: 18px; padding: 7px 0; margin: 0; border: 0 none; } ul#opc-sections li.opc-section div { font-size: 12px; } ul#opc-sections li.last { margin-right: 0 !important; } /** * Registration section */ div.opc-authbox { margin: 5px 0; padding: 0; font-size: 12px; } div.opc-authbox a { font-size: 12px; font-weight: normal; line-height: 16px; } fieldset.registerform { border: 0 none; padding: 0; margin: 0; } div.opc-section-container { padding: 10px 0; margin: 0; background: #f5f5f5; } div.opc-section-container div.text-block { margin: 0 10px; } div.checkout-container input[type=text], div.checkout-container input[type=password], div.checkout-container textarea, div.checkout-container select { max-width: 250px; font-size: 12px; } div.checkout-container input[type=text], div.checkout-container input[type=password], div.checkout-container select { height: 18px; } div.checkout-container textarea { width: 100%; } div.checkout-container select { height: 22px; } fieldset.registerform ul li { list-style: none; padding: 0; margin: 0; } fieldset.registerform ul { position: relative; padding: 0 15px; margin: 0; background: #f5f5f5; } fieldset.registerform ul.first { padding-top: 15px; } fieldset.registerform ul li { padding-bottom: 10px; } fieldset.registerform ul li.clearing { padding: 0; margin: 0; } fieldset.registerform ul li.fields-group { float: left; margin-right: 10px; } fieldset.registerform ul li.fields-group input[type=text], fieldset.registerform ul li.fields-group input[type=password] { width: 90px; } fieldset.registerform ul li.single-field { float: none; clear: both; } fieldset.registerform ul li.single-field input[type=text], fieldset.registerform ul li.single-field input[type=password] { width: 80%; } fieldset.registerform div.oneline { float: left; margin-right: 10px; } li.single-field input.image-button { background: transparent url(../../skin/xtreme_gear/modules/One_Page_Checkout/../../images/button_go.png) no-repeat left top; height: 21px; width: 23px; margin-bottom: 1px; } div.optional-label { margin: 10px 5px; background-color: #fff; } div.optional-label label { font-weight: bold; font-size: 11px; display: block; padding-left: 15px; text-indent: -15px; } div.optional-label label input { margin-right: 5px; width: 13px; height: 13px; padding: 0; vertical-align: bottom; position: relative; top: -2px; } div.address-book-link { height: 35px; background: #ecf3f7; width: 100%; vertical-align: middle; position: relative; } div.address-book-link span.popup-link { margin: 7px; font-size: 11px; } div.address-book-link label { margin: 7px; font-size: 11px; line-height: 16px; } ul#opc-sections li.opc-section div.opc-checkout-profile h3 { padding: 7px; } div.opc-checkout-profile div.address-line { font-size: 12px; padding: 0 7px; } ul#opc-sections li.opc-section div.news-register-item-descr { font-size: 10px; font-style: italic; } /** * Shipping and payment section */ .checkout-payments tr td { padding: 5px; vertical-align: top; border-bottom: solid 2px #fff; } .checkout-payments tr td.checkout-payment-name { width: 100%; padding-right: 10px; white-space: normal; } .checkout-payments tr td.checkout-payment-name label { font-weight: bold; } .checkout-payments tr td div.checkout-payment-descr { width: 80%; } .checkout-payments tr td.checkout-payment-paypal { width: 100%; } .checkout-payments tr td.checkout-payment-paypal img { border: 0 none; } .checkout-payments tr.payment-details td { background: #ecf3f7; margin: 0; padding: 10px; } .checkout-payment-name span.applied-gc { font-weight: normal; color: #01851a; } .checkout-shippings { width: 100%; } .checkout-shippings tr td { padding: 5px 10px 5px 0; border-bottom: solid 2px #fff; vertical-align: top; font-size: 11px; } .checkout-shippings tr.last td { border-bottom: 0 none; } .checkout-shippings tr td label { font-size: 11px; line-height: 14px; } .checkout-shippings tr td.shipping-name { width: 70%; } .checkout-shippings tr td.shipping-cost { width: 10%; text-align: right; } .opc-payment-options fieldset.registerform ul { background: 0; } /** * Summary section */ div.coupon-info a.unset-coupon-link { margin-left: 10px; } div.coupon-info p { font-size: 9px; } div.coupon-info div.progress { background: transparent url(../../skin/xtreme_gear/modules/One_Page_Checkout/../../images/progress.gif) repeat-x left 10px; height: 20px; margin: 0 15%; } div#couponform { height: 20px; } div.coupon-info input.image-button { background: transparent url(../../skin/xtreme_gear/modules/One_Page_Checkout/../../images/button_go.png) no-repeat left top; height: 21px; width: 23px; margin-bottom: 1px; } div.cart-totals { margin: 10px 0; padding: 0; } div.cart table.totals { margin: 0 0 0 auto; text-align: right; width: 30%; } table.totals tr td.total, table.totals tr td.total-name, table.totals tr td.total-value, table.totals tr td.total-value-alt, table.totals span.total-name { font-weight: bold; text-transform: none; padding: 5px 5px 5px 0; font-size: 12px; vertical-align: top; } #opc_summary table.totals { text-align: left; width: 100%; } #opc_summary table.totals tr td.total, #opc_summary table.totals tr td.total-name, #opc_summary table.totals tr td.total-value, #opc_summary table.totals tr td.total-value-alt, #opc_summary table.totals span.total-name { width: 15%; font-weight: normal; } #opc_summary table.totals tr td.total, #opc_summary table.totals tr td.total-name { width: 70%; } table.totals tr td.discounted { color: #01851a; } table.totals tr.total td.total-name { font-size: 22px; } table.totals tr.total td.total-value { font-size: 22px; } table.totals tr.total td.total-value-alt { font-size: 12px; vertical-align: bottom; } table.cart-content tr td { font-size: 10px; font-weight: normal; border-bottom: solid 1px #888; padding: 10px 5px; vertical-align: top; } table.cart-content .cart-content-text { font-weight: normal; color: #2c3e49; } div#order-taxes-box { padding: 10px 5px; } div.checkout-customer-notes, div.checkout-partner, div.terms_n_conditions { padding: 10px 0; } div.terms_n_conditions { text-align: center; } div.terms_n_conditions label { font-size: 13px; } .place-order-button button.inactive { opacity: .3; filter:Alpha(Opacity=30); cursor: default; } div.paypal-express-sel-note { padding: 0 10px; } /* HTML elements */ html, body {margin: 0;padding: 0;color: #333;} body {font-family: Arial, "arial", "helvetica", sans-serif;font-size: 13px;background: url(../../skin/xtreme_gear/css/../images/body-bg.png) repeat-x 0 0;} img {border: none;} /* Wrappers & Holders */ #page {padding: 0;margin: 0 auto;width: 980px;} #page-holder {padding: 207px 0 1px 0;margin: 0 auto;width: 980px;} .ajax-popup-error-message {display: none;} /* Header */ #header-wrap {width: 980px;position: absolute;top: 18px !important; } #logo-main {margin: 0;padding: 0;max-width: 430px;height: auto;float: left;display: block;border:0px none;} .header-text-xbanner { padding: 0; margin: 0 18px 4px 0; text-align: right; height: 24px; overflow: visible; } .header-text-xbanner a { display: inline-block; height: 24px; } .header-text-xbanner img.free-ship-promo-img { width: 390px; height: 24px; display: block; border: 0; } /* Dialog Message */ #dialog-message {width: 980px;clear: both;} #dialog-message .msg-clear {clear: both;height: 20px;} #dialog-message img.msg-icon {width: 45px;height: 34px;float: left;margin: 20px 0 20px 10px;} #dialog-message .message-i .msg-body {background: url(../../skin/xtreme_gear/css/../images/msg-info-bg-y.png) repeat-y 0 0;width: 980px;height: 100%;} #dialog-message .message-w .msg-body {background: url(../../skin/xtreme_gear/css/../images/msg-warning-bg-y.png) repeat-y 0 0;width: 980px;} #dialog-message .message-e .msg-body {background: url(../../skin/xtreme_gear/css/../images/msg-error-bg-y.png) repeat-y 0 0;width: 980px;} #dialog-message .message-i .msg-clear {background: url(../../skin/xtreme_gear/css/../images/msg-info-bg-b.png) no-repeat 0 0;} #dialog-message .message-w .msg-clear {background: url(../../skin/xtreme_gear/css/../images/msg-warning-bg-b.png) no-repeat 0 0;} #dialog-message .message-e .msg-clear {background: url(../../skin/xtreme_gear/css/../images/msg-error-bg-b.png) no-repeat 0 0;} #dialog-message p {margin: 0;padding: 15px 20px 10px 20px;float: left;width: 780px;} #dialog-message .close-box {width: 27px;float: right;height: 20px;margin-top: 8px;} #dialog-message .close-box a {width: 16px;height: 16px;border: 0px none;text-decoration: none;} #dialog-message .close-box a img {width: 16px;height: 16px;border: 0px none;} /* Top Cart & Info */ #cart-info-panel {float: right;width: 425px;height: 111px;} .info-panel {width: 425px;height: 35px;padding-top: 8px;} .info-panel .cart-icon {width: 47px;float: left} .info-panel .cart-cnt {float: left;width: 378px;font-size: 11px;} .info-panel .cart-cnt .minicart {float: left;width: 104px;} .info-panel .cart-cnt .minicart .empty {padding-top: 10px;} .info-panel .cart-cnt .minicart .empty strong {font-weight: normal;} .info-panel .cart-cnt .cart-checkout-links {float: left;width: 186px;padding-top: 2px;} .info-panel .cart-cnt .cart-checkout-links a.info-checkout {display: block; width: 85px; height: 25px; text-align: center; color: #fff; text-decoration: none; border: 0px none;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;line-height: 25px;font-size: 13px;float: left;} .info-panel .cart-cnt .menu-auth .cart-cnt {width: 85px;float: right;} .info-panel .cart-cnt .menu-auth .cart-cnt ul {margin: 0;padding: 0;list-style: none;list-style-position: outside;} .info-panel .cart-cnt .menu-auth .cart-cnt ul form {margin: 0;padding: 0;display: inline;} .info-panel .cart-cnt .menu-auth .cart-cnt a {background: url(../../skin/xtreme_gear/css/../images/skin-red/arrow-01-right.png) no-repeat right 3px;padding-right: 10px;} .info-panel .cart-cnt .info-links {margin: 0;padding: 2px 0 0 0;list-style: none;list-style-position: outside;width: 85px;float: left;} .info-panel .cart-cnt .info-links a {background: url(../../skin/xtreme_gear/css/../images/skin-red/arrow-01-right.png) no-repeat right 3px;padding-right: 10px;} .info-panel .cart-cnt .info-links a.info-lang {background: url(../../skin/xtreme_gear/css/../images/skin-red/arrow-02-bottom.png) no-repeat right 3px;padding-right: 10px;} .info-panel .cart-cnt .info-buttons {width: 183px;} .info-panel .cart-cnt .info-buttons a {display: block; float: left; margin-right: 5px; text-decoration: none; color: #fff; background-color: #ababab;height: 25px;line-height: 25px;padding: 0 15px;font-size: 13px; border: 0px none;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;} .info-panel .cart-cnt li {line-height: 14px;} .info-panel .cart-cnt a {text-decoration: none;color: #666;} #cart-info-panel form {clear: none;margin: 0px;8px 18px 8px 0;} #cart-info-panel form fieldset { margin: 0; padding: 0; border: 0; height: 40px; } #cart-info-panel form .search-box { width: 300px; height: 28px; padding: 0 8px; font-size: 13px; color: #333; background: #ffffff; border: 1px solid #000000; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,.08); margin-left: 15px; } #cart-info-panel form .search-submit { position: relative; top: -1px; font-size: 14px; width: 80px; height: 32px; border: none; font-family: Arial, "arial", "helvetica", sans-serif; background: #2b2b2b; color: #fff; border: 1px solid #2b2b2b; border-radius: 4px; cursor: pointer; font-weight: 600; margin-left: 6px; } #cart-info-panel form .search-substring { float:left; } #cart-info-panel form .search-button { float: right; margin: 0 6px 0 0; } /* Mini Cart */ .minicart-box {position: absolute;background-color: #fff;z-index: 10000;display: block;width: 300px;border: 1px solid #ccc;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;top: 54px;} .minicart-box form {margin: 0;padding: 0;} .minicart-box ul {margin: 0;padding: 3px 5px;list-style: none;list-style-position: outside;display: block;float: none;} .ajax-minicart-icon {width:42px; height: 31px;background: url(../../skin/xtreme_gear/css/../images/info-shopping-cart-icon-empty.png) no-repeat 0 0;} .ajax-minicart-icon.minicart-button {width:42px; height: 31px;background: url(../../skin/xtreme_gear/css/../images/info-shopping-cart-icon.png) no-repeat 0 0;} .minicart-box ul.cart-items {padding-bottom: 5px;background: url(../../skin/xtreme_gear/css/../images/menu-tab-bg.png) repeat-x bottom;} .minicart-box ul.cart-items li {margin: 0 0 5px 0;width: 288px;} .minicart-box ul.cart-items li a {color: #516a00;line-height: 20px;font-size: 11px;font-weight: bold;text-decoration: none;overflow: hidden;height: 17px;display: block;} .minicart-box ul.cart-items li .price-row {font-size: 11px;} .minicart-product {margin-right: 20px;} .minicart-box ul.cart-items li input.quantity {width: 20px;margin-right: 10px;border: 1px solid #ccc;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;} .minicart-box ul.cart-items li span.currency {margin: 0 10px} #product-market-price {float:right;} .minicart-box-menu .update-cart {border:0px none; background: none;color: #666; text-decoration: none;font-weight: bold;font-size: 11px;position: relative;top: -2px;cursor: pointer;} .minicart-box .delete {width: 18px;height: 18px;border: 0px none;background: url(../../skin/xtreme_gear/css/../images/icon_error_small.gif) no-repeat 0 0;display: block;float: right;position: relative;top: -7px;} .minicart-box .delete img {border: 0px none;} .minicart-box-menu {background-color: #ddd;height: 20px;} .minicart-box-menu li {height: auto;width: 33%;line-height: 20px;text-align: center;float: left;} .minicart-box-menu li a {color: #666; text-decoration: none;font-weight: bold;font-size: 11px;} /* Top Navigation - Speed Links & Categories */ #navi-main-speed, #navi-main-categories {margin: 0;padding: 0;clear: both;} #navi-main-speed {background: url(../../skin/xtreme_gear/css/../images/navi-speed-bg.png) repeat-x 0 0;font-size: 13px;height: 25px;} #navi-main-speed li, #navi-main-categories li {display:block;float: left;} #navi-main-speed li {height: 25px;border-left: 1px solid #dfdfdf;} #navi-main-speed li.first {border: 0px none;background-color: #fff;} #navi-main-speed li.last {float: right;background: url(../../skin/xtreme_gear/css/../images/navi-speed-last-bg.png) no-repeat 0 0;width: 6px;height: 25px;border: 0px none;} #navi-main-speed li.first a {font-size: 15px;color: #fff;border-radius: 6px 0 0 0;-moz-border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0;} #navi-main-speed li a {color: #333;padding: 0 15px;line-height: 25px;text-decoration: none;display: block;} #navi-main-categories {font-size: 12px; width:100%;} #navi-main-categories li {padding: 0;position: relative;text-align: center;border-left: 1px solid transparent; height:38px;} #navi-main-categories {display:table;} #navi-main-categories li.last {} #navi-main-categories li a {color: #fff;text-decoration: none;display: block;padding: 9px 15px;position: relative;z-index: 5000;white-space:nowrap;} #navi-main-categories li a:hover {background-color: #fff;color:#333;} #navi-main-categories li.current a {background-color: #fff;color:#333;} /* Top Navigation - Sub Menus */ #navi-main-categories li .sub-holder {background-color: #fff;position: relative;left: -1px;z-index: 1000;border-left: 1px solid #666;border-right: 1px solid #666;border-bottom: 1px solid #666; -moz-box-shadow: 1px 1px 8px -2px #000; -webkit-box-shadow: 1px 1px 8px -2px #000;box-shadow: 1px 1px 8px -2px #000;font-family: Verdana, "verdana",sans-serif;} #navi-main-categories li .sub-menu {background: url(../../skin/xtreme_gear/css/../images/menu-tab-bg.png) repeat-x bottom;} #navi-main-categories li .sub-menu .sub-column {float: left;width: 200px;} /* WIDTH FOR COLUMN */ #navi-main-categories li .sub-menu .sub-column ul {margin: 0;padding: 10px 0 15px 5px;list-style: none;list-style-position: outside;} #navi-main-categories li .sub-menu .sub-column ul h4 {margin: 0;padding: 0;font-size: 12px;font-weight: bold;} #navi-main-categories li .sub-menu .sub-column ul li {line-height: 18px;float: none;width: auto;text-align: left;} #navi-main-categories li .sub-menu .sub-column ul li a {text-decoration: none;color: #777;line-height: 18px;} #navi-main-categories li .sub-menu .sub-column ul h4 a {text-decoration: none;color: #555;} #navi-main-categories li .sub-holder {display: none;} #navi-main-categories li .sub-holder.subme2 {left: -1px;} #navi-main-categories li .sub-holder.subme4 {left: -106px;} #navi-main-categories .sub-footer {} #navi-main-categories .sub-footer p {margin: 0;padding: 0;text-align: left;height: 27px;line-height: 27px;border:1px solid #fff;background-color: #EDECE9;} #navi-main-categories .sub-footer p span {background-color: #666;display: block;color: #fff;width: 140px; text-align: center; margin-right: 20px;float: left;} #navi-main-categories .sub-footer p a {height: auto;width: auto;color: #f97f01;display: inline;font-weight: bold;background-color: transparent;} #navi-main-categories .sub-footer p a:hover {background-color: transparent;} /* Home Image XBanner */ .home-visual img {border: 0px none;} /* =========================================================== Home Featured Categories - Modern Card Layout Modernized July 2026 =========================================================== */ .featured-categories-header { clear: both; margin: 34px 0 22px 0; text-align: center; } .featured-categories-header h3 { display: inline-block; position: relative; margin: 0; padding: 0; font-size: 25px; line-height: 31px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #111111; } .featured-categories-header h3:before, .featured-categories-header h3:after { content: ""; position: absolute; top: 50%; width: 145px; height: 3px; background: #ff6600; } .featured-categories-header h3:before { right: 100%; margin-right: 35px; } .featured-categories-header h3:after { left: 100%; margin-left: 35px; } .featured-categories-header p { max-width: 760px; margin: 12px auto 0 auto; padding: 0; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: .2px; color: #555555; text-align: center; } .featured-catogories-wrap, .featured-categories-wrap { width: 980px; margin: 0 auto 15px auto; padding: 0; background: none !important; overflow: hidden; } .featured-categories { width: 980px; margin: 0; padding: 0; list-style: none; font-size: 0; } .featured-categories li { float: left; display: flex; flex-direction: column; width: 306px; height: 370px; margin: 0 20px 24px 0; padding: 0; font-size: 13px; background: #ffffff; border: 1px solid #e8e8e8; border-radius: 14px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,.07); -webkit-transition: all .25s ease; transition: all .25s ease; } .featured-categories li:nth-child(3n) { margin-right: 0; } .featured-categories li:hover { transform: translateY(-4px); box-shadow: 0 8px 22px rgba(0,0,0,.14); } .featured-categories .image-link { display: block; float: none; width: 306px; height: 215px; margin: 0; padding: 0; overflow: hidden; flex: 0 0 215px; } .featured-categories .image-link img { display: block; width: 306px !important; height: 215px !important; object-fit: cover; border: 0; -webkit-transition: all .35s ease; transition: all .35s ease; } .featured-categories li:hover .image-link img { transform: scale(1.04); } .featured-categories h3 { margin: 0; padding: 17px 16px 4px 16px; font-size: 19px; line-height: 19px; font-weight: 800; text-transform: uppercase; letter-spacing: -.5px; } .featured-categories h3 a { color: #111111 !important; text-decoration: none; } .featured-categories h2 { margin: 0; padding: 0 16px 7px 16px; font-size: 13px; line-height: 16px; font-weight: bold; } .featured-categories h2 a { color: #ff6600 !important; text-decoration: none; } .featured-categories p { margin: 0; padding: 3px 16px 18px 16px; font-size: 13px; line-height: 18px; color: #555555; flex: 1; } .featured-categories p a { color: #555555 !important; text-decoration: none; } .featured-categories p a:after { content: "Shop Collection \2192"; display: block; margin-top: 12px; color: #ff6600; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; } /* =========================================================== Home Featured Products Header Modernized July 2026 =========================================================== */ .featured-products-header { clear: both; margin: 28px 0 18px 0; text-align: center; } .featured-products-header h3 { display: inline-block; position: relative; margin: 0; padding: 0; font-size: 25px; line-height: 31px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #111111; } .featured-products-header h3:before, .featured-products-header h3:after { content: ""; position: absolute; top: 50%; width: 145px; height: 3px; background: #ff6600; } .featured-products-header h3:before { right: 100%; margin-right: 35px; } .featured-products-header h3:after { left: 100%; margin-left: 35px; } .featured-products-header p { max-width: 760px; margin: 12px auto 0 auto; padding: 0; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: .2px; color: #666666; text-align: center; } /* =========================================================== Home Featured Products - Modern Product Slider Modernized July 2026 =========================================================== */ .featured-wrap { clear: both; width: 980px; margin: 0 auto 34px auto; padding: 0; border-top: 0; } /* Tabs Control & Tab Links */ /* Tabs Control & Tab Links */ #tab-control, #tab-links { clear: both; height: 42px; margin: 14px 0 0 0; padding: 0; list-style: none; } #tab-links { padding-top: 5px; } #tab-control li, #tab-links li { display: block; float: left; height: 40px; margin: 0 6px 0 0; padding: 0; line-height: 40px; font-weight: 800; background: #f8f8f8; border: 1px solid #dddddd; border-bottom: 0; border-radius: 10px 10px 0 0; position: relative; z-index: 200; } #tab-control li.active, #tab-links li.active { background: #ffffff; } #tab-control li a, #tab-links li a { display: block; padding: 0 24px; color: #111111; text-decoration: none; font-size: 15px; } #tab-control li.active a, #tab-links li.active a { color: #ff6600; border-bottom: 1px solid #ffffff; } #tab-control li a:after, #tab-links li a:after, #tab-control li.active a:after, #tab-links li.active a:after { content: none; } /* Slider Holder */ .tab-holder1, .tab-holder3 { clear: both; width: 978px; height: auto; background: #ffffff; border: 1px solid #dddddd; border-radius: 0 10px 10px 10px; box-shadow: 0 3px 12px rgba(0,0,0,.06); } .tab-holder2 { clear: both; width: 760px; height: 300px; margin-left: 10px; background: #ffffff; border: 1px solid #dddddd; } /* Product Slider */ .productslide { clear: both; position: relative; width: 978px; height: 345px; margin: 0 auto; } .productslide .slidesholder { position: relative; overflow: hidden; width: 940px; height: 325px; margin: 0 auto; padding-top: 20px; } .productslide .slidesholder .slide { width: 940px; height: 325px; margin: 0 auto; padding: 0; list-style: none; } .productslide .slidesholder .slide li { display: block; float: left; width: 180px; height: 325px; } /* Product Card */ .productslide .slidesholder .slide ul.featured-product { width: 160px; height: 305px; margin: 0 auto; padding: 0; list-style: none; } .productslide .slidesholder .slide li ul.featured-product li { clear: both; float: none; width: auto; height: auto; margin: 0; padding: 0; } /* ========================== Homepage Featured Products - Product Image Cards Modernized July 2026 ========================== */ .productslide .slidesholder .slide li ul.featured-product li a.featured-image { display:block; width:170px; height:170px; margin:0 auto 12px; background:#fff; border:1px solid #e7e7e7; border-radius:10px; overflow:hidden; transition:border-color .20s ease, box-shadow .20s ease, transform .20s ease; } .productslide .slidesholder .slide li ul.featured-product li a.featured-image:hover { border-color:#ff6600; box-shadow:0 6px 18px rgba(0,0,0,.10); transform:translateY(-2px); } .productslide .slidesholder .slide li ul.featured-product li a.featured-image img { display:block; width:170px !important; height:170px !important; object-fit:contain; border:0; } .productslide .slidesholder .slide li ul.featured-product li h2 { height: auto; min-height: 0; max-height: none; margin: 8px 0 0 0; padding: 0; font-size: 13px; line-height: 16px; font-weight: 700; overflow: visible; text-align: left; } .productslide .slidesholder .slide li ul.featured-product li h2 a { display: block; color: #222222; text-decoration: none; } .productslide .slidesholder .slide li ul.featured-product li h3 { clear: both; float: none; height: auto; margin: 8px 0 0 0; padding: 0; border: 0; } .productslide .slidesholder .slide li ul.featured-product li h3 .price-from { display: block; margin: 0 0 2px 0; padding: 0; font-size: 12px; line-height: 14px; font-style: italic; font-weight: 400; color: #888888; letter-spacing: 0; text-transform: none; } .productslide .slidesholder .slide li ul.featured-product li h3 .price-value { display: block; margin: 0; padding: 0; font-size: 15px; line-height: 20px; font-weight: 700; color: #ff6600; } .productslide .slidesholder .slide li ul.featured-product li h4 { display: none; } .productslide .slidesholder .slide li ul.featured-product li h5 { margin: 4px 0 0 0; padding: 0; float: none; width: auto; height: auto; font-size: 11px; color: #777777; } .productslide .slidesholder .slide li ul.featured-product li h6 { display: none; } /* =========================================================== MX1 Brand Promise / Trust Component Homepage Redesign - Phase 4 July 2026 Purpose: - Reinforces MX1 Canada's authentic brand promise - Avoids generic fast-shipping claims that may not apply to made-to-order or supplier-fulfilled products - Built as a reusable trust component for future site areas and Shopify migration =========================================================== */ .mx1-promise-section { clear: both; width: auto; margin: 46px -9999px 0 -9999px; padding: 54px 9999px 62px 9999px; background: #f8f8f8 url(../../skin/xtreme_gear/css/../images/mx1-promise-bg-v2.png) no-repeat center bottom; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ff6600; } .mx1-promise-header { clear: both; width: 980px; margin: 0 auto 34px auto; text-align: center; } .mx1-promise-header h3 { display: inline-block; position: relative; margin: 0; padding: 0; font-size: 25px; line-height: 31px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #111111; } .mx1-promise-header h3:before, .mx1-promise-header h3:after { content: ""; position: absolute; top: 50%; width: 110px; height: 3px; background: #ff6600; } .mx1-promise-header h3:before { right: 100%; margin-right: 28px; } .mx1-promise-header h3:after { left: 100%; margin-left: 28px; } .mx1-promise-header p { max-width: 760px; margin: 12px auto 0 auto; padding: 0; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: .2px; color: #4f4f4f; text-align: center; } .mx1-promise-cards { clear: both; width: 980px; margin: 0 auto; padding: 0; } .mx1-promise-card { display: block; float: left; width: 178px; min-height: 280px; margin: 0 20px 0 0; padding: 36px 25px 32px 25px; background: rgba(255,255,255,.97); border: 1px solid #dfdfdf; border-radius: 12px; box-shadow: 0 7px 24px rgba(0,0,0,.14); text-align: center; -webkit-transition: all .25s ease; transition: all .25s ease; } .mx1-promise-card-last { margin-right: 0; } .mx1-promise-card:hover { transform: translateY(-4px); border-color: #ff6600; box-shadow: 0 12px 30px rgba(0,0,0,.16); } .mx1-promise-icon { width: 64px; height: 64px; margin: 0 auto 18px auto; color: #ff6600; } .mx1-promise-icon svg { display: block; width: 64px; height: 64px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } .mx1-promise-icon img { display: block; width: 70px; height: 70px; margin: 0 auto; border: 0; } .mx1-promise-card h4 { position: relative; margin: 0 0 26px 0; padding: 0; min-height: 48px; font-size: 20px; line-height: 23px; font-weight: 800; color: #111111; } .mx1-promise-card h4:after { content: ""; position: absolute; left: 50%; bottom: -14px; width: 42px; height: 3px; margin-left: -21px; background: #ff6600; } .mx1-promise-card:hover h4 { color: #ff6600; } .mx1-promise-card p { margin: 0; padding: 0; font-size: 14px; line-height: 21px; color: #333333; } /* ========================================================================== DEPRECATED - HOMEPAGE RECENTLY VIEWED SECTION -------------------------------------------------------------------------- July 2026 This styling was originally created when the Homepage "Recently Viewed" slider was separated from the Featured Products tabs. The homepage Recently Viewed section has since been removed because the slider does not reliably populate on the homepage, although it continues to function correctly on category and product detail pages. These styles are intentionally left here for reference in case the homepage Recently Viewed feature is restored in the future. Safe to remove if the homepage section is never reinstated. ========================================================================== */ .home-recently-viewed-header { clear: both; margin: 34px 0 16px 0; text-align: center; } .home-recently-viewed-header h3 { margin: 0; padding: 0; font-size: 24px; line-height: 30px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #111111; } .home-recently-viewed-header h3:after { content: ""; display: block; width: 70px; height: 3px; margin: 8px auto 0 auto; background: #ff6600; } .home-featured-products-holder, .home-recently-viewed-holder { margin-top: 0; } /* Slider Arrows */ .productslide .control { display: block; position: absolute; top: 156px; width: 46px; height: 46px; text-indent: -10000px; cursor: pointer; opacity: 1; background: rgba(255,255,255,.96); border: 1px solid rgba(0,0,0,.06); border-radius: 50%; box-shadow: 0 8px 18px rgba(0,0,0,.14); -webkit-transition: all .2s ease; transition: all .2s ease; } .productslide .control:hover { background: #ff6600; border-color: #ff6600; box-shadow: 0 10px 22px rgba(0,0,0,.18); transform: translateY(-2px); } .productslide .control.leftControl { left: 0px; } .productslide .control.rightControl { right: 0px; } .productslide .control.leftControl:after, .productslide .control.rightControl:after { content: ""; position: absolute; top: 50%; width: 13px; height: 13px; border-top: 3px solid #333333; border-right: 3px solid #333333; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; } /* TODO: Move active .productslide .control arrow styles out of deprecated Recently Viewed section during CSS cleanup. */ .productslide .control.leftControl:after { left: 17px; transform: translateY(-50%) rotate(-135deg); } .productslide .control.rightControl:after { right: 17px; transform: translateY(-50%) rotate(45deg); } .productslide .control:hover:after { border-color: #ffffff; } .productslide.text { height: auto; } .productslide.text p { margin: 0; padding: 8px 35px 8px 20px; font-size: 14px; } /* Categories */ #categories-holder {width: 980px;background: url(../../skin/xtreme_gear/css/../images/categories-bg.png) repeat-y 0 0;} #categories-navi {margin: 0;padding: 0 0 15px 0;width: 190px;list-style: none;list-style-position: outside;font-family: "verdana", sans-serif;font-size: 11px;} #categories-navi li {margin: 0;padding: 0;} #categories-navi li h3 {font-size: 11px;font-weight: 900;margin: 0;padding: 15px 0 0 0;} #categories-navi li a {color: #333;text-decoration: none;display: block;padding-left: 10px;line-height: 16px;} #categories-navi li a:hover {background-color: #FFF;font-size:110%;} #categories-navi li.active a {background: url(../../skin/xtreme_gear/css/../images/categories-navi-arrow.png) no-repeat 180px 4px;background-color: #F9F352;} #categories-content {width: 785px;float: right;} #categories-content h1 {margin: 0;padding: 0px 0px 2px 5px;font-size: 26px;font-weight: 500;clear: both;} #categories-content #tab-control {margin-left: 10px;} #categories-content .productslide {width: 760px;height: 283px;position:relative;margin:0 auto;clear: both;} #categories-content .productslide .slidesholder {padding-top: 10px;margin:0 auto;width:780px;height:260px;overflow:auto;position:relative;left: 5px;} #categories-content .productslide .slidesholder .slide {margin:0 auto;width:760px;height:260px;padding: 0;list-style: none;list-style-position: outside;} #categories-content .productslide .slidesholder .slide li {display: block;float: left;width: 170px;height: 260px;} #categories-content .productslide .slidesholder .slide ul.featured-product {margin: 0;padding: 0 10px 0 0px;list-style: none;list-style-position: outside;} #categories-content .productslide .slidesholder .slide li ul.featured-product li {float: none;width: auto;height: auto;clear: both;} #categories-content ul.decription-float {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;width: 755px;margin: 0;padding: 5px 5px 5px 0;color: #666;list-style-type: none;list-style-position: outside;float: left;line-height: 16px;} #categories-content ul.decription-float li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 0 0 0 20px;padding: 0 30px 5px 20px;} #categories-content ul.decription-float2 {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;width: 400px;margin: 0;padding: 10px 0;color: #666;list-style-type: none;list-style-position: outside;float: left;font-size: 14px;line-height: 16px;} #categories-content ul.decription-float2 li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 0 0 0 20px;padding: 0 30px 5px 20px;} #categories-content .table {font-family: Tahoma, Geneva, sans-serif;font-size: 13px;} #breadcrumbs {margin: 0;padding: 0;list-style: none;list-style-position: outside;} #breadcrumbs li {margin: 0;padding: 15px 10px 8px 0;display: block;float: left;font-size: 11px;} #breadcrumbs li a {text-decoration: none;padding-right: 12px;} #breadcrumbs li.now a {background: none;} .categories-desc {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;color: #666;margin: 0;padding: 0px;} #categories-list {margin: 0;padding: 0;list-style: none;list-style-position: outside;} #categories-list li {display: block;float: left;width: 183px;height: 214px;padding: 0 0 0 10px;margin: 0 0 5px 0;} #categories-list li a.img-link {display: block;width: 150px;height: 150px;border: 1px solid #ccc;} #categories-list li a.img-link img {width: 150px;height: 150px;border: 0px none;} #categories-list li h2 {font-size: 12px;margin: 5px 0 0 0;padding: 0;float: left;width: 130px;font-weight: 400;height: 30px;overflow: hidden;} #categories-list li h2 a {text-decoration: none;color: #000000;} #categories-list li h6 {font-size: 13px;margin: 5px 24px 0 0;padding: 0;float: right;width: 30px;font-weight: 100;height: 42px;text-align: right;} /* Products */ #products-list {margin: 0 0 0 -31px;padding: 0;list-style: none;list-style-position: outside;} #products-list .item {width: 162px;height: 254px;display: block;float: left;margin: 0 0 15px 41px;} #products-list .item ul.listing-product {margin: 0;padding: 0;list-style: none;list-style-position: outside;height: 254px;} #products-list .item ul.listing-product li {float: none;margin: 0;padding: 0;height: auto;width: auto;} #products-list .item ul.listing-product li a.listing-image {border: 1px solid #ccc;display: block;width: 150px;height: 150px;} #products-list .item ul.listing-product li a.listing-image img {border: 0px none;width: 150px;height: 150px;} #products-list .item ul.listing-product li h2 {font-size: 12px;margin: 2px 0 0 0;padding: 0;font-weight: bold;height: auto;overflow: hidden;} #products-list .item ul.listing-product li h2 a {color: #828282;text-decoration: none;} #products-list .item ul.listing-product li h3 {margin: 0 0 0 0;padding: 0;float: left;font-size: 13px;font-weight: 900;height: 18px;line-height: 18px;} #products-list .item ul.listing-product li h4 {margin: 0;padding: 4px 0 0 0;float: right;font-size: 12px;font-weight: bold;width: 55px;text-align: right;overflow: hidden;} #products-list .item ul.listing-product li h5 {margin: 2px 0 0 0;padding: 0;float: right;font-weight: 100;width: 90px;height: 13px;color: #5a5a5a;} #products-list .item ul.listing-product li h6 {background-color: #000;margin: 2px 0 0 0;padding: 0;float: right;width: 68px;height: 15px;color: #fff;text-align: center;font-size: 12px;font-weight: bold;display: block;} #products-list .item ul.listing-product li.sku {margin: 2px 0 0 0;padding: 0;font-weight: 100;color: #5a5a5a; display:block; font-size: 10px;} #products-list .item ul.listing-product li div.buy-now {clear: both;} #products-list .item ul.listing-product li div.details {width: 160px;} #products-list .item ul.listing-product li a.listing-rating {text-decoration: none;border: 0px none;color: #5a5a5a;} #products-list .item ul.listing-product li a.listing-rating img {border: 0px none; width: 74px;height: 14px;position: relative;top:3px;} #products-list .item ul.listing-product li a.listing-rating span {display: inline-block;width: 80px;margin-left: 5px;text-align: center;font-size: 11px;font-weight: 500;} #products-list .item ul.listing-product li select.listing-quantity {display: block;float: left;position: relative;top:4px;} #products-list .item ul.listing-product li .listing-buy {display: block;width: 110px;height: 21px;line-height: 21px;background: url(../../skin/xtreme_gear/css/../images/buy-now-button-1.png) no-repeat 0 0;color:#fff;float: right;text-decoration: none;text-align: center;position: relative;top:4px;border: 0px none;} #products-list .item ul.listing-product li .listing-buy span {position: relative;top: -1px;} #products-list .item ul.listing-product li .listing-buy.do-add2cart-success {background: none; background-color: #73b40c;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;} #products-list .item ul.listing-product li .out-of-stock {display: block;text-align: center;height: 15px;line-height: 16px;color: #666;} /* Address Book */ .address-container {margin: 0;padding: 0;list-style: none;list-style-position: outside;} .address-container li {display: block;width: 200px;height: 200px;float: left;margin: 0 10px 10px 0;padding: 10px;border: 1px solid #ddd;background: url(../../skin/xtreme_gear/css/../images/slideshow-bg.png) repeat-x 0 bottom;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;} .address-container li#address_box_0 {height: 25px;float: none;padding: 0 10px;background: none;border: 0px none;} .address-container li#address_box_0 a {border: 0px none;background-color: #fa8003;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;display: inline-block; height: 22px;line-height: 22px;width: 120px;font-family: "Arial", "Helvetica", sans-serif;font-size: 13px;text-align: center;text-decoration: none;position: relative;left: -10px;} .address-container li .address-main {height: 165px;line-height: 18px;} .address-container li#address_box_0 .address-main {height: auto;line-height: normal;} .address-container li .change-button, .address-container li .delete-button, a.change-button { border: 0px none;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;display: inline-block; height: 22px;line-height: 22px;width: 70px;font-family: "Arial", "Helvetica", sans-serif;font-size: 13px;} .address-container li .change-button, a.change-button {background-color: #999;} a.change-button {text-align: center;text-decoration: none;width: 100px; margin-right: 5px;} /* Pagination */ .pagination {padding-top: 5px;clear: both;height: 40px;margin-left: 10px;} .pagination .pag01 {display: block;float: left;height: 22px;line-height: 22px;padding-right: 20px;} .pagination ul {margin: 0;padding: 0;list-style: none;list-style-position: outside;float: left;} .pagination ul li {display: block;float: left;height: 20px;line-height: 20px;margin: 0 5px 0 0;min-width: 5px;text-align: center;} .pagination ul li.active {border: 1px solid #FB8104;} .pagination ul li strong {padding: 0 10px;} .pagination ul li.button {background-color: #f3f3f3;} .pagination ul li a {text-decoration: none;color: #333;display: block;padding: 0 10px;} .pagination label {display: block;float: right;height: 22px;line-height: 22px;} .pagination select {margin-left: 10px;} .category-filter {margin: 0;padding: 0px 10px 10px 30px;width: 172px;float: right;} .category-filter fieldset {margin: 0;padding: 0;border: 0px none;} .category-filter input {display: none;} /* Product */ #product-images-box {border: 1px solid #e7e7e7;width: 475px;clear: both;margin-bottom: 10px;float: left;} #product-images-box .img-main-holder {min-height: 430px;margin:10px 24px 0 24px;} #product-video {width: 475px;clear: both;margin-bottom: 10px;float: left;background: url(../../skin/xtreme_gear/css/../images/product-line-bg.png) no-repeat bottom;} #thumblist {margin: 0;padding: 10px 24px 0 24px;list-style: none;list-style-position: outside;clear: both;height: 75px;} #thumblist li {display: block;float: left;width: 51px;height: 51px;padding: 0;margin: 0 10px 0 0;} #thumblist li a {border: 1px solid #eee;display: block;width: 51px;height: 51px;} #thumblist li {width: 47px;height: 47px;padding: 2px;} #thumblist img {width: 47px;height: 47px;padding: 2px 0 0 2px;} /* Rating NEW */ .rev-reviews {padding-top: 20px;} .rev-form {display: none;} .rating-top {height: 78px;} .rating-top h3 {font-size: 18px;font-weight: 800;margin: 0;padding: 15px 0 10px 20px;width: 720px;float: left;} #rev-control {float: right;margin: 0;padding: 20px 10px 0 0;list-style: none;list-style-position: outside;} #rev-control li {display: block;float: left;margin: 0 10px 0 0;} #rev-control a {display: block;width: 100px;height: 18px;line-height: 18px;text-align: center;text-decoration: none;color: #fff;} #rev-n1 {background-color: #666;} #rev-n2 {background-color: #FB8103;} .rating-overall {clear: both;} .rating-overall h4 {margin: 0;padding: 0 10px 0 20px;font-size: 16px;font-weight: 200;float: left;} .rating-stars {float: left;padding-right: 10px;} .rating-stars img {width: 20px;height: 20px;} .rating-text {margin: 0;padding: 0;float: left;position: relative;top:3px;} .rating-text span {background-color: #414142;color: #fff;padding: 3px 7px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2 px;} .rating-text em {padding: 0 0 0 10px;} .review {margin: 0 20px 0 20px;border-top: 1px solid #ccc;padding: 10px;color: #666;} .review h5 {margin: 0;padding: 0;font-size: 18px;float: left;color: #333} .productslide.text .review p {margin: 0;padding: 0 0 5px 0;} .rating-stars-small {float: left;padding: 3px 0 0 10px;} .review-info {clear: both;padding: 4px 0;height: 40px;width: 700px;float: left;} .review-info span {display: block;} .review-info span a {text-decoration: none;} .review-date {float: right;text-align: right;height: 40px;width: 150px;padding-right: 50px;background: url(../../skin/xtreme_gear/css/../images/review-calendar.png) no-repeat right;} .review-date strong {display: block;} .rev-form form {margin: 0 20px;} .rev-form fieldset{border: 0px none;margin: 0;padding: 0;} .rev-form h5 {font-size: 17px;font-weight: 500;background-color: #ebebeb;margin: 0;padding: 4px 0;} .rev-form ul {list-style: none;list-style-position: outside;margin: 0;padding: 10px 0 10px 0;width: 550px;float: left;} .rev-form ul li {padding: 0 0 4px 0;} .rev-form ul label {display: block;font-size: 15px;width: 160px;float: left;} .rev-form .rating-stars-small {float: none;display: inline-block;position: relative;top: 2px;} .productslide.text .rev-form-note {margin: 0 0 0 0;padding: 8px 0 8px 160px;font-size: 9px;} .rev-form-submit {padding: 0 0 0 160px;} .rev-form-submit img {float: left;margin-right: 10px;} .rev-form-text1 {width: 166px;height: 20px;border: 1px solid #ccc;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;} .rev-form-submit1 {width: 170px;height: 24px;line-height: 24px;color: #fff;border: 0px none;margin: 3px 0 0 0;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;} .rev-form-text {width: 280px;height: 18px;line-height: 18px;border: 1px solid #ccc;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;} .rev-form-area {width: 360px;height: 120px;border: 1px solid #ccc;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;} /* Rating OLD */ .rat-holder {padding: 10px;} .rat-holder h3 {background-color: #f4f4f4;padding: 5px 0;font-size: 18px;} .rat-holder #review_author {width: 280px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;} .rat-holder textarea {border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;width: 500px;height: 100px;} .rat-holder #antibot_input_str_on_reviews {width: 100px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;} .productslide.text .rat-holder p.rev-already {margin: 0;padding: 10px 0;color: #8a8a8a; font-size: 10px;} .rat-holder .creviews-reviews-list {text-align: left;} /* Send to Friend */ .send-friend {min-height: 300px;} .send-friend {padding: 20px;} .send-friend fieldset{border: 0px none;margin: 0;padding: 0;} .send-friend h5 {font-size: 17px;font-weight: 500;background-color: #ebebeb;margin: 0;padding: 4px 0;} .send-friend ul {list-style: none;list-style-position: outside;margin: 0;padding: 10px 0 10px 0;width: 550px;float: left;} .send-friend ul li {padding: 0 0 4px 0;} .send-friend ul label {display: block;font-size: 15px;width: 160px;float: left;} .send-form-text {width: 280px;height: 18px;line-height: 18px;border: 1px solid #ccc;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;} .send-form-area {width: 360px;height: 120px;border: 1px solid #ccc;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;} .send-form-submit {padding: 0 0 0 160px;} .send-form-submit .button {width: 170px;height: 24px;line-height: 24px;color: #fff;border: 0px none;margin: 3px 0 0 0;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;} #for_msg {width: 430px;float: none;} /* Zoom */ .zoomPad{position:relative;float:left;z-index:99;cursor:crosshair;} .zoomPreload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(../../skin/xtreme_gear/css/../images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;width:100px;height:49px;} .zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;} .zoomOverlay{position:absolute;left:0px;top:0;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none;z-index:101;} .zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;} .zoomWrapper{position:relative;border:1px solid #eee;z-index:110;top:-10px;} .zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);} .zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;} .zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;} .zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;} #product-details {font-family: Tahoma, Geneva, sans-serif;float: right;width: 490px;min-height: 450px;} #product-details h1 {font-size: 22px;margin: 0;padding: 0 0 5px 0;} #product-details ul.decription-float {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;width: 490px;margin: 0;padding: 0px 2px 2px 0;color: #666;list-style-type: none;list-style-position: outside;float: left;line-height: 15px;} #product-details ul.decription-float li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 0 0 0 20px;padding: 0 20px 5px 20px;} p.product-short-description {font-family: Tahoma, Geneva, sans-serif;color: #666;font-size: 14px;line-height: 16px;padding: 0 0 10px 0;margin: 0;} p.product-short-description a {color: #0000FF;text-decoration: none;} .product-social-box {padding: 0px 0 5px 0;background: none} .product-social-box a, product-social-box img {border: 0px none;} .product-description-holder {padding-top: 10px;padding-bottom: 10px; float: left;width: 310px;} .product-description-left {font-family: Tahoma, Geneva, sans-serif;float: left;width: 300px;margin: 0 0 0 5px;} .product-description-left fieldset {margin: 0;padding: 0;border: 0px none;} .product-description-left .product-prices {width: 205px;height: 10px;float: left;} .product-description-left .product-prices span {display: block;float: left;color: #242424;line-height: 13px;font-size: 12px;} .product-description-left .product-prices span.currency {display: inline;float: none;} .product-description-left .product-prices strong {display: block; float: left;color: #fff;background-color: #000;width: 86px;height: 16px;line-height: 16px;font-size: 12px;text-align: center;} .product-description-left .product-prices strong b {color: #fff !important; text-decoration: none; font-weight:normal;} .product-description-left label {display: block;padding: 10px 0 5px 0;clear: both;min-height: 26px;width: 295px;float: right;} .product-description-left label em {display: block;float: left;padding-right: 5px;text-align: left;font-style: normal;line-height:14px;font-size: 16px;font-family: "verdana", sans-serif;padding-top: 3px;padding-bottom: 3px} .product-description-left label select {position: relative;top:1px;} .product-description-left h2 {display: block;margin: 0;padding: 0 0 5px 0;font-family: Tahoma, Geneva, sans-serif;font-weight: 200;font-size:18px;} .products-details2 {float: left;padding: 15px 0 2px 0;width: 245px;font-family: Tahoma, Geneva, sans-serif;color: #666;} .products-details2 td {padding: 3px 10px 3px 10px;} .product-description-left .product-submit {color: #fff;display: block;width: 118px;height: 27px;line-height: 27px;font-size: 15px;border: 0px none;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin: 0;float: left;position: relative;left: 0px;} .product-description-left .product-submit.do-add2cart-success {background-color: #73b40c;} .product-description-left .product-submit span.button-right {position: relative;top: -1px;} .product-description-left .product-submit.full {width: 245px;} .product-description-left .product-wishlist {float: left;color: #666;display: block;width: 125px;height: 27px;line-height: 27px;font-size: 15px;border: 1px solid #e9e9e9;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;background-color: #f6f6f6;} .product-description-left .product-question {width: 245px;height: 26px;line-height: 38px;float: right;font-size: 13px;} .product-description-left .product-question a {text-decoration: underline;color: #0066FF;} .product-min-amount {clear: both;font-size: 12px;color: #888;text-align: right;padding-top: 5px;margin-bottom: -8px;} .msg-prod-notice {float: left;font-size: 13px;clear: both;} .product-quantity {text-align: left; font-size: 13px; padding: 10px 0 0 0;clear: both;} .product-description-right {float: right;width: 160px;margin: 0 5px 0 0;padding-top: 10px;} .product-description-right .product-question {width: 150px;height: 26px;line-height: 28px;float: right;font-size: 15px;} .product-description-right .product-question a {text-decoration: underline;color: #0066FF;} .product-buy-more h4 {margin: 0;padding: 0;height: 22px;line-height: 22px;text-align: center;color: #333;} .product-buy-more {margin: 0;padding: 0;color: #666;width: 160px;font-family: "verdana", sans-serif;font-size: 11px;} .product-buy-more td {padding: 3px;} .col1, td.property-name {background-color: #e3e3e3;} .col2, td.property-value {background-color: #eee;} .product-description-right h5 {margin: 0;padding: 0;font-size: 12px;font-weight: 100;color: #333;} .product-description-right h6 {font-size: 12px;font-weight: 100;margin: 0;padding: 0;color: #666;} .product-brand {margin: 5px 0 0 0;min-height: 68px;} .product-brand a, .product-brand img {border: 0px none;} .product-rating {margin: 0; padding: 5px 0;} .product-rating a, .product-rating img {border: 0px none;} .product-rating img {} .product-rating span {} .product-rating a {text-decoration: none;color: #666;} .product-rating a span {font-size: 11px;} .product-rating .revrat {float: left;position: relative; top: 4px;left: 10px;} .product-rating .creviews-vote-bar.mini-bar {width: 60px;float: left;} /* Product Description Tab */ #tabs-decription h2 {margin: 0;padding: 5px 40px 5px 20px;font-size: 18px;font-weight: 700;} #tabs-decription ul.decription-float {width: 460px;margin: 0;padding: 15px 15px 15px;color: #666;list-style-type: none;list-style-position: outside;float: left;font-size: 14px;line-height: 16px;} #tabs-decription ul.decription-float li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 15px 0 0 20px;padding: 0 30px 5px 20px;} #tabs-decription ul.decription-float2 {width: 895px;margin: 0;padding: 5px 15px 15px;color: #666;list-style-type: none;list-style-position: outside;float: left;font-size: 14px;line-height: 16px;} #tabs-decription ul.decription-float2 li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 0 0 0 10px;padding: 0 30px 5px 20px;} #tabs-decription ul.decription-float-table {width: 480px;margin: 0;padding: 0px 10px 10px;color: #666;list-style-type: none;list-style-position: outside;float: left;font-size: 14px;line-height: 15px;} #tabs-decription ul.decription-float-table li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 10px 0 0 10px;padding: 0 20px 5px 20px;} /* Shopping Cart */ .welcome-holder {height: 50px;} .welcome-holder h1 {margin: 0;padding: 10px 0 5px 10px;font-size: 19px;width: 200px;float: left;} .welcome-holder p.text-block {width: 480px;float: left;margin: 0;padding: 0 5px 10px 5px;color: #666;} .welcome-holder p.text-block2 {width: 480px;float: left;} .cart-holder {margin: 10px 0;padding: 10px;border: 1px solid #f3f3f3;} .cart-content table {width: 100%;} .cart-content th {background-color: #666;color: #fff;padding: 5px 10px;font-size: 14px;} .cart-content td.col1 {background: none;} .cart-content td.col1 img {border: 1px solid #f6f6f6;} .cart-content td.col2.alt, .cart-content td.col3.alt, .cart-content td.col4.alt, .cart-content td.col5.alt {background: none;} .cart-content td.col2, .cart-content td.col3, .cart-content td.col4, .cart-content td.col5 {background: #fafafa;} .cart-content td.col2 {padding: 5px 20px;} .cart-content td.col2 h3 {margin: 0;padding: 0 0 5px 0;font-size: 17px;font-weight: 900;} .cart-content td.col2 h3 a {color: #516a00;text-decoration: none;} .cart-content td.col2 p {color: #666;margin: 0;padding: 0;} .cart-content td.col3 {text-align: center;padding: 0 10px;} .cart-content td.col4 {text-align: center;padding: 0 10px;width: 59px;} .cart-content td.col4 input.text {width: 26px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;position: relative;top:2px;font-size: 12px;text-align: center;} .cart-content td.col5 {width: 100px;font-size: 12px;font-weight: 900;text-align: center;color:#666;} .cart-content td.col5 span.currency {font-size: 17px;} .cart-content a.delete {width: 24px;height: 23px;text-indent: -9999px;text-decoration: none;background: url(../../skin/xtreme_gear/css/../images/btn-delete.png) no-repeat 0 0;display: block;position: relative;top: 0px;left: 15px;} .cart-content a.refresh {width: 23px;height: 24px;text-indent: -9999px;text-decoration: none;background: url(../../skin/xtreme_gear/css/../images/btn-refresh.png) no-repeat 0 0;display: inline-block;position: relative;top: -2px;} .cart-content .subtotal dl, .flc-checkout-products .subtotal dl {color: #ffffff;padding: 6px 0;width: 450px;float: right;margin: 5px 0 0 0;padding: 0;} .cart-content .total dl, .flc-checkout-products .total dl {background-color: #fafafa;padding: 6px 0;width: 450px;float: right;margin: 0;padding: 0;} .cart-content .clear-entry dl, .flc-checkout-products .clear-entry dl {background-color: #efefef;color: #333;padding: 6px 0;width: 450px;float: right;margin: 0;padding: 0;} .cart-content .subtotal dl dt, .cart-content .total dl dt, .cart-content .clear-entry dl dt, .flc-checkout-products .subtotal dl dt, .flc-checkout-products .total dl dt, .flc-checkout-products .clear-entry dl dt {width: 200px;text-align: right;} .cart-content .subtotal dl dt, .cart-content .subtotal dl dd, .cart-content .total dl dt, .cart-content .total dl dd, .cart-content .clear-entry dl dt, .cart-content .clear-entry dl dd, .flc-checkout-products .subtotal dl dt, .flc-checkout-products .subtotal dl dd, .flc-checkout-products .total dl dt, .flc-checkout-products .total dl dd, .flc-checkout-products .clear-entry dl dt, .flc-checkout-products .clear-entry dl dd {display: inline-block;font-size: 17px;padding: 7px 10px;font-weight: 900;} .cart-content .clear-entry.gift-wr dl dt, .clear-entry.gift-wr dl dt {font-size: 13px;} .cart-content .clear-entry.gift-wr dl dt a, .clear-entry.gift-wr dl dt a {color: #666;} .cart-content table.poptions-options-list {color: #666;font-weight: bold;width: 45%;} .poptions-list a.simple-button {font-weight: bold;} .cart-content td.col2 p.poptions-title {padding: 4px 0;} .estimator-container {clear: both;text-align:right;} .estimator-container a.simple-button {color: #990000;font-weight: bold;background: url(../../skin/xtreme_gear/css/../images/estimate_ship_button.png) no-repeat 0 0;color:#ffffff;float: right;text-decoration: none;position: relative;border: 0px none;padding: 5px 5px 5px 10px;} .cart-content hr {border: 0px none;border-top: 1px solid #f3f3f3;clear:both;} .cart-holder h2 {margin: 0;padding: 0 0 0 10px;font-size: 18px;font-weight: bold;} .button.clear, .button.checkout {width: 150px;color: #ffffff;font-family: "Arial", "Helvetica", sans-serif;font-size: 15px;padding: 4px 0;text-align: center;display: inline-block;text-decoration: none;border: 1px solid #730202;} .button.checkout {float: right;} .cart-content .shipping-method {width: 450px;float: right;margin-right: 2px;padding-top: 15px;} .cart-content .shipping-method select {width: 300px;right: right;position: relative;top:-2px;} .cart-content .total-order-msg {width: 450px;float: right;margin-right: 2px;padding: 5px 0;} .cart-total-row .content {clear: both;} .cart-holder .data-table {padding: 5px 0 0 10px;} .cart-holder .data-name {font-weight: 700;padding-right: 10px;} .cart-holder .data-name2 {padding-right: 40px;} .cart-holder .data-table input {width: 200px;height: 19px;line-height: 19px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 12px;} .cart-holder .data-table button, .reg-holder .main-button, .pop-login .main-button {width: 100px;color: #ffffff;font-family: "Arial", "Helvetica", sans-serif;font-size: 15px;padding: 4px 0;text-align: center;display: inline-block;text-decoration: none;border: 1px solid #730202;} .cart-total-row .error-box {padding: 10px 0;margin: 3px;text-align: right;} .cart-total-row .error-message {padding: 5px 0;font-weight: 700;} .cart-total-row .error-box a {color: #666;} .btn-holder {clear: both;} .giftcert-item {width: 100%;} .cart-content .giftcert-item td.col1 {width: 127px;background-color: #fafafa;} .cart-content .giftcert-item td.col1 img {border: 1px solid transparent;margin: 0 0 0 32px;} .cart-content .giftcert-item td.col2 {width: 501px;} .cart-content .giftcert-item td.col3 {width: 55px;} .cart-content .giftcert-item td.col4 {width: 59px;} .cart-content .giftcert-item td.col5 span.market-price {display: block;} .cart-content .giftcert-item h3 {color: #516a00;} .cart-content .giftwrapping-cart {margin: 0 0 0 155px;width: 520px;padding: 10px 0;} .cart-content .giftwrapping-cart label {color: #516a00;font-size: 16px;} .cart-content .giftwrapping-cart .giftwrap-message-text {padding: 10px 0;} .cart-content .giftwrapping-cart .giftwrap-message-label {padding: 0 0 5px 0;} .cart-content .giftwrapping-cart textarea {border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;width: 515px;} /* Checkout */ .checkout-holder {margin: 10px 0;padding: 20px;border: 1px solid #f3f3f3;} .flc-left-dialog {width: 415px;padding: 20px;border: 1px solid #d3d3d3;height: 190px;background: url(../../skin/xtreme_gear/css/../images/menu-tab-bg.png) repeat-x bottom;color: #666;float: left;} .flc-left-dialog .data-table {padding-top: 8px;} .flc-left-dialog .data-table td {padding-bottom: 5px;} .flc-right-dialog {padding: 20px;border: 1px solid #d3d3d3;width: 415px;height: 190px;background: url(../../skin/xtreme_gear/css/../images/menu-tab-bg.png) repeat-x bottom;color: #666;float: right;} .register-table h3 {background-color: #f4f4f4;padding: 5px 0;font-size: 18px;width: 880px;} .flc-left-dialog h2, .flc-right-dialog h2 {font-size: 17px;color: #333;} .flc-left-dialog .simple-button {color: #666;font-weight: bold;} .flc-login-text a {font-weight: bold;} .flc-right-dialog .content {line-height: 120px;} #flc-register-dialog, .reg-holder {padding: 20px;border: 1px solid #d3d3d3;background: url(../../skin/xtreme_gear/css/../images/menu-tab-bg.png) repeat-x bottom;color: #666;width: auto;margin-top: 10px;} #flc-register-dialog .data-name {width: 140px;} .register-exp-section label {display: inline-block;width: 163px;} #ship2diff, #create_account {height: auto;width: auto;padding: 0;} #flc-register-dialog .data-required {width: 5px;} #flc-register-dialog .register-newbie-note, .reg-holder .register-newbie-note {padding: 10px 0;} #flc-register-dialog .register-newbie-note a, .data-table.register-table a {font-weight: 700;text-decoration: none;} .cart-holder #flc-register-dialog .button.main-button span {padding: 0 20px;display: block;} /* Fast Lane Checkout */ .flc-progress-bar2 {background: url(../../skin/xtreme_gear/css/../images/fastline-progress-bar.png) no-repeat;width:680px;height: 36px;list-style: none;list-style-position: outside;margin: 0;padding: 0;} .flc-progress-bar2.flca-cart {background-position: 0 0;} .flc-progress-bar2.flca-account {background-position: 0 -36px;} .flc-progress-bar2.flca-method {background-position: 0 -72px;} .flc-progress-bar2.flca-place {background-position: 0 -108px;} .flc-progress-bar2 li {display: block;float: left;width: 170px;height: 36px;line-height: 36px;font-weight: bold;} .flc-progress-bar2 li span {padding-left: 20px;color: #a6a6a6;} .flc-progress-bar2 li a {padding-left: 20px;display: block;color: #fff;text-decoration: none;} /* Fast Lane Checkout Products */ .flc-checkout-products .shipping-method {text-align: right;font-size: 14px;padding: 10px 0 5px 0;} .flc-checkout-products .cart-content.width-100 {width: 100%;font-size: 13px;} .flc-checkout-products .cart-content.width-100 td {padding: 8px 3px;} .flc-checkout-products .cart-content.width-100 td.cart-column-price, .flc-checkout-products .cart-content.width-100 td.cart-column-total {text-align: right;padding-right: 20px;} .flc-checkout-products .cart-content.width-100 td.cart-column-quantity {text-align: center;} .flc-checkout-products .cart-content.width-100 tr.sbtl-row {padding: 8px 0;font-size: 14px;font-weight: 700;background-color: #e7e7e7;} .flc-checkout-products .cart-content.width-100 tr {background-color: #f9f9f9;} .flc-checkout-products .cart-content.width-100 tr.highlight {background-color: #fff;} .flc-checkout-products .cart-content.width-100 a {font-weight: 800;text-decoration: none;color: #516a00;} .flc-checkout-box-info {padding: 0;} .flc-checkout-box-info .hidden {display: none;} .flc-checkout-box-info h3.grey {background-color: #F4F4F4;padding: 6px 0;height: 100%;margin: 0;} .right-box.padd-tb {padding: 3px 0 10px 0;} .right-box.padd-tb a.simple-button {font-weight: 700;color: #516a00;} .flc-checkout-address-left {width: 450px;float: left;} .flc-checkout-address-right {width: 450px;float: left;margin-left: 37px;} .flc-checkout-address {width: 350px;font-size: 13px;padding-bottom: 20px;} .flc-checkout-address .simple-button {font-weight: 700;position: relative;top:10px;color: #516a00;} .flc-payment-options {padding: 20px 30px 20px 0;} .flc-checkout-box-info textarea {border: 1px solid #ccc;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;width: 600px;font-family: "Arial", "Helvetica", sans-serif;} .flc-checkout-box-info .data-table {width: 100%;padding: 10px 0 10px 0;} .flc-checkout-box-info .data-table h3 {margin: 10px 0;} .terms_n_conditions {padding: 10px 0;font-size: 13px;} .terms_n_conditions a {font-weight: 700;} .halign-center .button.main-button, .save-button button {width: 100px;color: #ffffff;font-family: "Arial", "Helvetica", sans-serif;font-size: 15px;padding: 4px 0;text-align: center;display: inline-block;text-decoration: none;border: 1px solid #730202;} /* Fast Lane Checkout Shipping and Payment Details */ .options-holder {margin: 10px 0;padding: 20px;border: 1px solid #f3f3f3;} .options-holder h3 {background-color: #F4F4F4;padding: 6px 0;margin: 0 0 10px 0;} .options-holder .flc-address {width: 300px;float: left;padding: 10px 0;line-height: 16px;} .options-holder .flc-checkout-options {width: 580px;float: right;padding: 10px 0;} .options-holder .flc-address .simple-button {font-weight: bold;color: #516a00;} .options-holder .checkout-shippings label {display: block;padding: 3px 0;} .options-holder .checkout-payments td {padding: 3px 0;} .options-holder .checkout-payments td.checkout-payment-descr {padding-left: 10px; font-style: italic;} /* Order & Invoice */ .order-holder {margin: 10px 0;padding: 20px;border: 1px solid #f3f3f3;} .order-holder .button-row-right {padding: 0;height: 15px;position: relative;} .order-holder .button-row-right a {font-weight: 800;text-decoration: none;color: #516a00;float: right;} .order-holder h1 {margin-top: -10px;} .order-holder .button-row-left {padding: 0;height: 15px;position: relative;} .order-holder .button-row-left a {font-weight: 800;text-decoration: none;color: #516a00;} .order-holder .dialog.order-text {padding-bottom: 15px;} .invoice-holder {padding: 20px;border: 1px solid #f3f3f3;} .invoice-holder .width-100 {width: 100%;} .invoice-holder hr {border: 0px none;border-top: 1px solid #f3f3f3;clear:both;margin: 5px 0;} .invoice-holder h3 {background-color: #F4F4F4;padding: 6px 0;margin: 0;} .order-invoice {width: 100%;font-size: 13px;clear: both;} .order-holder .move-up {margin: 0;padding: 0;position: relative;top:-45px;} .order-holder .move-up .halign-center {margin: 0;padding: 0;} .order-holder .move-up .button.main-button {float: right;} .invoice-company-icon {width: 450px;} .invoice-title {font-size: 22px;} .invoice-personal-info {padding: 10px 0;} .invoice-address-box {width: 895px;} .invoice-address-1, .invoice-address-2 {width: 440px;padding-bottom: 20px} .invoice-data-box td {width: 250px;padding-bottom: 20px;} .invoice-data-box td.invoice-right-info {width: 250px;text-align: left;padding-left: 300px;vertical-align: bottom;} .invoice-products {padding: 20px 0;width: 895px;} .invoice-products th {background-color: #666;padding: 5px;color: #fff;} .invoice-products td {padding: 5px;} .invoice-products .invoice-price-column {text-align: right; padding-right: 5px;} .invoice-products .invoice-quantity-column {text-align: center;} .invoice-products .invoice-total-column {text-align: right; padding-right: 5px;} .invoice-products .even {background-color: #f6f6f6;} .invoice-totals {width: 435px;float: right;} .invoice-totals td {padding: 5px;text-align: right;font-size: 15px;} .invoice-totals .invoice-total-name {background-color: #f3f3f3;width: 215px;} .invoice-totals .invoice-total-value {background-color: #f3f3f3;font-weight: 900;} .invoice-totals .invoice-total-name-fin {color: #fff;} .invoice-totals .invoice-total-value-fin {color: #fff;} .invoice-line {display: none;} .invoice-bottom-note {text-align: center;padding: 40px 0 10px 0;font-weight: 900;} .order-holder .halign-center {padding: 20px 0 10px 0;} .order-holder .halign-center .button.main-button {width: 200px;} .halign-center a {color: #fff;text-decoration: none;} /* One Page Checkout */ .opc-container {margin: 10px 0;padding: 20px;border: 1px solid #e3e3e3;background: url(../../skin/xtreme_gear/css/../images/slideshow-bg.png) repeat-x 0 bottom;} .opc-container h1 {margin-top: 0;} .opc-container hr {border: 0px none; border-bottom: 1px solid #eee;} .opc-container .address-book-link a {font-size: 14px;color: #444;} .opc-container .address-book-link, .opc-container tr.payment-details td {background-color: #eaeaea;} .opc-container .field-container input, .opc-container #couponform-container #coupon, .opc-container #partner_id {height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 12px;background-color: #fff;} .opc-container .field-container.fill-error input{background-color: #fff;} div.checkout-container textarea {border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 12px;background-color: #fff;width: 270px;height: 100px;max-width: 270px;} div.opc-container .opc-section h2, div.opc-container .opc-section h3 {color: #666;} .opc-container #couponform-container .image-button {position: relative;top: 8px;} ul#opc-sections li.last {width: 286px;} .opc-checkout-profile .button-row {padding-top: 10px;} div.terms_n_conditions {text-align: left;} div.checkout-container .opc-authbox a, div.checkout-container .totals .total-name a, div.checkout-container .cart-content a, div.checkout-container .unset-coupon-link {color: #516a00;font-weight: 700;} .blockMsg #dialog-message {margin-left: -490px;} .blockMsg #dialog-message .message-e {margin: 0;padding: 15px 20px 10px 80px;} input.image-button { margin: 0; padding: 0; margin-bottom: 2px; border: 0 none; width: 19px; height: 18px; background: transparent url(../../skin/xtreme_gear/css/../images/go.gif) no-repeat left top; } /* News */ .news-holder {margin: 10px 0;padding: 20px;border: 1px solid #e3e3e3;background: url(../../skin/xtreme_gear/css/../images/slideshow-bg.png) repeat-x 0 bottom;} .news-holder h1 {margin-top: 0;} .news-list .news-title {font-size: 18px;} .news-list .news-date {float: right;text-align: right;height: 29px;width: 150px;padding-right: 50px;background: lime;background: url(../../skin/xtreme_gear/css/../images/review-calendar.png) no-repeat right 0px;position: relative;top: -6px;line-height: 29px;} .news-item {padding: 12px 0 10px 0;border-top: 1px solid #cccccc;} .news-item.first {border: 0px none;} .news-subscribe h2 {background-color: #F4F4F4;padding: 10px 0 6px 0;margin: 0 0 4px 0;} .news-subscribe .input-email, .pop-login .input-email, .pop-login #password, .pop-address input, .reg-holder.contact-us .data-table td input {width: 280px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 12px;} #antibot_input_str{width: 100px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 12px;} .iv-box .button, .reg-holder .submit-button {border: 0px none;background-color: #fa8003;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;display: inline-block; height: 22px;line-height: 22px;width: 104px;font-family: "Arial", "Helvetica", sans-serif;font-size: 13px;} .reg-holder .submit-button.longer {width: 180px;} /* Reqistration */ .reg-holder, .search-results, .giftcerts, .gift-event-holder {margin: 10px 0;padding: 20px;border: 1px solid #e3e3e3;background: url(../../skin/xtreme_gear/css/../images/slideshow-bg.png) repeat-x 0 bottom;min-height: 200px;} .reg-holder h1, .search-results h1, .giftcerts h1, .gift-event-holder h1 {margin-top: 0;} .reg-holder .register-table input, .txtinp, .reg-holder.authen .data-table #password, .reg-holder.authen .data-table .input-email, .reg-holder.forgot .input-email, .reg-holder.returns .input-id {width: 240px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 12px;} .reg-holder .news-register-item input {width: auto;height: auto;line-height: normal;} .reg-holder .expand-section a {color: #516a00;} .reg-holder #adv_search_box {padding: 5px 0;} .reg-holder #adv_search_box td {padding: 5px;} .reg-holder #adv_search_box td input {width: 70px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 11px;} .reg-holder .content div a {color: #516a00;} .reg-holder .right-box {padding: 10px 0 20px 0;} .reg-holder .title h2 {background-color: #e7e7e7;margin: 0;padding: 5px 0;} .reg-holder .data-table.width-100 {width: 100%;padding: 5px;border: 1px solid #ccc;margin: 10px 0;} .reg-holder .data-table.width-100 th {background-color: #666;color: #fff;line-height: 24px;text-align: left;padding: 5px;} .reg-holder .data-table.width-100 th a {color: #fff;} .reg-holder .data-table.width-100 td a {color: #666;} .reg-holder .data-table.width-100 td {padding: 5px;} .reg-holder .data-table.width-100 .data-right-column {text-align: right;padding-right: 20px;} .reg-holder .data-table.width-100 .highlight td {background-color: #f4f4f4;} .reg-holder .data-table.width-100 .data-checkbox-column {width: 25px;} .reg-holder.authen .data-table td, .reg-holder.forgot .data-table td, .reg-holder.returns .data-table td, .reg-holder.modify-return .data-table td {padding: 5px;} .reg-holder.authen .Button, .reg-holder.authen .data-table .simple-button {color: #516a00;} .reg-holder .button-txt {float: right} .reg-holder .button-txt span {padding-right: 20px;} .reg-holder .button-txt button span {padding-right:0;} /* Returns */ .returns-holder {padding: 20px;border: 1px solid #f3f3f3;margin-top: 10px;} .returns-holder .data-table {width: 100%;padding: 5px;border: 1px solid #ccc;margin: 10px 0;} .returns-holder .data-table th {background-color: #666;color: #fff;line-height: 24px;text-align: left;padding: 5px;} .returns-holder .data-table td {padding: 5px;} .returns-holder label {display: inline-block;padding: 5px 10px 10px 0;} .returns-holder label.txtarea span {display: block;float: left;height: 104px;line-height: 104px;} .returns-holder label span {display: inline-block; width: 180px;} .returns-holder textarea, .mod-returns textarea, .reg-holder.contact-us .data-table textarea, .giftcerts textarea {border: 1px solid #ccc;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;width: 660px;font-family: "Arial", "Helvetica", sans-serif;height: 100px;} .reg-holder.contact-us #message_body {border: 1px solid #aaa;} .reg-holder .buttons1 {width: 230px;float: left;height: 35px;} .reg-holder .buttons2 {width: 650px;float: right;height: 35px;} .reg-holder .buttons1 a, .reg-holder .buttons2 a {border: 0px none;background-color: #999;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;display: inline-block; height: 22px;line-height: 22px;font-family: "Arial", "Helvetica", sans-serif;font-size: 13px;text-align: center;padding: 0 15px; text-decoration: none;} .reg-holder .buttons2 a {float: right;margin-left: 5px;} .reg-holder .content div.buttons1 a, .reg-holder .content div.buttons2 a {color: #fff;} .mod-returns h4 a {color: #516a00; font-size: 12px;} .rma-product-options-box {padding: 0;} .pop-login .data-table td {padding: 5px;} .pop-login .error-label {font-size: 11px;} .pop-address input.inp-checkbox {width: auto;height: auto;line-height: normal;} /* Events */ .event-list {padding: 5px 10px 10px 10px;} .event-params {padding: 10px;border: 1px solid #e3e3e3;background: url(../../skin/xtreme_gear/css/../images/menu-tab-bg.png) repeat-x bottom;} .event-params h3 {background-color: #f4f4f4;padding: 5px 0;margin: 5px 0;font-size: 18px;clear: both;} .event-params .giftreg-menu ul {margin: 0;padding: 5px 0;list-style: none;list-style-position: outside;height: 25px;} .event-params .giftreg-menu ul li a {border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;display: inline-block; height: 24px;line-height: 24px;padding: 0 15px;font-family: "Arial", "Helvetica", sans-serif;font-size: 12px;text-align: center;background-color: #999;text-decoration: none;} .event-params .giftreg-menu ul li {float:none;width:auto;float: left;margin: 0 2px 0 0;padding: 0;} .event-params .giftreg-menu ul li.giftreg-menu-hl-item {list-style: none;} .event-params .giftreg-menu hr {border: 0px; border-bottom:1px solid #e4e4e4;} .event-params .data-table.width-100, .event-params .data-table {padding: 10px 0;} .event-params .data-table.width-100 td, .event-params .data-table td {padding: 3px;} .event-params .text-block {padding: 5px 0;} .event-params .text-in0, .event-params .text-in2 {border: 1px solid #ccc;} .event-params .giftreg-gb-hl {background-color: #f8f3f3;padding: 5px;} .event-params .giftreg-gb-hl a {font-weight: bold;} .event-params .buttons-row span {line-height: normal;} .event-params .yes-button.longer {width: 180px;position: relative;top:-1px;} .giftreg-events-list {padding: 5px 0;} .giftreg-events-list td {padding: 5px;} .giftreg-events-list th {background-color: #666;color: #fff;line-height: 24px;text-align: left;padding: 5px;} .giftreg-events-list tr.odd {background-color: #f4f4f4;} .giftreg-event-name a {color: #516a00;text-decoration: none;font-size: 13px;} .giftreg-event-center a {color : #666;} .giftreg-events-counter {color: #666; font-size: 11px;} .gift-event-holder .no-button {width: 150px;} .gift-event-holder .no-button span {line-height: normal;} .gift-event-holder .yes-button a {color: #fff; text-decoration: none;} /* Dropout */ .dropout-wrapper {float: right;width: 126px;height: 27px;} .drop-out-button.activated-widget div {color: #fff;display: block;width: 124px;height: 27px;line-height: 27px;font-size: 15px;border: 0px none;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;background-color: #333;text-align: center;position: relative;left: 2px;cursor: default;} .dropout-box {display: none;position: absolute;z-index: 10000;background-color: #fff;border: 1px solid #999;} .dropout-box ul {margin: 0;padding: 10px;list-style: none;list-style-position: outside;} .dropout-box .giftreg-add-form-label {padding: 10px 0 0 0;} .dropout-box .giftreg-add-form-container .yes-button {width: auto;padding: 0 15px;} /* Wishlist */ .wlist {padding: 0 0 20px 0;} .wlist td.col1 {background: none;vertical-align: top;} .wlistt td.col1 img {border: 1px solid #f6f6f6;} .wlist td.col2.alt, .wlist td.col3.alt, .wlist td.col4.alt, .wlist td.col5.alt {background: none;} .wlist td.col2, .wlist td.col3, .wlist td.col4, .wlist td.col5 {background: #fafafa;} .wlist td.col2 {padding: 5px 20px;} .wlist td.col2 h3 {margin: 0;padding: 0 0 5px 0;font-size: 17px;font-weight: 900;} .wlist td.col2 h3 a {color: #516a00;text-decoration: none;} .wlist td.col2 p {color: #666;margin: 0;padding: 0;} .wlist td.col2 .no-button {width: auto;padding: 0 15px;} .wlist td.col3 {text-align: center;padding: 0 10px;width: 30px;} .wlist td.col4 {text-align: center;padding: 0 10px;width: 60px;} .wlist td.col4 input.text {width: 26px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 12px;text-align: center;} .wlist td.col5 {width: 100px;font-size: 12px;font-weight: 900;text-align: center;color:#666;} .wlist td.col5 span.market-price {display: block;} .wlist td.col5 span.currency {font-size: 17px;} .wlist .simple-delete-button {width: 24px;height: 23px;text-indent: -9999px;text-decoration: none;background: url(../../skin/xtreme_gear/css/../images/btn-delete.png) no-repeat 0 0;display: inline-block;} .wlist .refresh {width: 23px;height: 24px;text-indent: -9999px;text-decoration: none;background: url(../../skin/xtreme_gear/css/../images/btn-refresh.png) no-repeat 0 0;display: inline-block;border: 0px none;} .wlist .wish-spacer {padding: 10px 0 8px 0;} .wlist .giftreg-selector td {padding: 5px;} .wishlist-sendlist {padding: 0 0 20px 0;} .wishlist-sendlist td {padding: 3px;} .wishlist-sendlist input.input-email {width: 280px;} .wishlist-sendlist .yes-button {position: relative; top: 2px;width: auto; padding: 0 15px;} .no-button.wish-clr {background-color: #eee;width: auto;padding: 0 15px;} .no-button.wish-clr a {color: #999;} .button-row.padtop .no-button.wish-clr a {color: #fff;} /* 403 */ .er403 a {color: #516a00;} .er403 hr {border: 0px; border-bottom:1px solid #e4e4e4;} .er403 .links {margin: 0;padding: 30px 0 0 0;list-style: none;list-style-position: outside;height: 25px;} .er403 .links li a {border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;display: inline-block; height: 24px;line-height: 24px;padding: 0 15px;font-family: "Arial", "Helvetica", sans-serif;font-size: 12px;text-align: center;background-color: #999;text-decoration: none;} .er403 .links li {float:none;width:auto;float: left;margin: 0 2px 0 0;padding: 0;} /* Help Index */ .help-index {margin: 0;padding: 30px 0 0 0;list-style: none;list-style-position: outside;height: 25px;} .help-index li a {border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;display: inline-block; height: 24px;line-height: 24px;padding: 0 15px;font-family: "Arial", "Helvetica", sans-serif;font-size: 12px;text-align: center;background-color: #999;text-decoration: none;} .help-index li {float:none;width:auto;float: left;margin: 0 2px 0 0;padding: 0;} /* Contact Us */ .reg-holder.contact-us form {width: 500px;float: left;} .reg-holder.contact-us .contact-details {float: right;width: 420px;} .reg-holder.contact-us .contact-details h3 {background-color: #f4f4f4;padding: 5px 0;margin: 0;font-size: 18px;} .reg-holder.contact-us .contact-details ul {list-style: none;list-style-position: outside;margin: 0;padding: 10px 0;} .reg-holder.contact-us .contact-details ul li {padding: 0 0 3px 0;} .reg-holder.contact-us .contact-details ul li.pato {padding: 10px 0 3px 0;} .reg-holder.contact-us .data-table td {padding: 3px;} .reg-holder.contact-us .data-table .data-name {width: 160px;} .reg-holder.contact-us .data-table textarea {height: 160px; width: 280px;} .reg-holder.contact-us .main-button span.button-right {position: relative;top:-3px;} /* Banners */ .banners-wrap {display: table;} .banner-01 {float: left; border: 0px none; margin-top:8px;} .banner-02 {float: right; border: 0px none; margin-top:8px;} .banner-01 a, .banner-01 img {border: none;} /* Search */ .results-found {width: 600px;float: left;} .search-again {width: 150px;float: right;text-align: right;} #products-list.search-list .item {margin: 0 0 15px 88px;} #products-list.search-list {margin-left: -79px;} .search-results .simple-button, .search-results .right-box a, .search-results .expand-section a {color: #516a00;} .search-results .adv-search .width-100 td {padding: 5px;} .search-results .adv-search .text-in0, .search-results .adv-search .text-in1, .text-in1, .text-in0, .text-in2, .text-in3, .giftcerts #recipient_zipcode {width: 100px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 12px;} .search-results .adv-search .text-in0, .text-in0 {width: 280px;} .text-in2 {width: 200px;} .text-in3 {width: 25px;} /* Gift Certs */ .giftcerts h2 {clear: both;background-color: #f4f4f4;padding: 5px 0;margin: 5px 0;font-size: 18px;} .giftcerts .content {padding:4px 0;} .giftcert-h-separator hr {border: 0px; border-bottom:1px solid #e4e4e4;} /* CATEGORIES & BRANDS ALL */ .cat-all-list h1, .brands-all-list h1 {font-size: 26px;font-weight: 500;} .cat-all-block, .brands-all-block {border: 1px solid #ccc; padding: 2px 2px 6px 2px;background: url(../../skin/xtreme_gear/css/../images/slideshow-bg.png) repeat-x 0 bottom;margin: 10px 0 10px 0;} .cat-all-block h2, .brands-all-block h2 {margin: 0;padding: 0 20px;background: #f6f6f6;height: 32px;line-height: 32px;font-size: 20px;font-weight: 100;} .cat-all-block h2 a, .brands-all-block h2 a {color: #333; text-decoration: none;} .cat-all-block ul {float: left;padding: 15px 0 10px 20px;margin: 0;list-style: none;list-style-position: outside;font-size: 12px;font-family: Verdana, "arial", "helvetica", sans-serif;} .cat-all-block ul li {margin: 0;padding: 0 0 1px 0;width: 170px;line-height: 18px;} .cat-all-block ul li a {color: #333; text-decoration: none;} .cat-all-block ul li a:hover {color: #000; text-decoration: underline;} .brands-all-block ul {padding: 10px 0 0 20px;margin: 0;list-style: none;list-style-position: outside;font-family: Verdana, "arial", "helvetica", sans-serif;} .brands-all-block ul li {margin: 0 40px 20px 0; display: block; float: left; width: 150px; max-height: 100px;} .brands-all-block ul h3 {margin: 0;padding: 8px 0 0 0;font-size: 11px;font-weight: bold;text-align: center;} .brands-all-block ul h3 a {color: #333; text-decoration: none;} .brands-all-block ul li img {margin: 0 auto;display: block;border: 0px none;} .brand-holder {margin: 10px 0;padding: 20px;border: 1px solid #e3e3e3;background: url(../../skin/xtreme_gear/css/../images/slideshow-bg.png) repeat-x 0 bottom;min-height: 200px;} .brand-holder h1 {margin-top: 0;} .brand-holder .text-block {font-family: Tahoma, Geneva, sans-serif; font-size: 14px; padding: 0 0 10px 0;} .brand-holder .text-block a.brand-link {float: left;} .brand-holder .text-block img {float: left;margin: 0 10px 0 0;} .brand-holder ul.decription-float {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;width: 755px;margin: 0;padding: 5px 5px 5px 0;color: #666;list-style-type: none;list-style-position: outside;float: left;line-height: 16px;} .brand-holder ul.decription-float li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 0 0 0 20px;padding: 0 30px 5px 20px;} .brand-holder #products-list .item {margin-right: 35px;} /* Products ALL */ .product-map-holder {margin: 10px 0;padding: 20px;border: 1px solid #e3e3e3;background: url(../../skin/xtreme_gear/css/../images/slideshow-bg.png) repeat-x 0 bottom;min-height: 200px;} .product-map-holder h1 {margin-top: 0;} .pmap_letters a, .pmap_letters span {display: block;float: left;margin: 0 2px 2px 0;background: #fff;font-size: 118%;padding: 3px 6px;color: #333;} .pmap_letters span.pmap_current {border: 1px solid #666;background: #FB8103;font-weight: bold;color: #fff;} .pmap_letters span.pmap_disabled {border: 1px solid #c7c5c5;background: #fff;text-decoration: none;color: #c7c5c5;} .pmap_letters a:link, .pmap_letters a:visited, .pmap_letters a:active, .pmap_letters a:hover {border: 1px solid #c7c5c5;text-decoration: none;} .pmap_letters a:hover {border-color: #FB8103;} .pmap_letters {padding: 0 0 30px 0;clear: left;} .product-map-holder #products-list .item {margin-right: 40px;} #product_thumbnail {margin: 0 auto;display: block;} /* Sitemap */ #Sitemap_Categories {margin: 0;padding: 0;} #Sitemap_Categories h4, #Sitemap_Manufacturers h2, #Sitemap_Pages h2 {margin: 0;padding: 0 20px;background: #f6f6f6;height: 32px;line-height: 32px;font-size: 20px;font-weight: 100;} #Sitemap_Categories h4 a {color: #333; text-decoration: none;} #Sitemap_Categories h5 {font-size: 12px;font-weight: bold;margin: 0;padding: 3px 0;} #Sitemap_Categories h5 a {color: #444;} #Sitemap_Categories .sitemap_categories_sub {margin: 0;padding: 0;} #Sitemap_Categories .sitemap_categories_sub ul {padding: 5px 23px;} .sitemap_section, .sitemap_categories_sub {list-style: none;list-style-position: outside;} .sitemap_section a {color: #555;text-decoration: none;} .sitemap_products {list-style: none;list-style-position: outside;} .sitemap_products li {padding: 0 0 3px 0;} .sitemap-cat-main, #Sitemap_Manufacturers, #Sitemap_Pages {border: 1px solid #ccc; padding: 2px 2px 15px 2px;background: url(../../skin/xtreme_gear/css/../images/slideshow-bg.png) repeat-x 0 bottom;margin: 10px 0 10px 0;font-size: 11px;} #Sitemap_Pages .sitemap_item {list-style: none;list-style-position: outside;margin: 0;padding: 7px 0 3px 0;} #Sitemap_Pages .sitemap_item li {width: 45%;float: left;padding: 2px 0 2px 23px;} #Sitemap_Manufacturers .sitemap_manufacturers {list-style: none;list-style-position: outside;margin: 0;padding: 7px 0 3px 0px;} #Sitemap_Manufacturers h3 {font-size: 12px; font-weight: bold;clear: both;margin: 0;padding: 5px 0 4px 22px;} #Sitemap_Manufacturers .sitemap_products {margin: 0;padding: 0 0 3px 0;} #Sitemap_Manufacturers .sitemap_products li {width: 45%; float: left;padding: 0 0 3px 23px;} /* Common Definitions */ .clear {clear: both;} .clear2 {clear: both;height: 20px;} .clear3 {clear: both;height: 10px;font-size: 20px;font-weight: 100;} .separator {background-color: #fff;height: 12px;clear: both; margin-top: 10px;} .separator1 {background-color: #fff;height: 12px;clear: both;margin-top:12px;} .c {text-align: center;} .product-clear {background: url(../../skin/xtreme_gear/css/../images/product-line-bg.png) no-repeat 0 18px;height: 15px;clear: both;} .product-clear3 {height: 5px;clear: both;} .pad-t {padding-top: 10px;} .hasDatepicker {width: 70px;height: 18px;line-height: 18px;border: 1px solid #aaa;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;font-size: 11px;} .yes-button, .search-results .main-button, .no-button, .giftcerts .main-button, .giftcerts .wishlist-button, .giftwrapping-cart .light-button, .event-params .button {border: 0px none;background-color: #fa8003;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;display: inline-block; height: 24px;line-height: 24px;width: 105px;font-family: "Arial", "Helvetica", sans-serif;font-size: 13px;text-align: center;} .giftcerts .main-button {width: 176px;} .no-button {position: relative;top: -1px;} .no-button, .giftcerts .wishlist-button {background-color: #999;} .no-button a {text-decoration: none;color: #fff;} .giftwrapping-cart .light-button {width: auto;padding: 0 15px;} .txtarea1, .txtarea2 {border: 1px solid #ccc;background: url(../../skin/xtreme_gear/css/../images/input-shadow.png) repeat-x 0 0;width: 500px;height: 100px;} .txtarea2 {height: 250px;} .padtop {padding-top: 10px;} .img-main-holder img, #thumblist img, .zoomPad {border: 0px none;} .cart-holder .register-table .news-register-item input.inp-no-border {background-image: none;width: 13px;height: 13px;} .buttons-auto-separator button {margin-right: 3px;} .clearing { height: 0; font-size: 0; clear: both; } #info-lang { cursor: pointer; } #languages { position: absolute; z-index: 9999; background-color: #f2f2f2; padding:5px 10px 5px 10px; clear: both; display: none; border:1px solid #ccc; border-top:0px; } #languages ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; } #languages ul a { background-image: none; } #languages ul li { padding: 3px 0 3px 0; } a.language-code img, .language-code img.language-code-out { padding: 2px; border: 0 none; } strong.language-code img, .language-code-over { padding: 1px !important; border: solid 1px #ccc !important; } /* ========================================================== MX1 Canada Footer System Homepage Redesign July 2026 Contains: - Newsletter / signup - Custom full-width footer - Footer copyright Notes: - Legacy Xtreme quick-links footer CSS removed. - Legacy footer navigation CSS removed. - Footer columns use floats instead of flex/gap for stable spacing inside the old X-Cart 980px layout. ========================================================== */ /* ------------------------------ Newsletter / Signup ------------------------------ */ .social-signup { clear: both; position: relative; width: auto; margin: 0 -9999px 0 -9999px; padding: 50px 9999px 48px 9999px; background: #141719 url(../../skin/xtreme_gear/css/../images/newsletter_homepage.jpg) no-repeat right bottom; border-top: 0; border-bottom: 1px solid #ff6600; box-shadow: inset 0 1px 0 rgba(255,102,0,.55); overflow: hidden; } /* Hide the old social icons */ .social { display: none; } .signup { width: 980px; float: none; height: auto; margin: 0 auto; color: #666666; text-align: center; } .signup p { position: static; float: none; width: auto; overflow: visible; margin: 0; padding: 0; font-size: 15px; line-height: 24px; color: #dddddd; } /* Newsletter heading */ .mx1-newsletter-title { display: block; margin: 0 0 8px 0; color: #ffffff; font-size: 25px; line-height: 31px; font-weight: 800; letter-spacing: .4px; text-shadow: 0 2px 6px rgba(0,0,0,.45); } /* Newsletter description */ .mx1-newsletter-text { display: block; max-width: 560px; margin: 0 auto; color: #f2f2f2; font-size: 16px; line-height: 25px; } .signup a.signup-link { display: inline-block; width: auto; height: auto; float: none; position: static; margin-top: 22px; padding: 14px 54px; background: #ff6600; border-radius: 4px; box-shadow: 0 4px 14px rgba(0,0,0,.25); color: #ffffff; font-size: 16px; line-height: 20px; font-weight: bold; text-decoration: none; text-transform: uppercase; } .signup a.signup-link:before { content: "Sign Up"; } .signup a.signup-link:hover { background: #e85d00; } .signup a.signup-link em { display: none; } /* ------------------------------ Custom Footer Main ------------------------------ */ .mx1-footer-main { clear: both; width: auto; margin: 0 -9999px 0 -9999px; padding: 0 9999px; background: #15191b; border-top: 0; } .mx1-footer-inner { width: 980px; margin: 0 auto; padding: 32px 0 42px 0; } .mx1-footer-column { float: left; width: 150px; min-width: 0; margin: 0 70px 0 0; padding: 0; } .mx1-footer-column:nth-child(3) { width: 220px; } .mx1-footer-about { width: 250px; margin-right: 0; } .mx1-footer-column h3 { margin: 0 0 10px 0; padding: 0; color: #ffffff; font-size: 15px; line-height: 22px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; } .mx1-footer-column ul { margin: 0; padding: 0; list-style: none; } .mx1-footer-column li { margin: 0 0 7px 0; padding: 0; } .mx1-footer-column a { color: #d7d7d7; font-size: 13px; line-height: 18px; text-decoration: none; } .mx1-footer-column a:hover { color: #ff6600; text-decoration: none; } .mx1-footer-about p { margin: 0 0 12px 0; padding: 0; max-width: 250px; color: #bbbbbb; font-size: 13px; line-height: 24px; } .mx1-footer-button { display: inline-block; margin-top: 10px; padding: 10px 18px; background: #ff6600; border-radius: 4px; color: #ffffff !important; font-size: 13px; line-height: 18px; font-weight: 700; text-transform: uppercase; text-decoration: none; } .mx1-footer-button:hover { background: #e85d00; color: #ffffff !important; } /* ------------------------------ Footer Copyright ------------------------------ */ .footer-inner { width: 980px; margin: 0 auto; } .footer-bottom-wrap { clear: both; width: auto; height: auto; margin: 0 -9999px; padding: 0 9999px; background: #15191b; } .footer-bottom-wrap .footer-inner { width: 980px; margin: 0 auto; } .footer-bottom-text { float: none; width: auto; height: auto; color: #aaaaaa; font-size: 12px; text-align: center; border-top: 1px solid rgba(255,255,255,.08); } .footer-bottom-text p { margin: 0; padding: 18px 0; } .footer-bottom-icons { float: right; width: auto; height: auto; } /* ================================== RED SKIN ========================================== */ body {background: url(../../skin/xtreme_gear/css/../images/skin-red/body-bg.png) repeat-x 0 0;} #navi-main-categories {background: url(../../skin/xtreme_gear/css/../images/skin-red/navi-categories-bg.png) #990000 repeat-x bottom left;} #navi-main-speed li.first a {background: url(../../skin/xtreme_gear/css/../images/skin-red/navi-speed-first-bg-new.png) repeat-x 0 0;} .infop3 a {background: url(../../skin/xtreme_gear/css/../images/skin-red/arrow-01-right.png) no-repeat 0 6px;} .infop4 a {background: url(../../skin/xtreme_gear/css/../images/skin-red/info-submit-bg.png) no-repeat 0 0;} .infop5 a {background: url(../../skin/xtreme_gear/css/../images/skin-red/arrow-01-bottom.png) no-repeat right 6px;} #breadcrumbs li a {color: #7a0000; background: url(../../skin/xtreme_gear/css/../images/skin-red/arrow-02-right.png) no-repeat right 3px;} .quick-links .quick-xbanner-text, .separator, .separator1, .product-description-left .product-submit, .cart-content .subtotal dl, .flc-checkout-products .subtotal dl, .info-panel .cart-cnt .cart-checkout-links a.info-checkout, .send-form-submit .button, .address-container li .delete-button, .button.clear, .button.checkout, .cart-holder .data-table button, .reg-holder .main-button, .pop-login .main-button, .halign-center .button.main-button, .save-button button, .invoice-totals .invoice-total-name-fin, .invoice-totals .invoice-total-value-fin, .reg-holder .submit-button.delete {background-color: #990000;} .quick-links ul li h3, .product-description-left label em, .product-description-left h2, .minicart-box ul.cart-items li a.minicart-others, #navi-main-categories li .sub-menu .sub-column ul li a:hover, .review-info span a, .send-friend ul label em, .cart-content .total dl, .flc-checkout-products .total dl, .poptions-list a.simple-button, .cart-total-row .error-message, .data-required, .flc-login-text a, #flc-register-dialog .register-newbie-note a, .data-table.register-table a, .terms_n_conditions a, .iv-box a:link, .iv-box a:visited, .iv-box a:hover, .iv-box a:active, .pop-login .error-label, .event-params .giftreg-gb-hl a, .reg-holder.contact-us .content div a {color: #990000;} .iv-box a:link, .iv-box a:visited, .iv-box a:hover, .iv-box a:active {border-bottom: 1px dashed #990000;} #thumblist li a.zoomThumbActive {border: 1px solid #990000;} .footer-navi-wrap {background-color: #1a1a1a;} .separator2 {background-color: #1a1a1a;height: 3px;} /* ================================== Images Preview ========================================== */ .images-preview-bg { background: transparent url(../../skin/xtreme_gear/css/../images/grey.png) repeat left top; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; } .images-preview { position: absolute; top: 50px; right: 50px; bottom: 50px; left: 50px; background: #fff none; border: 5px solid #e3e3e3; overflow: hidden; min-width: 700px; min-height: 500px; z-index: 4000; } .images-preview .wait { position: absolute; top: 30px; right: 0; bottom: 30px; left: 0; background: #fff url(../../skin/xtreme_gear/css/../images/loading.gif) no-repeat center center; z-index: 1500; } .images-preview a.close { position: absolute; top: 9px; right: 11px; background: transparent url(../../skin/xtreme_gear/css/../images/close_images_preview.gif) no-repeat left center; padding-left: 12px; padding-bottom: 2px; font-size: 11px; color: #4e4e4e; text-decoration: none; outline-style: none; text-transform: lowercase; } .images-preview .list-box { margin: 50px 50px 0; padding: 0; text-align: center; position: relative; border: 1px solid #fff; } .images-preview a.arrow { position: absolute; display: block; width: 13px; height: 13px; outline-style: none; cursor: pointer; } .images-preview a.hidden { display: none; } .images-preview a.left { left: 0; background: transparent url(../../skin/xtreme_gear/css/../images/arrow_left.gif) no-repeat left center; } .images-preview a.right { right: 0; background: transparent url(../../skin/xtreme_gear/css/../images/arrow_right.gif) no-repeat right center; } .images-preview a.left-disabled { background: transparent url(../../skin/xtreme_gear/css/../images/arrow_left_disabled.gif) no-repeat left center; cursor: auto; } .images-preview a.right-disabled { background: transparent url(../../skin/xtreme_gear/css/../images/arrow_right_disabled.gif) no-repeat 6px center; cursor: auto; } .images-preview div.list-subbox { margin: 0; padding: 0; overflow: hidden; position: relative; text-align: center; } .images-preview ul { list-style: none; margin: 0; padding: 0; text-align: center; vertical-align: middle; position: absolute; } .images-preview ul li { display: block; padding: 0; margin: 0 12px; border: 1px solid #fff; background: transparent none; text-align: center; vertical-align: middle; float: left; cursor: pointer; } .images-preview ul li.over, .images-preview ul li:hover { border: 1px solid #ccc; } .images-preview ul li.selected { border: 1px solid #215485; } .images-preview ul li img { display: inline; text-align: center; vertical-align: middle; } .images-preview ul li.loading { background-image: url(../../skin/xtreme_gear/css/../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .images-preview ul li.loading img { display: none; } .images-preview .box { position: relative; margin: 50px; vertical-align: middle; text-align: center; background: transparent none; } .images-preview .box.loading { background-image: url(../../skin/xtreme_gear/css/../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .images-preview .box img { cursor: pointer; vertical-align: middle; text-align: center; } /* Comparison list */ #left-side { float: left; width: 190px; } .comp-list-holder { width: 190px; height: auto; } .comp-list-holder h3 { font-size: 11px; font-weight: 900; margin: 0; padding: 10px 0 10px 20px; font-family: Verdana; } .comp-list-content { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #EEE7DD; } .comp-list-content ul { margin: 0; padding: 0; list-style-position: outside; list-style: none; } .comp-list-content ul li { padding: 3px 20px 3px 20px; clear: both; } .fcomp-subtitle { padding: 8px 20px 8px 20px; margin: 0; font-weight: 700; } .comp-list-content .delete-icon { width: 17px; height: 17px; float: right; } .comp-list-content .comp-item { width: 130px; float: left; text-decoration: none; color: #333; } .comp-list-content hr { border: 0px none; border-top: 1px solid #fff; height: 1px; margin: 0 20px 0 0; padding: 0; } .comp-list-content ul.simple-list-left { padding: 5px 0 0 0; } .comp-list-content ul li.item-left { padding-bottom: 10px; } .fcomp-menu-link { text-decoration: none; font-weight: bold; color: #333; } .comp-list-content .compare-button, .fcomp-compare-buttons button { border: 0px none; background-color: #666666; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; display: inline-block; height: 22px; width: 105px; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; text-align: center; } .fcomp-compare-buttons button { width: auto; padding: 0 15px; height: 24px; } .fcomp-compare-buttonss { height: 24px; clear: both; position: relative; top: -81px; } .fcomp-compare-buttons { height: 34px; clear: both; } .fcomp-checkbox-box { background: transparent url(../../skin/xtreme_gear/css/../images/bg-white-75.png) repeat 0 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 130px; position: relative; top: -118px; left: 5px; } /* Comparison chart */ .comp-cart-holder { padding: 20px; border: 1px solid #f3f3f3; margin-top: 10px; } .fcomp-xy, .fcomp-yx { border: 1px solid #f3f3f3; padding: 10px; margin: 10px 0; } .fcomp-xy td, .fcomp-yx td { padding: 3px; } .fcomp-empty { background-color: #d1d1d1; } .fcomp-xy .fcomp-corner, .fcomp-yx .fcomp-corner { background-color: #d1d1d1; width: 215px; } .fcomp-xy td.fcomp-title, .fcomp-yx td.fcomp-title { background-color: #d1d1d1; padding: 10px 3px; font-size: 14px; } .fcomp-xy .fcomp-title-h, .fcomp-yx .fcomp-title-h { width: 100px; vertical-align: text-top; text-align: center; background-color: #fafafa; font-weight: bold; } .fcomp-title-v { background-color: #fafafa; } .fcomp-yx .fcomp-title-v { font-weight: bold; } .fcomp-xy .fcomp-title-h a, .fcomp-yx .fcomp-title-v a{ color: #668600; text-decoration: none; font-weight: bold; } .fcomp-xy .fcomp-hl-cell, .fcomp-yx .fcomp-hl-cell { text-align: center; vertical-align: middle; } .fcomp-xy .fcomp-cell, .fcomp-yx .fcomp-cell { text-align: center; vertical-align: middle; background-color: #fff8f1; } .fcomp-delete-cell a, .fcomp-select-box button { border: 0px none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; display: inline-block; height: 22px; text-decoration: none; padding: 0 15px; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; text-align: center; } .fcomp-delete-cell a { background-color: #666666; line-height: 22px; } .fcomp-select-box button { background-color: #FB8103; } .fcomp-center-note { text-align: center; vertical-align: middle; } .fcomp-toolbar { padding: 2px 0 2px 0; clear: both; } .fcomp-show-not-equal { width: 24px; height: 24px; background: transparent url(../../skin/xtreme_gear/css/../images/nofiltr.png) no-repeat; } .fcomp-show-equal { width: 24px; height: 24px; background: transparent url(../../skin/xtreme_gear/css/../images/filtr.png) no-repeat; } .fcomp-axis { width: 24px; height: 24px; background: transparent url(../../skin/xtreme_gear/css/../images/change.png) no-repeat; } .fcomp-popup-link { width: 24px; height: 24px; background: transparent url(../../skin/xtreme_gear/css/../images/popup.png) no-repeat; } .comp-cart-holder .sort-box { float: right; } .comp-cart-holder .sort-box a { color: #668600; } a img.fcomp-in-cart { width: 16px; height: 18px; background: transparent url(../../skin/xtreme_gear/css/../images/in_cart.png) no-repeat; } .fcomp-compare-with-title { padding: 3px 0 3px 0; font-size: 11px; color: #666; } .fcomp-select-box { margin-right: 5px; } .fcomp-select-box .image-button { display: block; float: left; margin-left: 8px; } .fcomp-select-box select { display: block; float: left; } /* Special Offers Short List */ .offers-short-list {border: 1px solid #DDD;margin: 8px 0 8px 0;clear: both;background-color: #FDFDFD;} .offers-short-list .clearing {clear: both;} .offers-short-list .offers-cell {padding: 5px;float: left;} .offers-short-list .offers-cell a {text-decoration: none;font-size: 11px;color: #666;} .offers-short-list .offers-cell a:hover {color: #333;} .offers-short-list .offers-more-info {padding: 0 5px 5px 5px;text-align: right;} .offers-short-list .offers-more-info a {color: #990000;font-weight: bold;text-decoration: none;font-size: 11px;} .offers-short-list .offers-cell a strong {font-weight: bold;} .scart-offer {color: #666;} .scart-offer h2 {margin: 0;padding: 10px 0;color: #333;font-size: 18px;} .scart-offer p {margin: 0;padding: 0 20px 10px 20px;} .scart-offer-toget {padding: 0 20px 10px 20px;} .scart-offer-toget em {font-size: 14px;font-style: normal;} .scart-offer-toget em a {font-weight: bold;color: #990000;font-size: 18px;text-decoration: none;} /* Special Offers All */ .spoff-holder {margin: 10px 0;padding: 20px;border: 1px solid #e3e3e3;background: url(../../skin/xtreme_gear/css/../images/slideshow-bg.png) repeat-x 0 bottom;min-height: 200px;} .spoff-holder .no-button {width: auto;padding: 0 15px;} /* Free Offers */ .free-offers {padding: 20px 0;color: #666;} .free-offers table td {padding: 4px;background-color: #FCFCFC;} .free-offers h2 {margin: 0;padding: 10px 0;font-size: 20px;} .free-offers h2 em {font-size: 12px;font-weight: 500;} .free-offers .offers-more-info, .free-offers .offers-remaining-balance {text-align: center;width:120px;} .free-offers .offers-more-info a{color: #990000;font-weight: bold;text-decoration: none;} .cart-free-offer-title {font-weight: bold;} /* Bonuses */ .offers-bonuses-page .simple-button {color: #4C7BAA;} .offers-bonuses-page h3 {background-color: #F4F4F4;padding: 5px 0;font-size: 18px;margin: 10px 0;} .offers-bonuses-page .yes-button {width: auto;padding: 0 20px;margin-top: 10px;} .rev-form-text1.short {width: 100px;} #exception_msg {clear: both;margin-left: 56px;color: red;padding-bottom: 0px;} /* Make Model Year Buttons */ .mmy-buttons1 {font-size: 13px;font-weight: 500;display: inline;width: 125px;height: 20px;line-height: 20px;background: url(../../skin/xtreme_gear/css/../images/mmy-button.png) no-repeat 0 0;color:#ffffff;float: left;text-decoration: none;position: relative;border: 0px none;} .mmy-buttons2 {font-size: 13px;font-weight: 500;display: inline;width: 125px;height: 20px;line-height: 20px;background: url(../../skin/xtreme_gear/css/../images/mmy-button.png) no-repeat 0 0;color:#ffffff;float: right;text-decoration: none;position: relative;border: 0px none;} /* Pop Up Add to Cart */ #popup_add_to_cart, #popup_opc { display: none; } #popup_addtocart { text-align: left; font-size: 13px; } #popup_addtocart hr { background: #0969a2; height: 1px; margin: 10px 0 25px 0; padding: 0; border: 0 none; } #popup_addtocart .main-title, #popup_addtocart .sub-title { height: 10px; line-height: 10px; margin-bottom: 5px; } #popup_addtocart .main-title img { margin-right: 10px; vertical-align: top; } #popup_addtocart .main-title span { font-size: 25px; font-weight: bold; color: #0969a2; } #popup_addtocart .sub-title img { margin-right: 10px; vertical-align: top; } #popup_addtocart .sub-title span { font-size: 16px; font-weight: bold; font-style: italic; color: #0969a2; } #popup_addtocart span.product { font-size: 15px; font-weight: bold; } #popup_addtocart table tr td.brdr { border-bottom: 1px dashed #aaaaaa; } #popup_addtocart .brdr-price { text-align: right; color: #0969a2; font-weight: bold; } #popup_addtocart a { color: #2C3E49; font-weight: bold; text-decoration: none; } #popup_addtocart a:hover { text-decoration: underline; } #popup_addtocart .buttons_row { text-align: right; } #popup_msgs { text-align: left; line-height: 1.5; font-size: 13px; } #popup_msgs .title { height: 48px; line-height: 48px; margin-bottom: 15px; font-size: 20px; font-weight: bold; padding-left: 70px; } #popup_msgs .error { background: transparent url(../../skin/xtreme_gear/css/../../common_files/images/icons/error.png) no-repeat top left; } #popup_msgs .warning { background: transparent url(../../skin/xtreme_gear/css/../../common_files/images/icons/warning.png) no-repeat top left; } #popup_msgs .information { background: transparent url(../../skin/xtreme_gear/css/../../common_files/images/icons/info.png) no-repeat top left; } #popup_msgs hr { background: #a1a1a1; height: 1px; margin: 10px 0 25px 0; padding: 0; border: 0 none; } #popup_msgs span.dc-applied { color: #0969a2; font-size: 14px; font-weight: bold; } #popup_msgs span.dc-deleted { color: #0969a2; font-size: 14px; font-weight: bold; } /* description product - Modern Living*/ .description-product { float:right; width:463px; padding-top:10px; } .description-product .param-holder { overflow:hidden; height:1%; padding-right:15px; } .description-product .order { float:left; width:297px; padding-left:3px; } table.product-properties .product-price-value { color: #b51a00; font-weight: bold; font-size: 16px; font-family: verdana; white-space: nowrap; } table.product-properties .product-market-price { color: #242424; padding-left: 5px; font-size: 12px; font-family: verdana; white-space: nowrap; font-weight: bold; } table.product-properties .product-taxed-price { color: #383838; white-space: nowrap; font-weight: normal; vertical-align: bottom; } table.product-properties .product-input { height: 25px; padding-right: 10px; } .description-product h1 { margin:0; color:#575757; font-size:25px; font-weight:normal; } .description-product h2 { font:22px Tahoma, Geneva, sans-serif; color:#dd6619; margin:2px 0 2px; } .description-product h3 { font:16px Tahoma, Geneva, sans-serif; color:#c2c2c2; margin:2px 0 2px; } /* CFL Systems Product Quick View*/ .display_inline { display: center; } .display_inline a { text-decoration: none; font-size: 11px; } span.ver_divider { color: #aaaaaa; } /* CFL Systems Product Quick View END*/ /* products page layout START */ .products { margin: 0; border: 1px solid #EBEBE0; } .products-table .image { margin: 5px 0; padding: 0; text-align: center; } .products .price-row { text-align: center; font-size: 13px;font-weight: bold; padding-bottom: 3px; } .products .price-row2 { text-align: center; font-size: 11px; } .products .view-buy { text-align: center; font-size: 11px; } .products-table td.product-cell-buynow .button-row { text-align: center; } .products-table td.product-cell-buynow { padding-top: 0; vertical-align: middle; } .products-table .buy-now { margin-top: 0; } .products-list .item:hover, .products-grid .item:hover { border: 1px solid #c9d1dc; background: #fafafa; } .products-list hr.divider { border: 0 none; border-top: 1px dashed #c9d1dc; margin: 10px 0; height: 0; background: #ffffff; } .products-grid hr.divider { border: 0 none; border-top: 1px dashed #c9d1dc; margin: 5px 0; height: 0; background: #ffffff; } .products-list .price-row { text-align: right; } .products-list .list_buttons { float: right; position: relative; padding: 3px 10px 3px 0; width: 115px; text-align: right; } .products-list .details { float: left; width: 365px; padding: 0 20px; } .products .buy-now .quantity-title { width: auto; padding-right: 5px; } .products-list .buttons-row .button { float: none; } .products-list input, .products-grid input { text-align: center; } table.product-properties .property-value span.instock { font-weight: bold; color: green; } table.product-properties .property-value span.nostock { font-weight: bold; color: red; } .products .product-title, .product-details .product-title { font-weight: normal; font-size: 12px; text-decoration: none; color: #2F3B3B; } ul.simple-list-left { height: 25px; } .product-details { margin: 0; position: relative; } .product-details .image { float: left; margin: 0; vertical-align: top; } .product-details .details { padding-left: 5px; } /* products page layout END */ /* products grid START */ .products-grid { } .products-grid .image { float: left; width: 26px; height: 26px; } .products-grid .details { float: left; width: 370px; padding: 0 10px; } .products-grid .prices { float: left; width: 75px; padding-right: 10px; text-align: right; } .products-grid .grid_buttons { float: right; text-align: right; width: 150px; } .products-grid .price-value { color: #EA7815; font-size: 13px; font-style: italic; font-weight: bold; } .products-grid .buy-now { margin: 0; } .products-grid .buy-now .quantity { float: left; padding-top: 5px; } .products-grid .buttons-row { margin: 0; display: inline; } .products-grid .buttons-row .button { float: right; } /* products grid END */ /* CFL Product Videos START */ div.video-links img { float:left; margin-right:10px; margin-bottom:10px; } div.video-links a.video_link { font-weight:bold; font-size:14px; text-decoration:none; } div.video-links div.video-descr, #videocontainer div.video-descr { margin: 5px 0; } div.video-links hr.video-separator { clear:both; margin:10px 0; height:0; border:0 none; background: url(../../skin/xtreme_gear/css/../images/product-line-bg.png) no-repeat bottom;} /* CFL Product Videos END */ .footer-navi-wrap { clear: both; } #footer { clear: both; } .products-grid img, .products img { border: 1px solid transparent; } .products-grid img, .products img { border: 1px solid transparent; } .products-grid img:hover, .products img:hover { border-color: #ccc; /* or whatever color your theme uses */ } /* Prevent product grid jumping on hover */ .products-grid .product, .products .product { box-sizing: border-box; } /* Lock product tile height */ #products-list .item { height: 254px; overflow: hidden; } /* Prevent hover effects from altering layout */ #products-list .item * { box-sizing: border-box; } /* Keep hover visual-only */ #products-list .item:hover { overflow: hidden; } /* Prevent row reflow when hover adds a border */ #products-list .item, .products-list .item { border: 1px solid transparent; /* reserve the border space */ box-sizing: border-box; /* include border in width calculations */ } #products-list .item:hover, .products-list .item:hover { border-color: #c9d1dc; /* only change color, not size */ background: #fafafa; } .products-grid .item { border: 1px solid transparent; box-sizing: border-box; } .products-grid .item:hover { border-color: #c9d1dc; background: #fafafa; } /* ========================================================== MX1 Phase 4 V2 Adjustments Newsletter-to-footer integrated band ========================================================== */ .mx1-footer-column h3:after { content: ""; display: block; width: 28px; height: 2px; margin: 8px 0 0 0; background: #ff6600; } .social-signup:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(90deg, rgba(20,23,25,.98) 0%, rgba(20,23,25,.94) 42%, rgba(20,23,25,.72) 72%, rgba(20,23,25,.48) 100%); z-index: 0; } .signup { position: relative; z-index: 2; } /* ========================================================== MX1 Phase 4 V3 Corrections Addresses: rider newsletter image, footer gap, footer type size, improved background asset, and stronger icon treatment. ========================================================== */ .mx1-promise-section { margin: 46px -9999px 0 -9999px !important; padding: 52px 9999px 64px 9999px !important; background: linear-gradient( rgba(255,255,255,.50), rgba(255,255,255,.68) ), url(../../skin/xtreme_gear/css/../images/card_background.jpg) center 64% / 2000px 1100px no-repeat !important; border-bottom: 1px solid #ff6600 !important; } .mx1-promise-card { background: rgba(255,255,255,.985) !important; box-shadow: 0 8px 26px rgba(0,0,0,.13) !important; } .mx1-promise-icon, .mx1-promise-icon svg { width: 70px !important; height: 70px !important; } .mx1-promise-icon svg { stroke-width: 2.7 !important; } .social-signup { clear: both !important; position: relative !important; width: auto !important; margin: 0 -9999px !important; padding: 44px 9999px !important; background-color: #141719 !important; background-image: linear-gradient( 90deg, rgba(18,22,25,.88) 0%, rgba(18,22,25,.80) 40%, rgba(18,22,25,.58) 68%, rgba(18,22,25,.20) 100% ), url(../../skin/xtreme_gear/css/../images/homepage/newsletter_homepage.jpg) !important; background-repeat: no-repeat, no-repeat !important; background-position: center center, center center !important; background-size: 100% 100%, 1920px 260px !important; border-top: 1px solid #ff6600 !important; border-bottom: 0 !important; box-shadow: none !important; overflow: hidden !important; } .social-signup:before { display: none !important; } .signup { position: relative !important; z-index: 2 !important; } .mx1-newsletter-title { display: block !important; color: #ffffff !important; font-size: 25px !important; line-height: 31px !important; text-shadow: 0 2px 6px rgba(0,0,0,.55) !important; } .mx1-newsletter-title:after { content: ""; display: block; width: 60px; height: 3px; margin: 16px auto 0 auto; background: #ff6600; } .mx1-newsletter-text { color: #ffffff !important; font-size: 16px !important; line-height: 25px !important; } .signup a.signup-link { margin-top: 22px !important; padding:8px 24px !important; font-size:15px !important; line-height:18px !important; border-radius:4px !important; box-shadow: 0 4px 14px rgba(0,0,0,.28) !important; } /* Remove the pale gap between the newsletter band and footer */ .social-signup + .mx1-footer-main, .mx1-footer-main { margin-top: 0 !important; } .mx1-footer-main { background: #15191b !important; border-top: 1px solid #ff6600 !important; } .mx1-footer-inner { padding: 30px 0 36px 0 !important; } .mx1-footer-column h3 { font-size: 15px !important; line-height: 24px !important; margin-bottom: 13px !important; } .mx1-footer-column li { margin-bottom: 8px !important; } .mx1-footer-column a { font-size: 15px !important; line-height: 22px !important; } .mx1-footer-about p { font-size: 15px !important; line-height: 24px !important; } .mx1-footer-button { font-size: 14px !important; } .footer-bottom-wrap { background: #15191b !important; margin-top: 0 !important; border-top: 0 !important; } .footer-bottom-text { font-size: 11px !important; } .footer-bottom-text p { padding: 16px 0 18px 0 !important; } .footer-navi-wrap, #footer, .footer-bottom-wrap, .mx1-footer-main { clear: both !important; } .footer-bottom-text, .footer-bottom-text p, .footer-bottom-wrap { border-top: 0 !important; } /* ========================================================== MX1 FINAL FOOTER + NEWSLETTER OVERRIDES Source of truth - July 6 2026 ========================================================== */ /* Newsletter */ .social-signup { clear: both !important; position: relative !important; width: auto !important; margin: 0 -9999px !important; padding: 44px 9999px !important; background-color: #141719 !important; background-image: linear-gradient( 90deg, rgba(18,22,25,.88) 0%, rgba(18,22,25,.80) 40%, rgba(18,22,25,.58) 68%, rgba(18,22,25,.20) 100% ), url(../../skin/xtreme_gear/css/../images/homepage/newsletter_homepage.jpg) !important; background-repeat: no-repeat, no-repeat !important; background-position: center center, center center !important; background-size: 100% 100%, 1920px 260px !important; border-top: 1px solid #ff6600 !important; border-bottom: 1px solid #ff6600 !important; box-shadow: none !important; overflow: hidden !important; } .social-signup:before { display: none !important; } /* Contact button */ .mx1-footer-button { padding: 8px 20px !important; font-size: 13px !important; line-height: 17px !important; border-radius: 4px !important; } /* Remove mystery white copyright line */ .footer-bottom-wrap { background: #15191b !important; margin: 0 -9999px !important; padding: 0 9999px !important; border: 0 !important; box-shadow: none !important; } .footer-bottom-wrap .footer-inner, .footer-bottom-wrap .footer-bottom-text { background: #15191b !important; border: 0 !important; box-shadow: none !important; } /* Patch: eliminate legacy body background hairline above copyright */ .footer-bottom-wrap { position: relative !important; top: -1px !important; margin-bottom: -1px !important; background: #15191b !important; } /* ========================================================== Category Pages - Space Below Horizontal Navigation August 2026 ========================================================== */ #categories-holder { clear: both; padding-top: 8px; } /* ========================================================== Category Pages - Category Description Refinement August 2026 ========================================================== */ #categories-content .categories-desc { max-width: 760px; margin: 10px 0 20px; padding-left: 12px; color: #555555; font-size: 15px; line-height: 22px; } #categories-content .categories-desc p { margin: 0 0 6px 0; padding: 0; } #categories-content .categories-desc p:last-child { margin-bottom: 0; } /* Product pages - space below horizontal navigation */ #page-holder > #breadcrumbs { clear: both; padding-top: 0; } /* Remove legacy red separator below category pages */ #categories-holder + .separator { display: none !important; } /* ========================================================== Category Pages - Homepage-Inspired Subcategory Cards August 2026 Applies only to category/subcategory tiles ========================================================== */ #categories-list { clear: both; margin: 20px 0 0 0; padding: 0; list-style: none; } #categories-list > li { display: block; float: left; width: 184px; min-height: 250px; margin: 0 12px 22px 0; padding: 0 0 14px 0; background: #ffffff; border: 1px solid #e2e2e2; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(0,0,0,.05); overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } #categories-list > li:hover { border-color: #ff6600; box-shadow: 0 9px 22px rgba(0,0,0,.12); transform: translateY(-3px); } #categories-list > li a.img-link { display: block; width: 100%; height: 176px; margin: 0 0 16px 0; padding: 10px; box-sizing: border-box; background: #ffffff; overflow: hidden; text-align: center; } #categories-list > li a.img-link img { display: block; max-width: 162px; max-height: 156px; width: auto; height: auto; margin: 0 auto; border: 0; } #categories-list > li h2 { min-height: 52px; margin: 0; padding: 0 12px; font-size: 14px; line-height: 17px; font-weight: 800; text-align: left; text-transform: none; } #categories-list > li h2 a { display: block; color: #111111; text-decoration: none; } #categories-list > li h2 a:hover { color: #ff6600; } #categories-list > li h6 { margin: 5px 12px 0 12px; padding: 0; color: #888888; font-size: 11px; line-height: 15px; font-weight: 400; } /* ========================================================== Category Pages - Modern Product Cards August 2026 Applies only to product listing grids ========================================================== */ #products-list.products-list { margin: 0 !important; padding: 0 !important; border: 0 !important; } #products-list.products-list > .item { display: block; float: left; width: 180px !important; height: auto !important; min-height: 300px; margin: 0 14px 20px 0 !important; padding: 10px 10px 12px 10px; box-sizing: border-box; background: #ffffff; border: 1px solid #e2e2e2; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,.05); overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } #products-list.products-list > .item:hover { border-color: #ff6600; background: #ffffff; box-shadow: 0 9px 22px rgba(0,0,0,.12); transform: translateY(-3px); } #products-list .listing-product { height: auto !important; margin: 0; padding: 0; overflow: visible !important; list-style: none; } #products-list .item ul.listing-product li { float: none; width: auto; height: auto; margin: 0; padding: 0; } /* Product image area */ #products-list .item ul.listing-product li a.listing-image { display: block; float: none !important; width: 100% !important; height: 170px !important; margin: 0 0 10px 0; padding: 10px 0; box-sizing: border-box; background: #ffffff !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; overflow: hidden; text-align: center; } /* Product thumbnail */ #products-list .item ul.listing-product li a.listing-image img { display: block; width: 150px !important; height: 150px !important; margin: 0 auto !important; object-fit: contain; border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* Product name */ #products-list .item ul.listing-product li h2 { height: auto !important; min-height: 5px; max-height: none !important; margin: 0; padding: 0; overflow: visible !important; font-size: 13px; line-height: 18px; font-weight: 600; } #products-list .item ul.listing-product li h2 a { color: #666666; text-decoration: none; } #products-list .item ul.listing-product li h2 a:hover { color: #ff6600; } /* Price */ #products-list .item ul.listing-product li.price-row { min-height: 22px; margin: 8px 0 0 0; padding: 0; text-align: left; } #products-list .price-row h3 { float: none !important; height: auto !important; margin: 0; padding: 0; color: #111111; font-size: 15px; line-height: 20px; font-weight: 700; } #products-list .price-row h4 { display: none; } #products-list .sku, #products-list .taxes, #products-list .market-price { margin-top: 5px; } #products-list .details { float: none; width: auto; margin-top: 8px; padding: 0; } /* Force each group of four products to begin a clean row */ #products-list > div.item { clear: none; } #products-list > div.item:nth-of-type(4n+1) { clear: left; } /* Remove broken product-list sort control */ form.category-filter { display: none !important; } /* Collapse the top pagination wrapper containing the disabled sort form */ #categories-content > .pagination:has(> form.category-filter) { height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Restore deliberate spacing above product cards */ #products-list.products-list { margin-top: 18px !important; } /* ========================================================== Category Pages - Recently Viewed Slider Height August 2026 Uses the existing X-Cart slider ID spelling ========================================================== */ #slideshow-cat-rviewed { height: 325px !important; overflow: hidden !important; } #slideshow-cat-rviewed .slidesholder { height: 310px !important; overflow: hidden !important; } #slideshow-cat-rviewed .slidesholder .slide { height: 310px !important; } #slideshow-cat-rviewed .slidesholder .slide > li { height: 310px !important; } #slideshow-cat-rviewed ul.featured-product { height: auto !important; } /* ========================================================== MX1 Horizontal Overflow Fix September 2026 Contains full-width breakout sections within viewport ========================================================== */ html, body { overflow-x: hidden; } /* MX1 Canada: modern make/model/year filter */ .mx1-mmy-shell { width: 100%; margin: 16px 0 28px; } .mx1-mmy-shell, .mx1-mmy-shell * { box-sizing: border-box; } .mx1-mmy-shell #mmy_filter_box { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(0, 1.6fr) minmax(90px, 0.7fr) auto; align-items: end; gap: 16px; width: 100%; padding: 20px; background: #f7f7f7; border: 1px solid #dedede; border-radius: 12px; } .mx1-mmy-shell .mx1-mmy-field { min-width: 0; } .mx1-mmy-shell .mx1-mmy-field label { display: block; margin: 0 0 7px; color: #333; font-size: 13px; font-weight: 600; line-height: 1.3; } .mx1-mmy-shell .mx1-mmy-field select { display: block; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0 10px; border: 1px solid #c9c9c9; border-radius: 6px; background: #fff; color: #222; font-family: inherit; font-size: 16px; cursor: pointer; } .mx1-mmy-shell .mx1-mmy-actions { display: flex; align-items: center; gap: 10px; } .mx1-mmy-shell .mx1-mmy-actions button { display: inline-flex; align-items: center; justify-content: center; float: none; width: auto; height: 44px; margin: 0; padding: 0 18px; border: 1px solid #292929; border-radius: 6px; background: #292929; color: #fff; font-family: inherit; font-size: 14px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: pointer; } .mx1-mmy-shell .mx1-mmy-actions .mx1-mmy-reset { border-color: #c9c9c9; background: #fff; color: #333; } .mx1-mmy-shell .mx1-mmy-apply:hover { background: #444; } .mx1-mmy-shell .mx1-mmy-reset:hover { background: #ededed; } .mx1-mmy-shell select:focus, .mx1-mmy-shell button:focus-visible { outline: 2px solid #555; outline-offset: 2px; } @media (max-width: 1100px) { .mx1-mmy-shell #mmy_filter_box { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 0.7fr); } .mx1-mmy-shell .mx1-mmy-actions { grid-column: 1 / -1; justify-content: flex-end; } } @media (max-width: 600px) { .mx1-mmy-shell #mmy_filter_box { grid-template-columns: minmax(0, 1fr); padding: 16px; gap: 14px; } .mx1-mmy-shell .mx1-mmy-actions button { flex: 1; padding: 0 10px; } } /* Year / Make / Model field widths */ .mx1-mmy-shell #mmy_filter_box { grid-template-columns: minmax(90px, 0.7fr) minmax(110px, 1fr) minmax(0, 1.6fr) auto; } @media (max-width: 1100px) { .mx1-mmy-shell #mmy_filter_box { grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr) minmax(0, 1.6fr); } } @media (max-width: 600px) { .mx1-mmy-shell #mmy_filter_box { grid-template-columns: minmax(0, 1fr); } } /* MX1 fitment finder appearance */ .mx1-mmy-shell { width: 100%; margin: 20px 0 28px; padding: 22px; background: #242424; border: 1px solid #242424; border-radius: 10px; box-sizing: border-box; } .mx1-mmy-shell .mx1-mmy-heading { margin: 0 0 18px; } .mx1-mmy-shell .mx1-mmy-heading h3 { margin: 0 0 6px; padding: 0; background: none; border: 0; color: #ffffff; font-size: 22px; font-weight: 600; line-height: 1.3; } .mx1-mmy-shell .mx1-mmy-heading p { margin: 0; color: #d0d0d0; font-size: 14px; line-height: 1.5; } .mx1-mmy-shell #mmy_filter_box { padding: 0; background: transparent; border: 0; border-radius: 0; } .mx1-mmy-shell .mx1-mmy-field label { color: #ffffff; font-size: 14px; } .mx1-mmy-shell .mx1-mmy-field select { height: 48px; background: #ffffff; color: #222222; border: 1px solid #dddddd; border-radius: 5px; } .mx1-mmy-shell .mx1-mmy-actions button { height: 48px; font-weight: 600; } .mx1-mmy-shell .mx1-mmy-apply { background: #ffffff; color: #222222; border: 1px solid #ffffff; } .mx1-mmy-shell .mx1-mmy-apply:hover { background: #e6e6e6; border-color: #e6e6e6; } .mx1-mmy-shell .mx1-mmy-reset { background: transparent; color: #ffffff; border: 1px solid #858585; } .mx1-mmy-shell .mx1-mmy-reset:hover { background: #393939; color: #ffffff; } .mx1-mmy-shell select:focus, .mx1-mmy-shell button:focus { outline: 2px solid #ffffff; outline-offset: 3px; } @media (max-width: 600px) { .mx1-mmy-shell { padding: 18px; } .mx1-mmy-shell .mx1-mmy-heading h3 { font-size: 20px; } } /* MX1 fitment finder - medium charcoal */ .mx1-mmy-shell { background: #4a4a4a; border: 1px solid #4a4a4a; } .mx1-mmy-shell .mx1-mmy-heading h3 { color: #ffffff; } .mx1-mmy-shell .mx1-mmy-heading p { color: #eeeeee; } .mx1-mmy-shell .mx1-mmy-field label { color: #ffffff; } .mx1-mmy-shell .mx1-mmy-actions .mx1-mmy-apply { background: #ffffff; color: #292929; border: 1px solid #ffffff; } .mx1-mmy-shell .mx1-mmy-actions .mx1-mmy-apply:hover { background: #e6e6e6; border-color: #e6e6e6; } .mx1-mmy-shell .mx1-mmy-actions .mx1-mmy-reset { background: transparent; color: #ffffff; border: 1px solid #cccccc; } .mx1-mmy-shell .mx1-mmy-actions .mx1-mmy-reset:hover { background: #5b5b5b; color: #ffffff; } .mx1-mmy-shell select:focus, .mx1-mmy-shell button:focus { outline: 2px solid #ffffff; outline-offset: 3px; } /* MX1 search results with Shop By sidebar */ .search-results .mx1-search-layout { display: flex; align-items: flex-start; gap: 24px; width: 100%; box-sizing: border-box; } .search-results .mx1-search-sidebar { flex: 0 0 220px; width: 220px; min-width: 0; padding: 16px; background: #f5f5f5; border: 1px solid #dddddd; border-radius: 8px; box-sizing: border-box; } .search-results .mx1-search-main { flex: 1 1 0; min-width: 0; } .search-results .mx1-search-sidebar #quickFilter { float: none; width: 100%; max-width: 100%; box-sizing: border-box; } .search-results .mx1-search-sidebar a { overflow-wrap: break-word; } /* Stack the filters above products on narrower screens */ @media (max-width: 1000px) { .search-results .mx1-search-layout { display: block; } .search-results .mx1-search-sidebar { width: 100%; margin-bottom: 20px; } .search-results .mx1-search-main { width: 100%; } } /* MX1 search results - evenly aligned product rows */ .search-results .mx1-search-main #products-list.products-list { display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px 14px; width: 100%; box-sizing: border-box; } .search-results .mx1-search-main #products-list.products-list > .item { float: none !important; clear: none !important; flex: 0 0 180px; width: 180px !important; margin: 0 !important; } /* MX1 Shop By - selected filters */ .search-results .mx1-selected-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; float: none; clear: both; width: auto; height: auto; min-height: 0; margin: 0 0 20px; padding: 16px 18px; box-sizing: border-box; background: #f5f5f5; border: 1px solid #dddddd; border-radius: 8px; color: #333333; font-size: 14px; line-height: 22px; text-align: left; } .search-results .mx1-selected-filters ul { display: flex; flex-wrap: wrap; gap: 8px; flex: 1 1 auto; margin: 0; padding: 0; list-style: none; } .search-results .mx1-selected-filters ul li { float: none; margin: 0; padding: 6px 12px; list-style: none; background: #ffffff; border: 1px solid #cccccc; border-radius: 6px; } .search-results .mx1-clear-shop-filters { margin-left: auto; color: #333333; font-weight: 600; text-decoration: underline; } .search-results .mx1-clear-shop-filters:hover { color: #000000; } /* Remove the Shop By heading funnel icon */ .mx1-search-sidebar #quickFilter img[src$="shop-by-filter.png"] { display: none; } /* Make Shop By section labels more prominent */ .mx1-search-sidebar .sbf_menu_title { font-weight: 700; font-size: 15px; color: #222222; } /* Reduce unused pagination space on search results */ .search-results .mx1-search-main .pagination { height: auto; min-height: 0; padding-top: 0; margin: 0; display: flow-root; } /* Space below search-result product cards */ .search-results .mx1-search-main #products-list.products-list { margin-bottom: 20px !important; } /* MX1 product detail - Fitment tab */ .mx1-fitment-tab { padding: 6px 0; } .mx1-fitment-table-wrap { overflow-x: auto; } .mx1-fitment-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 21px; } .mx1-fitment-table caption { padding: 0 0 14px; color: #333333; font-size: 18px; font-weight: 700; text-align: left; } .mx1-fitment-table th, .mx1-fitment-table td { padding: 12px 16px; border-bottom: 1px solid #dddddd; text-align: left; vertical-align: top; } .mx1-fitment-table th { background: #4a4a4a; color: #ffffff; font-weight: 700; } .mx1-fitment-table tbody tr:nth-child(even) { background: #f5f5f5; } /* Product detail - link to the Fitment tab */ #product-details .mx1-fitment-link { margin: 12px 0 16px; } #product-details .mx1-fitment-link a { color: #333333; font-size: 14px; font-weight: 600; text-decoration: underline; } #product-details .mx1-fitment-link a:hover { color: #000000; } #page-holder > #breadcrumbs li { padding-top: 7px; } #categories-holder { padding-top: 0; } #categories-content #breadcrumbs li { padding-top: 7px; } #mx1-recently-viewed { border-top: 2px solid #555555 !important; } /* MX1 product radio options and compact brand layout */ @media (min-width: 1000px) { #product-details:has(.mx1-radio-group) .product-description-holder { width: calc(100% - 120px); } #product-details:has(.mx1-radio-group) .product-description-left { width: calc(100% - 10px); } #product-details:has(.mx1-radio-group) .product-description-right { width: 110px; } } /* Quantity must not inherit the theme's fixed-width, right-floated label. */ #product-details .product-description-left:has(.mx1-radio-group) fieldset > label:has(#product_avail), #product-details .product-description-left:has(.mx1-radio-group) fieldset > label:has(#product_avail_input) { display: flex; align-items: center; gap: 6px; float: none; clear: both; width: auto; text-align: left; } #product-details .product-description-left:has(.mx1-radio-group) fieldset > label:has(#product_avail) > em, #product-details .product-description-left:has(.mx1-radio-group) fieldset > label:has(#product_avail_input) > em { float: none; padding-right: 0; } /* Start Add to cart below the floated SKU/MFG table; wishlist follows it. */ #product-details .product-description-left:has(.mx1-radio-group) .product-submit { clear: left; } #product-details .product-brand { margin: 0; min-height: 0; text-align: center; } #product-details .product-brand h6 { margin: 0 0 8px; padding: 0; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1.3; color: #333; } #product-details .product-brand a { display: inline-block; } #product-details .product-brand img { display: block; width: auto; max-width: 90px; max-height: 60px; height: auto; margin: 0 auto; } #product-details:not(:has(.mx1-radio-group)) .product-brand img { max-width: 140px; } /* Tighten spacing around Quantity on radio-option products */ #product-details .product-description-left:has(.mx1-radio-group) fieldset > br { display: none; } #product-details .product-description-left:has(.mx1-radio-group) fieldset > label:has(#product_avail), #product-details .product-description-left:has(.mx1-radio-group) fieldset > label:has(#product_avail_input) { min-height: 0; margin: 10px 0 8px; padding: 0; } #product-details .product-description-left:has(.mx1-radio-group) .products-details2 { padding-top: 8px; } /* MX1 Seat Concepts installation guide */ .mx1-sc-install-guide { max-width: 900px; line-height: 1.5; } .mx1-sc-install-guide p { margin: 0 0 14px; } .mx1-sc-install-guide h3 { margin: 24px 0 10px; padding-bottom: 6px; border-bottom: 1px solid #ddd; color: #333; } .mx1-sc-install-guide ul { padding-left: 22px; margin: 0 0 16px; } .mx1-sc-install-guide li { margin-bottom: 6px; } .mx1-sc-install-guide .mx1-install-intro { border-left: 3px solid #ff6600; padding: 10px 14px; margin-bottom: 18px; background: #f7f7f7; } .mx1-sc-install-guide .mx1-install-intro p { margin: 0; } .mx1-sc-install-guide .mx1-install-step { margin: 18px 0 6px; color: #990000; font-weight: bold; } .mx1-sc-install-guide .mx1-install-video { max-width: 640px; width: 100%; margin-top: 12px; } .mx1-sc-install-guide .mx1-install-video-frame { position: relative; padding-bottom: 56.25%; height: 0; } .mx1-sc-install-guide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Individual brand page: constrain the header logo. */ .brand-holder .text-block > img, .brand-holder .text-block a.brand-link img { width: auto !important; height: auto !important; max-width: 140px; max-height: 80px; margin: 0 18px 12px 0; } /* Clear the logo before the fitment filter. */ .brand-holder .text-block::after { content: ""; display: block; clear: both; } /* All brands: consistent logo space without distortion. */ .brands-all-block a.brands-all-img { display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; } .brands-all-block a.brands-all-img img { display: block; width: auto !important; height: auto !important; max-width: 140px; max-height: 60px; margin: 0 auto; } /* MX1 Shipping, Returns & Warranty static page only. */ .mx1-policy-page { max-width:900px; font-size:14px; line-height:1.6; color:#333; } .mx1-policy-page p { margin:0 0 14px; } .mx1-policy-page h2 { margin:26px 0 12px; padding:0 0 8px; border-bottom:1px solid #ddd; font-family:inherit; font-size:18px; font-weight:700; line-height:1.35; color:#333; scroll-margin-top:20px; } .mx1-policy-page .mx1-policy-important { margin:18px 0 22px; padding:12px 16px; border-left:3px solid #ff6600; background:#f7f7f7; } .mx1-policy-page .mx1-policy-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; } .mx1-policy-page .mx1-policy-nav a { display:inline-block; padding:6px 10px; border:1px solid #ddd; border-radius:3px; color:#333; font-size:13px; line-height:1.4; text-decoration:underline; } .mx1-policy-page .mx1-policy-nav a:hover, .mx1-policy-page .mx1-policy-nav a:focus { border-color:#ff6600; color:#990000; background:#fff; } @media (max-width:600px) { .mx1-policy-page h2 { font-size:17px; } .mx1-policy-page .mx1-policy-important { padding:10px 12px; } } /* MX1 Seat Concepts cover materials static page */ .mx1-sc-materials { max-width:900px; font-size:14px; line-height:1.5; color:#333; } .mx1-sc-materials .mx1-material-note { padding:12px 16px; border-left:3px solid #ff6600; background:#f7f7f7; margin:0 0 24px; } .mx1-sc-materials section { margin:0 0 28px; } .mx1-sc-materials h2 { margin:0 0 10px; padding-bottom:8px; border-bottom:1px solid #ddd; font-family:inherit; font-size:18px; font-weight:700; color:#333; } .mx1-sc-materials p { margin:0 0 14px; } .mx1-sc-materials .mx1-swatch-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(115px,1fr)); gap:18px; } .mx1-sc-materials figure { margin:0; max-width:145px; } .mx1-sc-materials figure img { display:block; width:100%; height:auto; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; } .mx1-sc-materials figcaption { margin-top:6px; font-size:13px; text-align:center; } .mx1-sc-materials .mx1-material-credit { font-size:12px; color:#555; } /* Cover Materials tab: spacing, type and larger swatches. */ .productslide .mx1-sc-materials { box-sizing:border-box; max-width:100%; padding:20px; font-size:15px; line-height:1.6; } .productslide .mx1-sc-materials p { margin:0 0 14px !important; padding:0 !important; font-size:15px !important; line-height:1.6; } .productslide .mx1-sc-materials .mx1-material-note { margin:0 0 24px !important; padding:12px 16px !important; } .productslide .mx1-sc-materials h2 { margin:0 0 12px !important; padding:0 0 8px !important; font-size:19px !important; line-height:1.35; } .productslide .mx1-sc-materials section { margin:0 0 24px; } .productslide .mx1-sc-materials figcaption { font-size:14px; } .productslide .mx1-sc-materials .mx1-material-credit { font-size:12px !important; } .productslide .mx1-sc-materials .mx1-swatch-grid { grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:20px; } .productslide .mx1-sc-materials figure { max-width:170px; } .productslide .mx1-sc-materials .mx1-swatch-open { display:block; width:100%; height:auto; margin:0; padding:0; border:0; border-radius:3px; background:transparent; box-shadow:none; cursor:zoom-in; } .productslide .mx1-sc-materials .mx1-swatch-open:focus-visible { outline:2px solid #ff6600; outline-offset:3px; } .mx1-swatch-dialog { box-sizing:border-box; width:min(640px,calc(100vw - 28px)); max-width:calc(100vw - 28px); max-height:90vh; margin:auto; padding:16px; border:1px solid #ddd; border-radius:5px; background:#fff; color:#333; overflow:auto; } .mx1-swatch-dialog::backdrop { background:rgba(0,0,0,.65); } .mx1-swatch-dialog > img { display:block; width:auto; height:auto; max-width:100%; max-height:65vh; margin:12px auto; } .mx1-swatch-dialog .mx1-swatch-close { display:block; width:auto; height:auto; margin:0 0 0 auto; padding:7px 12px; border:1px solid #990000; background:#fff; color:#990000; font:700 14px Arial,sans-serif; cursor:pointer; } .mx1-swatch-dialog .mx1-swatch-caption { margin:12px 0 0; text-align:center; font:15px/1.5 Arial,sans-serif; } @media(max-width:600px) { .productslide .mx1-sc-materials { padding:14px; } .productslide .mx1-sc-materials .mx1-swatch-grid { grid-template-columns:repeat(auto-fill,minmax(125px,1fr)); gap:14px; } }#cart-info-panel form .search-submit {top: 1px;} #cart-info-panel form .search-box {top: -5px;} .cart-holder #flc-register-dialog .register-table .button.main-button span, .ui-widget-content button.button span {padding: 0;} .ui-widget-content button.button {padding: 0;margin-top: 3px;} .iv-box .button span, .register-table .button.main-button span {display: block;width: 104px;line-height: normal;clear: both;} .iv-box .button span.button-right, .register-table .button.main-button span.button-right {top: 0;} .rat-holder .data-table .iv-box .button {width: 104px !important;padding: 0;} .rat-holder .data-table .iv-box .button span.button-right {padding: 0 !important;margin: 0 !important;} input.inp-no-border, .pop-address input.inp-checkbox, #ship2diff, #create_account, .cart-holder .register-table .news-register-item input.inp-no-border {border: 0px none !important;background-image: none;width: 13px;} .iv-box button.button {cursor: pointer;} .cart-content .subtotal dl {position: relative;left: 8px;} #cart-info-panel form .search-box { padding: 2px 5px; height: 26px; font-size: 14px; } /* Categories */ #categories-content ul.decription-float {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;width: 755px;margin: 0;padding: 5px 5px 5px 0;color: #666;list-style-type: none;list-style-position: outside;float: left;line-height: 16px;} #categories-content ul.decription-float li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 0 0 0 20px;padding: 0 30px 5px 20px;} #categories-content ul.decription-float2 {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;width: 400px;margin: 0;padding: 10px 0;color: #666;list-style-type: none;list-style-position: outside;float: left;font-size: 13px;line-height: 16px;} #categories-content ul.decription-float2 li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 0 0 0 20px;padding: 0 30px 5px 20px;} #categories-content .table {font-family: Tahoma, Geneva, sans-serif;font-size: 13px;} #product-details ul.decription-float {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;width: 490px;margin: 0;padding: 0px 2px 2px 0;color: #666;list-style-type: none;list-style-position: outside;float: left;line-height: 12px;} #product-details ul.decription-float li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 0 0 0 20px;padding: 0 20px 5px 20px;} /* Product Description Tab */ #tabs-decription h2 {margin: 0;padding: 5px 40px 5px 20px;font-size: 18px;font-weight: 700;} #tabs-decription ul.decription-float {width: 460px;margin: 0;padding: 15px 15px 15px;color: #666;list-style-type: none;list-style-position: outside;float: left;font-size: 13px;line-height: 16px;} #tabs-decription ul.decription-float li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 15px 0 0 20px;padding: 0 30px 5px 20px;} #tabs-decription ul.decription-float2 {width: 895px;margin: 0;padding: 5px 15px 15px;color: #666;list-style-type: none;list-style-position: outside;float: left;font-size: 13px;line-height: 16px;} #tabs-decription ul.decription-float2 li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 0 0 0 10px;padding: 0 30px 5px 20px;} #tabs-decription ul.decription-float-table {width: 480px;margin: 0;padding: 0px 10px 10px;color: #666;list-style-type: none;list-style-position: outside;float: left;font-size: 13px;line-height: 15px;} #tabs-decription ul.decription-float-table li {background: url(../../skin/xtreme_gear/css/../images/product-description-ul-square.png) no-repeat 0 2px;margin: 10px 0 0 10px;padding: 0 20px 5px 20px;}#cart-info-panel form .search-submit {top: 1px;} #cart-info-panel form .search-box {top:-5px;} .cart-holder #flc-register-dialog .register-table .button.main-button span, .ui-widget-content button.button span {padding: 0;} .ui-widget-content button.button {padding: 0;margin-top: 3px;} .iv-box .button span, .register-table .button.main-button span {display: block;width: 104px;line-height: normal;clear: both;} .iv-box .button span.button-right, .register-table .button.main-button span.button-right {top: 0;} .rat-holder .data-table .iv-box .button {width: 104px !important;padding: 0;} .rat-holder .data-table .iv-box .button span.button-right {padding: 0 !important;margin: 0 !important;} input.inp-no-border, .pop-address input.inp-checkbox, #ship2diff, #create_account, .cart-holder .register-table .news-register-item input.inp-no-border {border: 0px none !important;background-image: none;width: 13px;} .iv-box button.button {cursor: pointer;} .cart-content .subtotal dl {position: relative;left: 8px;} /* TheXCartStore: xMenu */ .xm-menu { margin: 0; padding: 0; clear: both; height: 35px; /*position: absolute;*/ font-size: 12px; } .xm-menu li { padding: 0; position: relative; text-align: center; display:block; float: left; } .xm-menu li a { color: #FFF; text-decoration: none; line-height: 32px; display: block; padding: 0 5px; position: relative; z-index: 999; } .xm-menu li a:hover { background-color: #fff; color:#333; z-index: 1001; } .xm-menu li.current a { background-color: #fff; color:#333; z-index: 1001; } .xm-menu li .xm-sub-holder { background-color: #fff; position: absolute; left: -1px; z-index: 1000; -moz-box-shadow: 1px 1px 8px -2px #000; -webkit-box-shadow: 1px 1px 8px -2px #000; box-shadow: 1px 1px 8px -2px #000; display:none; } .xm-menu li .xm-sub-menu .xm-sub-column { float: left; width: 200px; } .xm-menu li .xm-sub-menu .xm-sub-column ul { margin: 0; padding: 10px 0 15px 5px; list-style: none; list-style-position: outside; } .xm-menu li .xm-sub-menu .xm-sub-column ul li { line-height: 18px; float: none; width: auto; text-align: left; } /*Sub-menu item styles*/ .xm-menu li .xm-sub-menu .xm-sub-column ul li a { text-decoration: none; color: #777; line-height: 18px; } /*Sub-menu item hover color*/ .xm-menu li .xm-sub-menu .xm-sub-column ul li a:hover { color: #990000; } .xm-menu li .xm-sub-holder { display: none; } /* Vertical Definition */ .xm-menu.xm-vertical { height: auto; background: none; /*width: auto !important;*/ } .xm-menu.xm-vertical li { display: block; float: none; } .xm-menu.xm-vertical > li { text-align: left; } .xm-menu.xm-vertical li .xm-sub-holder { /*display: inline-block;*/ border: 1px solid #AAA; display:none; } /* In-Page Definition */ .xm-simple-menu { margin-bottom: 3px; border: 1px solid #ddd; } .xm-simple-menu h4 { margin:0; padding: 5px; background-color: #ddd; } .xm-simple-menu a { color: #666; text-decoration: none; } .xm-simple-menu .xm-sub-column { width: 170px; float: left; } .xm-simple-menu .xm-sub-column ul { margin: 0; padding: 5px 10px; list-style: none; list-style-position: outside; } .xm-clear{clear: both;} #center-main { overflow: visible; } /* Demo footer html */ .sub-footer p { margin: 0; padding: 0; text-align: left; height: 27px; line-height: 27px; border:1px solid #fff; background-color: #EDECE9; } .sub-footer p span { background-color: #666; display: block; color: #fff; width: 140px; text-align: center; margin-right: 20px; float: left; } .sub-footer p a { height: auto; width: auto; color: #f97f01; display: inline; font-weight: 700; background-color: transparent; } .sub-footer p a:hover { background-color: transparent; } .xm-float-left { float:left; } /* End: TheXCartStore: xMenu *//* TXS-XM-SCHEME-DETAILS:START xm-scheme-name:"xMenus Xtreme Gear" xm-extra-class:"xm-xgear" xm-preview-image:"xm-xgear.jpg" TXS-XM-SCHEME-DETAILS:END */ /* Global Definitions */ .xm-menu.xm-xgear li .xm-sub-menu { background: url(../../skin/common_files/modules/TXS_XMenus/custom_css/images/xm-xgear-tab-bg.png) repeat-x 0 bottom; } .xm-menu.xm-xgear li .xm-sub-menu .xm-sub-column ul li a b { color: #555555; } .xm-menu.xm-xgear li .xm-sub-menu .xm-sub-column ul li a:hover b { color: #990000; } /* Horizontal Menu */ .xm-menu.xm-horizontal.xm-xgear { background: url(../../skin/common_files/modules/TXS_XMenus/custom_css/images/xm-xgear-bg.png) repeat-x 0 0; background-color: #990000; height: 38px; } .xm-menu.xm-horizontal.xm-xgear > li { height: 32px; } .xm-menu.xm-horizontal.xm-xgear li.xm-top > a { white-space: nowrap; padding: 0 15px; } .xm-menu.xm-horizontal.xm-xgear .xm-sub-holder { left: 0px; } /* Vertical Menu */ .xm-menu.xm-vertical.xm-xgear { border: 1px solid #990000; } /* In-Page Menu */ .xm-simple-menu.xm-xgear { background: url(../../skin/common_files/modules/TXS_XMenus/custom_css/images/xm-xgear-tab-bg.png) repeat-x 0 bottom; } .xm-simple-menu.xm-xgear .xm-sub-column ul li { list-style: none; } .xm-simple-menu.xm-xgear a:hover { color: #990000; } /* Banner 1 */ .xm-ba1 { margin: 1px; background-color: #EDECE9; width: 820px; height: 100px; } .xm-ba1-imga, .xm-ba1-imga img, .xm-ba1-imgb, .xm-ba1-imgb img { width: 180px; height: 80px; display: block; } .xm-ba1-imga { float: left; margin: 9px 0 0 11px; } .xm-ba1-imgb { float: right; margin: 9px 11px 0 0; } .xm-ba1 p { float: left; margin: 9px 20px 0 20px; padding: 0; font-size: 12px; height: 80px; width: 375px; line-height: 1.3em; color: #333; } .sub-footer .xm-ba1 p { border: 0px none; background-color: transparent; } .recaptcha { display: block; width: 300px; height: 75px; background: url(../../skin/common_files/modules/reCAPTCHA/css/../images/loading_light.gif) center center no-repeat; } .recaptcha.left { float: left; margin-bottom: 20px; } .recaptcha.center { margin: 0 auto 20px auto; } .recaptcha.right { float: right; margin-bottom: 20px; } .h0n3yt0th3b33 { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; } .g-recaptcha { display: inline-block; } /* Optional downsize for mobiles */ @media screen and (max-width: 400px) { .recaptcha { width: 255px; height: 64px; } .g-recaptcha { transform: scale(0.75); -webkit-transform: scale(0.75); transform-origin: 0 0; -webkit-transform-origin: 0 0; } background: url(../../skin/common_files/modules/reCAPTCHA/css/../images/loading_light_sm.gif) center center no-repeat; } .honeytothebee { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#212121;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../../skin/common_files/lib/colorbox/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../../skin/common_files/lib/colorbox/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../../skin/common_files/lib/colorbox/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../../skin/common_files/lib/colorbox/images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../../skin/common_files/lib/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ /* .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.mx1canada.com/skin/common_files/lib/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.mx1canada.com/skin/common_files/lib/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.mx1canada.com/skin/common_files/lib/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.mx1canada.com/skin/common_files/lib/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.mx1canada.com/skin/common_files/lib/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.mx1canada.com/skin/common_files/lib/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.mx1canada.com/skin/common_files/lib/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.mx1canada.com/skin/common_files/lib/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} */.dpimages-icons-box {width: 510px; } .dpimages-icons-box a, .dpimages-icons-box a:link, .dpimages-icons-box a:visited, .dpimages-icons-box a:hover, .dpimages-icons-box a:active {width: 81px; height: 81px; }